@charset "UTF-8";
@font-face {
  font-family: 'webappsdk';
  src: url("fonts/webappsdk.woff2") format("woff2"), url("fonts/webappsdk.woff") format("woff"), url("fonts/webappsdk.eot") format("embedded-opentype"), url("fonts/webappsdk.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'webappsdk' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  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;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shieldoff:before {
  content: "\ef48";
}

.icon-shieldon:before {
  content: "\ef47";
}

.icon-drag-horizontal:before {
  content: "\ef49";
}

.icon-drag-vertical:before {
  content: "\ef4a";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-image6:before {
  content: "\e943";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-chess-queen:before {
  content: "\e973";
}

.icon-chess-rock:before {
  content: "\e974";
}

.icon-chess-bishop:before {
  content: "\e975";
}

.icon-chess-knight:before {
  content: "\e976";
}

.icon-chess-pawn:before {
  content: "\e977";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-file-stats2:before {
  content: "\e9c2";
}

.icon-file-locked:before {
  content: "\e9c3";
}

.icon-file-locked2:before {
  content: "\e9c4";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-phone-hang-up2:before {
  content: "\ea2a";
}

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

.icon-address-book2:before {
  content: "\ea2c";
}

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

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

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

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

.icon-envelop2:before {
  content: "\ea31";
}

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

.icon-envelop4:before {
  content: "\ea33";
}

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

.icon-mailbox:before {
  content: "\ea35";
}

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

.icon-pushpin2:before {
  content: "\ea37";
}

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

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

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

.icon-location4:before {
  content: "\ea3b";
}

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

.icon-location6:before {
  content: "\ea3d";
}

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

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

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

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

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

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

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

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

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

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

.icon-map4:before {
  content: "\ea48";
}

.icon-map5:before {
  content: "\ea49";
}

.icon-direction:before {
  content: "\ea4a";
}

.icon-reset:before {
  content: "\ea4b";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-usb-stick:before {
  content: "\ea8d";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-flip-vertical2:before {
  content: "\eaab";
}

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

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

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

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

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

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

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

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

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

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

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

.icon-align-center-horizontal:before {
  content: "\eab7";
}

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

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

.icon-align-center-vertical:before {
  content: "\eaba";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-users2:before {
  content: "\eafc";
}

.icon-user2:before {
  content: "\eafd";
}

.icon-users3:before {
  content: "\eafe";
}

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

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

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

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

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

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

.icon-user3:before {
  content: "\eb05";
}

.icon-user4:before {
  content: "\eb06";
}

.icon-user5:before {
  content: "\eb07";
}

.icon-user6:before {
  content: "\eb08";
}

.icon-users4:before {
  content: "\eb09";
}

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

.icon-user7:before {
  content: "\eb0b";
}

.icon-users5:before {
  content: "\eb0c";
}

.icon-collaboration:before {
  content: "\eb0d";
}

.icon-vcard:before {
  content: "\eb0e";
}

.icon-hat:before {
  content: "\eb0f";
}

.icon-bowtie:before {
  content: "\eb10";
}

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

.icon-hanger:before {
  content: "\eb12";
}

.icon-tshirt:before {
  content: "\eb13";
}

.icon-pants:before {
  content: "\eb14";
}

.icon-shorts:before {
  content: "\eb15";
}

.icon-sock:before {
  content: "\eb16";
}

.icon-laundry:before {
  content: "\eb17";
}

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

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

.icon-quotes-left2:before {
  content: "\eb1a";
}

.icon-quotes-right2:before {
  content: "\eb1b";
}

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

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

.icon-hour-glass3:before {
  content: "\eb1e";
}

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

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

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

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

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

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

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

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

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

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

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

.icon-microscope:before {
  content: "\eb2a";
}

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

.icon-binoculars2:before {
  content: "\eb2c";
}

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

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

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

.icon-search2:before {
  content: "\eb30";
}

.icon-zoom-in2:before {
  content: "\eb31";
}

.icon-zoom-out2:before {
  content: "\eb32";
}

.icon-search3:before {
  content: "\eb33";
}

.icon-search4:before {
  content: "\eb34";
}

.icon-zoom-in3:before {
  content: "\eb35";
}

.icon-zoom-out3:before {
  content: "\eb36";
}

.icon-search5:before {
  content: "\eb37";
}

.icon-search6:before {
  content: "\eb38";
}

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

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

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

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

.icon-enlarge3:before {
  content: "\eb3d";
}

.icon-shrink3:before {
  content: "\eb3e";
}

.icon-enlarge4:before {
  content: "\eb3f";
}

.icon-shrink4:before {
  content: "\eb40";
}

.icon-enlarge5:before {
  content: "\eb41";
}

.icon-shrink5:before {
  content: "\eb42";
}

.icon-enlarge6:before {
  content: "\eb43";
}

.icon-shrink6:before {
  content: "\eb44";
}

.icon-enlarge7:before {
  content: "\eb45";
}

.icon-shrink7:before {
  content: "\eb46";
}

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

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

.icon-key3:before {
  content: "\eb49";
}

.icon-key4:before {
  content: "\eb4a";
}

.icon-key5:before {
  content: "\eb4b";
}

.icon-keyhole:before {
  content: "\eb4c";
}

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

.icon-lock2:before {
  content: "\eb4e";
}

.icon-lock3:before {
  content: "\eb4f";
}

.icon-lock4:before {
  content: "\eb50";
}

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

.icon-lock5:before {
  content: "\eb52";
}

.icon-unlocked2:before {
  content: "\eb53";
}

.icon-safe:before {
  content: "\eb54";
}

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

.icon-wrench2:before {
  content: "\eb56";
}

.icon-wrench3:before {
  content: "\eb57";
}

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

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

.icon-equalizer3:before {
  content: "\eb5a";
}

.icon-equalizer4:before {
  content: "\eb5b";
}

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

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

.icon-cog2:before {
  content: "\eb5e";
}

.icon-cog3:before {
  content: "\eb5f";
}

.icon-cog4:before {
  content: "\eb60";
}

.icon-cog5:before {
  content: "\eb61";
}

.icon-cog6:before {
  content: "\eb62";
}

.icon-cog7:before {
  content: "\eb63";
}

.icon-factory:before {
  content: "\eb64";
}

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

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

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

.icon-screwdriver:before {
  content: "\eb68";
}

.icon-screwdriver2:before {
  content: "\eb69";
}

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

.icon-magic-wand2:before {
  content: "\eb6b";
}

.icon-pulse:before {
  content: "\eb6c";
}

.icon-pulse2:before {
  content: "\eb6d";
}

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

.icon-aid-kit2:before {
  content: "\eb6f";
}

.icon-stethoscope:before {
  content: "\eb70";
}

.icon-ambulance:before {
  content: "\eb71";
}

.icon-alarm2:before {
  content: "\eb72";
}

.icon-pandage:before {
  content: "\eb73";
}

.icon-pandage2:before {
  content: "\eb74";
}

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

.icon-bug2:before {
  content: "\eb76";
}

.icon-syringe:before {
  content: "\eb77";
}

.icon-syringe2:before {
  content: "\eb78";
}

.icon-pill:before {
  content: "\eb79";
}

.icon-construction:before {
  content: "\eb7a";
}

.icon-traffic-cone:before {
  content: "\eb7b";
}

.icon-traffic-lights:before {
  content: "\eb7c";
}

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

.icon-pie-chart2:before {
  content: "\eb7e";
}

.icon-pie-chart3:before {
  content: "\eb7f";
}

.icon-pie-chart4:before {
  content: "\eb80";
}

.icon-pie-chart5:before {
  content: "\eb81";
}

.icon-pie-chart6:before {
  content: "\eb82";
}

.icon-pie-chart7:before {
  content: "\eb83";
}

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

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

.icon-pie-chart8:before {
  content: "\eb86";
}

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

.icon-stats-bars3:before {
  content: "\eb88";
}

.icon-stats-bars4:before {
  content: "\eb89";
}

.icon-stats-bars5:before {
  content: "\eb8a";
}

.icon-stats-bars6:before {
  content: "\eb8b";
}

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

.icon-stats-growth:before {
  content: "\eb8d";
}

.icon-stats-decline:before {
  content: "\eb8e";
}

.icon-stats-growth2:before {
  content: "\eb8f";
}

.icon-stats-decline2:before {
  content: "\eb90";
}

.icon-stairs-up:before {
  content: "\eb91";
}

.icon-stairs-down:before {
  content: "\eb92";
}

.icon-stairs:before {
  content: "\eb93";
}

.icon-stairs2:before {
  content: "\eb94";
}

.icon-ladder:before {
  content: "\eb95";
}

.icon-rating:before {
  content: "\eb96";
}

.icon-rating2:before {
  content: "\eb97";
}

.icon-rating3:before {
  content: "\eb98";
}

.icon-cake:before {
  content: "\eb99";
}

.icon-podium:before {
  content: "\eb9a";
}

.icon-stars:before {
  content: "\eb9b";
}

.icon-medal-star:before {
  content: "\eb9c";
}

.icon-medal:before {
  content: "\eb9d";
}

.icon-medal2:before {
  content: "\eb9e";
}

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

.icon-medal-second:before {
  content: "\eba0";
}

.icon-medal-third:before {
  content: "\eba1";
}

.icon-crown:before {
  content: "\eba2";
}

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

.icon-trophy2:before {
  content: "\eba4";
}

.icon-trophy3:before {
  content: "\eba5";
}

.icon-diamond:before {
  content: "\eba6";
}

.icon-diamond2:before {
  content: "\eba7";
}

.icon-trophy4:before {
  content: "\eba8";
}

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

.icon-gift2:before {
  content: "\ebaa";
}

.icon-balloon:before {
  content: "\ebab";
}

.icon-pipe:before {
  content: "\ebac";
}

.icon-mustache:before {
  content: "\ebad";
}

.icon-mustache2:before {
  content: "\ebae";
}

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

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

.icon-glass3:before {
  content: "\ebb1";
}

.icon-glass4:before {
  content: "\ebb2";
}

.icon-bottle:before {
  content: "\ebb3";
}

.icon-bottle2:before {
  content: "\ebb4";
}

.icon-bottle3:before {
  content: "\ebb5";
}

.icon-bottle4:before {
  content: "\ebb6";
}

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

.icon-fork-knife:before {
  content: "\ebb8";
}

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

.icon-cook:before {
  content: "\ebba";
}

.icon-plate:before {
  content: "\ebbb";
}

.icon-steak:before {
  content: "\ebbc";
}

.icon-fish:before {
  content: "\ebbd";
}

.icon-chicken:before {
  content: "\ebbe";
}

.icon-hamburger:before {
  content: "\ebbf";
}

.icon-pizza:before {
  content: "\ebc0";
}

.icon-cheese:before {
  content: "\ebc1";
}

.icon-bread:before {
  content: "\ebc2";
}

.icon-icecream:before {
  content: "\ebc3";
}

.icon-milk:before {
  content: "\ebc4";
}

.icon-cup:before {
  content: "\ebc5";
}

.icon-cup2:before {
  content: "\ebc6";
}

.icon-coffee-baen:before {
  content: "\ebc7";
}

.icon-coffee:before {
  content: "\ebc8";
}

.icon-teapot:before {
  content: "\ebc9";
}

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

.icon-leaf2:before {
  content: "\ebcb";
}

.icon-apple:before {
  content: "\ebcc";
}

.icon-grapes:before {
  content: "\ebcd";
}

.icon-cherry:before {
  content: "\ebce";
}

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

.icon-tree2:before {
  content: "\ebd0";
}

.icon-tree3:before {
  content: "\ebd1";
}

.icon-tree4:before {
  content: "\ebd2";
}

.icon-cactus:before {
  content: "\ebd3";
}

.icon-mountains:before {
  content: "\ebd4";
}

.icon-paw:before {
  content: "\ebd5";
}

.icon-footprint:before {
  content: "\ebd6";
}

.icon-tent:before {
  content: "\ebd7";
}

.icon-flower:before {
  content: "\ebd8";
}

.icon-flower2:before {
  content: "\ebd9";
}

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

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

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

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

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

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

.icon-meter3:before {
  content: "\ebe0";
}

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

.icon-balance:before {
  content: "\ebe2";
}

.icon-scale:before {
  content: "\ebe3";
}

.icon-bomb:before {
  content: "\ebe4";
}

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

.icon-fire2:before {
  content: "\ebe6";
}

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

.icon-atom:before {
  content: "\ebe8";
}

.icon-atom2:before {
  content: "\ebe9";
}

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

.icon-magnet2:before {
  content: "\ebeb";
}

.icon-dumbbell:before {
  content: "\ebec";
}

.icon-skull:before {
  content: "\ebed";
}

.icon-skull2:before {
  content: "\ebee";
}

.icon-lamp:before {
  content: "\ebef";
}

.icon-lamp2:before {
  content: "\ebf0";
}

.icon-lamp3:before {
  content: "\ebf1";
}

.icon-spotlight:before {
  content: "\ebf2";
}

.icon-lamp4:before {
  content: "\ebf3";
}

.icon-lamp5:before {
  content: "\ebf4";
}

.icon-lamp6:before {
  content: "\ebf5";
}

.icon-lamp7:before {
  content: "\ebf6";
}

.icon-lamp8:before {
  content: "\ebf7";
}

.icon-broom:before {
  content: "\ebf8";
}

.icon-toiletpaper:before {
  content: "\ebf9";
}

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

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

.icon-bin3:before {
  content: "\ebfc";
}

.icon-bin4:before {
  content: "\ebfd";
}

.icon-bin5:before {
  content: "\ebfe";
}

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

.icon-briefcase2:before {
  content: "\ec00";
}

.icon-briefcase3:before {
  content: "\ec01";
}

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

.icon-airplane2:before {
  content: "\ec03";
}

.icon-airplane3:before {
  content: "\ec04";
}

.icon-airplane4:before {
  content: "\ec05";
}

.icon-paperplane:before {
  content: "\ec06";
}

.icon-car:before {
  content: "\ec07";
}

.icon-steering-wheel:before {
  content: "\ec08";
}

.icon-car2:before {
  content: "\ec09";
}

.icon-gas:before {
  content: "\ec0a";
}

.icon-bus:before {
  content: "\ec0b";
}

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

.icon-bike:before {
  content: "\ec0d";
}

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

.icon-train:before {
  content: "\ec0f";
}

.icon-train2:before {
  content: "\ec10";
}

.icon-ship:before {
  content: "\ec11";
}

.icon-boat:before {
  content: "\ec12";
}

.icon-chopper:before {
  content: "\ec13";
}

.icon-chopper2:before {
  content: "\ec14";
}

.icon-cube:before {
  content: "\ec15";
}

.icon-cube2:before {
  content: "\ec16";
}

.icon-cube3:before {
  content: "\ec17";
}

.icon-cube4:before {
  content: "\ec18";
}

.icon-pyramid:before {
  content: "\ec19";
}

.icon-pyramid2:before {
  content: "\ec1a";
}

.icon-package:before {
  content: "\ec1b";
}

.icon-puzzle:before {
  content: "\ec1c";
}

.icon-puzzle2:before {
  content: "\ec1d";
}

.icon-puzzle3:before {
  content: "\ec1e";
}

.icon-puzzle4:before {
  content: "\ec1f";
}

.icon-glasses-3d:before {
  content: "\ec20";
}

.icon-glasses-3d2:before {
  content: "\ec21";
}

.icon-glasses:before {
  content: "\ec22";
}

.icon-glasses2:before {
  content: "\ec23";
}

.icon-brain:before {
  content: "\ec24";
}

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

.icon-accessibility2:before {
  content: "\ec26";
}

.icon-strategy:before {
  content: "\ec27";
}

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

.icon-target2:before {
  content: "\ec29";
}

.icon-target3:before {
  content: "\ec2a";
}

.icon-ammo:before {
  content: "\ec2b";
}

.icon-gun:before {
  content: "\ec2c";
}

.icon-gun-forbidden:before {
  content: "\ec2d";
}

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

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

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

.icon-shield2:before {
  content: "\ec31";
}

.icon-shield3:before {
  content: "\ec32";
}

.icon-shield4:before {
  content: "\ec33";
}

.icon-soccer:before {
  content: "\ec34";
}

.icon-football:before {
  content: "\ec35";
}

.icon-archery:before {
  content: "\ec36";
}

.icon-bow:before {
  content: "\ec37";
}

.icon-sword:before {
  content: "\ec38";
}

.icon-tennis:before {
  content: "\ec39";
}

.icon-pingpong:before {
  content: "\ec3a";
}

.icon-baseball:before {
  content: "\ec3b";
}

.icon-basketball:before {
  content: "\ec3c";
}

.icon-golf:before {
  content: "\ec3d";
}

.icon-golf2:before {
  content: "\ec3e";
}

.icon-hockey:before {
  content: "\ec3f";
}

.icon-racing:before {
  content: "\ec40";
}

.icon-finish:before {
  content: "\ec41";
}

.icon-eight-ball:before {
  content: "\ec42";
}

.icon-bowling:before {
  content: "\ec43";
}

.icon-bowling2:before {
  content: "\ec44";
}

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

.icon-power2:before {
  content: "\ec46";
}

.icon-power3:before {
  content: "\ec47";
}

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

.icon-switch2:before {
  content: "\ec49";
}

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

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

.icon-outlet:before {
  content: "\ec4c";
}

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

.icon-clipboard2:before {
  content: "\ec4e";
}

.icon-clipboard3:before {
  content: "\ec4f";
}

.icon-clipboard4:before {
  content: "\ec50";
}

.icon-clipboard5:before {
  content: "\ec51";
}

.icon-clipboard6:before {
  content: "\ec52";
}

.icon-playlist:before {
  content: "\ec53";
}

.icon-playlist-add:before {
  content: "\ec54";
}

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

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

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

.icon-more:before {
  content: "\ec58";
}

.icon-more2:before {
  content: "\ec59";
}

.icon-grid:before {
  content: "\ec5a";
}

.icon-grid2:before {
  content: "\ec5b";
}

.icon-grid3:before {
  content: "\ec5c";
}

.icon-grid4:before {
  content: "\ec5d";
}

.icon-grid5:before {
  content: "\ec5e";
}

.icon-grid6:before {
  content: "\ec5f";
}

.icon-grid7:before {
  content: "\ec60";
}

.icon-tree5:before {
  content: "\ec61";
}

.icon-tree6:before {
  content: "\ec62";
}

.icon-tree7:before {
  content: "\ec63";
}

.icon-lan:before {
  content: "\ec64";
}

.icon-lan2:before {
  content: "\ec65";
}

.icon-lan3:before {
  content: "\ec66";
}

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

.icon-circle-small:before {
  content: "\ec68";
}

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

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

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

.icon-menu5:before {
  content: "\ec6c";
}

.icon-menu6:before {
  content: "\ec6d";
}

.icon-menu7:before {
  content: "\ec6e";
}

.icon-menu8:before {
  content: "\ec6f";
}

.icon-menu9:before {
  content: "\ec70";
}

.icon-menu10:before {
  content: "\ec71";
}

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

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

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

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

.icon-cloud2:before {
  content: "\ec76";
}

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

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

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

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

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

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

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

.icon-import:before {
  content: "\ec7e";
}

.icon-import2:before {
  content: "\ec7f";
}

.icon-download4:before {
  content: "\ec80";
}

.icon-upload4:before {
  content: "\ec81";
}

.icon-download5:before {
  content: "\ec82";
}

.icon-upload5:before {
  content: "\ec83";
}

.icon-download6:before {
  content: "\ec84";
}

.icon-upload6:before {
  content: "\ec85";
}

.icon-download7:before {
  content: "\ec86";
}

.icon-upload7:before {
  content: "\ec87";
}

.icon-download8:before {
  content: "\ec88";
}

.icon-upload8:before {
  content: "\ec89";
}

.icon-download9:before {
  content: "\ec8a";
}

.icon-upload9:before {
  content: "\ec8b";
}

.icon-download10:before {
  content: "\ec8c";
}

.icon-upload10:before {
  content: "\ec8d";
}

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

.icon-sphere2:before {
  content: "\ec8f";
}

.icon-sphere3:before {
  content: "\ec90";
}

.icon-planet:before {
  content: "\ec91";
}

.icon-planet2:before {
  content: "\ec92";
}

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

.icon-earth2:before {
  content: "\ec94";
}

.icon-earth3:before {
  content: "\ec95";
}

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

.icon-unlink:before {
  content: "\ec97";
}

.icon-link2:before {
  content: "\ec98";
}

.icon-unlink2:before {
  content: "\ec99";
}

.icon-link3:before {
  content: "\ec9a";
}

.icon-unlink3:before {
  content: "\ec9b";
}

.icon-link4:before {
  content: "\ec9c";
}

.icon-unlink4:before {
  content: "\ec9d";
}

.icon-link5:before {
  content: "\ec9e";
}

.icon-unlink5:before {
  content: "\ec9f";
}

.icon-anchor:before {
  content: "\eca0";
}

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

.icon-flag2:before {
  content: "\eca2";
}

.icon-flag3:before {
  content: "\eca3";
}

.icon-flag4:before {
  content: "\eca4";
}

.icon-flag5:before {
  content: "\eca5";
}

.icon-flag6:before {
  content: "\eca6";
}

.icon-flag7:before {
  content: "\eca7";
}

.icon-flag8:before {
  content: "\eca8";
}

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

.icon-attachment2:before {
  content: "\ecaa";
}

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

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

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

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

.icon-eye2:before {
  content: "\ecaf";
}

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

.icon-eye3:before {
  content: "\ecb1";
}

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

.icon-eye4:before {
  content: "\ecb3";
}

.icon-bookmark2:before {
  content: "\ecb4";
}

.icon-bookmark3:before {
  content: "\ecb5";
}

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

.icon-bookmark4:before {
  content: "\ecb7";
}

.icon-spotlight2:before {
  content: "\ecb8";
}

.icon-starburst:before {
  content: "\ecb9";
}

.icon-snowflake:before {
  content: "\ecba";
}

.icon-temperature:before {
  content: "\ecbb";
}

.icon-temperature2:before {
  content: "\ecbc";
}

.icon-weather-lightning:before {
  content: "\ecbd";
}

.icon-weather-lightning2:before {
  content: "\ecbe";
}

.icon-weather-rain:before {
  content: "\ecbf";
}

.icon-weather-rain2:before {
  content: "\ecc0";
}

.icon-weather-snow:before {
  content: "\ecc1";
}

.icon-weather-snow2:before {
  content: "\ecc2";
}

.icon-weather-cloud-wind:before {
  content: "\ecc3";
}

.icon-weather-cloud-wind2:before {
  content: "\ecc4";
}

.icon-weather-cloud-sun:before {
  content: "\ecc5";
}

.icon-weather-cloud-sun2:before {
  content: "\ecc6";
}

.icon-weather-cloudy:before {
  content: "\ecc7";
}

.icon-weather-cloudy2:before {
  content: "\ecc8";
}

.icon-weather-sun-wind:before {
  content: "\ecc9";
}

.icon-weather-sun-wind2:before {
  content: "\ecca";
}

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

.icon-sun2:before {
  content: "\eccc";
}

.icon-moon:before {
  content: "\eccd";
}

.icon-day-night:before {
  content: "\ecce";
}

.icon-day-night2:before {
  content: "\eccf";
}

.icon-weather-windy:before {
  content: "\ecd0";
}

.icon-fan:before {
  content: "\ecd1";
}

.icon-umbrella:before {
  content: "\ecd2";
}

.icon-sun3:before {
  content: "\ecd3";
}

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

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

.icon-brightness-high:before {
  content: "\ecd6";
}

.icon-brightness-medium:before {
  content: "\ecd7";
}

.icon-brightness-low:before {
  content: "\ecd8";
}

.icon-bed:before {
  content: "\ecd9";
}

.icon-bed2:before {
  content: "\ecda";
}

.icon-furniture:before {
  content: "\ecdb";
}

.icon-chair:before {
  content: "\ecdc";
}

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

.icon-star-empty2:before {
  content: "\ecde";
}

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

.icon-star-empty3:before {
  content: "\ece0";
}

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

.icon-star-full2:before {
  content: "\ece2";
}

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

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

.icon-heart2:before {
  content: "\ece5";
}

.icon-heart3:before {
  content: "\ece6";
}

.icon-heart4:before {
  content: "\ece7";
}

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

.icon-heart5:before {
  content: "\ece9";
}

.icon-heart6:before {
  content: "\ecea";
}

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

.icon-heart7:before {
  content: "\ecec";
}

.icon-heart8:before {
  content: "\eced";
}

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

.icon-lips:before {
  content: "\ecef";
}

.icon-lips2:before {
  content: "\ecf0";
}

.icon-thumbs-up:before {
  content: "\ecf1";
}

.icon-thumbs-up2:before {
  content: "\ecf2";
}

.icon-thumbs-down:before {
  content: "\ecf3";
}

.icon-thumbs-down2:before {
  content: "\ecf4";
}

.icon-thumbs-up3:before {
  content: "\ecf5";
}

.icon-thumbs-down3:before {
  content: "\ecf6";
}

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

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

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

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

.icon-male:before {
  content: "\ecfb";
}

.icon-female:before {
  content: "\ecfc";
}

.icon-peace:before {
  content: "\ecfd";
}

.icon-yin-yang:before {
  content: "\ecfe";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-cursor:before {
  content: "\ed23";
}

.icon-cursor2:before {
  content: "\ed24";
}

.icon-lasso:before {
  content: "\ed25";
}

.icon-lasso2:before {
  content: "\ed26";
}

.icon-select:before {
  content: "\ed27";
}

.icon-select2:before {
  content: "\ed28";
}

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

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

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

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

.icon-pointer:before {
  content: "\ed2d";
}

.icon-reminder:before {
  content: "\ed2e";
}

.icon-drag-left-right:before {
  content: "\ed2f";
}

.icon-drag-left:before {
  content: "\ed30";
}

.icon-drag-right:before {
  content: "\ed31";
}

.icon-touch:before {
  content: "\ed32";
}

.icon-multitouch:before {
  content: "\ed33";
}

.icon-touch-zoom:before {
  content: "\ed34";
}

.icon-touch-pinch:before {
  content: "\ed35";
}

.icon-hand:before {
  content: "\ed36";
}

.icon-grab:before {
  content: "\ed37";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-stack4:before {
  content: "\ed47";
}

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

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

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

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

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

.icon-warning2:before {
  content: "\ed4d";
}

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

.icon-notification2:before {
  content: "\ed4f";
}

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

.icon-question2:before {
  content: "\ed51";
}

.icon-question3:before {
  content: "\ed52";
}

.icon-question4:before {
  content: "\ed53";
}

.icon-question5:before {
  content: "\ed54";
}

.icon-question6:before {
  content: "\ed55";
}

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

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

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

.icon-minus2:before {
  content: "\ed59";
}

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

.icon-minus3:before {
  content: "\ed5b";
}

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

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

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

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

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

.icon-info2:before {
  content: "\ed61";
}

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

.icon-cancel-circle2:before {
  content: "\ed63";
}

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

.icon-cancel-square:before {
  content: "\ed65";
}

.icon-cancel-square2:before {
  content: "\ed66";
}

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

.icon-spam:before {
  content: "\ed68";
}

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

.icon-cross2:before {
  content: "\ed6a";
}

.icon-cross3:before {
  content: "\ed6b";
}

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

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

.icon-checkmark3:before {
  content: "\ed6e";
}

.icon-checkmark4:before {
  content: "\ed6f";
}

.icon-checkmark5:before {
  content: "\ed70";
}

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

.icon-spell-check2:before {
  content: "\ed72";
}

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

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

.icon-enter2:before {
  content: "\ed75";
}

.icon-exit2:before {
  content: "\ed76";
}

.icon-enter3:before {
  content: "\ed77";
}

.icon-exit3:before {
  content: "\ed78";
}

.icon-wall:before {
  content: "\ed79";
}

.icon-fence:before {
  content: "\ed7a";
}

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

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

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

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

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

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

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

.icon-play4:before {
  content: "\ed82";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-speaker-left:before {
  content: "\ed90";
}

.icon-speaker-right:before {
  content: "\ed91";
}

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

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

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

.icon-volume-high2:before {
  content: "\ed95";
}

.icon-volume-medium2:before {
  content: "\ed96";
}

.icon-volume-medium3:before {
  content: "\ed97";
}

.icon-volume-low2:before {
  content: "\ed98";
}

.icon-volume-mute3:before {
  content: "\ed99";
}

.icon-volume-increase2:before {
  content: "\ed9a";
}

.icon-volume-decrease2:before {
  content: "\ed9b";
}

.icon-volume-decrease3:before {
  content: "\ed9c";
}

.icon-volume-5:before {
  content: "\ed9d";
}

.icon-volume-4:before {
  content: "\ed9e";
}

.icon-volume-3:before {
  content: "\ed9f";
}

.icon-volume-2:before {
  content: "\eda0";
}

.icon-volume-1:before {
  content: "\eda1";
}

.icon-volume-0:before {
  content: "\eda2";
}

.icon-volume-mute4:before {
  content: "\eda3";
}

.icon-volume-mute5:before {
  content: "\eda4";
}

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

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

.icon-loop3:before {
  content: "\eda7";
}

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

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

.icon-infinite2:before {
  content: "\edaa";
}

.icon-loop4:before {
  content: "\edab";
}

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

.icon-shuffle2:before {
  content: "\edad";
}

.icon-wave:before {
  content: "\edae";
}

.icon-wave2:before {
  content: "\edaf";
}

.icon-split:before {
  content: "\edb0";
}

.icon-merge:before {
  content: "\edb1";
}

.icon-first2:before {
  content: "\edb2";
}

.icon-last2:before {
  content: "\edb3";
}

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

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

.icon-arrow-up3:before {
  content: "\edb6";
}

.icon-arrow-up4:before {
  content: "\edb7";
}

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

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

.icon-arrow-right3:before {
  content: "\edba";
}

.icon-arrow-right4:before {
  content: "\edbb";
}

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

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

.icon-arrow-down3:before {
  content: "\edbe";
}

.icon-arrow-down4:before {
  content: "\edbf";
}

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

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

.icon-arrow-left3:before {
  content: "\edc2";
}

.icon-arrow-left4:before {
  content: "\edc3";
}

.icon-arrow-up5:before {
  content: "\edc4";
}

.icon-arrow-right5:before {
  content: "\edc5";
}

.icon-arrow-down5:before {
  content: "\edc6";
}

.icon-arrow-left5:before {
  content: "\edc7";
}

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

.icon-arrow-up6:before {
  content: "\edc9";
}

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

.icon-arrow-right6:before {
  content: "\edcb";
}

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

.icon-arrow-down6:before {
  content: "\edcd";
}

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

.icon-arrow-left6:before {
  content: "\edcf";
}

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

.icon-arrow-up7:before {
  content: "\edd1";
}

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

.icon-arrow-right7:before {
  content: "\edd3";
}

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

.icon-arrow-down7:before {
  content: "\edd5";
}

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

.icon-arrow-left7:before {
  content: "\edd7";
}

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

.icon-arrow-up8:before {
  content: "\edd9";
}

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

.icon-arrow-right8:before {
  content: "\eddb";
}

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

.icon-arrow-down8:before {
  content: "\eddd";
}

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

.icon-arrow-left8:before {
  content: "\eddf";
}

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

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

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

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

.icon-circle-up2:before {
  content: "\ede4";
}

.icon-circle-right2:before {
  content: "\ede5";
}

.icon-circle-down2:before {
  content: "\ede6";
}

.icon-circle-left2:before {
  content: "\ede7";
}

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

.icon-circle-up3:before {
  content: "\ede9";
}

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

.icon-circle-right3:before {
  content: "\edeb";
}

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

.icon-circle-down3:before {
  content: "\eded";
}

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

.icon-circle-left3:before {
  content: "\edef";
}

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

.icon-circle-up4:before {
  content: "\edf1";
}

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

.icon-circle-right4:before {
  content: "\edf3";
}

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

.icon-circle-down4:before {
  content: "\edf5";
}

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

.icon-circle-left4:before {
  content: "\edf7";
}

.icon-arrow-resize:before {
  content: "\edf8";
}

.icon-arrow-resize2:before {
  content: "\edf9";
}

.icon-arrow-resize3:before {
  content: "\edfa";
}

.icon-arrow-resize4:before {
  content: "\edfb";
}

.icon-arrow-resize5:before {
  content: "\edfc";
}

.icon-arrow-resize6:before {
  content: "\edfd";
}

.icon-arrow-resize7:before {
  content: "\edfe";
}

.icon-arrow-resize8:before {
  content: "\edff";
}

.icon-square-up-left:before {
  content: "\ee00";
}

.icon-square-up:before {
  content: "\ee01";
}

.icon-square-up-right:before {
  content: "\ee02";
}

.icon-square-right:before {
  content: "\ee03";
}

.icon-square-down-right:before {
  content: "\ee04";
}

.icon-square-down:before {
  content: "\ee05";
}

.icon-square-down-left:before {
  content: "\ee06";
}

.icon-square-left:before {
  content: "\ee07";
}

.icon-arrow-up9:before {
  content: "\ee08";
}

.icon-arrow-right9:before {
  content: "\ee09";
}

.icon-arrow-down9:before {
  content: "\ee0a";
}

.icon-arrow-left9:before {
  content: "\ee0b";
}

.icon-arrow-up10:before {
  content: "\ee0c";
}

.icon-arrow-right10:before {
  content: "\ee0d";
}

.icon-arrow-down10:before {
  content: "\ee0e";
}

.icon-arrow-left10:before {
  content: "\ee0f";
}

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

.icon-arrow-up11:before {
  content: "\ee11";
}

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

.icon-arrow-right11:before {
  content: "\ee13";
}

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

.icon-arrow-down11:before {
  content: "\ee15";
}

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

.icon-arrow-left11:before {
  content: "\ee17";
}

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

.icon-arrow-up12:before {
  content: "\ee19";
}

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

.icon-arrow-right12:before {
  content: "\ee1b";
}

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

.icon-arrow-down12:before {
  content: "\ee1d";
}

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

.icon-arrow-left12:before {
  content: "\ee1f";
}

.icon-arrow-up13:before {
  content: "\ee20";
}

.icon-arrow-right13:before {
  content: "\ee21";
}

.icon-arrow-down13:before {
  content: "\ee22";
}

.icon-arrow-left13:before {
  content: "\ee23";
}

.icon-arrow-up14:before {
  content: "\ee24";
}

.icon-arrow-right14:before {
  content: "\ee25";
}

.icon-arrow-down14:before {
  content: "\ee26";
}

.icon-arrow-left14:before {
  content: "\ee27";
}

.icon-circle-up5:before {
  content: "\ee28";
}

.icon-circle-right5:before {
  content: "\ee29";
}

.icon-circle-down5:before {
  content: "\ee2a";
}

.icon-circle-left5:before {
  content: "\ee2b";
}

.icon-circle-up6:before {
  content: "\ee2c";
}

.icon-circle-right6:before {
  content: "\ee2d";
}

.icon-circle-down6:before {
  content: "\ee2e";
}

.icon-circle-left6:before {
  content: "\ee2f";
}

.icon-arrow-up15:before {
  content: "\ee30";
}

.icon-arrow-right15:before {
  content: "\ee31";
}

.icon-arrow-down15:before {
  content: "\ee32";
}

.icon-arrow-left15:before {
  content: "\ee33";
}

.icon-arrow-up16:before {
  content: "\ee34";
}

.icon-arrow-right16:before {
  content: "\ee35";
}

.icon-arrow-down16:before {
  content: "\ee36";
}

.icon-arrow-left16:before {
  content: "\ee37";
}

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

.icon-widen:before {
  content: "\e418";
}

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

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

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

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

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

.icon-narrow:before {
  content: "\e41b";
}

.icon-enter4:before {
  content: "\ee3c";
}

.icon-enter5:before {
  content: "\ee3d";
}

.icon-esc:before {
  content: "\ee3e";
}

.icon-enter6:before {
  content: "\ee3f";
}

.icon-backspace:before {
  content: "\ee40";
}

.icon-backspace2:before {
  content: "\ee41";
}

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

.icon-transmission:before {
  content: "\ee43";
}

.icon-transmission2:before {
  content: "\ee44";
}

.icon-sort:before {
  content: "\ee45";
}

.icon-sort2:before {
  content: "\ee46";
}

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

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

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

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

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

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

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

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

.icon-sort-time-asc:before {
  content: "\ee4f";
}

.icon-sort-time-desc:before {
  content: "\ee50";
}

.icon-battery-6:before {
  content: "\ee51";
}

.icon-battery-5:before {
  content: "\ee52";
}

.icon-battery-4:before {
  content: "\ee53";
}

.icon-battery-3:before {
  content: "\ee54";
}

.icon-battery-2:before {
  content: "\ee55";
}

.icon-battery-1:before {
  content: "\ee56";
}

.icon-battery-0:before {
  content: "\ee57";
}

.icon-battery-charging:before {
  content: "\ee58";
}

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

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

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

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

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

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

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

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

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

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

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

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

.icon-checkbox-partial:before {
  content: "\ee65";
}

.icon-square:before {
  content: "\ee66";
}

.icon-triangle:before {
  content: "\ee67";
}

.icon-triangle2:before {
  content: "\ee68";
}

.icon-diamond3:before {
  content: "\ee69";
}

.icon-diamond4:before {
  content: "\ee6a";
}

.icon-checkbox-checked2:before {
  content: "\ee6b";
}

.icon-checkbox-unchecked2:before {
  content: "\ee6c";
}

.icon-checkbox-partial2:before {
  content: "\ee6d";
}

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

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

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

.icon-toggle-on:before {
  content: "\ee71";
}

.icon-toggle-off:before {
  content: "\ee72";
}

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

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

.icon-circle2:before {
  content: "\ee75";
}

.icon-circles:before {
  content: "\ee76";
}

.icon-circles2:before {
  content: "\ee77";
}

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

.icon-crop2:before {
  content: "\ee79";
}

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

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

.icon-vector:before {
  content: "\ee7c";
}

.icon-vector2:before {
  content: "\ee7d";
}

.icon-rulers:before {
  content: "\ee7e";
}

.icon-ruler:before {
  content: "\ee7f";
}

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

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

.icon-scissors2:before {
  content: "\ee82";
}

.icon-scissors3:before {
  content: "\ee83";
}

.icon-haircut:before {
  content: "\ee84";
}

.icon-comb:before {
  content: "\ee85";
}

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

.icon-filter2:before {
  content: "\ee87";
}

.icon-filter3:before {
  content: "\ee88";
}

.icon-filter4:before {
  content: "\ee89";
}

.icon-font:before {
  content: "\ee8a";
}

.icon-ampersand:before {
  content: "\ee8b";
}

.icon-ligature:before {
  content: "\ee8c";
}

.icon-ligature2:before {
  content: "\ee8d";
}

.icon-font-size:before {
  content: "\ee8e";
}

.icon-typography:before {
  content: "\ee8f";
}

.icon-text-height:before {
  content: "\ee90";
}

.icon-text-width:before {
  content: "\ee91";
}

.icon-height2:before {
  content: "\ee92";
}

.icon-width:before {
  content: "\ee93";
}

.icon-bold:before {
  content: "\ee94";
}

.icon-underline:before {
  content: "\ee95";
}

.icon-italic:before {
  content: "\ee96";
}

.icon-strikethrough:before {
  content: "\ee97";
}

.icon-strikethrough2:before {
  content: "\ee98";
}

.icon-font-size2:before {
  content: "\ee99";
}

.icon-bold2:before {
  content: "\ee9a";
}

.icon-underline2:before {
  content: "\ee9b";
}

.icon-italic2:before {
  content: "\ee9c";
}

.icon-strikethrough3:before {
  content: "\ee9d";
}

.icon-omega:before {
  content: "\ee9e";
}

.icon-sigma:before {
  content: "\ee9f";
}

.icon-nbsp:before {
  content: "\eea0";
}

.icon-page-break:before {
  content: "\eea1";
}

.icon-page-break2:before {
  content: "\eea2";
}

.icon-superscript:before {
  content: "\eea3";
}

.icon-subscript:before {
  content: "\eea4";
}

.icon-superscript2:before {
  content: "\eea5";
}

.icon-subscript2:before {
  content: "\eea6";
}

.icon-text-color:before {
  content: "\eea7";
}

.icon-highlight:before {
  content: "\eea8";
}

.icon-pagebreak:before {
  content: "\eea9";
}

.icon-clear-formatting:before {
  content: "\eeaa";
}

.icon-table:before {
  content: "\eeab";
}

.icon-table2:before {
  content: "\eeac";
}

.icon-insert-template:before {
  content: "\eead";
}

.icon-pilcrow:before {
  content: "\eeae";
}

.icon-ltr:before {
  content: "\eeaf";
}

.icon-rtl:before {
  content: "\eeb0";
}

.icon-ltr2:before {
  content: "\eeb1";
}

.icon-rtl2:before {
  content: "\eeb2";
}

.icon-section:before {
  content: "\eeb3";
}

.icon-paragraph-left:before {
  content: "\eeb4";
}

.icon-paragraph-center:before {
  content: "\eeb5";
}

.icon-paragraph-right:before {
  content: "\eeb6";
}

.icon-paragraph-justify:before {
  content: "\eeb7";
}

.icon-paragraph-left2:before {
  content: "\eeb8";
}

.icon-paragraph-center2:before {
  content: "\eeb9";
}

.icon-paragraph-right2:before {
  content: "\eeba";
}

.icon-paragraph-justify2:before {
  content: "\eebb";
}

.icon-indent-increase:before {
  content: "\eebc";
}

.icon-indent-decrease:before {
  content: "\eebd";
}

.icon-paragraph-left3:before {
  content: "\eebe";
}

.icon-paragraph-center3:before {
  content: "\eebf";
}

.icon-paragraph-right3:before {
  content: "\eec0";
}

.icon-paragraph-justify3:before {
  content: "\eec1";
}

.icon-indent-increase2:before {
  content: "\eec2";
}

.icon-indent-decrease2:before {
  content: "\eec3";
}

.icon-share:before {
  content: "\eec4";
}

.icon-share2:before {
  content: "\eec5";
}

.icon-new-tab:before {
  content: "\eec6";
}

.icon-new-tab2:before {
  content: "\eec7";
}

.icon-popout:before {
  content: "\eec8";
}

.icon-embed:before {
  content: "\eec9";
}

.icon-embed2:before {
  content: "\eeca";
}

.icon-markup:before {
  content: "\eecb";
}

.icon-regexp:before {
  content: "\eecc";
}

.icon-regexp2:before {
  content: "\eecd";
}

.icon-code:before {
  content: "\eece";
}

.icon-circle-css:before {
  content: "\eecf";
}

.icon-circle-code:before {
  content: "\eed0";
}

.icon-terminal:before {
  content: "\eed1";
}

.icon-unicode:before {
  content: "\eed2";
}

.icon-seven-segment-0:before {
  content: "\eed3";
}

.icon-seven-segment-1:before {
  content: "\eed4";
}

.icon-seven-segment-2:before {
  content: "\eed5";
}

.icon-seven-segment-3:before {
  content: "\eed6";
}

.icon-seven-segment-4:before {
  content: "\eed7";
}

.icon-seven-segment-5:before {
  content: "\eed8";
}

.icon-seven-segment-6:before {
  content: "\eed9";
}

.icon-seven-segment-7:before {
  content: "\eeda";
}

.icon-seven-segment-8:before {
  content: "\eedb";
}

.icon-seven-segment-9:before {
  content: "\eedc";
}

.icon-share3:before {
  content: "\eedd";
}

.icon-share4:before {
  content: "\eede";
}

.icon-mail:before {
  content: "\eedf";
}

.icon-mail2:before {
  content: "\eee0";
}

.icon-mail3:before {
  content: "\eee1";
}

.icon-mail4:before {
  content: "\eee2";
}

.icon-google:before {
  content: "\eee3";
}

.icon-google-plus:before {
  content: "\eee4";
}

.icon-google-plus2:before {
  content: "\eee5";
}

.icon-google-plus3:before {
  content: "\eee6";
}

.icon-google-drive:before {
  content: "\eee7";
}

.icon-facebook:before {
  content: "\eee8";
}

.icon-facebook2:before {
  content: "\eee9";
}

.icon-facebook3:before {
  content: "\eeea";
}

.icon-ello:before {
  content: "\eeeb";
}

.icon-instagram:before {
  content: "\eeec";
}

.icon-twitter:before {
  content: "\eeed";
}

.icon-twitter2:before {
  content: "\eeee";
}

.icon-twitter3:before {
  content: "\eeef";
}

.icon-feed2:before {
  content: "\eef0";
}

.icon-feed3:before {
  content: "\eef1";
}

.icon-feed4:before {
  content: "\eef2";
}

.icon-youtube:before {
  content: "\eef3";
}

.icon-youtube2:before {
  content: "\eef4";
}

.icon-youtube3:before {
  content: "\eef5";
}

.icon-youtube4:before {
  content: "\eef6";
}

.icon-twitch:before {
  content: "\eef7";
}

.icon-vimeo:before {
  content: "\eef8";
}

.icon-vimeo2:before {
  content: "\eef9";
}

.icon-vimeo3:before {
  content: "\eefa";
}

.icon-lanyrd:before {
  content: "\eefb";
}

.icon-flickr:before {
  content: "\eefc";
}

.icon-flickr2:before {
  content: "\eefd";
}

.icon-flickr3:before {
  content: "\eefe";
}

.icon-flickr4:before {
  content: "\eeff";
}

.icon-picassa:before {
  content: "\ef00";
}

.icon-picassa2:before {
  content: "\ef01";
}

.icon-dribbble:before {
  content: "\ef02";
}

.icon-dribbble2:before {
  content: "\ef03";
}

.icon-dribbble3:before {
  content: "\ef04";
}

.icon-forrst:before {
  content: "\ef05";
}

.icon-forrst2:before {
  content: "\ef06";
}

.icon-deviantart:before {
  content: "\ef07";
}

.icon-deviantart2:before {
  content: "\ef08";
}

.icon-steam:before {
  content: "\ef09";
}

.icon-steam2:before {
  content: "\ef0a";
}

.icon-dropbox:before {
  content: "\ef0b";
}

.icon-onedrive:before {
  content: "\ef0c";
}

.icon-github:before {
  content: "\ef0d";
}

.icon-github2:before {
  content: "\ef0e";
}

.icon-github3:before {
  content: "\ef0f";
}

.icon-github4:before {
  content: "\ef10";
}

.icon-github5:before {
  content: "\ef11";
}

.icon-wordpress:before {
  content: "\ef12";
}

.icon-wordpress2:before {
  content: "\ef13";
}

.icon-joomla:before {
  content: "\ef14";
}

.icon-blogger:before {
  content: "\ef15";
}

.icon-blogger2:before {
  content: "\ef16";
}

.icon-tumblr:before {
  content: "\ef17";
}

.icon-tumblr2:before {
  content: "\ef18";
}

.icon-yahoo:before {
  content: "\ef19";
}

.icon-tux:before {
  content: "\ef1a";
}

.icon-apple2:before {
  content: "\ef1b";
}

.icon-finder:before {
  content: "\ef1c";
}

.icon-android:before {
  content: "\ef1d";
}

.icon-windows:before {
  content: "\ef1e";
}

.icon-windows8:before {
  content: "\ef1f";
}

.icon-soundcloud:before {
  content: "\ef20";
}

.icon-soundcloud2:before {
  content: "\ef21";
}

.icon-skype:before {
  content: "\ef22";
}

.icon-reddit:before {
  content: "\ef23";
}

.icon-linkedin:before {
  content: "\ef24";
}

.icon-linkedin2:before {
  content: "\ef25";
}

.icon-lastfm:before {
  content: "\ef26";
}

.icon-lastfm2:before {
  content: "\ef27";
}

.icon-delicious:before {
  content: "\ef28";
}

.icon-stumbleupon:before {
  content: "\ef29";
}

.icon-stumbleupon2:before {
  content: "\ef2a";
}

.icon-stackoverflow:before {
  content: "\ef2b";
}

.icon-pinterest:before {
  content: "\ef2c";
}

.icon-pinterest2:before {
  content: "\ef2d";
}

.icon-xing:before {
  content: "\ef2e";
}

.icon-xing2:before {
  content: "\ef2f";
}

.icon-flattr:before {
  content: "\ef30";
}

.icon-foursquare:before {
  content: "\ef31";
}

.icon-paypal:before {
  content: "\ef32";
}

.icon-paypal2:before {
  content: "\ef33";
}

.icon-paypal3:before {
  content: "\ef34";
}

.icon-yelp:before {
  content: "\ef35";
}

.icon-file-pdf:before {
  content: "\ef36";
}

.icon-file-openoffice:before {
  content: "\ef37";
}

.icon-file-word:before {
  content: "\ef38";
}

.icon-file-excel:before {
  content: "\ef39";
}

.icon-libreoffice:before {
  content: "\ef3a";
}

.icon-html5:before {
  content: "\ef3b";
}

.icon-html52:before {
  content: "\ef3c";
}

.icon-css3:before {
  content: "\ef3d";
}

.icon-git:before {
  content: "\ef3e";
}

.icon-svg:before {
  content: "\ef3f";
}

.icon-codepen:before {
  content: "\ef40";
}

.icon-chrome:before {
  content: "\ef41";
}

.icon-firefox:before {
  content: "\ef42";
}

.icon-IE:before {
  content: "\ef43";
}

.icon-opera:before {
  content: "\ef44";
}

.icon-safari:before {
  content: "\ef45";
}

.icon-IcoMoon:before {
  content: "\ef46";
}

.icon-clean-all:before {
  content: "\ef4b";
}

/*
Version: 3.5.4 Timestamp: Sun Aug 30 13:30:32 EDT 2015
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("select2.png") no-repeat 0 1px;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding: 4px 4px 0 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff url("select2.png") no-repeat 100% -22px;
  background: url("select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: #fff url("select2.png") no-repeat -37px -22px;
  background: url("select2.png") no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("select2.png") no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2.png") no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2.png") no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-search input.select2-active {
  background: #fff url("select2-spinner.gif") no-repeat 100%;
  background: url("select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}

.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}

.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}

.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}

.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}

.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}

.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url("select2-spinner.gif") no-repeat 100%;
}

.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2);
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("select2-spinner.gif") no-repeat 100% !important;
}

.select2-default {
  color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("select2.png") right top no-repeat;
}

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
.select2-search-choice-close,
.select2-container .select2-choice abbr,
.select2-container .select2-choice .select2-arrow b {
    background-image: url("select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}

/**
 * selectize.css (v0.12.4)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}

.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

/**
 * selectize.default.css (v0.12.4) - Default Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #ffffff;
  border: 1px solid #0073bb;
}

.selectize-control.multi .selectize-input > div.active {
  background: #92c836;
  color: #ffffff;
  border: 1px solid #00578d;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 1px !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
}

.selectize-control.single .selectize-input {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}

/*!
 * jQuery UI Slider 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

select {
  border-radius: 3px;
  cursor: pointer;
}

select:disabled {
  cursor: default;
}

@keyframes widget-circle-loading {
  to {
    transform: rotate(360deg);
  }
}

@keyframes down {
  from {
  }
  50% {
    text-shadow: -1px 0 10px rgba(255, 0, 0, 0.8);
  }
  to {
    color: red;
    text-shadow: -1px 0 15px rgba(255, 0, 0, 0.8);
  }
}

@keyframes up {
  from {
  }
  50% {
    text-shadow: -1px 0 10px rgba(91, 150, 0, 0.8);
  }
  to {
    color: green;
    text-shadow: -1px 0 15px rgba(91, 150, 0, 0.8);
  }
}

@keyframes selected {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes loading {
  0% {
    transform: scale(1.4);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes glitter {
  100% {
    opacity: 0;
    left: -5%;
    top: -5%;
    height: 110%;
    width: 110%;
  }
}

@keyframes flipouttoleft {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(-90deg) scale(0.9);
  }
}

@keyframes flipouttoright {
  from {
    transform: rotateY(0);
  }
  to {
    transform: rotateY(90deg) scale(0.9);
  }
}

@keyframes flipintoleft {
  from {
    transform: rotateY(-90deg) scale(0.9);
  }
  to {
    transform: rotateY(0);
  }
}

@keyframes flipintoright {
  from {
    transform: rotateY(90deg) scale(0.9);
  }
  to {
    transform: rotateY(0);
  }
}

.pony-ComplexList a, .pony-ComplexList a:visited {
  color: inherit;
}

.pony-DialogBox {
  z-index: 10;
}

.gwt-SplitLayoutPanel-HDragger {
  background: #E7E7E7 url("img/grips/vertical.png") center center no-repeat;
  cursor: col-resize;
}

.gwt-PopupPanelGlass {
  z-index: 5;
}

.dropdown {
  width: auto;
  list-style: none;
}

.btn-group label {
  margin-bottom: 0;
  cursor: inherit;
  font-weight: normal;
}

.numeric-spinner {
  display: flex;
  position: relative;
  border: 1px solid;
  height: 100%;
}

.numeric-spinner .piped-price {
  text-align: center;
}

.numeric-spinner .piped-price .pip-num {
  font-size: 15px;
  margin: 0 1px;
}

.numeric-spinner .spinner-container {
  display: inline-block;
  height: 100%;
  flex-grow: 1;
}

.numeric-spinner .spinner-container input {
  border: none;
  height: 100%;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
  width: 100%;
}

.numeric-spinner .spinner-btn-box {
  position: relative;
  display: inline-block;
  border-left: 1px solid;
  height: auto;
  right: 0;
  min-width: 1.5em;
  order: 1;
}

.numeric-spinner .spinner-btn-box.disabled, .numeric-spinner .spinner-btn-box:disabled {
  pointer-events: none;
}

.numeric-spinner .spinner-btn-box .spinner-btn {
  position: absolute;
  cursor: pointer;
  font-size: 8px;
  outline: none;
  text-align: center;
  height: 50%;
  width: 100%;
}

.numeric-spinner .spinner-btn-box .spinner-btn::after {
  font-family: "webappsdk";
  height: 50%;
}

.numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-increase {
  top: 0;
}

.numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-increase:after {
  content: "\edb4";
}

.numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease {
  bottom: 0;
}

.numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease:after {
  content: "\edbc";
}

.numeric-spinner.arrows-at-left .spinner-btn-box {
  border-left: none;
  border-right: 1px solid;
  order: 0;
}

.spinner-32 {
  display: flex;
  align-items: baseline;
}

.spinner-32.active input.spinner-32-part {
  border-bottom: 1px solid;
}

.spinner-32 .spinner-32-part {
  margin: .2em;
  padding: 0 1px 0 1px;
}

.spinner-32 input.spinner-32-full {
  text-align: right;
}

.spinner-32 input.spinner-32-32nds {
  width: 2em;
}

.spinner-32 input.spinner-32-256ths {
  width: 1em;
}

.notification-window-box .notification-container {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}

.notification-window-box .notification-container .dismiss-button-container {
  align-self: flex-end;
  margin: 10px;
}

.notification-window-box .notification-container .dismiss-button-container .dismiss-button {
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
}

.notification-window-box .notification-container .notification-actions-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  width: auto;
}

.notification-window-box .notification-container .notification-actions-container .notification-action-button {
  border: none;
  min-width: 85px;
  padding: 2px 10px;
  align-self: center;
  margin: 5px;
}

.notification-window-box .notification-container .notification-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.notification-window-box .notification-container .notification-content .item {
  margin: auto;
  width: 100%;
}

.notification-window-box .notification-container .notification-content .slider {
  width: 69px;
  display: block;
  border-radius: 15px;
  height: 30px;
}

.notification-window-box .notification-container .notification-content .slider:hover {
  cursor: pointer;
}

.notification-window-box .notification-container .notification-content .slider .no-value:hover {
  cursor: pointer !important;
}

.notification-window-box .notification-container .notification-content .slider .icon-arrow-left2::before, .notification-window-box .notification-container .notification-content .slider .icon-arrow-right2::before {
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  padding-right: 2px;
}

.notification-window-box .notification-container .notification-content .slider.left .lbl {
  position: relative;
  top: -25px;
  width: 69px;
  display: block;
  text-align: center;
  padding-left: 25px;
}

.notification-window-box .notification-container .notification-content .slider.right .icon-arrow-right2::before {
  margin-left: 39px;
}

.notification-window-box .notification-container .notification-content .slider.right .lbl {
  position: relative;
  top: -25px;
  width: 69px;
  display: block;
  text-align: center;
  padding-right: 25px;
}

.rfq-notification-message {
  display: flex;
  justify-content: center;
}

.gutter {
  background-repeat: no-repeat;
  background-position: 50%;
}

.gutter.gutter-horizontal {
  background-image: url("img/grips/vertical.png");
  cursor: ew-resize;
}

.gutter.gutter-vertical {
  background-image: url("img/grips/horizontal.png");
  cursor: ns-resize;
}

.split {
  box-sizing: border-box;
}

.split, .gutter.gutter-horizontal {
  height: 100%;
  float: left;
}

.split {
  overflow-y: auto;
  overflow-x: hidden;
}

.loading {
  height: 30px;
  width: 30px;
  position: relative;
  margin: auto;
  animation: rotation .6s infinite linear 250ms;
  border-left: 6px solid;
  border-right: 6px solid;
  border-bottom: 6px solid;
  border-top: 6px solid;
  border-radius: 100%;
}

.initializing-module {
  width: 100%;
  height: 100%;
  padding: 100%;
}

.initializing-module .module-name {
  text-align: center;
  position: absolute;
  top: 5px;
  width: 300px;
  left: calc(50% - 150px);
}

.initializing-module .spinner > div {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  animation: bouncedelay 1.4s infinite ease-in-out both;
}

.initializing-module .spinner {
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 35px);
  width: 70px;
  text-align: center;
}

.initializing-module .spinner div:nth-child(1) {
  animation-delay: -.32s;
}

.initializing-module .spinner div:nth-child(2) {
  animation-delay: -.16s;
}

.world .hide-btn {
  position: absolute;
  margin-left: -25px;
  height: 20px;
  width: 25px;
  font-weight: bold;
  font-size: 13pt;
  z-index: 1;
}

.select2-container {
  width: 100%;
  display: inline-block !important;
}

.select2-container .select2-choice .select2-chosen {
  font-weight: bold;
}

.select2-container .select2-arrow {
  top: -4px;
}

.select2-container-multi {
  width: 100%;
  display: inline-block !important;
}

.select2-container-multi .select2-choices {
  font-size: 1em;
}

.select2-container-multi .select2-choices .select2-chosen {
  font-weight: bold;
  margin-right: 5px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  background-image: none;
  box-shadow: none;
}

.select2-container-multi .select2-arrow {
  border: none !important;
  background: none !important;
}

.select2-container-multi.hidden {
  display: none !important;
}

.select2-container-multi.hidden,
.select2-container.hidden {
  display: none !important;
}

.select2-drop .select2-search:after {
  font-family: "webappsdk";
  content: "\eb2d";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 10px;
  bottom: 0;
  margin-left: -20px;
}

.select2-drop .select2-search input {
  background-image: none;
}

.datagrid {
  box-sizing: border-box;
  margin: 5px;
}

.datagrid .pony-ComplexList {
  margin: 0;
}

.datagrid .form .component {
  display: inline-block;
}

.datagrid .action {
  margin: 0;
  height: 35px;
  line-height: 35px;
  margin-top: .5em;
  margin-bottom: .5em;
  vertical-align: middle;
}

.datagrid .action .action-menu {
  margin: 0;
  float: left;
}

.datagrid .action .action-extra {
  margin-left: 20px;
  float: left;
}

.datagrid .action .action-paging {
  margin: 0;
  float: right;
}

.datagrid .selection {
  margin-top: .5em;
  margin-bottom: .5em;
}

.title-action {
  font-weight: bold;
  height: 30px;
  line-height: 30px;
}

.title-action:after {
  content: '';
  display: block;
  clear: both;
}

.title-action .title {
  margin-left: 1em;
  float: left;
}

.title-action .title-actions {
  float: right;
}

.title-action .title-actions .btn {
  margin-top: 5px;
  height: 20px;
  line-height: 20px;
}

.b-search-field {
  width: 100%;
  min-width: 180px;
}

.b-search-field input[type=text] {
  height: 22px;
}

.b-search-field .btn {
  height: 22px;
}

.b-search-field .clear {
  position: absolute;
  font-size: .65em;
  top: 5px;
  right: 5px;
  opacity: .5;
  z-index: 1000;
}

.divider {
  clear: both;
}

.dateBoxPopup {
  z-index: 5000;
  min-width: fit-content;
}

.dateBoxPopup .datePickerDay, .dateBoxPopup .datePickerWeekdayLabel, .dateBoxPopup .datePickerWeekendLabel {
  padding: 2px 5px 2px 5px;
  text-align: center;
  outline: none;
  cursor: default;
}

.dateBoxPopup .datePickerDay {
  cursor: pointer;
}

.dateBoxPopup .gwt-DatePicker td, .dateBoxPopup .datePickerMonthSelector td:focus {
  outline: none;
}

.dateBoxPopup .datePickerDays {
  width: 100%;
}

.dateBoxPopup .datePickerWeekdayLabel {
  text-align: center;
}

.dateBoxPopup .datePickerWeekendLabel {
  text-align: center;
}

.dateBoxPopup .datePickerDay {
  cursor: pointer;
}

.dateBoxPopup .datePickerDayIsToday {
  font-weight: bold;
}

.dateBoxPopup .datePickerDayIsValue {
  font-weight: bold;
}

.dateBoxPopup .datePickerDayIsHighlighted {
  font-weight: bold;
}

.dateBoxPopup .datePickerMonthSelector {
  width: 100%;
  text-align: center;
}

.dateBoxPopup .datePickerMonth {
  font-weight: bold;
}

.dateBoxPopup .datePickerPreviousButton, .dateBoxPopup .datePickerNextButton, .dateBoxPopup .datePickerPreviousYearButton, .dateBoxPopup .datePickerNextYearButton {
  width: 20px;
  cursor: pointer;
}

@media print {
  * {
    visibility: hidden;
  }
  .footer {
    display: none;
  }
}

.tooltip-inner {
  max-width: none;
}

.icon {
  position: relative;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
}

.symbol {
  font-weight: bold;
}

.order-status {
  font-weight: bold;
}

.expand-price-renderer {
  margin-left: 35%;
  text-align: left;
}

.base-currency-renderer {
  font-weight: bold;
}

.uploadpanel {
  height: 120px;
}

.uploadpanel .gwt-FileUpload {
  width: 400px;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.uploadpanel .gwt-Button {
  width: 70px;
}

.uploadpanel .submitbuttonDisabled {
  width: 100px;
  margin-left: 20px;
}

.uploadpanel .submitbuttonEnabled {
  width: 100px;
  margin-left: 20px;
}

.importdatagridpanel {
  max-width: 1600px;
}

.importdatagridpanel .gwt-TextBox {
  width: 80px;
}

.importdatagridpanel .validationbutton {
  margin-bottom: 10px;
  height: 35px;
  width: 130px;
  font-size: medium;
  margin-right: 300px;
}

.importdatagridpanel .importbutton {
  margin-bottom: 10px;
  height: 35px;
  width: 130px;
  font-size: medium;
}

.importdatagridpanel .importiconpanel .importiconuploaded, .importdatagridpanel .importiconpanel .importiconfailed, .importdatagridpanel .importiconpanel .importiconimported {
  font-size: 1em;
}

.skin-switcher {
  max-height: 300px;
  overflow: auto;
}

.skin-switcher .skin {
  position: relative;
  float: left;
  margin: 5px;
}

.skin-switcher .skin .skin-title, .skin-switcher .skin .skin-version {
  text-align: center;
  font-size: 18px;
}

.skin-switcher .skin .skin-preview {
  width: 240px;
  height: 120px;
}

.pref-cancel-button {
  display: table-cell !important;
}

.filterName-form-field {
  width: 40%;
  height: 34px;
  margin-left: 10px;
  padding-left: 5px;
}

.input-dialog .input-dialog-body .input-dialog-panel .input-dialog-label {
  display: inline-block;
  margin-left: 5px;
  width: 20%;
}

.input-dialog .input-dialog-body .input-dialog-panel .input-dialog-field {
  height: 35px;
  width: 50%;
  padding-left: 5px;
}

.shared-filter-group {
  position: relative;
  display: table !important;
}

.shared-filter-group .shared-filter-text, .shared-filter-group .shared-filter-list {
  height: 100%;
  border: 0 !important;
}

.shared-filter-group .shared-filter-text .gwt-RadioButton label, .shared-filter-group .shared-filter-list .gwt-RadioButton label {
  margin-left: 5px;
}

.shared-filter-group .shared-filter-text {
  display: table-row;
}

.shared-filter-group .shared-filter-list {
  display: table-row !important;
}

.shared-filter-group .shared-filter-list .gwt-ListBox {
  width: 40%;
  height: 34px;
  margin-left: 10px;
}

.shared-filter-group .shared-filter-radio {
  display: inline-block;
  width: 25%;
  margin: 10px;
}

.rename-btn {
  padding-right: 0;
  font-size: 7pt;
}

.share-btn {
  padding-right: 0;
  font-size: 8pt;
}

.rename-btn:hover, .share-btn:hover {
  filter: brightness(75%);
}

.share-filter-name .share-filter-label {
  display: inline-block;
  margin-left: 5px;
  width: 20%;
}

.share-filter-name .share-filter-field {
  height: 35px;
  width: 50%;
  padding-left: 5px;
}

.share-filter-name .share-filter-button .lbl {
  margin-left: 5px;
}

.share-filter-name .share-filter-loading {
  display: inline-block;
  width: 10%;
  margin-left: 15px;
}

.share-filter-name .share-filter-loading .loading-cube {
  width: 25px;
  height: 25px;
  position: relative;
}

.share-filter-name .share-filter-loading-label {
  display: inline-block;
}

.shared-filter-views {
  overflow: auto;
  height: 108px;
}

.shared-filter-views .shared-filter-view {
  margin-left: 5px;
}

.shared-filter-views .shared-filter-view .gwt-CheckBox label {
  margin-left: 5px;
  vertical-align: middle;
}

.shared-filter-mgt-btn {
  float: left;
}

.confirmation-dialog {
  margin-left: auto;
  margin-right: auto;
}

.prefScreen .nav-tabs {
  cursor: pointer;
}

.report div:nth-child(2) {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.flex-input-group {
  display: flex;
}

.flex-input-group .input-group-addon {
  padding: 0 .5em;
  width: auto;
}

.sortable-panel {
  display: flex;
}

.widget-circle-loading:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid;
  animation: widget-circle-loading 1s linear infinite;
}

.widget-circle-loading > * {
  opacity: .25;
}

.order-editor-atom .option-row .expiration.field-option.with-timezone,
.order-editor-atom .option-row .good-after.field-option.with-timezone {
  width: unset;
}

.order-editor-atom .option-row .expiration.field-option.with-timezone .date-hour-field,
.order-editor-atom .option-row .good-after.field-option.with-timezone .date-hour-field {
  width: 150px;
}

.order-editor-atom .option-row .expiration.field-option.with-timezone .date-hour-with-timezone,
.order-editor-atom .option-row .good-after.field-option.with-timezone .date-hour-with-timezone {
  display: flex;
}

.order-editor-atom .option-row .expiration.field-option.with-timezone .date-hour-with-timezone .timezone-field,
.order-editor-atom .option-row .good-after.field-option.with-timezone .date-hour-with-timezone .timezone-field {
  margin-left: 0.5em;
  width: 120px;
}

.date-hour-field {
  display: flex;
  justify-content: space-between;
}

.date-hour-field .date, .date-hour-field .hour {
  text-align: center;
  padding: 0 !important;
}

.date-hour-field .date {
  min-width: 10ch;
  flex: 1;
}

.date-hour-field .hour {
  min-width: 6ch;
  margin-left: .5em;
  flex: 0;
}

.form-field-validator.invalid {
  border: 1px solid;
  border-radius: 0;
}

.form-field-validator.invalid::after, .form-field-validator.invalid::before {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 12px;
  opacity: 0;
  padding-bottom: 1px;
  padding-top: 2px;
  white-space: initial;
  pointer-events: none;
}

.form-field-validator.invalid::before {
  font-family: "webappsdk";
  content: "\ed4e";
  width: 20px;
  z-index: 3;
  padding-left: 4px;
}

.form-field-validator.invalid::after {
  content: attr(data-title);
  min-width: 100%;
  padding-left: 20px;
  padding-right: .5em;
  z-index: 2;
}

.form-field-validator.invalid:hover::before, .form-field-validator.invalid:hover::after {
  opacity: .9;
  transition: opacity .25s;
}

.module-tabs-panel {
  height: 60%;
}

.module-tabs-panel .module-tabs-headers {
  height: 24px;
}

.module-tabs-panel .module-tabs-headers .module-tabs-header {
  height: 100%;
  width: 200px;
  padding-right: 10px;
  text-align: left;
  font-size: 14px;
}

.module-tabs-panel .module-tabs-content {
  height: calc(100% - 24px);
}

.password-widget {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.password-widget button {
  position: absolute;
  height: 100%;
  right: 5px;
  cursor: pointer;
}

.password-widget input {
  width: 100%;
  height: 100%;
}

.password-widget input[disabled] {
  cursor: not-allowed;
}

.password-widget button,
.password-widget input,
.password-widget input:focus,
.password-widget input:hover {
  background: transparent;
  color: inherit;
  border: none;
}

.password-widget button.p-show:after {
  font-family: 'webappsdk';
  content: "\ecab";
}

.password-widget button.p-hide:after {
  font-family: 'webappsdk';
  content: "\ecae";
}

.multi-mode-box-atom .aggregated-by-lp {
  position: relative;
  padding-top: 15px;
}

.multi-mode-box-atom .aggregated-by-lp .entry {
  width: 100%;
}

.multi-mode-box-atom .aggregated-by-lp .slippage {
  font-size: 9px;
  margin-left: 2px;
}

.multi-mode-box-atom .aggregated-by-lp .bid {
  float: left;
}

.multi-mode-box-atom .aggregated-by-lp .bid .price, .multi-mode-box-atom .aggregated-by-lp .bid .owner {
  float: left;
}

.multi-mode-box-atom .aggregated-by-lp .offer {
  float: right;
}

.multi-mode-box-atom .aggregated-by-lp .offer .price, .multi-mode-box-atom .aggregated-by-lp .offer .owner {
  float: right;
}

.multi-mode-box-atom .aggregated-by-lp .offer .owner {
  text-align: right;
}

.multi-mode-box-atom .aggregated-by-lp .bid, .multi-mode-box-atom .aggregated-by-lp .offer {
  width: 40%;
}

.multi-mode-box-atom .aggregated-by-lp .bid .price, .multi-mode-box-atom .aggregated-by-lp .offer .price {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 45%;
  margin-left: 1.2%;
  cursor: pointer;
}

.multi-mode-box-atom .aggregated-by-lp .bid .owner, .multi-mode-box-atom .aggregated-by-lp .offer .owner {
  width: 35%;
  margin-right: 5px;
  margin-left: 5px;
  font-weight: bold;
}

.multi-mode-box-atom .aggregated-by-lp .spread {
  width: 20%;
  float: left;
}

.multi-mode-box-atom .aggregated-by-lp .price {
  text-align: center;
}

.multi-mode-box-atom .aggregated-by-lp .mid-price {
  width: 16% !important;
  float: left;
  display: none;
}

.multi-mode-box-atom .aggregated-by-lp .pip-exponent {
  font-size: .8em;
  margin-left: 2px;
}

.multi-mode-box-atom .aggregated-by-lp .spread-column-title {
  font-size: 10px;
  position: absolute;
  width: 20%;
  left: 40%;
  text-align: center;
  top: 0;
}

.multi-mode-box-atom .aggregated-by-lp .mid-price-column-title {
  font-size: 10px;
  float: right;
  width: 16%;
  position: absolute;
  right: 35%;
  text-align: center;
  top: 0;
  display: none;
}

.allocation-tab-panel {
  display: flex;
  flex-direction: column;
}

.allocation-tab-panel .allocation-tab-button-panel {
  flex-grow: 1;
  display: flex;
  border-radius: 5px 5px 0 0;
}

.allocation-tab-panel .allocation-tab-button-panel button {
  flex-grow: 1;
  border: 1px solid;
}

.allocation-tab-panel .allocation-tab-button-panel button.active {
  border-bottom: none;
  font-weight: bolder;
}

.allocation-tab-panel .allocation-leg-panel {
  padding: 2px;
}

.allocation-tab-panel .allocation {
  margin-bottom: 2px;
  display: flex;
  justify-content: space-between;
}

.allocation-tab-panel .allocation.empty-account .select2-choice {
  border-style: solid;
  border-width: 1px;
}

.allocation-tab-panel .allocation.empty-qty .qty-spinner {
  border-style: solid;
  border-width: 1px;
}

.allocation-tab-panel .allocation .account-picker {
  width: 42%;
}

.allocation-tab-panel .allocation .qty-spinner {
  width: 20%;
  height: 26px;
}

.allocation-tab-panel .allocation .qty-spinner input {
  text-align: center;
  margin: 0;
}

.allocation-tab-panel .allocation .remove-icn {
  order: 4;
  line-height: 26px;
}

.allocation-tab-panel .allocation .sides-list {
  width: 28% !important;
  border-radius: 4px;
  height: 26px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
}

.blotter-atom {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 5px 5px 0 5px;
}

.blotter-atom input {
  margin: 0;
  padding: 0;
}

.blotter-atom .sortable, .blotter-atom .cell-select {
  cursor: pointer;
}

.blotter-atom thead {
  height: 20px;
  line-height: 20px;
}

.blotter-atom thead span.resizer {
  height: 20px;
  line-height: 20px;
  width: 3px;
  float: right;
  display: block;
}

.blotter-atom thead span.resizer:hover {
  cursor: col-resize;
  width: 5px;
}

.blotter-atom thead th {
  position: relative;
}

.blotter-atom tbody tr {
  min-height: 25px;
  line-height: 25px;
}

.blotter-atom tbody tr .cell-select input {
  display: inline-block;
  vertical-align: middle;
}

.blotter-atom.scrollable .table {
  width: auto;
  height: 100%;
  padding-bottom: 35px;
  overflow-x: visible;
  margin-bottom: 0;
}

.blotter-atom.scrollable .table td > div.actions-icon .icon, .blotter-atom.scrollable .table th > div.actions .icon {
  margin-right: 3px;
}

.blotter-atom.scrollable .table .expand-position-widget, .blotter-atom.scrollable .table .expand-exposure-widget {
  width: 150px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: baseline;
}

.blotter-atom.scrollable .table .expand-position-widget .expand-position-label, .blotter-atom.scrollable .table .expand-position-widget .expand-exposure-label, .blotter-atom.scrollable .table .expand-exposure-widget .expand-position-label, .blotter-atom.scrollable .table .expand-exposure-widget .expand-exposure-label {
  padding: 0 4px 0 2px;
}

.blotter-atom.scrollable .table .expand-position-widget .expand-position-label.currency, .blotter-atom.scrollable .table .expand-position-widget .expand-exposure-label.currency, .blotter-atom.scrollable .table .expand-exposure-widget .expand-position-label.currency, .blotter-atom.scrollable .table .expand-exposure-widget .expand-exposure-label.currency {
  font-weight: bold;
}

.blotter-atom.scrollable .table .expand-position-widget .expand-position-label:hover, .blotter-atom.scrollable .table .expand-position-widget .expand-exposure-label:hover, .blotter-atom.scrollable .table .expand-exposure-widget .expand-position-label:hover, .blotter-atom.scrollable .table .expand-exposure-widget .expand-exposure-label:hover {
  cursor: pointer;
}

.blotter-atom.scrollable .table td > div, .blotter-atom.scrollable .table td > span, .blotter-atom.scrollable .table th > div, .blotter-atom.scrollable .table th > span {
  display: block;
  padding: 0 !important;
  text-overflow: ellipsis;
  overflow: hidden;
}

.blotter-atom.scrollable .table th, .blotter-atom.scrollable .table td {
  padding: 0px 1px 0px 0px;
}

.blotter-atom.scrollable .table thead {
  display: block;
  overflow-x: hidden;
  overflow-y: visible;
  z-index: 3;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.blotter-atom.scrollable .table thead tr {
  display: block;
}

.blotter-atom.scrollable .table thead tr th {
  border: none;
}

.blotter-atom.scrollable .table thead tr th .cell-select {
  min-width: inherit;
}

.blotter-atom.scrollable .table thead tr th .cell-select input {
  vertical-align: middle;
}

.blotter-atom.scrollable .table thead tr th div {
  display: block;
  float: left;
  font-size: 1em !important;
  overflow: hidden;
}

.blotter-atom.scrollable .table thead tr th div div.gwt-Label {
  overflow: hidden;
  text-overflow: ellipsis;
  height: 20px;
  line-height: 20px;
}

.blotter-atom.scrollable .table tbody {
  display: block;
  width: auto;
  -webkit-touch-callout: text;
  user-select: text;
  margin-top: 20px;
}

.blotter-atom.scrollable .table tbody .cell-side {
  font-weight: bold;
}

.blotter-atom .customize .lbl {
  margin-left: .1em;
}

.blotter-atom.disabled-header .header .grid-filters-btn-group, .blotter-atom.disabled-header .header .grid-customize-btn-group .heat-slider, .blotter-atom.disabled-header .header .grid-customize-btn-group .centered-mode, .blotter-atom.disabled-header .header .rowfilter {
  pointer-events: none;
}

.blotter-atom.disabled-header .grid-atom thead th {
  pointer-events: none;
}

.blotter-atom .header {
  top: 5px;
  left: 1px;
  right: 3px;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.blotter-atom .header .reset-sorting {
  margin-left: 3px;
  margin-right: 2px;
}

.blotter-atom .header .rowbuttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 5px;
}

.blotter-atom .header .rowbuttons .grid-action-btn-group .dropdown {
  display: inline-block;
}

.blotter-atom .header .rowbuttons .grid-action-btn-group .dropdown .dropdown-toggle .caret {
  margin-left: 5px;
}

.blotter-atom .header .rowbuttons .grid-action-btn-group .dropdown-menu .divider {
  margin: 2px 0;
}

.blotter-atom .header .rowbuttons .grid-customize-btn-group {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-left: 5px;
}

.blotter-atom .header .rowbuttons .grid-customize-btn-group button {
  height: 22px;
}

.blotter-atom .header .rowbuttons .grid-customize-btn-group .heat-slider {
  margin-left: 5px;
  margin-right: 10px;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group {
  flex-grow: 1;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .columns-menu .search-panel {
  padding: 1px 5px 1px 5px;
  margin-left: auto;
  margin-right: auto;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .columns-menu .search-panel .search-box {
  width: 100%;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .columns-menu .restore-defaults {
  padding-left: 5px;
  width: 100%;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .columns-menu .checkboxes-panel {
  height: 135px;
  width: 290px;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .columns-menu .checkboxes-panel li {
  list-style-type: none;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .columns-menu .checkboxes-panel li .gwt-CheckBox {
  padding-left: 5px;
  display: block;
  width: 100%;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .columns-menu .checkboxes-panel li .gwt-CheckBox input, .blotter-atom .header .rowbuttons .grid-filters-btn-group .columns-menu .checkboxes-panel li .gwt-CheckBox label {
  cursor: pointer;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .columns-menu .checkboxes-panel li .gwt-CheckBox label {
  padding-left: 5px;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .columns-menu .buttons-panel {
  padding: 8px 5px 5px 5px;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .columns-menu .buttons-panel .cancel-button {
  margin-right: 5px;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .hiddenColumnsPanel {
  float: right;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .hiddenColumnsPanel .menu-item button {
  position: relative;
  top: -1px;
  border-width: 0;
  box-shadow: none;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .customize {
  float: right;
  border-radius: 0 5px 5px 0 !important;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .buttons-container {
  text-align: right;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .buttons-container .menu-item {
  display: inline-block;
  height: 22px;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .buttons-container .menu-item:last-child {
  border-right-width: 0;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .buttons-container .menu-item:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .buttons-container .menu-item button {
  position: relative;
  top: -4px;
  border-width: 0;
  box-shadow: none;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .buttons-container .menu-item button:focus {
  outline-style: none;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .buttons-container .menu-item button.close-btn {
  float: right;
  padding-left: 0;
}

.blotter-atom .header .rowbuttons .grid-filters-btn-group .buttons-container .menu-item button.item {
  padding-left: 10px;
  padding-right: 10px;
}

.blotter-atom .header .rowbuttons .icon-esc {
  margin: 1px 5px 0 2px;
}

.blotter-atom .header .rowfilter {
  display: flex;
  flex-direction: column;
}

.blotter-atom .header .rowfilter .select2-choices .select2-search-choice-close {
  top: 50%;
}

.blotter-atom .header .rowfilter .rowfilter-child {
  display: flex;
  margin-bottom: 2px;
}

.blotter-atom .header .rowfilter .rowfilter-child .filter {
  flex-grow: 1;
}

.blotter-atom .header .rowfilter .rowfilter-child .filter .select2-choices li input[type="text"] {
  width: inherit !important;
}

.blotter-atom .header .rowfilter .rowfilter-child .rowfilter-button {
  width: 25px;
  padding-left: 6px;
}

.blotter-atom .header .rowfilter .rowfilter-child .rowfilter-field {
  margin-right: 5px;
  margin-left: 15px;
}

.blotter-atom .header .rowfilter .rowfilter-child .gwt-DateBox {
  padding-left: 5px;
}

.blotter-atom .header .rowfilter .rowfilter-child .rowfilter-button-add {
  margin-left: 5px;
}

.blotter-atom.modification-display-activated .table th .gwt-Label, .blotter-atom.modification-display-activated .table td .gwt-Label {
  padding-left: 15px !important;
}

.blotter-atom.modification-display-activated .table .modified {
  position: relative;
}

.blotter-atom.modification-display-activated .table .modified:before {
  content: '\ed61';
  font-family: 'webappsdk';
  font-size: 9px;
  position: absolute;
  left: 2px;
}

.blotter-atom .grid-atom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  overflow: hidden;
  top: 59px;
}

.blotter-atom .grid-atom.infinite-scrolling {
  height: calc(100% - 62px);
}

.blotter-atom .grid-atom.infinite-scrolling tbody {
  margin-top: 0;
}

.blotter-atom .grid-atom.infinite-scrolling tbody td > * {
  height: 24px;
  margin: 1px 0;
}

.blotter-atom .grid-atom.pagination-scrolling {
  height: calc(100% - 92px);
}

.blotter-atom .grid-atom .pinnable-table {
  padding-bottom: 0;
}

.blotter-atom .grid-atom .pinnable-table .sidebar-table {
  float: left;
}

.blotter-atom .grid-atom .pinnable-table .sidebar-table tbody {
  position: absolute;
}

.blotter-atom .grid-atom .pinnable-table .sidebar-table th .pinner {
  display: none;
}

.blotter-atom .grid-atom .pinnable-table .sidebar-table th .pinner.pinned {
  display: inline;
}

.blotter-atom .grid-atom .pinnable-table .sidebar-table th .pinner button:first-child {
  transform: rotateZ(-45deg);
}

.blotter-atom .grid-atom .pinnable-table .sidebar-table th .pinner button:last-child {
  display: none;
}

.blotter-atom .grid-atom .pinnable-table .body-table {
  float: left;
  overflow: auto;
  height: 100%;
  margin-left: 15px;
}

.blotter-atom .grid-atom .pinnable-table .body-table th .pinner {
  display: none;
}

.blotter-atom .grid-atom .pinnable-table .body-table th .pinner.accessibility {
  display: inline;
}

.blotter-atom .grid-atom .pinnable-table .body-table th .pinner div:first-child {
  transform: rotateZ(0deg);
}

.blotter-atom .grid-atom .pinnable-table thead {
  position: absolute;
  top: 0;
  overflow: hidden;
}

.blotter-atom .grid-atom .pinnable-table thead th > div {
  min-width: 50px;
}

.blotter-atom .grid-atom .pinnable-table thead th:hover .pinner, .blotter-atom .grid-atom .pinnable-table thead th:hover .formatting-icon {
  display: inline;
}

.blotter-atom .grid-atom .pinnable-table thead th .formatting-icon {
  display: none;
}

.blotter-atom .grid-atom .pinnable-table thead th .formatting-icon.styled-column {
  display: inline;
}

.blotter-atom .grid-atom .pinnable-table thead th .pinner {
  display: none;
}

.blotter-atom .grid-atom .pinnable-table thead th .pinner div:first-child {
  transform: rotateZ(0deg);
}

.blotter-atom .footer {
  display: flex;
  bottom: 0;
  position: absolute;
  height: 30px;
  width: 100%;
}

.blotter-atom .statusBar {
  display: flex;
  padding: 0 20px;
  flex-grow: 1;
}

.blotter-atom .statusBar .pageIndication {
  margin: auto;
  font-size: 12px;
  line-height: 22px;
}

.blotter-atom .statusBar .sliderContainer {
  display: flex;
  flex-grow: 1;
  margin: auto 30px;
}

.blotter-atom .statusBar .sliderContainer .ui-slider {
  margin: auto 10px;
  flex-grow: 1;
  height: .1em;
}

.blotter-atom .statusBar .sliderContainer .ui-slider .ui-slider-handle {
  top: -.6em;
  border-radius: 10px;
}

.blotter-atom .statusBar .sliderContainer .icon {
  margin: auto 10px;
}

.blotter-atom tr:empty, .blotter-atom .emptyCell {
  display: none;
}

.blotter-atom th, .blotter-atom td {
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
  font-size: .8em;
}

.blotter-atom th > div, .blotter-atom td > div {
  width: 100%;
}

.blotter-atom .gat {
  height: 25px;
}

.blotter-atom .gat .progress-title {
  height: 20px;
}

.blotter-atom .gat .progress.mini {
  height: 3px;
  margin: 0 10px;
}

.blotter-atom .gat .progress.mini .icon {
  margin-left: 0;
}

.blotter-atom .gwt-HTML, .blotter-atom .gwt-Label {
  height: 25px;
  line-height: 25px;
}

.blotter-atom .time-progress-bar-cell {
  height: 25px;
}

.blotter-atom .time-progress-bar-cell .time-progress-bar-addon {
  margin-top: 5px;
}

.blotter-atom .heat-widget.heat-10 .heat {
  background-color: #40c;
}

.blotter-atom .heat-widget.heat-10 .pip-distance {
  color: #40c;
}

.blotter-atom .heat-widget.heat-20 .heat {
  background-color: #60c;
}

.blotter-atom .heat-widget.heat-20 .pip-distance {
  color: #60c;
}

.blotter-atom .heat-widget.heat-30 .heat {
  background-color: #80c;
}

.blotter-atom .heat-widget.heat-30 .pip-distance {
  color: #80c;
}

.blotter-atom .heat-widget.heat-40 .heat {
  background-color: #a0c;
}

.blotter-atom .heat-widget.heat-40 .pip-distance {
  color: #a0c;
}

.blotter-atom .heat-widget.heat-50 .heat {
  background-color: #c0a;
}

.blotter-atom .heat-widget.heat-50 .pip-distance {
  color: #c0a;
}

.blotter-atom .heat-widget.heat-60 .heat {
  background-color: #c08;
}

.blotter-atom .heat-widget.heat-60 .pip-distance {
  color: #c08;
}

.blotter-atom .heat-widget.heat-70 .heat {
  background-color: #c06;
}

.blotter-atom .heat-widget.heat-70 .pip-distance {
  color: #c06;
}

.blotter-atom .heat-widget.heat-80 .heat {
  background-color: #c04;
}

.blotter-atom .heat-widget.heat-80 .pip-distance {
  color: #c04;
}

.blotter-atom .heat-widget.heat-90 .heat {
  background-color: #c01;
}

.blotter-atom .heat-widget.heat-90 .pip-distance {
  color: #c01;
}

.blotter-atom .heat-widget.heat-100 .heat {
  background-color: #d00;
}

.blotter-atom .heat-widget.heat-100 .pip-distance {
  color: #d00;
}

.blotter-atom .heat-widget .heat, .blotter-atom .heat-widget .pip-distance {
  font-size: 1em;
  width: 49%;
  display: inline-block;
}

.blotter-atom .table td > div.cell-action {
  overflow: visible;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.blotter-atom .table td > div.cell-action .btn {
  padding: 0 5px 0 15px;
}

.position-blotter-atom .action {
  width: 100px;
}

.exposure-blotter .position-bar {
  width: 300px;
  height: 18px;
}

.rfq-blotter .pending {
  cursor: auto;
}

.rfq-blotter .new {
  cursor: auto;
}

.rfq-blotter .accepted {
  cursor: pointer;
}

.positionBlotterExportMenu {
  display: inline-block;
}

.trading-summary-blotter-atom .action {
  line-height: 20px;
}

.rfq-history-dialog .modal-body {
  height: 300px;
}

.rfq-history-dialog .modal-body .header {
  display: none;
}

.rfq-history-dialog .modal-body .grid-atom {
  position: initial;
  height: 100%;
}

.db-blotter-atom thead .cell-select {
  visibility: hidden;
}

.db-blotter .grid-action-btn-group .icon-esc {
  float: right;
  margin: 5px 5px 0 0;
}

.reserved-quantity .label.label-info {
  font-size: inherit;
}

.confirmation-dialog .content-container {
  padding-top: 1em;
  padding-bottom: 1em;
}

/**
 * @deprecated Useless
 * @since v5.8.0.0
 */
.dtgb-atom {
  position: absolute;
  inset: 0px;
  height: 100%;
}

.dtgb-atom .dtgb-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
}

.dtgb-atom .dtgb-header {
  padding: 5px;
}

.dtgb-atom .dtgb-header .dtgb-header-row {
  display: flex;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-config-panel-container {
  width: 140px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-bulk-button {
  border: 1px solid;
  border-radius: 5px;
  font-size: 0.9em;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-bulk-actions {
  font-size: 0.9em;
  flex-direction: row-reverse;
  border-radius: 5px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-bulk-actions .dd-container-state:after {
  all: unset;
  font-family: "webappsdk";
  content: "\ec59";
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-linked-rows {
  position: relative;
  width: 26px;
  height: 26px;
  border-radius: 13px;
  margin: 0 3px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-tech-actions {
  border: none;
  background: none;
  padding: 0;
  border-radius: 12px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-tech-actions .dd-container-button {
  padding: 0 2px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-tech-actions .dd-container-button:after {
  padding: 4px;
  font-family: "webappsdk";
  content: "\eb5c";
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-tech-actions .dd-container-state {
  display: none;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-separator {
  margin: 0 5px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-option {
  display: flex;
  margin-left: auto;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-option .icon-esc {
  font-size: 13px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-option .dtgb-header-option-icon-list {
  display: flex;
  font-size: 12px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-option .dtgb-header-option-icon-list .dtgb-header-icon {
  width: 26px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-option .dtgb-header-option-icon-list .dtgb-header-icon.icon-clean-all:before {
  font-size: 16px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-option .dtgb-header-option-icon-list .dtgb-header-icon.icon-loop3:before {
  font-size: 13px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-option .dtgb-header-option-icon-list .dd-container-widget {
  border: none;
  font-size: 0.9em;
  border-radius: 5px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-option .dtgb-header-option-icon-list.dtgb-header-option-icon-only .dd-container-button {
  display: none;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-option .dtgb-header-option-icon-list.dtgb-header-option-time-progress {
  position: relative;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-option .dtgb-header-option-icon-list.dtgb-header-option-time-progress .time-progress-bar-addon-v2 {
  width: 100%;
  position: absolute;
  height: 2px;
  bottom: -2px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-option .dtgb-header-option-icon-list.dtgb-header-option-time-progress .dd-container-widget {
  height: 21px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-option .dtgb-header-option-icon-list.dtgb-header-option-time-progress .dd-container-widget:before {
  content: "" attr(selected-data) "";
  font-size: 9px;
  position: absolute;
  top: 3px;
  left: 3px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-option .dtgb-header-option-icon-list.dtgb-header-option-time-progress .dd-container-widget .dd-container-state:after {
  top: calc(50% + 5px);
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-filter {
  height: 25px;
  display: flex;
  flex: 1;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-filter .dtgb-filter-container-expand {
  width: 30px;
  height: 25px;
  border-radius: 5px;
  margin-right: 5px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-filter .dd-container-widget {
  width: fit-content;
  min-width: 110px;
  height: 25px;
  margin-right: 5px;
  border-radius: 5px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-filter .dd-container-widget.dtgb-filter-list {
  width: 26px;
  min-width: 26px;
  font-size: 15px;
  border-radius: 13px;
  padding: 0;
  border: none;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-filter .dd-container-widget.dtgb-filter-list .dd-container-button {
  display: none;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-filter .dd-container-widget.dtgb-filter-list .dd-container-state {
  width: 100%;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-filter .dd-container-widget.dtgb-filter-list .dd-container-state::after {
  font-family: "webappsdk";
  content: "\ee88";
  position: relative;
  top: 1px;
  left: initial;
  border: none;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-filter .dd-container-widget .dd-container-button {
  font-size: 0.9em;
  line-height: 100%;
  padding-top: 0.3em;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-filter .dd-container-clear {
  position: relative;
  font-size: 18px;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-filter .dd-container-clear:after {
  position: absolute;
  top: -1px;
  left: 0;
}

.dtgb-atom .pony-grid {
  height: calc(100% - 39px);
}

.dtgb-atom .pony-grid input[type="checkbox"] {
  margin: 2px 0 0 0;
  width: 1em;
  height: 1em;
  vertical-align: middle;
}

.dtgb-atom .pony-grid .pony-grid-header input[type="checkbox"] {
  margin-bottom: 2px;
}

.dtgb-atom .pony-grid .pony-grid-header .technical-column-header {
  position: relative;
  left: 4px;
  font-size: 12px;
  cursor: default;
  pointer-events: none;
  visibility: hidden;
}

.dtgb-atom .pony-grid .pony-grid-header .technical-column-header.visible {
  visibility: visible;
}

.dtgb-atom .pony-grid .pony-grid-header .pony-grid-unpinned-header {
  margin: 0;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header {
  display: flex;
  height: 20px;
  line-height: 20px;
  padding: 0 5px 0 4px;
  position: relative;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header.dtgb-col-header-right .dtgb-col-header-title {
  text-align: right;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .dtgb-col-header-sort {
  position: relative;
  margin-right: 4px;
  cursor: pointer;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .dtgb-col-header-sort:before {
  font-family: webappsdk;
  font-size: 11px;
  padding-right: 2px;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .dtgb-col-header-sort.dtgb-col-header-sort-asc:before {
  content: '\edd1';
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .dtgb-col-header-sort.dtgb-col-header-sort-desc:before {
  content: '\edd5';
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .dtgb-col-header-sort:after {
  content: "" attr(sorting-number) "";
  position: absolute;
  right: -2px;
  bottom: -5px;
  font-size: 9px;
  font-weight: normal;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .dtgb-col-header-title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .dtgb-col-header-title.dtgb-col-header-sortable {
  cursor: pointer;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .dtgb-col-header-actions {
  height: 100%;
  width: 15px;
  display: none;
  border: none;
  background: none;
  color: unset;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .dtgb-col-header-actions .dd-container {
  width: 100%;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .dtgb-col-header-actions .dd-container-button {
  display: none;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .dtgb-col-header-actions .dd-container-state:after {
  all: unset;
  font-family: "webappsdk";
  content: "\ec59";
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .dtgb-col-header-actions.dd-container-opened {
  display: flex;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header:hover .dtgb-col-header-actions {
  display: flex;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-row-header {
  margin-bottom: -180px;
  padding-bottom: 180px;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-row-header .dtgb-resizer {
  padding-left: 3px;
}

.dtgb-atom .pony-grid .pony-grid-header .dtgb-row-header .dtgb-resizer:hover {
  cursor: col-resize;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell {
  height: 24px;
  line-height: 24px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 11px;
  padding: 0 5px;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-copy {
  overflow: visible;
  position: relative;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-copy .dtgb-cell {
  border: none !important;
  padding: 0;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-copy .dtgb-copy-btn {
  display: none;
  position: absolute;
  right: 5px;
  top: 0;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-copy .dtgb-copy-btn::after {
  font-family: "webappsdk";
  content: "\e9c7 ";
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-copy:hover .dtgb-copy-btn {
  display: block;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-copy.dtgb-numeric-cell .dtgb-copy-btn {
  left: 5px;
  right: unset;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-flex-cell {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-flex-cell .time-progress-bar-addon-v2 {
  flex: 1;
  min-width: 7.1em;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-aggregation-cell {
  display: flex;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-aggregation-cell.dtgb-aggregation-cell-off {
  padding-left: 19px;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-aggregation-cell.dtgb-aggregation-cell-off:hover {
  cursor: default;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-aggregation-cell.dtgb-aggregation-cell-expand, .dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-aggregation-cell.dtgb-aggregation-cell-collapse {
  background: inherit;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-aggregation-cell.dtgb-aggregation-cell-expand::before, .dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-aggregation-cell.dtgb-aggregation-cell-collapse::before {
  font-family: "webappsdk";
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-aggregation-cell.dtgb-aggregation-cell-collapse::before {
  content: "\edc6";
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-aggregation-cell.dtgb-aggregation-cell-expand::before {
  content: "\edc5";
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-aggregation-cell:hover {
  cursor: pointer;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-numeric-cell {
  text-align: right;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-action-cell {
  font-size: 13px;
  padding: 0;
  background: none;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-action-cell .dd-container-button {
  display: none;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-action-cell .dd-container-state {
  padding-left: 0.3em;
  padding-right: 2.2em;
  text-align: center;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-action-cell .dd-container-state::before {
  margin-top: 4px;
  font-family: "webappsdk";
  content: "\eb5c";
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-action-cell .dd-container-state::after {
  margin-left: 1em;
  margin-top: 0.2em;
  left: unset;
  right: 0.2em;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell {
  display: flex;
  flex-flow: nowrap;
  justify-content: flex-end;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell .dtgb-heat,
.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell .dtgb-heat-pip-distance {
  width: 50px;
  float: left;
  margin-top: 1px;
  white-space: nowrap;
  height: calc(100% - 2px);
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-checkbox-cell .gwt-CheckBox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-checkbox-cell .gwt-CheckBox input[type="checkbox"] {
  height: 18px;
  width: 18px;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-checkbox-cell .gwt-CheckBox label {
  height: 18px;
  width: 18px;
  margin-left: 5px;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-price .pip-num {
  font-size: 1.2em;
  font-weight: 700;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-price .piped-price {
  float: right;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell[dtgb-after]::after {
  content: attr(dtgb-after);
  opacity: .7;
  margin-left: .2em;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-hide-cell {
  color: transparent;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-hide-cell > * {
  visibility: hidden;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-hide-cell:not(.dtgb-action-cell)::before {
  padding: 0 5px;
  content: "-";
  visibility: visible;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row[linked-row] .dtgb-technical-cell {
  position: relative;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row[linked-row] .dtgb-technical-cell .icon {
  position: absolute;
  cursor: default;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row[linked-row] .dtgb-technical-cell .recent-data-notification {
  visibility: hidden !important;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row[linked-row] .dtgb-technical-cell .dtgb-technical-cell-linked-rows {
  visibility: visible !important;
  font-size: 12px;
  padding-top: 6px;
  padding-left: 3px;
  color: #BBB;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-loading-data {
  position: absolute;
  right: 8px;
  width: calc(100% - 8px);
  height: 40px;
  opacity: 0;
  pointer-events: none;
  -webkit-animation: show 200ms ease-out both;
  animation: show 200ms ease-out both;
  -webkit-animation-delay: 150ms;
  animation-delay: 150ms;
}

@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}

@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.5;
  }
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-loading-data.pony-grid-loading-data-top {
  top: 20px;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-loading-data.pony-grid-loading-data-bottom {
  bottom: 11px;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-loading-data .loading {
  top: 5px;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-error-msg {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-error-msg div {
  padding: 0.5em;
  margin: 0.4em 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  max-width: 50%;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-error-msg div:before {
  content: "\ed4d";
  font-family: "webappsdk";
  margin-right: 5px;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-pinned-body .pony-grid-row .recent-data-notification {
  position: relative;
  left: 4px;
  top: 3px;
  font-size: 12px;
  cursor: default;
  pointer-events: none;
  visibility: hidden;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-pinned-body .pony-grid-row .recent-data-notification.update, .dtgb-atom .pony-grid .pony-grid-body .pony-grid-pinned-body .pony-grid-row .recent-data-notification.create {
  visibility: visible;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-pinned-body .pony-grid-row .dtgb-remove-data {
  margin-top: 6px;
  margin-left: 1px;
  font-size: 0.9em;
}

.dtgb-header-bulk-container.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container,
.dtgb-header-option-list-container.dd-listbox-container .dd-container-default .is-viewport .is-container,
.dtgb-header-option-list-container.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container {
  max-width: 170px;
}

.dtgb-header-bulk-container.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item .gwt-Label, .dtgb-header-bulk-container.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item .dd-listbox .dd-container-button-placeholder,
.dtgb-header-option-list-container.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item .gwt-Label,
.dtgb-header-option-list-container.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item .dd-listbox .dd-container-button-placeholder,
.dtgb-header-option-list-container.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item .gwt-Label,
.dtgb-header-option-list-container.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item .dd-listbox .dd-container-button-placeholder {
  font-size: 0.9em;
}

.dd-container-widget.dd-container-disabled.dtgb-header-bulk-actions button {
  cursor: not-allowed;
}

.window .dtgb-atom .pony-grid {
  height: calc(100% - 57px);
}

.window .dtgb-atom .dtgb-header .dtgb-header-row .dtgb-config-panel-container {
  width: 100%;
}

.window .dtgb-atom .dtgb-header .dtgb-header-row .dtgb-config-panel-container .dtgb-config-panel {
  padding: 0;
}

.window .dtgb-atom .dtgb-header .dtgb-header-row .dtgb-config-panel-container .dtgb-config-panel .dtgb-config-actions {
  position: unset;
}

.window .dtgb-atom .dtgb-header .dtgb-header-row .dtgb-config-panel-container .dtgb-config-panel .dtgb-config-list {
  max-width: calc(100% - 1em);
  flex: 0;
}

.dtgb-atom-with-footer .pony-grid {
  height: calc(100% - 65px);
}

.dtgb-atom-with-footer .dtgb-footer {
  display: flex;
  justify-content: end;
  font-size: 13px;
}

.dtgb-atom-with-footer .dtgb-footer .dtgb-footer-element {
  padding: 3px 6px 3px 6px;
}

.dtgb-dialog {
  z-index: 100;
}

.dtgb-dialog .dtgb-configuration-widget {
  display: flex;
  flex-direction: column;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection {
  display: flex;
  padding-bottom: 10px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .gwt-Label {
  margin-right: 10px;
  padding-top: 3px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .gwt-TextBox {
  padding-left: 5px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .dtgb-shared-selection .dtgb-shared-row {
  display: flex;
  padding: 5px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .dtgb-shared-selection .dtgb-shared-radio {
  min-width: 170px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .dtgb-shared-selection .dtgb-shared-radio .gwt-RadioButton input[type="radio"],
.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .dtgb-shared-selection .dtgb-shared-radio .gwt-RadioButton-disabled input[type="radio"] {
  margin-right: 7px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .dtgb-shared-selection .gwt-RadioButton input[type="radio"],
.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .dtgb-shared-selection .gwt-RadioButton-disabled input[type="radio"] {
  margin-right: 7px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .dtgb-shared-selection .gwt-TextBox,
.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .dtgb-shared-selection .gwt-ListBox {
  width: 190px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .dtgb-shared-view {
  display: flex;
  padding: 5px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .dtgb-shared-view .gwt-TextBox {
  width: 190px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .dtgb-shared-manage {
  padding: 5px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .dtgb-shared-manage .dtgb-shared-manage-row {
  display: flex;
  gap: 10px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection .dtgb-shared-manage .dtgb-shared-manage-row .gwt-RadioButton label {
  padding-left: 10px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content {
  display: flex;
  justify-content: space-between;
  padding-top: 5px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part {
  display: flex;
  flex-direction: column;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part.dtgb-configuration-selection-panel {
  flex: 1;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part.dtgb-configuration-filter-panel {
  flex: 2;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part.dtgb-configuration-filter-panel .dtgb-configuration-filter-panel-header {
  display: flex;
  justify-content: space-between;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part.dtgb-configuration-filter-panel .dtgb-configuration-filter-panel-header .dtgb-configuration-filter-total-items {
  display: flex;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part.dtgb-configuration-filter-panel .dtgb-configuration-filter-panel-header .dtgb-total-item-text-label {
  padding-right: 7px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-configuration-content-column {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 179px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-configuration-content-column::after {
  font-family: "webappsdk";
  content: "\eb33";
  position: absolute;
  right: 8px;
  top: 3px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-configuration-content-column .gwt-TextBox {
  width: 100%;
  height: 25px;
  padding-left: 5px;
  margin-bottom: 5px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-configuration-content-column .dtgb-configuration-content-column-list {
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: calc(100% - 35px);
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-configuration-content-column .dtgb-configuration-content-column-list span label {
  padding-left: 5px;
  font-weight: normal;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-configuration-content-filter {
  overflow: auto;
  height: 100%;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-configuration-content-filter .gwt-Label {
  cursor: default;
  margin: 5px 2px;
  padding: 3px 5px;
  border-radius: 5px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter {
  display: flex;
  overflow: auto;
  height: 100%;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dtgb-filter-simple-container {
  display: flex;
  padding: 0 5px;
  flex-wrap: wrap;
  align-items: flex-start;
  height: fit-content;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dd-container-widget {
  width: fit-content;
  min-width: 110px;
  height: 25px;
  margin: 2.5px;
  border-radius: 5px;
  position: relative;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dd-container-widget.disabled {
  pointer-events: none;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dd-container-widget.disabled::after {
  content: "";
  position: absolute;
  inset: 0;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dd-container-widget.dtgb-filter-list {
  width: 26px;
  min-width: 26px;
  font-size: 15px;
  border-radius: 13px;
  padding: 0;
  border: none;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dd-container-widget.dtgb-filter-list .dd-container-button {
  display: none;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dd-container-widget.dtgb-filter-list .dd-container-state {
  width: 100%;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dd-container-widget.dtgb-filter-list .dd-container-state::after {
  font-family: "webappsdk";
  content: "\ee88";
  position: relative;
  top: 1px;
  left: initial;
  border: none;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dtgb-filter-list {
  width: 26px;
  min-width: 26px;
  font-size: 15px;
  border-radius: 13px;
  padding: 0;
  border: none;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dtgb-filter-list .dd-container-button {
  display: none;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dtgb-filter-list .dd-container-state {
  width: 100%;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dtgb-filter-list .dd-container-state::after {
  font-family: "webappsdk";
  content: "\ee88";
  position: relative;
  top: 1px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .checkbox-dropdown {
  height: 23px;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dtgb-filter-panel {
  display: flex;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-filter .dtgb-filter-panel .dtgb-filter-selected {
  flex-grow: 1;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget {
  height: 630px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body {
  height: 400px;
  display: flex;
  gap: 10px;
  padding-right: 5px;
  scrollbar-gutter: stable;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-title {
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-creation-btn {
  position: relative;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  height: 26px;
  width: 26px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-creation-btn:before {
  content: "";
  position: absolute;
  border: 10px solid;
  border-radius: 8px;
  top: 3px;
  left: 3px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-creation-btn:after {
  content: "\ed5e";
  font-family: "webappsdk";
  font-size: 26px;
  position: absolute;
  top: 5px;
  left: 0;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-creation-btn:hover {
  opacity: 0.9;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-rule {
  width: 280px;
  padding: 10px;
  border-radius: 5px;
  height: fit-content;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-creation {
  display: flex;
  margin: 10px 0;
  gap: 9px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-creation .gwt-Label {
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-creation .dd-container-widget {
  width: 140px;
  height: 26px;
  border-radius: 5px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-columns {
  height: calc(100% - 66px);
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-columns .dtgb-formatting-rule-column {
  display: flex;
  gap: 10px;
  line-height: 24px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-columns .dtgb-formatting-rule-column.dtgb-formatting-rule-column-selected .gwt-RadioButton label {
  font-weight: bold;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-columns .dtgb-formatting-rule-column .gwt-RadioButton {
  display: flex;
  align-items: center;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-columns .dtgb-formatting-rule-column .gwt-RadioButton input {
  margin: 0;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-columns .dtgb-formatting-rule-column .gwt-RadioButton label {
  cursor: pointer;
  margin: 0;
  font-weight: normal;
  padding-left: 5px;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 225px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-columns .dtgb-formatting-rule-column .gwt-Button {
  visibility: hidden;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-columns .dtgb-formatting-rule-column:hover .gwt-Button {
  visibility: visible;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-columns .dtgb-formatting-rule-column:last-child {
  padding-top: 5px;
  margin-top: 5px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content {
  flex-grow: 1;
  padding: 15px;
  border-radius: 5px;
  height: fit-content;
  min-height: 100%;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-list-container {
  display: flex;
  flex-direction: column;
  overflow: auto;
  max-height: 120px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-list-container .dtgb-formatting-rule-row {
  display: flex;
  gap: 10px;
  line-height: 24px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-list-container .dtgb-formatting-rule-row.dtgb-formatting-rule-row-selected .dtgb-formatting-list-condition
.gwt-RadioButton
label {
  font-weight: bold;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-list-container .dtgb-formatting-rule-row .dtgb-formatting-list-condition {
  padding: 0 5px;
  flex-grow: 1;
  max-width: 455px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-list-container .dtgb-formatting-rule-row .dtgb-formatting-list-condition .gwt-RadioButton {
  display: flex;
  align-items: center;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-list-container .dtgb-formatting-rule-row .dtgb-formatting-list-condition .gwt-RadioButton input {
  margin: 0;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-list-container .dtgb-formatting-rule-row .dtgb-formatting-list-condition .gwt-RadioButton label {
  cursor: pointer;
  margin: 0;
  font-weight: normal;
  padding-left: 5px;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-list-container .dtgb-formatting-rule-row .dtgb-formatting-list-preview {
  padding: 0 5px;
  width: 150px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-list-container .dtgb-formatting-rule-row .dtgb-formatting-list-preview .gwt-Label {
  padding: 0 5px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-list-container .dtgb-formatting-rule-row .dtgb-formatting-list-btn:hover {
  opacity: 0.9;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-list-add {
  padding: 10px 0;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-list-add .lbl {
  margin-left: 5px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-list-add:hover {
  opacity: 0.9;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule {
  border-radius: 0 4px 4px 4px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-dialog-content-title {
  padding-top: 10px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row {
  display: flex;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-label {
  width: 45px;
  text-align: center;
  padding-top: 4px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content {
  max-height: 80px;
  flex-grow: 1;
  overflow: auto;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row {
  display: flex;
  gap: 5px;
  height: 25px;
  margin-bottom: 3px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .dtgb-formatting-rule-content-list {
  width: 150px;
  height: 100%;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .dtgb-formatting-rule-condition {
  display: flex;
  gap: 5px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .dtgb-formatting-rule-condition .numeric-spinner .spinner-btn-box {
  border: none;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .dtgb-formatting-rule-condition .numeric-spinner .spinner-btn-box .spinner-btn-increase:after {
  content: "\edc4";
  font-size: 13px;
  top: -2px;
  right: 4px;
  position: absolute;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .dtgb-formatting-rule-condition .numeric-spinner .spinner-btn-box .spinner-btn-decrease:after {
  content: "\edc6";
  font-size: 13px;
  top: -1px;
  right: 4px;
  position: absolute;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .dtgb-formatting-rule-style-items {
  width: 150px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .dtgb-formatting-rule-style-border {
  display: flex;
  gap: 5px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .dtgb-formatting-rule-style-color {
  width: 23px;
  height: 100%;
  padding: 0;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .color input {
  height: 25px;
  width: 150px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .color span {
  padding: 0 5px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-add {
  margin: 5px 0 0px 50px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-add .lbl {
  margin-left: 5px;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-add:hover {
  opacity: 0.9;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-footer .dtgb-dialog-info {
  float: left;
  padding-top: 8px;
  font-size: 12px;
  flex-grow: 1;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-widget .dialog-footer .dtgb-dialog-info::before {
  font-family: "webappsdk";
  content: "\ed61";
  margin-right: 5px;
}

.dtgb-dialog .dtgb-dialog-content-title {
  margin-bottom: 5px;
}

.dtgb-dialog .dtgb-dialog-action {
  margin-left: 5px;
  border-radius: 4px;
  padding: 6px 12px;
  vertical-align: middle;
}

.dtgb-filter-container {
  margin-top: 3px;
  border-radius: 5px;
  padding: 5px;
}

.dtgb-filter-container .dd-container-custom {
  display: flex;
  flex-direction: column;
  padding-right: 5px;
  user-select: none;
  border-right: 1px solid;
  margin-right: 5px;
}

.dtgb-filter-container .dd-container-custom input[type="radio"] {
  margin-right: 5px;
}

.dtgb-filter-container .dtgb-filter-list-container {
  width: 200px;
}

.dtgb-config-panel {
  display: flex;
  position: relative;
  top: -3px;
  height: 22px;
  width: 100%;
  padding-left: 0.5em;
  line-height: 100%;
}

.dtgb-config-panel .dd-container-widget, .dtgb-config-panel .dd-container-widget.dd-container-disabled,
.dtgb-config-panel .dd-container-widget .dd-container-button-placeholder, .dtgb-config-panel .dd-container-widget.dd-container-disabled .dd-container-button-placeholder {
  border: none !important;
  background: none !important;
  color: unset !important;
}

.dtgb-config-panel .dd-container-widget.dd-container-disabled {
  pointer-events: none;
}

.dtgb-config-panel .dd-container-widget.dd-container-disabled .dd-container-state {
  display: none;
}

.dtgb-config-panel .dtgb-config-actions {
  position: absolute;
  left: -9px;
  top: 0;
  height: 100%;
  width: 18px;
  padding: 0;
}

.dtgb-config-panel .dtgb-config-actions .dd-container {
  width: 100%;
}

.dtgb-config-panel .dtgb-config-actions .dd-container-button {
  display: none;
}

.dtgb-config-panel .dtgb-config-actions .dd-container-state:after {
  all: unset;
  font-family: "webappsdk";
  content: "\ec59";
}

.dtgb-config-panel .dtgb-config-list {
  flex: 1;
  max-width: 161px;
}

.dtgb-config-actions-container .dd-container-default .is-viewport .is-container .is-item {
  padding: 3px 5px;
}

.dtgb-listbox {
  border-radius: 5px;
  padding: 2px 0;
}

.dtgb-listbox .dd-container-default .is-viewport {
  max-height: 500px;
}

.dtgb-listbox.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item {
  height: unset;
}

.dtgb-listbox.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item .gwt-Label {
  padding: 0;
}

.dtgb-action-cell.dd-container-widget {
  border: none !important;
}

.dg-tab:not(.active) .dtgb-config-actions {
  visibility: hidden;
  pointer-events: none;
}

.dg-tab:not(.active) .dtgb-config-list .gwt-Label {
  cursor: default !important;
  pointer-events: none;
}

.dg-tab:not(.active) .dtgb-config-list .gwt-Label:hover {
  background: initial !important;
}

.dg-tab:not(.active) .dtgb-config-list .gwt-Label::after {
  display: none !important;
}

.dg-tab.dg-tab .close-tab {
  width: 15px;
  font-size: 8px;
}

.dg-tab.dg-tab .close-tab::before {
  position: absolute;
  top: 5px;
  left: 3px;
}

.form-control.input[readonly] {
  cursor: pointer;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border: 1px;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  left: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
      /*rtl:begin:ignore*/
  /*
      */
  right: 0;
  /*
      /*rtl:end:ignore*/
  /*
      */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(192, 187, 167, 0.1);
}

.numInputWrapper span:active {
  background: rgba(192, 187, 167, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(255, 255, 255, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(255, 255, 255, 0.5);
}

.numInputWrapper:hover {
  background: rgba(192, 187, 167, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(192, 187, 167, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(255, 255, 255, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(192, 187, 167, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.95);
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(255, 255, 255, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(255, 255, 255, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(255, 255, 255, 0.95);
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(255, 255, 255, 0.95);
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: rgba(255, 255, 255, 0.95);
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.desktop-notif-preference-atom {
  min-height: 250px;
  height: 600px;
  overflow-y: scroll;
}

.desktop-notif-preference-atom .notification-preference-header .desktop, .desktop-notif-preference-atom .notification-preference-header .audio {
  border-bottom: 1px solid;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.desktop-notif-preference-atom .status-preference {
  padding-bottom: 3px;
}

.desktop-notif-preference-atom .status-preference .desktop, .desktop-notif-preference-atom .status-preference .audio {
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
}

.desktop-notif-preference-atom .status-preference .desktop {
  margin-right: 10px;
  width: 71px;
}

.desktop-notif-preference-atom .status-preference .audio {
  width: 200px;
}

.desktop-notif-preference-atom .status-preference .status-name {
  display: inline-block;
  margin-right: 10px;
  text-align: right;
  width: 300px;
}

.desktop-notif-preference-atom .status-preference .bootstrap-switch {
  margin-right: 10px;
}

.desktop-notif-preference-atom .status-preference .bootstrap-switch .bootstrap-switch-container {
  height: 20px;
}

.document-manager-atom .search-row {
  margin-bottom: 15px;
}

.document-manager-atom .north-panel {
  max-height: 300px;
}

.document-manager-atom .header-panel:after {
  content: '';
  display: block;
  clear: both;
}

.document-manager-atom .header-panel .gwt-CheckBox {
  margin-left: 1%;
  width: 4%;
  float: left;
}

.document-manager-atom .header-panel .date {
  width: 45%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.document-manager-atom .header-panel .size {
  width: 45%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.document-manager-atom .document-widget .header {
  margin-top: 5px;
  margin-bottom: 5px;
}

.document-manager-atom .document-widget .header:after {
  content: '';
  display: block;
  clear: both;
}

.document-manager-atom .document-widget .header .date {
  float: left;
}

.document-manager-atom .document-widget .header .gwt-CheckBox {
  margin-left: 1%;
  width: 4%;
  float: left;
}

.document-manager-atom .document-widget .document:after {
  content: '';
  display: block;
  clear: both;
}

.document-manager-atom .document-widget .document .name {
  width: 45%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
}

.document-manager-atom .document-widget .document .size {
  width: 45%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
}

.document-manager-atom .document-widget .document .gwt-CheckBox {
  margin-left: 1%;
  width: 4%;
  float: left;
}

.document-manager-atom .document-widget .document .type {
  float: right;
}

.document-manager-atom .search-button {
  margin-left: 75px;
}

.document-manager-dialog .download-panel .icon {
  font-size: large;
  float: left;
}

.document-manager-dialog .download-panel .gwt-Label {
  margin-right: 10px;
  float: left;
}

.embedded-order-editor {
  padding: .5em;
}

.embedded-order-editor .select2-container {
  height: 21px;
}

.embedded-order-editor .order-to-text {
  text-align: center;
  margin-top: 12px;
}

.embedded-order-editor .editor-row {
  position: relative;
  height: 24px;
}

.embedded-order-editor .editor-row.has-error-container .select2-choice {
  overflow: visible;
  border: 1px solid;
}

.embedded-order-editor .editor-row .order-editor-label {
  float: left;
  width: 30%;
  font-size: 12px;
  line-height: 20px;
}

.embedded-order-editor .editor-row .order-editor-field {
  position: relative;
  float: right;
  width: 70%;
}

.embedded-order-editor .editor-row .order-editor-field.select2-container {
  border: none;
}

.embedded-order-editor .editor-row .order-editor-field.select2-container::before, .embedded-order-editor .editor-row .order-editor-field.select2-container::after {
  display: none;
}

.embedded-order-editor .editor-row .has-error {
  border: 1px solid;
}

.embedded-order-editor .editor-row .has-error:after, .embedded-order-editor .editor-row .has-error:before {
  content: '';
  opacity: 0;
  transition: opacity .25s ease-in-out;
}

.embedded-order-editor .editor-row .has-error:hover:after, .embedded-order-editor .editor-row .has-error:hover:before {
  position: absolute;
  top: 21px;
  padding: 1px 5px;
  opacity: .8;
  z-index: 1;
  white-space: normal;
  font-size: 12px;
}

.embedded-order-editor .editor-row .has-error:hover:after {
  left: 0;
  width: 100%;
  content: attr(data-title);
  pointer-events: none;
  padding-left: 22px;
  z-index: 2;
}

.embedded-order-editor .editor-row .has-error:hover:before {
  font-family: "webappsdk";
  content: '\ed4e';
  left: 0;
  width: 20px;
  z-index: 3;
  padding-left: 4px;
}

.embedded-order-editor .editor-row .has-error.has-error-container {
  border: none;
}

.embedded-order-editor .editor-row .has-error-container input {
  border: 1px solid;
}

.embedded-order-editor .editor-row .has-error-container:after, .embedded-order-editor .editor-row .has-error-container:before {
  content: '';
  opacity: 0;
  transition: opacity .25s ease-in-out;
}

.embedded-order-editor .editor-row .has-error-container:hover:after, .embedded-order-editor .editor-row .has-error-container:hover:before {
  position: absolute;
  top: 21px;
  padding: 1px 5px;
  opacity: .8;
  z-index: 1;
  white-space: normal;
  font-size: 12px;
}

.embedded-order-editor .editor-row .has-error-container:hover:after {
  left: 0;
  width: 100%;
  content: attr(data-title);
  pointer-events: none;
  padding-left: 22px;
  z-index: 2;
}

.embedded-order-editor .editor-row .has-error-container:hover:before {
  font-family: "webappsdk";
  content: '\ed4e';
  left: 0;
  width: 20px;
  z-index: 3;
  padding-left: 4px;
}

.embedded-order-editor .editor-row .select2-choice[data-title] {
  border: 1px solid;
}

.embedded-order-editor .editor-row .select2-choice[data-title]:after, .embedded-order-editor .editor-row .select2-choice[data-title]:before {
  content: '';
  opacity: 0;
  transition: opacity .25s ease-in-out;
}

.embedded-order-editor .editor-row .select2-choice[data-title]:hover:after, .embedded-order-editor .editor-row .select2-choice[data-title]:hover:before {
  position: absolute;
  top: 21px;
  padding: 1px 5px;
  opacity: .8;
  z-index: 1;
  white-space: normal;
  font-size: 12px;
}

.embedded-order-editor .editor-row .select2-choice[data-title]:hover:after {
  left: 0;
  width: 100%;
  content: attr(data-title);
  pointer-events: none;
  padding-left: 22px;
  z-index: 2;
}

.embedded-order-editor .editor-row .select2-choice[data-title]:hover:before {
  font-family: "webappsdk";
  content: '\ed4e';
  left: 0;
  width: 20px;
  z-index: 3;
  padding-left: 4px;
}

.embedded-order-editor .editor-row .select2-choice[data-title]:hover {
  overflow: visible;
}

.embedded-order-editor .editor-row .select2-choice[data-title]:hover:after, .embedded-order-editor .editor-row .select2-choice[data-title]:hover:before {
  top: 20px;
}

.embedded-order-editor .editor-row .select2-choice[data-title]:after {
  width: 100%;
}

.embedded-order-editor .editor-row .dropdown-menu {
  position: absolute;
  top: 18px;
  height: 95px;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 12px;
  border-radius: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.embedded-order-editor .editor-row .dropdown-menu li, .embedded-order-editor .editor-row .dropdown-menu .lp {
  height: 21px;
}

.embedded-order-editor .editor-row .dropdown-menu li label, .embedded-order-editor .editor-row .dropdown-menu .lp label {
  line-height: 21px;
  margin-bottom: 0;
}

.embedded-order-editor .editor-row .dropdown-menu li span:first-child, .embedded-order-editor .editor-row .dropdown-menu .lp span:first-child {
  display: block;
  height: 100%;
  padding: 1px 8px;
}

.embedded-order-editor .editor-row .dropdown-menu li + div.lp:first-child {
  border-top: 1px solid;
}

.embedded-order-editor .max-show-row .order-editor-field {
  width: 70%;
}

.embedded-order-editor .venues-row {
  display: inline-block;
  width: 100%;
}

.embedded-order-editor .venues-row input[type='text'] {
  padding: 0 8px;
  white-space: nowrap;
}

.embedded-order-editor .trigger-row.st-fieldset {
  height: 41px;
}

.embedded-order-editor .trigger-row .trigger-venues {
  width: 63%;
  float: left;
  padding-right: 5px;
}

.embedded-order-editor .trigger-row .trigger-venues .order-editor-label {
  width: 33%;
}

.embedded-order-editor .trigger-row .trigger-venues .order-editor-field {
  width: 67%;
}

.embedded-order-editor .trigger-row .trigger-venues .order-editor-field input[type='text'] {
  width: 100%;
  padding: 0 2px;
  height: 21px;
  text-overflow: ellipsis;
}

.embedded-order-editor .trigger-row .trigger-side {
  width: 37%;
  float: left;
}

.embedded-order-editor .trigger-row .trigger-side .order-editor-label {
  width: 35%;
}

.embedded-order-editor .trigger-row .trigger-side .order-editor-field {
  width: 65%;
}

.embedded-order-editor .dropup.open.has-error .dropdown-toggle:hover + .st-tooltip {
  display: none !important;
}

.embedded-order-editor .dropup.open .dropdown-toggle:hover + .st-tooltip {
  display: none !important;
}

.embedded-order-editor .trigger-row input[type='text'].dropdown-toggle:hover + .st-tooltip, .embedded-order-editor .execution-row input[type='text'].dropdown-toggle:hover + .st-tooltip, .embedded-order-editor .venues-row input[type='text'].dropdown-toggle:hover + .st-tooltip {
  display: block;
}

.embedded-order-editor .trigger-row input[type='text'], .embedded-order-editor .execution-row input[type='text'] {
  cursor: default;
}

.embedded-order-editor .trigger-row .gwt-CheckBox input[type='checkbox'], .embedded-order-editor .execution-row .gwt-CheckBox input[type='checkbox'] {
  position: relative;
  z-index: 1;
}

.embedded-order-editor .trigger-row .gwt-CheckBox label, .embedded-order-editor .execution-row .gwt-CheckBox label {
  position: absolute;
  padding-left: 2em;
  width: 100%;
  left: 0;
}

.embedded-order-editor .execution-row.st-fieldset, .embedded-order-editor .venues-row.st-fieldset {
  height: 41px;
  margin-top: 5px;
}

.embedded-order-editor .execution-row input[type='text'], .embedded-order-editor .venues-row input[type='text'] {
  width: 100%;
  padding: 0 2px;
  height: 21px;
  text-overflow: ellipsis;
}

.embedded-order-editor .execution-row .order-editor-label, .embedded-order-editor .venues-row .order-editor-label {
  height: 21px;
}

.embedded-order-editor .st-fieldset {
  border-left: 2px solid;
  padding: 0 4px 0 5px;
}

.embedded-order-editor .st-fieldset:before {
  content: attr(data-fieldsetLegend);
  display: block;
  font-size: 12px;
  opacity: .8;
  padding: 0 3px 0 0;
}

.embedded-order-editor .st-tooltip {
  list-style-position: inside;
  padding: 5px;
  top: 19px;
  list-style: none;
  font-size: 12px;
}

.embedded-order-editor .expiry-row {
  height: auto;
}

.embedded-order-editor .expiry-row .timeinforce-row {
  height: 24px;
}

.embedded-order-editor .expiry-row .timeinforce-row .timeinforce-field {
  width: 70%;
}

.embedded-order-editor .expiry-row .timeinforce-row .timeinforce-field.has-error-container:hover:after, .embedded-order-editor .expiry-row .timeinforce-row .timeinforce-field.has-error-container:hover:before {
  top: auto;
  bottom: 20px;
}

.embedded-order-editor .expiry-row .timeinforce-row select {
  height: 21px;
  padding: 0 2px;
  width: 100%;
}

.embedded-order-editor .expiry-row .expiration-date-row {
  clear: both;
  position: relative;
  height: 24px;
}

.embedded-order-editor .expiry-row .expiration-date-row .select2-container {
  float: left;
  width: calc(48% - 3px);
}

.embedded-order-editor .expiry-row .expiration-date-row .select2-container .select2-choice {
  height: 21px;
  line-height: 21px;
}

.embedded-order-editor .expiry-row .expiration-date-row .select2-container .select2-choice .select2-arrow b {
  background-position: 0 -3px;
}

.embedded-order-editor .expiry-row .expiration-date-row .select2-container .select2-choice .select2-chosen {
  margin-right: 15px;
}

.embedded-order-editor .expiry-row .expiration-date-row .input-container {
  display: block;
  width: 52%;
  float: right;
}

.embedded-order-editor .expiry-row .expiration-date-row .input-container input[type='text'] {
  float: right;
  height: 21px;
  border-radius: 3px;
  width: 100%;
  padding-left: 5px;
}

.embedded-order-editor .expiry-row .expiration-date-row .input-container.has-error-container:hover:after, .embedded-order-editor .expiry-row .expiration-date-row .input-container.has-error-container:hover:before {
  left: auto;
  top: auto;
  bottom: 23px;
}

.embedded-order-editor .expiry-row .expiration-date-row .input-container.has-error-container:hover:after {
  width: 52%;
}

.embedded-order-editor .limit-dma-editor .additionnal-controls, .embedded-order-editor .stop-loss-editor .additionnal-controls, .embedded-order-editor .take-profit-editor .additionnal-controls {
  max-height: 100px;
}

.embedded-order-editor .order-editor-field .select2-choice {
  height: 21px;
  line-height: 21px;
}

.embedded-order-editor .order-editor-field .select2-choice .select2-arrow b {
  background-position: 0 -3px;
}

.embedded-order-editor .order-editor-field .select2-search {
  min-height: 21px;
}

.embedded-order-editor .order-editor-field.has-error-container:after, .embedded-order-editor .order-editor-field.has-error-container:before {
  content: '';
  opacity: 0;
  transition: opacity .25s ease-in-out;
}

.embedded-order-editor .order-editor-field.has-error-container:hover:after, .embedded-order-editor .order-editor-field.has-error-container:hover:before {
  position: absolute;
  top: 21px;
  padding: 1px 5px;
  opacity: .8;
  z-index: 1;
  white-space: normal;
  font-size: 12px;
}

.embedded-order-editor .order-editor-field.has-error-container:hover:after {
  left: 0;
  width: 100%;
  content: attr(data-title);
  pointer-events: none;
  padding-left: 22px;
  z-index: 2;
}

.embedded-order-editor .order-editor-field.has-error-container:hover:before {
  font-family: "webappsdk";
  content: '\ed4e';
  left: 0;
  width: 20px;
  z-index: 3;
  padding-left: 4px;
}

.embedded-order-editor .order-editor-field.numeric-spinner, .embedded-order-editor .order-editor-field .numeric-spinner {
  height: 22px;
}

.embedded-order-editor .order-editor-field .numeric-spinner {
  width: 100%;
}

.embedded-order-editor .additionnal-controls {
  transition: max-height .5s ease 0s;
  max-height: 500px;
  overflow: hidden;
  width: 100%;
}

.embedded-order-editor .additionnal-controls.collapsed {
  max-height: 21px;
}

.embedded-order-editor .additionnal-controls.collapsed .editor-row {
  visibility: hidden;
}

.embedded-order-editor .additionnal-controls .expand-btn {
  position: relative;
  background-color: transparent;
  border: none;
  outline: none;
  left: 50%;
  height: 20px;
  margin-left: -9px;
  margin-bottom: 3px;
  border-radius: 50%;
}

.embedded-order-editor .additionnal-controls .expand-btn:before {
  position: relative;
  z-index: 1;
  font-size: 10px;
}

.embedded-order-editor .additionnal-controls .expand-btn:after {
  content: '';
  width: 18px;
  height: 18px;
  opacity: .8;
  border-radius: 50%;
  position: relative;
  display: block;
  margin-top: 0;
  margin-left: -9px;
  left: 50%;
  top: -18px;
}

.embedded-order-editor .additionnal-controls .expand-btn:hover {
  opacity: .8;
}

.embedded-order-editor .actions-row {
  position: relative;
  height: 22px;
  margin-top: .5em;
}

.embedded-order-editor .actions-row .cancel {
  float: left;
  width: 39%;
}

.embedded-order-editor .actions-row .submit {
  float: right;
  width: 59%;
  border: 1px solid;
}

.embedded-order-editor .price-row .warning:after {
  display: block;
  content: attr(data-warning-label);
  position: absolute;
  padding: 0 3px;
  left: -30px;
  font-size: 8pt;
  bottom: -10px;
  line-height: 10pt;
  z-index: 10;
}

.embedded-order-editor .confirm-panel {
  margin: auto;
  display: flex;
  border-radius: 5px;
  padding: 5px;
  align-items: center;
  justify-content: space-evenly;
}

.embedded-order-editor .confirm-panel .gwt-Label {
  padding: 5px;
  width: 80%;
  white-space: normal;
}

.embedded-order-editor .confirm-panel .confirm-icon, .embedded-order-editor .confirm-panel .back-icon {
  width: 20px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 5px;
}

.timezone-select2 .select2-chosen {
  font-size: 14px;
  font-weight: normal !important;
}

.timezone-select2 .select2-results {
  font-size: 12px;
  padding: 0;
}

.timezone-select2 .select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: normal;
  opacity: .6;
}

.trading-session-row .order-editor-field .select2-container .select2-choice {
  border-radius: 0;
}

.main-layout > .footer .footer-widget {
  width: 100%;
  padding: 2px 2em;
}

.main-layout > .footer .footer-widget .userguide {
  float: right;
}

.main-layout > .footer .footer-widget .connectionstatus {
  float: right;
}

.main-layout > .footer .footer-widget .versions {
  float: right;
}

.main-layout > .footer .footer-widget .versions div {
  float: left;
  margin: 0 1em;
}

.main-layout > .footer .footer-widget .serverdate {
  float: right;
}

.main-layout > .footer .footer-widget .copyright {
  float: right;
}

.customize-dialog .modal-lg {
  width: 1300px;
}

.formatting-icon {
  position: absolute;
  top: 0;
  left: 5px;
  bottom: 0;
  line-height: 20px;
  height: 20px;
}

.customize-panel {
  height: 500px;
  overflow: auto;
}

.customize-panel .rule-widget {
  position: relative;
  border: 1px solid;
  margin: 10px 0;
  padding-bottom: 5px;
}

.customize-panel .rule-widget .icon-remove-widget {
  position: absolute;
  top: 14px;
  right: 14px;
}

.customize-panel .rule-widget .icon-remove-rule {
  position: absolute;
  top: 12px;
  right: 12px;
}

.customize-panel .rule-widget .example-text {
  text-align: center;
}

.customize-panel .rule-condition-style-list {
  position: relative;
  width: 97%;
  margin-bottom: 1px;
}

.customize-panel .rule-condition-style-list .condition-list-widget {
  position: relative;
  width: 55%;
  float: left;
}

.customize-panel .rule-condition-style-list .condition-list-widget .condition-widget {
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  width: 100%;
  height: 32px;
}

.customize-panel .rule-condition-style-list .condition-list-widget .condition-widget .operator {
  float: left;
  height: 25px;
  width: 31%;
  margin-right: 1%;
}

.customize-panel .rule-condition-style-list .condition-list-widget .condition-widget .right-operand {
  float: left;
  height: 25px;
  width: 31%;
  margin-right: 1%;
}

.customize-panel .rule-condition-style-list .condition-list-widget .condition-widget .right-operand .gwt-TextBox, .customize-panel .rule-condition-style-list .condition-list-widget .condition-widget .right-operand .gwt-DateBox {
  height: inherit;
  padding-left: 10px;
  width: 100%;
}

.customize-panel .rule-condition-style-list .condition-list-widget .condition-widget .right-operand .select2-container {
  width: 100%;
}

.customize-panel .rule-condition-style-list .condition-list-widget .condition-widget .right-operand .requested-price {
  display: flex;
  height: inherit;
}

.customize-panel .rule-condition-style-list .condition-list-widget .condition-widget .right-operand .requested-price .numeric-spinner {
  width: 55%;
}

.customize-panel .rule-condition-style-list .condition-list-widget .condition-widget .right-operand .requested-price .gwt-CheckBox {
  align-self: center;
  padding: 10px;
}

.customize-panel .rule-condition-style-list .condition-list-widget .condition-widget .right-operand .requested-price .gwt-CheckBox label {
  vertical-align: middle;
  padding: 5px;
}

.customize-panel .rule-condition-style-list .condition-list-widget .condition-widget .select2-container {
  float: left;
  width: 31%;
  margin-right: 1%;
  height: 25px;
}

.customize-panel .rule-condition-style-list .condition-list-widget .condition-widget .select2-container .select2-choice {
  height: 25px;
}

.customize-panel .rule-condition-style-list .style-list-widget {
  float: right;
  width: 44%;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget {
  padding: 5px;
  position: relative;
  width: 100%;
  height: 32px;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .css-attribute-key {
  float: left;
  height: 25px;
  width: 32%;
  margin-right: 2%;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .css-attribute-value {
  width: 60%;
  display: flex;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .css-attribute-value .gwt-TextBox, .customize-panel .rule-condition-style-list .style-list-widget .style-widget .css-attribute-value .select2-container {
  height: 25px;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .css-attribute-value .input-group-addon {
  padding: 0px 5px 0px 5px;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .font-size-widget, .customize-panel .rule-condition-style-list .style-list-widget .style-widget .border-size-widget {
  float: left;
  padding-top: 5px;
  width: 100%;
  margin-left: 2%;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .font-size-widget input, .customize-panel .rule-condition-style-list .style-list-widget .style-widget .border-size-widget input {
  height: 92%;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .font-size-widget .up, .customize-panel .rule-condition-style-list .style-list-widget .style-widget .border-size-widget .up {
  padding-bottom: 4px;
  height: 17px;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .font-size-widget .down, .customize-panel .rule-condition-style-list .style-list-widget .style-widget .border-size-widget .down {
  padding-bottom: 2px;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .font-size-widget .slider, .customize-panel .rule-condition-style-list .style-list-widget .style-widget .border-size-widget .slider {
  width: 100%;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .font-size-widget .slider .slider-handle, .customize-panel .rule-condition-style-list .style-list-widget .style-widget .border-size-widget .slider .slider-handle {
  border-radius: 0;
  width: 12px;
  height: 33px;
  margin-top: -11px;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .font-size-widget .slider .tooltip-main, .customize-panel .rule-condition-style-list .style-list-widget .style-widget .border-size-widget .slider .tooltip-main {
  margin-left: -19px !important;
  margin-top: -38px;
  width: 10%;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .select2-container {
  float: left;
  height: 25px;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .select2-container .select2-choice {
  height: 25px;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .border-style-box {
  width: 100%;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .border-style-box .font-size-widget, .customize-panel .rule-condition-style-list .style-list-widget .style-widget .border-style-box .border-size-widget {
  width: 25%;
  float: left;
  margin-right: 2%;
  margin-left: 2%;
  height: 25px;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .border-style-box .font-size-widget .tooltip-main, .customize-panel .rule-condition-style-list .style-list-widget .style-widget .border-style-box .border-size-widget .tooltip-main {
  margin-left: -17px !important;
  width: 35%;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .border-style-box .border-style-filter {
  width: 35%;
  margin-right: 2%;
  float: left;
}

.customize-panel .rule-condition-style-list .style-list-widget .style-widget .color-picker {
  width: 100%;
}

.customize-panel .rule-condition-style-list .icon-plus3 {
  margin-right: 5px;
}

.customize-panel .customize-apply-to-panel-folded {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 100%;
  z-index: 3;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: left .2s ease-out 0s;
}

.customize-panel .customize-apply-to-panel-folded:after {
  display: block;
  content: '';
  clear: both;
}

.customize-panel .customize-apply-to-panel-folded.open {
  visibility: visible;
  opacity: 1;
  left: 80%;
}

.customize-panel .customize-apply-to-panel-folded.open .icon-warning {
  margin-left: 5px;
}

.customize-panel .customize-apply-to-panel-folded.close {
  visibility: hidden;
  opacity: 1;
  left: 100%;
}

.customize-panel .customize-apply-to-panel-folded .customize-apply-to-checkbox {
  clear: left;
  margin-left: 5px;
  height: 100%;
  overflow: scroll;
}

.customize-panel .customize-apply-to-panel-folded .column-checkbox-panel {
  width: 100%;
  float: left;
  transition: left 0s ease-out 0s;
}

.customize-panel .customize-apply-to-panel-folded label {
  width: 93%;
  margin-left: 1%;
}

.customize-panel .apply-to-title {
  font-size: 24px;
}

.customize-panel .column-name-panel {
  margin-bottom: 15px;
}

.customize-panel .column-name-panel .column-name-label {
  float: left;
  margin-right: 5px;
}

.customize-panel .column-name-panel .column-name-value {
  font-weight: bold;
}

.forward-date-dropdown .date-picker-label {
  text-align: left;
  display: block;
  width: 100%;
  border: none !important;
}

.forward-date-dropdown .forward-date-dropdown-menu {
  width: 300px;
}

.forward-date-dropdown .forward-date-dropdown-menu .tenor-column {
  float: left;
  width: 80px;
  outline: none;
}

.forward-date-dropdown .forward-date-dropdown-menu .tenor-column .tenor-title {
  text-align: center;
}

.forward-date-dropdown .forward-date-dropdown-menu .tenor-column .tenor-list {
  border: none;
  width: 100%;
}

.forward-date-dropdown .forward-date-dropdown-menu .tenor-column .tenor-list option {
  text-align: center;
}

.forward-date-dropdown .forward-date-dropdown-menu .date-picker {
  float: left;
  outline: none;
  border: none;
}

.forward-date-dropdown .forward-date-dropdown-menu .date-picker td {
  padding: 0 5px;
}

.forward-date-dropdown .forward-date-dropdown-menu .date-picker .datePickerMonthSelector {
  width: 100%;
}

.forward-date-dropdown .forward-date-dropdown-menu .date-picker .datePickerMonthSelector .datePickerMonth {
  text-align: center;
}

.forward-date-dropdown .forward-date-dropdown-menu .date-picker .datePickerWeekdayLabel {
  text-align: center;
  font-weight: bold;
}

.forward-date-dropdown .forward-date-dropdown-menu .date-picker .datePickerDay {
  text-align: center;
}

.forward-date-dropdown .forward-date-dropdown-menu .date-picker.day-clickable .datePickerDay {
  cursor: pointer;
}

.forward-date-dropdown .forward-date-dropdown-menu .date-picker.day-clickable .datePickerDayIsDisabled, .forward-date-dropdown .forward-date-dropdown-menu .date-picker.day-clickable .datePickerDayIsDisabled:hover {
  cursor: text !important;
  color: inherit !important;
}

.forward-date-dropdown .forward-date-dropdown-menu .date-picker .datePickerDayIsFiller {
  opacity: .5;
}

.forward-date-dropdown .datePickerPreviousButton, .forward-date-dropdown .datePickerNextButton, .forward-date-dropdown .datePickerPreviousYearButton, .forward-date-dropdown .datePickerNextYearButton {
  width: 20px;
  text-align: center;
  cursor: pointer;
}

.forward-date-dropdown .forward-date-dropdown-menu.with-number-of-days {
  width: 290px;
}

.forward-date-dropdown .forward-date-dropdown-menu.with-number-of-days .days-from-spot-widget {
  position: absolute;
  right: 10px;
  align-items: center;
  height: 30px;
}

.forward-date-dropdown .forward-date-dropdown-menu.with-number-of-days .days-from-spot-widget .days-from-spot-title {
  margin-right: 5px;
}

.forward-date-dropdown .forward-date-dropdown-menu.with-number-of-days .days-from-spot-widget .days-from-spot-spinner {
  height: 26px;
}

.forward-date-dropdown .forward-date-dropdown-menu.with-number-of-days .date-picker {
  position: absolute;
  right: 10px;
  margin-top: 35px;
  border-radius: 3px;
}

.grid-customization {
  box-sizing: border-box;
}

.grid-customization .modal-body {
  overflow: hidden;
  height: 100%;
}

.grid-customization .modal-body .columns {
  width: 98%;
}

@media all and (max-height: 399px) {
  .grid-customization .availableColumns, .filteredColumns {
    max-height: 80px;
  }
}

@media all and (min-height: 400px) and (max-height: 499px) {
  .grid-customization .availableColumns, .filteredColumns {
    max-height: 180px;
  }
}

@media all and (min-height: 500px) and (max-height: 599px) {
  .grid-customization .availableColumns, .filteredColumns {
    max-height: 280px;
  }
}

@media all and (min-height: 600px) and (max-height: 799px) {
  .grid-customization .availableColumns, .filteredColumns {
    max-height: 380px;
  }
}

@media all and (min-height: 800px) and (max-height: 999px) {
  .grid-customization .availableColumns, .filteredColumns {
    max-height: 480px;
  }
}

@media all and (min-height: 1000px) {
  .grid-customization .availableColumns, .filteredColumns {
    max-height: 580px;
  }
}

.main-layout > .header {
  line-height: 30px;
}

.main-layout > .header .menu-panel {
  height: 100%;
}

.main-layout > .header .menu-panel .logo {
  float: left;
}

.main-layout > .header .menu-panel .logo h1 {
  font-size: 1em;
  height: 30px;
  line-height: 30px;
  margin: 0 0 0 5px;
  font-weight: bold;
  white-space: nowrap;
}

.main-layout > .header .menu-panel .user-btn-dropdown {
  float: right;
  height: 30px;
  line-height: 30px;
}

.main-layout > .header .menu-panel .user-btn-dropdown .user-btn {
  height: 30px;
  line-height: 30px;
  border: none;
  min-width: 150px;
  border-radius: 0;
}

.main-layout > .header .menu-panel .user-btn-dropdown .user-btn .lbl {
  margin-left: 5px;
  margin-right: 5px;
}

.main-layout > .header .menu-panel .user-btn-dropdown .user-btn-no-content {
  cursor: default;
}

.main-layout > .header .menu-panel .user-btn-dropdown .user-btn-no-content:focus, .main-layout > .header .menu-panel .user-btn-dropdown .user-btn-no-content:active, .main-layout > .header .menu-panel .user-btn-dropdown .user-btn-no-content:hover {
  outline: 0;
  box-shadow: none;
}

.main-layout > .header .menu-panel .add-esp, .main-layout > .header .menu-panel .add-rfs, .main-layout > .header .menu-panel .supervision {
  float: right;
}

.main-layout > .header .menu-panel .add-esp .lbl, .main-layout > .header .menu-panel .add-rfs .lbl, .main-layout > .header .menu-panel .supervision .lbl {
  margin-left: 5px;
  margin-right: 15px;
}

.main-layout > .header .menu-panel .lp-status {
  float: right;
  margin-right: 1em;
  height: 30px;
  line-height: 30px;
}

.main-layout > .header .menu-panel .lp-status button {
  border: 1pt solid transparent;
}

.main-layout > .header .menu-panel .lp-status .dropdown-menu {
  width: 190px;
  top: 20px;
  overflow-y: auto;
  max-height: 500px;
  overflow-x: hidden;
}

.main-layout > .header .menu-panel .lp-status .dropdown-menu .btn {
  border-radius: 0;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

.main-layout > .header .menu-panel .lp-status .dropdown-menu .btn .gwt-Button {
  width: 100%;
  margin-left: -15px;
  padding-left: 15px;
}

.main-layout > .header .menu-panel .lp-status .dropdown-menu .btn .gwt-Button .lbl {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.main-layout > .header .menu-panel .lp-status .dropdown-menu .btn .gwt-Button .icon-circle2 {
  float: right;
}

.main-layout > .header .menu-panel .lp-status .dropdown-menu input[type="checkbox"] {
  margin-top: 5px;
}

.main-layout > .header .menu-panel .lp-status .dropdown-menu li {
  line-height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  height: 25px;
  cursor: pointer;
}

.main-layout > .header .menu-panel .lp-status .dropdown-menu li.lp-group span.gwt-CheckBox {
  display: flex;
  height: 100%;
  width: 100%;
  float: left !important;
}

.main-layout > .header .menu-panel .lp-status .dropdown-menu li.lp-group span.gwt-CheckBox label {
  width: calc(100% - 13px);
  height: 100%;
  padding-left: 10px;
  text-align: start;
  line-height: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.main-layout > .header .menu-panel .dropdown {
  padding-top: 0;
}

.main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu {
  right: 0;
  left: auto;
  top: 40px;
  z-index: 9999;
  padding: 5px;
  width: 300px;
}

.main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li > div, .main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li h3.accessibility-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li div, .main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li h3.accessibility-title {
  text-align: left;
}

.main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li h3.accessibility-title {
  font-size: 14px;
  margin-block-start: inherit;
  line-height: inherit;
}

.main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li .title-group {
  font-weight: bold;
  margin-bottom: 5px;
}

.main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li .title, .main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li .preferenceButton {
  order: 1;
}

.main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li .preferenceButton {
  width: auto;
}

.main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li button, .main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li .bootstrap-switch, .main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li .gwt-CheckBox, .main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li .select2-container, .main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li .ordertype-label, .main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li .aggress-mode-label, .main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li .quantity-format-label, .main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li input[type="text"] {
  width: 90px;
  order: 2;
}

.main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li .select2-container {
  width: 40%;
  min-width: 40%;
}

.main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li input[type="text"] {
  text-align: center;
  height: 25px;
}

.main-layout > .header .menu-panel .freezone {
  float: right;
  margin-right: 1em;
}

.main-layout > .header .menu-panel .account-selection {
  float: right;
  height: 30px;
  text-align: center;
  padding-right: 15px;
}

.main-layout > .header .menu-panel .account-selection .title {
  display: none;
}

.main-layout > .header .menu-panel .account-selection .select2-container {
  margin-bottom: 2px;
}

.main-layout > .header .menu-panel .banners {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 30px;
}

.main-layout > .header .menu-panel .banners .banner {
  min-width: 150px;
  border-radius: .25em;
  margin-right: 20px;
  margin-top: 2px;
  padding: 0 5px;
  height: calc(100% - 2px);
  text-align: center;
  line-height: initial;
}

.main-layout > .header .menu-panel .banners .banner .type {
  height: 45%;
  font-size: .8em;
}

.main-layout > .header .menu-panel .banners .banner .status {
  font-size: .9em;
  font-weight: bold;
}

.heat-colors-settings-atom .row {
  margin-bottom: 5px;
}

.heat-colors-settings-atom .select2-container {
  width: 100% !important;
}

.heat-colors-settings-atom .on-off {
  margin-top: 15px;
  margin-bottom: 15px;
}

.heat-colors-settings-atom .slider-bloc {
  margin-top: 45px;
  margin-bottom: 35px;
}

.heat-colors-settings-atom .slider-bloc .ui-widget {
  margin-right: 20px;
}

.db-order-blotter-atom .dropdown {
  display: inline-block;
  float: left;
}

.db-order-blotter-atom .reset-sorting {
  float: right;
  margin-right: 5px;
}

.historical-action-paging {
  float: right;
  margin-right: 15px;
}

.historical-action-paging .gwt-MenuItem {
  cursor: pointer;
  padding-right: 3px;
  padding-left: 3px;
}

.historical-action-paging .gwt-MenuItem:hover {
  opacity: .7;
}

.historical-action-paging .pony-Page-Navigation-selectedItem {
  font-weight: bold;
}

.historical-blotter-atom {
  overflow: auto !important;
}

.historical-blotter-atom tbody td {
  border-top: 0;
  vertical-align: middle;
}

.historical-blotter-atom tbody td .sortable {
  float: left;
}

.historical-blotter-atom tbody td .sorter {
  float: right;
}

.main-layout > .header {
  position: absolute;
  right: 0;
  left: 0;
  height: 30px;
}

.main-layout .middle {
  position: absolute;
  top: 30px;
  bottom: 0;
  width: 100%;
}

.main-layout .middle .middle-left {
  width: 100%;
  height: 100%;
  float: left;
}

.main-layout .middle .middle-left .body-actions .nav {
  margin-bottom: 5px;
}

.main-layout .middle .middle-left .body-actions .nav a {
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  padding-top: 0;
}

.main-layout .middle .middle-left .left-content {
  position: relative;
  height: calc(100% - 30px);
  overflow: hidden;
}

.main-layout .middle .middle-left .left-content .tabContainer-panel {
  height: 100%;
}

.main-layout .middle .middle-left .left-content .tabContainer-panel .boxgrid {
  height: 100%;
}

.main-layout .middle .middle-left .left-content .tab-content {
  overflow: hidden;
}

.main-layout .middle .middle-left .primary-area {
  overflow-y: hidden;
  overflow-x: auto;
}

.main-layout .middle .middle-left .primary-area .tabContainer-panel {
  height: 100%;
}

.main-layout .middle .middle-left .primary-area .tabContainer-panel .boxgrid {
  height: 100%;
}

.main-layout .middle .middle-left .primary-area .tab-content {
  overflow: hidden;
}

.main-layout .middle .middle-left .blotters-area {
  overflow: hidden;
}

.main-layout .middle .middle-left .blotters-area .tabContainer-panel {
  height: 100%;
}

.main-layout .middle .middle-left .blotters-area .tabContainer-panel .menu-tab {
  padding-top: 2px;
  margin-right: 4px;
}

.main-layout .middle .middle-right {
  float: left;
  height: 100%;
}

.main-layout .middle .middle-right .widget-store {
  height: 100%;
  border-left: none;
}

.main-layout .middle .middle-right .widget-store .column-layout {
  flex: 1 1 100%;
  height: auto;
}

.report {
  font-size: 1.2em;
  overflow: auto;
  height: 100%;
  position: relative;
}

.loading-cube {
  position: relative;
}

.loading-cube > div {
  width: 45%;
  height: 45%;
  position: absolute;
  animation: loading 1s cubic-bezier(0.2, 0.8, 0.2, 0.8) infinite;
}

.loading-cube > div:nth-of-type(1) {
  top: 13.5%;
  left: 13.5%;
  opacity: .9;
  animation-delay: 0s;
}

.loading-cube > div:nth-of-type(2) {
  top: 13.5%;
  left: 72%;
  opacity: .8;
  animation-delay: .1s;
}

.loading-cube > div:nth-of-type(3) {
  top: 72%;
  left: 13.5%;
  opacity: .7;
  animation-delay: .3s;
}

.loading-cube > div:nth-of-type(4) {
  top: 72%;
  left: 72%;
  opacity: .6;
  animation-delay: .2s;
}

.deal-dialog-create .modal-dialog {
  width: 1000px;
  top: calc(50% - 280px);
  left: calc(50% - 500px);
  position: absolute;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom {
  width: 100%;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel {
  padding: 5px;
  width: 40%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .securities-panel {
  margin: auto;
  padding: 5px;
  padding-left: 0;
  width: 100%;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .securities-panel .instrument, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .securities-panel .asset {
  width: 45%;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .tenor-panel {
  display: flex;
  width: 55%;
  padding: 5px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .tenor-panel .tenor-value-date {
  width: 100%;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .tenor-panel .tenor-value-date .main-panel {
  display: flex;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .tenor-panel .tenor-value-date .main-panel .value-date-panel {
  width: 75%;
  display: flex;
  text-align: center;
  flex-direction: column;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .tenor-panel .tenor-value-date .main-panel .leg {
  border-bottom: none;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .tenor-panel .tenor-value-date .main-panel .date-picker-label {
  height: 25px;
  border-radius: 3px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .account-panel, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .channel-panel {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .account-panel .counterpart, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .account-panel .client {
  width: 45%;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .account-panel .account, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .account-panel .owner {
  width: 50%;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .channel-panel .channel {
  width: 35%;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .channel-panel .comment {
  width: 65%;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .left-panel .channel-panel .comment .gwt-TextBox {
  height: 25px;
  width: 100%;
  border-radius: 3px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 60%;
  padding: 5px;
  padding-top: 10px;
  border-left-width: 1pt;
  border-left-style: solid;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .side, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .currency, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .amount {
  width: 20%;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .currency .field {
  text-align: center;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .amount {
  text-align: center;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .amount .main-panel {
  display: flex;
  flex-direction: row;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .amount .main-panel .switch-lock {
  margin-right: 5%;
  cursor: default;
  align-self: center;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .amount .main-panel .quantities-panel .quantity-spinner {
  width: 100%;
  height: 25px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel {
  display: flex;
  width: 100%;
  flex-direction: column;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel {
  padding: 5px 0;
  padding-top: 10px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .header-row {
  height: 25px;
  display: flex;
  justify-content: flex-end;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .market-row, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .client-row {
  display: flex;
  flex-direction: row;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .market-row .market-bid-panel, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .market-row .market-offer-panel, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .market-row .client-bid-panel, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .market-row .client-offer-panel, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .client-row .market-bid-panel, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .client-row .market-offer-panel, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .client-row .client-bid-panel, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .client-row .client-offer-panel {
  cursor: pointer;
  width: 40%;
  user-select: none;
  -webkit-user-select: none;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .market-row .market-bid-panel, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .market-row .market-offer-panel, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .client-row .market-bid-panel, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .client-row .market-offer-panel {
  padding: 5px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .bids-label, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .offers-label {
  width: 40%;
  float: right;
  text-align: center;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .market-label, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .client-label {
  width: 20%;
  float: left;
  text-align: center;
  margin: auto;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .price {
  text-align: center;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .price .pip-content {
  height: 20px;
  line-height: 20px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .price .pip-exponent {
  font-size: .8em;
  margin-left: 2px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .price .pip-prenum-left {
  margin-right: 2px;
  font-size: .8em;
  height: 20px;
  line-height: 20px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .price .pip-num {
  font-size: 16px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .market-row .pip-panel, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .client-row .pip-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .market-row .pip-panel .price, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .main-panel .client-row .pip-panel .price {
  width: 40%;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .point-price-panel {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .point-price-panel .trade-price {
  width: 30%;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .point-price-panel .pip-panel, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .point-price-panel .all-in-panel {
  width: 30%;
  display: flex;
  flex-direction: column;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .point-price-panel .pip-price2 .field-label, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .last-price-panel .point-price-panel .all-in-price2 .field-label {
  display: none;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .action-create-panel {
  width: 100%;
  padding: 10px;
  border-top-width: 1px;
  border-top-style: solid;
  text-align: right;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .action-create-panel .credit-label {
  padding: 3px;
  height: auto;
  line-height: 26px;
  border-radius: 4px;
  border: 1px solid transparent;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .action-create-panel .btn {
  margin-left: 5px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .confirmdeal {
  display: flex;
  flex-direction: column-reverse;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .confirmdeal .action-validate-panel {
  padding: 15px 0;
  text-align: right;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .confirmdeal .action-validate-panel .btn {
  margin-left: 5px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .confirmdeal .trade-summary-atom {
  width: 90%;
}

.deal-dialog-create .modal-dialog .trade-summary-atom {
  height: 450px;
  overflow: auto;
}

.deal-dialog-create .modal-body {
  display: flex;
  padding: 0 15px;
}

.deal-dialog-create .modal-body .createdeal .error-icon {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

.deal-dialog-create .modal-body .createdeal .field-option {
  margin-right: 15px;
  margin-top: 5px;
  position: relative;
}

.deal-dialog-create .modal-body .createdeal.validable .error-icon {
  display: block;
}

.deal-dialog-create .modal-footer {
  display: none;
}

.market-blotter-atom .grid-action-btn-group .bootstrap-switch {
  width: 120px;
  left: 5%;
}

.market-blotter-atom .is-dragging {
  opacity: .5;
}

.market-blotter-atom .sidebar-table {
  cursor: pointer;
}

.market-blotter-atom .price-renderer .price-label {
  display: inline-block;
  width: 65%;
  text-align: left;
  cursor: pointer;
}

.market-blotter-atom .price-renderer .price-direction {
  display: inline-block;
  width: 35%;
}

.market-blotter-atom .price-renderer .price-direction .icon {
  cursor: default;
}

.window .market-finder-atom {
  padding-bottom: 5px;
}

.window .market-finder-atom .market-finder-atom {
  height: 100%;
  min-height: 30px !important;
}

.window .market-finder-atom .market-finder-atom .tickets {
  bottom: 0;
}

.market-finder-atom .select2-dropdown-open .select2-choice {
  box-shadow: none;
}

.market-finder-atom .security-choosing-panel {
  display: flex;
  flex-direction: row;
  min-height: 28px;
  line-height: 28px;
}

.market-finder-atom .security-choosing-panel .add {
  padding: 0 1em;
}

.market-finder-atom .security-choosing-panel .securities .select2-choice .select2-chosen {
  font-weight: normal;
}

.market-finder-atom .channel-header {
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: default;
}

.market-finder-atom .channel-header .currency {
  margin-left: 10%;
  display: inline-block;
  width: 35%;
  vertical-align: middle;
}

.market-finder-atom .channel-header .bid, .market-finder-atom .channel-header .offer {
  position: relative;
  display: inline-block;
  width: 25%;
  vertical-align: middle;
}

.market-finder-atom .channel-line {
  width: 100%;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: default;
}

.market-finder-atom .channel-line .add-box, .market-finder-atom .channel-line .remove-channel-line, .market-finder-atom .channel-line .fill-currencies {
  width: 5%;
  vertical-align: middle;
}

.market-finder-atom .channel-line .fill-currencies {
  margin-right: 10px;
}

.market-finder-atom .channel-line .symbol {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 35%;
  vertical-align: middle;
}

.market-finder-atom .channel-line .best-offer, .market-finder-atom .channel-line .best-bid {
  position: relative;
  display: inline-block;
  width: 25%;
  vertical-align: middle;
}

.market-finder-atom .channel-line .best-offer .price .pip-prenum-left, .market-finder-atom .channel-line .best-bid .price .pip-prenum-left {
  margin-right: 2px;
}

.market-finder-atom .channel-line .best-offer .price .pip-num, .market-finder-atom .channel-line .best-bid .price .pip-num {
  font-weight: bold;
}

.market-finder-atom .channel-line .best-offer .price .pip-exponent, .market-finder-atom .channel-line .best-bid .price .pip-exponent {
  font-style: italic;
  font-size: 10px;
  vertical-align: top;
}

.market-finder-atom .channel-line .best-offer .bid-direction, .market-finder-atom .channel-line .best-offer .offer-direction, .market-finder-atom .channel-line .best-bid .bid-direction, .market-finder-atom .channel-line .best-bid .offer-direction {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
}

@media print {
  .market-finder-atom * {
    visibility: hidden;
  }
}

.negotiation-center .action-panel-level1 button {
  border: 1px solid;
  margin: 6px 3px;
  padding: 3px 10px;
}

.negotiation-center .action-panel-level1 .select2-container {
  float: right;
  margin: 6px 3px;
  width: 20%;
}

.negotiation-center .action-panel-level2 {
  border-top: 1px solid;
}

.negotiation-center .action-panel-level2 button {
  border: 1px solid;
  margin: 4px 3px;
  padding: 0 10px;
}

.negotiation-center .action-panel-level3 {
  border-bottom: 1px solid;
  line-height: 20px;
  height: 20px;
  padding-left: 6px;
}

.negotiation-center .quote .state-panel {
  float: left;
  width: 10%;
}

.negotiation-center .quote .information-panel {
  padding: 5px;
  width: 90%;
  float: right;
  border-bottom: 1px solid;
}

.negotiation-center .quote:after {
  content: '';
  display: block;
  clear: both;
}

.window {
  padding-bottom: 5px;
}

.window .notification-atom {
  min-height: 30px !important;
}

.window .notification-atom .tickets {
  bottom: 0;
}

.notification-atom {
  min-height: 250px;
  height: 600px;
  overflow-y: scroll;
}

.notification-atom .scrollable-up-button {
  top: 74px !important;
}

.notification-atom .notification {
  float: left;
}

.notification-atom .notification-icon {
  display: none;
}

.notification-atom .buttons-panel {
  width: 100%;
  padding: 0;
}

.notification-atom .buttons-panel .btn-group {
  display: flex;
  flex-direction: row;
  float: left;
}

.notification-atom .buttons-panel .btn-group:first-child {
  width: 75%;
}

.notification-atom .buttons-panel .btn-group:last-child {
  width: 25%;
}

.notification-atom .buttons-panel .btn {
  border-color: transparent;
  border-radius: 0;
  border: none;
  padding: 4px 0 0 0;
  width: 100%;
}

.notification-atom .buttons-panel .btn:before {
  font-family: "webappsdk";
  content: "\ed6b";
  position: absolute;
  left: 7px;
  font-size: .9em;
  top: 5px;
}

.notification-atom .buttons-panel .btn.active:before {
  content: "\ed6e";
}

.notification-atom .buttons-panel .btn.clear:before {
  content: "";
}

.notification-atom .notification-container {
  font-size: .8em;
  clear: both;
  bottom: 0;
}

.notification-atom .notification-container .notification-entry {
  margin-top: 5px;
  clear: both;
  letter-spacing: 1px;
  padding-left: 10px;
}

.notification-atom .notification-container .notification-entry.new {
  animation: highlight linear 1;
  /* call our keyframe named highlight, use animation ease-in and repeat it only 1 time */
  animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value*/
  animation-duration: 4s;
}

.notification-atom .notification-container .notification-entry .icon {
  float: right;
  line-height: inherit;
  height: inherit;
  margin-right: 5px;
}

.notification-atom .notification-container .notification-entry .date {
  float: right;
  margin-right: 5px;
  font-weight: bold;
  line-height: inherit;
  height: inherit;
  padding-left: 5px;
}

.notification-atom .notification-container .notification-entry .content {
  white-space: normal;
}

.notification-window-box .notification-container {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
}

.notification-window-box .notification-container .dismiss-button-container {
  align-self: flex-end;
  margin: 10px;
}

.notification-window-box .notification-container .dismiss-button-container .dismiss-button {
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
}

.notification-window-box .notification-container .notification-actions-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  width: auto;
}

.notification-window-box .notification-container .notification-actions-container .notification-action-button {
  border: none;
  min-width: 85px;
  padding: 2px 10px;
  align-self: center;
  margin: 5px;
}

.notification-window-box .notification-container .notification-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.notification-window-box .notification-container .notification-content .item {
  margin: auto;
  width: 100%;
}

.notification-window-box .notification-container .notification-content .slider {
  width: 69px;
  display: block;
  border-radius: 15px;
  height: 30px;
}

.notification-window-box .notification-container .notification-content .slider:hover {
  cursor: pointer;
}

.notification-window-box .notification-container .notification-content .slider .no-value:hover {
  cursor: pointer !important;
}

.notification-window-box .notification-container .notification-content .slider .icon-arrow-left2::before, .notification-window-box .notification-container .notification-content .slider .icon-arrow-right2::before {
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  padding-right: 2px;
}

.notification-window-box .notification-container .notification-content .slider.left .lbl {
  position: relative;
  top: -25px;
  width: 69px;
  display: block;
  text-align: center;
  padding-left: 25px;
}

.notification-window-box .notification-container .notification-content .slider.right .icon-arrow-right2::before {
  margin-left: 39px;
}

.notification-window-box .notification-container .notification-content .slider.right .lbl {
  position: relative;
  top: -25px;
  width: 69px;
  display: block;
  text-align: center;
  padding-right: 25px;
}

.order-editor-atom {
  padding: 1.5em;
  overflow: auto;
}

.order-editor-atom .warning:after {
  display: block;
  content: attr(data-warning-label);
  position: absolute;
  padding: 0 3px;
  right: -1px;
  font-size: 8pt;
  bottom: -15px;
  line-height: 10pt;
  z-index: 10;
}

.order-editor-atom .order-to-text {
  font-size: 18px;
}

.order-editor-atom .order-to-text .gwt-Label {
  float: left;
  margin-right: 5px;
}

.order-editor-atom .order-to-text:after {
  content: '';
  display: block;
  clear: both;
}

.order-editor-atom .prices div {
  display: inline-block;
}

.order-editor-atom .prices .market {
  margin-right: .5em;
}

.order-editor-atom .prices .pip-num {
  font-weight: bold;
  font-size: 1.3em;
}

.order-editor-atom .option-row {
  display: flex;
  flex-wrap: wrap;
}

.order-editor-atom .option-row .field-option {
  float: left;
  margin-right: 5px;
  position: relative;
}

.order-editor-atom .option-row .field-option .error-icon {
  position: absolute;
  top: 0;
  right: 0;
}

.order-editor-atom .option-row:after {
  content: '';
  display: block;
  clear: both;
}

.order-editor-atom .option-row .client {
  width: 215px;
}

.order-editor-atom .option-row .account {
  width: 170px;
}

.order-editor-atom .option-row .security {
  width: 300px;
}

.order-editor-atom .option-row .currency {
  width: 100px;
}

.order-editor-atom .option-row .timezone {
  width: 500px;
}

.order-editor-atom .option-row .price, .order-editor-atom .option-row .stop-price, .order-editor-atom .option-row .quantity, .order-editor-atom .option-row .expiration, .order-editor-atom .option-row .min-quantity, .order-editor-atom .option-row .show-quantity, .order-editor-atom .option-row .discretion-offset, .order-editor-atom .option-row .good-after, .order-editor-atom .option-row .fixing-source, .order-editor-atom .option-row .fixing-session, .order-editor-atom .option-row .fixing-session-date {
  width: 150px;
}

.order-editor-atom .option-row .tif {
  width: 100px;
}

.order-editor-atom .option-row .days-from-spot-spinner {
  width: 75px;
}

.order-editor-atom .option-row .limit-price .widgets-container .radioBtn-container {
  display: inline-block;
}

.order-editor-atom .option-row .limit-price .widgets-container .radioBtn-container .gwt-RadioButton {
  padding: 5px;
}

.order-editor-atom .option-row .limit-price .widgets-container .limit-spinner {
  margin-left: 5px;
  width: 150px;
  vertical-align: top;
  display: inline-block;
}

.order-editor-atom .option-row .settlement {
  width: 150px;
}

.order-editor-atom .option-row .settlement .forward-date-dropdown {
  height: 26px;
  border-radius: 3px;
}

.order-editor-atom .option-row .settlement .forward-date-dropdown .date-picker-label {
  height: 24px;
  padding-left: .5em;
}

.order-editor-atom .option-row .settlement .forward-date-dropdown .tenor-list {
  height: auto;
}

.order-editor-atom .option-row .currency-display {
  height: 26px;
  vertical-align: middle;
  line-height: 26px;
  border-radius: 3px;
  border: 1px solid;
  padding-left: .5em;
}

.order-editor-atom .option-row .trigger-source, .order-editor-atom .option-row .distrib, .order-editor-atom .option-row .comment {
  width: 100%;
}

.order-editor-atom .option-row .orchestration-information, .order-editor-atom .option-row .exec-authority {
  width: 200px;
}

.order-editor-atom .option-row .refill-period {
  width: 150px;
}

.order-editor-atom .numeric-spinner {
  height: 26px;
}

.order-editor-atom .numeric-spinner .spinner-container {
  line-height: 24px;
}

.order-editor-atom .option-switcher {
  margin-bottom: 5px;
  padding: 5px;
}

.order-editor-atom .select2-container {
  width: 100%;
  height: 100%;
}

.order-editor-atom .gwt-DateBox {
  padding-left: .5em;
  height: 26px;
  width: 100%;
}

.order-editor-atom select {
  margin: 0;
  height: 26px;
  font-size: 1em;
  width: 100%;
}

.order-editor-atom .refill-period input {
  width: 100%;
  height: 26px;
}

.order-editor-atom .label-display:after {
  content: attr(label-value);
  display: block;
  width: 100%;
  border: 1px solid;
  border-radius: 4px;
  padding: 2px 0 0 8px;
  font-size: 13px;
  font-weight: bold;
}

.order-editor-atom .label-display .select2-container {
  display: none !important;
}

.order-editor-atom .label-display input {
  display: none !important;
}

/* REMOVE THIS WHEN ORDEREDITOR IS REFACTORED */
.flat-order-editor-dialog .modal-dialog {
  width: 300px;
}

.flat-order-editor-atom .rules-list {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid;
}

.flat-order-editor-atom .price-widget {
  padding-top: 5px;
  margin-top: 10px;
  border-top: 1px solid;
}

.flat-order-editor-atom .price-widget .price {
  border: none;
}

.flat-order-editor-atom .price-widget .price .qty {
  display: none;
}

.flat-order-editor-atom .price-widget .side-name {
  display: none;
}

.flat-order-editor-atom .tooltip {
  display: none !important;
}

.flat-order-editor-atom .rule-container .field-option {
  position: relative;
  width: 100%;
  clear: both;
  margin-bottom: 5px;
}

.flat-order-editor-atom .rule-container .field-option .field-label {
  display: inline-block;
  min-width: 43%;
  max-width: 50%;
  height: 26px;
  line-height: 26px;
  vertical-align: bottom;
}

.flat-order-editor-atom .rule-container .field-option .error-icon {
  display: inline-block;
  width: 7%;
  vertical-align: bottom;
}

.flat-order-editor-atom .rule-container .field-option .field {
  display: inline-block;
  width: 50%;
  min-height: 26px;
  max-height: 78px;
  position: relative;
  overflow: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}

.flat-order-editor-atom .rule-container .field-option .field select, .flat-order-editor-atom .rule-container .field-option .field .gwt-DateBox {
  width: 100%;
  height: 26px;
  line-height: 26px;
}

.flat-order-editor-atom .rule-container .field-option .field .btn-group {
  width: 100%;
}

.flat-order-editor-atom .rule-container .field-option .field .btn-group .btn {
  width: 50%;
  height: 26px;
  line-height: 26px;
}

.createanother {
  display: flex;
  margin-right: 5px;
  align-items: center;
}

.createanother label {
  margin-bottom: 0;
  padding: 0px 3px;
}

.createanother input[type=checkbox] {
  margin: 0;
}

.order-viewer-dialog .order-editor-atom .warning:after {
  display: none;
}

.order-editor-dialog .modal-xlg {
  min-width: 950px;
}

.order-editor-dialog .modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 70px;
  position: relative;
}

.order-editor-dialog .modal-footer .confirm-panel {
  left: 5%;
  width: 80%;
  display: flex;
  padding: 10px;
  border-radius: 5px;
  margin-right: auto;
  position: absolute;
  align-items: center;
  justify-content: space-between;
}

.order-editor-dialog .modal-footer .confirm-panel .gwt-Label {
  width: 80%;
  text-align: start;
  margin-right: 70px;
}

.order-editor-dialog .modal-footer .confirm-panel .confirm-icon, .order-editor-dialog .modal-footer .confirm-panel .back-icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
}

.order-version-dialog .modal-dialog {
  margin-top: 100px;
}

.order-version-dialog .modal-dialog .order-version-atom {
  height: 278px;
  position: static;
}

.order-version-dialog .modal-dialog .order-version-atom .statusBar {
  width: 98%;
}

.price-widget {
  width: 100%;
  height: 80px;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
}

.price-widget .icon:hover {
  cursor: inherit;
}

.price-widget .spread {
  position: absolute;
  width: 46px;
  height: 18px;
  left: calc(50% - 23px);
}

.price-widget .spread .pip-content, .price-widget .spread .pip-num {
  position: absolute;
  height: 100%;
  width: 100%;
}

.price-widget .spread .pip-num {
  text-align: center;
  line-height: 18px;
  border: 1pt solid;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  font-size: 15px;
}

.price-widget .bid {
  position: absolute;
  left: 1%;
  right: 50.5%;
  top: 2px;
  bottom: 0;
}

.price-widget .offer {
  position: absolute;
  right: 1%;
  left: 50.5%;
  top: 2px;
  bottom: 0;
}

.price-widget .preselected .price {
  opacity: .6 !important;
}

.price-widget .price {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 62.22222px;
  bottom: 17.77778px;
}

.price-widget .price.no-side-buttons {
  height: 61.22222px;
  border-radius: 5px;
}

.price-widget .price.no-side-buttons .pip-num, .price-widget .price.no-side-buttons .pip-exponent {
  bottom: 14px;
}

.price-widget .price:hover {
  cursor: pointer;
}

.price-widget .price.disable:hover {
  cursor: not-allowed !important;
}

.price-widget .price .pip-num, .price-widget .price .pip-exponent, .price-widget .price .pip-prenum-left, .price-widget .price .slippage, .price-widget .price .qty, .price-widget .price .owner, .price-widget .price .is-indicative, .price-widget .price .price-direction, .price-widget .price .time-out {
  position: absolute;
}

.price-widget .price .pip-num {
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 44.44444px;
  height: 44.44444px;
  line-height: 44.44444px;
  font-weight: bold;
}

.price-widget .price .pip-exponent {
  bottom: 10px;
  left: 72%;
  font-size: 19px;
  height: 44.44444px;
  line-height: 44.44444px;
  font-weight: bold;
}

.price-widget .price .pip-prenum-left {
  left: 2px;
  top: 0;
  font-size: 14.81481px;
  height: 22.22222px;
  line-height: 22.22222px;
  font-weight: bold;
}

.price-widget .price .slippage {
  bottom: 0;
  right: 2px;
  font-size: 10.37037px;
}

.price-widget .price .qty {
  bottom: 0;
  left: 2px;
  font-size: 12.44444px;
}

.price-widget .price .owner {
  bottom: 25%;
  font-size: 12.44444px;
}

.price-widget .price .is-indicative {
  top: 2px;
  right: 15px;
  font-size: 12.44444px;
}

.price-widget .price .price-direction {
  top: 2px;
  right: 2px;
  font-size: 12.44444px;
}

.price-widget .price .near, .price-widget .price .spot, .price-widget .price .far {
  position: absolute !important;
  bottom: 3px;
  line-height: 12px;
  margin: 0;
  text-align: center;
  font-size: 9px;
  white-space: initial;
}

.price-widget .price .near .title, .price-widget .price .spot .title, .price-widget .price .far .title {
  font-weight: bold;
  text-transform: uppercase;
}

.price-widget .price .near, .price-widget .price .far {
  width: 28%;
}

.price-widget .price .far {
  right: 0;
}

.price-widget .price .spot {
  left: 29%;
  width: 42%;
}

.price-widget .price .time-out {
  height: 3px;
  line-height: 3px;
  bottom: 0;
  width: 100%;
}

.price-widget .price:hover ~ .tooltip .tooltip-inner {
  display: block;
}

.price-widget .side-name {
  position: absolute;
  width: 100%;
  height: 17.77778px;
  line-height: 17.77778px;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 11.85185px;
}

.price-widget .tooltip {
  z-index: 10;
  opacity: .9;
  position: absolute;
  top: 64.22222px;
  width: 155px;
}

.price-widget .tooltip.tooltip-pull-left {
  left: 1px;
}

.price-widget .tooltip.tooltip-pull-right {
  right: 1px;
}

.price-widget .tooltip .tooltip-inner {
  display: none;
  overflow: hidden;
  padding: 4px 5px;
  border-radius: 0;
  white-space: break-spaces;
  float: left;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

.price-widget .tooltip.tooltip-bigsize {
  width: unset;
}

.price-widget .tooltip.tooltip-bigsize .tooltip-inner {
  max-width: 270px;
  min-width: 155px;
}

.price-widget .tooltip-line.tooltip-line-oneline {
  white-space: nowrap;
}

.esp .spread {
  top: 62px;
}

.rfs .price-widget {
  height: 100px;
}

.rfs .price-widget .spread {
  top: 82px;
}

.rfs .price-widget .spread .pip-num {
  bottom: 0;
  border-radius: 5px;
}

.rfs .price-widget .price.no-side-buttons .pip-num, .rfs .price-widget .price.no-side-buttons .pip-exponent {
  bottom: 27%;
}

.rfs .price-widget .pip-num, .rfs .price-widget .pip-exponent {
  bottom: 27%;
}

.rfs .price-widget .pip-num.pointMode, .rfs .price-widget .pip-exponent.pointMode {
  font-size: 2.1em;
}

.rfs .price-widget .qty {
  display: none;
}

.rfs .price-widget .tooltip {
  top: 84px;
}

.progress {
  position: relative;
  margin-bottom: 0;
  height: 17px;
  line-height: 17px;
}

.progress.mini {
  height: 5px;
}

.progress .progress-bar {
  font-weight: bold;
  font-size: 10px;
  transition: none;
}

.progress .progress-bar .progress-bar-clock, .progress .progress-bar .progress-bar-remaining, .progress .progress-bar .progress-bar-label {
  position: absolute;
  line-height: 17px;
}

.progress .progress-bar .progress-bar-clock {
  left: 0;
  width: 15px;
}

.progress .progress-bar .progress-bar-remaining {
  left: 15px;
}

.progress .progress-bar .progress-bar-label {
  right: 5px;
}

.progress-button {
  position: relative;
  display: inline-block;
  font-size: 24px;
  text-decoration: none !important;
  padding: 14px 60px;
  line-height: 1;
  overflow: hidden;
  border-radius: 6px;
  border: 1px;
  /* Hide the original text of the button. Then the loading or finished text will be shown in the :after element above it. */
  /* If the .in-progress class is set on the button, show the
       contents of the data-loading attribute on the button */
  /* The same goes for the .finished class */
  /* The colorful bar that grows depending on the progress */
  /* The bar can be either horizontal, or vertical */
}

.progress-button.in-progress, .progress-button.finished {
  box-shadow: none;
}

.progress-button.in-progress:after, .progress-button.finished:after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: inherit;
}

.progress-button.in-progress:after {
  content: attr(data-loading);
}

.progress-button.finished:after {
  content: attr(data-finished);
}

.progress-button .tz-bar {
  position: absolute;
  height: 3px;
  bottom: 0;
  left: 0;
  width: 0;
  z-index: 1;
  border-radius: 0 0 2px 2px;
  transition: width .5s, height .5s;
}

.progress-button .tz-bar.background-horizontal {
  height: 100%;
  border-radius: 2px;
}

.progress-button .tz-bar.background-vertical {
  height: 0;
  top: 0;
  width: 100%;
  border-radius: 2px;
}

.progress-button:disabled {
  pointer-events: none;
}

.order-summary-dialog .modal-dialog .modal-body {
  overflow-y: auto;
  max-height: 600px;
}

.quick-position-summary .security {
  font-weight: bolder;
}

.quick-position-summary .caption {
  text-align: right;
}

.quick-position-summary .bought-qty, .quick-position-summary .sold-qty, .quick-position-summary .bought-avg-px, .quick-position-summary .sold-avg-px, .quick-position-summary .net-qty, .quick-position-summary .quoted-amount, .quick-position-summary .effective-rate {
  text-align: right;
  font-weight: bolder;
}

.reporting-dialog .modal-body .row {
  margin-bottom: 5px;
}

.reporting-dialog .modal-body .select2-container {
  width: 100%;
}

.reporting-dialog .modal-body .gwt-DateBox {
  padding-left: .5em;
  height: 26px;
  width: 100%;
}

.reporting-dialog .modal-body select {
  margin: 0;
  height: 26px;
  font-size: 1em;
  width: 100%;
}

.retail-editor-atom {
  padding: 20px 5px;
  height: 100%;
  overflow: auto;
}

.retail-editor-atom .retail-editor-container {
  min-width: 1300px;
  display: flex;
  flex-wrap: nowrap;
}

.retail-editor-atom .retail-editor-container .formpanel .onbehalflbl {
  width: 100px;
}

.retail-editor-atom .retail-editor-container .formpanel .divblock {
  float: left;
}

.retail-editor-atom .retail-editor-container .formpanel .lastrow {
  clear: both;
}

.retail-editor-atom .retail-editor-container .formpanel .rhd {
  display: inline-block;
}

.retail-editor-atom .retail-editor-container .inverseCurrency {
  margin-left: 40px;
}

.retail-editor-atom .retail-editor-container .btngroup {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 115px;
}

.retail-editor-atom .retail-editor-container .btngroup .btn {
  margin-left: 2px;
  width: 200px;
}

.retail-editor-atom .retail-editor-container .divider {
  clear: both;
  width: 650px;
  height: 1px;
  margin: 20px 0 20px 30px;
}

.retail-editor-atom .retail-editor-container .select2-container .select2-choice {
  border: 0;
}

.retail-editor-atom .retail-editor-container .left-panel {
  flex-basis: 750px;
  flex-shrink: 0;
}

.retail-editor-atom .retail-editor-container .rightpanel {
  margin-top: 37px;
  margin-left: 50px;
  padding: 10px;
  flex-grow: 1;
  min-width: 550px;
}

.retail-editor-atom .retail-editor-container .rightpanel .details-title {
  margin-bottom: 5px;
}

.retail-editor-atom .retail-editor-container .rightpanel .summary-panel {
  padding: 15px 10px 10px 10px;
}

.retail-editor-atom .retail-editor-container .rightpanel .summary-title {
  font-size: 20px;
}

.retail-editor-atom .retail-editor-container .rightpanel .trade-summary-atom {
  max-height: 400px;
  overflow: auto;
}

.retail-editor-atom .retail-editor-container .rightpanel .trade-summary-atom .summary .r {
  display: block;
}

.retail-editor-atom .retail-editor-container .rightpanel .trade-summary-atom .r {
  display: flex;
}

.retail-editor-atom .retail-editor-container .rightpanel .trade-summary-atom .left {
  flex-basis: 220px;
  flex-shrink: 0;
  flex-grow: 0;
}

.retail-editor-atom .retail-editor-container .rightpanel .trade-summary-atom .right {
  padding-left: 30px;
  height: initial;
  line-height: initial;
}

.retail-editor-atom .retail-editor-container .allinpanel .allPriceWidget {
  margin-left: 610px;
  padding: 0;
  margin-top: 0;
}

.retail-editor-atom .retail-editor-container .error-icon {
  position: absolute;
  margin-left: 130px;
}

.retail-editor-atom .retail-editor-container .field-option {
  width: 150px;
  margin-right: 15px;
  margin-top: 5px;
  display: inline-block;
  position: relative;
}

.retail-editor-atom .retail-editor-container .field-option input {
  width: 100%;
}

.retail-editor-atom .retail-editor-container .field-option input[type=text] {
  border-radius: 4px;
  text-indent: 4px;
}

.retail-editor-atom .retail-editor-container .field-option.valuedate {
  margin-left: 115px;
  vertical-align: top;
}

.retail-editor-atom .retail-editor-container .field-option.comment {
  width: 315px;
}

.retail-editor-atom .retail-editor-container .field-option.space-with-edge {
  margin-left: 115px;
  vertical-align: top;
}

.retail-editor-atom .retail-editor-container .days-from-spot-summary {
  width: 150px;
  margin: 2px 15px 0px calc(115px + 150px + 15px);
  position: relative;
  vertical-align: top;
  display: flex;
  justify-content: flex-end;
  font-size: 13px;
}

.retail-editor-atom .retail-editor-container .days-from-spot-summary .days-from-spot-prefix {
  margin-right: 1px;
}

.retail-editor-atom .retail-editor-container .label {
  font-size: 100%;
  width: 100px;
}

.retail-editor-atom .retail-editor-container .footerpanel {
  width: 100%;
  margin: 20px 0 0 0;
  display: inline-block;
}

.retail-editor-atom .retail-editor-container .footerpanel .btn-danger, .retail-editor-atom .retail-editor-container .footerpanel .btn-success {
  margin-left: 10px;
}

.retail-editor-atom .retail-editor-container .footerpanel .btn-danger.hidden, .retail-editor-atom .retail-editor-container .footerpanel .btn-success.hidden {
  display: inherit !important;
}

.retail-editor-atom .retail-editor-container .footerpanel .progress-button {
  padding: 10px 45px;
  margin-bottom: -4px;
}

.retail-editor-atom .retail-editor-container .footerpanel .progress-button {
  padding: 0;
  font-weight: 600;
  font-size: inherit;
  width: 30%;
  height: 40px;
  border-radius: 3px;
  float: right;
  margin-left: 10px;
  line-height: 3;
}

.retail-editor-atom .retail-editor-container .footerpanel .progress-button .tz-bar {
  border: 1px solid;
}

.retail-editor-atom .retail-editor-container .footerpanel .progress-button.in-progress:after, .retail-editor-atom .retail-editor-container .footerpanel .progress-button.finished:after {
  padding: 0;
}

.retail-editor-atom .retail-editor-container .footerpanel .btn-danger, .retail-editor-atom .retail-editor-container .footerpanel .btn-success {
  font-weight: 600;
  width: 30%;
  height: 40px;
  font-size: inherit;
  border-radius: 3px;
  float: right;
}

.retail-editor-atom .retail-editor-container .footerpanel .btn-danger.hidden, .retail-editor-atom .retail-editor-container .footerpanel .btn-success.hidden {
  display: none !important;
}

.retail-editor-atom .retail-editor-container .priceWidget {
  border-radius: 5px;
  padding: 0 28px;
  width: 140px;
  text-align: center;
  margin: 3px 0 0 0;
  height: 76px;
}

.retail-editor-atom .retail-editor-container .priceWidget .minus {
  position: relative;
  left: -5px;
}

.retail-editor-atom .retail-editor-container .priceWidget .minus-separator hr {
  position: relative;
}

.retail-editor-atom .retail-editor-container .minus-price {
  padding-left: 30px;
}

.retail-editor-atom .retail-editor-container hr {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 90%;
}

.retail-editor-atom .retail-editor-container h1 {
  text-align: center;
}

.retail-editor-atom .retail-editor-container .retail-row-margin {
  margin-top: -20px;
}

@media print {
  body * {
    visibility: hidden;
  }
  #printcontent * {
    visibility: visible;
  }
  #printcontent {
    position: absolute;
    top: 40px;
    left: 30px;
  }
}

.maximized {
  height: 100% !important;
}

.rfq-descriptor {
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 100%;
}

.rfq-descriptor .top {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
}

.rfq-descriptor .top .field-option {
  display: inline-block;
  flex-grow: 1;
  text-align: center;
  margin: 0 10px 10px 10px;
}

.rfq-descriptor .bid, .rfq-descriptor .offer {
  width: 49%;
  padding: 0 10px 0 10px;
  display: inline-block;
}

.rfq-descriptor .bid .bid-title, .rfq-descriptor .bid .offer-title, .rfq-descriptor .offer .bid-title, .rfq-descriptor .offer .offer-title {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 10px;
}

.rfq-descriptor .bid .field-option, .rfq-descriptor .offer .field-option {
  position: relative;
  padding: 5px 0 5px 0;
}

.rfq-descriptor .bid .field-option .field-label, .rfq-descriptor .offer .field-option .field-label {
  width: 40%;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.rfq-descriptor .bid .field-option .field, .rfq-descriptor .offer .field-option .field {
  padding-left: 1em;
  width: 60%;
  display: inline-block;
  height: 100%;
  line-height: 100%;
  vertical-align: middle;
  position: relative;
}

.rfq-descriptor .bid {
  float: left;
}

.rfq-descriptor .middle-copy {
  display: inline-block;
  width: 2%;
  text-align: center;
}

.rfq-descriptor .offer {
  float: right;
}

.rfq-descriptor .bottom .last-look {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.rfq-descriptor .bottom .summary {
  width: 100%;
}

.rfq-descriptor .bottom .summary .r {
  margin-left: 3%;
  margin-right: 3%;
  clear: both;
}

.rfq-descriptor .bottom .summary .r .left {
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 30%;
}

.rfq-descriptor .bottom .summary .r .left, .rfq-descriptor .bottom .summary .r .right {
  overflow: hidden;
  float: left;
  height: 25px;
  line-height: 25px;
}

.rfq-descriptor .bottom .summary .sentence {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.4em;
  text-transform: uppercase;
}

.rfq-descriptor .bottom .summary .sentence .gwt-Label {
  float: left;
  margin-right: 5px;
}

.rfq-descriptor .bottom .summary .sentence .printicon {
  margin-left: 1em;
  margin-right: 1em;
}

.rfq-descriptor .field-label {
  font-weight: bold;
}

.rfq-notification-message {
  display: flex;
  justify-content: center;
}

.rfq-ticket-notification.rfq-ticket {
  margin-left: 20px;
  margin-right: 20px;
  border-width: 3px !important;
  border-radius: 3px;
  border-style: solid;
  display: flex;
  cursor: pointer;
  border-width: 3px !important;
  border-radius: 3px;
  position: relative;
  clear: both;
}

.rfq-ticket-notification.rfq-ticket .left-zone {
  width: 80%;
  padding-right: .5em;
}

.rfq-ticket-notification.rfq-ticket .left-zone.wide {
  width: 100%;
  padding-right: 0;
}

.rfq-ticket-notification.rfq-ticket .separator {
  width: 0;
  height: 2em;
  border-left: 1px solid;
  align-self: center;
}

.rfq-ticket-notification.rfq-ticket .main-zone {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  text-align: center;
}

.rfq-ticket-notification.rfq-ticket .client-zone {
  display: flex;
  justify-content: center;
}

.rfq-ticket-notification.rfq-ticket .client-zone .rfq-requester {
  margin-right: 5px;
}

.rfq-ticket-notification.rfq-ticket .summary-zone {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 1em;
}

.rfq-ticket-notification.rfq-ticket .summary-zone div {
  margin: 0 2px;
  display: inline-block;
}

.rfq-ticket-notification.rfq-ticket .legs-zone {
  display: flex;
  min-height: 1em;
  flex-direction: column;
}

.rfq-ticket-notification.rfq-ticket .legs-zone .leg {
  display: flex;
  justify-content: center;
}

.rfq-ticket-notification.rfq-ticket .legs-zone .leg div {
  margin: 0 2px;
}

.rfq-ticket-notification.rfq-ticket .buttons-zone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 10px;
}

.rfq-ticket-notification.rfq-ticket .buttons-zone button {
  width: 100%;
}

.rfq-ticket-notification.rfq-ticket .mine-button {
  align-self: center;
}

.rfq-ticket-notification.rfq-ticket .progress {
  border-radius: 0;
}

.rfq-ticket-notification.rfq-ticket .divider {
  display: flex;
  justify-content: center;
}

.rfq-ticket-notification.rfq-ticket .divider .separator {
  width: 0;
  height: 2em;
  border-left: 1px solid;
  align-self: center;
}

.rfq-ticket-notification.rfq-ticket .divider.hidden {
  display: none;
}

.rfq-ticket-notification.rfq-ticket .right-zone {
  width: 20%;
  display: flex;
  justify-content: center;
}

.rfq-ticket-notification.rfq-ticket .right-zone.hidden {
  display: none;
}

.rfq-ticket-notification.rfq-ticket .rfq-quoter {
  font-size: 11px;
  text-align: center;
  font-weight: 750;
}

.rfq-ticket-notification.rfq-ticket .rfq-mode {
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
}

.rfq-ticket-notification.rfq-ticket .rfq-creation-date {
  text-align: center;
}

.rfq-ticket-notification.rfq-ticket .rfq-symbol {
  font-weight: bold;
}

.rfq-ticket-notification.rfq-ticket .rfq-status {
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
}

.rfq-ticket-notification.rfq-ticket .rfq-Expired {
  display: none;
}

.rfq-ticket-notification.rfq-ticket .rfq-comments {
  font-size: 12px;
  text-align: center;
}

.rfq-ticket-blotter-atom .btn-toolbar {
  width: 100%;
  margin: 0;
}

.rfq-ticket-blotter-atom .unread:after {
  font-family: "webappsdk";
  content: "\eaeb";
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 10px;
}

.rfq-ticket-blotter-atom .tickets {
  width: 100%;
  height: 100%;
  padding: 0 5px 0 5px;
  overflow: auto;
  display: block !important;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket {
  display: flex;
  cursor: pointer;
  border-width: 3px !important;
  border-radius: 3px;
  position: relative;
  clear: both;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .left-zone, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .left-zone {
  width: 80%;
  padding-right: .5em;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .left-zone.wide, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .left-zone.wide {
  width: 100%;
  padding-right: 0;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .separator, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .separator {
  width: 0;
  height: 2em;
  border-left: 1px solid;
  align-self: center;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .main-zone, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .main-zone {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  text-align: center;
  margin-left: 2px;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .client-zone, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .client-zone {
  display: flex;
  justify-content: center;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .client-zone .rfq-requester, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .client-zone .rfq-requester {
  margin-right: 5px;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .summary-zone, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .summary-zone {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 1em;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .summary-zone div, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .summary-zone div {
  margin: 0 2px;
  display: inline-block;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .legs-zone, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .legs-zone {
  display: flex;
  min-height: 1em;
  flex-direction: column;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .legs-zone .leg, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .legs-zone .leg {
  display: flex;
  justify-content: center;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .legs-zone .leg div, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .legs-zone .leg div {
  margin: 0 2px;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .buttons-zone, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .buttons-zone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 10px;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .buttons-zone button, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .buttons-zone button {
  width: 100%;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .mine-button, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .mine-button {
  align-self: center;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .progress, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .progress {
  border-radius: 0;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .divider, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .divider {
  display: flex;
  justify-content: center;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .divider .separator, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .divider .separator {
  width: 0;
  height: 2em;
  border-left: 1px solid;
  align-self: center;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .divider.hidden, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .divider.hidden {
  display: none;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .right-zone, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .right-zone {
  width: 20%;
  display: flex;
  justify-content: center;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .right-zone.hidden, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .right-zone.hidden {
  display: none;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .rfq-quoter, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .rfq-quoter {
  font-size: 11px;
  text-align: center;
  font-weight: 750;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .rfq-desk, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .rfq-desk {
  font-size: 11px;
  text-align: center;
  font-weight: 750;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .rfq-mode, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .rfq-mode {
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .rfq-creation-date, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .rfq-creation-date {
  text-align: center;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .rfq-symbol, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .rfq-symbol {
  font-weight: bold;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .rfq-status, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .rfq-status {
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .rfq-Expired, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .rfq-Expired {
  display: none;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket .rfq-comments, .rfq-ticket-blotter-atom .tickets .tradingsession-ticket .rfq-comments {
  font-size: 12px;
  text-align: center;
}

.details-atom .export {
  flex: inherit;
  align-self: baseline;
  display: block;
}

.details-atom .details, .details-atom .native-fields {
  padding: 10px;
}

.details-atom .details .security-title, .details-atom .native-fields .security-title {
  display: none;
}

.details-atom .details .field-name, .details-atom .details .field-value, .details-atom .native-fields .field-name, .details-atom .native-fields .field-value {
  display: inline-block;
}

.details-atom .details .field-name, .details-atom .details .bean-name, .details-atom .native-fields .field-name, .details-atom .native-fields .bean-name {
  font-weight: bold;
  width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top;
  flex-shrink: 0;
}

.details-atom .details .field-value, .details-atom .native-fields .field-value {
  white-space: pre-line;
  word-break: break-all;
}

.details-atom .details .bean .bean-name, .details-atom .native-fields .bean .bean-name {
  line-height: 1em;
}

.details-atom .details .bean .field-name, .details-atom .native-fields .bean .field-name {
  padding-left: 10px;
}

.details-atom .details .bean .field-name::before, .details-atom .native-fields .bean .field-name::before {
  content: "- ";
}

.details-atom .details .field, .details-atom .native-fields .field {
  line-height: 1em;
  display: flex;
  justify-content: flex-start;
}

.security-picker-atom {
  height: 600px;
  font-size: .9em;
}

.security-picker-atom .search {
  height: 10%;
  width: 100%;
}

.security-picker-atom .search .gwt-TextBox {
  padding: 5px;
  width: 100%;
}

.security-picker-atom .search .enter-icon {
  position: absolute;
  right: 20px;
  line-height: inherit;
  vertical-align: middle;
  padding: 5px;
  display: none;
}

.security-picker-atom .gwt-CheckBox {
  display: block;
  margin: 0 3px 0 5px;
  float: left;
  height: 25px;
}

.security-picker-atom .gwt-CheckBox input {
  height: 25px;
  margin-top: 0;
}

.security-picker-atom .groups, .security-picker-atom .items, .security-picker-atom .details, .security-picker-atom .selection {
  float: left;
  overflow-y: auto;
}

.security-picker-atom .groups {
  width: 25%;
}

.security-picker-atom .items {
  width: 39%;
  margin-left: 2px;
}

.security-picker-atom .groups, .security-picker-atom .items {
  height: 90%;
}

.security-picker-atom .details {
  width: 35%;
  height: 60%;
  display: flex;
  padding: 0 5px;
  flex-wrap: wrap;
}

.security-picker-atom .bean, .security-picker-atom .security-definition, .security-picker-atom .security-class {
  width: 100%;
}

.security-picker-atom .selection {
  width: 35%;
  height: 30%;
  padding-top: 10px;
  padding-bottom: 3px;
  border-top-style: solid;
  border-top-width: 1px;
}

.security-picker-atom .selection .title {
  margin-left: 5px;
  font-weight: bold;
  text-decoration: underline;
}

.security-picker-atom .selection .selected-item {
  margin-left: 5px;
}

.security-picker-atom .groups {
  border-right: 1px solid;
}

.security-picker-atom .groups .group {
  height: 25px;
  line-height: 25px;
  clear: both;
}

.security-picker-atom .groups .group.displayed {
  border-radius: 1px;
}

.security-picker-atom .groups .group .group-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  font-size: .9em;
  text-transform: uppercase;
  display: block;
}

.security-picker-atom .items {
  border-right: 1px solid;
}

.security-picker-atom .items .item {
  height: 25px;
  line-height: 25px;
  clear: both;
}

.security-picker-atom .items .item .item-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  cursor: pointer;
}

.security-picker-atom .items .item.displayed {
  border-radius: 1px;
}

.security-picker-atom .items .display-more {
  cursor: pointer;
  text-align: center;
}

.security-picker-atom .items .no-results {
  text-align: center;
}

.security-picker-atom .details .title {
  font-weight: bold;
  border-radius: 1px;
  text-align: center;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.security-picker-atom .details .field {
  padding: 5px;
  flex-grow: 1;
  margin: 2px 5px;
  line-height: 1em;
  margin-left: 2px;
  border-radius: 5px;
}

.security-picker-atom .details .field .field-name {
  width: 100%;
  font-size: 11px;
  white-space: pre;
  font-weight: normal;
}

.security-picker-atom .details .field .field-value {
  font-size: 12px;
  padding-top: 1px;
}

.security-picker-atom .details .bean .bean-name {
  margin-left: 2px;
  font-weight: bold;
}

.security-picker-atom .details .bean .field {
  margin-left: 20px;
}

/**
 * @deprecated Useless in CORE UI
 * @since v5.8.0.0
 */
.security-selector-dialog .filter {
  width: 100%;
}

.security-selector-dialog .security-list {
  overflow: auto;
  height: 300px;
  list-style: none;
  margin-top: 5px;
  padding-left: 5px;
  width: 100%;
}

.security-selector-dialog .security-list .security-group-title {
  display: block;
  font-weight: bold;
  margin-top: 1em;
}

.security-selector-dialog .security-list .security-group-title .icon-security {
  margin-right: 10px;
}

.security-selector-dialog .security-list .security-group-title .multi-selection {
  float: right;
  margin-right: 1em;
  font-weight: 100;
}

.security-selector-dialog .security-list .security-group-title .multi-selection button {
  margin: 0;
  padding: 0;
}

.security-selector-dialog .security-list .security-group-title .multi-selection .select-all:after {
  content: " / ";
}

.security-selector-dialog .security-list .security-line {
  display: block;
  padding-left: 1em;
}

.security-selector-dialog .security-list .security-line label {
  font-weight: normal;
  margin-left: 1em;
}

.keypad-pref-atom .pony-PFlexTable {
  height: 300px;
  overflow-y: scroll;
  display: block;
}

.keypad-pref-atom .shortcuts-panel {
  padding: 30px;
}

.keypad-pref-atom .shortcuts-panel .header {
  height: 2em;
  opacity: 1;
}

.keypad-pref-atom .shortcuts-panel .header td {
  padding: 0 30px;
  text-align: center;
}

.keypad-pref-atom .shortcuts-panel .header td:first-child {
  border-radius: 5px 0 0 0;
}

.keypad-pref-atom .shortcuts-panel .header td:last-child {
  border-radius: 0 5px 0 0;
}

.keypad-pref-atom .shortcuts-panel tr {
  opacity: .5;
}

.keypad-pref-atom .shortcuts-panel tr.focus {
  opacity: 1;
}

.keypad-pref-atom .shortcuts-panel tr td:first-child {
  padding: 0 1em 0 0;
}

.keypad-pref-atom .shortcuts-panel tr td, .keypad-pref-atom .shortcuts-panel tr td input {
  cursor: pointer;
}

.keypad-pref-atom .shortcuts-panel tr input {
  padding-left: 1em;
}

.keypad-pref-atom .shortcuts-panel tr input.form-control {
  padding: 0 15px;
  height: auto;
  border-radius: 0;
  border: none;
}

.keypad-pref-atom .shortcuts-panel .keypad-input {
  width: 100%;
}

.keypad-pref-atom .footer-panel .description-title {
  margin-top: 1em;
  font-weight: bold;
  visibility: hidden;
}

.keypad-pref-atom .footer-panel .description {
  padding: 0 0 1em 0;
  font-style: italic;
  margin: 1em 0 0 4em;
}

.keypad-pref-atom .footer-panel .shortcut-already-assigned {
  font-weight: bold;
}

.keypad-pref-atom .footer-button {
  margin: 1px;
}

.ui-slider {
  cursor: pointer;
  border-radius: 3px;
}

.ui-slider .ui-slider-handle {
  cursor: pointer;
  border-radius: 3px;
}

.ui-slider .slider-background {
  position: absolute;
  height: 100%;
}

.numeric-spinner {
  display: flex;
  position: relative;
  border: 1px solid;
  height: 100%;
}

.numeric-spinner .piped-price {
  text-align: center;
}

.numeric-spinner .piped-price .pip-num {
  font-size: 15px;
  margin: 0 1px;
}

.numeric-spinner .spinner-container {
  display: inline-block;
  height: 100%;
  flex-grow: 1;
}

.numeric-spinner .spinner-container input {
  border: none;
  height: 100%;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
  width: 100%;
}

.numeric-spinner .spinner-btn-box {
  position: relative;
  display: inline-block;
  border-left: 1px solid;
  height: auto;
  right: 0;
  min-width: 1.5em;
  order: 1;
}

.numeric-spinner .spinner-btn-box.disabled, .numeric-spinner .spinner-btn-box:disabled {
  pointer-events: none;
}

.numeric-spinner .spinner-btn-box .spinner-btn {
  position: absolute;
  cursor: pointer;
  font-size: 8px;
  outline: none;
  text-align: center;
  height: 50%;
  width: 100%;
}

.numeric-spinner .spinner-btn-box .spinner-btn::after {
  font-family: "webappsdk";
  height: 50%;
}

.numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-increase {
  top: 0;
}

.numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-increase:after {
  content: "\edb4";
}

.numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease {
  bottom: 0;
}

.numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease:after {
  content: "\edbc";
}

.numeric-spinner.arrows-at-left .spinner-btn-box {
  border-left: none;
  border-right: 1px solid;
  order: 0;
}

.spinner-32 {
  display: flex;
  align-items: baseline;
}

.spinner-32.active input.spinner-32-part {
  border-bottom: 1px solid;
}

.spinner-32 .spinner-32-part {
  margin: .2em;
  padding: 0 1px 0 1px;
}

.spinner-32 input.spinner-32-full {
  text-align: right;
}

.spinner-32 input.spinner-32-32nds {
  width: 2em;
}

.spinner-32 input.spinner-32-256ths {
  width: 1em;
}

.column-layout {
  position: relative;
  white-space: nowrap;
  overflow: auto;
  height: 100%;
  width: 100%;
}

.column-layout .column-layout-container {
  padding: 0;
  position: absolute;
}

.column-layout .column-layout-container.grow-right {
  padding-right: 100px;
}

.column-layout .column-layout-column {
  display: inline-block;
  overflow-x: visible;
  vertical-align: top;
}

.column-layout .column-layout-column .nest {
  margin: 5px 0 5px 0;
  overflow: visible;
}

.column-layout .column-layout-column .nest .handle {
  height: 100%;
  position: absolute;
  width: 100%;
}

.column-layout .column-layout-placeholder {
  border-radius: 10px;
  overflow: visible;
  /* Non overridable properties start here */
  box-sizing: border-box;
  position: relative;
}

.column-layout .column-dock-fx {
  display: none;
  position: absolute;
  text-align: center;
  z-index: 1000;
}

.column-layout .column-dock-fx span {
  display: inline-block;
  font-size: 170px;
  vertical-align: middle;
}

.column-layout .dock-fx {
  animation: glitter 1s ease forwards;
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 100%;
}

.column-layout .col-layout-height-locker {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  visibility: hidden;
}

.column-layout .removed-box-placeholder, .column-layout .fakebox {
  width: 280px;
  border-radius: 10px;
  margin: 6px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.column-layout .col-layout-col {
  display: inline-block;
  width: 292px;
  height: 100%;
  position: relative;
  vertical-align: top;
}

.column-layout .col-layout-box {
  width: 280px;
}

.column-layout .col-layout-position-indicator {
  height: 43px;
  width: 280px;
  position: absolute;
  z-index: 999;
}

/* Gruge */
.select2-results-dept-1 .select2-result-label {
  padding-left: 7px !important;
}

/* TMP "chosenize" select2 */
/* TODO MOVE AT THE RIGHT PLACE */
.select2-container, .select2-results {
  font-size: 13px;
}

.select2-choices {
  border-radius: 5px 5px 0 0;
  font-size: .7em;
}

.select2-drop .select2-results, .select2-drop-multi .select2-results {
  word-wrap: break-word;
}

.select2-drop .select2-results .select2-result-selectable .select2-result-label, .select2-drop-multi .select2-results .select2-result-selectable .select2-result-label {
  padding-left: 15px !important;
}

.select2-drop .select2-results .select2-searching, .select2-drop .select2-results .select2-more-results, .select2-drop .select2-results .select2-more-results.select2-active, .select2-drop-multi .select2-results .select2-searching, .select2-drop-multi .select2-results .select2-more-results, .select2-drop-multi .select2-results .select2-more-results.select2-active {
  background: none;
}

.select2-container.form-control {
  background: transparent;
  border: none;
  display: block;
  margin: 0;
  padding: 0 !important;
}

/**
 * Address Bootstrap 3 control sizing classes
 * $see http://getbootstrap.com/css/#forms-control-sizes
 */
.select2-container.input-sm .select2-choice, .input-group-sm .select2-container .select2-choice {
  height: 30px;
  line-height: 1.5;
  border-radius: 3px;
}

.select2-container.input-lg .select2-choice, .input-group-lg .select2-container .select2-choice {
  height: 46px;
  line-height: 1.33;
  border-radius: 6px;
}

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
  padding-top: 5px;
}

.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice > span:first-child,
.input-group-lg .select2-choice > span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
  padding-top: 10px;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstrap 3's
 * "Input Group" component, we don't want specific edges of the Select2 container
 * to have a border-radius.
 *
 * In Bootstrap 2, input groups required a markup where these style adjustments
 * could be bound to a CSS-class identifying if the additional elements are appended,
 * prepended or both.
 *
 * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
 * to let the contained Select2 widget know which edges should not be rounded as they are
 * directly followed by another element.
 *
 * $see http://getbootstrap.com/components/#input-groups
 */
.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.input-group.select2-bootstrap-append [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.select2-dropdown-open [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.input-group.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.input-group.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.input-group.input-group-sm.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: 3px !important;
}

.input-group.input-group-lg.select2-bootstrap-prepend .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-right-radius: 6px !important;
}

.input-group.input-group-sm.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: 3px !important;
}

.input-group.input-group-lg.select2-bootstrap-append .select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
  border-bottom-left-radius: 6px !important;
}

/**
 * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-bootstrap-append .select2-container-multiple,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container-multiple,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Address Multi Select2's choice close-button vertical alignment.
 */
.select2-search-choice-close {
  margin-top: -7px;
  top: 50%;
}

/**
 * Adjust the single Select2's clear button position (used to reset the select box
 * back to the placeholder value and visible once a selection is made
 * activated by Select2's "allowClear" option).
 */
.select2-container .select2-choice abbr {
  top: 50%;
}

.tabContainer-panel .tabContainer-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.tabContainer-panel .tabContainer-header .menu-tab {
  padding: 0 9px;
  border-radius: 5px 5px 0 0;
  width: 31px;
  position: relative;
  float: left;
}

.tabContainer-panel .tabContainer-header .menu-tab ul {
  position: absolute;
  top: 20px;
  display: none;
  z-index: 999;
  width: 200px;
  padding-left: 0;
  list-style: none;
  border-radius: 0 3px 3px 3px;
  padding: 2px;
}

.tabContainer-panel .tabContainer-header .menu-tab ul li {
  padding: 2px 3px;
}

.tabContainer-panel .tabContainer-header .menu-tab ul li:hover {
  cursor: pointer;
}

.tabContainer-panel .tabContainer-header .tab-headers {
  display: flex;
  position: relative;
  height: 22px;
  width: 100%;
  white-space: nowrap;
  flex-direction: row;
  align-items: flex-start;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header {
  padding: 3px;
  transition-duration: 200ms;
  transition-property: margin-left, margin-right;
  padding-left: 8px;
  cursor: default;
  border-left: 1px solid transparent;
  height: 22px !important;
  font-size: 12px;
  cursor: pointer;
  width: 100%;
  min-width: 0;
  max-width: 190px;
  border-left-width: 2px;
  align-content: space-between;
  text-overflow: ellipsis;
  display: inline-flex;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header > .gwt-Label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header.tab-header-fill {
  transition: none;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header input {
  border: none;
  max-width: 107px;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header .actions {
  width: 50px;
  text-align: right;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header .actions button {
  font-size: 7pt;
  padding-left: 3px;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header .actions button:first-child {
  padding-left: 0;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header:hover > .gwt-Label, .tabContainer-panel .tabContainer-header .tab-headers .tab-header.active > .gwt-Label {
  max-width: 127px;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header.active {
  font-weight: bolder;
  border-radius: 5px 0 0 0;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header.is-dragging {
  z-index: 1;
  box-shadow: none !important;
}

.tabContainer-panel .tab-contents {
  height: calc(100% - 20px);
}

.tabContainer-panel .tab-contents .tab-content {
  height: 100%;
  display: none;
}

.tabContainer-panel .tab-contents .tab-content.active {
  display: block;
}

.tabContainer-panel .tutorial {
  float: left;
  width: 100%;
  height: 100%;
}

.tabContainer-panel .tutorial .box-board {
  padding-top: 50px;
  width: 400px;
  margin: auto;
  font-size: 17px;
}

.tabContainer-panel .tutorial .box-board > div {
  padding: .5em;
}

.tabContainer-panel .tutorial .box-board .title {
  font-weight: bold;
  text-align: center;
}

.tabContainer-panel .tutorial .box-board .shortcut-sentence {
  display: inline-block;
  margin-right: 5px;
}

.tabContainer-panel .tutorial .box-board .shortcut-label {
  font-weight: bold;
  display: inline-block;
}

.tabContainer-panel .tutorial .box-board .shortcut-label:hover {
  text-decoration: underline;
  cursor: pointer;
}

.tagInput .selectize-dropdown {
  display: none !important;
}

.tagInput .item {
  border-radius: 4px;
  padding: 3px;
}

.temporal-criterion-picker .selectors {
  width: 100%;
  padding-bottom: 5px;
  text-align: center;
}

.temporal-criterion-picker .selectors select {
  margin-right: 5px;
}

.temporal-criterion-picker .cols {
  display: flex;
}

.temporal-criterion-picker .cols .right-col {
  width: 70%;
}

.temporal-criterion-picker .cols .right-col .date-pickers {
  display: flex;
  justify-content: space-around;
}

.temporal-criterion-picker .cols .right-col .date-pickers .picker.deactivated {
  opacity: .3;
}

.temporal-criterion-picker .cols .left-col {
  width: 30%;
  display: flex;
  flex-direction: column;
  padding-right: 10px;
  border-right: 1px solid;
}

.temporal-criterion-picker .invalid-label {
  text-align: right;
}

.window {
  padding-bottom: 0 !important;
}

.window .column-layout-container {
  display: flex;
  overflow: auto;
}

.window .column-layout-container.grow-right {
  padding-right: 0 !important;
}

.window .column-layout-container, .window .column-layout-column, .window .nest, .window .ticket-blotter-content {
  height: 100%;
}

.window .column-layout-column {
  min-width: 370px;
}

.window .ticket-blotter-content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.window .tickets {
  padding-left: 10px;
  padding-right: 10px;
}

.window .btn-toolbar {
  padding-left: 2em !important;
  cursor: move;
  margin: 0;
}

.window .ticket-blotter-atom {
  height: 100%;
  min-height: 30px !important;
}

.window .ticket-blotter-atom .content {
  flex: 1;
  width: 100%;
  overflow-x: auto;
  flex-direction: row !important;
}

.window .ticket-blotter-atom .content .close-column-icon {
  position: absolute;
  padding: .7em;
}

.window .ticket-blotter-atom .content .tickets {
  padding: 0 !important;
}

.window .ticket-blotter-atom .content .tickets .timestamp {
  height: 1.5em;
  overflow: hidden;
}

.ticket-blotter-atom {
  min-height: 250px;
  display: flex;
  flex-direction: column;
}

.ticket-blotter-atom .scrollable-up-button {
  height: 18px;
  flex-shrink: 0;
}

.ticket-blotter-atom .scrollable-down-button {
  height: 18px;
}

.ticket-blotter-atom .btn-toolbar {
  flex-shrink: 0;
  width: 100%;
  padding: .5em;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.ticket-blotter-atom .tickets {
  display: flex;
  flex-direction: column;
}

.ticket-blotter-atom .tickets > .ticket {
  margin: 6px;
  flex-shrink: 0;
  border-radius: 3px;
  position: relative;
}

.ticket-blotter-atom .tickets > .ticket .close-icon {
  position: relative;
  left: 2px;
  height: 1.5em;
  line-height: 100%;
}

.ticket-blotter-atom .tickets > .ticket .partial-progress {
  width: 100%;
  margin-top: 1px;
  position: relative;
}

.ticket-blotter-atom .tickets > .ticket .partial-progress .cumulated {
  height: 5px;
}

.ticket-blotter-atom .tickets > .ticket .top-summary {
  display: flex;
  justify-content: space-between;
  padding: 0 3px 0 3px;
}

.ticket-blotter-atom .tickets > .ticket .top-summary .actions-icon {
  float: left;
  display: flex;
}

.ticket-blotter-atom .tickets > .ticket .top-summary .actions-icon .icon {
  margin-right: 5px;
}

.ticket-blotter-atom .tickets > .ticket .top-summary .actions-icon:after {
  content: '';
  display: block;
  clear: both;
}

.ticket-blotter-atom .tickets > .ticket .timestamp {
  width: 100%;
  text-align: center;
}

.ticket-blotter-atom .tickets > .ticket .icon {
  margin-right: 5px;
  float: left;
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area {
  height: 100%;
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 6px;
  /*
                    TODO set border color with skins
                    example from skin
                    &.canceled-strategy {
                        .summary-ticket {
                            &.loop, &.oco, &.ifdone{
                                >div::before, >div::after, .order-operation::before, .order-operation::after{
                                   border-color: @ticket-blotter-atom-ticket-canceled-strategy-border;
                                }
                            }
                        }
                    }
                    */
  /*
                        >div:nth-child(2)::before{
                            width: calc( 16px - 8px);
                            border-bottom: $border-width solid;
                            top: -$ticket-margin;
                        }
                        >div:nth-child(2)::after{
                            border-left: $triangle-size solid;
                            border-top: $triangle-size solid transparent;
                            border-bottom: $triangle-size solid transparent;
                            top: calc(50% - 9px);
                            left: -$triangle-size;
                        }
                        */
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket .loop, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket .ifdone, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket .oco {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket > div {
  width: 90% !important;
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket .loop, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket .ifdone, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket .oco, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket .order-operation, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket .ticket {
  position: relative;
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.loop > div::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.loop .order-operation::after, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.oco > div::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.oco .order-operation::after, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.ifdone > div::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.ifdone .order-operation::after {
  content: "";
  position: absolute;
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.loop > div::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.oco > div::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.ifdone > div::before {
  width: 16px;
  left: -16px;
  height: 50%;
  border-left-style: solid;
  border-width: 2px;
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.loop > div:nth-child(1)::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.oco > div:nth-child(1)::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.ifdone > div:nth-child(1)::before {
  border-top-style: solid;
  top: calc(50%);
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.loop > div:nth-child(2)::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.oco > div:nth-child(2)::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.ifdone > div:nth-child(2)::before {
  border-bottom-style: solid;
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.loop .order-operation::after, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.oco .order-operation::after, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.ifdone .order-operation::after {
  border-style: solid;
  border-width: 5px;
  border-left-width: 1px;
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 15%;
  border-top-right-radius: 15%;
  top: calc(50% - 5px);
  left: -6px;
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.loop > .oco::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.oco > .oco::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.ifdone > .oco::before {
  width: 5.33333px !important;
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.loop > .oco > div::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.oco > .oco > div::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.ifdone > .oco > div::before {
  content: "";
  position: absolute;
  width: 5.66667px;
  left: -10.66667px;
  height: 50%;
  border-width: 2px;
  border-left-style: solid;
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.loop > .oco > div:nth-child(1)::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.oco > .oco > div:nth-child(1)::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.ifdone > .oco > div:nth-child(1)::before {
  border-top-style: solid;
  top: calc(50%);
}

.ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.loop > .oco > div:nth-child(2)::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.oco > .oco > div:nth-child(2)::before, .ticket-blotter-atom .tickets .strategy-ticket .top-area .summary-ticket.ifdone > .oco > div:nth-child(2)::before {
  border-bottom-style: solid;
}

.ticket-blotter-atom .tickets .strategy-ticket .strategy-status {
  height: 11px;
  line-height: 11px;
  font-size: 10px;
  width: 100%;
  clear: both;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  border-top: 1px solid;
}

.ticket-blotter-atom .tickets .strategy-ticket .strategy-summary {
  text-align: center;
}

.ticket-blotter-atom .tickets .strategy-ticket .strategy-type {
  float: right;
  font-weight: bold;
  text-transform: uppercase;
  max-width: 25%;
  text-overflow: ellipsis;
}

.ticket-blotter-atom .tickets .strategy-ticket .actions {
  display: flex;
  clear: both;
}

.ticket-blotter-atom .tickets .strategy-ticket .actions .cancel, .ticket-blotter-atom .tickets .strategy-ticket .actions .suspend, .ticket-blotter-atom .tickets .strategy-ticket .actions .resume {
  flex-grow: 1;
}

.ticket-blotter-atom .tickets .strategy-ticket .symbol {
  margin-left: 5px;
  font-weight: bold;
  font-size: 1.5em;
  min-height: 1em;
  line-height: 1em;
  display: inline-block;
  clear: both;
}

.ticket-blotter-atom .tickets .strategy-ticket .summary {
  font-size: 1.3em;
  min-height: 1.2em;
  line-height: 1.2em;
  text-align: left;
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 6px 0;
}

.ticket-blotter-atom .tickets .strategy-ticket .summary .icon {
  font-size: 12px;
  float: left;
}

.ticket-blotter-atom .tickets .strategy-ticket .summary .details {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex: 8 0 0;
}

.ticket-blotter-atom .tickets .strategy-ticket .summary .side, .ticket-blotter-atom .tickets .strategy-ticket .summary .ticket-owner, .ticket-blotter-atom .tickets .strategy-ticket .summary .quantity, .ticket-blotter-atom .tickets .strategy-ticket .summary .cum-quantity, .ticket-blotter-atom .tickets .strategy-ticket .summary .oppQuantity, .ticket-blotter-atom .tickets .strategy-ticket .summary .order-type, .ticket-blotter-atom .tickets .strategy-ticket .summary .currency, .ticket-blotter-atom .tickets .strategy-ticket .summary .price, .ticket-blotter-atom .tickets .strategy-ticket .summary .avg-price {
  font-weight: bold;
}

.ticket-blotter-atom .tickets .strategy-ticket .summary .side {
  margin-right: 5px;
}

.ticket-blotter-atom .tickets .strategy-ticket .summary .side, .ticket-blotter-atom .tickets .strategy-ticket .summary .ticket-owner, .ticket-blotter-atom .tickets .strategy-ticket .summary .currency {
  margin-left: 5px;
}

.ticket-blotter-atom .tickets .strategy-ticket .summary .side, .ticket-blotter-atom .tickets .strategy-ticket .summary .ticket-owner, .ticket-blotter-atom .tickets .strategy-ticket .summary .quantity, .ticket-blotter-atom .tickets .strategy-ticket .summary .cum-quantity, .ticket-blotter-atom .tickets .strategy-ticket .summary .oppQuantity, .ticket-blotter-atom .tickets .strategy-ticket .summary .currency, .ticket-blotter-atom .tickets .strategy-ticket .summary .at, .ticket-blotter-atom .tickets .strategy-ticket .summary .price, .ticket-blotter-atom .tickets .strategy-ticket .summary .avg-price {
  display: inline-block;
  vertical-align: top;
}

.ticket-blotter-atom .tickets .strategy-ticket .summary .order-type {
  font-size: 10px;
  text-transform: uppercase;
  flex: 1 0 0;
  text-align: center;
  margin: auto;
}

.ticket-blotter-atom .tickets .order-ticket .order-status {
  height: 10px;
  line-height: 10px;
  font-size: 10px;
  width: 100%;
  clear: both;
  text-align: center;
  text-transform: uppercase;
  border-top: 1px solid;
}

.ticket-blotter-atom .tickets .order-ticket .fixing-info {
  width: 100%;
  justify-content: space-between;
  text-align: right;
}

.ticket-blotter-atom .tickets .order-ticket .fixing-info .separator {
  margin: 0 4px;
}

.ticket-blotter-atom .tickets .order-ticket .fixing-info div {
  display: inline;
}

.ticket-blotter-atom .tickets .order-ticket .order-type {
  float: right;
  font-weight: bold;
  text-transform: uppercase;
  max-width: 25%;
  text-overflow: ellipsis;
}

.ticket-blotter-atom .tickets .order-ticket .status {
  float: right;
  margin-right: 10px;
  font-weight: bold;
}

.ticket-blotter-atom .tickets .order-ticket .info-block {
  display: flex;
  padding: 0 3px 0 3px;
  margin-bottom: 2px;
  font-size: 13px;
}

.ticket-blotter-atom .tickets .order-ticket .info-block .gat-tif > div {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.ticket-blotter-atom .tickets .order-ticket .info-block .gat-tif .gat .progress {
  width: inherit;
}

.ticket-blotter-atom .tickets .order-ticket .info-block .venue-orchestration {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}

.ticket-blotter-atom .tickets .order-ticket .actions {
  display: flex;
}

.ticket-blotter-atom .tickets .order-ticket .actions .cancel, .ticket-blotter-atom .tickets .order-ticket .actions .suspend, .ticket-blotter-atom .tickets .order-ticket .actions .resume, .ticket-blotter-atom .tickets .order-ticket .actions .goToMarket {
  flex: 1;
}

.ticket-blotter-atom .tickets .order-ticket .summary {
  position: relative;
  font-size: 1.3em;
  min-height: 1.2em;
  line-height: 1.2em;
  text-align: center;
}

.ticket-blotter-atom .tickets .order-ticket .summary .near-summary, .ticket-blotter-atom .tickets .order-ticket .summary .far-summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.ticket-blotter-atom .tickets .order-ticket .summary .ticket-owner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
  font-weight: bold;
  max-width: 70px;
}

.ticket-blotter-atom .tickets .order-ticket .summary .side {
  margin-right: 5px;
}

.ticket-blotter-atom .tickets .order-ticket .summary .side, .ticket-blotter-atom .tickets .order-ticket .summary .quantity, .ticket-blotter-atom .tickets .order-ticket .summary .cum-quantity, .ticket-blotter-atom .tickets .order-ticket .summary .currency, .ticket-blotter-atom .tickets .order-ticket .summary .at, .ticket-blotter-atom .tickets .order-ticket .summary .then, .ticket-blotter-atom .tickets .order-ticket .summary .otherwise, .ticket-blotter-atom .tickets .order-ticket .summary .price, .ticket-blotter-atom .tickets .order-ticket .summary .avg-price, .ticket-blotter-atom .tickets .order-ticket .summary .symbol, .ticket-blotter-atom .tickets .order-ticket .summary .near-date-text, .ticket-blotter-atom .tickets .order-ticket .summary .far-date-text {
  vertical-align: top;
}

.ticket-blotter-atom .tickets .order-ticket .summary .then, .ticket-blotter-atom .tickets .order-ticket .summary .otherwise {
  margin: 0 5px 0 5px;
}

.ticket-blotter-atom .tickets .order-ticket .summary .side, .ticket-blotter-atom .tickets .order-ticket .summary .quantity, .ticket-blotter-atom .tickets .order-ticket .summary .cum-quantity, .ticket-blotter-atom .tickets .order-ticket .summary .currency, .ticket-blotter-atom .tickets .order-ticket .summary .then, .ticket-blotter-atom .tickets .order-ticket .summary .otherwise, .ticket-blotter-atom .tickets .order-ticket .summary .price, .ticket-blotter-atom .tickets .order-ticket .summary .avg-price, .ticket-blotter-atom .tickets .order-ticket .summary .symbol {
  font-weight: bold;
}

.ticket-blotter-atom .tickets .order-ticket .summary .side, .ticket-blotter-atom .tickets .order-ticket .summary .currency, .ticket-blotter-atom .tickets .order-ticket .summary .symbol, .ticket-blotter-atom .tickets .order-ticket .summary .near-date-text, .ticket-blotter-atom .tickets .order-ticket .summary .far-date-text {
  margin-left: 5px;
}

.ticket-blotter-content {
  flex-shrink: 0;
}

.time-progress-bar-addon {
  position: relative;
  width: 100%;
  height: 15px;
  border-radius: 2px;
}

.time-progress-bar-addon .pb-content {
  position: absolute;
  height: 100%;
  border-radius: 2px;
  min-width: 2px;
}

.time-progress-bar-addon .pb-content .icon {
  position: absolute;
  left: 0;
  width: 15px;
  line-height: 17px;
}

.time-progress-bar-addon .pb-content .icon:hover {
  cursor: inherit;
}

.time-progress-bar-addon .pb-content .gwt-Label {
  font-weight: bold;
  font-size: 10px;
  position: absolute;
  left: 15px;
  line-height: 17px;
}

.time-progress-bar-addon-v2 {
  margin: .2em 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.time-progress-bar-addon-v2.small .bar {
  height: 4px;
}

.time-progress-bar-addon-v2.small .label {
  padding: .1em;
}

.time-progress-bar-addon-v2.hidden {
  visibility: hidden;
}

.time-progress-bar-addon-v2 .label {
  font-size: .9em;
}

.time-progress-bar-addon-v2 .label::before {
  font-family: 'webappsdk';
  content: '\ea4d';
  margin-right: .4em;
}

.time-progress-bar-addon-v2 .bar {
  position: relative;
  border-radius: 0.25em;
  height: 0.5em;
  width: 100%;
  overflow: hidden;
}

.time-progress-bar-addon-v2 .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0;
  border-radius: 0.25em;
  width: 100%;
}

.time-progress-bar-addon-v2 .label,
.time-progress-bar-addon-v2 .label::before,
.time-progress-bar-addon-v2 .bar,
.time-progress-bar-addon-v2 .progress {
  animation-duration: inherit;
  animation-delay: inherit;
  animation-fill-mode: forwards;
  animation-timing-function: step-end;
}

.time-progress-bar-addon-v2.legacy {
  border-radius: 2px;
}

.time-progress-bar-addon-v2.legacy .label {
  position: absolute;
  z-index: 2;
  font-size: 10px;
}

.time-progress-bar-addon-v2.legacy .label::before {
  font-family: 'webappsdk';
  content: '\ea4e';
  margin-right: .4em;
}

.time-progress-bar-addon-v2.legacy .bar {
  height: 15px;
  border-radius: 2px;
}

.multi-mode-box-atom .time-progress-bar-addon-v2.animated {
  margin-top: 1px;
}

.multi-mode-box-atom .time-progress-bar-addon-v2.animated .label {
  margin-top: 1px;
}

.multi-mode-box-atom .time-progress-bar-addon-v2.animated .progress {
  top: unset;
  display: block;
  border-radius: unset;
}

.deal-editor-atom .error-icon {
  position: absolute;
  top: 0;
  right: 0;
}

.deal-editor-atom .field-option {
  width: 150px;
  float: left;
  margin-right: 15px;
  margin-top: 5px;
  position: relative;
}

.deal-editor-atom .field-option input {
  width: 100%;
}

.deal-editor-atom .field-option.executionID, .deal-editor-atom .field-option.owner, .deal-editor-atom .field-option.security, .deal-editor-atom .field-option.price, .deal-editor-atom .field-option.valuedate {
  clear: left;
}

.deal-editor-atom .footeractions {
  clear: both;
}

.deal-editor-atom .footeractions .btn {
  margin: 10px;
}

.flip {
  backface-visibility: hidden;
  transform: translateX(0);
}

.flip.out {
  transform: rotateY(-90deg) scale(0.9);
  animation-name: flipouttoleft;
  animation-duration: 175ms;
}

.flip.in {
  animation-name: flipintoright;
  animation-duration: 225ms;
}

.flip.out.reverse {
  transform: rotateY(90deg) scale(0.9);
  animation-name: flipouttoright;
}

.flip.in.reverse {
  animation-name: flipintoleft;
}

.trade-summary-atom, .trade-summary-print-atom {
  margin-bottom: 10px;
  overflow-y: auto;
  max-height: 650px;
  padding-right: 5px;
}

.trade-summary-atom .summary, .trade-summary-print-atom .summary {
  font-weight: bold;
  font-size: 1.4em;
  text-transform: uppercase;
}

.trade-summary-atom .summary .r, .trade-summary-print-atom .summary .r {
  display: inline-block;
  border-bottom: 0;
}

.trade-summary-atom .summary .r > .gwt-HTML, .trade-summary-atom .summary .r > .gwt-Label, .trade-summary-print-atom .summary .r > .gwt-HTML, .trade-summary-print-atom .summary .r > .gwt-Label {
  display: inline-block;
  margin-right: 5px;
}

.trade-summary-atom .trade-summary-container, .trade-summary-print-atom .trade-summary-container {
  display: flex;
  margin-top: 1em;
}

.trade-summary-atom .trade-summary-container > div, .trade-summary-print-atom .trade-summary-container > div {
  flex: 1;
}

.trade-summary-atom .trade-summary-container h4, .trade-summary-print-atom .trade-summary-container h4 {
  text-align: center;
}

.trade-summary-atom .trade-summary-container .r, .trade-summary-print-atom .trade-summary-container .r {
  line-height: 25px;
}

.trade-summary-atom .trade-summary-container .r .left, .trade-summary-print-atom .trade-summary-container .r .left {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  width: 35%;
}

.trade-summary-atom .trade-summary-container .r .right, .trade-summary-print-atom .trade-summary-container .r .right {
  width: 65%;
  overflow: hidden;
}

.trade-summary-atom .trade-summary-container .r .right .gwt-HTML, .trade-summary-atom .trade-summary-container .r .right .gwt-Label, .trade-summary-print-atom .trade-summary-container .r .right .gwt-HTML, .trade-summary-print-atom .trade-summary-container .r .right .gwt-Label {
  margin-right: 5px;
  display: inline-block;
}

.trade-summary-atom .trade-summary-container .order-details-atom, .trade-summary-print-atom .trade-summary-container .order-details-atom {
  width: 50%;
}

.trade-summary-atom .trade-summary-container .order-details-atom .execution-details-panel, .trade-summary-print-atom .trade-summary-container .order-details-atom .execution-details-panel {
  position: relative;
}

.trade-summary-atom .trade-summary-container .order-details-atom .execution-details-panel .off-all, .trade-summary-print-atom .trade-summary-container .order-details-atom .execution-details-panel .off-all {
  position: absolute;
}

.trade-summary-atom .trade-summary-container .orders-info, .trade-summary-print-atom .trade-summary-container .orders-info {
  overflow: auto;
  max-height: 300px;
  margin-bottom: 30px;
}

.trade-summary-atom .trade-summary-container .orders-info .version, .trade-summary-print-atom .trade-summary-container .orders-info .version {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  cursor: default;
  padding: 1%;
}

.trade-summary-atom .trade-summary-container .orders-info .version:after, .trade-summary-print-atom .trade-summary-container .orders-info .version:after {
  position: absolute;
  margin-top: 1%;
  height: 18px;
  width: 4px;
}

.trade-summary-atom .trade-summary-container .orders-info .version > *, .trade-summary-print-atom .trade-summary-container .orders-info .version > * {
  display: flex;
  line-height: 14px;
}

.trade-summary-atom .trade-summary-container .orders-info .version .top-summary, .trade-summary-print-atom .trade-summary-container .orders-info .version .top-summary {
  position: relative;
  font-size: 12px;
  justify-content: space-between;
}

.trade-summary-atom .trade-summary-container .orders-info .version .top-summary .icon, .trade-summary-print-atom .trade-summary-container .orders-info .version .top-summary .icon {
  z-index: 1;
}

.trade-summary-atom .trade-summary-container .orders-info .version .top-summary .timestamp, .trade-summary-print-atom .trade-summary-container .orders-info .version .top-summary .timestamp {
  position: relative;
  width: 100%;
  text-align: center;
  display: inline-block;
}

.trade-summary-atom .trade-summary-container .orders-info .version .top-summary .cancel, .trade-summary-print-atom .trade-summary-container .orders-info .version .top-summary .cancel {
  cursor: default;
  padding: 0 5px;
  z-index: 1;
}

.trade-summary-atom .trade-summary-container .orders-info .version .exec-detail-summary, .trade-summary-print-atom .trade-summary-container .orders-info .version .exec-detail-summary {
  flex-wrap: wrap;
  justify-content: center;
}

.trade-summary-atom .trade-summary-container .orders-info .version .exec-detail-summary > div, .trade-summary-print-atom .trade-summary-container .orders-info .version .exec-detail-summary > div {
  margin-left: 5px;
}

.trade-summary-atom .trade-summary-container .orders-info .version .bottom-summary, .trade-summary-print-atom .trade-summary-container .orders-info .version .bottom-summary {
  font-size: 12px;
  justify-content: center;
  margin-top: 4px;
}

.trade-summary-atom .trade-summary-container .orders-info .version .bottom-summary .counterpart-separator, .trade-summary-print-atom .trade-summary-container .orders-info .version .bottom-summary .counterpart-separator {
  margin: 0px 2px;
}

.trade-summary-atom .trade-summary-container .orders-info .version .bottom-summary .counterpart, .trade-summary-atom .trade-summary-container .orders-info .version .bottom-summary .executed-firm, .trade-summary-print-atom .trade-summary-container .orders-info .version .bottom-summary .counterpart, .trade-summary-print-atom .trade-summary-container .orders-info .version .bottom-summary .executed-firm {
  overflow: hidden;
  text-overflow: ellipsis;
}

.trade-summary-atom .trade-summary-container .pie-chart, .trade-summary-print-atom .trade-summary-container .pie-chart {
  overflow: hidden;
}

.trade-summary-atom .trade-summary-container .pie-chart .highcharts-container, .trade-summary-print-atom .trade-summary-container .pie-chart .highcharts-container {
  margin: 0;
}

.trade-summary-atom .trade-summary-content .r, .trade-summary-print-atom .trade-summary-content .r {
  display: flex;
}

.trade-summary-atom .side, .trade-summary-atom .order-status, .trade-summary-atom .categoryn .executed-firm, .trade-summary-atom .counterpart, .trade-summary-print-atom .side, .trade-summary-print-atom .order-status, .trade-summary-print-atom .categoryn .executed-firm, .trade-summary-print-atom .counterpart {
  font-weight: bold;
}

.trade-summary-atom .allocation-title, .trade-summary-print-atom .allocation-title {
  margin-top: 10px;
}

.trade-summary-dialog .printicon {
  position: absolute;
  left: 100px;
}

.trade-summary-dialog .printicon .lbl {
  margin-left: 10px;
}

.trade-cancel-dialog .body {
  position: relative;
}

.trade-cancel-dialog .body .comment {
  padding-left: 10px;
  width: 100%;
  max-width: 100%;
  margin-top: 15px;
}

.trade-cancel-dialog .body .error-label {
  margin-left: 10px;
  height: 20px;
}

.trade-summary-print-atom {
  overflow-y: auto;
  height: 100%;
  font-size: 12pt;
  padding: 6px 0px 20px 30px;
}

.trade-summary-print-atom .trade-summary-print-container {
  display: flex;
  flex-direction: column;
}

.trade-summary-print-atom .trade-summary-print-container .content {
  flex-grow: 1;
}

.trade-summary-print-atom .trade-summary-print-container .gwt-Label, .trade-summary-print-atom .trade-summary-print-container .gwt-HTML {
  color: black !important;
}

.trade-summary-print-atom .trade-summary-print-container .summary {
  font-size: 13pt;
}

.trade-summary-print-atom .trade-summary-print-container .summary .r div {
  margin-right: 5px;
}

.trade-summary-print-atom .trade-summary-print-container .title-and-date {
  display: flex;
  align-items: baseline;
  font-size: 14pt;
  font-weight: bold;
  margin-bottom: 10px;
}

.trade-summary-print-atom .trade-summary-print-container .application-name, .trade-summary-print-atom .trade-summary-print-container .summary-date {
  display: none;
}

.trade-summary-print-atom .trade-summary-print-container .left {
  width: 40%;
}

.trade-summary-print-atom .trade-summary-print-container .right {
  width: 60%;
  overflow: visible;
}

.trade-summary-print-atom .trade-summary-print-container .trade-summary-container {
  flex-direction: column;
}

.trade-summary-print-atom .trade-summary-print-container .trade-summary-container .r {
  display: flex;
}

.trade-summary-print-atom .trade-summary-print-container .trade-summary-content {
  min-width: 700px;
}

.trade-summary-print-atom .trade-summary-print-container .trade-summary-content .r .right .gwt-HTML, .trade-summary-print-atom .trade-summary-print-container .trade-summary-content .r .right .gwt-Label {
  margin-right: 5px;
  display: inline-block;
}

.trade-summary-print-atom .trade-summary-print-container .btn-container {
  margin-right: 20px;
  margin-bottom: 10px;
  text-align: end;
}

.trade-summary-print-atom .trade-summary-print-container .btn-container button {
  margin-left: 5px;
}

@media print {
  .trade-summary-atom {
    font-size: 12pt;
  }
  .trade-summary-atom .summary {
    font-size: 13pt;
  }
  .trade-summary-atom .left {
    width: 40%;
  }
  .trade-summary-atom .right {
    width: 60%;
    overflow: visible;
  }
  .printicon, .close, .order-details-atom, .gutter {
    display: none;
  }
  .modal-dialog .modal-header * {
    visibility: visible;
  }
  .modal-dialog .modal-body * {
    visibility: visible;
  }
  .trade-summary-print-atom {
    height: auto;
  }
}

.widget-store {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.widget-store.window {
  height: 100%;
}

.widget-store.window .row {
  display: none;
}

.widget-store.window .col-layout-widget {
  height: 100%;
}

.widget-store.window .col-layout-widget .scrollable-area {
  height: 100%;
}

.widget-store.window .col-layout-widget .actions {
  opacity: 1;
}

.widget-store.window .col-layout-widget .widget-actions .maximize {
  display: none;
}

.widget-store.window .col-layout-widget .title:after {
  display: none;
}

.widget-store.window .col-layout-widget:hover .title, .widget-store.window .col-layout-widget:focus .title, .widget-store.window .col-layout-widget:active .title {
  padding-left: 0 !important;
}

.widget-store.window .col-layout-widget .resizer {
  display: none;
}

.widget-store > div {
  height: 100%;
}

.widget-store .column-layout .column-layout-container {
  width: 100%;
}

.widget-store .column-layout .column-layout-column {
  display: block;
  width: 100%;
}

.widget-store .column-layout .col-layout-col {
  width: 100%;
  height: 100%;
}

.widget-store .column-layout .nest:first-child {
  margin-top: 0;
}

.widget-store .column-layout .nest:last-child {
  margin-bottom: 0;
}

.widget-store .col-layout-widget {
  width: 100%;
  height: 125px;
  overflow: hidden;
}

.widget-store .col-layout-widget > * {
  flex-shrink: 0;
}

.widget-store .col-layout-widget .scrollable-area {
  overflow-y: auto;
  padding-bottom: 10px;
}

.widget-store .col-layout-widget .resizer {
  position: absolute;
  bottom: 0;
  background: #E7E7E7 url("img/grips/horizontal.png") center center no-repeat;
  cursor: row-resize;
}

.widget-store .col-layout-widget.maximized .scrollable-area {
  height: 100%;
}

.widget-store .col-layout-widget .b-search-field .clear {
  z-index: 3;
  right: 15px;
}

.widget-store .col-layout-widget .header {
  height: 30px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 1em 0 1em;
  position: relative;
}

.widget-store .col-layout-widget .header:active {
  cursor: move;
}

.widget-store .col-layout-widget .header .handle {
  cursor: move;
}

.widget-store .col-layout-widget .header .title {
  padding-left: 0;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: .8em;
  cursor: pointer;
}

.widget-store .col-layout-widget .header .title:after {
  font-family: "webappsdk";
  content: "\edc4";
  opacity: 0;
  margin-left: 4px;
}

.widget-store .col-layout-widget .header .actions {
  opacity: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}

.widget-store .col-layout-widget .header .actions .icon {
  margin-left: 8px;
}

.widget-store .col-layout-widget .header .always-visible-action {
  padding: 0 0 0 .8em;
  display: flex;
}

.widget-store .col-layout-widget.maximized .header .title:after, .widget-store .col-layout-widget.maximized .header .dock {
  display: none;
}

.widget-store .col-layout-widget.maximized:hover .title, .widget-store .col-layout-widget.maximized:focus .title, .widget-store .col-layout-widget.maximized:active .title {
  padding-left: 0 !important;
}

.widget-store .col-layout-widget.maximized .resizer {
  display: none;
}

.widget-store .col-layout-widget .resizer {
  width: 100%;
  height: 10px;
  opacity: 0;
}

.widget-store .col-layout-widget:hover .header .actions, .widget-store .col-layout-widget:focus .header .actions, .widget-store .col-layout-widget:focus-within .header .actions, .widget-store .col-layout-widget.is-resizing .header .actions, .widget-store .col-layout-widget:active .header .actions {
  opacity: 1;
}

.widget-store .col-layout-widget:hover .header .title:after, .widget-store .col-layout-widget:focus .header .title:after, .widget-store .col-layout-widget:focus-within .header .title:after, .widget-store .col-layout-widget.is-resizing .header .title:after, .widget-store .col-layout-widget:active .header .title:after {
  opacity: 1;
}

.widget-store .col-layout-widget:hover .resizer, .widget-store .col-layout-widget:focus .resizer, .widget-store .col-layout-widget:focus-within .resizer, .widget-store .col-layout-widget.is-resizing .resizer, .widget-store .col-layout-widget:active .resizer {
  opacity: 1;
}

.widget-store .col-layout-widget .content {
  height: calc(100% - 30px);
  display: flex;
  flex-direction: column;
  position: relative;
}

.widget-store .col-layout-widget.reduced {
  height: 30px !important;
  min-height: 30px !important;
  overflow: hidden;
}

.widget-store .col-layout-widget.reduced .content {
  height: 0 !important;
}

.widget-store .col-layout-widget.reduced .resizer {
  display: none;
}

.widget-store .col-layout-widget.maximized .title:after, .widget-store .col-layout-widget.reduced .title:after {
  content: "\edc6";
}

.widget-store .active-widgets-panel-with-edit {
  display: flex;
  flex-direction: column;
}

.widget-store .active-widgets-panel-with-edit .active-widgets-panel {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.widget-store .active-widgets-panel-with-edit .active-widgets-panel .scrollable-up-focus, .widget-store .active-widgets-panel-with-edit .active-widgets-panel .scrollable-down-focus {
  line-height: 0;
}

.widget-store .active-widgets-panel-with-edit .active-widgets-panel .active-widgets {
  overflow: hidden;
}

.widget-store .active-widgets-panel-with-edit .active-widgets-panel .scrollable-up-button, .widget-store .active-widgets-panel-with-edit .active-widgets-panel .scrollable-down-button {
  border: none;
  border-radius: 0;
  width: 100%;
  height: 16px;
  line-height: 1px;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.widget-store .btn.edit, .widget-store .btn.done {
  border: none;
  border-radius: 0;
  width: 100%;
}

.widget-store .active-widgets .no-widget {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 5px;
}

.widget-store .available-widgets-panel {
  display: flex;
  flex-direction: column;
}

.widget-store .available-widgets-panel .available-widgets {
  flex-grow: 1;
  list-style-type: none;
  padding-left: 0;
}

.widget-store .available-widgets-panel .available-widgets .available-widget {
  font-size: 18px;
  clear: both;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
}

.widget-store .available-widgets-panel .available-widgets .available-widget:hover {
  opacity: .8;
}

.widget-store .available-widgets-panel .available-widgets .available-widget.dragenter {
  opacity: .3;
}

.widget-store .available-widgets-panel .available-widgets .available-widget .widget-icon {
  cursor: move;
  margin-right: 5px;
  pointer-events: none;
}

.widget-store .available-widgets-panel .available-widgets .available-widget .caption {
  pointer-events: none;
}

.widget-store .available-widgets-panel .available-widgets .available-widget .add {
  margin-right: 15px;
  float: right;
}

.widget-store .available-widgets-panel .available-widgets .available-widget .remove {
  margin-right: 15px;
  float: right;
}

.widget-store .form-control {
  padding: 0 12px;
}

.window .icon-esc {
  transform: rotate(90deg);
}

.youtube-atom {
  min-height: 335px;
}

.youtube-atom.reduced {
  height: 30px !important;
  min-height: 30px;
  overflow: hidden;
}

.youtube-atom .title {
  margin-left: 0;
  text-transform: uppercase;
}

.youtube-atom .video-player {
  height: 300px;
  width: 100%;
}

.youtube-atom .content {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.youtube-atom .content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.form-field {
  margin: 5px 0 15px 0;
  position: relative;
}

.form-field.required .caption:after {
  content: " *";
}

.form-field .caption {
  display: block;
  padding-left: 2px;
}

.form-field .form-field-validator.invalid {
  border-color: none;
}

.form-field .form-field-validator:after {
  display: none;
}

.form-field .form-field-validator:before {
  display: none;
}

.form-field .inner-widget {
  width: 100%;
}

.form-field .inner-widget.date-time .icon-cross2 {
  margin-top: 1px;
  margin-left: -15px;
  font-size: 10px;
}

.form-field[error]:before, .form-field[error]:after {
  position: absolute;
  top: 100%;
}

.form-field[error]:before {
  font-family: "webappsdk";
  content: "\ed4e";
  font-size: 12px;
  line-height: 18px;
  width: 20px;
  z-index: 3;
  padding-left: 7px;
  display: none;
}

.form-field[error]:after {
  content: attr(error);
  font-size: 12px;
  min-width: 100%;
  padding-left: 25px;
  padding-right: .5em;
  z-index: 2;
  float: left;
  display: none;
}

.form-field[error] .inner-widget {
  border: 1px solid #FF7400;
}

.form-field[error]:hover:before {
  display: inline;
}

.form-field[error]:hover:after {
  display: block;
}

.chat-atom .header {
  border-bottom: 1px solid;
}

.chat-atom .content {
  flex-direction: initial !important;
  border-bottom: 10px solid;
}

.chat-atom .chat-notifications {
  position: absolute;
  top: 40px;
  right: 20px;
  opacity: .6;
  padding: 5px 30px 5px 40px;
  border-radius: 4px;
  max-width: 220px;
  white-space: normal;
}

.chat-atom .chat-notifications:before {
  font-family: "webappsdk";
  content: '\ed4c';
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -10px;
}

.chat-atom .chat-notifications .notification-close {
  position: absolute;
  top: 5px;
  right: 5px;
}

.chat-atom .left-column {
  border-right: 1px solid;
  height: calc(100% - 30px);
  width: 30%;
  min-width: 160px;
  max-width: 250px;
  position: relative;
}

.chat-atom .left-column .status-panel {
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 8px;
}

.chat-atom .left-column .status-panel .status-label {
  padding: 3px 0;
}

.chat-atom .left-column .status-panel .btn-group.open button:before {
  content: "\edb5";
}

.chat-atom .left-column .status-panel .btn-group button {
  padding: 3px 8px;
  border-radius: 0;
  border: none;
  background-color: transparent;
}

.chat-atom .left-column .status-panel .dropdown-menu {
  right: 0;
  left: initial;
  border-radius: 0;
  margin-top: -2px;
  padding: 0;
}

.chat-atom .left-column .status-panel .dropdown-menu li {
  cursor: pointer;
  padding: 0 10px;
}

.chat-atom .left-column .status-panel .dropdown-menu li:not(.divider) {
  padding: 5px 8px;
}

.chat-atom .left-column .status-panel .dropdown-menu .divider {
  margin: 0;
}

.chat-atom .right-column {
  width: 100%;
  height: 100%;
  position: relative;
}

.chat-atom .right-column .message-input {
  position: absolute;
  width: 100%;
  height: 40px;
  bottom: 30px;
  display: flex;
}

.chat-atom .right-column .message-input .text-input {
  height: 100%;
  padding-left: 8px;
  flex-grow: 1;
}

.chat-atom .right-column .message-input .icons-container {
  height: 100%;
  display: flex;
  padding: 0 8px;
}

.chat-atom .right-column .conversations {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 70px;
}

.chat-atom .right-column .conversations .conversations-header {
  height: 64px;
  border-bottom: 1px solid;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 8px;
  line-height: 50px;
  display: flex;
  position: relative;
}

.chat-atom .right-column .conversations .conversations-header .contact-icon {
  display: inline-block;
  font-size: 35px;
  width: 50px;
  text-align: center;
  border-radius: 50%;
  text-transform: capitalize;
}

.chat-atom .right-column .conversations .conversations-header .contact-name {
  display: inline-block;
  margin-left: 5px;
  line-height: 30px;
}

.chat-atom .right-column .conversations .conversations-header .record-remember {
  position: absolute;
  bottom: 8px;
  line-height: 20px;
  margin-left: 55px;
  font-size: smaller;
}

.chat-atom .right-column .conversations .conversation-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - 64px);
}

.chat-atom .right-column .conversations .conversation-by-day .day-title {
  text-align: center;
  font-family: 'Arial';
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 5px;
}

.chat-atom .right-column .conversations .convo {
  display: flex;
  flex-direction: column;
  padding-top: 5px;
}

.chat-atom .right-column .conversations .convo .speech-bubble {
  display: inline-block;
  margin-bottom: 25px;
  line-height: 24px;
  border-radius: 20px;
  padding: 5px 15px;
  position: relative;
  min-width: 50px;
  max-width: 75%;
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.chat-atom .right-column .conversations .convo .speech-bubble[data-sender]:not([data-sender=""]) {
  margin-left: 28px;
}

.chat-atom .right-column .conversations .convo .speech-bubble[data-sender]:not([data-sender=""])::before {
  content: attr(data-sender);
  overflow: hidden;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  position: absolute;
  left: -24px;
  z-index: 5;
  text-align: center;
  line-height: 20px;
  text-transform: capitalize;
  transition: all .5s;
}

.chat-atom .right-column .conversations .convo .speech-bubble::after {
  content: attr(data-timestamp);
  text-transform: capitalize;
  position: absolute;
  bottom: -21px;
  opacity: .5;
  font-size: smaller;
}

.chat-atom .right-column .conversations .convo .speech-bubble.not-mine {
  align-self: flex-start;
  margin-left: 15px;
}

.chat-atom .right-column .conversations .convo .speech-bubble.not-mine::after {
  left: -13px;
  width: 100px;
  text-align: start;
}

.chat-atom .right-column .conversations .convo .speech-bubble.not-mine div:last-child:before {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: -2px;
  left: -7px;
  height: 20px;
  border-left: 20px solid;
  border-bottom-right-radius: 16px 14px;
  transform: translate(0, -2px);
}

.chat-atom .right-column .conversations .convo .speech-bubble.not-mine div:last-child:after {
  content: "";
  position: absolute;
  z-index: 3;
  bottom: -2px;
  left: 4px;
  width: 26px;
  height: 20px;
  border-bottom-right-radius: 10px;
  transform: translate(-30px, -2px);
}

.chat-atom .right-column .conversations .convo .speech-bubble.mine {
  align-self: flex-end;
  margin-right: 15px;
}

.chat-atom .right-column .conversations .convo .speech-bubble.mine::after {
  right: -13px;
  width: 100px;
  text-align: end;
}

.chat-atom .right-column .conversations .convo .speech-bubble.mine div:last-child:before {
  content: '';
  position: absolute;
  z-index: 0;
  bottom: -2px;
  right: -7px;
  height: 20px;
  border-right: 20px solid;
  border-bottom-left-radius: 16px 14px;
  transform: translate(0, -2px);
}

.chat-atom .right-column .conversations .convo .speech-bubble.mine div:last-child:after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: -2px;
  right: -56px;
  width: 26px;
  height: 20px;
  border-bottom-left-radius: 10px;
  transform: translate(-30px, -2px);
}

.chat-atom .chat-menu {
  height: 100%;
}

.chat-atom .chat-menu .menu-header {
  text-transform: uppercase;
  display: flex;
  justify-content: space-around;
  align-items: center;
  line-height: 30px;
  border-bottom: 1px solid;
}

.chat-atom .chat-menu .menu-header .menu-choice {
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
  position: relative;
  padding-bottom: 5px;
  padding-top: 2px;
  font-weight: bold;
}

.chat-atom .chat-menu .menu-header .menu-choice.selected:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 11px 11px;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -6px;
}

.chat-atom .chat-menu .menu-header .menu-choice.selected:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -5px;
}

.chat-atom .chat-menu .recent-activity {
  padding-top: 8px;
}

.chat-atom .chat-menu .roster {
  overflow-y: auto;
  width: 100%;
  height: calc(100% - 30px);
}

.chat-atom .chat-menu .roster .search {
  width: 100%;
  display: flex;
  justify-content: space-around;
  position: relative;
  padding: 8px 0;
  margin-bottom: 10px;
}

.chat-atom .chat-menu .roster .search .search-border {
  width: 75%;
  position: absolute;
  bottom: 0;
  border-bottom: 1px solid;
}

.chat-atom .chat-menu .roster .search .search-border:before {
  font-family: "webappsdk";
  content: "\eb2d";
  position: absolute;
  left: -12%;
  bottom: 7px;
}

.chat-atom .chat-menu .roster .search .search-border:after {
  content: '';
  transition: all .3s;
  transform: scale(0);
  border-bottom: 1px solid;
  margin-bottom: -1px;
  display: block;
}

.chat-atom .chat-menu .roster .search .clear-search {
  margin-right: 8px;
}

.chat-atom .chat-menu .roster .search .search-input {
  width: 100%;
  background: transparent;
  border: 0;
  padding-left: 35px;
}

.chat-atom .chat-menu .roster .search .search-input:focus + .search-border:after {
  transform: scale(1);
}

.chat-atom .chat-menu .roster .contact-list {
  height: calc(100% - 57px);
  overflow-y: auto;
  position: relative;
}

.chat-atom .chat-menu .roster .no-match {
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
}

.chat-atom .chat-menu .roster .contact-group {
  margin-bottom: 15px;
}

.chat-atom .chat-menu .roster .contact-group.reduced {
  height: 20px;
  overflow-y: hidden;
}

.chat-atom .chat-menu .roster .contact-group.reduced .group-header .group-name:after {
  content: '\edbf';
}

.chat-atom .chat-menu .roster .contact-group .group-header {
  height: 20px;
  width: 100%;
  display: flex;
  padding-left: 8px;
}

.chat-atom .chat-menu .roster .contact-group .group-header:hover {
  cursor: pointer;
}

.chat-atom .chat-menu .roster .contact-group .group-header .group-name {
  margin-left: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: bold;
}

.chat-atom .chat-menu .roster .contact-group .group-header .group-name:after {
  font-family: "webappsdk";
  content: '\edb7';
  font-size: 9px;
  font-weight: bold;
  padding-left: 8px;
  vertical-align: text-bottom;
  line-height: 15px;
}

.chat-atom .chat-menu .roster .contact-group .group-content {
  padding-top: 5px;
}

.chat-atom .chat-menu .contact {
  display: flex;
  cursor: pointer;
  padding: 2px 0 3px 10px;
  font-size: 12px;
  line-height: 18px;
}

.chat-atom .chat-menu .contact.has-unread-msg {
  font-weight: 900;
  font-style: italic;
}

.chat-atom .chat-menu .contact.has-unread-msg .status-bullet:after {
  opacity: 1;
}

.chat-atom .chat-menu .contact .status-bullet {
  margin-left: 10px;
  margin-right: 5px;
}

.chat-atom .chat-menu .contact .status-bullet:before {
  font-size: 15px;
}

.chat-atom .chat-menu .contact .status-bullet:after {
  content: "\eaf4";
  font-size: 9px;
  position: absolute;
  left: 3px;
  top: 5px;
  opacity: .6;
}

.chat-atom .chat-menu .contact .contact-name {
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 100px;
}

.chat-atom .contact[unread-count] {
  font-weight: 900;
  font-style: italic;
}

.chat-atom .contact[unread-count]:after {
  content: attr(unread-count);
  font-size: .85em;
  height: 1.5em;
  min-width: 1.5em;
  padding: 0 .2em;
  text-align: center;
  border-radius: 0.75em;
  line-height: 1.5em;
  font-style: normal;
  font-weight: normal;
}

.depth-blotter-atom .select2-container {
  width: 50%;
  text-align: center;
  margin-left: 10%;
}

.depth-blotter-atom .bootstrap-switch {
  width: 24%;
  margin-left: 10%;
}

.depth-blotter-atom .depth-container .row {
  margin-right: 15px;
  margin-left: 15px;
}

.depth-blotter-atom .depth-container .depth-item {
  float: left;
  position: relative;
  min-height: 1px;
  width: 16.66666667%;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  border-top: 1px solid;
  border-right: 1px solid;
}

.depth-blotter-atom .depth-container .depth-item:first-child {
  border-left: 1px solid;
}

.depth-blotter-atom .depth-container .entry-line:last-child .depth-item {
  border-bottom: 1px solid;
}

.depth-blotter-atom .depth-container .empty-line {
  display: none;
}

.depth-blotter-atom .depth-container .book-mode .src-item {
  opacity: 1;
}

.depth-blotter-atom .depth-container .aggregated-mode .depth-item:nth-child(2) {
  border-left: 1px solid;
}

.depth-blotter-atom .depth-container .aggregated-mode .src-item {
  opacity: 0;
}

.widget-store .depth-blotter-atom .row {
  display: block !important;
}

.desk-info-atom .container {
  width: 100%;
}

.desk-info-atom .container .desk-panel {
  margin-bottom: 5px;
}

.desk-info-atom .container .desk-panel:after {
  content: '';
  display: block;
  clear: both;
}

.desk-info-atom .container .desk-panel:hover {
  cursor: default;
}

.desk-info-atom .container .desk-panel .desk-name {
  margin-bottom: 5px;
}

.desk-info-atom .container .desk-panel .count, .desk-info-atom .container .desk-panel .icon {
  float: left;
  width: 30px;
  margin-left: 15px;
  margin-right: 5px;
}

.desk-info-atom .container .desk-panel .count:after, .desk-info-atom .container .desk-panel .icon:after {
  content: '';
  display: block;
  clear: both;
}

.desk-info-atom .container .desk-panel .exec-authority {
  margin-left: 15px;
}

.desk-info-atom .container .desk-panel .exec-authority .status-icon {
  cursor: auto;
  color: inherit;
}

.desk-info-atom .container .desk-panel .exec-authority .status-icon .lbl {
  display: block;
}

.desk-info-atom .container .desk-panel .exec-authority .status-icon .icon-circle2 {
  float: right;
}

.desk-info-atom .container .desk-panel .exec-authority .icon {
  margin: 0;
  bottom: -3px;
}

.desks-atom {
  height: 100%;
}

.desks-atom .desks-header {
  margin-bottom: 1em;
}

.desks-atom .desks-header .actions {
  float: left;
}

.desks-atom .desks-header .labels {
  float: right;
  margin-right: 40px;
}

.desks-atom .desks-header .labels .label {
  float: right;
}

.desks-atom .desks-header:after {
  content: '';
  display: block;
  clear: both;
}

.desks-atom .schedules-container {
  overflow: auto;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  height: calc(100% - 30px);
}

.desks-atom .schedules-container .schedules {
  width: 1440px;
  margin: auto;
  position: relative;
  margin-top: 1em;
}

.desks-atom .schedules-container .schedules .time-bar {
  position: absolute;
  width: 2px;
  top: 0;
  bottom: 0;
  margin: 0;
  z-index: 100;
}

.desks-atom .schedules-container .schedules .time-bar:after {
  content: attr(hhmmss);
  display: block;
  position: absolute;
  top: -15px;
  bottom: 0;
  margin: 0;
  z-index: 100;
  width: 200px;
  margin-left: -100px;
  text-align: center;
  font-size: .8em;
  font-weight: bold;
  height: 5px;
}

.desks-atom .schedules-container .schedules .hour-panel .hour-label {
  float: left;
  width: 60px;
  box-sizing: border-box;
}

.desks-atom .schedules-container .schedules .hour-panel:after {
  content: '';
  display: block;
  clear: both;
}

.desks-atom .schedules-container .schedules .desk-routing-rule {
  height: 60px;
  margin-bottom: 20px;
  position: relative;
}

.desks-atom .schedules-container .schedules .desk-routing-rule .rule {
  position: absolute;
  width: 100%;
  height: 30px;
  line-height: 30px;
  bottom: 0;
  padding-left: 1em;
  padding-right: 1em;
  box-sizing: border-box;
}

.desks-atom .schedules-container .schedules .desk-routing-rule .rule .rule-name {
  width: 17%;
  float: left;
  box-sizing: border-box;
}

.desks-atom .schedules-container .schedules .desk-routing-rule .rule .rule-name .caption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 48%;
}

.desks-atom .schedules-container .schedules .desk-routing-rule .rule .rule-name .value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 48%;
}

.desks-atom .schedules-container .schedules .desk-routing-rule .rule .rule-criteria {
  width: 66%;
  float: left;
  padding-left: 1em;
  box-sizing: border-box;
}

.desks-atom .schedules-container .schedules .desk-routing-rule .rule .rule-criteria .caption, .desks-atom .schedules-container .schedules .desk-routing-rule .rule .rule-criteria .value {
  max-width: 13%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.desks-atom .schedules-container .schedules .desk-routing-rule .rule .rule-desk {
  width: 17%;
  float: left;
  padding-left: 1em;
  box-sizing: border-box;
}

.desks-atom .schedules-container .schedules .desk-routing-rule .rule .gwt-Label {
  float: left;
  margin-right: 1%;
}

.desks-atom .schedules-container .schedules .desk-routing-rule .desk-time-range {
  float: left;
  height: 100%;
  box-sizing: border-box;
}

.desks-atom .schedules-container .schedules .desk-routing-rule .desk-time-range .desk-info {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  line-height: 30px;
  height: 30px;
}

.desks-atom .schedules-container .schedules .desk-routing-rule .desk-time-range .desk-info .caption, .desks-atom .schedules-container .schedules .desk-routing-rule .desk-time-range .desk-info .icon {
  display: inline-block;
}

.desks-atom .schedules-container .schedules .desk-routing-rule .desk-time-range .desk-info .icon {
  margin-right: 5px;
  cursor: inherit;
}

.desks-atom .schedules-container .schedules .desk-routing-rule .desk-time-range .range {
  float: right;
  margin-right: 1em;
  font-size: .75em;
}

.window .rss-feed-atom {
  padding-bottom: 5px;
}

.window .rss-feed-atom .feed-atom {
  height: 100%;
  min-height: 30px !important;
}

.window .rss-feed-atom .feed-atom .tickets {
  bottom: 0;
}

.rss-feed-atom .content {
  gap: 10px;
}

.rss-feed-atom .feed-tabs {
  display: flex;
  font-weight: bold;
  text-transform: uppercase;
  height: 30px;
}

.rss-feed-atom .feed-tabs .news-title, .rss-feed-atom .feed-tabs .settings-title {
  cursor: pointer;
  flex-grow: 1;
  padding: 5px 10px;
  font-weight: bold;
}

.rss-feed-atom .feed-tabs .news-title.selected, .rss-feed-atom .feed-tabs .settings-title.selected {
  cursor: default;
}

.rss-feed-atom .feed-tabs .news-title:before {
  font-family: 'webappsdk';
  font-weight: normal;
  content: '\eef0';
  margin-right: 5px;
}

.rss-feed-atom .feed-tabs .settings-title:before {
  font-family: 'webappsdk';
  font-weight: normal;
  content: '\eb5c';
  margin-right: 5px;
}

.rss-feed-atom .latest-message-container {
  height: 100%;
  padding: 0 5px 5px 5px;
  cursor: default;
}

.rss-feed-atom .latest-message-container.read-only {
  margin-top: 10px;
}

.rss-feed-atom .latest-message-container.read-only .is-viewport {
  max-height: 100%;
}

.rss-feed-atom .latest-message-container .is-viewport {
  max-height: calc(100% - 30px);
}

.rss-feed-atom .latest-message-container .feed-row {
  padding: 0 5px 5px 5px;
  margin-bottom: 5px;
  width: calc(100% - 5px);
  cursor: pointer;
}

.rss-feed-atom .latest-message-container .feed-row .feed-header {
  display: flex;
  gap: 5px;
  align-items: baseline;
}

.rss-feed-atom .latest-message-container .feed-row .feed-header .feed-title {
  text-transform: uppercase;
  font-weight: bold;
}

.rss-feed-atom .latest-message-container .feed-row .feed-header .feed-date {
  font-size: 10px;
}

.rss-feed-atom .latest-message-container .feed-row .gwt-Label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rss-feed-atom .managed-feed-container {
  height: 100%;
  padding: 0 5px 5px 5px;
}

.rss-feed-atom .managed-feed-container .add-feed {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 5px;
}

.rss-feed-atom .managed-feed-container .add-feed .form-field {
  flex-grow: 2;
  margin: 0 10px 0 0;
}

.rss-feed-atom .managed-feed-container .add-feed .form-field input {
  padding: 0 5px;
}

.rss-feed-atom .managed-feed-container button.icon {
  font-family: 'webappsdk';
}

.rss-feed-atom .managed-feed-container button.icon.delete:after {
  content: '\ebfa';
}

.rss-feed-atom .managed-feed-container button.icon.add:after {
  content: '\ed58';
}

.rss-feed-atom .managed-feed-container .entry-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.rss-feed-atom .managed-feed-container .entry-container .entry {
  display: flex;
  justify-content: space-between;
  padding: 0 5px 5px 5px;
  line-height: 24px;
  gap: 5px;
}

.rss-feed-atom .managed-feed-container .entry-container .entry .gwt-Label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Legacy */
.window .feed-atom {
  padding-bottom: 5px;
}

.window .feed-atom .feed-atom {
  height: 100%;
  min-height: 30px !important;
}

.window .feed-atom .feed-atom .tickets {
  bottom: 0;
}

.feed-atom .feed-container {
  height: 100%;
}

.feed-atom .feed-container .feed-manager {
  height: 100%;
}

.feed-atom .feed-container .feed-manager .settings .add-settings {
  display: flex;
  margin: 0 10px;
}

.feed-atom .feed-container .feed-manager .settings .add-settings .icon-apply {
  padding-right: 10px;
}

.feed-atom .feed-container .feed-manager .settings .add-settings .add-feed {
  flex-grow: 1;
  line-height: 24px;
  padding-left: 10px;
}

.feed-atom .feed-container .feed-manager .settings .feed-label {
  display: flex;
  justify-content: space-between;
  padding: 5px 20px 5px 10px;
  margin-top: 2px;
}

.feed-atom .feed-container .feed-manager .settings .feed-label .url {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.feed-atom .feed-container .feed-manager .rss-status {
  padding: 5px;
  white-space: normal;
}

.feed-atom .feed-container .feed-manager .rss-status .status-ico {
  padding: 0 5px;
}

.feed-atom .feed-container .feed-manager .rss-status .status-desc {
  display: inline-block;
  font-weight: bold;
}

.feed-atom .feed-container .feed-manager .scrollable-area {
  max-height: 100%;
}

.feed-atom .feed-container .feed-manager .entries-container {
  height: 100%;
}

.feed-atom .feed-container .feed-manager .entries-container .feed-entry {
  margin-bottom: .2em;
  font-size: .9em;
  display: flex;
}

.feed-atom .feed-container .feed-manager .entries-container .feed-entry .feed-img-container {
  width: 10%;
  max-width: 120px;
  min-width: 70px;
}

.feed-atom .feed-container .feed-manager .entries-container .feed-entry .feed-img-container .feed-img {
  width: 100%;
}

.feed-atom .feed-container .feed-manager .entries-container .feed-entry .feed-headline {
  flex-grow: 1;
  padding-left: 10px;
}

.feed-atom .feed-container .feed-manager .entries-container .feed-entry .feed-headline .feed-enclosure {
  display: inline-block;
}

.feed-atom .feed-container .feed-manager .entries-container .feed-entry .feed-headline .feed-title {
  white-space: normal;
}

.initial-setup-atom {
  height: 100%;
}

.initial-setup-atom .body {
  width: 70%;
  margin: auto;
  padding: 10%;
  white-space: nowrap;
  font-size: 18px;
}

.initial-setup-atom .body .gwt-Label {
  margin-bottom: 5px;
}

.initial-setup-atom .body .btn {
  float: right;
  width: 100px;
  margin-top: 10px;
}

.initial-setup-atom .body .select2-container {
  display: block !important;
  margin-bottom: 10px;
}

.initial-setup-atom .body .alert {
  background: transparent;
  font-size: 13px;
}

.multi-mode-box-atom {
  width: 280px;
  margin: 5px;
  position: relative;
}

.window .multi-mode-box-atom {
  width: 300px;
}

.multi-mode-box-atom.quick-trading-box {
  z-index: 1;
}

.multi-mode-box-atom.quick-trading-box:before {
  content: attr(data-before-content);
  overflow-x: hidden;
  position: absolute;
  text-overflow: ellipsis;
  text-align: center;
  right: -38px;
  width: 64px;
  height: 17px;
  top: 43px;
  z-index: 0;
  transform: rotate(-90deg);
  padding-left: 7px;
  border-radius: 0 0 7px 7px;
  font-size: 11px;
  letter-spacing: 1px;
}

.multi-mode-box-atom.quick-trading-box:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .4;
  z-index: -1;
}

.multi-mode-box-atom.is-dragging {
  z-index: 10001 !important;
}

.multi-mode-box-atom:hover .header .icon [class*="icon-"] {
  opacity: .8;
}

.multi-mode-box-atom:hover .header .icon [class*="icon-"]:hover {
  opacity: 1;
}

.multi-mode-box-atom:hover .select2-container .select2-arrow {
  opacity: 1 !important;
}

.multi-mode-box-atom .header {
  height: 20px;
  cursor: move;
  position: relative;
}

.multi-mode-box-atom .header .handle {
  height: 100%;
  position: absolute;
  width: 100%;
}

.multi-mode-box-atom .header .invert-securities {
  left: 182px;
  top: 0;
  opacity: 1;
  padding: 0 4px;
  height: 20px;
  display: block;
}

.multi-mode-box-atom .header .flip {
  width: auto;
  max-width: 70px;
  border: none;
  border-radius: 0 0 3px 3px;
  font-size: 8pt;
  letter-spacing: 2px;
  font-weight: bold;
  line-height: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  left: 4px;
}

.multi-mode-box-atom .header .icon {
  float: left;
  margin-left: 4%;
  margin-right: 4%;
}

.multi-mode-box-atom .header .icon.box-selection-widget {
  margin-top: 1px;
  margin-left: 8px;
}

.multi-mode-box-atom .header .onbehalfuser-panel {
  position: absolute;
  top: 25px;
  left: 4px;
}

.multi-mode-box-atom .header .onbehalfuser-panel .client {
  float: left;
  width: 135px;
}

.multi-mode-box-atom .header .onbehalfuser-panel .client .select2-container .select2-choice .select2-chosen {
  line-height: 27px;
  height: 50px;
  letter-spacing: .1em;
  margin-right: 5px;
  text-align: center;
}

.multi-mode-box-atom .header .onbehalfuser-panel .account {
  float: right;
  width: 135px;
}

.multi-mode-box-atom .header .onbehalfuser-panel .account .select2-container .select2-choice .select2-chosen {
  line-height: 27px;
  height: 50px;
  letter-spacing: .1em;
  margin-right: 5px;
  text-align: center;
}

.multi-mode-box-atom .header .security-panel {
  float: left;
  width: 112px;
  border: none;
  position: absolute;
  top: -1px;
  left: 84px;
}

.multi-mode-box-atom .header .security-panel .select2-container {
  height: 20px;
  line-height: 20px;
}

.multi-mode-box-atom .header .security-panel .select2-container .select2-choice {
  height: 20px;
  line-height: 20px;
  text-align: center;
  border: none;
  box-shadow: none;
}

.multi-mode-box-atom .header .security-panel .select2-container .select2-choice .select2-chosen {
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  letter-spacing: .1em;
  margin-right: 5px;
  text-align: center;
  box-shadow: none;
}

.multi-mode-box-atom .header .security-panel .select2-container .select2-choice .select2-arrow {
  display: inline-block;
  opacity: 0;
  top: -4px;
}

.multi-mode-box-atom .header .security-panel-onbehalf {
  top: 52px;
}

.multi-mode-box-atom .header .box-action-panel {
  float: right;
  width: 26%;
  line-height: 20px;
  height: 20px;
  margin-right: 1%;
}

.multi-mode-box-atom .header .box-action-panel .icon {
  float: right;
  height: 20px;
}

.multi-mode-box-atom .header .box-action-panel .btn {
  border-radius: 0;
}

.multi-mode-box-atom .header .box-action-panel-onbehalf {
  float: none;
  line-height: 25px;
  height: 25px;
  position: absolute;
  top: 2px;
  left: 198px;
}

.multi-mode-box-atom .header .select2-container {
  width: 100%;
}

.multi-mode-box-atom .header .select2-container .select2-choice {
  width: 100%;
}

.multi-mode-box-atom .header .select2-container .select2-choice .select2-chosen {
  line-height: 20px;
  height: 20px;
  letter-spacing: .1em;
  margin-right: 5px;
  text-align: center;
}

.multi-mode-box-atom .header-onbehalf {
  height: 75px;
}

.multi-mode-box-atom .header-onbehalf .invert-securities {
  left: 187px;
  top: 52px;
}

.multi-mode-box-atom .account-disabled .onbehalfuser-panel .client {
  left: 80px;
  position: absolute;
}

.multi-mode-box-atom .account-disabled .onbehalfuser-panel .client .select2-container .select2-choice {
  border: none;
}

.multi-mode-box-atom .account-disabled .security-panel {
  width: 135px;
}

.multi-mode-box-atom .account-disabled .invert-securities {
  left: 210px;
}

.multi-mode-box-atom .center-panel {
  position: relative;
  width: 100%;
  min-height: 80px;
}

.multi-mode-box-atom .center-panel .price-widget .tooltip {
  z-index: 10;
}

.multi-mode-box-atom .center-panel .price-widget .progress {
  margin-bottom: 0;
}

.multi-mode-box-atom .center-panel .rfs .price-widget .price {
  height: 80px;
  border-radius: 5px;
}

.multi-mode-box-atom .center-panel .rfs .leg1 > div:first-child, .multi-mode-box-atom .center-panel .rfs .leg2 > div:first-child {
  width: 36%;
}

.multi-mode-box-atom .center-panel .rfs .leg1 > div:nth-child(2), .multi-mode-box-atom .center-panel .rfs .leg2 > div:nth-child(2) {
  width: 30%;
}

.multi-mode-box-atom .center-panel .esp .leg1 > div:first-child, .multi-mode-box-atom .center-panel .esp .leg2 > div:first-child {
  width: 44%;
}

.multi-mode-box-atom .center-panel .esp .leg1 > div:nth-child(2), .multi-mode-box-atom .center-panel .esp .leg2 > div:nth-child(2) {
  width: 22%;
}

.multi-mode-box-atom .center-panel .form-container {
  padding: 5px 5px 0 5px;
}

.multi-mode-box-atom .center-panel .form-container.leg2-visible {
  padding-left: 15px;
}

.multi-mode-box-atom .center-panel .form-container .leg1, .multi-mode-box-atom .center-panel .form-container .leg2 {
  display: flex;
  justify-content: space-between;
}

.multi-mode-box-atom .center-panel .form-container .leg1 > div:last-child, .multi-mode-box-atom .center-panel .form-container .leg2 > div:last-child {
  width: 34%;
}

.multi-mode-box-atom .center-panel .form-container .leg2 {
  margin-top: 1px;
}

.multi-mode-box-atom .center-panel .form-container .invert-securities {
  width: 100%;
}

.multi-mode-box-atom .center-panel .form-container .separator {
  margin-top: 5px;
  margin-bottom: 10px;
  width: 70%;
}

.multi-mode-box-atom .center-panel .form-container .alloc-action {
  padding-top: 1px;
  margin-top: 5px;
  font-size: 9pt;
}

.multi-mode-box-atom .center-panel .form-container .alloc-action .addAlloc-icon {
  padding-bottom: 5px;
}

.multi-mode-box-atom .center-panel .form-container .alloc-action .addAlloc-icon:before {
  font-size: 8pt;
}

.multi-mode-box-atom .center-panel .form-container .alloc-action .addAlloc-icon span {
  padding-right: 3px;
}

.multi-mode-box-atom .center-panel .form-container .alloc-action .addAlloc-icon.full {
  visibility: hidden;
}

.multi-mode-box-atom .center-panel .form-container .allocations {
  padding-bottom: 5px;
  font-size: 9pt;
}

.multi-mode-box-atom .center-panel .form-container .switch-lock {
  transform: rotateZ(-45deg);
  position: absolute;
  top: 120px;
  left: 0;
}

.multi-mode-box-atom .center-panel .form-container .qtty-panel {
  display: flex;
  flex-direction: row;
  height: 23px;
}

.multi-mode-box-atom .center-panel .form-container .qtty-panel .spinner-addon {
  width: 100%;
}

.multi-mode-box-atom .center-panel .form-container .qtty-panel.with-dropdown {
  border-right: none;
}

.multi-mode-box-atom .center-panel .form-container .qtty-panel.with-dropdown .spinner-addon {
  border-radius: 5px 0 0 5px;
  width: 75%;
}

.multi-mode-box-atom .center-panel .form-container .qtty-panel.with-dropdown .btn-group button {
  border-left: none;
  padding: 0 4px;
  height: 23px;
  line-height: 23px;
}

.multi-mode-box-atom .center-panel .form-container .qtty-panel .btn-group button {
  border-radius: 0 5px 5px 0;
  line-height: 22px;
}

.multi-mode-box-atom .center-panel .form-container .qtty-panel .btn-group .dropdown-menu {
  min-width: 80px;
  max-height: 160px;
  overflow-y: auto;
}

.multi-mode-box-atom .center-panel .form-container .qtty-panel .btn-group .dropdown-menu .gwt-Label {
  padding: 2px 5px;
  cursor: pointer;
}

.multi-mode-box-atom .center-panel .form-container .qtty-panel .spinner-addon .gwt-TextBox {
  width: 78%;
}

.multi-mode-box-atom .center-panel .form-container .qtty-panel .spinner-addon .btn.arrow {
  width: 22%;
  padding-left: 1px;
  height: 11px;
}

.multi-mode-box-atom .center-panel .form-container .qtty-panel .spinner-addon .btn.arrow.up:before {
  content: "\edb5";
}

.multi-mode-box-atom .center-panel .form-container .qtty-panel .spinner-addon .btn.arrow.down:before {
  content: "\edbd";
}

.multi-mode-box-atom .center-panel .form-container .switchers {
  padding: 0 3px;
  display: flex;
  justify-content: space-around;
}

.multi-mode-box-atom .center-panel .form-container .switchers .switch-currency, .multi-mode-box-atom .center-panel .form-container .switchers .switch-fwd-swp {
  border: 0;
  padding: 0;
  font-size: 12px;
}

.multi-mode-box-atom .center-panel .form-container .switchers .switch-currency.disabled, .multi-mode-box-atom .center-panel .form-container .switchers .switch-fwd-swp.disabled {
  cursor: default;
}

.multi-mode-box-atom .center-panel .form-container .switchers .lp-panel .lps-dropdown.open:after {
  content: '';
  display: block;
  position: absolute;
  top: 16px;
  left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  z-index: 1000;
}

.multi-mode-box-atom .center-panel .form-container .switchers .lp-panel .lps-dropdown .dropdown-menu {
  width: 268px;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  left: -98px;
  top: 20px;
  font-size: .9em;
  margin: 0;
  padding: 5px 0 5px 0;
}

.multi-mode-box-atom .center-panel .form-container .switchers .lp-panel .lps-dropdown .dropdown-menu .lp {
  clear: both;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}

.multi-mode-box-atom .center-panel .form-container .switchers .lp-panel .lps-dropdown .dropdown-menu .lp span.gwt-CheckBox {
  width: 100%;
  display: flex;
}

.multi-mode-box-atom .center-panel .form-container .switchers .lp-panel .lps-dropdown .dropdown-menu .lp input, .multi-mode-box-atom .center-panel .form-container .switchers .lp-panel .lps-dropdown .dropdown-menu .lp label {
  cursor: pointer;
}

.multi-mode-box-atom .center-panel .form-container .switchers .lp-panel .lps-dropdown .dropdown-menu .lp label {
  margin: 0;
  line-height: 25px;
  height: 25px;
  width: 100%;
  padding-left: 10px;
}

.multi-mode-box-atom .center-panel .form-container .switchers .lp-panel .lps-dropdown .dropdown-menu .lp input {
  float: left;
  line-height: 25px;
  height: 25px;
  margin: 0 !important;
}

.multi-mode-box-atom .center-panel .form-container .switchers .lp-panel .lps-dropdown .dropdown-menu li {
  line-height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  height: 25px;
  cursor: pointer;
}

.multi-mode-box-atom .center-panel .form-container .switchers .lp-panel .lps-dropdown .dropdown-menu li.lp-group span.gwt-CheckBox {
  display: flex;
  height: 100%;
  width: 100%;
  float: left !important;
}

.multi-mode-box-atom .center-panel .form-container .switchers .lp-panel .lps-dropdown .dropdown-menu li.lp-group span.gwt-CheckBox label {
  width: calc(100% - 13px);
  height: 100%;
  padding-left: 10px;
  text-align: start;
  line-height: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.multi-mode-box-atom .center-panel .form-container .date-picker-label {
  font-size: 10px;
  height: 23px;
  padding-left: 2px;
}

.multi-mode-box-atom .center-panel .form-container .days-from-spot-widget {
  display: flex;
  justify-content: flex-end;
  margin-top: 1px;
  margin-bottom: 3px;
}

.multi-mode-box-atom .center-panel .form-container .days-from-spot-widget .days-from-spot-spinner {
  width: 64px;
}

.multi-mode-box-atom .center-panel .form-container .days-from-spot-summary {
  display: flex;
  justify-content: flex-end;
  font-size: 12px;
  margin: 2px 2px 0px 0px;
}

.multi-mode-box-atom .center-panel .form-container .days-from-spot-summary .days-from-spot-prefix {
  margin-right: 1px;
}

.multi-mode-box-atom .center-panel .form-container .fixing-date {
  display: flex;
  font-size: 10px;
}

.multi-mode-box-atom .center-panel .form-container .fixing-date .gwt-HTML {
  width: 100%;
  text-align: center;
}

.multi-mode-box-atom .center-panel .south {
  margin-bottom: 1%;
}

.multi-mode-box-atom .center-panel .south .disable {
  cursor: default !important;
}

.multi-mode-box-atom .center-panel .south .widgets-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: baseline;
  height: 20px;
}

.multi-mode-box-atom .center-panel .south .widgets-group .widget-label {
  font-size: 10px;
  padding: 0 4px 0 2px;
  height: 15px;
}

.multi-mode-box-atom .center-panel .south .widgets-group .widget-label:hover {
  cursor: pointer;
}

.multi-mode-box-atom .box-footer {
  height: 18px;
  line-height: 18px;
}

.multi-mode-box-atom .box-footer .footer-actions {
  padding-right: 5px;
  width: auto;
  float: left;
  font-size: 9pt;
  height: 17px;
}

.multi-mode-box-atom .box-footer .footer-actions .icon {
  margin-left: 6px;
  height: 18px;
  line-height: 18px;
  vertical-align: middle;
  padding-top: 0;
}

.multi-mode-box-atom .box-footer .state-panel {
  float: left;
  width: 10%;
}

.multi-mode-box-atom .box-footer .state-panel .one-click {
  float: left;
  height: 18px;
  line-height: 18px;
  font-size: 9pt;
  padding-left: 4px;
}

.multi-mode-box-atom .box-footer .info-panel {
  float: left;
  width: 50%;
  height: 18px;
  line-height: 18px;
}

.multi-mode-box-atom .box-footer .button-panel {
  float: right;
  width: 20%;
}

.multi-mode-box-atom .box-footer .button-panel button {
  font-weight: 800;
  height: 18px;
  line-height: 18px;
  padding: 0 10px;
  float: right;
  border-radius: 0;
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.multi-mode-box-atom .box-footer .button-panel .btn-group {
  width: 100%;
  padding-bottom: 2px;
}

.multi-mode-box-atom .box-footer .button-panel .open .dropdown-menu {
  position: absolute;
  top: -50px;
  left: -104px;
  display: inline-grid;
}

.multi-mode-box-atom .box-footer .progress {
  height: 15px;
  font-size: 7pt;
  top: 1px;
  position: relative;
}

.multi-mode-box-atom .box-footer .progress .progress-bar {
  font-size: 1.1em;
}

.multi-mode-box-atom .box-footer .tick-time-info {
  text-align: center;
  font-size: .9rem;
  line-height: 1.5rem;
  font-weight: bold;
  word-spacing: 0;
  float: right;
  font-size: 12px;
}

.multi-mode-box-atom .box-widget:after {
  content: '';
  display: block;
  clear: both;
}

.multi-mode-box-atom .aggregated {
  text-align: center;
}

.multi-mode-box-atom .aggregated .bid-panel {
  width: 48%;
  margin-left: 1%;
  float: left;
}

.multi-mode-box-atom .aggregated .offer-panel {
  width: 48%;
  margin-right: 1%;
  float: left;
}

.multi-mode-box-atom .aggregated .price {
  width: 40%;
  float: left;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-mode-box-atom .aggregated .price .pip-exponent {
  font-size: .8em;
}

.multi-mode-box-atom .aggregated .price .pip-prenum-left {
  margin-right: 2px;
  font-size: .8em;
  height: 20px;
  line-height: 20px;
}

.multi-mode-box-atom .aggregated .qty {
  width: 30%;
  float: left;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-mode-box-atom .aggregated .owner {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 30%;
  float: left;
}

.multi-mode-box-atom .aggregated .inhousequantity {
  width: 30%;
  float: left;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-mode-box-atom .aggregated .best {
  font-weight: bold;
}

.multi-mode-box-atom .depth-aggregated-widget {
  text-align: center;
}

.multi-mode-box-atom .depth-aggregated-widget .bid-panel {
  width: 48%;
  margin-left: 2%;
  float: left;
}

.multi-mode-box-atom .depth-aggregated-widget .offer-panel {
  width: 48%;
  margin-right: 2%;
  float: left;
}

.multi-mode-box-atom .depth-aggregated-widget .price {
  width: 40%;
  float: left;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-mode-box-atom .depth-aggregated-widget .price .pip-exponent {
  font-size: .8em;
}

.multi-mode-box-atom .depth-aggregated-widget .price .pip-prenum-left {
  margin-right: 2px;
  font-size: .8em;
  height: 20px;
  line-height: 20px;
}

.multi-mode-box-atom .depth-aggregated-widget .qty {
  width: 30%;
  float: left;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-mode-box-atom .depth-aggregated-widget .inhousequantity {
  width: 30%;
  float: left;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-mode-box-atom .depth-book-forwardpoints {
  font-size: 1.5rem;
  text-align: center;
}

.multi-mode-box-atom .depth-book-forwardpoints .action-panel .icon-plus2 {
  margin-left: 5px;
}

.multi-mode-box-atom .depth-book-forwardpoints .tenor-panel {
  width: 15%;
  float: left;
}

.multi-mode-box-atom .depth-book-forwardpoints .bid-owner-panel {
  width: 18%;
  float: left;
}

.multi-mode-box-atom .depth-book-forwardpoints .bid-panel {
  width: 24%;
  float: left;
}

.multi-mode-box-atom .depth-book-forwardpoints .offer-panel {
  width: 24%;
  float: left;
}

.multi-mode-box-atom .depth-book-forwardpoints .offer-owner-panel {
  width: 18%;
  float: left;
}

.multi-mode-box-atom .depth-book-forwardpoints .delete-panel {
  float: left;
  width: 13%;
  font-size: 14px;
}

.multi-mode-box-atom .depth-book-forwardpoints .read-only {
  cursor: text !important;
}

.multi-mode-box-atom .depth-book-forwardpoints .price {
  width: 90%;
  float: left;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5%;
  margin-left: 5%;
  font-size: 14px;
  cursor: pointer;
}

.multi-mode-box-atom .depth-book-forwardpoints .price .piped-point {
  font-size: 12px;
  line-height: 20px;
}

.multi-mode-box-atom .depth-book-forwardpoints .price .pip-exponent {
  font-size: .8em;
}

.multi-mode-box-atom .depth-book-forwardpoints .price .pip-prenum-left {
  margin-right: 2px;
  font-size: .8em;
  height: 20px;
  line-height: 20px;
}

.multi-mode-box-atom .depth-book-forwardpoints .owner {
  width: 100%;
  height: 20px;
}

.multi-mode-box-atom .depth-book-forwardpoints .tenor {
  width: 100%;
  float: left;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-mode-box-atom .depth-book-forwardpoints .tenors-dropdown .tenor-dropdown {
  margin-bottom: 5px;
}

.multi-mode-box-atom .depth-book-forwardpoints .tenors-dropdown .dropdown-menu {
  min-width: 200px;
  max-height: 240px;
  overflow: auto;
}

.multi-mode-box-atom .depth-book-forwardpoints .tenors-dropdown .dropdown-menu:hover {
  cursor: default;
}

.multi-mode-box-atom .depth-book-forwardpoints .tenors-dropdown .dropdown-menu .tenor-selection-widget {
  clear: both;
}

.multi-mode-box-atom .depth-book-forwardpoints .tenors-dropdown .dropdown-menu .tenor-selection-widget input:hover, .multi-mode-box-atom .depth-book-forwardpoints .tenors-dropdown .dropdown-menu .tenor-selection-widget label:hover {
  cursor: pointer;
}

.multi-mode-box-atom .depth-book-forwardpoints .tenors-dropdown .dropdown-menu .tenor-selection-widget input {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

.multi-mode-box-atom .depth-book-widget {
  text-align: center;
}

.multi-mode-box-atom .depth-book-widget .bid-panel {
  width: 48%;
  margin-left: 2%;
  float: left;
}

.multi-mode-box-atom .depth-book-widget .offer-panel {
  width: 48%;
  margin-right: 2%;
  float: left;
}

.multi-mode-box-atom .depth-book-widget .price {
  width: 50%;
  float: left;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-mode-box-atom .depth-book-widget .price .pip-exponent {
  font-size: .8em;
}

.multi-mode-box-atom .depth-book-widget .price .pip-prenum-left {
  margin-right: 2px;
  font-size: .8em;
  height: 20px;
  line-height: 20px;
}

.multi-mode-box-atom .depth-book-widget .qty {
  width: 25%;
  float: left;
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-mode-box-atom .depth-book-widget .owner {
  width: 25%;
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: .8em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.multi-mode-box-atom .depth-book-widget .book-entry .tooltip {
  z-index: 10;
}

.multi-mode-box-atom .depth-vwap-widget {
  text-align: center;
}

.multi-mode-box-atom .depth-vwap-widget .bid-panel {
  width: 49%;
  margin-left: 1%;
  float: left;
}

.multi-mode-box-atom .depth-vwap-widget .bid-panel .price {
  position: relative;
  margin-left: 1%;
}

.multi-mode-box-atom .depth-vwap-widget .offer-panel {
  width: 49%;
  margin-right: 1%;
  float: left;
}

.multi-mode-box-atom .depth-vwap-widget .offer-panel .price {
  margin-right: 1%;
}

.multi-mode-box-atom .depth-vwap-widget .price {
  width: 63%;
  float: left;
  height: 20px;
  line-height: 20px;
  border-radius: 5px;
}

.multi-mode-box-atom .depth-vwap-widget .price .pip-content {
  height: 20px;
  line-height: 20px;
}

.multi-mode-box-atom .depth-vwap-widget .price .pip-exponent {
  font-size: .8em;
  margin-left: 2px;
}

.multi-mode-box-atom .depth-vwap-widget .price .pip-prenum-left {
  margin-right: 2px;
  font-size: .8em;
  height: 20px;
  line-height: 20px;
}

.multi-mode-box-atom .depth-vwap-widget .price .pip-num {
  font-size: 16px;
}

.multi-mode-box-atom .depth-vwap-widget .price .slippage {
  font-size: 9px;
  margin-left: 2px;
}

.multi-mode-box-atom .depth-vwap-widget .price:hover {
  cursor: pointer;
}

.multi-mode-box-atom .depth-vwap-widget .qty {
  width: 35%;
  float: left;
  height: 20px;
  font-size: .8em;
  text-overflow: ellipsis;
  overflow: hidden;
}

.multi-mode-box-atom .depth-vwap-widget .qty .arrow {
  font-size: .6em;
  width: 35%;
}

.multi-mode-box-atom .depth-vwap-widget .qty input {
  text-align: center;
  margin: 0;
  float: left;
}

.multi-mode-box-atom .depth-vwap-widget .aggregate .price:hover {
  cursor: default;
}

.multi-mode-box-atom .single-depth-vwap-widget {
  text-align: center;
}

.multi-mode-box-atom .single-depth-vwap-widget .bid-panel {
  width: 33%;
  margin-left: 1%;
  float: left;
}

.multi-mode-box-atom .single-depth-vwap-widget .bid-panel .price {
  position: relative;
  margin-left: 1%;
}

.multi-mode-box-atom .single-depth-vwap-widget .offer-panel {
  width: 33%;
  margin-right: 1%;
  float: left;
}

.multi-mode-box-atom .single-depth-vwap-widget .offer-panel .price {
  margin-right: 1%;
}

.multi-mode-box-atom .single-depth-vwap-widget .spinner-panel {
  width: 31%;
  float: left;
}

.multi-mode-box-atom .single-depth-vwap-widget .spinner-panel .aggregated-qty-separator {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  height: 20px;
  line-height: 20px;
  font-size: .8em;
  text-overflow: ellipsis;
  overflow: hidden;
}

.multi-mode-box-atom .single-depth-vwap-widget .spinner-panel .aggregated-price .qty {
  display: inline-block;
  text-overflow: ellipsis;
  width: 35px;
}

.multi-mode-box-atom .single-depth-vwap-widget .price {
  width: 100%;
  float: left;
  height: 20px;
  line-height: 20px;
  border-radius: 5px;
}

.multi-mode-box-atom .single-depth-vwap-widget .price .pip-content {
  height: 20px;
  line-height: 20px;
}

.multi-mode-box-atom .single-depth-vwap-widget .price .pip-exponent {
  font-size: .8em;
  margin-left: 2px;
}

.multi-mode-box-atom .single-depth-vwap-widget .price .pip-prenum-left {
  margin-right: 2px;
  font-size: .8em;
  height: 20px;
  line-height: 20px;
}

.multi-mode-box-atom .single-depth-vwap-widget .price .pip-num {
  font-size: 16px;
}

.multi-mode-box-atom .single-depth-vwap-widget .price .slippage {
  font-size: 9px;
  margin-left: 2px;
}

.multi-mode-box-atom .single-depth-vwap-widget .price:hover {
  cursor: pointer;
}

.multi-mode-box-atom .single-depth-vwap-widget .qty {
  height: 20px;
  font-size: .8em;
  text-overflow: ellipsis;
  overflow: hidden;
}

.multi-mode-box-atom .single-depth-vwap-widget .qty .arrow {
  font-size: .6em;
  width: 35%;
}

.multi-mode-box-atom .single-depth-vwap-widget .qty .up {
  height: 50%;
}

.multi-mode-box-atom .single-depth-vwap-widget .qty input {
  text-align: center;
  margin: 0;
  float: left;
}

.multi-mode-box-atom .single-depth-vwap-widget .aggregate .price:hover {
  cursor: default;
}

.multi-mode-box-atom .rfs-info-widget .spot-label {
  text-align: center;
}

.multi-mode-box-atom .rfs-info-widget .near-label {
  text-align: center;
}

.multi-mode-box-atom .rfs-info-widget .far-label {
  text-align: center;
}

.multi-mode-box-atom .settings-panel {
  padding: 1em;
  overflow: hidden;
  position: absolute;
  width: 100%;
  bottom: 18px;
  left: 0;
  height: 60%;
  transition: all 0.5s cubic-bezier(0, 1, 0.5, 1);
  border-top: 0;
  visibility: visible;
  z-index: 11;
}

.multi-mode-box-atom .settings-panel.closed {
  padding: 0 1em;
  height: 0;
  visibility: hidden;
}

.multi-mode-box-atom .settings-panel .sub-title {
  font-size: 12px;
  font-weight: 900;
}

.multi-mode-box-atom .settings-panel .setting-panel {
  display: flex;
  margin-bottom: 2px;
  font-size: 12px;
}

.multi-mode-box-atom .settings-panel .setting-panel > * {
  flex-basis: 50%;
}

.multi-mode-box-atom .settings-panel .setting-panel .spinner-text {
  position: relative;
  top: -8px;
}

.multi-mode-box-atom .settings-panel .setting-panel .spinner-panel {
  position: relative;
}

.multi-mode-box-atom .settings-panel .setting-panel .spinner-panel .edit-button {
  right: 24px;
}

.multi-mode-box-atom .settings-panel .setting-panel .spinner-panel .arrows > * {
  width: 24px;
}

.multi-mode-box-atom .footer-discretion-info {
  font-size: 11px;
}

.multi-mode-box-atom .footer-discretion-label {
  display: inline-block;
  margin-right: 5px;
}

.multi-mode-box-atom .footer-discretion-value {
  display: inline-block;
}

.multi-mode-box-atom .footer-discretion-value .pip-num {
  font-size: 14px;
  font-weight: bold;
}

.boxgrid .reorderBtn {
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  margin-right: 1em;
  min-width: 1em;
  z-index: 1;
  background: inherit;
  padding: 0 .3em;
}

.boxgrid:hover .reorderBtn {
  visibility: visible;
}

.boxgrid:hover .reorderBtn .lbl {
  margin-left: .5em;
}

.boxgrid:hover .reorderBtn .icon-grid3 {
  line-height: 18px;
  height: 18px;
}

.center-panel-content.rfs .widget-container .rfs-info-widget .offer-spot, .center-panel-content.rfs .widget-container .rfs-info-widget .offer-near, .center-panel-content.rfs .widget-container .rfs-info-widget .offer-far {
  float: right;
  padding-right: 5px;
}

.center-panel-content.rfs .widget-container .rfs-info-widget .bid-spot, .center-panel-content.rfs .widget-container .rfs-info-widget .bid-near, .center-panel-content.rfs .widget-container .rfs-info-widget .bid-far {
  padding-left: 5px;
}

.center-panel-content.rfs .widget-container .rfs-info-widget .pip-prenum-left {
  font-size: .8em;
}

.center-panel-content.rfs .widget-container .rfs-info-widget .pip-num {
  font-weight: bold;
}

.center-panel-content.rfs .widget-container .rfs-info-widget .pip-exponent {
  font-size: .8em;
}

.center-panel-content.rfs .widget-container .depth-book-widget {
  cursor: default;
}

.center-panel-content.rfs .widget-container .depth-book-widget .book-entry .book-bid-owner {
  float: left;
  width: 16%;
}

.center-panel-content.rfs .widget-container .depth-book-widget .book-entry .book-bid-quantity {
  float: left;
  width: 16%;
}

.center-panel-content.rfs .widget-container .depth-book-widget .book-entry .book-bid-price, .center-panel-content.rfs .widget-container .depth-book-widget .book-entry .book-offer-price {
  float: left;
  width: 17%;
}

.center-panel-content.rfs .widget-container .depth-book-widget .book-entry .book-bid-price .pip-num, .center-panel-content.rfs .widget-container .depth-book-widget .book-entry .book-offer-price .pip-num {
  font-weight: bold;
}

.center-panel-content.rfs .widget-container .depth-book-widget .book-entry .book-bid-price .pip-exponent, .center-panel-content.rfs .widget-container .depth-book-widget .book-entry .book-offer-price .pip-exponent {
  padding-left: 2px;
  font-size: .8em;
}

.center-panel-content.rfs .widget-container .depth-book-widget .book-entry .book-offer-quantity {
  float: left;
  width: 16%;
}

.center-panel-content.rfs .widget-container .depth-book-widget .book-entry .book-offer-owner {
  float: left;
  width: 16%;
}

.rfq-editor-atom .leg {
  display: flex;
}

.rfq-editor-atom .leg div {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.rfq-editor-atom .leg div .quantity, .rfq-editor-atom .leg div .side, .rfq-editor-atom .leg div .security, .rfq-editor-atom .leg div .account, .rfq-editor-atom .leg div .side, .rfq-editor-atom .leg div .quantity {
  text-align: center;
  flex: 1;
}

.rfq-editor-atom .leg .gwt-HTML {
  margin-right: 10px;
}

.rfq-editor-atom.terminated .rfq-actions {
  display: none;
}

.rfq-editor-atom.terminated .rfq-editor {
  padding: 0;
  margin: 0;
  width: 100%;
}

.rfq-editor-atom.no-actions .rfq-editor {
  padding: 0;
  margin: 0;
  width: 100%;
}

.rfq-editor-atom .rfq-actions {
  vertical-align: top;
  width: 14%;
  display: inline-block;
}

.rfq-editor-atom .rfq-actions .btn {
  padding: 10px 16px;
  font-size: 18px;
}

.rfq-editor-atom .rfq-actions .btn.accept {
  white-space: normal;
}

.rfq-editor-atom .rfq-actions .send-expiring-quotes .send-manual-quote {
  display: inline-block;
  width: 80%;
}

.rfq-editor-atom .rfq-actions .send-expiring-quotes .carret-btn {
  display: inline-block;
  width: 20%;
}

.rfq-editor-atom .rfq-actions .send-expiring-quotes .dropdown-menu {
  min-width: initial;
  width: 100%;
  margin-top: -1px;
  position: initial;
}

.rfq-editor-atom .rfq-actions .send-expiring-quotes .dropdown-menu .custom-timeOut .btn {
  width: 20%;
  padding: 1px 5px;
  font-size: 12px;
  vertical-align: top;
}

.rfq-editor-atom .rfq-actions .progress {
  height: 10px;
  line-height: 10px;
  border-radius: 0 0 4px 4px;
}

.rfq-editor-atom .field-option .field-label {
  font-weight: bold;
}

.rfq-editor-atom .top {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 10px;
}

.rfq-editor-atom .top .field-option {
  display: inline-block;
  flex-grow: 1;
  text-align: center;
  margin: 0 10px 10px 10px;
}

.rfq-editor-atom .switch-auto-manual {
  width: 100%;
}

.rfq-editor-atom .rfq-editor {
  padding: 10px;
  width: 85%;
  display: inline-block;
  margin-right: 1%;
}

.rfq-editor-atom .bid, .rfq-editor-atom .offer {
  width: 49%;
  padding: 0 10px 0 10px;
  display: inline-block;
}

.rfq-editor-atom .bid .field-option, .rfq-editor-atom .offer .field-option {
  position: relative;
  padding: 5px 0 5px 0;
}

.rfq-editor-atom .bid .field-option .auto, .rfq-editor-atom .offer .field-option .auto {
  padding-right: 5px;
}

.rfq-editor-atom .bid .field-option .client-label, .rfq-editor-atom .offer .field-option .client-label {
  padding-right: 5px;
}

.rfq-editor-atom .bid .field-option .field-label, .rfq-editor-atom .offer .field-option .field-label {
  width: 40%;
  display: inline-block;
}

.rfq-editor-atom .bid .field-option .field, .rfq-editor-atom .offer .field-option .field {
  width: 60%;
  display: inline-block;
  position: relative;
}

.rfq-editor-atom .bid {
  float: left;
}

.rfq-editor-atom .offer {
  float: right;
}

.rfq-editor-atom .bid-title, .rfq-editor-atom .offer-title {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 10px;
}

.rfq-editor-atom .refresh-icon {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 2px;
}

.rfq-editor-atom .indicative {
  display: flex;
  flex-wrap: wrap;
}

.rfq-editor-atom .indicative div {
  display: flex;
}

.rfq-editor-atom .indicative .piped-price {
  font-weight: bold;
  margin: 0 10px 0 5px;
}

.rfq-editor-atom .indicative .copy-price {
  margin-left: 5px;
}

.rfq-editor-atom .indicative .circle-timer {
  margin-right: 5px;
}

.rfq-editor-atom .indicative .circle-timer svg {
  height: 20px;
  width: 20px;
  border-radius: 10px;
}

.rfq-editor-atom .last-look {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.rfq-editor-atom .last-look .accept, .rfq-editor-atom .last-look .reject {
  width: 200px;
  text-transform: uppercase;
  font-weight: 800;
}

.rfq-editor-atom .last-look .accept {
  margin-right: 5px;
}

.rfq-editor-atom .last-look .reject {
  margin-left: 5px;
}

.rfq-editor-atom .allocations {
  padding: 10px;
  margin-top: 10px;
  clear: both;
}

.rfq-editor-atom .allocations .show-allocation {
  margin: 0 0 5px 20px;
}

.rfq-editor-atom .allocations .rfq-summary {
  text-align: center;
  font-size: 1.7em;
  font-weight: bold;
  margin-bottom: .5em;
}

.rfq-editor-atom .allocations .expandable {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: .5em;
}

.rfq-editor-atom .allocations .expandable .leg, .rfq-editor-atom .allocations .expandable .allocation-leg {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 1.2em;
}

.rfq-editor-atom .allocations .expandable .leg div, .rfq-editor-atom .allocations .expandable .allocation-leg div {
  padding-right: .1em;
  padding-left: .1em;
}

.rfq-editor-atom .allocations .expandable .main, .rfq-editor-atom .allocations .expandable .secondary {
  display: flex;
  justify-content: center;
}

.rfq-editor-atom .allocations .expandable .main {
  flex-direction: row;
}

.rfq-editor-atom .allocations .expandable .main .icons {
  padding-right: .2em;
}

.rfq-editor-atom .allocations .expandable .secondary {
  flex-direction: column;
}

.rfq-editor-atom .allocations .leg {
  display: flex;
  flex-wrap: wrap;
  margin-left: 22px;
}

.rfq-editor-atom .allocations .leg .gwt-HTML {
  margin-right: 10px;
}

.rfq-editor-atom .summary {
  width: 100%;
}

.rfq-editor-atom .summary .r {
  margin-left: 3%;
  margin-right: 3%;
  clear: both;
}

.rfq-editor-atom .summary .r.sentence {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.4em;
  text-transform: uppercase;
}

.rfq-editor-atom .summary .r.sentence .gwt-HTML, .rfq-editor-atom .summary .r.sentence .gwt-Label {
  float: left;
  margin-right: 5px;
}

.rfq-editor-atom .summary .left {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  font-weight: bold;
  width: 30%;
  height: 25px;
  line-height: 25px;
}

.rfq-editor-atom .summary .right {
  float: left;
  width: 30%;
  overflow: hidden;
  height: 25px;
  line-height: 25px;
}

.rfq-editor-atom .summary .printicon {
  margin-left: 1em;
}

.rfq-editor-atom .middle-copy {
  display: inline-block;
  width: 2%;
  text-align: center;
}

@media print {
  .rfq-editor-atom * {
    visibility: visible;
  }
  .middle-left {
    width: 100% !important;
  }
  .rfq-ticket-blotter-atom, .bid, .middle-copy, .offer, .south, .last-look, .gutter, .hide-btn, .middle-right, .printicon, .footer, .show-allocation {
    display: none !important;
  }
  .editor {
    left: 0 !important;
  }
  .north {
    bottom: 0 !important;
  }
  .rfq-editor-atom .top .field-option {
    width: 100%;
    font-size: 12pt;
    text-align: left !important;
  }
  .rfq-editor-atom .top .field-option .error-icon {
    display: none !important;
  }
  .rfq-editor-atom .top .field-option .field-label {
    float: left !important;
    margin-left: 10pt;
  }
  .rfq-editor-atom .top .field-option .field {
    margin-left: 165pt !important;
  }
  .rfq-editor-atom .bottom .summary {
    margin: 10pt 0pt 5pt 18pt !important;
    font-size: 12pt;
  }
  .rfq-editor-atom .bottom .summary .sentence {
    display: inline-block !important;
    margin: 0 !important;
  }
  .rfq-editor-atom .bottom .summary .r {
    border: hidden !important;
    margin: 0 !important;
  }
  .rfq-editor-atom .bottom .summary .left {
    width: 150pt !important;
  }
  .rfq-editor-atom .bottom .summary .right {
    margin-left: 0pt !important;
    width: auto !important;
  }
  .rfq-editor-atom .bottom .allocations {
    margin-top: 35pt;
    border: hidden !important;
    margin-left: 10pt;
  }
  .rfq-editor-atom .bottom .allocations .btn {
    display: none !important;
  }
  .rfq-editor-atom .bottom .allocations .allocations-title {
    display: block !important;
    font-size: 13pt;
    font-weight: bold;
  }
  .rfq-editor-atom .bottom .allocations .allocations-legs {
    display: block !important;
  }
  .rfq-editor-atom .bottom .allocations .allocations-legs .leg {
    border: hidden !important;
    margin-left: 0 !important;
  }
  .rfq-editor-atom .bottom .allocations .allocations-legs .leg .gwt-HTML {
    font-size: 12pt;
  }
}

.open-strategy-editor {
  float: right;
  padding-right: 10px;
}

.open-strategy-editor .lbl {
  margin-left: 5px;
  margin-right: 15px;
}

.order-viewer-dialog .strategy-editor {
  position: relative;
}

.order-viewer-dialog .strategy-editor .warning:after {
  display: none;
}

.strategy-editor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px;
  overflow: auto;
}

.strategy-editor.not-allowed, .strategy-editor .not-allowed {
  text-align: center;
  font-size: 1.5em !important;
  margin: 20px;
}

.strategy-editor .has-error {
  border: 1px solid;
}

.strategy-editor .has-error:after, .strategy-editor .has-error:before {
  content: '';
  opacity: 0;
  transition: opacity .25s ease-in-out;
}

.strategy-editor .has-error:hover:after, .strategy-editor .has-error:hover:before {
  position: absolute;
  top: 21px;
  padding: 1px 5px;
  opacity: .8;
  z-index: 1;
  white-space: normal;
  font-size: 12px;
}

.strategy-editor .has-error:hover:after {
  left: 0;
  width: 100%;
  content: attr(data-title);
  pointer-events: none;
  padding-left: 22px;
  z-index: 2;
}

.strategy-editor .has-error:hover:before {
  font-family: "webappsdk";
  content: "\ed4e";
  left: 0;
  width: 20px;
  z-index: 3;
  padding-left: 4px;
}

.strategy-editor .has-error.has-error-container {
  border: none;
}

.strategy-editor .has-error-container .select2-choice {
  border: 1px solid;
}

.strategy-editor .warning:after {
  display: block;
  content: attr(data-warning-label);
  position: absolute;
  padding: 0 3px;
  right: -1px;
  font-size: 8pt;
  bottom: -15px;
  line-height: 10pt;
  z-index: 10;
  border: 1px solid;
}

.strategy-editor .gwt-Label {
  font-size: 12px;
}

.strategy-editor .select2-container-multi .select2-choices .select2-search-field input {
  height: 22px;
}

.strategy-editor .select2-choices {
  border-radius: 4px;
}

.strategy-editor .header .client-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  padding-bottom: 20px;
}

.strategy-editor .header .client-header .client, .strategy-editor .header .client-header .account {
  max-width: 300px;
  margin-top: 10px;
  width: 50%;
  display: inline-flex;
}

.strategy-editor .header .client-header .client .select2-container, .strategy-editor .header .client-header .account .select2-container {
  margin-left: 5px;
  margin-right: 5px;
}

.strategy-editor .header .client-header .client.has-error-container:after, .strategy-editor .header .client-header .client.has-error-container:before, .strategy-editor .header .client-header .account.has-error-container:after, .strategy-editor .header .client-header .account.has-error-container:before {
  content: '';
  opacity: 0;
  transition: opacity .25s ease-in-out;
}

.strategy-editor .header .client-header .client.has-error-container:hover:after, .strategy-editor .header .client-header .client.has-error-container:hover:before, .strategy-editor .header .client-header .account.has-error-container:hover:after, .strategy-editor .header .client-header .account.has-error-container:hover:before {
  position: absolute;
  top: 21px;
  padding: 1px 5px;
  opacity: .8;
  z-index: 1;
  white-space: normal;
  font-size: 12px;
}

.strategy-editor .header .client-header .client.has-error-container:hover:after, .strategy-editor .header .client-header .account.has-error-container:hover:after {
  left: 0;
  width: 100%;
  content: attr(data-title);
  pointer-events: none;
  padding-left: 22px;
  z-index: 2;
  top: 43px;
}

.strategy-editor .header .client-header .client.has-error-container:hover:before, .strategy-editor .header .client-header .account.has-error-container:hover:before {
  font-family: "webappsdk";
  content: "\ed4e";
  left: 0;
  width: 20px;
  z-index: 3;
  padding-left: 4px;
  top: 43px;
}

.strategy-editor .header .client-header .client.has-error-container .select2-choices, .strategy-editor .header .client-header .account.has-error-container .select2-choices {
  overflow: visible;
  border: 1px solid;
}

.strategy-editor .header .client-header .client div:nth-child(1), .strategy-editor .header .client-header .account div:nth-child(1) {
  align-self: center;
}

.strategy-editor .header .security-prices-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  padding-bottom: 20px;
  background-color: transparent;
}

.strategy-editor .header .security-prices-header:before {
  content: '';
  border-top: 1px solid;
  width: 100%;
  position: initial;
  left: 0;
  bottom: 12px;
  margin-bottom: 10px;
}

.strategy-editor .header .security-prices-header .securities div:nth-child(1) {
  display: inline-block;
}

.strategy-editor .header .security-prices-header .security {
  width: 50%;
}

.strategy-editor .header .security-prices-header .security .select2-container {
  width: auto;
  margin-left: 5px;
  margin-right: 5px;
}

.strategy-editor .header .security-prices-header .security .switch-currency {
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  border: 0;
  padding: 0;
}

.strategy-editor .header .security-prices-header .security .switch-currency.b, .strategy-editor .header .security-prices-header .security .switch-currency.t {
  padding: 2px 10px;
}

.strategy-editor .header .security-prices-header .security .switch-currency.b:after, .strategy-editor .header .security-prices-header .security .switch-currency.t:after {
  font-family: "webappsdk";
  content: "\eda7";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  margin-left: 10px;
  opacity: .5;
}

.strategy-editor .header .security-prices-header .security .switch-currency:hover:after {
  opacity: 1;
}

.strategy-editor .header .security-prices-header .security > div {
  display: inline-block;
}

.strategy-editor .header .security-prices-header .market {
  width: 50%;
  display: inline-block;
  line-height: 21px;
}

.strategy-editor .header .security-prices-header .market .gwt-HTML {
  font-size: 12px;
}

.strategy-editor .header .security-prices-header .market .price-separator {
  padding: 0 5px;
  font-size: 18px;
}

.strategy-editor .header .security-prices-header .market .piped-price .pip-content .pip-num {
  font-size: 20px;
}

.strategy-editor .header .security-prices-header .market > div {
  display: inline-block;
}

.strategy-editor .header .security-prices-header .market > div:nth-child(1) {
  margin-right: 5px;
}

.strategy-editor .header .security-prices-header .market > div:nth-child(3) {
  padding: 0 5px;
}

.strategy-editor .header .strategy-header {
  text-align: center;
  position: relative;
}

.strategy-editor .header .strategy-header:before {
  content: '';
  border-top: 1px solid;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 12px;
}

.strategy-editor .header .strategy-header .select2-container {
  width: 250px;
}

.strategy-editor .form {
  margin-top: 20px;
  padding: 0 20px;
}

.strategy-editor .form div[data-leg-index] {
  display: flex;
  margin-top: 20px;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: relative;
  padding: 5px;
  border-bottom: 1px solid;
  border-top: 1px solid;
  flex-wrap: wrap;
  gap: 8px;
}

.strategy-editor .form div[data-leg-index]:before {
  content: attr(data-leg-type);
  line-height: 25px;
  text-align: center;
}

.strategy-editor .form .strategy-type {
  font-size: 15px;
  font-weight: bold;
  margin-left: -10px;
}

.strategy-editor .form .strategy-type.linked {
  margin-top: 20px;
}

.strategy-editor .form .option-row {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 30px 0;
  height: 26px;
  line-height: 26px;
}

.strategy-editor .form .option-row .timezone-row {
  display: flex;
  justify-content: center;
  width: 50%;
  padding: 0 5%;
}

.strategy-editor .form .option-row .timezone-row .gwt-Label {
  margin-right: 5px;
}

.strategy-editor .form .option-row .tif-row {
  padding: 0 5%;
  width: 50%;
}

.strategy-editor .form .option-row .tif-row > div, .strategy-editor .form .option-row .tif-row .timeinforce-row, .strategy-editor .form .option-row .tif-row .expiration-date-row {
  display: flex;
}

.strategy-editor .form .option-row .tif-row .timeinforce-row {
  margin-right: 10px;
}

.strategy-editor .form .option-row .tif-row .timeinforce-row .gwt-Label {
  margin-right: 5px;
}

.strategy-editor .form .option-row .tif-row .expiration-date-row {
  position: relative;
  flex: 1;
  height: 26px;
}

.strategy-editor .form .option-row .tif-row .expiration-date-row.has-error-container input {
  border: 1px solid;
}

.strategy-editor .form .option-row .tif-row .expiration-date-row.has-error-container:hover:after, .strategy-editor .form .option-row .tif-row .expiration-date-row.has-error-container:hover:before {
  left: auto;
  top: auto;
  bottom: 23px;
}

.strategy-editor .form .option-row .tif-row .expiration-date-row.has-error-container:hover:before {
  left: 92px;
}

.strategy-editor .form .option-row .tif-row .expiration-date-row.has-error-container:hover:after {
  margin-left: 89px;
}

.strategy-editor .form .option-row .tif-row .expiration-date-row.has-error-container:after, .strategy-editor .form .option-row .tif-row .expiration-date-row.has-error-container:before {
  content: '';
  opacity: 0;
  transition: opacity .25s ease-in-out;
}

.strategy-editor .form .option-row .tif-row .expiration-date-row.has-error-container:hover:after, .strategy-editor .form .option-row .tif-row .expiration-date-row.has-error-container:hover:before {
  position: absolute;
  top: calc(100% + 2px);
  padding: 1px 5px;
  opacity: .8;
  z-index: 6;
  white-space: normal;
  font-size: 12px;
}

.strategy-editor .form .option-row .tif-row .expiration-date-row.has-error-container:hover:after {
  left: 0;
  max-width: 100%;
  height: fit-content;
  content: attr(data-title);
  pointer-events: none;
  padding-left: 18px;
  z-index: 6;
}

.strategy-editor .form .option-row .tif-row .expiration-date-row.has-error-container:hover:before {
  font-family: "webappsdk";
  content: "\ed4e";
  left: 0;
  width: 20px;
  z-index: 7;
  padding-left: 4px;
  left: 87px;
}

.strategy-editor .form .option-row .tif-row .expiration-date-row .date-hour-field {
  width: 50px;
  flex: 1;
}

.strategy-editor .form .option-row .tif-row .expiration-date-row input[type=text] {
  margin-left: 5px;
  z-index: 5;
}

.strategy-editor .form .numeric-spinner, .strategy-editor .form .bootstrap-switch {
  height: 26px;
  border-radius: 4px;
  max-width: 160px;
}

.strategy-editor .form .numeric-spinner {
  width: 160px;
}

.strategy-editor .form .numeric-spinner .spinner-container, .strategy-editor .form .numeric-spinner input {
  border-radius: 4px;
}

.strategy-editor .form .side-row .bootstrap-switch .bootstrap-switch-label {
  line-height: 17px;
}

.strategy-editor .form .side-row .bootstrap-switch .bootstrap-switch-handle-off, .strategy-editor .form .side-row .bootstrap-switch .bootstrap-switch-handle-on {
  padding-bottom: 0;
  padding-top: 0;
  line-height: 26px;
  margin-top: -1px;
}

.strategy-editor .form .side-row .bootstrap-switch-off, .strategy-editor .form .side-row .bootstrap-switch-on {
  line-height: 17px;
}

.strategy-editor .form .trigger-price-row .trigger-price {
  height: 26px;
}

.strategy-editor .form .trigger-source-row {
  width: 185px;
  position: relative;
}

.strategy-editor .form .trigger-source-row.has-error-container:after, .strategy-editor .form .trigger-source-row.has-error-container:before {
  content: '';
  opacity: 0;
  transition: opacity .25s ease-in-out;
}

.strategy-editor .form .trigger-source-row.has-error-container:hover:after, .strategy-editor .form .trigger-source-row.has-error-container:hover:before {
  position: absolute;
  top: 21px;
  padding: 1px 5px;
  opacity: .8;
  z-index: 1;
  white-space: normal;
  font-size: 12px;
}

.strategy-editor .form .trigger-source-row.has-error-container:hover:after {
  left: 0;
  width: 100%;
  content: attr(data-title);
  pointer-events: none;
  padding-left: 22px;
  z-index: 2;
  top: 43px;
}

.strategy-editor .form .trigger-source-row.has-error-container:hover:before {
  font-family: "webappsdk";
  content: "\ed4e";
  left: 0;
  width: 20px;
  z-index: 3;
  padding-left: 4px;
  top: 43px;
}

.strategy-editor .form .trigger-source-row.has-error-container .select2-choices {
  overflow: visible;
  border: 1px solid;
}

.strategy-editor .form .trigger-source-row .trigger-source-select {
  width: 185px;
}

.strategy-editor .extra-fields {
  border-top: 1px solid;
  margin: 25px 0;
  padding: 0 20px;
}

.strategy-editor .extra-fields .distrib, .strategy-editor .extra-fields .account, .strategy-editor .extra-fields .comment-field {
  position: relative;
}

.strategy-editor .extra-fields .account, .strategy-editor .extra-fields .comment {
  margin-top: 10px;
}

.strategy-editor .extra-fields .account .gwt-TextBox, .strategy-editor .extra-fields .comment .gwt-TextBox {
  padding: 0 3px 0 3px;
}

.strategy-editor .extra-fields .comment-field input {
  width: 100%;
}

.strategy-editor .extra-fields .account {
  max-width: 400px;
}

.strategy-editor .extra-fields .distrib {
  margin-top: 10px;
  margin-bottom: 10px;
}

.strategy-editor .extra-fields .distrib.has-error-container:after, .strategy-editor .extra-fields .distrib.has-error-container:before, .strategy-editor .extra-fields .account.has-error-container:after, .strategy-editor .extra-fields .account.has-error-container:before {
  content: '';
  opacity: 0;
  transition: opacity .25s ease-in-out;
}

.strategy-editor .extra-fields .distrib.has-error-container:hover:after, .strategy-editor .extra-fields .distrib.has-error-container:hover:before, .strategy-editor .extra-fields .account.has-error-container:hover:after, .strategy-editor .extra-fields .account.has-error-container:hover:before {
  position: absolute;
  top: 21px;
  padding: 1px 5px;
  opacity: .8;
  z-index: 1;
  white-space: normal;
  font-size: 12px;
}

.strategy-editor .extra-fields .distrib.has-error-container:hover:after, .strategy-editor .extra-fields .account.has-error-container:hover:after {
  left: 0;
  width: 100%;
  content: attr(data-title);
  pointer-events: none;
  padding-left: 22px;
  z-index: 2;
  top: 43px;
}

.strategy-editor .extra-fields .distrib.has-error-container:hover:before, .strategy-editor .extra-fields .account.has-error-container:hover:before {
  font-family: "webappsdk";
  content: "\ed4e";
  left: 0;
  width: 20px;
  z-index: 3;
  padding-left: 4px;
  top: 43px;
}

.strategy-editor .extra-fields .distrib.has-error-container .select2-choices, .strategy-editor .extra-fields .account.has-error-container .select2-choices {
  overflow: visible;
  border: 1px solid;
}

.strategy-editor .footer {
  height: 70px;
  padding: 5px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-end;
}

.strategy-editor .footer .btn {
  margin: 2px;
  min-width: 60px;
  height: 26px;
}

.strategy-editor .footer .confirm-panel {
  width: 50em;
  margin: auto;
  display: flex;
  padding: 10px;
  border-radius: 5px;
  align-items: center;
  justify-content: space-between;
}

.strategy-editor .footer .confirm-panel .gwt-Label {
  width: 80%;
  font-size: 14px;
  text-align: start;
  margin-right: 4em;
  margin-top: auto;
  margin-bottom: auto;
}

.strategy-editor .footer .confirm-panel .confirm-icon, .strategy-editor .footer .confirm-panel .back-icon {
  width: 30px;
  height: 30px;
  font-size: 20px;
  line-height: 30px;
  border-radius: 5px;
}

.subscription-user-dialog .subscriptions {
  height: 500px;
}

.subscription-user-dialog .subscriptions .title {
  margin: 5px;
  font-weight: bold;
  float: left;
  width: 48%;
}

.subscription-user-dialog .subscriptions .available-securities, .subscription-user-dialog .subscriptions .displayed-securities {
  width: 50%;
  overflow: auto;
}

.subscription-user-dialog .subscriptions .available-securities .security-panel, .subscription-user-dialog .subscriptions .displayed-securities .security-panel {
  display: inline;
  clear: both;
}

.subscription-user-dialog .subscriptions .available-securities {
  float: right;
  height: 90%;
}

.subscription-user-dialog .subscriptions .displayed-securities {
  float: left;
  height: 95%;
}

.subscription-user-dialog .subscriptions .search-filter {
  width: 50%;
  float: left;
}

.subscription-user-dialog .subscriptions .sec-def {
  cursor: pointer;
  float: left;
  margin-right: 5px;
}

.supervise-user-dialog .filter {
  width: 100%;
}

.supervise-user-dialog .user-list {
  overflow: auto;
  height: 300px;
  list-style: none;
  margin-top: 5px;
  padding-left: 5px;
  width: 100%;
}

.supervise-user-dialog .user-list .user-group-title {
  display: block;
  font-weight: bold;
  margin-top: 1em;
}

.supervise-user-dialog .user-list .user-group-title button {
  pointer-events: none;
}

.supervise-user-dialog .user-list .user-group-title .icon-user {
  margin-right: 10px;
}

.supervise-user-dialog .user-list .user-group-title .multi-selection {
  float: right;
  margin-right: 1em;
  font-weight: 100;
}

.supervise-user-dialog .user-list .user-group-title .multi-selection div {
  display: inline;
}

.supervise-user-dialog .user-list .user-group-title .multi-selection .select-all {
  cursor: pointer;
}

.supervise-user-dialog .user-list .user-group-title .multi-selection .deselect-all {
  cursor: pointer;
}

.supervise-user-dialog .user-list .user-line {
  display: block;
  padding-left: 1em;
}

.supervise-user-dialog .user-list .user-line label {
  font-weight: normal;
  margin-left: 1em;
}

.trkd-atom, .chart-atom {
  overflow: auto;
  min-height: 400px;
}

.window .trkd-atom, .window .chart-atom {
  padding-bottom: 5px;
}

.window .trkd-atom .trkd-atom, .window .trkd-atom .chart-atom, .window .chart-atom .trkd-atom, .window .chart-atom .chart-atom {
  height: 100%;
  min-height: 30px !important;
}

.window .trkd-atom .trkd-atom .tickets, .window .trkd-atom .chart-atom .tickets, .window .chart-atom .trkd-atom .tickets, .window .chart-atom .chart-atom .tickets {
  bottom: 0;
}

.trkd-atom.reduced, .chart-atom.reduced {
  min-height: 30px;
  overflow: hidden;
}

.trkd-atom img, .chart-atom img {
  width: 100%;
}

.trkd-atom .error, .chart-atom .error {
  text-align: center;
  font-size: 1.2em;
}

.video-atom {
  margin-right: 5px;
  margin-left: 5px;
  position: relative;
}

.video-atom .title-action {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 30px;
  height: 30px;
}

.video-atom .title-action .title {
  margin-left: 0;
  background-color: transparent;
  text-transform: uppercase;
  padding-right: 5px;
}

.video-atom .video-player {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.videoplayer-atom {
  overflow: auto;
  min-height: 400px;
  position: relative;
}

.window .videoplayer-atom {
  padding-bottom: 5px;
}

.window .videoplayer-atom .videoplayer-atom {
  height: 100%;
  min-height: 30px !important;
}

.window .videoplayer-atom .videoplayer-atom .tickets {
  bottom: 0;
}

.videoplayer-atom.reduced {
  height: 30px;
  min-height: 30px;
  overflow: hidden;
}

.videoplayer-atom.reduced .onpagePlaylistInterface {
  display: none !important;
}

.videoplayer-atom .title {
  margin-left: 0;
  text-transform: uppercase;
}

.videoplayer-atom .video-player {
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  bottom: 205px;
}

.videoplayer-atom.custom-url .video-player {
  bottom: 0;
}

.videoplayer-atom .onpagePlaylistInterface {
  width: 100% !important;
  display: inherit !important;
  background-color: inherit !important;
  height: 205px !important;
  position: absolute;
  bottom: 0;
}

.videoplayer-atom .medialistContainer {
  width: 100%;
}

.cancel-order-dialog .info-panel {
  margin-bottom: 10px;
}

.cancel-order-dialog .info-panel .icon {
  margin-right: 5px;
}

.cancel-order-dialog .info-panel .details {
  display: inline-block;
  font-weight: bold;
}

.cancel-order-dialog .info-panel .cancel-order-summary .r {
  display: flex;
  margin: 5px 0;
}

.cancel-order-dialog .info-panel .cancel-order-summary .r .left {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  width: 35%;
}

.cancel-order-dialog .info-panel .cancel-order-summary .r .right {
  width: 65%;
  overflow: hidden;
}

.cancel-order-dialog .info-panel .cancel-order-summary .r .right .gwt-HTML, .cancel-order-dialog .info-panel .cancel-order-summary .r .right .gwt-Label {
  margin-right: 5px;
  display: inline-block;
}

.cancel-order-dialog .reason-panel .reason-text {
  padding-left: 10px;
  width: 100%;
  max-width: 100%;
}

.cancel-order-dialog .error-label {
  height: 20px;
}

.fill-order-dialog .main-panel .price-label {
  float: left;
  width: 20%;
}

.fill-order-dialog .main-panel .price-field {
  float: left;
  width: 25%;
  margin-right: 5%;
}

.fill-order-dialog .main-panel .qty-label {
  float: left;
  width: 20%;
}

.fill-order-dialog .main-panel .qty-field {
  float: left;
  width: 25%;
  margin-right: 5%;
}

.fill-order-dialog .main-panel .remarks-label {
  margin-top: 10px;
  float: left;
  width: 100%;
}

.fill-order-dialog .main-panel .remarks-field {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  resize: vertical;
}

.fill-order-dialog .main-panel .market-price-label {
  float: left;
  width: 30%;
  clear: both;
}

.fill-order-dialog .main-panel .market-price-field {
  float: left;
  width: 30%;
  font-weight: bold;
}

.fill-order-dialog .main-panel .property-order-label {
  float: left;
  width: 30%;
  clear: both;
}

.fill-order-dialog .main-panel .property-order-field {
  float: left;
  width: 30%;
  font-weight: bold;
}

.fill-order-dialog .main-panel .alert {
  float: left;
  width: 100%;
}

.fill-order-dialog .main-panel:after {
  content: '';
  display: block;
  clear: both;
}

.post-trade-allocation-dialog .modal-title {
  text-align: center;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-order-resume {
  font-size: 1.2em;
  margin-bottom: .5em;
  text-align: center;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-order-resume .timestamp {
  display: block !important;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-order-resume div {
  display: inline-block;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-order-resume div:not(:first-child) {
  margin-left: .25em;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .add-allocation-panel {
  display: inline-block;
  margin-bottom: .5em;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .add-allocation-panel .add-allocation-icon .lbl {
  margin-left: .5em;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .add-allocation-panel .gwt-Label {
  display: inline-block;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .add-allocation-panel.full {
  opacity: .3;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .bootstrap-switch {
  float: right;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation {
  margin-top: 5px;
  width: 100%;
  height: 1.8em;
  display: flex;
  justify-content: space-around;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation > :not(:first-child) {
  margin-left: .3em;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation > :not(:last-child) {
  margin-right: .3em;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation .account-picker, .post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation .account-picker .select2-choice, .post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation .numeric-spinner, .post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation .gwt-Label {
  height: 100%;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation .account-picker {
  width: 12em;
  min-width: 12em;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation .numeric-spinner, .post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation .gwt-Label {
  flex: auto;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation .numeric-spinner {
  border-radius: 3px;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation .gwt-Label {
  border: 1px solid;
  border-radius: 3px;
  border-style: dotted;
  padding-left: .5em;
  padding-right: .5em;
  overflow: hidden;
  text-overflow: clip;
  line-height: 1.8em;
  text-align: center;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation .quantity-label {
  min-width: 8em;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation .percent-label {
  min-width: 55px;
}

.post-trade-allocation-dialog .modal-body .post-trade-allocation-panel .allocation > button {
  font-size: large;
  margin-left: .5em;
}

.post-trade-allocation-dialog .modal-footer .quantities-panel {
  display: inline-flex;
  margin-right: 2em;
}

.post-trade-allocation-dialog .modal-footer .quantities-panel .near-panel, .post-trade-allocation-dialog .modal-footer .quantities-panel .far-panel {
  display: flex;
  margin-left: 15px;
}

.post-trade-allocation-dialog .modal-footer .quantities-panel .near-label, .post-trade-allocation-dialog .modal-footer .quantities-panel .far-label {
  margin-right: 0.5em;
}

.post-trade-allocation-dialog .modal-footer .quantities-panel .user-quantity {
  margin-right: .3em;
}

.post-trade-allocation-dialog .modal-footer .quantities-panel .order-quantity {
  margin-left: .3em;
}

.reject-order-dialog .info-panel {
  margin-bottom: 10px;
}

.reject-order-dialog .info-panel .icon {
  margin-right: 5px;
}

.reject-order-dialog .info-panel .details {
  display: inline-block;
  font-weight: bold;
}

.reject-order-dialog .reason-panel .reason-text {
  width: 100%;
  max-width: 100%;
}

.report-quantity-dialog .report-quantity-error {
  display: inline-block;
}

.report-quantity-dialog .report-quantity-spinner {
  width: 35%;
  margin: 0 20px;
  display: inline-block;
}

.bulk-action-dialog .info-panel {
  margin-bottom: 10px;
}

.bulk-action-dialog .info-panel .icon {
  margin-right: 5px;
}

.bulk-action-dialog .info-panel .details {
  display: inline-block;
}

.bulk-action-dialog .reason-panel .reason-text {
  width: 100%;
  max-width: 100%;
}

.bulk-action-dialog .reason-panel .error-label {
  height: 20px;
}

.selector {
  margin: auto;
  width: 98%;
}

.selector .header-selector {
  display: flex;
  justify-content: space-around;
  margin: auto;
  margin-top: 1%;
}

.selector .header-selector .gwt-Label {
  text-align: center;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
}

.selector .content {
  margin-top: 1em;
  display: flex;
  justify-content: space-around;
}

.selector .content .users, .selector .content .assets {
  display: flex;
  flex-flow: row wrap;
  flex-basis: 50%;
  align-items: flex-start;
  align-content: flex-start;
}

.selector .content .users .bullet, .selector .content .assets .bullet {
  border-radius: 6px;
  margin: 1em;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 25%;
  height: 37px;
  line-height: 37px;
  text-align: center;
  vertical-align: middle;
  padding-left: 9px;
  padding-right: 9px;
  transition: background .4s;
  font-size: .8em;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold;
}

.selector .content .users .bullet:hover, .selector .content .assets .bullet:hover {
  cursor: pointer;
}

.auto-complete .selectize-input.disabled {
  opacity: .8;
}

.auto-complete .item.error {
  background-image: initial !important;
}

.instrument-picker .picker-header {
  padding-bottom: 10px;
}

.instrument-picker .picker-header .status {
  font-size: smaller;
  text-align: right;
}

.instrument-picker .picker-header .navigation {
  display: flex;
  justify-content: space-between;
}

.instrument-picker .picker-header .navigation .select-all {
  display: flex;
  align-items: baseline;
}

.instrument-picker .picker-header .navigation .select-all input[type="checkbox"] {
  width: 15px;
}

.instrument-picker .picker-header .navigation .nav-page {
  display: inline-block;
  font-size: smaller;
}

.instrument-picker .picker-header .navigation .nav-arrow {
  margin-left: 5px;
}

.instrument-picker .picker-header .navigation .nav-arrow.nav-disabled {
  visibility: hidden;
}

.instrument-picker .picker-footer {
  padding-top: 10px;
  height: 20px;
  font-size: smaller;
}

.instrument-picker .picker-tuto {
  height: 500px;
}

.instrument-picker .picker-tuto .tuto {
  text-align: center;
  font-style: italic;
}

.instrument-picker .columns-headers {
  display: flex;
  width: 70%;
  position: relative;
  left: 30%;
}

.instrument-picker .columns-headers .col-header {
  width: 20%;
  flex-grow: 1;
  text-align: center;
  padding-right: 10px;
}

.instrument-picker .columns-headers .col-header:first-of-type {
  margin-left: 5px;
}

.instrument-picker .columns-headers .col-header .col-name {
  display: inline;
}

.instrument-picker .columns-headers .col-header .sort-order {
  display: inline;
  margin-left: 5px;
  visibility: hidden;
}

.instrument-picker .columns-headers .col-header:hover .sort-order {
  visibility: visible;
}

.instrument-picker .matching-securities {
  overflow-y: auto;
  height: 500px;
  margin-left: 15px;
}

.instrument-picker .matching-securities .security {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 5px;
  padding-right: 10px;
  display: flex;
  justify-content: space-between;
}

.instrument-picker .matching-securities .security div {
  display: inline-block;
}

.instrument-picker .matching-securities .security .desc {
  width: 30%;
  display: flex;
  align-items: flex-end;
}

.instrument-picker .matching-securities .security .desc .security-name {
  padding-left: 5px;
  cursor: default;
}

.instrument-picker .matching-securities .security .info {
  width: 70%;
  display: flex;
  justify-content: space-around;
}

.instrument-picker .matching-securities .security .info .security-info {
  font-size: small;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 20%;
  flex-grow: 1;
  text-align: center;
}

.instrument-picker .matching-securities .security.already-subscribed {
  opacity: .5;
}

.quotes {
  width: 80%;
}

.received-quote {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-right: 5px;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  padding: 10px 20px;
  width: 30%;
}

.received-quote .received-quote-title {
  font-weight: bold;
}

.received-quote .quote-entry {
  margin-top: 5px;
}

.received-quote .quote-side, .received-quote .owner-label {
  display: inline-block;
}

.received-quote .progress {
  margin-top: 2px;
}

.rfq-center {
  height: 100%;
}

.rfq-center .rfq-ticket-blotter-atom {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 400px;
  overflow: hidden;
}

.rfq-center .editor {
  position: absolute;
  top: 0;
  left: 405px;
  right: 0;
  bottom: 0;
}

.rfq-center .editor .north {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 40%;
}

.rfq-center .editor .south {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40%;
}

.rfq-center .primary-area {
  overflow-y: auto !important;
}

.rfq-center .primary-area .rfq-editor-atom {
  overflow: auto;
  padding: 5px;
  margin-right: 10px;
}

.rfq-center .gutter-horizontal {
  display: none;
}

.bullet-flag, .bullet-flag:hover {
  margin-left: 5px;
}

.regulatory-rfq {
  padding-bottom: 10px;
  font-size: small;
  display: flex;
}

.regulatory-rfq .row-label {
  font-weight: bold;
}

.regulatory-rfq .static-fields {
  width: 60%;
  display: flex;
  flex-direction: column;
}

.regulatory-rfq .dynamic-fields {
  width: 40%;
  padding-left: 10px;
}

.regulatory-rfq .regulatory-fields, .regulatory-rfq .obligation-fields {
  display: flex;
  height: 50%;
  align-items: flex-end;
}

.regulatory-rfq .regulatory-fields .bullet-panel, .regulatory-rfq .regulatory-fields .gwt-Label, .regulatory-rfq .obligation-fields .bullet-panel, .regulatory-rfq .obligation-fields .gwt-Label {
  display: inline-block;
  flex-basis: 33%;
}

.regulatory-rfq .regulatory-fields .bullet-panel .gwt-Label, .regulatory-rfq .regulatory-fields .gwt-Label .gwt-Label, .regulatory-rfq .obligation-fields .bullet-panel .gwt-Label, .regulatory-rfq .obligation-fields .gwt-Label .gwt-Label {
  width: 60%;
}

.regulatory-rfq .flags .header-row {
  display: flex;
  margin-left: 30%;
}

.regulatory-rfq .flags .header-row .gwt-Label {
  flex-basis: 50px;
  text-align: center;
  margin-right: 5px;
  white-space: nowrap;
}

.regulatory-rfq .flags .trade-label {
  width: 30%;
}

.regulatory-rfq .flags .trade-row {
  display: flex;
}

.regulatory-rfq .flags .trade-row .bullet-flag {
  flex-basis: 50px;
  margin-left: 0;
}

.regulatory-rfq .flags .trade-row .make-public {
  flex-basis: 50px;
  text-align: center;
}

.sales-rfq-center {
  height: 100%;
}

.sales-rfq-center .sales-ticket-blotter {
  height: 100%;
  width: 400px;
  float: left;
  display: flex;
  flex-direction: column;
}

.sales-rfq-center .disabled, .sales-rfq-center .gwt-ListBox:disabled, .sales-rfq-center .gwt-DateBox:disabled, .sales-rfq-center input:disabled {
  opacity: 1;
}

.sales-rfq-center .rfq-nego-center {
  overflow-y: auto;
  height: 100%;
  width: calc(100% - 400px);
  float: left;
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
  position: relative;
}

.sales-rfq-center .rfq-nego-center .search-panel {
  width: 75%;
  padding-bottom: 10px;
}

.sales-rfq-center .rfq-nego-center .search-panel .tagInput .paste-action {
  display: inline;
  font-size: 11px;
  margin: 0 5px;
}

.sales-rfq-center .rfq-nego-center .search-panel.large {
  width: calc(100% - 30px);
  border-bottom: none;
}

.sales-rfq-center .rfq-nego-center .search-panel.large .auto-complete {
  margin: 0 auto;
}

.sales-rfq-center .rfq-nego-center .no-rfq-selected .title {
  font-weight: bold;
  text-align: center;
}

.sales-rfq-center .rfq-nego-center .no-rfq-selected .tuto {
  cursor: pointer;
}

.sales-rfq-center .rfq-nego-center .rfq-editor.fx-single-editor .switch-lock.disabled {
  background: initial;
}

.sales-rfq-center .rfq-nego-center .rfq-editor.fx-single-editor .addAlloc-icon {
  margin: 5px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor.fx-single-editor .addAlloc-icon.full {
  display: none;
}

.sales-rfq-center .rfq-nego-center .rfq-editor.fx-single-editor .addAlloc-icon .lbl {
  margin-left: 5px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor.fx-single-editor .allocations .allocation {
  position: relative;
  padding: 5px 15px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor.fx-single-editor .allocations .allocation .account-picker, .sales-rfq-center .rfq-nego-center .rfq-editor.fx-single-editor .allocations .allocation .sides-list, .sales-rfq-center .rfq-nego-center .rfq-editor.fx-single-editor .allocations .allocation .qty-spinner {
  width: 25% !important;
}

.sales-rfq-center .rfq-nego-center .rfq-editor.fx-single-editor .allocations .allocation .remove-icn {
  position: absolute;
  right: 0;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .gwt-ListBox {
  width: 100%;
  padding: 2px 0;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .gwt-TextBox {
  padding: 2px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .actions {
  position: absolute;
  top: 30px;
  right: 10px;
  width: 20%;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .form {
  width: 80%;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .caption {
  font-size: 12px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .title {
  font-weight: bold;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .client-options {
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .client-options .pony-Form-FormField-Component {
  margin-right: 10px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .client-options .security {
  width: 30%;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .client-options .client {
  width: 20%;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .client-options .account {
  width: 20%;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .options {
  margin-top: 10px;
  margin-bottom: 20px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .options .options-form {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .options .options-form .pony-Form-FormField-Component {
  margin-right: 10px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .options .options-form .time-out {
  width: 10%;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .proposed-entry {
  margin-top: 10px;
  margin-bottom: 20px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .proposed-entry .entry-form {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .proposed-entry .entry-form .pony-Form-FormField-Component {
  margin-right: 10px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .proposed-entry .entry-form .at {
  margin-right: 10px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .legs {
  margin-top: 10px;
  margin-bottom: 20px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .legs .rfq-leg {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .legs .rfq-leg .pony-Form-FormField-Component {
  margin-right: 10px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .legs .rfq-leg .at {
  margin-right: 10px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .legs .rfq-leg .leg-secu {
  width: 30%;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .legs .rfq-leg .leg-qty {
  width: 20%;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .legs .rfq-leg .leg-price {
  width: 20%;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .comments {
  margin-top: 10px;
  margin-bottom: 20px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .comments .caption {
  font-weight: bold;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .comments .gwt-TextBox {
  width: 70%;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .details {
  padding-top: 30px;
  font-size: 11px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .details .details-col {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 33%;
  border-radius: 10px;
  padding: 10px;
  margin-right: 5px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .details .details-col .title {
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bolder;
  text-align: center;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .details .details-col .columns {
  display: flex;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .details .details-col .columns .col {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 5px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .details .details-col .columns .col .pony-Form-FormField-Component, .sales-rfq-center .rfq-nego-center .rfq-editor .details .details-col .columns .col .roll {
  margin-bottom: 5px;
  height: 40px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .details .details-col .columns .col .roll .roll-type {
  display: inline-block;
  width: 35%;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .details .details-col .columns .col .roll .roll-date {
  display: inline-block;
  margin-left: 5px;
  height: initial;
  width: 60%;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .details .details-col .columns .col .roll .gwt-DateBox {
  width: 100%;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .details .details-col .bonds {
  text-align: center;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .details .details-col .bonds .add-day {
  width: initial;
  margin-left: 5px;
}

.sales-rfq-center .rfq-nego-center .rfq-editor .details .details-col .swap .side {
  font-weight: 700;
  font-style: italic;
  text-align: center;
  font-size: 14px;
}

@media print {
  .sales-rfq-center .rfq-nego-center {
    width: 100% !important;
  }
}

.fx-single-editor {
  display: flex;
  max-width: 900px;
}

.fx-single-editor .form {
  min-width: 500px;
  padding: .5em;
  float: left;
  display: flex;
  flex-direction: column;
}

.fx-single-editor .form .one-click-status {
  position: absolute;
  top: 60px;
  font-size: 1.5em;
}

.fx-single-editor .form .client-options {
  justify-content: space-around;
  text-align: center;
  align-self: center;
  max-width: 400px;
  width: 80%;
}

.fx-single-editor .form .client-options .caption {
  display: none;
}

.fx-single-editor .form .client-options .gwt-ListBox, .fx-single-editor .form .client-options .select2-choice {
  height: 30px !important;
}

.fx-single-editor .form .client-options .pony-Form-FormField-Component {
  width: 48% !important;
  margin-right: 0 !important;
}

.fx-single-editor .form .client-options .pony-Form-FormField-Component.security {
  margin-top: 15px;
}

.fx-single-editor .form .price-panel {
  width: 65%;
  max-width: 350px;
  align-self: center;
}

.fx-single-editor .form .price-panel .price-widget {
  height: 102px;
}

.fx-single-editor .form .price-panel .price-widget .price {
  height: 80px;
}

.fx-single-editor .form .price-panel .price-widget .qty {
  top: 0;
  left: 120px;
}

.fx-single-editor .form .price-panel .price-widget .pip-num {
  bottom: 23px;
}

.fx-single-editor .form .price-panel .price-widget .spread {
  bottom: 0;
}

.fx-single-editor .form .price-panel .price-widget .spread .pip-num {
  bottom: 0;
  border-radius: 5px 5px 5px 5px !important;
}

.fx-single-editor .form .switch-lock {
  position: absolute;
  transform: rotateZ(-45deg);
  margin-left: 16px;
  line-height: 80px;
}

.fx-single-editor .form .leg-root-panel {
  height: 40px;
  display: flex;
  justify-content: center;
}

.fx-single-editor .form .leg-root-panel .leg-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 70%;
}

.fx-single-editor .form .leg-root-panel .leg-panel .leg-field {
  display: flex;
  justify-content: space-between;
}

.fx-single-editor .form .leg-root-panel .leg-panel .quantity-panel {
  width: 40%;
  min-width: 120px;
}

.fx-single-editor .form .leg-root-panel .leg-panel .date-panel {
  width: 40%;
  min-width: 120px;
  cursor: pointer;
}

.fx-single-editor .form .leg-root-panel .leg-panel .switchers {
  width: 15%;
  min-width: 80px;
  justify-content: space-around;
}

.fx-single-editor .form .leg-root-panel .leg-panel .switchers .switch-currency, .fx-single-editor .form .leg-root-panel .leg-panel .switchers .switch-fwd-swp {
  border: 0;
  background: transparent;
}

.fx-single-editor .form .leg-root-panel .leg-panel .date-picker-label, .fx-single-editor .form .leg-root-panel .leg-panel .numeric-spinner {
  width: 100%;
}

.fx-single-editor .form .leg-root-panel .leg-panel .quantity-panel .gwt-Label {
  position: absolute;
  left: 10px;
  font-weight: bold;
}

.fx-single-editor .form .leg-root-panel .leg-panel .quantity-panel .numeric-spinner {
  border-radius: 4px 0 0 4px;
}

.fx-single-editor .form .leg-root-panel .leg-panel .date {
  width: 100%;
}

.fx-single-editor .form .leg-root-panel .leg-panel .date .date-picker-label {
  border-radius: 0 4px 4px 0;
}

.fx-single-editor .actions {
  position: relative !important;
  top: 15px;
  min-width: 170px;
}

.fx-single-editor .actions button {
  direction: rtl;
  overflow: hidden;
}

.sales-ticket-blotter {
  border-right-style: solid;
}

.sales-ticket-blotter .notransition {
  transition: none !important;
}

.sales-ticket-blotter .tickets-container {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.sales-ticket-blotter .pending {
  min-height: 45px;
  transition: height 1s;
  margin-bottom: 5px;
}

.sales-ticket-blotter .pending.collapsed {
  height: 45px !important;
  overflow: hidden;
  flex-grow: 0;
}

.sales-ticket-blotter .pending .tickets {
  overflow-x: hidden;
}

.sales-ticket-blotter .pending .btn-toolbar .pending-label span {
  margin: 0 2px;
}

.sales-ticket-blotter .pending .btn-toolbar .add-rfq,
.sales-ticket-blotter .pending .btn-toolbar .cancel-all, .sales-ticket-blotter .pending .btn-toolbar .send-all {
  float: right;
}

.sales-ticket-blotter .pending .btn-toolbar .add-rfq label,
.sales-ticket-blotter .pending .btn-toolbar .cancel-all label, .sales-ticket-blotter .pending .btn-toolbar .send-all label {
  margin-bottom: 0;
}

.sales-ticket-blotter .tickets-container.sent {
  flex-grow: 1;
}

.sales-ticket-blotter .rfq-ticket .rfq-asset-class {
  font-weight: 800;
  text-transform: uppercase;
}

.sales-ticket-blotter .rfq-ticket .remove-ticket {
  position: absolute !important;
  top: 5px;
  right: 5px;
}

.btn-group.disabled * {
  pointer-events: none;
}

.connectivity {
  height: 25px;
}

.connectivity .connectivity-bar {
  position: relative;
  float: left;
  margin-right: 5px;
  height: 100%;
  width: 10px;
}

.connectivity .connectivity-bar .connectivity-fill {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.connectivity .connectivity-bar .connectivity-fill.low {
  height: 25%;
}

.connectivity .connectivity-bar .connectivity-fill.medium {
  height: 50%;
}

.connectivity .connectivity-bar .connectivity-fill.high {
  height: 75%;
}

.connectivity .connectivity-bar .connectivity-fill.full {
  height: 100%;
}

.fixing-widget {
  height: 100%;
  width: 100%;
  display: flex;
}

.fixing-widget .header {
  height: 90px;
}

.fixing-widget .tradingsession-ticket-blotter-atom {
  overflow: auto;
  height: 100%;
  width: 315px;
}

.fixing-widget .tradingsession-ticket-blotter-atom .header {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.fixing-widget .tradingsession-ticket-blotter-atom .header .filters {
  text-align: center;
}

.fixing-widget .tradingsession-ticket-blotter-atom .header .filters .btn-group .btn {
  flex: 1;
}

.fixing-widget .tradingsession-ticket-blotter-atom .header .import-export {
  display: flex;
  justify-content: space-around;
}

.fixing-widget .tradingsession-ticket-blotter-atom .header .import-export form {
  cursor: pointer;
}

.fixing-widget .tradingsession-ticket-blotter-atom .header .import-export form input {
  display: none;
}

.fixing-widget .tradingsession-ticket-blotter-atom .header .import-export form label {
  cursor: pointer;
  margin: 0;
  font-weight: normal;
}

.fixing-widget .tradingsession-ticket-blotter-atom .tickets {
  flex: 1;
  overflow: auto;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket {
  cursor: pointer;
  padding: 10px;
  margin: 6px;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket.selected {
  border-width: 3px;
  cursor: inherit;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .main-zone {
  position: relative;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .icon-notification {
  float: right;
  top: 3px;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .t-description {
  margin-bottom: .5em;
  max-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  size: 14px;
  line-height: 20px;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .t-status {
  text-transform: uppercase;
  line-height: 20px;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .t-source, .fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .t-exp-time {
  display: flex;
  text-overflow: ellipsis;
  max-height: 2em;
  gap: 5px;
  width: 280px;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .t-source .t-label, .fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .t-exp-time .t-label {
  overflow: hidden;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .t-source .t-value, .fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .t-exp-time .t-value {
  overflow: hidden;
  text-align: center;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .progress {
  margin-top: 5px;
  margin-bottom: unset !important;
}

.fixing-widget .editor {
  height: 100%;
  width: calc(100% - 315px);
  overflow-x: auto;
}

.fixing-widget .editor .tradingsession-editor-atom {
  height: 100%;
  min-width: 700px;
  overflow: auto;
  display: flex;
  padding: 0;
  flex-direction: column;
}

.fixing-widget .editor .tradingsession-editor-atom .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 15px;
  width: auto;
  overflow: hidden;
}

.fixing-widget .editor .tradingsession-editor-atom .header .gwt-Label {
  text-overflow: ellipsis;
  overflow: hidden;
}

.fixing-widget .editor .tradingsession-editor-atom .header .description {
  overflow: hidden;
  max-height: 100%;
  width: 37%;
}

.fixing-widget .editor .tradingsession-editor-atom .header .title-panel {
  overflow: hidden;
  font-size: 1.3em;
  font-weight: bold;
  width: 25%;
  min-width: 250px;
  text-align: center;
}

.fixing-widget .editor .tradingsession-editor-atom .header .send-panel {
  overflow: hidden;
  position: relative;
  text-align: right;
  width: 37%;
}

.fixing-widget .editor .tradingsession-editor-atom .header .send-panel .icon-notification {
  margin-right: 2em;
  font-size: 34px;
  left: 34px;
  vertical-align: middle;
}

.fixing-widget .editor .tradingsession-editor-atom .rows {
  flex: 1;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 20px;
}

.fixing-widget .editor .tradingsession-editor-atom .rows.widget-circle-loading {
  pointer-events: none;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor, .fixing-widget .editor .tradingsession-editor-atom .editor-header {
  display: flex;
  flex-direction: row;
  height: 35px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  overflow: visible;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-header, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-header {
  font-weight: bold;
  font-size: 1.1em;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-instrument, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-instrument {
  position: relative;
  text-align: left;
  width: 33%;
  padding-left: 5px;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-instrument .icon, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-instrument .icon {
  position: absolute;
  left: -15px;
  top: 4px;
  height: 0;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price, .fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price-bidoffer, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price-bidoffer {
  width: 25%;
  text-align: center;
  padding: 0 15px;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price .price-spinner, .fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price-bidoffer .price-spinner, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price .price-spinner, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price-bidoffer .price-spinner {
  height: 1.7em;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price .fixing-price-spinner, .fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price-bidoffer .fixing-price-spinner, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price .fixing-price-spinner, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price-bidoffer .fixing-price-spinner {
  display: flex;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price .fixing-price-spinner.auto .numeric-spinner.disabled .spinner-btn-box, .fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price-bidoffer .fixing-price-spinner.auto .numeric-spinner.disabled .spinner-btn-box, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price .fixing-price-spinner.auto .numeric-spinner.disabled .spinner-btn-box, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price-bidoffer .fixing-price-spinner.auto .numeric-spinner.disabled .spinner-btn-box {
  display: none;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price .fixing-price-spinner .warning-icon, .fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price-bidoffer .fixing-price-spinner .warning-icon, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price .fixing-price-spinner .warning-icon, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price-bidoffer .fixing-price-spinner .warning-icon {
  padding-top: 2px;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price .fixing-price-spinner .warning-icon:before, .fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price-bidoffer .fixing-price-spinner .warning-icon:before, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price .fixing-price-spinner .warning-icon:before, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price-bidoffer .fixing-price-spinner .warning-icon:before {
  font-family: "webappsdk";
  content: '\ed4d';
  font-weight: normal;
  padding: 2px;
  font-size: 16px;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price .fixing-price-spinner .price-spinner, .fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price-bidoffer .fixing-price-spinner .price-spinner, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price .fixing-price-spinner .price-spinner, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price-bidoffer .fixing-price-spinner .price-spinner {
  flex-grow: 1;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price .fixing-price-spinner .edit-btn, .fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price-bidoffer .fixing-price-spinner .edit-btn, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price .fixing-price-spinner .edit-btn, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price-bidoffer .fixing-price-spinner .edit-btn {
  background: none;
  border: none;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price .fixing-price-spinner .edit-btn:before, .fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price-bidoffer .fixing-price-spinner .edit-btn:before, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price .fixing-price-spinner .edit-btn:before, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price-bidoffer .fixing-price-spinner .edit-btn:before {
  font-family: "webappsdk";
  content: '\e90e';
  font-weight: normal;
  padding: 2px;
  font-size: 16px;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price .fixing-price-spinner .reset-btn, .fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price-bidoffer .fixing-price-spinner .reset-btn, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price .fixing-price-spinner .reset-btn, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price-bidoffer .fixing-price-spinner .reset-btn {
  background: none;
  border: none;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price .fixing-price-spinner .reset-btn:before, .fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-price-bidoffer .fixing-price-spinner .reset-btn:before, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price .fixing-price-spinner .reset-btn:before, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-price-bidoffer .fixing-price-spinner .reset-btn:before {
  font-family: "webappsdk";
  content: '\ea4b';
  font-weight: normal;
  padding: 2px;
  font-size: 16px;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-net-quantity, .fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-gross-quantity, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-net-quantity, .fixing-widget .editor .tradingsession-editor-atom .editor-header .editor-row-gross-quantity {
  text-align: center;
  width: 12.5%;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .checkbox, .fixing-widget .editor .tradingsession-editor-atom .editor-header .checkbox {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  padding-left: 15px;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .checkbox:before, .fixing-widget .editor .tradingsession-editor-atom .editor-header .checkbox:before {
  font-size: 14px;
  line-height: 16px;
  font-family: 'webappsdk';
  color: #FFFFFF;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .checkbox[disabled], .fixing-widget .editor .tradingsession-editor-atom .editor-header .checkbox[disabled] {
  cursor: default;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .checkbox[disabled]:before, .fixing-widget .editor .tradingsession-editor-atom .editor-header .checkbox[disabled]:before {
  color: #555;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .checked:before, .fixing-widget .editor .tradingsession-editor-atom .editor-header .checked:before {
  content: '\ee6b';
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .partial-checked:before, .fixing-widget .editor .tradingsession-editor-atom .editor-header .partial-checked:before {
  content: '\ee65';
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .unchecked:before, .fixing-widget .editor .tradingsession-editor-atom .editor-header .unchecked:before {
  content: '\ee6c';
}

.fixing-widget .editor .tradingsession-editor-atom .editor-header {
  line-height: 100%;
  font-size: 1.1em;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .editor .editor-row-instrument {
  cursor: pointer;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .orders {
  width: 100%;
  table-layout: fixed;
}

.fixing-widget .editor .tradingsession-editor-atom .editor-row .orders th, .fixing-widget .editor .tradingsession-editor-atom .editor-row .orders td {
  text-align: center;
}

.modal.import-csv-dialog {
  overflow: auto;
}

.modal.import-csv-dialog .modal-body {
  max-height: 600px;
  min-height: 400px;
  overflow: auto;
  padding: 0;
}

.modal.import-csv-dialog .modal-dialog {
  width: 1300px;
}

.modal.import-csv-dialog table {
  width: 100%;
  cursor: default !important;
  position: relative;
}

.modal.import-csv-dialog tr {
  height: 30px;
  position: relative;
}

.modal.import-csv-dialog tr:before {
  content: ' ';
  width: 0;
}

.modal.import-csv-dialog thead tr {
  height: 40px;
  font-size: 1.2em;
}

.modal.import-csv-dialog td, .modal.import-csv-dialog th {
  text-align: center;
  padding: 0 5px;
}

.modal.import-csv-dialog td {
  height: 30px;
  font-size: 1em;
  position: relative;
  max-width: 200px;
  overflow-y: visible;
}

.modal.import-csv-dialog td .gwt-Label {
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}

.modal.import-csv-dialog td[data-title]:after {
  position: absolute;
  left: 0;
  width: 100%;
  font-size: .9em;
  padding: 1px 5px;
  line-height: 25px;
  white-space: normal;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  content: attr(data-title);
}

.modal.import-csv-dialog td[data-title]:hover:after {
  opacity: .9;
}

.modal.import-csv-dialog td[data-title]:after {
  top: 100%;
  bottom: unset;
}

.modal.import-csv-dialog tr:nth-last-child(-n + 4):nth-child(n + 10) td:not(.status)[data-title]:after {
  position: absolute;
  left: 0;
  width: 100%;
  font-size: .9em;
  padding: 1px 5px;
  line-height: 25px;
  white-space: normal;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  content: attr(data-title);
}

.modal.import-csv-dialog tr:nth-last-child(-n + 4):nth-child(n + 10) td:not(.status)[data-title]:hover:after {
  opacity: .9;
}

.modal.import-csv-dialog tr:nth-last-child(-n + 4):nth-child(n + 10) td:not(.status)[data-title]:after {
  bottom: 100%;
  top: unset;
}

.modal.import-csv-dialog td.has-error {
  font-weight: bold;
}

.modal.import-csv-dialog td.has-error :empty:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  line-height: 0;
  white-space: normal;
  font-family: "webappsdk";
  content: "\ed4e";
  text-align: center;
}

.modal.import-csv-dialog .status .icon {
  position: initial;
  cursor: default;
}

.modal.import-csv-dialog .status[data-title]:after {
  position: absolute;
  left: 0;
  width: 100%;
  font-size: .9em;
  padding: 1px 5px;
  line-height: 25px;
  white-space: normal;
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  content: attr(data-title);
}

.modal.import-csv-dialog .status[data-title]:hover:after {
  opacity: .9;
}

.modal.import-csv-dialog .status[data-title]:after {
  top: 100%;
  bottom: unset;
}

.modal.import-csv-dialog .status:after {
  right: 0;
  left: unset !important;
  width: unset !important;
  white-space: nowrap !important;
}

.modal.import-csv-dialog tr:last-child:nth-child(n + 10) .status:after {
  bottom: 100% !important;
  top: unset !important;
}

.modal.import-csv-dialog .progress-button {
  padding: 6px 24px;
  line-height: 1.42857143;
  font-size: 14px;
  border-radius: 4px;
  box-shadow: none;
}

.rpc-button-widget {
  position: relative;
  display: inline-block;
}

.rpc-button-widget.rpc-loading {
  position: relative;
}

.rpc-button-widget.rpc-loading:after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border-radius: 50%;
  animation: rpc-button-rotate-center 1.2s linear infinite;
  position: absolute;
  border: 5px solid;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
}

@keyframes rpc-button-rotate-center {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.form-widget .fw-flex-container .fw-flex-line {
  display: flex;
  height: 25px;
}

.form-widget .fw-flex-container .fw-flex-line .fw-flex-label {
  margin: 0 15px;
  width: 25%;
}

.form-widget .fw-flex-container .fw-flex-line .fw-flex-value {
  font-weight: bolder;
}

.heat-slider {
  min-width: 100px;
  width: 220px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.heat-slider .ui-slider {
  width: 100%;
  left: 10px;
  top: 6px;
}

.heat-slider .ui-slider .ui-slider-handle {
  width: 25px;
}

.heat-slider .ui-slider .ui-slider-handle .value {
  font-size: 10px;
  text-align: center;
  margin: 1px;
}

.lock-widget .lock-body-panel .lock-msg-panel {
  margin-bottom: 10px;
  font-size: 15px;
}

.lock-widget .lock-body-panel .lock-field-panel {
  display: flex;
  flex-direction: column;
}

.lock-widget .lock-body-panel .lock-field-panel .lock-row-panel {
  display: flex;
  flex-grow: 1;
}

.lock-widget .lock-body-panel .lock-field-panel .lock-row-panel .gwt-Label {
  width: 20%;
}

.lock-widget .lock-body-panel .lock-field-panel .lock-row-panel .gwt-TextBox, .lock-widget .lock-body-panel .lock-field-panel .lock-row-panel .gwt-PasswordTextBox {
  width: 50%;
  padding-left: 5px;
  margin-bottom: 5px;
}

.lock-widget .lock-button-panel {
  text-align: center;
}

.order-diff-widget .rows-header {
  display: flex;
  font-weight: bold;
}

.order-diff-widget .rows-header .header-text {
  flex-basis: 33%;
  text-align: center;
}

.order-diff-widget .diff-row {
  display: flex;
  justify-content: space-around;
}

.order-diff-widget .diff-row .gwt-Label {
  flex-basis: 33%;
  text-align: center;
}

.prefScreen .row {
  margin-bottom: 5px;
}

.prefScreen .rounding-mode {
  width: 250px;
}

.prefScreen .stop-price-trigger {
  width: 250px;
}

.prefScreen .localization-settings-atom .select2-container {
  width: 100% !important;
}

.prefScreen .localization-settings-atom .date-format {
  width: 100%;
}

.prefScreen .localization-settings-atom .bootstrap-switch.bootstrap-switch-mini {
  min-width: 100px;
}

.prefScreen .localization-settings-atom .exporter-delimiter {
  text-align: center;
  width: 80px;
}

.prefScreen .trading-preference-atom .bootstrap-switch, .prefScreen .general-preference-atom .bootstrap-switch {
  width: 125px;
}

.prefScreen .price-increment-preference-atom .warning-label {
  opacity: 1;
  pointer-events: none;
  margin-bottom: 5px;
  margin-left: 5px;
}

.prefScreen .price-increment-preference-atom .warning-label .lbl {
  margin-left: 5px;
}

.prefScreen .price-increment-preference-atom .price-increment-choosing-panel {
  display: flex;
  width: 50%;
}

.prefScreen .price-increment-preference-atom .price-increment-choosing-panel .add {
  margin-left: 10px;
}

.prefScreen .price-increment-preference-atom .price-increment-selected-scrollpanel {
  margin-top: 10px;
  max-height: 150px;
  width: 50%;
}

.prefScreen .price-increment-preference-atom .price-increment-selected-scrollpanel .price-increment-selected-panel {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}

.prefScreen .price-increment-preference-atom .price-increment-selected-scrollpanel .price-increment-selected-panel .currency-pair-selected-panel {
  display: flex;
  margin-bottom: 10px;
}

.prefScreen .price-increment-preference-atom .price-increment-selected-scrollpanel .price-increment-selected-panel .currency-pair-selected-panel .currency-pair-selected-label {
  flex-grow: 1;
}

.prefScreen .price-increment-preference-atom .price-increment-selected-scrollpanel .price-increment-selected-panel .currency-pair-selected-panel .numeric-spinner {
  width: 100px;
  margin: 0 10px;
}

.prefScreen .price-increment-preference-atom .price-increment-selected-scrollpanel .price-increment-selected-panel .currency-pair-selected-panel .remove {
  margin-right: 5px;
}

.upload-widget .upload-widget-header {
  margin-bottom: 10px;
}

.upload-widget .upload-widget-header .client-selection {
  display: flex;
  align-items: center;
  justify-content: center;
}

.upload-widget .upload-widget-header .client-selection .client {
  margin-right: 10px;
}

.upload-widget .upload-orders-widget {
  display: block;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  height: 200px;
  font-size: 14px;
  line-height: 22px;
  background-image: none;
  text-align: center;
  cursor: pointer;
}

.upload-widget .upload-orders-widget:after {
  content: attr(data-title);
  pointer-events: none;
  position: absolute;
  top: 70%;
  left: 33%;
}

.upload-widget .upload-orders-widget .file-upload {
  height: 100%;
  width: 100%;
}

.upload-widget .upload-orders-widget .file-upload div:first-child {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}

.upload-widget .upload-orders-widget .file-upload.uploaded-file.upload-ok label:before {
  content: '\ed6e';
}

.upload-widget .upload-orders-widget .file-upload.uploaded-file.upload-ko label:before {
  content: '\ed6a';
}

.upload-widget .upload-orders-widget .file-upload input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 5;
  height: 100%;
  width: 100%;
}

.upload-widget .upload-orders-widget .file-upload label {
  font-weight: 100;
  font-size: 20px;
  width: 100%;
}

.upload-widget .upload-orders-widget .file-upload label:before {
  font-family: "webappsdk";
  content: '\ec74';
  opacity: .8;
  position: absolute;
  top: 45px;
  font-size: 40px;
  left: calc(50% - 22px);
  cursor: pointer;
}

.upload-widget .upload-orders-widget .upload-status {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 5px;
}

.upload-widget .upload-orders-widget .overlay-client-account {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  cursor: initial;
}

.upload-widget .upload-orders-widget .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.upload-widget .upload-orders-widget .overlay .spinner > div {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  display: inline-block;
  animation: bouncedelay 1.4s infinite ease-in-out both;
}

.upload-widget .upload-orders-widget .overlay .spinner {
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 35px);
  width: 70px;
  text-align: center;
}

.upload-widget .upload-orders-widget .overlay .spinner div:nth-child(1) {
  animation-delay: -.32s;
}

.upload-widget .upload-orders-widget .overlay .spinner div:nth-child(2) {
  animation-delay: -.16s;
}

.dd-listbox-container.dd-listbox-multi .dd-listbox-clear-multi {
  padding: 0 0 0 23px;
}

.dd-listbox-container.dd-listbox-multi .dd-listbox-clear-multi::before {
  font-family: 'webappsdk';
  content: '\ebfa';
  position: absolute;
  left: 5px;
}

.dd-listbox-container .dd-container-default .dd-listbox-filter::after {
  font-family: 'webappsdk';
  content: '\eb33';
  position: absolute;
  right: 10px;
  top: 7px;
}

.dd-textbox-container .dd-container-default .dd-textbox-filter {
  position: relative;
  display: block;
}

.dd-textbox-container .dd-container-default .dd-textbox-filter input[type="text"] {
  width: 100%;
}

.dd-textbox-container .dd-container-default .dd-textbox-filter::after {
  font-family: 'webappsdk';
  content: '\eb33';
  position: absolute;
  right: 10px;
  top: 4px;
}

.dd-numericbox-container .measure-unit-row {
  margin-bottom: 5px;
}

.dd-numericbox-container .measure-unit-row .gwt-ListBox {
  width: 100%;
  height: 26px;
}

.dd-numericbox-container .dd-numericbox-row {
  display: flex;
  gap: 5px;
  margin-bottom: 5px;
}

.dd-numericbox-container .dd-numericbox-row .gwt-ListBox {
  width: 175px;
  height: 26px;
  border-radius: 0;
}

.dd-numericbox-container .dd-numericbox-row .numeric-spinner {
  width: 125px;
  height: 26px;
}

.dd-numericbox-container .dd-numericbox-row .numeric-spinner .spinner-btn-box {
  border-left: none;
}

.dd-datebox-container .dd-datebox-duration {
  display: flex;
  gap: 5px;
}

.dd-datebox-container .dd-datebox-duration .gwt-Label {
  line-height: 26px;
}

.dd-datebox-container .dd-datebox-duration .numeric-spinner {
  width: 75px;
  height: 26px;
}

.dd-datebox-container .dd-datebox-duration .numeric-spinner .spinner-btn-box {
  border-left: none;
}

.dd-datebox-container .dd-datebox-duration .gwt-ListBox {
  width: 100px;
  height: 26px;
  border-radius: 0;
}

.dd-datebox-container .dd-datebox-range .gwt-ListBox {
  width: 100px;
  height: 26px;
  border-radius: 0;
  margin-bottom: 10px;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row {
  display: flex;
  gap: 10px;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col.dd-datebox-disabled {
  cursor: not-allowed;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col.dd-datebox-disabled .gwt-TextBox {
  cursor: not-allowed;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col.dd-datebox-disabled .gwt-DatePicker {
  pointer-events: none;
  opacity: 0.7;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col {
  display: flex;
  flex-direction: column;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col input[type="text"] {
  width: 169px;
  height: 26px;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .gwt-DatePicker .datePickerMonthSelector tbody {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .gwt-DatePicker .datePickerMonthSelector tbody .datePickerMonth {
  user-select: none;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .gwt-DatePicker .datePickerMonthSelector tbody .datePickerPreviousButton {
  padding-left: 5px;
  cursor: pointer;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .gwt-DatePicker .datePickerMonthSelector tbody .datePickerNextButton {
  padding-right: 5px;
  cursor: pointer;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .gwt-DatePicker .datePickerDays {
  width: 100%;
  text-align: center;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .gwt-DatePicker .datePickerDays .datePickerWeekdayLabel {
  cursor: default;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .gwt-DatePicker .datePickerDays .datePickerDay {
  cursor: pointer;
  user-select: none;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .gwt-DatePicker .datePickerDays .datePickerDay.datePickerDayIsToday {
  font-weight: bold;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .gwt-DatePicker .datePickerDays .datePickerDay.datePickerDayIsValue {
  border-radius: 16px;
  font-weight: bold;
}

.checkbox-dropdown {
  position: relative;
}

.checkbox-dropdown .checkbox-dropdown-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  z-index: 999;
}

.checkbox-dropdown .dropdown-button {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 18px;
}

.checkbox-dropdown .dropdown-button::after {
  font-family: 'webappsdk';
  content: '\edc6';
  position: absolute;
  right: 3px;
}

.checkbox-dropdown .dropdown-button.dropdown-opened::after {
  content: '\edc4';
}

.checkbox-dropdown .checkbox-panel {
  position: absolute;
  width: 200px;
  top: calc(100% + 5px);
  padding: 5px;
  border-radius: 5px;
  z-index: 1000;
}

.checkbox-dropdown .checkbox-panel::after {
  font-family: 'webappsdk';
  content: '\eb33';
  position: absolute;
  right: 10px;
  top: 8px;
}

.checkbox-dropdown .checkbox-panel .dropdown-input {
  width: 100%;
  height: 26px;
  padding-right: 22px;
}

.checkbox-dropdown .checkbox-panel .checkbox-container {
  display: flex;
  flex-direction: column;
  max-height: 170px;
  overflow: auto;
  margin-top: 3px;
}

.checkbox-dropdown .checkbox-panel .checkbox-container .checkbox-clear {
  padding-top: 3px;
  padding-left: 5px;
  cursor: pointer;
  text-decoration: underline;
}

.checkbox-dropdown .checkbox-panel .checkbox-container .checkbox-clear:focus {
  outline: none;
}

.checkbox-dropdown .checkbox-panel .checkbox-container .checkbox-item {
  display: flex;
  padding: 5px 0;
  margin-right: 5px;
  cursor: pointer;
}

.checkbox-dropdown .checkbox-panel .checkbox-container .checkbox-item .checkbox-input {
  margin: 3px 5px;
  pointer-events: none;
}

.checkbox-dropdown .checkbox-panel .checkbox-container .checkbox-item .checkbox-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}

.checkbox-dropdown .checkbox-panel .checkbox-nomatches {
  padding: 5px 5px 0;
}

.checkbox-numeric-panel::after {
  content: unset;
}

.dropdown-within-date-amount {
  margin-right: 5px;
  width: 45px;
  margin-left: 5px;
  text-align: center;
}

.dropdown-within-date-time {
  width: 90px;
}

.dropdown-date-panel {
  width: 300px !important;
}

.dropdown-date-panel::after {
  content: unset;
}

.dropdown-text-panel::after {
  content: unset;
}

.dropdown-date-box {
  width: 80px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}

.sdropdown-widget {
  position: relative;
  border-radius: 5px;
}

.sdropdown-widget .sdropdown-title {
  position: relative;
  padding-top: 2px;
}

.sdropdown-widget .sdropdown-title > span:first-child {
  position: absolute;
  top: 5px;
  left: 3px;
  font-size: 13px;
}

.sdropdown-widget .sdropdown-title > span:first-child + span {
  padding-left: 17px;
  padding-right: 10px;
}

.sdropdown-widget .sdropdown-menu {
  position: absolute;
  border-radius: 5px;
  min-width: 100%;
  padding: 5px;
  top: calc(100% + 2px);
  white-space: nowrap;
  z-index: 100;
}

.sdropdown-widget .sdropdown-menu .sdropdown-item {
  font-size: 12px;
  cursor: pointer;
}

.sdropdown-widget .sdropdown-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
}

/** MULTI LEVEL DROPDOWN **/
.multi-level-dropdown-container.dd-listbox-container {
  padding: 2px 0;
}

.multi-level-dropdown-container.dd-listbox-container .dd-container-default {
  padding: 0;
}

.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container {
  max-width: 200px;
}

.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .gwt-Label,
.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .gwt-Button {
  font-size: 14px;
  line-height: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  padding: 0;
  border: none;
}

.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .gwt-Label {
  text-transform: capitalize;
  margin-right: 20px;
}

.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .dd-container-button {
  width: unset;
}

.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .dd-container-state {
  width: 20px;
}

.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item,
.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item .is-item-wrapper,
.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item .is-item-wrapper .gwt-Label,
.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item .is-item-wrapper .dd-listbox,
.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item .is-item-wrapper .dd-listbox .gwt-Button {
  padding: 0;
}

.multi-level-dropdown-container.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item {
  height: 25px;
  padding: 0 5px;
}

.multi-level-dropdown-container.dd-listbox-container.dd-listbox-group .dd-container-default .is-viewport .is-container .is-item:not(.dd-listbox-item-group) .is-item-wrapper .gwt-Label,
.multi-level-dropdown-container.dd-listbox-container.dd-listbox-group .dd-container-default .is-viewport .is-container .is-item .is-item-wrapper .dd-listbox .dd-container-button {
  padding-left: 5px;
}

.dialog-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: all .4s;
  background: rgba(77, 77, 77, 0.7);
}

.dialog-overlay.dialog-overlay-hidden {
  background-color: transparent;
}

.dialog-overlay.dialog-click-through {
  pointer-events: none;
  background-color: transparent;
}

.dialog-overlay.dialog-click-through .dialog-widget {
  pointer-events: all;
}

.dialog-overlay.dialog-opened {
  visibility: visible;
  opacity: 1;
  z-index: 3;
}

.dialog-overlay .dialog-widget {
  position: absolute;
  border-radius: 4px;
  width: 400px;
  max-height: 70vh;
  display: flex;
  flex-direction: column;
  box-shadow: 7px 7px 12px 0 rgba(0, 0, 0, 0.5);
}

.dialog-overlay .dialog-widget.dialog-widget-large {
  width: 1000px;
}

.dialog-overlay .dialog-header {
  padding: 0 10px;
  line-height: 50px;
  font-size: 20px;
  margin-bottom: 15px;
  display: flex;
}

.dialog-overlay .dialog-header.dialog-header-draggable {
  flex-wrap: wrap;
  line-height: 35px;
}

.dialog-overlay .dialog-header.dialog-header-draggable:before, .dialog-overlay .dialog-header.dialog-header-draggable:after {
  content: '......';
  position: absolute;
  width: 50px;
  left: calc(50% - 25px);
  text-align: center;
  pointer-events: none;
}

.dialog-overlay .dialog-header.dialog-header-draggable:before {
  top: -15px;
}

.dialog-overlay .dialog-header.dialog-header-draggable:after {
  top: -10px;
}

.dialog-overlay .dialog-header .dialog-header-handle {
  cursor: move;
  width: 100%;
  height: 15px;
  flex-grow: 2;
}

.dialog-overlay .dialog-header .dialog-header-content {
  flex-grow: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  user-select: none;
}

.dialog-overlay .dialog-header .dialog-header-close {
  height: 100%;
  background-color: transparent;
  border: none;
  margin: 0px;
  padding: 0px;
}

.dialog-overlay .dialog-header .dialog-header-close:after {
  content: '\00D7';
  font-size: 25px;
}

.dialog-overlay .dialog-body {
  padding: 0 15px;
  line-height: 18px;
  flex-grow: 1;
  font-size: 14px;
  overflow: auto;
}

.dialog-overlay .dialog-footer {
  padding: 10px;
  margin-top: 15px;
  display: flex;
  justify-content: end;
  gap: 10px;
}

.dialog-overlay .dialog-footer .gwt-Button {
  border-radius: 5px;
  padding: 0 5px;
  line-height: 26px;
  font-size: 14px;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.grid-widget {
  font-size: 14px;
  display: grid;
  width: 100%;
  overflow: auto;
  height: 100%;
  grid-template-areas: "header" "main" "footer";
  grid-template-columns: 1fr;
  grid-template-rows: 30px 1fr 20px;
}

.grid-widget.no-footer {
  grid-template-areas: "header" "main";
  grid-template-rows: 30px 1fr;
}

.grid-widget .grid-widget-header {
  grid-area: header;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 5px 10px 0px 10px;
}

.grid-widget .grid-widget-header headerseparator {
  flex-grow: 1;
}

.grid-widget .grid-widget-header .grid-widget-header-cell {
  flex: 1;
  border-right: 1px solid;
  height: 100%;
  min-width: 80px;
  max-width: 200px;
}

.grid-widget .grid-widget-header .grid-widget-header-cell.right-align {
  text-align: right;
  padding-right: 5px;
}

.grid-widget .grid-widget-header .grid-widget-header-cell * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.grid-widget .grid-widget-no-data {
  padding: 10px;
  gap: 4px;
  border-radius: 5px;
  width: fit-content;
  margin-bottom: 2%;
  margin-left: 2%;
}

.grid-widget .grid-widget-no-data:before {
  font-family: 'webappsdk';
  content: '\ed61';
  margin-right: 5px;
}

.grid-widget .grid-widget-footer {
  grid-area: footer;
  padding-left: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 10px;
}

.grid-widget .grid-widget-content {
  grid-area: main;
  overflow: auto;
  font-weight: 700;
}

.grid-widget .grid-widget-content .is-viewport {
  height: 100%;
  overflow: hidden scroll !important;
}

.grid-widget .grid-widget-row {
  cursor: default;
}

.grid-widget .grid-widget-row .grid-widget-row-content {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0px 2px 0px 10px;
}

.grid-widget .grid-widget-row .grid-widget-row-content .grid-widget-cell {
  flex: 1;
  border-right: 1px dashed;
  height: 24px;
  min-width: 80px;
  max-width: 200px;
}

.grid-widget .grid-widget-row .grid-widget-row-content .grid-widget-cell.right-align {
  text-align: right;
  padding-right: 5px;
}

.grid-widget .grid-widget-row .grid-widget-row-content .grid-widget-cell * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media only screen and (max-width: 425px) {
  .login-atom .body {
    width: 100%;
  }
}

@media only screen and (min-width: 425px) {
  .login-atom .body {
    width: 40%;
  }
}

.login-atom {
  height: 100%;
  width: 100%;
  white-space: nowrap;
  margin: 0;
  position: fixed;
}

.login-atom .header {
  padding: 0 10px 0px 10px;
}

.login-atom .header .client-version {
  float: left;
}

.login-atom .header .server-version {
  float: right;
}

.login-atom .header :after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.login-atom .body {
  margin: auto;
  padding: 5%;
}

.login-atom .body .logo-container .logo, .login-atom .body .logo-container .title {
  text-align: center;
  margin-top: 25%;
  margin-bottom: 20%;
  font-size: 2.5em;
  font-weight: bold;
  text-transform: uppercase;
}

.login-atom .body .action-container {
  margin: 10px 5px;
  line-height: 25px;
  height: 25px;
}

.login-atom .body .action-container .gwt-CheckBox {
  float: left;
}

.login-atom .body .action-container label {
  margin: 0;
}

.login-atom .body .action-container .sign-in {
  width: 15%;
  min-width: 100px;
  margin-left: 35px;
  float: right;
}

.login-atom .body .action-container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.login-atom .body .message-container {
  clear: both;
  line-height: 36px;
  height: 36px;
}

.login-atom .body .alert-container {
  color: #a94442;
  margin: 5px 0 20px 0;
  padding: 5px;
  border: 1px solid #663332;
  border-radius: 4px;
}

.login-atom .body .alert-container .alert-main .alert-title, .login-atom .body .alert-container .alert-main .alert-message {
  display: inline-block;
}

.login-atom .body .alert-container .alert-main .alert-title {
  margin-right: 10px;
  font-weight: bold;
}

.login-atom .body .login,
.login-atom .body .password {
  height: 3em;
  margin-top: 5px;
  width: 100%;
}

.login-atom .body input.login,
.login-atom .body input.password,
.login-atom .body .password input {
  padding-left: 1em;
}

.login-atom .body .password input {
  border: none;
}

.login-atom .body input:-internal-autofill-selected + button {
  color: fieldtext !important;
}

.login-atom .freezone {
  width: 40%;
  margin: auto;
  padding: 1%;
  text-align: center;
}

.login-atom .footer {
  position: fixed;
  bottom: 0;
  padding: 0 10px 0 10px;
  line-height: 25px;
  height: 25px;
  width: 100%;
}

.login-atom .footer .product-version {
  float: left;
  margin-left: 1em;
}

.default-sso-redirect-page {
  position: fixed;
  height: 100%;
  font-size: 1.5em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes spinoffPulse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spinPulse {
  0% {
    transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #2187e7;
  }
  50% {
    transform: rotate(145deg);
    opacity: 1;
  }
  100% {
    transform: rotate(-320deg);
    opacity: 0;
  }
}

.circle {
  background-color: transparent;
  border: 5px solid rgba(0, 183, 229, 0.9);
  opacity: .9;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-radius: 120px;
  box-shadow: 0 0 35px #2187e7;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  animation: spinPulse 1.5s infinite linear;
}

.circle1 {
  background-color: transparent;
  border: 5px solid rgba(0, 183, 229, 0.9);
  opacity: .9;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-radius: 100px;
  box-shadow: 0 0 15px #2187e7;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  position: relative;
  top: -110px;
  animation: spinoffPulse 1.5s infinite linear;
}

#reconnecting {
  margin: 0;
  width: 100%;
  font-size: 1.5rem;
  text-align: center;
  color: gray;
}

#reconnection {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #222;
  padding: 5em;
  display: none;
  z-index: 100000;
  opacity: 0.90;
}

.tab-content .update-password-atom {
  padding: 20px;
}

.update-pwd-message {
  font-size: 1.3em;
  margin-bottom: 10px;
}

.prefScreen, .form-update-pwd {
  white-space: normal;
  padding: 0;
}

@media only screen and (max-width: 425px) {
  .prefScreen .update-pwd-line, .form-update-pwd .update-pwd-line {
    width: 75%;
    margin: auto;
    margin-bottom: 5px;
  }
  .prefScreen .update-pwd-line .gwt-Label, .form-update-pwd .update-pwd-line .gwt-Label {
    display: none;
  }
  .prefScreen .update-pwd-line .gwt-PasswordTextBox, .form-update-pwd .update-pwd-line .gwt-PasswordTextBox {
    width: 100%;
  }
}

@media only screen and (min-width: 425px) {
  .prefScreen .update-pwd-line, .form-update-pwd .update-pwd-line {
    width: 100%;
    margin-bottom: 5px;
  }
  .prefScreen .update-pwd-line .gwt-Label, .form-update-pwd .update-pwd-line .gwt-Label {
    width: 25%;
    min-width: 60px;
    display: inline-block;
    margin-right: 5px;
  }
  .prefScreen .update-pwd-line .gwt-PasswordTextBox, .form-update-pwd .update-pwd-line .gwt-PasswordTextBox {
    width: 50%;
    min-width: 120px;
    padding-left: 5px;
  }
}

.update-pwd-alert-success {
  margin-top: 15px;
  font-size: 1.2em;
}

.update-pwd-alert-error {
  margin-top: 15px;
  font-size: 1.2em;
}

.update-pwd-btn {
  margin-top: 15px;
  text-align: center;
}

.update-pwd-btn .gwt-Button {
  margin-left: 5px;
  width: 20%;
  min-width: 60px;
}

/******************************
 *** MAIN
 ******************************/
body {
  padding: 0;
  margin: 0;
}

.no-module-found {
  text-align: center;
  vertical-align: middle;
}

.no-module-found .gwt-Label {
  font-size: 25px;
  margin: 10px;
}

.no-module-found .gwt-Button {
  font-size: 20px;
  min-width: 110px;
}

.sign-in {
  border: 1px solid;
}

.sign-in:hover {
  opacity: .8;
  cursor: pointer;
}

.aggregated-position-dialog .modal-body {
  overflow: auto;
  max-height: 600px;
}

.aggregated-position-dialog .modal-body .accountLabel {
  margin-bottom: 5px;
  font-size: 1.3em;
}

.aggregated-position-dialog .modal-body .accounts {
  margin: 0 0 15px 5px;
  font-weight: bold;
}

.aggregated-position-dialog .modal-body .positionLabel {
  font-size: 1.3em;
  margin-bottom: 5px;
}

.aggregated-position-dialog .modal-body .position {
  margin: 0 0 10px 5px;
  padding-bottom: 8px;
}

.aggregated-position-dialog .modal-body .position .currency {
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
  width: 20%;
}

.aggregated-position-dialog .modal-body .position .position-bar {
  display: inline-block;
  height: 24px;
  width: 75%;
}

.aggregated-position-dialog .modal-body .position .position-bar .amount {
  text-align: center;
}

.aggregated-position-dialog .modal-body .lastPosition {
  border-bottom: 0 !important;
}

.discretionary-auto {
  font-size: 90%;
}

.indicative {
  font-style: italic;
}

.box-atom .footer .lps {
  width: auto;
}

.box-atom .footer .lps .caret {
  margin-left: 3px;
}

.box-atom .depth-aggregated-widget table tr .book-offer-inhousequantity, .box-atom .depth-aggregated-widget table tr .book-bid-inhousequantity {
  display: none;
}

.box-atom .footer .order {
  width: auto;
}

.label.rfq-label {
  display: none;
}

.aggregated-position-dialog .modal-body {
  overflow: auto;
  max-height: 600px;
}

.aggregated-position-dialog .modal-body .accountLabel {
  margin-bottom: 5px;
  font-size: 1.3em;
}

.aggregated-position-dialog .modal-body .accounts {
  margin: 0 0 15px 5px;
  font-weight: bold;
}

.aggregated-position-dialog .modal-body .positionLabel {
  font-size: 1.3em;
  margin-bottom: 5px;
}

.aggregated-position-dialog .modal-body .position {
  margin: 0 0 10px 5px;
  padding-bottom: 8px;
}

.aggregated-position-dialog .modal-body .position .currency {
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
  width: 20%;
}

.aggregated-position-dialog .modal-body .position .position-bar {
  display: inline-block;
  height: 24px;
  width: 75%;
}

.aggregated-position-dialog .modal-body .position .position-bar .amount {
  text-align: center;
}

.aggregated-position-dialog .modal-body .lastPosition {
  border-bottom: 0 !important;
}

.multi-mode-box-atom .settings-panel .setting-panel .discretionary {
  position: relative;
}

.rfs .price .qty {
  top: 25px;
}

.price-widget .price .owner {
  top: 29px;
  left: 2px;
}

.price-widget .price .owner.pointMode {
  top: 2px;
  left: 2px;
}

.entry-container {
  cursor: default;
}

.clearing-house {
  text-align: center;
}

.postTradeTags {
  float: right;
  width: 200px;
  line-height: 30px;
  height: 30px;
}

.postTradeTags .gwt-Label {
  float: left;
  margin-right: 5px;
}

.postTradeTags .select2-container {
  width: 100px;
  margin-bottom: 2px;
}

.primary-venue-row input[type="text"] {
  width: 100%;
  padding-left: 8px;
  padding-right: 3px;
  height: 21px;
  text-overflow: ellipsis;
}

.sms-ui-aggregation .box-atom[data-panel-type="RFS"] .price-widget.mid-displayed .bid .bid-direction {
  left: 2px;
  right: 100%;
}

.sms-ui-aggregation .box-atom[data-panel-type="RFS"] .price-widget.mid-displayed .bid .owner.pointMode {
  left: 15px;
}

.sms-ui-aggregation .box-atom[data-panel-type="RFS"] .price-widget.mid-displayed .offer .offer-direction {
  right: 2px;
}

.sms-ui-aggregation .box-atom[data-panel-type="RFS"] .price-widget.mid-displayed .offer .owner.pointMode {
  right: 15px;
  text-align: right;
}

.sms-ui-aggregation .price-widget.mid-displayed .price .pip-prenum-left {
  top: 14px;
}

.lei-panel {
  display: flex;
  cursor: default;
}

.lei-panel .lei-panel-label {
  display: block;
  padding-left: 2%;
}

.lei-panel .lei-panel-icon {
  display: block;
  padding-left: 3%;
  cursor: default;
}

.lei-panel .lei-panel-icon:hover {
  color: inherit;
}

.lp-credit-data-blotter-atom .infinite-scrolling .table tbody tr {
  height: 40px;
  line-height: 40px;
}

.lp-credit-data-blotter-atom .infinite-scrolling .table tbody tr td {
  vertical-align: middle;
}

.lp-credit-data-blotter-atom .infinite-scrolling .table tbody tr td .balance-gauge {
  height: 40px;
  position: relative;
  width: 100%;
}

.lp-credit-data-blotter-atom .infinite-scrolling .table tbody tr td .balance-gauge .gauge {
  display: flex;
  flex-direction: row;
  height: 15px;
  margin: 6px 2px;
}

.lp-credit-data-blotter-atom .infinite-scrolling .table tbody tr td .balance-gauge .gauge .available {
  border-radius: 3px 0 0 3px;
}

.lp-credit-data-blotter-atom .infinite-scrolling .table tbody tr td .balance-gauge .gauge .remaining {
  border-radius: 0 3px 3px 0;
}

.lp-credit-data-blotter-atom .infinite-scrolling .table tbody tr td .balance-gauge .gwt-Label {
  height: auto;
  line-height: initial;
  font-weight: bold;
  font-size: 10px;
  width: 100%;
}

.manual-trade-editor-atom .edit-icon {
  position: absolute;
  margin: 5px 50px;
  cursor: pointer;
}

.manual-trade-editor-atom .edit-panel {
  margin-top: 25px;
}

.manual-trade-editor-atom .pnl-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.manual-trade-editor-atom .pnl-panel .pnl-label {
  width: 50%;
  text-align: end;
}

.manual-trade-editor-atom .pnl-panel .pnl-value {
  width: 50%;
  display: flex;
  flex-direction: row;
}

.manual-trade-editor-atom .pnl-panel .pnl-value .usd-label {
  margin: 0 5px;
}

.manual-trade-editor-atom .pt-panel {
  width: 100%;
  display: flex;
  margin-top: 5px;
  flex-direction: row;
  align-items: flex-end;
}

.manual-trade-editor-atom .pt-panel .pt-checkbox-panel {
  position: relative;
  display: flex;
  flex-direction: row;
  width: 40%;
  justify-content: space-evenly;
  align-items: center;
}

.manual-trade-editor-atom .oz-quantity {
  width: 20%;
  text-align: left;
}

.manual-trade-editor-atom .physical-product {
  width: 100% !important;
}

.manual-trade-editor-atom .credit-label {
  display: inline-block;
  font-weight: bold;
}

.rfq-editor-atom .executedQuote {
  font-size: 18px;
  margin: 20px 0px 3px;
}

.rfq-editor-atom .crossCcy-title {
  text-align: center;
  margin: 0.1em 0 0.3em 0;
  font-weight: bold;
  font-size: 17px;
  line-height: 25px;
  border-bottom: 1px solid;
}

.aggregated-position-dialog .modal-body {
  overflow: auto;
  max-height: 600px;
}

.aggregated-position-dialog .modal-body .accountLabel {
  margin-bottom: 5px;
  font-size: 1.3em;
}

.aggregated-position-dialog .modal-body .accounts {
  margin: 0 0 15px 5px;
  font-weight: bold;
}

.aggregated-position-dialog .modal-body .positionLabel {
  font-size: 1.3em;
  margin-bottom: 5px;
}

.aggregated-position-dialog .modal-body .position {
  margin: 0 0 10px 5px;
  padding-bottom: 8px;
}

.aggregated-position-dialog .modal-body .position .currency {
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
  width: 20%;
}

.aggregated-position-dialog .modal-body .position .position-bar {
  display: inline-block;
  height: 24px;
  width: 75%;
}

.aggregated-position-dialog .modal-body .position .position-bar .amount {
  text-align: center;
}

.aggregated-position-dialog .modal-body .lastPosition {
  border-bottom: 0 !important;
}

.lock-title {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.lock-title .lock-title-label {
  display: inline-block;
  cursor: pointer;
}

.lock-title.hide-title {
  visibility: hidden;
}

.lock-prices {
  width: 90%;
  margin: 0 auto;
  height: 100px;
}

.lock-price-side {
  width: 50%;
  float: left;
  position: relative;
}

.lock-price-buttons {
  float: right;
  display: block;
}

.blotter-atom.pricing-blotter-atom .north .price-spinner .spinner-btn {
  visibility: visible;
  font-size: 10px;
}

.blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .price-spinner .spinner-btn, .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .price-spinner .spinner-btn {
  font-size: 10px !important;
}

.fix-prices-button {
  display: inline-block;
  margin-right: 25%;
  float: none;
}

.fix-prices-button.unlocked-price {
  margin-right: 0;
}

.rfq-editor-atom .header-quote-rfq {
  text-align: left;
  margin: 0 10px 10px 10px;
}

.rfq-editor-atom .header-quote-rfq .element {
  display: inline-block;
  padding: 5px 0px;
}

.rfq-editor-atom .header-quote-rfq .firstRow .source {
  width: 30%;
}

.rfq-editor-atom .header-quote-rfq .firstRow .quote-requested {
  width: 10%;
}

.rfq-editor-atom .header-quote-rfq .firstRow .inquiry {
  text-align: right;
  margin-right: 4px;
  width: 34%;
}

.rfq-editor-atom .header-quote-rfq .firstRow .quote-indicative {
  text-align: right;
  width: 25%;
}

.rfq-editor-atom .header-quote-rfq .secondRow .currency, .rfq-editor-atom .header-quote-rfq .secondRow .hit-ratio {
  width: 29%;
}

.rfq-editor-atom .header-quote-rfq .secondRow .customerInfo {
  width: 42%;
  vertical-align: bottom;
  padding: 5px;
  font-size: 26px;
  font-weight: bold;
}

.rfq-editor-atom .header-quote-rfq .secondRow .hit-ratio {
  text-align: right;
}

.rfq-editor-atom .header-quote-rfq .thirdRow .name-dealer, .rfq-editor-atom .header-quote-rfq .thirdRow .info-sale {
  text-align: left;
  width: 40%;
}

.rfq-editor-atom .header-quote-rfq .thirdRow .time {
  display: inline-block;
  width: 20%;
}

.rfq-editor-atom .body-quote-rfq {
  text-align: left;
  padding: 5px;
  width: 100%;
}

.rfq-editor-atom .quote-leg {
  display: inline-block;
  vertical-align: top;
}

.rfq-editor-atom .quote-leg .request-info .side, .rfq-editor-atom .quote-leg .request-info .security-quantity, .rfq-editor-atom .quote-leg .request-info .limit {
  display: inline-block;
}

.rfq-editor-atom .quote-leg .request-info .side {
  vertical-align: top;
  font-size: x-large;
  font-weight: bold;
  width: 15%;
}

.rfq-editor-atom .quote-leg .request-info .security-quantity {
  width: 70%;
  font-size: x-large;
  font-weight: bold;
  text-align: center;
}

.rfq-editor-atom .quote-leg .request-info .security-quantity .quantity {
  font-size: xx-large;
  font-weight: bold;
}

.rfq-editor-atom .quote-leg .request-info .limit {
  vertical-align: top;
  font-size: smaller;
  width: 15%;
  text-align: right;
}

.rfq-editor-atom .quote-leg .quote-price .dealer-price {
  text-align: center;
}

.rfq-editor-atom .quote-leg .quote-price .price-spinner {
  margin: 0 0 0 33%;
  font-weight: bold;
  font-size: x-large;
  width: 35%;
}

.rfq-editor-atom .quote-leg .table {
  display: table;
  width: 100%;
  padding: 5px 5px 5px 0;
  margin-bottom: 0px;
}

.rfq-editor-atom .quote-leg .table .heading {
  display: table-row;
  font-weight: bold;
  text-align: center;
}

.rfq-editor-atom .quote-leg .table .r {
  display: table-row;
  height: 20px;
}

.rfq-editor-atom .quote-leg .table .cell {
  display: table-cell;
  border: solid;
  border-width: thin;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

.rfq-editor-atom .quote-leg .table .cellselected {
  display: table-cell;
  border: solid;
  border-width: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

.rfq-editor-atom .quote-leg .table .cellselected-dealerspread {
  display: table-cell;
  border: solid;
  border-width: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

.rfq-editor-atom .quote-leg .market .cell {
  width: 25%;
  text-align: center;
}

.rfq-editor-atom .quote-leg .marketDetails .cell {
  width: 15%;
}

.rfq-editor-atom .quote-leg .futures .source .element {
  display: inline-block;
  padding: 5px 5px 5px 0;
  margin: 5px;
  width: 30%;
  text-align: center;
  border: solid;
  border-width: thin;
}

.rfq-editor-atom .quote-leg .futures .table .cell {
  height: 20px;
  width: 17%;
  padding: 5px 5px 5px 0;
}

.rfq-editor-atom .quote-leg .composite .composite-label {
  display: inline-block;
  margin-right: 10px;
  width: 30%;
}

.rfq-editor-atom .quote-leg .composite .composite-value {
  display: inline-block;
  height: 20px;
  width: 30%;
}

.rfq-editor-atom .quote-leg .settl-date .settldate-label {
  display: inline-block;
  margin-right: 10px;
  width: 30%;
}

.rfq-editor-atom .quote-leg .settl-date .settldate-value, .rfq-editor-atom .quote-leg .settl-date .settldate2-value {
  display: inline-block;
  height: 20px;
  width: 30%;
  text-align: center;
}

.rfq-editor-atom .quote-leg .settl-date .settldate2-value {
  width: 20%;
  margin: 0 5px;
}

.rfq-editor-atom .quote-leg .end-date .enddate-label {
  display: inline-block;
  margin-right: 10px;
  width: 30%;
}

.rfq-editor-atom .quote-leg .end-date .enddate-value, .rfq-editor-atom .quote-leg .end-date .enddate2-value {
  display: inline-block;
  height: 20px;
  width: 30%;
  text-align: center;
}

.rfq-editor-atom .quote-leg .end-date .enddate2-value {
  width: 20%;
  margin: 0 5px;
}

.rfq-editor-atom .quote-leg .rolls .rollsLabel {
  display: inline-block;
  margin-right: 10px;
  width: 30%;
}

.rfq-editor-atom .quote-leg .rolls .rolls-value {
  display: inline-block;
  height: 20px;
  width: 100px;
}

.rfq-editor-atom .quote-leg .fixedLegs, .rfq-editor-atom .quote-leg .floatLegs {
  display: inline-block;
  vertical-align: bottom;
  height: 170px;
  width: 49%;
  padding: 5px 5px 5px 0;
  margin: 5px 5px 5px 0px;
  font-size: 12px;
}

.rfq-editor-atom .quote-leg .fixedLegs .col1, .rfq-editor-atom .quote-leg .fixedLegs .col2, .rfq-editor-atom .quote-leg .floatLegs .col1, .rfq-editor-atom .quote-leg .floatLegs .col2 {
  float: left;
  padding: 5px;
}

.rfq-editor-atom .quote-leg .fixedLegs .col1 .gwt-HTML, .rfq-editor-atom .quote-leg .fixedLegs .col2 .gwt-HTML, .rfq-editor-atom .quote-leg .floatLegs .col1 .gwt-HTML, .rfq-editor-atom .quote-leg .floatLegs .col2 .gwt-HTML {
  height: 17px;
}

.rfq-editor-atom .footer-quote-rfq {
  width: 75%;
}

.rfq-editor-atom .footer-quote-rfq .msg-client, .rfq-editor-atom .footer-quote-rfq .clearing-house {
  display: inline-block;
  text-align: center;
}

.rfq-editor-atom .footer-quote-rfq .msg-client {
  width: 75%;
}

.rfq-editor-atom .footer-quote-rfq .clearing-house {
  width: 25%;
}

.text-security-selector {
  border-radius: 4px;
  width: 200px;
  height: 26px;
}

.historical-action-paging {
  float: right;
  margin-right: 15px;
}

.historical-action-paging .gwt-MenuItem {
  cursor: pointer;
  padding-right: 3px;
  padding-left: 3px;
}

.historical-action-paging .gwt-MenuItem:hover {
  opacity: 0.7;
}

.historical-action-paging .pony-Page-Navigation-selectedItem {
  font-weight: bold;
}

.global-trade-atom .trade-type-caption {
  display: flex;
  float: right;
}

.global-trade-atom .trade-type-caption .trade-type {
  margin-right: 4px;
  padding: 0px 4px 0 4px;
}

.global-trade-atom .fetch-versions {
  line-height: 25px;
  margin-right: 5px;
}

.global-trade-atom .fetch-versions input {
  margin-right: 2px;
}

.global-trade-atom .schedule-mode-list {
  padding: 1px;
}

.global-trade-atom .rowfilter {
  display: flex;
  flex-direction: column;
}

.global-trade-atom .rowfilter .rowfilter-child {
  display: flex;
  margin-bottom: 2px;
}

.global-trade-atom .rowfilter .rowfilter-child .filter {
  flex-grow: 1;
}

.global-trade-atom .rowfilter .rowfilter-child .rowfilter-button {
  width: 25px;
  padding-left: 6px;
}

.global-trade-atom .rowfilter .rowfilter-child .rowfilter-field {
  margin-right: 5px;
  margin-left: 15px;
}

.global-trade-atom .rowfilter .rowfilter-child .gwt-DateBox {
  padding-left: 5px;
}

.global-trade-atom .rowfilter .rowfilter-child .rowfilter-button-add {
  margin-left: 5px;
}

/******************************************************
***************** OMS IMPLEMENTATION ******************
******************************************************/
.dtgbo-atom .dtgbo-options {
  display: flex;
}

.dtgbo-atom .dtgbo-options .dtgbo-option {
  position: relative;
  margin: 0 5px;
  width: 26px;
  height: 26px;
}

.dtgbo-atom .dtgbo-centered-mode:after {
  font-family: 'webappsdk';
  content: '\eea1';
}

.dtgbo-atom .dtgb -currency-field {
  display: flex;
}

.dtgbo-atom .dtgb -currency-field .field {
  width: 5em;
  margin-left: 0.5em;
}

/************************************************************************
***************** BALANCE BLOTTER VOICE IMPLEMENTATION ******************
*************************************************************************/
.datagrid-blotter-balance-blotter .dtgbo-options {
  display: flex;
}

.datagrid-blotter-balance-blotter .dtgbb-currency-field {
  display: flex;
  margin: 0 0 1px 0;
}

.datagrid-blotter-balance-blotter .dtgbb-currency-field .field {
  width: 5em;
  height: 2em;
  margin-left: 0.5em;
}

.datagrid-blotter-balance-blotter .dtgbb-currency-field .caption {
  align-self: center;
}

.datagrid-blotter-balance-blotter .last-update-widget {
  display: flex;
  justify-content: space-between;
}

.dtgb-atom .dtgb-oms-trade-type-field {
  text-transform: uppercase;
  font-weight: bold;
}

.dtgb-history-dialog {
  position: relative;
  height: 300px;
}

.dg-tab .dtgb-config-panel {
  width: calc(100% - 15px);
}

.dg-tab .dtgb-config-panel .dtgb-config-list {
  width: calc(100% - 1.5em);
  max-width: none;
}

.report-modal .pony-LoadingMessageBox {
  display: none;
}

.report-modal .best-report {
  position: absolute;
  left: 0px;
  right: 0px;
  font-family: 'Arial';
  font-size: 0.8em;
}

.report-modal .best-report h1 {
  text-align: center;
}

.report-modal .best-report h2 {
  text-align: center;
}

.report-modal .best-report table {
  border-collapse: collapse;
}

.report-modal .best-report table td {
  vertical-align: top;
  font-size: 0.8em;
}

.report-modal .best-report #global_table td {
  padding: 0;
  margin: 0;
}

.report-modal .best-report .marketEntryTable {
  width: 95%;
  font-size: 11pt;
  border-spacing: 0;
}

.report-modal .best-report .marketEntryTable th, .report-modal tfoot td {
  text-align: center;
  width: 350px;
  font-size: 0.8em;
}

.report-modal .best-report .marketEntryTable .subHeader td {
  font-weight: bold;
}

.report-modal .best-report .order-descTable td {
  padding-right: 10px;
  padding-left: 10px;
}

.report-modal .best-report #global_table td .marketEntryTable td {
  padding: 2px 5px;
}

.report-modal .best-report .long-ltr-start {
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhsAAAAQCAYAAAC/f71XAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAAEPSURBVHhe7dwxCoQwFEVRF2BrK+lTGHRB7n8VCnaS9n9UPANpRzje4qWYGQYfAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgACBRwWmWse5bbvDQAMa0IAGNKCBqAa6cTMv6+Ew0IAGNKABDWggqgFjw7gyLjWgAQ1oQAOpDRgbAksNLGoV+x43LA1oQAPfbcDYMDaMDQ1oQAMa0EBqA8aGwFIDcxP57k3Eu/PuNKCBqAaMDWPD2NCABjSgAQ2kNnAbG9dPX4GngvN1U9CABjSggb810I2N0lpxGGhAAxrQgAY0ENXAo38i5uEECBAgQIAAAQIECBAgQIAAAQIECBAgQIAAgfcKnIZA+YxiHp4zAAAAAElFTkSuQmCC");
  width: 100px;
  height: 53px;
  background-position: 0px 19px;
  float: right;
}

.report-modal .best-report .short-ltr-end {
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAQCAYAAAB+690jAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAAHESURBVEhL1ZXNKwRhHMcX7cpL8pJkd2d2vOWwPPM8zzg4iG1Xjk4iOTjIRbkrTpJyIs6K4i/g4CqlXHHlxkFOihTFZ0SNoVm7sZutb/ub5un5fuY7v+c3odB/+plSTxi2OjRtNW8IxzFtp9yUKpwQqqwoz2FKZ9K09YtH18DtmEJNxbrtVmDrDamrDaXCBQH8BsgL9wzQiWHrNUOqEaDbUTPXNZaU+SfIJr0BWvQl5AXy17es3QdogRQz1EnSi5FeVU7p5WAYBOO/98y+58BtkeIsdRqJhNTRqONEAgH/CMgPeIfPEdoAchoNmkJ3WUI3fIErENAnQIAuAdpDK/i7BydNv3Y2JpPhUDGAPJ5P1GdohX7LABQpBtANCR2jTRKaS9h6lN7Sca3r3l5fARJ6xOMU7boDlv8xYPqQYVmpr+OBBTcBcpsxl9P1sfYKQ3pELZHCOHv0ozbmU/YRwMKBAC3/EOjh/RStk4LbpH30RCdADaRQmtMcClqcZVJfYL6N+UzcHa7S6aBuIoXyXwPwb+QDusfwgKeejwvpptoCUKMleypDqVTJn0F4N8Z8iF5YxXy4WTlRAGv50lfEhMj/W5WF/BWYUK5yaQOrewAAAABJRU5ErkJggg==");
  width: 36px;
  height: 53px;
  background-position: 0px 19px;
}

.report-modal .best-report .short-ltr-start {
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAQCAYAAAB+690jAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAABfSURBVEhLY2AYBaMhQKUQkNM3shgMGO4doGP+DwY8+Bwkqq3NKmdgrD4YQgfkBgagg9hkDYycB42DQHEmY2QkOKgcBHLUYHTQK6CjBhwj5zJ7oIMGHFOpWB01hn4hAAD3KpTQT2gPbAAAAABJRU5ErkJggg==");
  width: 36px;
  height: 16px;
}

.report-modal .best-report .long-ltr-end {
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhwAAAARCAYAAACW/3WLAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwAAADsABataJCQAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAAL8SURBVHhe7Z07axRhFIbXmAteEDUEye7O7Hgjxeo338XCIuiSiKWVKJIihdgI9kKsRAKpIloLCegv0MJWBMFWbbXTIlgJimBA3xGU3TXJZCYGzeYJHDIh883OPnkIL2fOzFYqfEEAAhCAAAQgAAEIQAACEIAABCAAgY0QiK2filL3LE7dTGRCiNMwFFs30DBu50aOy1oIQAACEIAABCDwm0Bsw3Sc+u9t9UHh42Fs3NXayfSIwsjByPq9kXMDYIMABCAAAQhAAAKlCKwQONrDx7ICx8so9Xcj6y4qlBxTjernfYm1f68D8vMkKBjgAA7gAA7gwNZ2IPWnFRRWq9tdHY72wNG9/VH7PlHguKUuyKS2m+p+1NT92FMq7fxaVOAE1jo5ftfZqoIHPHAAB3AAB3rBgWXlhDcKHwvqgtzQ9oTKNKyvVkMYLBRACBwd17R6QQ7eA//kcAAHcAAHNsuBT8oNz1X3FUKuqc7Fxp9IjB/ODR8EDgIHDuAADuAADuBAGQcUON4pcDxWzWl9Npg6oTGNsZFm88/h0zIvwBrExAEcwAEcwAEcaHPgm7Zfq+Y07zGpwDFYabX6O7oeCIMwOIADOIADOIADJRxYUofjheqBOhw3G6m/pNkOX/f+wIqXV0q8wGZdF+K4XHPEARzAARzAgf/Xga/KDK9Uj7IHiOn7ZYWNcVWUJK3822cJHKRaHMABHMABHOgJB5b0d1ytsmHPMmHuvQKFZjTcHXUxrugYZ1RH9XyO4rfIalFCwQAHcAAHcAAHtrYDCgJn16jZdQaOL9ovuwvlnroY2RDouGYyxhQ4htXF6Mu9E4UdIAABCEAAAhDYvgRynjT6VuFiUeHiej17cJgNx7V9SAF0aPsS451DAAIQgAAEIFCYQFfg+KxA8VRdi5m6sVlX5LACx0hiT+3WnSU7Ch+cBRCAAAQgAAEIQCAjoHBxXrMY8woXF0ZdqCqA7Ncnxe6qGZM/7AlCCEAAAhCAAAQgsB4CChx9URr69bH0/2wO4we3awaKfdbB4AAAAABJRU5ErkJggg==");
  background-position: -440px 0px;
  height: 16px;
}

.report-modal .best-report .long-rtl-start {
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhsAAAAQCAYAAAC/f71XAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAAEISURBVHhe7dwxCoQwFEXRLMDWNqRPYdAFuf9VKJYSy/+tzkDaKQ4XeSJaih8BAgQIECBAgAABAgQIECBAgAABAgQIECBAgMCXQBujOQw0oAENaEADGohqYO19eW2Ouu2Xw0ADGtCABjSggagGjA3jyrjUgAY0oAENpDYwPUmJWjH+xyLWgAY0oAENaOBpwNiwZlPXrAuNC40GNKABDRgbxoaxoQENaEADGkhtwNgQWGpg7mjc0WhAAxrQgLFhbBgbGtCABjSggdQG5rExjrM6DDSgAQ1oQAMaCGpgevXVp84IECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgR+F7gBX7j5jE3sEJgAAAAASUVORK5CYII=");
  background-position: -440px 0px;
  height: 16px;
}

.report-modal .best-report .short-rtl-end {
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAQCAYAAAB+690jAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAAHVSURBVEhLxZXNK0RRGIeHaYiRfCQxc++MryyGc88518JCZjKytBLJYhayUfaKlaSsiLWi+AtY2EopW2zZsZCVIkXxnPE9jI/hcuvXPafOed/n/s573uvzefSEhPBHhCqypVtWo9xa29G9lqPnbKF6PEqZETaRyIvKtmLbUVUkrwsLGSf5BONNdIFu05JuyjOgqJSFJKkmSVPY0e2MRwFa4X34BPAI4gVQNJrI56srLambSdhB8hTvBbSNLrNCvIaaYV08mz51DxeCbG5AnbbQgwBNUwvrzI+/CHB/VM86Z3yaTW+AcMFPQgvhgB7ABVMHa2gPXeUIkQmVdZ4GCmtdHpFaRxzdjwvjwCyhnYev+HKw34D1VcViBdREkmCzaB9d/0bgXGMYoAC3xBRpF0rh0Cxax6GjXIP+ZN/bGhK6EqAWgLrRCMEXH26RKUbPj+/DW1brugXUlumywjhoOWoMyGXGB+jGC8BPr/3LBZZSQeotBEiM25cEbpLxBjr7BtwUa00TfVffAnq5mP5k2kMpgWtQoyVVH/N5XNz90D0vfx0Z7gVwrwSgilCrU08DHcbFVeBOXrn3V0CZVvOn99tSBWzHLbSE65oGC+yWLfVQzsfyHxvvABxqrnLIkUV7AAAAAElFTkSuQmCC");
  width: 36px;
  height: 16px;
}

.report-modal .best-report .short-rtl-start {
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAQCAYAAAB+690jAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAABdSURBVEhLY2AYBaMhQGEIyOkbWQwGDPcG0DH/BwMedRDBWDAwVhfV1mZlIKiQTlEqa2DkDHQQ26BxkIyRkSA4HQ2WEEJO1K+AjhpwjOwge6CDBhxTWJyOah+4EAAABoaU0O+9Y7IAAAAASUVORK5CYII=");
  width: 36px;
  height: 53px;
  background-position: 0px 19px;
}

.report-modal .best-report .long-rtl-end {
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhwAAAARCAYAAACW/3WLAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwAAADsABataJCQAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuODc7gF0AAAL+SURBVHhe7Z2/axNhHIdjYlq0Imop0iZ3OX/hEH3vfd9zcBAbrDg6iSIOGcRFcC/oJCJ0UnQWFPQvqIOrCIKruuqmgzgJiqCgn9dijA3XWhMIyT2FD0no5ZI8fWg+fPPepVTiBwIQgAAEIAABCIwqgYZxldi6apxmk5HJsjh1V6PUPY2tvzCqr4nnDQEIQAACEIDAkAlEzlUj67epVOyqHU73xsZdVMl4GKf+vfKjE5u1h/xUeXgIQAACEIAABEaFQGJtJUr9dhWJWWV/ZN0Z3b6twvFCt7//VTIoHKPyZ+V5QgACEIAABIZPQFOMKU0xaioTTU0vFlQwrun6Y+VjbsHoLhsr168rR/OiIpMQGOAADuAADuDAeDmwZouZy7KJhvVzKgdGOaHpxRWVjPu6/nrNKUZvyfjzkQq/gwUO4AAO4AAOFM6BnsKRGD8dG39IxeKkcknF4q7yTPm0gSlG4UDCpmudDv9I8B8HcAAHcGCVA6WZZrMa2+xgmGAobZWNJWVZZeMtb6K8ieIADuAADuAADgzCgVA4JrQuY0E7W1JeKd8GsWP2gaA4gAM4gAM4gAO/Hfj1kUrd+51aq+EbqT+r6caiphv3lOfa6AOyIAsO4AAO4AAO4EC/DvSu4Uha4XDXSDmmnZ8LJ+zS5SPlpfK13wfk/kiLAziAAziAA8VzYN1jbXVY0pTE2Kcc1/TjvE7odUNlZFm33/2nMGHxaZic5IWFNiy2wgEcwAEcwIExc2DdwtG9QZK0yioc01rzERaZagLi2rq8o4SjWL78YwG5qe3mc6MzkWoRK4EBDuAADuAADoyRAxsqHKs31vRjUsVhtwrCgfrKybwuq4Q80OWb3PLBqc37Ys6dIQABCEAAAsUm0GptSuyRrSocMyobe+rGzmsaEtZ/PFE+dwoIhaPYnvDqIQABCEAAAoMkUDOmom+M3aLpx45Zl4WzlZ7W2o9bKiGnBvk47AsCEIAABCAAAQh0COhr6stRmm1W4SiDBQIQgAAEIACBYhH4CbFnNc6bYVM5AAAAAElFTkSuQmCC");
  width: 100px;
  height: 53px;
  background-position: 0px 19px;
  float: right;
}

.report-modal .best-report .order-ok {
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAG7AAABuwBHnU4NQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAArSSURBVHja7ZoJdFTVGcf/773Z3uzZZslkIQlLkEBIhIggZZEip2q1toqcHqkerFSrQIut4haOBVEQrCAtnENbKVVQccMFwiZUFBGURoJBAkFCQ8g+M2/mzfK23plJeGcArS2gJM6dvLn35GRy5vf7vvvuffdeSlEUfJ9LSkBKQEpASkBKQEpASkBKQEpASkBKQM8r1A5K03dP372TR0weEggEfFv3b7295pGaDb1cgApv2m46VlRUlDO9dDoKbYW48607pea65onCMmF7rxZAkWJ5zFKvydL0yWPzsPya5TjeehzTdkyDFJZEoUUYqzyjfNBrBdgr7XVah7YvS7NYOWklaCcNU9SEpzY+hc2nNkPiJVE6JV2pLFP29ToB6XPTa3UOXbGW1uK58c+BcTCQyStWzFEznqx6Eu+1vgeZl6Nyp1yhLFaqe42AjLkZB1gXW8JQDBaNWgStUwtJkZL+xiJYMG/LPOxu3w0pJEXQjjLSHWp7vAACv9/sMg+lQOHxKx6HPkuvwp9RrJIV87fNx56OPQCPsBnmUn+l/3CPFZBVmbXH4rZUxODnlM+BIdMAURHxdcUm27BkxxLYzDY0NDa0fHb/Z84eKcD5mHOX1WMdBQmYNXQWTJlGCLIIfIOvrQ/p8fLBlyFEBaVqWhV9QQUYZxtz+cX8iYsJ73rEtd2eYx8HGZg++Jcwp1sIvAAoXfwKvlpEFNiwbwNaI60I+oInv5j7heeCCMiakzV7YtnEJwdlD9LsOrSreeexnWXB+cGmiwBflZGTMVFWZNxRPBXWdBsicuQ0dPfXVttq0UgaLN28FPW+eshR8iEKQ8mQeOi8Bdjut92XlpP27M2DbqYud1+O6uZqvLT3JX9bW1uR/2l/24WCdz/kfisrL+u6GPzk/j+DPc2OqBRNgCZC390+qzZQBqzYugJHO45CEiRB5uVhymrls/MeBawzrXfZc+0rNFoNdVvxFPR1FqHqyBZUt9Qg5A/52nxtBd4F3s7zhc9+KPtVZ57zJoXA39D3R0izpyMsRgCcCzhZhIWxYPWO1fi8uRaSKIkiJV6prFD2nfc8wDzbPNXmtD2v1Wqpq9wVGF5YAU7ww0pbsP7g6/AJQfBevsMX9eW3VLYE/l94z0Oeta5c160EC9cWjYfVloZIAv7siMtddZeELH0W1r3/IvafOACRFFmQrxaeF/553jNB8wzzFDL+vqDT6aiR2eUYnl8Bv8CBogCQy6Yx483ad+GPhMC1c238Xj6/cUMj/7/C5zyQ83cCfxtoYGLRSNisicgrXxd1OfG7bKMLb+x+HR/VfxqDl8SweI3wD2HbeT8LGO81/sTsNK8nkadH5pSiPHc4OCHQDR+vafJm05rwds1WIiEMf6e/Be3Iq1taF/mm8Lmzc1c5c53TKIbC1f2Gw2q1IyREksBVaFVCrJ1vy0XVxxux8+DHEGVRDgvhH4trxHfO+2nQcI/hWpL2GygtRY/yDCHww+CLEnhahafiBmI/MQkGVNXsgo+PS2iq09TlKZWK+F8jPzvnT263+26awI8pHgILiTyBT454dzsecTXyhfYCvP+v91D1yS6QuCu8zN9M4F+9IOsBnkc8p9xOt7Of3YkBzmICH0xA0yp4rFKzgUK6jsWm6t3w8xH4vf7GI08cyVVI+Ur4mTl/dGW7ZsbhBw6C2ZYOXgh1gSenOfk3SQIGZPbHvgMfkdTfHocPKaHbImsiL1ywFaH+C/rL+Zkeari7EH4hAZ6AV2vQlCqBBuiYhFgmfLoXHC/A5/UdP7rwaMG5JHhmeBa6HK7f0QyNMYP7w2hPAx8NnyPlz4YvcZSg5tB+rNu2KZb2SkAK3BVdF111QZfEsn6bVetwOIqzrTaUZOcjLGtUCd3gNM7IhISEDB2LLXuq4Q9F4PV56+ufri9KGupmZs9zpjkfjsH/oLQvTGlpCAqhBOiZ8HJ3W4m3S91lOHrkc6x+9+145AMI3BdeG15+wdcEqamUyWq3njCwBjL3sWE06Z8hRRNPdYoBqZOzgryRtiohU6vH5t018Aej8HG+umNLjvUHAPfd7kpHhqOSYRhqTHkh2HQLgkl9HqdFyDLUyEtAefYwNDUcw8rXXoMgEng58CD/Cr/woi2K2u+xpxGsL/V6vbUwKwMVJQMQECnQDLpEdKc+AFVEvGZimaDRY8v7h+ALRsjlqw1FQqsdNscChqGpsRUFMGRawKvwagbIXZfaRoXnCnScbMKyF1+BIAmKj/bNDa0LPX7RV4Utt1iydGm6eiLB3M+VibIhBfALyumuQHd1A1KrErqygwGNLMaATTsOwR8QYmkc/8y4K/LBusyxyCeP7UnQavvKnNEItXZi0ao1iMoCfPA9xa/nH/zWlsVN00zZLMXW6TV642V9HCgZnINOQUx0hTg8lYBX7wdqdyAvB63Dxqqj4EICxo3IgzHHAC4aTZreninApLHCZfSgwNoXwbY2/GH5KgiSiE50Psu/xs/61vcF2ClsHzNrriUSDKVFZGgc4ka7EEmSkIBWRcSlINF2g0VnSxiMR4ugGIU61FGwatPgYD3QwQBJkiARue2BZjS218Hgo7Bt2ylEBSEGvzL4RvBX39nGiOHnhn42xlajZ/S6YQNdKByagZYonxgVGHWE6BKgyiAvo5aFTWeBpGhh1tji/V0WBQIsojnQiC87DoE8TsS7iSwBLK3DZUoxNr3TROBJ5JnO5wNvBO74zneG9FP1JXbJ/qlO0WlHlmejT1kmkRCIwzIMQKuTpERWxIMsIyIFEZJ4hMUgglE/JFlS014mFQFXJHTBa1EiXYa31jciIhJ4bee6wJuBKZfM1pjpp6bhFsbyoVbRakYOc0LXz4vj4WZQMQEMlagT2ZB8Y0SiKN19Xx3fT8MbKA1KxcF4dU0DIoIIr8H7JreBu/GS2xs0TjaOsoiWnTpJx4wdnQ26uB0nIi1JEs6cJ6gCzhju5Bi8Aj2lRXm0FGv/Uo8wL8Jn8FVxG7lJl+zmKHsjO8Em2qoYMPSkCXnAoFacEFq7JEC9H9DJGaDO9NT010GDikgZVi87Aj4iwG/07+Te5cZe8rvDpptM15l58waNrKGuv6EA4uBTOCm0gdIAtDp1TgigzpH+EqAl8CPCZfjbkqPgAhFwZm63f5N/ZI/ZHjdeb5xsCVnWMjJD3XJrP4SHNOKkRCQwFGhGzQC1qNHXKAxGhYZhxfxDBD4KzsTt57Zy5T3ufAB7LXu7OWj+KyMy1C+mDURg6L/RJMckqN1ApU/AM6BxVbACyx/9HF4ujKA5eJDbzpX02AMShkmGey0By1Jaoqm7fl0Cb3kDmpX2LgHJNwFGYTCaq8DShw+ivT0E3sIf5nZwA3r8CRHjBLJlwhkXxSTM+H0Z2suOoZluT+oGNIEf7x+BxQ8cQEtzELyVPxbYGSjsNUdk2KvZSqPXOJeSKTw4twJN5XVopTqBrgekcd6RWHx/NRqbOISt4RMEPq/XnRFix7NPsB3sHB2jwbxnRuHwQJLq8GKCdxQW/qYaDQ0+hC3hk8EPgp5ee0jKMMbwjDVomlXgsWPmo+UwuigsmPEJDtd1IGqJtgY/DDp6/Skx6wTTCpdkm24xs9DraNTWtSHCRjr4PXzG9+aYnO2H7J9pTnOnxFOaqCnaEN4dzv9enhOkbqEY5WVFSh2UTAlICUgJSAlICUgJSAlICUgJSAn4zst/AHN5+8yrdfB8AAAAAElFTkSuQmCC");
  width: 64px;
  height: 64px;
}

.report-modal .best-report .order-cancel {
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAA3KSURBVHjaYvz//z/DUAYAAcQ41D0AEEBD3gMAATTkPQAQQBgeaFJQwKrw379/6b///o1hZGD4z8bENJeZkXEhE1AvIxQz/fuHYCOJMxLpEKA7/P78+pUJZKixMDOvBuJWoDmfGaHmwsxM+fIFRR9AALEQY/ifP3/6eXl4CkzU1EAchrO3btl+/f5dBuiRVmqEIjBwEpiZmOabmJgwcAsKMty4cqX8zdOnOuxsbMFA6Z/49AIEEBMRjq/m5uUtCHV0ZHB89ozB4ckTBj8dHQY2VtaWP//+VVPB8cFMjIxTnaytGWwVFRkMuLkZfEJDGcTl5b1///gxE6iEHZ9+gABiIuR4di6ulnAPDwa5Q4cYvrCyMnzm4mJQuHSJIRjkCWbmlr8UeALk+P///i22NzLiUgOZ/fMnw09gEuZ68IDBKzKSQUhKKp6QJwACCKcH/vz+DXZ8kLc3g/zevQw/gSHDvX49A++mTQzfREUZ5IGeCAImKTYWFrI88e///xBgel9sr6vLqcHGxvD5718GnqoqBu6aGoa/wMDhunePwSM5mUFIVjb+D8QTnNjMAQggbB5gBjq+n1tAoCU6KopB8+BBhl/i4gwca9YwMLKzMzACLeNbvJjhq7Q0g9TFiwzhwGjnAnriz///fSQ4PgOYIZe6aWlxajIzM3zh4GDgb25mYJaRYWD49ImBMy2N4b+REYMQMLn6FBYyiKmpxf/+/n01UKsAulkAAcSEJVpTeAQECsKBjlfYuZPhN7AUYJ82Dex4ho8fGRg+fGBgEhBgEJgzh+G7khKDECg5AT0D9ETh3///q4kJeWDJNNlVWZlNERjqn4Ae4CsuZmAGxirD+/cMDF+/MjB8/87AFhTE8FdWloHv9m0G95ISBlF1de+/v35hmA8QQBge+P3rV4KpnR2DwvHjDH+BRRbrwoUMDMD0CTYcmEbB+N07BiZeXgah6dMZvqmqMvBdu8YQJCLCACyVWv4yMFTjcXwwMNksdJWWZlH4/ZvhPTA2haqrGVhBIQ8MGLj5UE+whoUx/JWQYOADJiez+HgGJhYWH3QzAQKICUvFwAgEwITEDIoOoI9+MzD8+IEwHIR//QJ7iImHh0Fk4kSG70BP8Ny8yeDHz8/AxsjY8geLJ0COB5b1i+yEhblkgea9AyYb0cpKBlZgKKMEDgiD7IPaCaoHwG4BuokRS6ULEEAYHgAWj9PP7N/PcEtXl4EZmPZ/xcUx/H/6FCIJDBVkw8GeAGZu0Z4ehh+gNPvoEYMfMKlxQzwBryOASSsRaNEiZ15eLlWgvo9iYgxiIMcDkx4oNlEcDbIDFGjfvjH8Xr6cgQmYbN8C1Z+aO5fh/58/q9DdCxBAGDVxi5wcw19gCcTGydkSDMwHasDi8wfQEvbubgZGISGIZegA6Oj/wGh/XFTEwH31KsM3YHLaAkzf3//9mwV0+CtgLVrjAkwuMkCHvZOSYpBuaoI4HuRYjCIEEvM/t29nYAOa+Q6Yz3b39zN8evRoCQsHR2rSt28/kJUDBBBWD4Cq/3/ADMPGwdESGBzMoLpnD8N3oOWcbW0MjMCaEqsngA78CyxBngCLQa4rVxh+ApPTZqBjfgDNdwdKSwH1vAU6WgYY8uxAR4FDG5vjgep/AB3PDIzdz8CkuWvGDIZPT54sYWFnTwaq+AX0AIoWgADC6QFQ2wMUE+xAT4QHBDDIAD3xDRiq3A0NDIzAUgicD3B44hEwhEGeAFV6P4FpVxLo2LdAc+UqKiCOxxPy33btYmB5+5bhh6Ymw/bZsxk+IjkepAzdAwABhLcmZmFhaQWWvzVrgZXXU2DJxAEU+1xXx/D/5UtIBoelWxgGOp4ZmJzkyssZPmtrM3ABLRMHJoNXkpIMssDynB2YfMAZFl0fNM1/2bKFgRHYXPkBrFt2A0s/oOOXIjseGwAIILwxAGtR/vv9u4+Lm7swCNgeEgPmiZ+cnAy8wLKbEViSgBp3WGPi82eGe52dDL+AxaNyaSkDB9BRWJMNExMDsDnB8GXfPgam168Z/gCTzZ6NGxnePHiwhZWdPRjd8egxABBAhD0ANBzE/gdsF7Gxs7f4AhtdssAa+CswCQkAMy2oKAWHICMjctsY7Ik/wKQA9DwDGzAGwPkGXQ3Q8SCxD6BkA4y9H8A8snfbNoaPL18uYWFjSwWqwvAxugcAAohoDzBCPQEMlRZ/YJEpBUzjoJa5UE4OwhPY0jXI0dhiiQmSet8BQ54FmKx+A5PXHmA++/jmzRIWVlacyQbdAwABxERKA4wZ2MkANqxqtl+4wPAamMk4gQ57M3kywz9gSDMAMzhKHQHCIMtAtSp6JQUqAEAZG9hUYQTWMb+BJdae3bsZPr59i9fx2ABAAGF4AFgPQzCIjS1jAz3x7evXti3AZPQe2BrlBDrqJbCo+weqkECeQK6UsGFQTAHVvAY6mAFY8YHaQAdOnGD48O7dEmChQZLjQQAggDCSUCcwKkFJiBEiCU6rTFAaJgakmf7++TONk5093Q3YfhcCtt9/ANO8WEQEAzOwZgZ7BJbOwbYwwmmQfW+OHmVgePGC4T/Q8QevXwcWTO+3sLKwBAFV/8buSkTeSQLFKBIACCCMLiXnL6IC4B8TE9OrH0C1wNqWgQ3YsPtw5w7DT2Cji0NeHpi8mRDpH9LEBWNgHgKXSl+BHhYAJpvvQM98A9YJwLbXB6DK30xQD8P70kiBhgsABBBGDEwCNgMIgb+gPiwj42wXTU0WJWDSeQkMxb8gx7IAwwNYtDIDKzpwTAA98R/kGaDjgU1hhr9Ax4KKTGCrkoERKCcMLHW+ASu7vSdP/v3x7Vs9K7CPjdyBZ4KxQR17qN0haO4FCCCSPQDuwzIxLXLR0+NSATr+FTAvgBIMCP8D9eSg7L9QNsh0FqDnmIEeA1ZKDMzApAaq7JiANMgTosAYewv00AFgx+nPr181LEBPoIx2ILFBIBTNvQABRFIpBHL8P1A30MCASxWYFt8AHY8RpVBDQZgZhIExAHIsONSh5T5cHZD/DljzigD7Gw7u7sBuB2vL379/SeqeAgQQEwmODwFSi+0tLDi1gMnh3alT1BmYAnriA7A0EgPGir2fHwOosgQWEER7AiCAiPLAv79/M4AZbamrszOnPrAo/HjkCDwU8Q5WQZMVXg9APfERWACIAWPCOSaGgZ2HB+QJovrYAAHERITjQ4COn+zq4cGmCazuPwPTKjHDkaA8AOw9MEgQ4QlwbwvUuQd6QgiYYR0TExk4eHkL/xGRnAACiImA40GNqYUu/v4smsCe0Wdgm+U/EcOFYMcDHcQOyqjAUJUAsv8RE5zAfPIFWByDPGGXmcnACuxUERqyAQggJnyOB6b7RbZ+flzaoLIb2MgiZhgY5FBB0NALsBg9DHTQbmDy+AfyBBD/JSLmQDHx7dYtBhFgZWgNbGexAvsj+EY7AAIIqweA6S+BiZl5kVNkJJcxsOr/DmzeEh3ywHKdHdS2AYbiu///twAbFov3gyo8oMMkgHL/iUhOoPrj+40bDNLARqI1qCkuIAAa7QD1sVnRlQMEEGZb6N8/X2CDar5TXByXAbAx9gvYsSYmzYNUCPHxMTAD65G9wIz+5u/fJcBqLQCI44A1bs0BYP/gGzA2xIGOAhbFBM0ExcT3c+cYpIAxaQ3spnIKCVUBdWSjqwMIIAwP/Pn5M0/XxYVBB1hr/lm8mKi0C1LDB3Q8o5gYw15gcvv4+/cSYFAlQyMFVB+0/vn3r+bgq1cMn4AhLAxUS9S8BDDZ/TpzBlw66aamMvxjZIxDVwIQQExYBupFeUEd97t3iU7zfMCmAyuwRt335g3Dx1+/lgBrXoxWJbDp0fob6InDjx8z/ALmDSGgHSBPEDW9AqzseIGdImDFx4cuBRBATFj6wRuuA7uNH4HdR1YdHYKO5xUWZmAFdgP3PX/O8P7Hj6XYHI/siT9//9YcBGbSn0BPCAL14o0JYOOPBdhi/a2vz3AdmJSBBcsxdCUAAYTNA/1v793bum3FCoaPISEM7FpaWEMJJMYDTDJMwI7NnocPGV5//ryFlZExiVB7HuSJn79+9R8ENkNAGVsAaAaogYdhPrAUYgXmpz/Gxgwnpk5leHLy5GVgUmxCVwcQQNhKoY/AbmPo61u3Fm5asoThrbc3A4eGBmbIA7uef3R1GXYAS4s3Hz4sAbYkQ4ntjADbR0VAT9SAOjIfgY4XALZK/8P6ENCQZwUmMZD5RyZOZHhy9OgRYJ7yBMrcQTcLIIBw1QPfgZ5I//D48cIda9cyfPXwYOAAJhNYL40X2In5ATR8z6VLDB8/fVoC7KUlY+uAE/BE65/fv2uOATs374GO5wcGyH+gw/9DHc8ITL7HZs5keHH58hFgSQYKnKfYzAEIIHw18U9gwyr949OnC3du3crwHVgycQM9wauoyPANmCZ3nz7N8PHjR5jjSeoGonviFLB58gnI51dWZmAHpnkWYLI9uXIlw8tr10AhD3L8C1xmAAQQRn9gqpAQelucHVi0rhWTlvY2NjJiYARWSmfOnmV49/o1UX1YWI+KCUv7Hj7a8f9/KycXV5UusODgEhdnuHXsGMPTGzeuAEPeDaj9ObJ56P0BgAAixgMgzPfv9+9aYO3sDuIDM90GYOi1EBPyxHgAiJmB+SofqDQCmCR4gbnhBDDDgsy/i24eugcAAmjIT3QDBNCQ9wBAAA15DwAE0JD3AECAAQDWSnPWhDZ1NQAAAABJRU5ErkJggg==");
  width: 48px;
  height: 48px;
}

.report-modal .best-report .venue-dark {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAA0CAYAAACEjGZUAAAACXBIWXMAAArcAAAK3AEL85p7AAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAA1ASURBVHja7JvZj1xVfsc/55y71dabe3O37bbbeMELNhiD2zAaARPIyGSGhAgmykOkSPknorzk74iUB5RBmdEAWeCBDAkwzAQYsPG+te3e7N6ruqpuVd3t3HvyUDZC0aDQLMMQ3e/TVanqlnQ+93vOb7vCGEOu76asexcTR4/lFL8jmjt7WgDIfCm+c4ruXeTwcni5vg3l8HJ4uXJ4ub5cqrDpHyqJbVt4ro3nObiOjbIkUojf+f3MGLROiaKEThATxQk6SUmzLKfw+4InpcB1bCrlAkODPYwO9zO4pUJPpYjn2Egl+d/8jIE0TQmCmHqzzdp6k+XVOtUNH78VkCQpebHgG4ZnKUmp5DEy1MfkzhGOHtzH8NAYt2aXmb5xm+lbV2l2fJSlMEZgMJBlZFlGqVhm1/Yx9u/dwYOHD7O8ssLFa7eYnVtlrdYkDOLchd8EPCEEtq3o7SmyY3yIY0f2cHDfQaZvrfHG229y5epllGMzNDLMfYcP0NPfhzFgsgwpJTqOqdVqXLl9m/fPnaO/WOLpJ07yzBMnOXvxMhevzLG4VMNvBeg0B/i1wbsHbqCvzJ7JrTz26BFGByf5+b/8ko/On6Hc18PDj02xe88ehkdGKZUrZCbDUhaWkqSZQSlFHEesV6usr65w9cIFfvbvbzJ5dpyf/OnT9PVW+OjMNWbnV2n6nRzgF5S4d9Z8Xm3Tsrrg9u8Z58nvHSfTPbz2xltcvzXNrgN7eWRqih0TO/C8AkEQIKVESkmWgRCG7O62KYRAKYVSEp1orl+7xtu/fAsTJfzVC6eIkjq/+fASM3MrNP0g30I/X825s6d7/89UQUlJpeSxa2KY7598COjjpVdeY/r2DY5//zGee/55tk/sJNEZvu+T3gVlsgxjNMYYpJTYto2UkjRNCcMIIyQHDh3k+b94kcqWAf7hpVewrV4eObafsa0DeAUH8TlRa64vkOcJIXBdm9GRfh4+up+B/p28+vpbLK0tc+zkFFPfexzLtgnDkCiKMHSdZaALTVkYY0iShDiOP3WflJIoitho+gwODfFHp/6YnuFBXvrZGwwPbOXQ/RMMDfRg2yqn82XhKSno7Smyd3KM/XsO8Orr/8X03HUm9+3j8ANHUFLR9H0sJSm4LralwBiUFKRZSpIkGGM+dVCWZaRpihCCgudScF1anQ69ff0cn5oiVRk/f/1tDu3fx84dQ1RKBZTMawhfCp7rOYyO9PPg4fs5f+k256+ep9jXy559+6hU+mi1OhSLRcAgRPdGxhiiOEFIicm6uZ2SCq119wwTEpNm6ChGGBAIhBCMbx9n265J5hbvcOHSPAf3TzK4pZK778vAu3fWTWwbYuvwDs5euoyxLUbHx+nt60frGCm7cIwQpAIQAiUUWmekWqOzFJ1mKCXJgCRJ2dho8N/vvcdrL7/M2vIKhYJHlqVIKRkYHMbxCrz78VlGhobYPj5IqeQhZX72bSpVUJakv6/M7l3buDG7xp3VJUrlEqVSBcdxutCMIdUJtmOzUavhd0IcJSkUCjSaUfepEJJ20CaOE5buLHHlwjnmrl+l3Qo4/OgJxu0JfN8nS6FYLNLT10d1eYUbt5a5b3I7s/Nr+K2AONY5qS/qPMe2GOgvMzYyzicXrxJEAV6xiBQSAcRxtxpiEKytVZmdmSMNA3QQMjczx9KdJSwkSRBw7epV0iiit1gk7QSgNcNbR0lTTRRFSCHRaUKaaSp9vfQMDHB5ep6RwRGGBnvwXCentBnnua5Nf28ZSxWo1moIy0YqhbIUSZphRIojBCbL8BtNJoaH+csfP0eSJLzx7jsMDAwwPjJCpDM8+zxPTE3hYnH93DncQoEDR4/ieC5RFCGMwba6z5CQikK5yNLKOr4fMbSlB8+1afo5qC8Oz7Eolz06bUPNb1CslHG9IghJEIaUSyXSNCXVmjQTrG40+ODsJwghaXUi6p07vP7qK2zbPoHb38vs8iq3b97k/NlPeOrZZzl89Ch+q0USJ7i2Rb1ep91pI6RECIm0LVbXm/T1lHAcK6e0mW3TshTFgovfiWjFAcVyGQzEUUjL99FaE8cRcRJj2xBlCSv1Osu1Kp2og+vZrK6v8Yt//inr1RrXbt7kn17+KW7JY3B8lCxNUEqRaI3fauG3WkRRfLcCo1C2xc35RYrFuylIrs1Fm7al8NsdpJKAwPVciqUyYRjSarUQQhJGMWGcMDYwxLMnH+eFp5/mvokJZqZv0moHHH30BEkQ0Os4xGHCg49OoSyLRrNFqjUmy2i128Q6oadSoeC6CNtCOhb1ZgvbUnf/P9emC9NCKjDdVpCSAmVZOJZCSYFBYExG0XPxOx3+8ZVfoJRF6th8+N6vQAqOHn+UN//tXznzwQdsGd/K0Nh24iAmsiK01oRhcDdAclBSkhlwHIe43YHMQJ4lbN5597reri0/XT8hJUpKPM/DcRyUFLi2g5ES5dncmJnh3XffRiBwSkX+/MfPceLIEUbGxyg5Nn/z4k/YPT5GrVHvNmtN1r2f63Zrn8rqOk2ApWy2joygdYrJ8ibtppyndUYYJfSWi1RKlU/LXFKA6xUoFAq49xbdsZm7cZP561do1OtcOv1bWg0fpSy2DAxw36EHOHXqWU6emOLD82cZ2tLPQH8/SZISBG2MMThphuM4OI5DUktIooiRoT6CsIVO05zSZpwXJwmtdkClYtNTrhAEAUopLNvBti1cz8PzPMrlMj2lInM3rrO+usbeA4e5dOY0Joqo+T7/8d57ZFFIvd3itbf/k9MXztNbqrClf4BSsYBt21iWhe04uJ4HQqB1gsgyBgfKNP2AKMoT9E3BiyJNo9khMyHlYokkiVGW1V1oy8K2bZRt4TgOURiysrjMqVM/4u//9u946PgJnnryKf76hRf5wdRJSo7H8fsP8GdPPsXxQw/Q8jvESYzjWBQLxa6DVXd7FoBSFqPDg2wZKFGt+URxklPalPPihOpGi/XaKod270YJi04QYozBsixcx6FSKIExXD53Hs9xmHr8JI2OT09/H6pUYqleZ3VjHWUrNnyfpfU1VtfXUYCrFK7t4rgOlu1gWRaWlIRJt4C9e2KUerPK6nqDMIxzSpuBp3VKbaPFrbkF9t43SsFyaDWb6FST0e31eV6Blu/zm3feodJTYbla5Vfvv8/OyUkmdu7g3OWLXJ+do1gqMbOwwK8//ohGp822beOUC0Uc2+4GQndbRkmqieMQk2j279rK9M15qjWfJMnPvE0FLGlm8FsBM3PLHDlQ58G99/Pri2cJwgBjUtJUk8QRRdfjh3/yI44+8ABbx8ZIkgSlLDKTIYXAc1x0qhHQrYtKiTDQjkIk4DkOCEEzywijgCSKuH/HOPXGBvN31mm1w3wcYrPwjDEEYczico1zly/z2CMnuXn7NvX1Kv7gIJVyD51OQH9vLz985hls2ybVCX2VChhDkmWYNMNWEtty7zpMIujOtJggJcsMQkg6nTbtdpugEyJ1ysOHd/L+x2dYWa0T5+fd5rfNz26dV68vcGdplh+cPE4WJCwvLlJvNIi1JohjTDddR0pFEEWkWUrZdSi6LghJlmZkaUoYR3TCmCCO0cYQ6ZhOEBAEIevr62ys1Xjq4UMsLN7m1uxKPgb4VeAZYwjDmNtLVT44fYFKRXPs4AH8eoPFpSVq9TphEhEkCZ0wItEa27JRyibRGQiBZ1u4loVt2RhjMCZDpylJmtIOAmr1OkvLKyzMz7NvYgTocPbCDVbW6nmU+VXLYzrNaDQ7TN9axvN+y5OPn0Cb3VxbXGbRXcLyHKSA/nKFUqE7EpElGqMUUnbHHJRSd+uYhiTVtMKQarNJw/dZXllmfmaOyaF+tg05vP/hReZur9HuRGR5ZeWrwYPu+EK11uTytQUAHnvkISw1wqWFJXSckGzfBqOGII4pOi6e7aIshUgA091UtU6JdEQnjmi2W6ytrTE3t0Aaxjx2aBKRNfnwo0tM31qi0eygdR5hfi3wukNFmtW1BmlqCKOEhw7v5elj+7kys8bMjRl8v83Q0CCWUBSLRQoFF51mJEmC69hkWUqrE1BvNKiur5HGMYOew+ED21i4M8eZ8zeYnV+l3mznqcHXCe+zANeqDeIkodFos2/POAd3T6LsChen7zBdXaPS24PnFSgUC0ghSBKNsizCIKC50cQkKf2uYt/eMdqtGh99coZrNxZZXtnAb4e5474JePcAxrFmY6NFEMRUN3xm51aZ2DHC9rFhDvZtIUoF1XoHf3GDTFoYYSgVXCoWTGyr4NqCam2djz85w9zCKsurGzSaHcIwyfO5bxLeZ4OYdiciijX1RoeFxSoD/fNs6S/T21OkXCpQcG2sux3wJEjZCCLmbwbUm21qGy3qjTbNVkAUxqSZyd/N+33Bu+fCJNFondLphFRrTeYcG9e1cGwb6zNvyKZZ1g1YYk0UJcSJJtUZmcmhfSvwPgtRpwaddvt/5FNefxhJeq4cXq4cXq4c3v8PmRzed1c9vyvajAAF5GWOP0wJwAHan36Q51r5mZfrW9D/DADDtrWQTvT11AAAAABJRU5ErkJggg==);
  width: 111px;
  height: 52px;
  font-weight: bold;
  padding-top: 16px;
  padding-left: 14px;
  margin: 0 auto;
}

.report-modal .best-report .venue-light {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG8AAAA0CAYAAACEjGZUAAAACXBIWXMAAArcAAAK3AEL85p7AAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAz9SURBVHja7JvZb53HecZ/M/NtZyN5KFKkSG2WrMXa7VSWKCt2YqdxDLlJUBRJgBQo0qIBWvQvKHrT614VCNAWSAI0sN0EtWO4G5A0hu3KduzUiyTH2lWKli1SPFzO/m2z9OJIgtENlrw0Dr4HIHguiHMxPz4z7/O+M8I5R6FPp7wbH/7kr75XUPyU6Dt/9AcCQBZL8emSNebm5wLepw2eta6A92ugAl4Br1ABr9DtRYVbpi4FnpT4nsL3JL6SSCER4n/+e+fAWIs2llQbtDYY67BFzvzk4Akh8JWkFHjUyiEjlYhaOaQceHieQgrBf+XnBlUSmbb004x2P6XZS+jGGXGmMcZSIPyY4UkpiHyP4UrIxEiV6ZEhVG45c/ocZ86c59zFi7T7HZSncE7gcGAt1loq5SpbN29i756d7Ni5nanRIeZXOzRaPTr9jEybwoUfBzwBKCUphz5jQ2U2jY8w6oecePNtnn3pRc6cPY0KfMYn1nLn3l0M1UdwDpy1SCnRWcbKygpvz83y0huvUa/UOPbwF5i5716GyyFXltqsdhPiLOd9MabQh4V3A1w1CpisV9k6MYpr53z3B4/zi5OvUR0Z4jfum2Hrtm2snZikUq1hncVTHp6SGOtQSpFlKUvLyywtXuPsW2/x2JNP8fN/f41v/e432LZulMuLLRqtHv0C4EcHT0pBJfRZN1pl++QYVy9e5e+ffobz/3GBLbt2cO/MDBs3bSSKSsRxjMDhK4W1Du001lryLEUIwdqxMdZNrOWunXdx/tw5nvvXn/EXf/nXfPv3vsmdWzcAsNjqEad5sYV+WHhSCKLAZ3ykwrbJMa5dXuD7f/cYC0vXOPjAfRy9/36UH5BrTd7pIKS86VbnLCCRUqKUwlqLMYY8z1Gez649uxkdW8NP/vFf+M7ffI8//va3uGPrJnJjMMaS5rooYm435wnA8yQjlYjN43XyZsqPfvwM840FPnNkhpnPHsXzfZIkIU1THAKlFA5wziGVh3OOPM/JsgxrLUIIpJSkacpqu8PY+Di/eexLDK1dw3f/9nHSxiobxoaolQOUKiLo7cOTgnLoM1mvMix9fvjk01yYO8+WHTvYu28/SiranQ6ekpTCEN9T4BxKCowdOMw5h7ge/G44TwhBKQophSHdfp/hkToHZ2bQ0vKDHz1J3fcYH64QBR7yfwuNhf5veIFS1CsR60eGeOXVNzl59hTlkWG27dhBrTZCt9unXC4DDiEGX+ScI81yhJQ4C8YYlFRorTHWgpA4Y9FphnAgEAghmN4wzfo7tjD77hwvvvBzpuo1hkph4b7bgTc46zzWDJUJjOT1kydwvsfk9DTDI3W0zpByAMcJgRGAECih0NpitEZbgzYWpSQWyHPD6mqLl48f5+knnqCxcI1SKcJag5SS0bG1BFGJZ19+GZkkrBkqEfnqpnMLfcCCRUpBJfIZr1Y4ffYC7y3OU6lWqFRqBEEwgOYcRuf4gc/qygqdfkKgJKVSiVY7HfxXCEkv7pFlOfPvzXPmrZPMnT9Lrxuz99Bhpv1NdDodrIFyuczQyAjLC9c4eeJtdt97D41WnzjTaFOULh/YeZ6SVEsBZaV47c2TxGlMVC4PepdAlmUYa3EIGo1lLs/OYZIYHSfMzc4x/948HpI8jjl39iwmTRkulzH9GLRm7bpJjNGkaYoUEm1yjNXURoYZGh3l1OmzqCxnqHz9LC30wZ3nK0klDEh7GcsrKwjPRyqF8hS5sThhCITAWUun1WbT2rV88ytfJc9z/vmF5xkdHWV6YoJUWyL/FJ+fmSHE4/zJk4SlErsOHCCIQtI0RTiH712PGFJRqpZ5b36B+StXqU1NEihJXHD64PA8JYkCj247ZqXTolyrEkZlEJI4SahWKhhjMFpjrGBxtcUrJ95ECEm3n9Lsv8c//fgp1m/YRFgf5vLCIu9eusSpE2/y0KOPsvfAATrdLnmWE/oezWaTXr+HkBIhJNL3mF9YZPeWDXhF0XJr26aSksBXNNsdullMuVoFB1ma0O100FqTZSlZnuH7kNqca80mCyvL9NM+YeSzuNTgyR8+ztLyCucuXeKxJx4nrESMTU9iTY5SilxrOt0unW6XNM1QSg1+PMWF2csEvkLKAt4twRNiMKtrdTpIJQFBGIWUK1WSJKHb7SKEJEkzkixnanScR48c5Wtf/CJ3btrE7IVLdHsxBw4dJo9jhoOALMm5+9AMyvNotbsYrXHW0u31yHTOUK1GKQwRvocMPFaaLZSURda73faYEBLcYBtVUqA8j8BTKClwCJyzlKOQTr/P9596EqU8TODz6vF/Ayk4cPAQP/mHZ3jjlVdYM72O8akNZHFG6qVorUmSwWkW+AFKSqyDIAjIen2wjgLbbTjPOYexjlIY3FxAISVKSqIoIggClBSEfoCTEhX5XJyd5YUXnkMgCCplfucrX+Xw/v1MTE9RCXz+8OvfYOv0FCut5mDa7uzg+8IQ3/eRysP3FFKAp3ymJtdhrBvMBAt9cOdZ58i1oT4yRK1Su9nmkgLCqESpVCK8seiBz9zFS7xz/gytZpO3X/8F3VYHpTzWjI5y5559HDv2KEcOz/DqqROMr6kzWq+T54Y47uGcIzCWIAgIgoB8JSdPU9ZNrh0MaIvx0K05TxtLkmuG6zWGqjXiOEYphecH+L5HGEVEUUS1WmWoUmbu4nmWFhts37WXt994HZemrHQ6/PT4cWya0Ox1efq5Z3n9rVMMV2qsqY9SKZfwfR/P8/CDgDCKQAi0zhEOJibWEKc5ubEFpVuBlxtLP80JSwHVcoU8z1CeN1hoz8P3fZTvEQQBaZJw7eoCx459mT//0z/jnoOHeejBh/j9r32dL8wcoRJEHLxrF7/94EMc3LOPbqdPlmcEgUe5VB44WA3C/2Dw6zE1OcH6DVN04oxcm4LSrTqvG2fkwrJv+06U8OjHCc45PM8jDAJqpQo4x+mTp4iCgJmjR2j1OwzVR1CVCvPNJourSyhfsdrpML/UYHFpCQWEShH6IUEY4PkBnufhSUmSDxrY27duRlZKtPtJ4bxbPfOMtXSTjOV+zJ7d2/jZKy/SbbfRE2ux16NEFJVoNK7x0vPPs3HjRhaWl7lw+TKbt2whDANOnv4lxjrKlQqzV65w8fIsWZazfv001VKZ1BiIudl4zo0myxJcrtm/ewfL12+XmQLercFz1hFnmkarz7r1E9yzcw/HT71OnMQ4ZzBGk2cp5TDikd/6Mgf27WPd1NRgSq48rLPXJxMh2mgEDPqiUiIc9NIECURBAELQtpYkjcnTlL1b78SrVlm+ukyc6+I6xC3DA7LcsNqNme90ePBzh7l0ZY7m0jKdsTFq1SH6/Zj68DCPPPwwvu9jdM5IrQbOkVuLMxZfSXwvvJkZBQ5rLS4eVJFCSPr9Hr1ej7ifoIzlgaOHWOz0afUSdOG6Wz/zYDD57iYZV1c6mFDxpQcewMY5C1ev0my1yLQmzjLcIK4jpSJOU4w1VMOAchiCkFhjscaQZCn9JCPOMrRzpDqjH8fEccLS0hKrjRUe+exRdBRwrdklznQRE24XngMybVjpxMw2Vtm8fQP37j9Ap9ni6vw8K80mSZ4S5zn9JCXXGt/zUcon1xbE4IJu6Hn4no9zDucs2hhyY+jFMSvNJvML17jyzjvs3r6FdXds4MpSm1YvLQqVD9ses9bRT3MWVrsEnmLmyAG01Zy+8g5Xw3m8KEAKqFdrVEqDKxE21zilkHJwzUEpdb2P6ciNppskLLfbtDodFq4t8M7sHNun13Pw4H4uL7dZavcHN8eKs+7DwQMwxtKJM95dagMwM3M3fuBx8tJFdJaTb1gPk444yygHIZEfojyFyAE32FS1NqQ6pZ+ltHtdGo0Gc3NXMEnO5w/ezfTGKd5d7bGw2qWf5phiu/xo4DlAa0Orn2IbLTJt2HPgLjavn+TE6QvMXpyl0+kxPj6GJxTlcplSKUQbS57nhIGPtYZuP6bZarG81MBkGRPVKvfetxsTBlxe7rDU6tFL8yIafJTw3g+w3U/R17svk/Uan7v/EN3VNm/88iwXlhvUhoeIohKlcgkpBHmuUZ5HEse0V9u43DBWrbD3nl1EQxUa/ZT5+VWavYQkKxz3scC7CdAMKtBMG7pxRr0aMVYrc+ToZ3Ba0+x0aDRWaV5bxgqwAmqVMqNhwM4dd1BfM4qWklaccnmhSbMX009zcm2LPPdxwnt/EZNmmlxbemnOciemGgWDC0ulGhu21tmyYzDzA9DWkuWGONPMtnp044xempOkmswYnC2GPp8YvBsuNNaSpIM3BZ04w2sPXsd6ajD9vtH2GswGBy9iczP4ba0bRIdi/T95eO+H6KzDWkOuTXHL61clpBcq4BUq4BUq4P066H2RqoD3aaswg0D8t2rTXn/4WDSEf0V1/VWx0flNQKKAVZx5hf4f9J8DAGPIo8d3M4YjAAAAAElFTkSuQmCC);
  width: 111px;
  height: 52px;
  font-weight: bold;
  padding-top: 16px;
  padding-left: 14px;
  margin: 0 auto;
}

.report-modal .best-report #global_table {
  border-spacing: 0px;
  text-align: center;
}

.report-modal .best-report #global_table .header-client {
  text-align: center;
}

.report-modal .best-report #global_table .body-client {
  width: 340px;
  padding-top: 20px;
}

.report-modal .best-report #global_table .header-rule {
  text-align: center;
}

.report-modal .best-report #global_table .body-rule {
  width: 800px;
}

.report-modal .best-report #global_table .side-rule {
  width: 30px;
  padding-top: 20px;
}

.report-modal .best-report #global_table .header-venue {
  text-align: center;
}

.report-modal .best-report #global_table .body-venue {
  width: 340px;
  padding-top: 20px;
}

.report-modal .best-report .order-desc {
  color: black;
  padding: 2px 5px 5px 5px;
  margin: 45px 10px 25px;
  width: 300px;
}

.report-modal .best-report .order-desc .title {
  font-weight: bold;
  text-align: center;
  padding: 4px;
  margin-top: 5px;
}

.report-modal .best-report .order-desc .content {
  width: 95%;
  margin-top: 8px;
  margin-bottom: 5px;
  margin-left: 10px;
}

.report-modal .best-report .transaction {
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  font-size: 12pt;
  text-align: left;
}

.fx-single-editor {
  display: block;
  min-width: 850px;
}

.fx-single-editor .margin-rfq-fx {
  min-width: 900px;
  display: flex;
  margin-left: 12%;
}

.fx-single-editor .margin-rfq-fx .hide-panel {
  visibility: hidden;
}

.fx-single-editor .margin-rfq-fx .show-panel {
  visibility: visible;
}

.fx-single-editor .margin-rfq-fx .margin-bid-offer-panel {
  width: 28%;
}

.fx-single-editor .margin-rfq-fx .margin-bid-offer-panel .margin-containers-panel {
  border-top: 3px solid;
  padding: 5px;
}

.fx-single-editor .margin-rfq-fx .margin-bid-offer-panel .margin-containers-panel.containers-clicked {
  border-top: 3px solid;
}

.fx-single-editor .margin-rfq-fx .margin-bid-offer-panel .margin-containers-panel .margin-title-panel {
  width: 100%;
  text-align: left;
  clear: both;
  border-bottom: 1px solid;
  height: 20px;
}

.fx-single-editor .margin-rfq-fx .margin-bid-offer-panel .margin-containers-panel .margin-title-panel .margin-title {
  display: inline-block;
  padding-left: 5px;
  font-weight: bold;
  letter-spacing: 2px;
}

.fx-single-editor .margin-rfq-fx .margin-bid-offer-panel .margin-containers-panel .margin-title-panel .margin-btn {
  padding-left: 3px;
  margin-right: 20px;
}

.fx-single-editor .margin-rfq-fx .margin-bid-offer-panel .margin-containers-panel .margin-container-panel {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}

.fx-single-editor .margin-rfq-fx .margin-bid-offer-panel .margin-containers-panel .margin-container-panel .margin-container-label {
  width: 30%;
  vertical-align: middle;
  font-weight: bold;
}

.fx-single-editor .margin-rfq-fx .margin-bid-offer-panel .margin-containers-panel .margin-container-panel .margin-container-field {
  width: 75%;
  vertical-align: middle;
  position: relative;
}

.rfq-editor-atom .bid .field-option .margin-field, .rfq-editor-atom .offer .field-option .margin-field {
  display: block !important;
  width: 100% !important;
}

.rfq-editor-atom .bid .field-option .margin-field .margin-containers-panel, .rfq-editor-atom .offer .field-option .margin-field .margin-containers-panel {
  border-top: 3px solid;
  border-left: 3px solid;
  padding: 5px;
}

.rfq-editor-atom .bid .field-option .margin-field .margin-containers-panel.containers-clicked, .rfq-editor-atom .offer .field-option .margin-field .margin-containers-panel.containers-clicked {
  border-top: 3px solid;
  border-left: 3px solid;
}

.rfq-editor-atom .bid .field-option .margin-field .margin-containers-panel .margin-title-panel, .rfq-editor-atom .offer .field-option .margin-field .margin-containers-panel .margin-title-panel {
  width: 100%;
  text-align: center;
  clear: both;
  border-bottom: 1px solid;
  height: 25px;
}

.rfq-editor-atom .bid .field-option .margin-field .margin-containers-panel .margin-title-panel .margin-btn, .rfq-editor-atom .offer .field-option .margin-field .margin-containers-panel .margin-title-panel .margin-btn {
  line-height: 1;
  position: absolute;
  left: 2%;
  margin-top: 4px;
  border-color: transparent;
}

.rfq-editor-atom .bid .field-option .margin-field .margin-containers-panel .margin-title-panel .margin-title, .rfq-editor-atom .offer .field-option .margin-field .margin-containers-panel .margin-title-panel .margin-title {
  display: inline-block;
  padding-left: 5px;
  font-weight: bold;
  margin-top: 4px;
  letter-spacing: 2px;
}

.rfq-editor-atom .bid .field-option .margin-field .margin-containers-panel .margin-container-panel, .rfq-editor-atom .offer .field-option .margin-field .margin-containers-panel .margin-container-panel {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}

.rfq-editor-atom .bid .field-option .margin-field .margin-containers-panel .margin-container-panel .margin-container-label, .rfq-editor-atom .offer .field-option .margin-field .margin-containers-panel .margin-container-panel .margin-container-label {
  width: 40%;
  vertical-align: middle;
  font-weight: bold;
}

.rfq-editor-atom .bid .field-option .margin-field .margin-containers-panel .margin-container-panel .margin-container-field, .rfq-editor-atom .offer .field-option .margin-field .margin-containers-panel .margin-container-panel .margin-container-field {
  width: 60%;
  vertical-align: middle;
  position: relative;
}

/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a,
a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
  }
  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .table td,
.table th {
    background-color: #fff !important;
  }
  .btn > .caret,
.dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
.table-bordered td {
    border: 1px solid #ddd !important;
  }
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

a {
  color: #428bca;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #2a6496;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 6px;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}

h3,
.h3 {
  font-size: 24px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

cite {
  font-style: normal;
}

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-muted {
  color: #777;
}

.text-primary {
  color: #428bca;
}

a.text-primary:hover {
  color: #3071a9;
}

.text-success {
  color: #3c763d;
}

a.text-success:hover {
  color: #2b542c;
}

.text-info {
  color: #31708f;
}

a.text-info:hover {
  color: #245269;
}

.text-warning {
  color: #8a6d3b;
}

a.text-warning:hover {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover {
  color: #843534;
}

.bg-primary {
  color: #fff;
  background-color: #428bca;
}

a.bg-primary:hover {
  background-color: #3071a9;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover {
  background-color: #e4b9b9;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

dl {
  margin-top: 0;
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 1.42857143;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}

.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}

.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}

blockquote:before,
blockquote:after {
  content: "";
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

table {
  background-color: transparent;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

input[type="file"] {
  display: block;
}

input[type="range"] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #777;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #777;
}

.form-control::-webkit-input-placeholder {
  color: #777;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 34px;
  line-height: 1.42857143 \0;
}

input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
  line-height: 30px;
}

input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
  line-height: 46px;
}

.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}

.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}

.input-sm,
.form-horizontal .form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}

.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

select.input-lg {
  height: 46px;
  line-height: 46px;
}

textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}

.has-success .form-control-feedback {
  color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
.form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
.form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}

.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}

.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  -o-transition: height .35s ease;
  transition: height .35s ease;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.open > .dropdown-menu {
  display: block;
}

.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

.dropup .caret,
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: 0;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  filter: alpha(opacity=0);
  opacity: 0;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

.input-group-btn > .btn + .btn {
  margin-left: -1px;
}

.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.nav > li.disabled > a {
  color: #777;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified > li {
  float: none;
}

.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 4px;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified {
  width: 100%;
}

.nav-justified > li {
  float: none;
}

.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}

@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination > li {
  display: inline;
}

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

.label-default {
  background-color: #777;
}

.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}

.label-primary {
  background-color: #428bca;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}

.label-danger {
  background-color: #d9534f;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
  min-width: 30px;
}

.progress-bar[aria-valuenow="0"] {
  min-width: 30px;
  color: #777;
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-info {
  background-color: #5bc0de;
}

.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-warning {
  background-color: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.progress-bar-danger {
  background-color: #d9534f;
}

.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}

.media,
.media .media {
  margin-top: 15px;
}

.media:first-child {
  margin-top: 0;
}

.media-object {
  display: block;
}

.media-heading {
  margin: 0 0 5px;
}

.media > .pull-right {
  margin-left: 10px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-title > a {
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ddd;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}

.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}

.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}

.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}

.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #428bca;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #428bca;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #428bca;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate3d(0, -25%, 0);
  -o-transform: translate3d(0, -25%, 0);
  transform: translate3d(0, -25%, 0);
}

.modal.in .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}

.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover > .arrow {
  border-width: 11px;
}

.popover > .arrow:after {
  content: "";
  border-width: 10px;
}

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}

.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

@-ms-viewport {
  width: device-width;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

/*# sourceMappingURL=bootstrap.css.map */
/* ========================================================================
 * bootstrap-switch - v3.0.1
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *	 http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */
.bootstrap-switch {
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  min-width: 100px;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.bootstrap-switch.bootstrap-switch-mini {
  min-width: 71px;
}

.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 10px;
  line-height: 9px;
}

.bootstrap-switch.bootstrap-switch-small {
  min-width: 79px;
}

.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding-bottom: 3px;
  padding-top: 3px;
  font-size: 12px;
  line-height: 18px;
}

.bootstrap-switch.bootstrap-switch-large {
  min-width: 120px;
}

.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 16px;
  line-height: normal;
}

.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
  margin-left: 0%;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
  margin-left: -50%;
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-container {
  margin-left: -25%;
}

.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  width: 150%;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
  width: 33.333333333%;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #428bca;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}

.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  width: 33.333333333%;
  color: #333333;
  background: #ffffff;
}

.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

/*!
 * Bootstrap Colorpicker v2.3.6
 * https://itsjavi.com/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */
.colorpicker-saturation {
  width: 100px;
  height: 100px;
  background-image: url("../img/bootstrap-colorpicker/saturation.png");
  cursor: crosshair;
  float: left;
}

.colorpicker-saturation i {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}

.colorpicker-saturation i b {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.colorpicker-hue,
.colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}

.colorpicker-hue i,
.colorpicker-alpha i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}

.colorpicker-hue {
  background-image: url("../img/bootstrap-colorpicker/hue.png");
}

.colorpicker-alpha {
  background-image: url("../img/bootstrap-colorpicker/alpha.png");
  display: none;
}

.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
  background-size: contain;
}

.colorpicker {
  padding: 4px;
  min-width: 130px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 2500;
}

.colorpicker:before,
.colorpicker:after {
  display: table;
  content: "";
  line-height: 0;
}

.colorpicker:after {
  clear: both;
}

.colorpicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}

.colorpicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}

.colorpicker div {
  position: relative;
}

.colorpicker.colorpicker-with-alpha {
  min-width: 140px;
}

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block;
}

.colorpicker-color {
  height: 10px;
  margin-top: 5px;
  clear: both;
  background-image: url("../img/bootstrap-colorpicker/alpha.png");
  background-position: 0 100%;
}

.colorpicker-color div {
  height: 10px;
}

.colorpicker-selectors {
  display: none;
  height: 10px;
  margin-top: 5px;
  clear: both;
}

.colorpicker-selectors i {
  cursor: pointer;
  float: left;
  height: 10px;
  width: 10px;
}

.colorpicker-selectors i + i {
  margin-left: 3px;
}

.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
  display: inline-block;
  cursor: pointer;
  height: 16px;
  vertical-align: text-top;
  width: 16px;
}

.colorpicker.colorpicker-inline {
  position: relative;
  display: inline-block;
  float: none;
  z-index: auto;
}

.colorpicker.colorpicker-horizontal {
  width: 110px;
  min-width: 110px;
  height: auto;
}

.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px;
}

.colorpicker.colorpicker-horizontal .colorpicker-color {
  width: 100px;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  width: 100px;
  height: 15px;
  float: left;
  cursor: col-resize;
  margin-left: 0px;
  margin-bottom: 4px;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
  display: block;
  height: 15px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  border: none;
  margin-top: 0px;
}

.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png");
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png");
}

.colorpicker.colorpicker-hidden {
  display: none;
}

.colorpicker.colorpicker-visible {
  display: block;
}

.colorpicker-inline.colorpicker-visible {
  display: inline-block;
}

.colorpicker-right:before {
  left: auto;
  right: 6px;
}

.colorpicker-right:after {
  left: auto;
  right: 7px;
}

.colorpicker-no-arrow:before {
  border-right: 0;
  border-left: 0;
}

.colorpicker-no-arrow:after {
  border-right: 0;
  border-left: 0;
}

/*
Version: 3.5.4 Timestamp: Sun Aug 30 13:30:32 EDT 2015
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}

.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("select2.png") no-repeat 0 1px;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding: 4px 4px 0 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff url("select2.png") no-repeat 100% -22px;
  background: url("select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: #fff url("select2.png") no-repeat -37px -22px;
  background: url("select2.png") no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("select2.png") no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2.png") no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2.png") no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-search input.select2-active {
  background: #fff url("select2-spinner.gif") no-repeat 100%;
  background: url("select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results-dept-1 .select2-result-label {
  padding-left: 20px;
}

.select2-results-dept-2 .select2-result-label {
  padding-left: 40px;
}

.select2-results-dept-3 .select2-result-label {
  padding-left: 60px;
}

.select2-results-dept-4 .select2-result-label {
  padding-left: 80px;
}

.select2-results-dept-5 .select2-result-label {
  padding-left: 100px;
}

.select2-results-dept-6 .select2-result-label {
  padding-left: 110px;
}

.select2-results-dept-7 .select2-result-label {
  padding-left: 120px;
}

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url("select2-spinner.gif") no-repeat 100%;
}

.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2);
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}

html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right;
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url("select2-spinner.gif") no-repeat 100% !important;
}

.select2-default {
  color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url("select2.png") right top no-repeat;
}

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
.select2-search-choice-close,
.select2-container .select2-choice abbr,
.select2-container .select2-choice .select2-arrow b {
    background-image: url("select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}

/**
 * selectize.css (v0.12.4)
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}

.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

/**
 * selectize.default.css (v0.12.4) - Default Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
  box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}

.selectize-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 28px;
  top: 6px;
  font-size: 23px;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #ffffff;
  cursor: text;
  display: inline-block;
}

.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #1da7ee;
  color: #ffffff;
  border: 1px solid #0073bb;
}

.selectize-control.multi .selectize-input > div.active {
  background: #92c836;
  color: #ffffff;
  border: 1px solid #00578d;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}

.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 1px !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.selectize-input > input::-ms-clear {
  display: none;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}

.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #ffffff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #ffffff;
  cursor: default;
}

.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}

.selectize-control.multi .selectize-input.has-items {
  padding-left: 5px;
  padding-right: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
}

.selectize-control.single .selectize-input {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-weight: bold;
  font-size: 0.85em;
}

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}

/*!
 * jQuery UI Slider 1.13.2
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li::before {
  content: '\2022';
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}

.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}

.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}

.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.popover.pop-green {
  font-size: 13px;
}

.popover.pop-green .info {
  border-radius: 2px;
  padding: 3px;
}

.popover.pop-red .danger {
  border-radius: 2px;
  padding: 3px;
}

.ticket {
  font-size: 1em;
}

.ticket .dates-detail {
  display: flex;
  justify-content: center;
  font-size: 1em;
}

.ticket .from {
  margin-right: 5px;
}

.ticket .to {
  margin-left: 20px;
  margin-right: 5px;
}

.ticket .for {
  margin-left: 5px;
  margin-right: 5px;
}

.ticket .days {
  margin-left: 5px;
}

.ticket.fx-opt-rfq-ticket .detail-zone {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px 0 2px;
}

.ticket.fx-opt-rfq-ticket .detail-zone .rfq-creation-date {
  width: 50%;
  text-align: center;
}

.ticket.fx-opt-rfq-ticket .detail-zone .rfq-mode {
  flex-grow: 1;
}

.ticket.fx-opt-rfq-ticket .detail-zone .opt-class, .ticket.fx-opt-rfq-ticket .detail-zone .ccy-pair {
  width: 25%;
}

.ticket.fx-opt-rfq-ticket .detail-zone .ccy-pair {
  font-size: 14px;
  text-align: left;
  font-weight: 900;
}

.ticket.fx-opt-rfq-ticket .detail-zone .opt-class {
  font-size: 11px;
  text-align: right;
}

.ticket .fx-opt-ticket .top-summary {
  position: relative;
}

.ticket .fx-opt-ticket .top-summary .optClass {
  right: 2px;
  position: absolute;
}

.ticket .fx-opt-ticket .top-summary .actions-icon {
  position: absolute;
  left: 2px;
  top: 2px;
}

.ticket .fx-opt-ticket .detail-panel {
  font-size: 16px;
  padding-top: 2px;
  border: 1px solid;
}

.ticket .fx-opt-ticket .ccy-pair {
  padding: 1px 0;
  font-size: 21px;
  line-height: 21px;
  text-align: center;
}

.ticket.fx-opt-rfq-ticket .detail-panel, .ticket .fx-opt-ticket .detail-panel {
  display: flex;
  margin: 2px auto;
  text-align: left;
  width: fit-content;
  flex-wrap: wrap;
  border-radius: 5px;
  justify-content: center;
}

.ticket.fx-opt-rfq-ticket .detail-panel .gwt-Label, .ticket .fx-opt-ticket .detail-panel .gwt-Label {
  margin-left: 5px;
}

.ticket.fx-opt-rfq-ticket .leg-cut, .ticket .fx-opt-ticket .leg-cut {
  margin-right: 5px;
}

.ticket.fx-opt-rfq-ticket .at, .ticket .fx-opt-ticket .at {
  margin-left: 5px;
}

.form-field-validator select {
  border-radius: 0px;
  width: 100%;
  height: 100%;
}

.box-atom .depth-book-widget table tr .book-bid-owner, .box-atom .depth-aggregated-widget table tr .book-bid-owner, .box-atom .depth-book-widget table tr .book-offer-owner, .box-atom .depth-aggregated-widget table tr .book-offer-owner {
  display: none;
}

.box-atom .footer .order {
  width: auto;
}

.box-atom.esp-box-atom .price-widget .offer-owner {
  display: none;
}

.box-atom.esp-box-atom .price-widget .bid-owner {
  display: none;
}

.creditbar-nop, .creditbar-gop {
  float: left;
  width: 250px;
  margin-right: 5px;
  white-space: nowrap;
}

.multi-mode-box-atom {
  position: relative;
}

.multi-mode-box-atom .sales-margin-widget {
  margin: 0 4px 5px 4px;
  margin-bottom: 10px;
}

.multi-mode-box-atom .sales-margin-widget .not-visible {
  visibility: hidden;
}

.multi-mode-box-atom .sales-margin-widget .main-panel {
  display: flex;
  flex-flow: row wrap;
}

.multi-mode-box-atom .sales-margin-widget .numeric-spinner {
  height: 20px;
  font-size: 11px;
}

.multi-mode-box-atom .sales-margin-widget .numeric-spinner .spinner-container {
  line-height: 18px;
}

.multi-mode-box-atom .sales-margin-widget .numeric-spinner .spinner-btn-box {
  width: 14px;
  min-width: 14px;
}

.multi-mode-box-atom .sales-margin-widget .spinner-btn {
  width: 14px;
  font-size: 7px;
}

.multi-mode-box-atom .sales-margin-widget .main-lock {
  display: block;
  width: 100%;
}

.multi-mode-box-atom .sales-margin-widget .bid, .multi-mode-box-atom .sales-margin-widget .offer {
  text-align: center;
  width: 37%;
}

.multi-mode-box-atom .sales-margin-widget .bid .gwt-Label, .multi-mode-box-atom .sales-margin-widget .offer .gwt-Label {
  line-height: 20px;
  font-size: 11px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.multi-mode-box-atom .sales-margin-widget .title-panel {
  text-align: center;
  width: 26%;
}

.multi-mode-box-atom .sales-margin-widget .title-panel .gwt-Label {
  font-size: 11px;
  line-height: 20px;
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.multi-mode-box-atom .sales-margin-widget .title-panel .icon {
  font-size: 11px;
  width: 100%;
  line-height: inherit;
}

.multi-mode-box-atom .sales-margin-widget .title-panel .icon .lbl {
  margin-left: 3px;
}

.multi-mode-box-atom .sales-margin-widget .title-panel .icon[disabled] {
  background-color: inherit;
  color: inherit;
  border: none;
  opacity: 1;
}

.multi-mode-box-atom .sales-margin-widget .title-panel .icon[disabled] .icon-lock2, .multi-mode-box-atom .sales-margin-widget .title-panel .icon[disabled] .icon-unlocked2 {
  display: none;
}

.multi-mode-box-atom .sales-margin-widget .title-panel .icon[disabled] .label {
  margin-left: 0;
}

.multi-mode-box-atom .sales-margin-widget .pnl {
  margin-top: 5px;
  font-weight: 800;
}

.multi-mode-box-atom .sales-margin-widget .legs-all-in-mode .header-cell {
  margin-top: 8px;
  font-weight: bold;
  font-size: 11px;
}

.multi-mode-box-atom .sales-margin-widget .legs-all-in-mode .header-cell.header-cell-legs-lock {
  text-align: right;
  font-weight: initial;
}

.multi-mode-box-atom .sales-margin-widget .legs-all-in-mode .days {
  margin-top: 5px;
  font-weight: 800;
}

.multi-mode-box-atom .center-panel {
  position: relative;
}

.order-editor-atom .comment input {
  width: 100%;
}

.order-editor-atom .option-row .field-option .with-lock-btn {
  top: 2px;
  right: 22px;
}

.order-editor-atom .option-row .tif {
  width: 125px;
}

.order-editor-atom .option-row .form-field.monitored-price {
  margin: 0 5px 0 0;
}

.order-editor-atom .option-row .form-field.monitored-price .ui-radio-button-group {
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  padding: 2px 8px;
  height: 26px;
  width: 140px;
}

.order-editor-atom .option-row .form-field.monitored-price .ui-radio-button-group .gwt-RadioButton input[type="radio"] {
  width: 1em;
  height: 1em;
}

.order-editor-atom .option-row .form-field.monitored-price .ui-radio-button-group .gwt-RadioButton input[type="radio"]::before {
  width: 6px;
  height: 6px;
}

.order-editor-atom .option-row .form-field.monitored-price .ui-radio-button-group .gwt-RadioButton:not(:first-child):before {
  font-size: 16px;
  margin: 0 1.5px;
}

.order-editor-atom .option-row .field-option.monitored-price-locked .value {
  height: 26px;
  padding-top: 2px;
  padding-left: 5px;
  width: 140px;
}

.order-editor-atom .option-row .na-settlement .gwt-DateBox {
  padding-top: 2px;
}

.order-editor-atom .option-row .fixing-settlement .forward-date-dropdown-menu {
  position: fixed;
  left: 193px;
  top: 354px;
}

.order-editor-atom .forward-resting-orders-spot {
  margin-left: 5em;
}

.order-editor-atom .option-switcher {
  padding-left: 0;
}

.desktop-notif-preference-atom .notification-preference-header .pop-up {
  border-bottom: 1px solid;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.desktop-notif-preference-atom .notification-preference-header .threshold {
  width: 160px;
  border-bottom: solid 1px;
  display: inline-block;
  padding-bottom: 5px;
  text-align: center;
  margin-left: 5px;
}

.desktop-notif-preference-atom .status-preference .status-name {
  width: 240px;
}

.desktop-notif-preference-atom .status-preference .audio {
  width: 159px;
}

.desktop-notif-preference-atom .pop-up {
  width: 177px;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  margin-left: 10px;
}

.desktop-notif-preference-atom .pop-up-over {
  text-align: left;
  margin-left: 25px;
}

.desktop-notif-preference-atom .threshold-column {
  width: 160px;
  display: inline-block;
  margin-left: 5px;
}

.position-blotter-atom .positions-equiv-total-panel {
  display: flex;
  flex-grow: 1;
  align-self: center;
  padding: 0 20px;
  font-size: 12px;
  font-weight: bold;
}

.position-blotter-atom .positions-equiv-total-panel .gwt-Label {
  padding-right: 20px;
}

.position-blotter-atom .footer-postions-totals-panel {
  justify-content: flex-start !important;
}

.position-blotter-atom .footer-postions-totals-panel .positions-totals-panel {
  display: flex;
}

.position-blotter-atom .footer-postions-totals-panel .positions-totals-panel .positions-total-panel-item {
  display: flex;
}

.position-blotter-atom .footer-postions-totals-panel .positions-totals-panel .positions-total-panel-item .gwt-Label {
  margin-right: 5px;
}

.position-blotter-atom .footer-postions-totals-panel .positions-totals-panel .positions-pipe-panel {
  margin-right: 5px;
  margin-right: 5px;
}

.mm-view {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
}

.mm-view .tenor-invalid {
  border: 1px solid red;
}

.mm-view .date-error-icon {
  color: red;
  position: absolute;
  right: 0;
  top: 6px;
  font-size: 13px;
  z-index: 1;
}

.mm-view .date-error-icon:hover {
  color: red;
}

.mm-view .diff {
  width: 22%;
  text-align: center;
  align-self: flex-end;
}

.mm-view .diff.invalid {
  border-bottom: 1px solid red;
}

.mm-view .diff.with-days-from-spot {
  margin-bottom: 17px;
}

.mm-view .date-panel {
  width: 35%;
  margin-top: 15px;
  position: relative;
}

.mm-view .date-panel .caption {
  font-size: 13px;
}

.mm-view .days-from-spot-panel {
  display: flex;
  flex-direction: column;
  width: 35%;
}

.mm-view .days-from-spot-panel.first-days-from-spot-panel {
  margin-right: 65px;
}

.mm-view .qtty-panel, .mm-view .repay-panel {
  width: 45%;
}

.mm-view .repay, .mm-view .spinner-value, .mm-view .date-picker-label {
  height: 21px;
}

.mm-view .qtty-panel, .mm-view .repay-panel, .mm-view .date-panel {
  display: flex;
  flex-direction: column;
}

.mm-view .qtty-panel::before, .mm-view .repay-panel::before, .mm-view .date-panel::before {
  content: attr(caption);
}

.mm-view .date-picker-label {
  text-align: center;
  font-size: 10px;
}

.mm-view .switch-checkbox {
  box-sizing: content-box;
  position: relative;
  width: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: block;
}

.mm-view .switch-checkbox input {
  display: none;
}

.mm-view .switch-checkbox label {
  margin: 0px;
  box-sizing: content-box;
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 17px;
  padding: 0;
  line-height: 17px;
  border: 2px solid #999;
  border-radius: 22px;
  background-color: grey;
  transition: background-color 0.3s ease-in;
}

.mm-view .switch-checkbox label:before {
  content: "";
  box-sizing: content-box;
  display: block;
  width: 17px;
  margin: 0px;
  height: 17px;
  background: white;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 28px;
  border: 2px solid grey;
  border-radius: 50%;
  transition: all 0.3s ease-in 0s;
}

.mm-view .switch-checkbox input:checked + label {
  background-color: #1B5E20;
}

.mm-view .switch-checkbox input:checked + label, .mm-view .switch-checkbox input:checked + label:before {
  border-color: #2E7D32;
}

.mm-view .switch-checkbox input:checked + label:before {
  right: 0px;
}

.mm-price-side-widget .bid .price, .mm-price-side-widget .offer .price {
  line-height: 80px;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}

.mm-price-side-widget .bid .interest, .mm-price-side-widget .offer .interest {
  position: absolute;
  font-size: 11px;
  left: 5px;
  display: flex;
  flex-direction: column;
  color: white;
  font-weight: bold;
  line-height: 10px;
  top: 2px;
}

.mm-price-side-widget .bid .p-plus-i, .mm-price-side-widget .offer .p-plus-i {
  position: absolute;
  bottom: 20px;
  right: 5px;
  font-size: 11px;
  display: flex;
  flex-direction: column;
  color: white;
  text-align: right;
  font-weight: bold;
  line-height: 10px;
}

.mm-price-side-widget .bid .interest::before, .mm-price-side-widget .bid .p-plus-i::before, .mm-price-side-widget .offer .interest::before, .mm-price-side-widget .offer .p-plus-i::before {
  font-weight: bold;
  content: attr(caption);
  color: #ccc;
  font-size: 10px;
}

.mm-price-side-widget .disable::before {
  content: none !important;
}

.mm-button-panel {
  display: flex;
  margin-left: -100px;
  justify-content: flex-end;
}

.mm-button-panel button {
  font-weight: bold !important;
  padding: 0 5px !important;
  margin-left: 5px !important;
  border-left: none !important;
}

.north {
  border-bottom: 1px solid black;
  padding-bottom: 5px;
}

.south {
  padding-top: 5px;
}

.curve-widget .edit-icon {
  height: 26px;
  display: flex;
  padding: 0 5px;
  margin-left: 15px;
  border-radius: 5px;
  border: 1px solid #555;
}

.curve-widget .edit-icon .icon-cog {
  display: block;
  height: 100%;
  align-self: center;
  margin-right: 5px;
}

.curve-widget .edit-icon .lbl {
  display: block;
  text-align: left;
}

.curve-widget .edit-panel {
  margin: 0 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.curve-widget .edit-panel .list-box {
  width: 50%;
}

.curve-widget .edit-panel .add-all-btn {
  border-color: #28a745;
  background-color: #28a745;
}

.curve-widget .edit-panel .add-all-btn:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.curve-widget .edit-panel .add-all-btn[disabled] {
  color: #bbb;
  cursor: not-allowed;
  border-color: black;
  background-color: #555;
}

.curve-widget .header-row {
  padding-right: 5px;
  display: flex;
  font-size: 12px;
  margin: 1px 5px;
  line-height: 1.7;
  justify-content: flex-end;
}

.curve-widget .header-row .gwt-Label {
  width: 40%;
  text-align: center;
}

.curve-widget .rows-panel {
  margin: 5px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.curve-widget .rows-panel .tenor-row {
  display: flex;
  font-size: 12px;
  margin: 1px 5px;
  line-height: 1.7;
  user-select: none;
  padding-right: 5px;
  flex-direction: row;
}

.curve-widget .rows-panel .tenor-row .tenor {
  width: 20%;
  flex-grow: 1;
  text-align: center;
}

.curve-widget .rows-panel .tenor-row .price {
  width: 40%;
  text-align: center;
}

.curve-widget .rows-panel .tenor-row .price:hover {
  cursor: pointer;
}

.curve-widget .rows-panel .tenor-row .delete-icon {
  opacity: 0;
  font-size: .7em;
}

.curve-widget .rows-panel.edited .delete-icon {
  opacity: 1;
}

.curve-widget button {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  font-size: 1em;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out ,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.bucket-panel {
  display: flex;
  flex-direction: row;
}

.bucket-panel .icon {
  z-index: 1;
  height: 30px;
  width: 30px;
  background: black;
  position: absolute;
  right: calc(30% - 35px);
}

.bucket-panel .bucket-parent-blotter {
  width: 70%;
  flex-grow: 1;
  position: sticky;
}

.bucket-panel .bucket-parent-blotter tr:hover {
  cursor: pointer;
}

.bucket-panel .bucket-parent-blotter .bucket-day:hover {
  cursor: not-allowed;
}

.bucket-panel .bucket-parent-blotter .selected-row {
  background-color: #186A96 !important;
}

.bucket-panel .bucket-child-blotter {
  position: sticky;
  width: 30%;
}

.bucket-panel .bucket-child-blotter .reset-sorting {
  display: none;
}

.notification-broadcaster-atom .no-message-label {
  margin: 5px;
}

.notification-broadcaster-atom .displayed-message-area-panel {
  border-radius: 5px;
  padding: 2px 2px 5px 5px;
  margin: 5px;
}

.notification-broadcaster-atom .displayed-message-area-panel .displayed-message {
  width: auto;
  white-space: normal;
  word-break: break-word;
  padding-right: 30px;
}

.notification-broadcaster-atom .displayed-message-area-panel .displayed-message:after {
  content: attr(sender-info);
  display: block;
  margin: 0px;
  text-align: right;
  bottom: 0;
  font-size: x-small;
}

.notification-broadcaster-atom .displayed-message-area-panel .button-panel {
  text-align: right;
  width: 100%;
  height: 20px;
  padding: 0px 5px 5px 5px;
}

.notification-broadcaster-atom .displayed-message-area-panel .button-panel .correct-message-button {
  font-size: 10px;
  padding-right: 5px;
}

.notification-broadcaster-atom .displayed-message-area-panel .button-panel .delete-message-button {
  font-size: 10px;
}

.notification-broadcaster-atom .message-editor-title {
  margin-left: 5px;
  font-size: x-small;
}

.notification-broadcaster-atom .displayed-message-editor-panel {
  border: 1px solid;
  border-radius: 5px;
  margin: 5px;
  white-space: normal;
}

.notification-broadcaster-atom .displayed-message-editor-panel .footer-panel {
  display: flex;
  justify-content: flex-end;
}

.notification-broadcaster-atom .displayed-message-editor-panel .footer-panel .count-label {
  padding-right: 5px;
}

.notification-broadcaster-atom .displayed-message-editor-panel .footer-panel .editor-send-button {
  padding-right: 5px;
}

.notification-broadcaster-atom .displayed-message-editor-panel .ql-toolbar {
  border: none;
}

.notification-broadcaster-atom .confirm-message-panel {
  white-space: normal;
  position: absolute;
}

.notification-broadcaster-atom .confirm-message-panel .gwt-Button {
  border: 1px solid;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-delete-message-label {
  margin: 5px;
}

.notification-broadcaster-atom .confirm-message-panel .cancel-button {
  right: 51%;
  size: auto;
  width: 150px;
  border-radius: 5px;
  height: 25px;
  letter-spacing: 1px;
  top: 70px;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-button {
  left: 51%;
  size: auto;
  width: 150px;
  border-radius: 5px;
  height: 25px;
  letter-spacing: 1px;
  top: 70px;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-delete-button-panel {
  display: flex;
  align-items: center;
  justify-content: center;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-delete-button-panel .cancel-button {
  top: 70px;
  margin-right: 10px;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-delete-button-panel .confirm-button {
  top: 70px;
  margin-left: 10px;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-update-button-panel {
  display: flex;
  align-items: center;
  justify-content: center;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-update-button-panel .gwt-Button {
  top: 100px;
  margin-right: 10px;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-update-message-label-panel {
  margin: 5px;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-update-message-label-panel .confirm-update-new-message {
  word-break: break-word;
  border-radius: 5px;
  padding: 2px 2px 5px 5px;
  margin: 5px;
}

.main-layout .middle.middle-with-footer {
  bottom: 30px;
}

.main-layout .footer {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.main-layout .footer .user-guide {
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
}

.main-layout .footer .user-guide button span {
  margin-right: 3px;
}

.middle-with-sidebar {
  right: 20px;
  left: 0;
  width: initial !important;
}

.sidebar {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 30px;
  bottom: 0;
  width: 20px;
}

.sidebar .sidebar-panel {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.sidebar .sidebar-panel.upper {
  justify-content: flex-start;
}

.sidebar .sidebar-panel.lower {
  justify-content: flex-end;
}

.sidebar .sidebar-panel .sidebar-item {
  display: flex;
  padding-top: 3px;
  padding-bottom: 3px;
}

.sidebar .sidebar-panel .sidebar-item button {
  margin: auto;
}

.sidebar .sidebar-panel .sidebar-item button.sidebar-hidden {
  opacity: 0.6;
}

.client-notification-panel {
  width: 370px;
  position: absolute;
  bottom: 25px;
  right: 25px;
  border-radius: 5px;
  z-index: 3;
}

.client-notification-panel .client-notification-widget {
  border-radius: 5px;
  height: auto;
  padding: 5px;
  margin-bottom: 10px;
  animation: slide-in-blurred-right 0.3s cubic-bezier(0.23, 1, 0.32, 1) both;
}

.client-notification-panel .client-notification-widget.dismissed {
  animation: slide-out-blurred-right 0.3s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
}

.client-notification-panel .client-notification-widget .close-button {
  float: right;
  width: 18px;
  height: 18px;
}

.client-notification-panel .client-notification-widget .content {
  word-break: break-word;
  margin: 5px;
}

@keyframes slide-in-blurred-right {
  0% {
    transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}

@keyframes slide-out-blurred-right {
  0% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translateX(1000px) scaleX(2) scaleY(0.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
}

.ql-container {
  height: auto;
}

.ql-container .ql-editor[contenteditable="false"] img {
  pointer-events: none;
}

.ql-container .ql-editor[contenteditable="false"]:hover, .ql-container .ql-editor[contenteditable="false"] * {
  cursor: not-allowed;
}

.ql-container .ql-editor.ql-blank::before {
  position: inherit;
}

.ql-container.ql-snow {
  border: none;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  z-index: 2;
}

.onbehalfuser-panel .read-only-client-field {
  line-height: 28px;
  letter-spacing: .1em;
  text-align: center;
  font-weight: bold;
  cursor: default;
}

.onbehalfuser-panel .read-only-client-field .gwt-Label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.box-atom .north .price-widget .crypto-price {
  font-size: 25px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.prefScreen .preference-create-another .col-xs-4 {
  width: 40%;
}

.prefScreen .preference-create-another .col-xs-8 {
  width: 60%;
}

.prefScreen .preference-create-another .col-xs-8 .bootstrap-switch {
  width: 140px;
}

.strategy-editor .btn-create-another label {
  margin: 0 5px;
}

/**
 * ----------------------------------------
 * Animations
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * Pre-trade confirmation dialog
 * ----------------------------------------
 */
.trade-confirmation-dialog {
  position: absolute;
  top: 62px;
  width: 276px;
  border-radius: 5px;
  opacity: 0.95;
  z-index: 20;
  display: none;
  -webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-fwd-center 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.trade-confirmation-dialog.visible {
  display: block;
}

.trade-confirmation-dialog:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
}

.trade-confirmation-dialog.quick-order-editor {
  bottom: 36px;
  left: -4px;
  top: auto;
}

.trade-confirmation-dialog.quick-order-editor:before {
  bottom: -10px;
  right: 70px;
  border-top: 10px solid transparent;
  border-bottom: none;
}

.trade-confirmation-dialog.error-rfs {
  bottom: 25px;
  top: auto;
}

.trade-confirmation-dialog.error-rfs:before {
  bottom: -10px;
  right: 30px;
  border-top: 10px solid transparent;
  border-bottom: none;
}

.trade-confirmation-dialog.error-rfs.error-rfs-mm:before {
  right: 93px;
}

.trade-confirmation-dialog.editor {
  bottom: -10px;
  right: 15px;
  top: auto;
  width: 400px;
}

.trade-confirmation-dialog.editor.algo {
  bottom: 50px;
  right: 0;
  width: 100%;
}

.trade-confirmation-dialog.editor.algo:before {
  right: 20px;
}

.trade-confirmation-dialog.editor.popup {
  bottom: 60px;
  right: 10px;
}

.trade-confirmation-dialog.editor:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: none;
  bottom: -10px;
  right: 100px;
}

.trade-confirmation-dialog.strategy {
  bottom: 60px;
  right: 0;
}

.trade-confirmation-dialog.strategy:before {
  right: 27px;
}

.trade-confirmation-dialog.ssp {
  bottom: 40px;
  right: 0;
}

.trade-confirmation-dialog.ssp.old-ssp {
  bottom: 105px;
  right: 60px;
  width: 455px;
}

.trade-confirmation-dialog.ssp.old-ssp:before {
  right: 345px;
}

.trade-confirmation-dialog.ssp.old-ssp.error {
  bottom: 10px;
  right: 10px;
}

.trade-confirmation-dialog.ssp.old-ssp.error:before {
  right: 100px;
}

.trade-confirmation-dialog.ssp:before {
  right: 23px;
}

.trade-confirmation-dialog.box.sell-side:before, .trade-confirmation-dialog.box.buy-side:before {
  top: -10px;
}

.trade-confirmation-dialog.box.hitbid:before {
  left: 60px;
}

.trade-confirmation-dialog.box.hitoffer:before {
  right: 60px;
}

.trade-confirmation-dialog .button-panel {
  float: right;
  font-family: 'webappsdk';
  padding: 5px 0;
  clear: both;
}

.trade-confirmation-dialog .button-panel button {
  background: black;
  border-radius: 50% !important;
  border: none;
  color: white;
  font-size: 10px !important;
  line-height: 20px;
  width: 20px !important;
  height: 20px !important;
  padding: 0;
  margin-right: 5px;
}

.trade-confirmation-dialog .button-panel .cancel-button:before {
  content: '\ed69';
}

.trade-confirmation-dialog .button-panel .confirm-button:before {
  content: '\ed6c';
}

.trade-confirmation-dialog.trade-confirmation-dialog-detailed .button-panel button {
  background: black;
  border-radius: 5px !important;
  width: revert !important;
  height: revert !important;
  padding: 2px 5px;
  font-size: 14px !important;
  font-family: Roboto;
}

.trade-confirmation-dialog.trade-confirmation-dialog-detailed .button-panel .cancel-button:before {
  content: unset;
}

.trade-confirmation-dialog.trade-confirmation-dialog-detailed .button-panel .confirm-button:before {
  content: unset;
}

.trade-confirmation-dialog ul, .trade-confirmation-dialog ol {
  padding-left: 20px;
}

.trade-confirmation-dialog .content-panel {
  padding: 4px 3px 0 5px;
  white-space: normal;
  font-size: 13px;
  line-height: 20px;
}

.trade-confirmation-dialog .content-panel .text-panel {
  padding-left: 25px;
}

.trade-confirmation-dialog .content-panel .text-panel .text {
  float: left;
}

.trade-confirmation-dialog .content-panel .text-panel .bold {
  padding: 0 4px;
}

.trade-confirmation-dialog .content-panel .warning-icon {
  font-family: 'webappsdk';
  font-size: 15px;
  float: left;
}

.trade-confirmation-dialog.info .warning-icon:before {
  content: '\ed4f';
}

.trade-confirmation-dialog.warning:after {
  border: none !important;
}

.trade-confirmation-dialog.error .content-panel .text-panel {
  padding-bottom: 20px;
}

.trade-confirmation-dialog.warning .warning-icon:before, .trade-confirmation-dialog.error .warning-icon:before {
  content: '\ed4d';
}

.trade-confirmation-dialog.trade-confirmation-dialog-detailed .text-panel .account-mapping-widget {
  font-weight: bold;
}

.trade-confirmation-dialog.trade-confirmation-dialog-detailed .text-panel .account-mapping-widget:before {
  content: attr(caption);
  font-weight: normal;
}

.multi-mode-box-atom.disabled:before, .modal-content.disabled:before, .popup-editor.disabled:before, .strategy-editor.disabled:before, .ssp-window.disabled:before, .ssp-editor.disabled:before, .algo-editor.disabled:before, .mobile-atom.disabled:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  -webkit-animation: slide-in-fwd-center 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-fwd-center 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.embedded-order-editor {
  position: relative;
}

.embedded-order-editor .monitored-price-label {
  font-weight: bold;
}

.embedded-order-editor .monitored-px .dd-container-widget {
  height: 22px;
}

.embedded-order-editor .fixing-order-editor .trading-session-settl-date .fixing-settlement .date-picker-label {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.embedded-order-editor .fixing-order-editor .trading-session-settl-date .forward-date-dropdown-menu {
  height: 155px;
  width: 300px;
}

.forward-date-dropdown-disabled-holiday:active {
  pointer-events: none;
}

.forward-date-dropdown .forward-date-dropdown-menu .date-picker.day-clickable .forward-date-dropdown-disabled-holiday, .forward-date-dropdown .forward-date-dropdown-menu .date-picker.day-clickable .forward-date-dropdown-disabled-holiday:hover {
  cursor: not-allowed !important;
}

.payment-forward-date-dropdown-holiday::after {
  content: "Holiday Date";
  display: none;
  background-color: white;
  color: black;
  border: 1px solid black;
  padding: 0 2px 0 2px;
  line-height: 16px;
  font-size: 12px;
  height: 18px;
}

.payment-forward-date-dropdown-holiday:hover::after {
  display: block;
  position: fixed;
}

.manual-trade-editor-atom .tooltip-widget .tooltip-arrow {
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 15px solid;
  border-left: none;
  left: calc(80% + 5px);
  bottom: 3px;
}

.manual-trade-editor-atom .tooltip-widget .tooltip-notif {
  bottom: -15px;
  left: 90%;
}

.manual-trade-editor-atom .tooltip-widget .tooltip-notif .tooltip-title {
  text-transform: uppercase;
  margin: 5px 0 0 0;
}

.manual-trade-editor-atom .tooltip-widget .tooltip-notif .tooltip-body {
  position: relative;
  left: -23px;
}

.manual-trade-editor-atom .large-tooltip .tooltip-notif.tooltip-warn {
  width: 340px;
}

.manual-trade-editor-atom .medium-tooltip .tooltip-notif.tooltip-warn {
  width: 300px;
}

.rule-control .security-type-panel {
  display: flex;
  height: 38px;
  padding-top: 6px;
  margin: 0 8px 0 8px;
}

.rule-control .security-type-panel .security-type-label {
  padding: 3px 5px 0 0;
}

.rule-control .security-type-panel .security-type-listbox {
  margin: 0px;
}

.rule-control .security-type-panel .security-type-listbox .inner-widget {
  width: 140px;
  height: 25px;
}

.rule-control .herc-header {
  display: flex;
  height: 30px;
  padding-top: 6px;
  align-items: center;
}

.rule-control .herc-header .security-type-list {
  box-sizing: border-box;
  width: 100px;
  height: 26px;
  margin-left: 0.5em;
}

.rule-control .rule-checkbox {
  border: none;
  outline: none;
  padding: 0;
  height: 24px;
  width: 24px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  padding-left: 10px;
}

.rule-control .rule-checkbox:before {
  font-size: 16px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  font-family: 'webappsdk';
}

.rule-control .checked:before {
  content: '\ee6b';
}

.rule-control .partial-checked:before {
  content: '\ee6d';
}

.rule-control .unchecked:before {
  content: '\ee6c';
}

.rule-control .rule-name {
  width: calc(90% - 34px);
  padding-left: 10px;
  overflow: hidden;
}

.rule-control .header-border {
  margin-left: 5px;
  margin-right: 10px;
}

.rule-control .row-border {
  margin-left: 5px;
  margin-right: 10px;
}

.rule-control .rank {
  width: 10%;
  min-width: 42px;
  text-align: right;
  padding-right: 10px;
}

.rule-control .hrec-row-tab {
  overflow: auto;
}

.rule-control .herc-row {
  display: flex;
  height: 24px;
}

.trade-context .widget-caption {
  font-weight: bold;
  font-size: 12px;
  line-height: 17px;
  padding-bottom: 5px;
  cursor: pointer;
}

.trade-context .widget-caption:after {
  content: '\edbd';
  font-family: 'webappsdk';
  font-size: 13px;
  float: right;
}

.trade-context .widget-caption.content-hidden:after {
  content: '\edb9';
}

.trade-context .gwt-TextBox {
  height: 26px;
  width: 100%;
}

.trade-context .toggle-button {
  height: 26px;
  line-height: 26px;
  border-radius: 5px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
}

.trade-context .toggle-button:after {
  font-family: 'webappsdk';
  content: '\eda5';
  font-size: 13px;
  line-height: 26px;
  position: absolute;
  right: 5px;
}

.trade-context.box {
  padding: 5px;
  width: 100%;
}

.trade-context.box .content {
  max-height: 80px;
  min-height: 50px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 5px;
}

.trade-context.box .content::-webkit-scrollbar {
  width: 6px;
}

.trade-context.box .content::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 3px;
}

.trade-context.box .content::-webkit-scrollbar-thumb {
  border-radius: 3px;
  box-shadow: none;
}

.trade-context.box.error {
  border-style: solid;
  border-width: 1px 0;
}

.trade-context.box .form-field {
  margin: 1px 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.trade-context.box .form-field .caption {
  font-weight: normal;
  width: 80px;
  white-space: break-spaces;
  font-size: 12px;
}

.trade-context.box .form-field .inner-widget {
  width: 195px;
  position: relative;
}

.trade-context.box .form-field[error]:hover:after, .trade-context.box .form-field[error]:hover:before {
  display: none;
}

.trade-context.box .form-field[error].form-field[style]:hover div.inner-widget:after, .trade-context.box .form-field[error].form-field[style]:hover div.inner-widget:before {
  display: block;
}

.trade-context.box .form-field[error] div.inner-widget:after, .trade-context.box .form-field[error] div.inner-widget:before {
  position: absolute;
  top: 100%;
  left: -1px;
}

.trade-context.box .form-field[error] div.inner-widget:after {
  content: var(--error);
  font-size: 12px;
  min-width: calc(100% + 2px);
  padding-left: 25px;
  padding-right: .5em;
  z-index: 2;
  float: left;
  display: none;
}

.trade-context.box .form-field[error] div.inner-widget:before {
  font-family: 'webappsdk';
  content: '\ed4e';
  font-size: 12px;
  width: 20px;
  z-index: 3;
  padding-left: 7px;
  display: none;
}

.trade-context.editor {
  padding: 10px 0;
  margin-top: 10px;
  text-align: left;
}

.trade-context.editor .content .form-field[error] .inner-widget {
  border: 1px solid;
}

.trade-context.editor .content .form-field[error] .inner-widget.select2-container, .trade-context.editor .content .form-field[error] .inner-widget .gwt-TextBox {
  border: none;
}

.trade-context.editor .widget-caption {
  width: 100%;
  padding-bottom: 0;
  border-bottom: 1px solid;
}

.trade-context.editor .content:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}

.trade-context.editor .write-panel, .trade-context.editor .read-panel {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 33%));
  row-gap: 5px;
}

.trade-context.editor .read-panel .form-field {
  margin: 5px;
}

.trade-context.editor .read-panel .form-field:not(:last-child) .value {
  border-right: 1px dashed;
}

.trade-context.editor .form-field-container {
  margin: 1px 5px 2px 5px;
  position: relative;
}

.trade-context.editor .form-field-container:not(:last-child):after {
  position: absolute;
  right: -6px;
  content: '';
  height: 26px;
  bottom: 0;
  border-right: 1px dashed;
}

.trade-context.editor .form-field {
  margin: 0;
}

.trade-context.editor .form-field .inner-widget.select2-container, .trade-context.editor .form-field .inner-widget.form-field-validator {
  height: 26px;
}

.trade-context.editor .form-field .caption {
  font-size: 12px;
}

.trade-context.editor .form-field .caption:after {
  float: right;
}

.trade-context.editor .form-field[error]:after {
  width: 100%;
  min-width: auto;
}

.trade-context.editor.strategy {
  margin-top: 20px;
}

.trade-context.editor.manual-trade {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 10px;
}

.trade-context.editor.ssp .form-field {
  position: relative !important;
}

.trade-context.editor.ssp .form-field .numeric-spinner {
  height: 26px !important;
}

.trade-context.editor.ssp .form-field[error] .inner-widget {
  border: none;
}

.trade-context.editor.ssp .form-field[error] .numeric-spinner {
  height: 28px !important;
}

.trade-context.editor.algo .content {
  width: inherit;
}

.trade-context.editor.algo .content .form-field {
  width: auto;
  display: block !important;
  margin: 0;
}

.trade-context.editor.algo .content .form-field .caption {
  font-size: 14px;
}

.trade-context.editor.posttrade .form-field[error]:after {
  margin-left: 2px;
  margin-top: -2px;
}

.trade-context.editor.posttrade .form-field[error]:before {
  margin-top: -3px;
}

.trade-context.editor.posttrade .numeric-spinner {
  margin: 0;
}

.manual-trade-editor-atom .createdeal .action-create-panel {
  border-top: 1px solid black;
}

.manual-trade-editor-atom .createdeal .action-create-panel.trade-context-enabled {
  border-top-width: 0 !important;
}

.tooltip-widget {
  position: relative;
}

.tooltip-widget.tootlip-inline {
  display: inline-block;
}

.tooltip-widget.tooltip-hover .tooltip-notif {
  max-width: 250px;
  min-width: calc(50% + 30px);
  width: max-content;
}

.tooltip-widget.tooltip-hover .tooltip-notif.tooltip-with-offset {
  right: -10px;
}

.tooltip-widget.tooltip-hover .tooltip-notif,
.tooltip-widget.tooltip-hover .tooltip-arrow {
  display: none;
}

.tooltip-widget.tooltip-hover:hover .tooltip-notif,
.tooltip-widget.tooltip-hover:hover .tooltip-arrow {
  display: block;
}

.tooltip-widget .tooltip-notif,
.tooltip-widget .tooltip-arrow {
  z-index: 2;
  opacity: .95;
}

.tooltip-widget.tooltip-delay .tooltip-notif, .tooltip-widget.tooltip-delay .tooltip-arrow {
  opacity: 0;
  -webkit-animation: show 200ms ease-out both;
  animation: show 200ms ease-out both;
  -webkit-animation-delay: 500ms;
  animation-delay: 500ms;
}

@-webkit-keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.95;
  }
}

@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.95;
  }
}

.tooltip-widget.tooltip-autohide-odd .tooltip-notif, .tooltip-widget.tooltip-autohide-odd .tooltip-arrow {
  animation: show-temporary-odd-tooltip 8s forwards;
}

@keyframes show-temporary-odd-tooltip {
  from {
    visibility: visible;
  }
  to {
    visibility: hidden;
  }
}

.tooltip-widget.tooltip-autohide-even .tooltip-notif, .tooltip-widget.tooltip-autohide-even .tooltip-arrow {
  animation: show-temporary-even-tooltip 8s forwards;
}

@keyframes show-temporary-even-tooltip {
  from {
    visibility: visible;
  }
  to {
    visibility: hidden;
  }
}

.tooltip-widget .tooltip-notif {
  cursor: default;
  position: absolute;
  width: 268px;
  padding: 5px;
  border-radius: 5px;
  bottom: calc( 100% + 20px);
  right: 0;
  white-space: normal;
}

.tooltip-widget .tooltip-notif .tooltip-close {
  position: absolute;
  top: 0;
  right: 5px;
  border: none;
  margin: 0;
  padding: 3px;
  background: transparent;
}

.tooltip-widget .tooltip-notif .tooltip-close::after {
  font-family: 'webappsdk';
  content: '\ed6a';
}

.tooltip-widget.tooltip-icon .tooltip-notif {
  padding-left: 30px;
}

.tooltip-widget.tooltip-icon .tooltip-notif .tooltip-title::before::after {
  font-family: 'webappsdk';
  content: '\ed6a';
}

.tooltip-widget.tooltip-icon .tooltip-notif.tooltip-info .tooltip-title::before, .tooltip-widget.tooltip-icon .tooltip-notif.tooltip-warn .tooltip-title::before {
  content: '\ed4f';
  font-weight: normal;
}

.tooltip-widget.tooltip-icon .tooltip-notif.tooltip-error .tooltip-title::before {
  content: '\ed4d';
  font-weight: normal;
}

.tooltip-widget .tooltip-arrow {
  content: ' ';
  position: absolute;
  bottom: calc(100% + 5px);
  left: calc( 50% - 10px);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid;
  border-bottom: none;
}

.tooltip-widget.tooltip-upsideDown .tooltip-arrow {
  bottom: unset;
  top: calc(100% + 5px);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: none;
  border-bottom: 15px solid;
}

.tooltip-widget.tooltip-upsideDown .tooltip-notif {
  top: calc( 100% + 20px);
  bottom: unset;
}

.tooltip-widget.tooltip-alignLeft .tooltip-notif {
  left: -30px;
}

.tooltip-widget .tooltip-body, .tooltip-widget .tooltip-title {
  text-align: left;
}

.tooltip-widget .tooltip-title {
  font-weight: bold;
  font-size: 1em;
  margin: 0 0 5px 0;
  position: relative;
}

.tooltip-widget .tooltip-title::before {
  font-family: 'webappsdk';
  position: absolute;
  left: -30px;
  width: 30px;
  text-align: center;
}

.tooltip-widget:disabled {
  cursor: not-allowed;
}

.tooltip-widget .tooltip-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-grow: 0;
}

.tooltip-widget .tooltip-footer .ok-button,
.tooltip-widget .tooltip-footer .ko-button {
  width: 20px;
  height: 20px !important;
  line-height: 20px !important;
  border-radius: 50% !important;
  padding: unset !important;
  margin-left: 5px;
  font-size: 10px;
}

.footer-action-link-credit {
  display: flex;
  padding-right: unset !important;
}

.box-atom[data-panel-type="RFS"] .box-footer .button-panel .tooltip-widget {
  height: 18px;
  float: right;
}

.notification-content-container .fx-opt-rfq-ticket .main-zone .detail-zone {
  display: block;
  flex-wrap: wrap;
  padding: 0 4px 0 2px;
}

.notification-content-container .fx-opt-rfq-ticket .main-zone .detail-zone .rfq-creation-date {
  text-align: center;
  width: 100%;
}

.notification-content-container .fx-opt-rfq-ticket .main-zone .detail-zone .rfq-mode {
  flex-grow: 1;
}

.notification-content-container .fx-opt-rfq-ticket .main-zone .detail-zone .ccy-pair {
  font-size: 14px;
  text-align: left;
  font-weight: 900;
}

.notification-content-container .fx-opt-rfq-ticket .main-zone .client-currency-optionClass {
  display: block;
}

.notification-content-container .fx-opt-rfq-ticket .summary-zone .detail-panel, .notification-content-container .fx-opt-ticket .summary-zone .detail-panel {
  display: block;
  margin: 2px auto;
  text-align: center;
  width: fit-content;
  flex-wrap: wrap;
  border-radius: 5px;
  justify-content: center;
  margin-top: 0;
}

.notification-content-container .fx-opt-rfq-ticket .summary-zone .detail-panel .gwt-Label, .notification-content-container .fx-opt-ticket .summary-zone .detail-panel .gwt-Label {
  margin-left: 5px;
  font-weight: bold;
}

.notification-content-container .fx-opt-rfq-ticket .summary-zone .detail-panel .expiry-cutoff, .notification-content-container .fx-opt-ticket .summary-zone .detail-panel .expiry-cutoff {
  display: block;
}

.price-widget.mid-displayed .mid-price {
  top: 2px;
  position: absolute;
  left: 100px;
  right: 100px;
  text-align: center;
  border-radius: 0 0 5px 5px;
  height: 18px;
  line-height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.price-widget.mid-displayed .mid-price .pip-num {
  left: 0;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}

.price-widget.mid-displayed .mid-price .pip-exponent {
  font-size: 12px;
}

.price-widget.mid-displayed .mid-price .pip-prenum-left {
  left: 2px;
  top: 0;
  font-size: 12px;
}

.price-widget.mid-displayed .price .pip-prenum-left {
  top: 20px;
}

.price-widget.mid-displayed .price .bid-direction {
  left: 2px;
}

.price-widget.mid-displayed .price .offer-direction {
  right: 2px;
}

.price-widget.mid-displayed .bid .price.disable .is-indicative {
  left: 2px;
  right: 100%;
}

.price-widget.mid-displayed .bid .price.disable .bid-direction {
  left: 15px;
}

.price-widget.mid-displayed .offer .price.disable .is-indicative {
  right: 2px;
}

.price-widget.mid-displayed .offer .price.disable .offer-direction {
  right: 15px;
}

.fxoption-exercise-fixing-price {
  display: flex;
}

.fxoption-exercise-fixing-price .error-icon-option {
  margin-left: 3px;
}

.trade-summary-content .sales-margin-pnl-title {
  margin-top: 10px;
}

.trade-context-container {
  max-height: 130px;
  overflow: hidden;
  display: grid;
}

.trade-context-container .trade-context-title {
  margin-top: 10px;
  border-bottom-width: 1px;
  border-bottom-style: double;
}

.trade-context-container .trade-context-content {
  max-height: 100px;
  overflow: auto;
  margin-top: 5px;
  padding-top: 5px;
  border-top-style: none;
}

.sms-hedging-trades-dialog .modal-dialog {
  margin-top: 100px;
}

.sms-hedging-trades-dialog .modal-dialog .sms-hedging-trade-atom {
  height: 278px;
  position: static;
}

.sms-hedging-trades-dialog .modal-dialog .sms-hedging-trade-atom .statusBar {
  width: 98%;
}

.multi-mode-box-atom .button-panel.swap button {
  height: 17px;
}

.supervision-mode-panel, .notification-mode-panel {
  display: flex;
  padding: 0 0 0 5px;
  margin-bottom: 10px;
}

.supervision-mode-panel > *, .notification-mode-panel > * {
  margin: 0 5px 0 5px;
}

.supervision-mode-panel > * label, .notification-mode-panel > * label {
  font-weight: normal;
  margin: 0;
}

.supervision-mode-panel .mode-label, .notification-mode-panel .mode-label {
  padding-top: 2px;
  font-weight: 700;
}

.supervision-mode-panel .clients-button, .notification-mode-panel .clients-button {
  padding-right: 5px;
  border-right: 1px solid;
}

.supervision-mode-panel .section-radio-button, .notification-mode-panel .section-radio-button {
  display: flex;
  justify-content: right;
}

.supervision-mode-panel .section-radio-button .gwt-RadioButton, .notification-mode-panel .section-radio-button .gwt-RadioButton {
  margin-right: 5px;
  margin-bottom: 1px;
  margin-top: -1px;
  border-left: 1px solid;
}

.supervision-mode-panel .section-radio-button .first, .notification-mode-panel .section-radio-button .first {
  border: none;
}

.supervision-mode-panel .section-radio-button input[type=radio], .notification-mode-panel .section-radio-button input[type=radio] {
  margin-right: 8px;
  display: none;
}

.supervision-mode-panel .section-radio-button input[type=radio] + label, .notification-mode-panel .section-radio-button input[type=radio] + label {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 26px;
  cursor: pointer;
}

.supervision-mode-panel .section-radio-button input[type=radio] + label:before, .notification-mode-panel .section-radio-button input[type=radio] + label:before {
  font-size: 15px;
  line-height: 15px;
  margin-right: 5px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.supervision-mode-panel .section-radio-button input[type=radio]:checked + label:before, .notification-mode-panel .section-radio-button input[type=radio]:checked + label:before {
  font-family: webappsdk;
  content: '\ee6e';
}

.supervision-mode-panel .section-radio-button input[type=radio]:not(:checked) + label:before, .notification-mode-panel .section-radio-button input[type=radio]:not(:checked) + label:before {
  font-family: webappsdk;
  content: '\ee70';
}

.trader-quantity-limitation.bid .tooltip-arrow {
  left: calc( 25% - 10px);
}

.trader-quantity-limitation.offer .tooltip-arrow {
  left: calc( 75% - 10px);
}

.trader-quantity-limitation.offer .tooltip-arrow, .trader-quantity-limitation.bid .tooltip-arrow {
  top: calc( 100% + 45px);
}

.trader-quantity-limitation.offer .tooltip-notif, .trader-quantity-limitation.bid .tooltip-notif {
  top: calc( 100% + 60px);
}

.box-atom.cfd .header {
  padding: 0 .2em;
  column-gap: .2em;
}

.box-atom.cfd .header,
.box-atom.cfd .header .button-panel {
  display: flex;
  align-items: center;
}

.box-atom.cfd .header .security-panel {
  flex: 1;
}

.box-atom.cfd .header .security-panel .select2-container.securities .select2-choice .select2-chosen {
  text-align: left;
}

.box-atom.cfd .header .type {
  height: 100%;
  border-radius: 5px;
  padding: 0 .2em;
  line-height: 20px;
  font-weight: bold;
}

.box-atom.cfd .header .button-panel {
  flex-direction: row-reverse;
  /* could be nice to have but some coherence issue with legacy box
            .icon-arrow-up::before {
                content: '\eb46'; // - Shrink7
            }
            
            .icon-arrow-down::before {
                content: '\eb45'; // - Enlarge7
            }
            
            .popup::before {
                content: '\eec8'; // - Popout
            }
            .close-icon::before {
                content: '\ed69'; // - Cross Close
            }*/
}

.box-atom.cfd .header .button-panel .icon {
  padding: 0 .4em;
}

.box-atom.cfd .header .button-panel {
  width: unset;
  margin: unset;
}

.box-atom.cfd .header .security-panel {
  position: unset;
}

.box-atom.cfd .header .icon {
  float: unset;
  margin: 0;
}

.box-atom.cfd .price-widget {
  height: 80px;
  margin-bottom: 15px;
}

.box-atom.cfd .price-widget .bid .cfd, .box-atom.cfd .price-widget .offer .cfd {
  margin-top: 20px;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  line-height: 100%;
}

.box-atom.cfd .price-widget .tooltip {
  top: 100%;
}

.box-atom.cfd .price-widget .price {
  height: 100%;
}

.box-atom.cfd .price-widget .offer .owner, .box-atom.cfd .price-widget .offer .qty {
  left: unset;
  right: 2px;
}

.box-atom.cfd .price-widget .owner {
  top: unset;
  bottom: 10px;
}

.box-atom.cfd .price-widget .spread {
  top: calc( 100% - 9px);
}

.box-atom.cfd .price-widget .spread .pip-num {
  border-radius: 5px;
  line-height: 100%;
}

.box-atom.cfd .price-widget .qty {
  line-height: 100%;
}

.box-atom.cfd .form-container {
  display: flex;
  justify-content: space-between;
  padding: 0 2px;
}

.box-atom.cfd .form-container .qtty-panel {
  width: 40%;
}

.box-atom.cfd .form-container .qtty-panel .btn-group {
  height: 100%;
}

.box-atom.cfd .form-container .qtty-panel .btn-group .btn {
  height: 100%;
  border-left: none;
  line-height: unset;
}

.box-atom.cfd .form-container .lp-panel .dropdown-menu {
  right: 0;
  left: unset;
}

.box-atom.cfd .form-container .lp-panel .dropdown-menu label {
  padding-left: .8em;
}

.box-atom.cfd .setting-panel .numeric-spinner .spinner-btn::after {
  position: absolute;
  top: calc(50% - 0.4em);
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 1em;
}

.box-atom.cfd .piped-price .pip-exponent {
  font-size: unset;
}

.collapse-panel {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.collapse-panel .default-collapse-title {
  position: relative;
  cursor: pointer;
  padding-right: 20px;
}

.collapse-panel .default-collapse-title:after {
  font-family: 'webappsdk';
  position: absolute;
  right: 5px;
  content: '\edc6';
}

.collapse-panel .container {
  padding-top: 10px;
  position: relative;
  animation: menu-expand 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  box-sizing: border-box;
}

.collapse-panel.collapsed .default-collapse-title:after {
  content: '\edc5';
}

.collapse-panel.collapsed .container {
  display: none;
}

.flexy-tooltip-widget {
  position: absolute;
  min-width: fit-content;
  z-index: 999;
}

.flexy-tooltip-widget .flexy-tooltip-notif {
  cursor: default;
  max-width: 360px;
  padding: 5px;
  border-radius: 5px;
}

.flexy-tooltip-widget.flexy-tooltip-icon .flexy-tooltip-notif {
  padding-left: 30px;
}

.flexy-tooltip-widget.flexy-tooltip-icon .flexy-tooltip-notif .flexy-tooltip-title::before::after {
  font-family: 'webappsdk';
  content: '\ed6a';
}

.flexy-tooltip-widget.flexy-tooltip-icon .flexy-tooltip-notif.flexy-tooltip-default .flexy-tooltip-title::before {
  font-family: 'webappsdk';
  content: '\ed61';
}

.flexy-tooltip-widget.flexy-tooltip-icon .flexy-tooltip-notif.flexy-tooltip-info .flexy-tooltip-title::before, .flexy-tooltip-widget.flexy-tooltip-icon .flexy-tooltip-notif.flexy-tooltip-warn .flexy-tooltip-title::before {
  font-family: 'webappsdk';
  content: '\ed4f';
}

.flexy-tooltip-widget.flexy-tooltip-icon .flexy-tooltip-notif.flexy-tooltip-error .flexy-tooltip-title::before {
  font-family: 'webappsdk';
  content: '\ed4d';
}

.flexy-tooltip-widget .flexy-tooltip-body, .flexy-tooltip-widget .flexy-tooltip-title {
  text-align: left;
}

.flexy-tooltip-widget .flexy-tooltip-title {
  font-weight: bold;
  font-size: 1em;
  margin: 0 0 5px 0;
  position: relative;
}

.flexy-tooltip-widget .flexy-tooltip-title::before {
  font-family: 'webappsdk';
  position: absolute;
  left: -30px;
  width: 30px;
  text-align: center;
}

.flexy-tooltip-widget:disabled {
  cursor: not-allowed;
}

.flexy-tooltip-widget .flexy-tooltip-footer {
  display: flex;
  align-items: center;
  flex-grow: 0;
  place-content: end;
}

.flexy-tooltip-widget .flexy-tooltip-footer .ok-button,
.flexy-tooltip-widget .flexy-tooltip-footer .ko-button {
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  padding: unset;
}

.flexy-tooltip-widget .flexy-tooltip-footer .ok-button.icon-cross,
.flexy-tooltip-widget .flexy-tooltip-footer .ko-button.icon-cross {
  margin-right: 5px;
  font-size: 10px;
}

.flexy-tooltip-widget .flexy-tooltip-footer .ok-button.icon-checkmark,
.flexy-tooltip-widget .flexy-tooltip-footer .ko-button.icon-checkmark {
  font-size: 12px;
}

.flexy-tooltip-widget[vertical-position="down"] {
  margin-top: 13px;
}

.flexy-tooltip-widget[vertical-position="down"]:before {
  position: absolute;
  content: '';
  border-bottom: 15px solid;
  border-top: none;
  margin: -14px;
}

.flexy-tooltip-widget[vertical-position="down"].flexy-tooltip-widget[horizontal-position="left"]:before {
  margin-left: calc(20% - 18px);
}

.flexy-tooltip-widget[vertical-position="down"].flexy-tooltip-widget[horizontal-position="right"]:before {
  margin-left: calc(100% - 66px);
}

.flexy-tooltip-widget[vertical-position="top"] {
  margin-top: -14px;
}

.flexy-tooltip-widget[vertical-position="top"]:after {
  position: absolute;
  content: '';
  border-top: 15px solid;
  border-bottom: none;
  margin: -1px;
}

.flexy-tooltip-widget[vertical-position="top"].flexy-tooltip-widget[horizontal-position="left"]:after {
  margin-left: calc(20% - 18px);
}

.flexy-tooltip-widget[vertical-position="top"].flexy-tooltip-widget[horizontal-position="right"]:after {
  margin-left: calc(100% - 66px);
}

.tradability-radio-button {
  height: 20px !important;
  line-height: 20px !important;
  width: 149px;
}

.tradability-radio-button.disabled {
  opacity: 0.65;
}

.tradability-radio-button.disabled .on-wrapper input[type=radio] + label, .tradability-radio-button.disabled .ref-wrapper input[type=radio] + label, .tradability-radio-button.disabled .off-wrapper input[type=radio] + label {
  cursor: default;
}

.tradability-radio-button.disabled .on-wrapper input[type=radio]:checked + label:before, .tradability-radio-button.disabled .ref-wrapper input[type=radio]:checked + label:before, .tradability-radio-button.disabled .off-wrapper input[type=radio]:checked + label:before {
  font-family: webappsdk;
  content: '\ee70';
}

.tradability-radio-button .on-wrapper, .tradability-radio-button .ref-wrapper, .tradability-radio-button .off-wrapper {
  display: flex;
  justify-content: center;
  height: 100%;
  padding: 0 5px;
}

.tradability-radio-button .on-wrapper .on, .tradability-radio-button .on-wrapper .off, .tradability-radio-button .ref-wrapper .on, .tradability-radio-button .ref-wrapper .off, .tradability-radio-button .off-wrapper .on, .tradability-radio-button .off-wrapper .off {
  padding-right: 5px;
}

.tradability-radio-button .on-wrapper .separator, .tradability-radio-button .ref-wrapper .separator, .tradability-radio-button .off-wrapper .separator {
  height: 13px !important;
  margin-top: 2.5px;
  display: inline !important;
  float: none !important;
}

.tradability-radio-button .on-wrapper .ref, .tradability-radio-button .on-wrapper .off, .tradability-radio-button .ref-wrapper .ref, .tradability-radio-button .ref-wrapper .off, .tradability-radio-button .off-wrapper .ref, .tradability-radio-button .off-wrapper .off {
  padding-left: 5px;
}

.tradability-radio-button .on-wrapper input[type=radio], .tradability-radio-button .ref-wrapper input[type=radio], .tradability-radio-button .off-wrapper input[type=radio] {
  margin-right: 3px;
  display: none;
}

.tradability-radio-button .on-wrapper input[type=radio] + label, .tradability-radio-button .ref-wrapper input[type=radio] + label, .tradability-radio-button .off-wrapper input[type=radio] + label {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
  margin-top: -2px;
  transition: color 0.1s ease-in;
}

.tradability-radio-button .on-wrapper input[type=radio] + label:before, .tradability-radio-button .ref-wrapper input[type=radio] + label:before, .tradability-radio-button .off-wrapper input[type=radio] + label:before {
  font-size: 15px;
  line-height: 15px;
  margin-right: 2px;
  position: relative;
  top: 1.75px;
  transition: color 0.1s ease-in;
}

.tradability-radio-button .on-wrapper input[type=radio]:checked + label:before, .tradability-radio-button .ref-wrapper input[type=radio]:checked + label:before, .tradability-radio-button .off-wrapper input[type=radio]:checked + label:before {
  font-family: webappsdk;
  content: '\ee6e';
}

.tradability-radio-button .on-wrapper input[type=radio]:not(:checked) + label:before, .tradability-radio-button .ref-wrapper input[type=radio]:not(:checked) + label:before, .tradability-radio-button .off-wrapper input[type=radio]:not(:checked) + label:before {
  font-family: webappsdk;
  content: '\ee70';
}

.tradability-radio-button .on-wrapper {
  box-sizing: border-box;
  border-radius: 5px;
}

.tradability-radio-button .on-wrapper label:after {
  transform: rotate(-90deg);
}

.tradability-radio-button .ref-wrapper {
  box-sizing: border-box;
  border-radius: 5px;
}

.tradability-radio-button .off-wrapper {
  box-sizing: border-box;
  border-radius: 5px;
}

.tradability-radio-button .off-info-label {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  text-indent: 5px;
  margin-top: 4px;
}

.tradability-radio-button .off-info-label:before {
  font-family: webappsdk;
  content: '\ed4d';
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  line-height: 9px;
  align-items: center;
  text-align: center;
  margin-right: 5px;
}

.tradability-radio-button.tradability-all-radio-button .off {
  padding-right: 0;
}

.new-numeric-spinner {
  width: 60px;
  border: none;
}

.new-numeric-spinner .spinner-container input {
  letter-spacing: 1.5px;
}

.new-numeric-spinner .spinner-btn-box {
  border: none;
}

.new-numeric-spinner .spinner-btn-box .spinner-btn {
  font-size: 13px;
}

.new-numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-increase:after {
  content: '\edc4';
}

.new-numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease:after {
  content: '\edc6';
}

.new-numeric-spinner[data-title="null"] {
  border-bottom: none;
}

.switch-checkbox-field {
  padding-right: 45px;
}

.switch-checkbox-field .switch-checkbox {
  width: 40px;
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  margin-top: 1px;
  -webkit-user-select: none;
}

.switch-checkbox-field .switch-checkbox input {
  display: none;
}

.switch-checkbox-field .switch-checkbox label {
  height: 16px;
  line-height: 16px;
  display: block;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  border-radius: 22px;
  transition: background-color 0.1s ease-in, border-color 0.1s ease-in;
  width: 30px;
}

.switch-checkbox-field .switch-checkbox label:before {
  content: "";
  display: block;
  margin: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 50%;
  transition: all 0.3s ease-in;
  width: 16px;
  height: 16px;
  right: 24px;
}

.switch-checkbox-field input:checked + label:before {
  right: 10px;
}

.form-container.rfs-flexi-box-atom .flexi-panel {
  margin-bottom: 10px;
}

.form-container.rfs-flexi-box-atom .leg0 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
}

.form-container.rfs-flexi-box-atom .leg0 .total-quantity-row, .form-container.rfs-flexi-box-atom .leg0 .start-date-row, .form-container.rfs-flexi-box-atom .leg0 .end-date-row {
  width: 268px;
  display: flex;
  padding-bottom: 3px;
  margin-top: 2px;
}

.form-container.rfs-flexi-box-atom .leg0 .total-quantity-row .gwt-Label, .form-container.rfs-flexi-box-atom .leg0 .start-date-row .gwt-Label, .form-container.rfs-flexi-box-atom .leg0 .end-date-row .gwt-Label {
  width: 110px;
}

.form-container.rfs-flexi-box-atom .leg0 .total-quantity-row .switch-currency {
  padding-top: 2px;
  padding-right: 5px;
  box-sizing: border-box;
  border-radius: 0px 5px 5px 0px;
}

.form-container.rfs-flexi-box-atom .leg0 .total-quantity-row .switch-currency::after {
  font-family: 'webappsdk';
  content: '\eda5';
  padding-left: 5px;
}

.form-container.rfs-flexi-box-atom .leg0 .total-quantity-row .quantity-spinner {
  width: 94px;
  height: 26px;
  margin-left: auto;
  border-left: none !important;
}

.form-container.rfs-flexi-box-atom .leg0 .total-quantity-row .quantity-spinner .spinner-btn-box {
  border-left-color: transparent;
}

.form-container.rfs-flexi-box-atom .leg0 .start-date-row .date-panel::after, .form-container.rfs-flexi-box-atom .leg0 .end-date-row .date-panel::after {
  font-family: 'webappsdk';
  content: '\ea5f';
  width: 20px;
  height: 26px;
  position: absolute;
  pointer-events: none;
}

.form-container.rfs-flexi-box-atom .leg0 .start-date-row .forward-date-dropdown, .form-container.rfs-flexi-box-atom .leg0 .end-date-row .forward-date-dropdown {
  width: 158px;
}

.form-container.rfs-flexi-box-atom .leg0 .start-date-row .forward-date-dropdown input, .form-container.rfs-flexi-box-atom .leg0 .end-date-row .forward-date-dropdown input {
  font-size: 13px;
}

.form-container.rfs-flexi-box-atom .leg0 .start-date-row .date-panel::after {
  top: 58%;
  right: 2%;
}

.form-container.rfs-flexi-box-atom .leg0 .end-date-row .date-panel::after {
  top: 68%;
  right: 2%;
}

.form-container.rfs-flexi-box-atom .leg0 .nb-day-row {
  display: flex;
  margin-left: auto;
}

.form-container.rfs-flexi-box-atom .leg0 .nb-day-row .gwt-Label:last-child {
  margin-left: 2px;
  font-weight: bold;
}

.drawdown-window {
  min-width: 1175px;
  min-height: 450px;
}

.drawdown-window .drawdown-window-container {
  padding: 15px;
}

.drawdown-window .drawdown-window-container .caption {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: bold;
  cursor: default;
}

.drawdown-window .drawdown-window-container .buy-side {
  font-weight: bold;
}

.drawdown-window .drawdown-window-container .sell-side {
  font-weight: bold;
}

.drawdown-window .drawdown-window-container .drawdown-content {
  display: grid;
  grid-template-columns: 375px auto;
  grid-template-areas: "summary grid";
  column-gap: 10px;
  width: 100%;
  min-height: 300px;
}

.drawdown-window .drawdown-window-container .drawdown-content .drawdown-panel {
  padding: 15px;
  font-size: 13px;
  border-radius: 5px;
}

.drawdown-window .drawdown-window-container .drawdown-content .drawdown-panel .caption {
  cursor: default;
}

.drawdown-window .drawdown-window-container .drawdown-content .drawdown-summary {
  grid-area: summary;
}

.drawdown-window .drawdown-window-container .drawdown-content .drawdown-summary .summary-row {
  display: flex;
  height: 20px;
}

.drawdown-window .drawdown-window-container .drawdown-content .drawdown-summary .summary-row .caption {
  width: 120px;
  font-size: 13px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: default;
}

.drawdown-window .drawdown-window-container .drawdown-content .drawdown-summary .summary-row .value {
  font-size: 13px;
  line-height: 20px;
  cursor: default;
}

.drawdown-window .drawdown-window-container .drawdown-content .drawdown-summary .summary-row.bold .value {
  font-weight: bold;
}

.drawdown-window .drawdown-window-container .drawdown-content .drawdown-summary .summary-row.price .pip-num {
  font-size: 16px;
  font-weight: bold;
}

.drawdown-window .drawdown-window-container .drawdown-content .drawdown-grid {
  grid-area: grid;
}

.drawdown-window .drawdown-window-container .drawdown-content .drawdown-grid .editable-datagrid .bold {
  font-weight: bold;
}

.drawdown-window .drawdown-window-container .drawdown-footer {
  width: 100%;
  text-align: right;
  padding-top: 15px;
}

.drawdown-window .drawdown-window-container .drawdown-footer button {
  margin-left: 5px;
  border-radius: 5px;
  height: 26px;
}

.drawdown-window .drawdown-window-container .drawdown-footer .close-button {
  transition: background 200ms ease-in, border 200ms ease-in;
}

.drawdown-window .drawdown-window-container .drawdown-footer .submit-button {
  transition: background 200ms ease-in, border 200ms ease-in;
}

.drawdown-window .drawdown-window-container .drawdown-footer .remaining-panel {
  display: inline-block;
  padding-right: 10px;
  cursor: default;
}

.drawdown-window .drawdown-window-container .drawdown-footer .remaining-panel div {
  display: inline;
}

.editable-grid {
  position: relative;
}

.editable-grid .caption {
  font-weight: bold;
  font-size: 14px;
  cursor: default;
}

.editable-grid *[left-tooltip]:hover:after {
  content: attr(left-tooltip);
  right: calc(100% + 5px);
}

.editable-grid *[right-tooltip]:hover:after {
  content: attr(right-tooltip);
  left: calc(100% + 5px);
}

.editable-grid *[bottom-tooltip]:hover:after {
  content: attr(bottom-tooltip);
  top: calc(100% + 5px);
  left: 50%;
}

.editable-grid *[left-tooltip]:hover:after, .editable-grid *[right-tooltip]:hover:after, .editable-grid *[bottom-tooltip]:hover:after {
  position: absolute;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  bottom: 2px;
  min-width: 100px;
  padding: 5px 7px;
  z-index: 1;
  border-radius: 5px;
  white-space: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.editable-grid .loading-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  opacity: 0.5;
}

.editable-grid .editable-datagrid {
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
}

.editable-grid .editable-datagrid thead th {
  padding: 0 5px;
  cursor: default;
}

.editable-grid .editable-datagrid thead th:last-of-type {
  border-right: none;
}

.editable-grid .editable-datagrid thead th .align-left {
  text-align: left;
}

.editable-grid .editable-datagrid thead th .align-right {
  text-align: right;
}

.editable-grid .editable-datagrid thead th .align-center {
  text-align: center;
}

.editable-grid .editable-datagrid tbody td {
  line-height: 30px;
  padding: 0 5px;
  cursor: default;
}

.editable-grid .editable-datagrid tbody td:last-of-type {
  border-right: none;
}

.editable-grid .editable-datagrid tbody td .align-left {
  text-align: left;
}

.editable-grid .editable-datagrid tbody td .align-right {
  text-align: right;
}

.editable-grid .editable-datagrid tbody td .align-center {
  text-align: center;
}

.editable-grid .editable-datagrid tbody td .delete-button {
  background: transparent;
  border: none;
  transition: color 200ms ease-in;
}

.editable-grid .editable-datagrid tbody td .delete-button:before {
  content: '\ebfa';
  font-family: webappsdk;
  font-size: 15px;
}

.editable-grid .editable-datagrid tbody td .editable-field {
  height: 26px;
  line-height: 26px;
  width: 100%;
  margin: 2.5px 0;
  font-size: 12px;
}

.editable-grid .editable-datagrid tbody td .editable-field .field {
  max-height: 26px;
  box-sizing: border-box;
  border-radius: 0;
  transition: background 200ms ease-in;
}

.editable-grid .editable-datagrid tbody td .editable-field .field .input {
  height: 26px;
  background: transparent;
  border: none;
  cursor: pointer;
}

.editable-grid .editable-datagrid tbody td .editable-field .field .input:focus {
  box-shadow: none;
  cursor: pointer;
}

.editable-grid .editable-datagrid tbody td .editable-field .field .spinner-btn-box {
  border-left: none;
}

.editable-grid .editable-datagrid tbody td .editable-field .field .spinner-btn-box .spinner-btn {
  line-height: 13px;
}

.editable-grid .editable-datagrid tbody td .editable-field .field .spinner-container {
  background-color: transparent;
  overflow: hidden;
}

.editable-grid .editable-datagrid tbody td .editable-field .field .spinner-container input {
  height: 26px;
  background-color: transparent;
}

.editable-grid .editable-datagrid tbody td .editable-field .field .spinner-container input:focus {
  background-color: transparent;
}

.editable-grid .editable-datagrid tbody td .editable-field .field.toggle-button {
  box-sizing: border-box;
  border-radius: 5px;
  width: 60px;
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 0 5px;
}

.editable-grid .editable-datagrid tbody td .editable-field .field.toggle-button:after {
  content: '\eda5';
  font-family: webappsdk;
  font-size: 13px;
  margin-left: 5px;
}

.editable-grid .editable-datagrid tbody td .editable-field .field.forward-date-dropdown {
  position: relative;
}

.editable-grid .editable-datagrid tbody td .editable-field .field.forward-date-dropdown:after {
  content: '\ea5f';
  font-family: webappsdk;
  font-size: 13px;
  position: absolute;
  right: 5px;
  top: -2px;
}

.editable-grid .editable-datagrid tbody td .editable-field .field.forward-date-dropdown .date-picker-label {
  height: 24px;
  position: relative;
  transition: background 200ms ease-in;
}

.editable-grid .top-actions {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}

.editable-grid .top-actions .import-panel {
  position: relative;
  height: 26px;
  line-height: 26px;
  width: 26px;
  cursor: pointer;
}

.editable-grid .top-actions .import-panel input {
  height: 100%;
  width: 100%;
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
}

.editable-grid .top-actions .import-panel .import-button {
  position: absolute;
  top: 0;
}

.editable-grid .top-actions .import-button, .editable-grid .top-actions .export-button {
  width: 26px;
  height: 26px;
  background: none;
  border: none;
  position: relative;
}

.editable-grid .top-actions .import-button:before, .editable-grid .top-actions .export-button:before {
  font-family: webappsdk;
  font-size: 13px;
}

.editable-grid .top-actions .import-button:before {
  content: '\ec7c';
}

.editable-grid .top-actions .export-button:before {
  content: '\ec7a';
}

.editable-grid .bottom-actions {
  width: 100%;
  text-align: center;
  padding: 10px;
}

.editable-grid .bottom-actions .add-button {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  transition: background 200ms ease-in;
  padding-top: 2px;
}

.editable-grid .bottom-actions .add-button:before {
  content: '\ed58';
  font-family: webappsdk;
  font-size: 13px;
}

.editable-grid .empty-grid-message {
  cursor: default;
  font-size: 13px;
  padding-left: 10px;
}

.editable-grid .empty-grid-message:before {
  content: '\ed61';
  font-family: webappsdk;
  font-size: 15px;
  margin-right: 5px;
}

.editable-grid .error-message {
  cursor: default;
  font-size: 13px;
}

.editable-grid .error-message:before {
  content: '\ed4d';
  font-family: webappsdk;
  font-size: 15px;
  margin-right: 5px;
}

.tooltip-widget.fxoption-price-tooltip-widget {
  z-index: auto;
}

.tooltip-widget.fxoption-price-tooltip-widget .tooltip-info {
  z-index: 1;
}

.tooltip-widget.fxoption-price-tooltip-widget .tooltip-notif .tooltip-body .fxoption-price-renderer {
  margin-left: -20px;
}

.tooltip-widget.fxoption-price-tooltip-widget .tooltip-notif .tooltip-body .fxoption-price-renderer .details-row {
  display: flex;
}

.tooltip-widget.fxoption-price-tooltip-widget .tooltip-notif .tooltip-body .fxoption-price-renderer .details-row.last-row {
  margin-bottom: 10px;
}

.tooltip-widget.fxoption-price-tooltip-widget .tooltip-notif .tooltip-body .fxoption-price-renderer .caption-label {
  margin-right: 5px;
}

.tooltip-widget.fxoption-price-tooltip-widget .tooltip-notif .tooltip-body .fxoption-price-renderer .value-label {
  font-weight: bold;
}

.tooltip-widget.fxoption-price-tooltip-widget.tooltip-hover .tooltip-notif {
  max-width: 400px;
  margin-left: 30px;
}

.tooltip-widget.fxoption-price-tooltip-widget.tooltip-icon .tooltip-notif.tooltip-info .tooltip-title::before {
  content: '\ed61';
}

.tooltip-widget .ko-button,
.tooltip-widget .ok-button {
  background: inherit;
  border: none;
}

.tooltip-widget .ko-button::after {
  font-family: 'webappsdk';
  content: '\ed69';
}

.tooltip-widget .ok-button::after {
  font-family: 'webappsdk';
  content: '\ed6c';
}

.nfst-widget .nfst-caption {
  font-size: 14px;
  line-height: 17px;
  padding-bottom: 2px;
  padding-top: 5px;
  cursor: pointer;
}

.nfst-widget .nfst-caption:after {
  content: '\edbd';
  font-family: 'webappsdk';
  font-size: 14px;
  float: right;
  margin-right: 5px;
}

.nfst-widget .nfst-caption.nfst-content-hidden:after {
  content: '\edb9';
  margin-right: 5px;
}

.nfst-widget .nfst-content .nfst-field .nfst-field-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nfst-widget.nfst-box .nfst-caption {
  font-size: 12px;
}

.nfst-widget.nfst-box .nfst-caption:after {
  font-size: 12px;
}

.nfst-widget.nfst-box .nfst-content {
  display: block;
}

.nfst-widget.nfst-box .nfst-content .nfst-field {
  margin: 1px 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 2px;
  margin-bottom: 2px;
}

.nfst-widget.nfst-box .nfst-content .nfst-field .nfst-field-caption {
  font-weight: normal;
  width: 80px;
  white-space: break-spaces;
  font-size: 12px;
  line-height: 21px;
}

.nfst-widget.nfst-box .nfst-content .nfst-field .nfst-field-value {
  width: 190px;
  position: relative;
  height: 24px;
  font-size: 12px;
  padding-left: 2px;
  line-height: 21px;
}

.order-editor-atom .nfst-widget .nfst-field:not(:first-child),
.asset-editor .nfst-widget .nfst-field:not(:first-child),
.single-account-retail-editor-atom .nfst-widget .nfst-field:not(:first-child),
.strategy-editor .nfst-widget .nfst-field:not(:first-child) {
  position: relative;
  padding-left: 5px;
}

.order-editor-atom .nfst-widget .nfst-field:not(:first-child)::before,
.asset-editor .nfst-widget .nfst-field:not(:first-child)::before,
.single-account-retail-editor-atom .nfst-widget .nfst-field:not(:first-child)::before,
.strategy-editor .nfst-widget .nfst-field:not(:first-child)::before {
  content: ' ';
  position: absolute;
  bottom: 0;
  left: -0.5px;
  height: 50%;
}

.order-editor-atom .nfst-widget .nfst-content,
.asset-editor .nfst-widget .nfst-content,
.single-account-retail-editor-atom .nfst-widget .nfst-content,
.strategy-editor .nfst-widget .nfst-content {
  display: inline-flex;
  padding-top: 5px;
}

.order-editor-atom .nfst-widget .nfst-content .nfst-field,
.asset-editor .nfst-widget .nfst-content .nfst-field,
.single-account-retail-editor-atom .nfst-widget .nfst-content .nfst-field,
.strategy-editor .nfst-widget .nfst-content .nfst-field {
  margin-right: 5px;
}

.order-editor-atom .nfst-widget .nfst-content .nfst-field .nfst-field-value,
.asset-editor .nfst-widget .nfst-content .nfst-field .nfst-field-value,
.single-account-retail-editor-atom .nfst-widget .nfst-content .nfst-field .nfst-field-value,
.strategy-editor .nfst-widget .nfst-content .nfst-field .nfst-field-value {
  padding-left: 8px;
  font-size: 13px;
  box-sizing: border-box;
  width: 299px;
  height: 26px;
  line-height: 23px;
}

.order-editor-atom .nfst-widget .nfst-content .nfst-field .nfst-field-value.read-only,
.asset-editor .nfst-widget .nfst-content .nfst-field .nfst-field-value.read-only,
.single-account-retail-editor-atom .nfst-widget .nfst-content .nfst-field .nfst-field-value.read-only,
.strategy-editor .nfst-widget .nfst-content .nfst-field .nfst-field-value.read-only {
  padding: 3px 0 0 0;
}

.order-editor-atom .nfst-widget .nfst-content .nfst-field .dd-container-widget .dd-container-state::after,
.asset-editor .nfst-widget .nfst-content .nfst-field .dd-container-widget .dd-container-state::after,
.single-account-retail-editor-atom .nfst-widget .nfst-content .nfst-field .dd-container-widget .dd-container-state::after,
.strategy-editor .nfst-widget .nfst-content .nfst-field .dd-container-widget .dd-container-state::after {
  margin-left: -5px;
}

.asset-editor .nfst-widget {
  padding: 7px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.commission-display {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid black;
  margin-bottom: 5px;
}

.commission-display .commission-label {
  font-weight: bold;
}

.commission-display .gwt-Label {
  width: 100%;
  text-align: center;
}

.editor-commission-display {
  padding: 5px;
}

.editor-commission-display .editor-commission-display-label {
  color: #FFFFFF;
}

.commission-prices-label {
  padding: 10px;
}

.prices .separator {
  font-size: 20px;
  padding-left: 10px;
  color: #6B6B6B;
}

.commission-panel {
  padding: 5px;
  display: flex;
  flex-flow: row wrap;
}

.commission-panel .bid-panel, .commission-panel .offer-panel {
  width: 37%;
  text-align: center;
}

.commission-panel .bid-panel .gwt-Label, .commission-panel .offer-panel .gwt-Label {
  font-size: 11px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.commission-panel .title-panel {
  width: 26%;
  text-align: center;
}

.commission-panel .title-panel .gwt-Label {
  font-size: 11px;
  line-height: 20px;
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.commission-panel .pnl {
  color: white;
  font-weight: 800;
  font-size: 11px;
  background-color: #333333;
  margin-top: 5px;
  position: relative;
}

.commission-panel .no-bid-pnl:before {
  content: '\ed4d';
  font-family: 'webappsdk';
  position: absolute;
  left: 10px;
}

.commission-panel .no-offer-pnl:before {
  content: '\ed4d';
  font-family: 'webappsdk';
  position: absolute;
  right: 10px;
}

.commission-panel .numeric-spinner {
  height: 20px;
  font-size: 11px;
}

.commission-widget .section-radio-button {
  color: #BDBDBD;
  display: flex;
  align-items: center;
  justify-content: right;
  background-color: #000000;
  border: 1px solid #2F2F2F;
  border-radius: 5px;
  height: 18px;
}

.commission-widget .section-radio-button.disabled {
  background-color: #9e9e9e;
  border-color: #2F2F2F;
  color: #000000;
}

.commission-widget .section-radio-button .gwt-RadioButton {
  margin-right: 5px;
}

.commission-widget .section-radio-button .gwt-RadioButton label {
  margin-bottom: 0px;
  border-left: 1px solid;
  height: 12px;
}

.commission-widget .section-radio-button .first label {
  border: none;
}

.commission-widget .section-radio-button input[type=radio] {
  margin-right: 8px;
  display: none;
}

.commission-widget .section-radio-button input[type=radio] + label {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 26px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.commission-widget .section-radio-button input[type=radio] + label:before {
  font-size: 10px;
  line-height: 15px;
  margin-right: 5px;
  margin-left: 5px;
  position: relative;
}

.commission-widget .section-radio-button input[type=radio]:checked + label:before {
  font-family: webappsdk;
  content: '\ee6e';
}

.commission-widget .section-radio-button input[type=radio]:not(:checked) + label:before {
  font-family: webappsdk;
  content: '\ee70';
}

.commission-widget .title-container {
  display: flex;
  justify-content: center;
}

.commission-widget .title-container .widget-label {
  color: #DDD;
  background-color: transparent;
  border-bottom: 2px solid #FF7400;
  text-transform: uppercase;
  font-size: 10px;
  padding: 0 4px 0 2px;
  height: 15px;
  cursor: pointer;
}

.commission-widget.initialized .widget-label {
  width: 85px;
}

.commission-widget.initialized .widget-label:after {
  content: '\edb4';
  font-family: 'webappsdk';
  float: right;
}

.commission-widget.initialized .widget-label.content-hidden:after {
  content: '\edbc';
}

.commission-widget.enhanced-compact-mode {
  font-size: 11px;
  font-weight: 400;
}

.commission-widget.enhanced-compact-mode .title-container {
  height: 18px;
  line-height: 18px;
  margin: 0 5px;
  justify-content: space-between;
  align-items: center;
  text-transform: uppercase;
}

.commission-widget.enhanced-compact-mode .form-field.ui-radio-button-group-icon {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  font-size: 10px;
}

.commission-widget.enhanced-compact-mode .form-field.ui-radio-button-group-icon .caption {
  margin-right: 27px;
  padding: 0;
  font-size: 11px;
}

.commission-widget.enhanced-compact-mode .form-field.ui-radio-button-group-icon input[type="radio"] {
  line-height: inherit;
}

.commission-widget.enhanced-compact-mode .expand-button {
  background: transparent;
  border: none;
  padding: 0;
}

.commission-widget.enhanced-compact-mode .expand-button::after {
  content: '\edbc';
  font-family: 'webappsdk';
}

.commission-widget.enhanced-compact-mode .expand-button.content-hidden::after {
  content: '\edb8';
}

.commission-widget.enhanced-compact-mode .pnl {
  font-weight: 700;
}

.commission-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 34px;
  padding-bottom: 5px;
  margin: 5px 5px 0px 5px;
  border-bottom: 1px solid #505050;
}

.commission-header .form-field {
  font-size: 11px;
  margin: 0;
}

.commission-header .form-field .caption {
  display: unset;
  margin-right: 5px;
}

.commission-header .form-field .select2-choice {
  height: 20px;
  width: 95px;
}

.commission-header .form-field .select2-choice .select2-arrow {
  top: -5px;
}

.commission-header .form-field .select2-choice .select2-chosen {
  font-size: 10px;
  margin-right: 18px;
  height: 19px;
  display: flex;
  align-items: center;
}

.fixing-fwd-pnt-spinner {
  display: flex;
  justify-content: center;
}

.fixing-fwd-pnt-spinner.auto .numeric-spinner .spinner-btn-box {
  display: none;
}

.fixing-fwd-pnt-spinner .warning-icon {
  padding-top: 2px;
}

.fixing-fwd-pnt-spinner .warning-icon:before {
  font-family: "webappsdk";
  content: '\ed4d';
  font-weight: normal;
  padding: 2px;
  font-size: 16px;
}

.fixing-fwd-pnt-spinner .price-spinner {
  flex-grow: 1;
}

.fixing-fwd-pnt-spinner .edit-btn {
  background: none;
  border: none;
}

.fixing-fwd-pnt-spinner .edit-btn:before {
  font-family: "webappsdk";
  content: '\e90e';
  font-weight: normal;
  padding: 2px;
  font-size: 16px;
}

.fixing-fwd-pnt-spinner .reset-btn {
  background: none;
  border: none;
}

.fixing-fwd-pnt-spinner .reset-btn:before {
  font-family: "webappsdk";
  content: '\ea4b';
  font-weight: normal;
  padding: 2px;
  font-size: 16px;
}

.esp .price-widget-point {
  height: 100px;
}

.esp .price-widget-point .price {
  height: 80px;
  border-radius: 5px;
}

.esp .price-widget-point .price .near .pointPrice {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.esp .price-widget-point .price.no-side-buttons .pip-num, .esp .price-widget-point .price.no-side-buttons .pip-exponent {
  bottom: 35%;
}

.esp .price-widget-point .spread {
  top: 82px;
}

.esp .price-widget-point .spread .pip-num {
  bottom: 0;
}

.esp .price-widget-point .pip-num, .esp .price-widget-point .pip-exponent {
  bottom: 35%;
}

.rfs .price-widget-point .price .piped-price .pip-num, .rfs .price-widget-point .price .piped-price .pip-exponent {
  bottom: 35%;
}

.bubble-widget .icon-info2 {
  font-size: 11px;
}

.bubble-widget .info-bubble {
  position: absolute;
  min-width: 100px;
  max-width: 350px;
  height: fit-content;
  border-radius: 5px;
  padding: 10px;
  margin-top: 20px;
  margin-left: -21px;
}

.bubble-widget .info-bubble .title-container {
  display: flex;
  gap: 5px;
  font-weight: 700;
}

.bubble-widget .info-bubble .gwt-Label {
  white-space: pre-line;
}

.bubble-widget .info-bubble .icon-info2 {
  font-size: 14px;
}

.bubble-widget .info-bubble .arrow {
  width: 0;
  border-right: 13px solid transparent;
  border-bottom-style: solid;
  border-bottom-width: 18px;
  border-left: 13px solid transparent;
  position: absolute;
  margin-top: -25px;
  margin-left: 5px;
}

.rich-account-selection-container.dd-container-widget-opened {
  margin-top: 2px;
}

.rich-account-selection-container.dd-container-widget-opened .dd-container-default {
  max-width: 600px;
  min-width: 400px;
}

.rich-account-selection-container.dd-container-widget-opened .dd-container-default .dd-listbox-filter {
  width: 50%;
  padding-bottom: 10px;
}

.rich-account-selection-container.dd-container-widget-opened .dd-container-default .is-viewport {
  max-height: 300px;
  margin-bottom: 5px;
}

.rich-account-selection-container.dd-container-widget-opened .dd-container-default .is-viewport .is-container .is-item {
  overflow-wrap: anywhere;
}

.rich-account-selection-container.dd-container-widget-opened .dd-container-default .is-viewport .is-container .is-item:not(.dd-listbox-item-group) {
  height: auto;
}

.rich-account-selection-container.dd-container-widget-opened .dd-container-default .is-viewport .is-container .is-item:not(.dd-listbox-item-group) .gwt-Label {
  padding-left: 5px;
  height: auto;
}

.rich-account-selection-container.dd-container-widget-opened .dd-container-default .is-viewport .is-container .is-item:not(.dd-listbox-item-group) .gwt-Label:first-child {
  width: 30%;
}

.rich-account-selection-container.dd-container-widget-opened .dd-container-default .is-viewport .is-container .is-item:not(.dd-listbox-item-group) .gwt-Label:not(:last-child) {
  border-right-style: dashed;
  border-right-width: 0.5px;
}

.rich-account-selection {
  width: 100%;
}

.rich-account-selection .dd-container-widget {
  height: 26px;
  overflow: hidden;
  border-radius: 4px;
}

.dialog-widget.top-separator, .ssi-panel-content.top-separator {
  border-top-style: dashed;
  border-top-width: 1px;
  margin-top: 5px;
}

.dialog-widget .summary-panel, .ssi-panel-content .summary-panel {
  width: 100%;
}

.dialog-widget .summary-panel .summary-row, .ssi-panel-content .summary-panel .summary-row {
  display: grid;
  grid-template-columns: repeat(5, max-content);
  grid-template-rows: 100%;
  grid-template-areas: "workflow ccy-pair traded-ccy settl-info ssi-direction";
}

.dialog-widget .summary-panel .summary-row .workflow, .dialog-widget .summary-panel .summary-row .ccy-pair, .dialog-widget .summary-panel .summary-row .traded-ccy, .dialog-widget .summary-panel .summary-row .ssi-direction, .ssi-panel-content .summary-panel .summary-row .workflow, .ssi-panel-content .summary-panel .summary-row .ccy-pair, .ssi-panel-content .summary-panel .summary-row .traded-ccy, .ssi-panel-content .summary-panel .summary-row .ssi-direction {
  width: 95px;
}

.dialog-widget .summary-panel .summary-row .settl-info, .ssi-panel-content .summary-panel .summary-row .settl-info {
  width: 130px;
}

.dialog-widget .instructions-panel .panel-label, .dialog-widget .summary-panel .panel-label, .ssi-panel-content .instructions-panel .panel-label, .ssi-panel-content .summary-panel .panel-label {
  font-weight: 700;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.dialog-widget .instructions-panel .panel-label:after, .dialog-widget .summary-panel .panel-label:after, .ssi-panel-content .instructions-panel .panel-label:after, .ssi-panel-content .summary-panel .panel-label:after {
  content: '\edbd';
  font-family: 'webappsdk';
  font-size: 13px;
  float: right;
}

.dialog-widget .instructions-panel .panel-label.content-hidden:after, .dialog-widget .summary-panel .panel-label.content-hidden:after, .ssi-panel-content .instructions-panel .panel-label.content-hidden:after, .ssi-panel-content .summary-panel .panel-label.content-hidden:after {
  content: '\edb9';
}

.dialog-widget .ssi-table .table-header, .ssi-panel-content .ssi-table .table-header {
  height: 20px;
}

.dialog-widget .ssi-table .ssi-row, .ssi-panel-content .ssi-table .ssi-row {
  margin-bottom: 2px;
  display: grid;
  grid-template-columns: repeat(3, max-content) 1fr max-content 1fr;
  grid-template-rows: 100%;
  grid-template-areas: "account quantity currency ssi-col currency ssi-col";
}

.dialog-widget .ssi-table .ssi-row .leg-num, .dialog-widget .ssi-table .ssi-row .currency, .ssi-panel-content .ssi-table .ssi-row .leg-num, .ssi-panel-content .ssi-table .ssi-row .currency {
  width: 80px;
}

.dialog-widget .ssi-table .ssi-row .account, .dialog-widget .ssi-table .ssi-row .settl-info, .ssi-panel-content .ssi-table .ssi-row .account, .ssi-panel-content .ssi-table .ssi-row .settl-info {
  width: 130px;
}

.dialog-widget .ssi-table .ssi-row .alloc-account, .ssi-panel-content .ssi-table .ssi-row .alloc-account {
  width: 163px;
}

.dialog-widget .ssi-table .ssi-row .alloc-account .dd-listbox, .ssi-panel-content .ssi-table .ssi-row .alloc-account .dd-listbox {
  width: 100%;
}

.dialog-widget .ssi-table .ssi-row .side, .ssi-panel-content .ssi-table .ssi-row .side {
  width: 80px;
}

.dialog-widget .ssi-table .ssi-row .alloc-quantity, .ssi-panel-content .ssi-table .ssi-row .alloc-quantity {
  line-height: 14px;
  width: 160px;
}

.dialog-widget .ssi-table .ssi-row .quantity, .ssi-panel-content .ssi-table .ssi-row .quantity {
  width: 110px;
}

.dialog-widget .ssi-table .ssi-row .ssi-col, .ssi-panel-content .ssi-table .ssi-row .ssi-col {
  min-width: 260px;
}

.dialog-widget .ssi-table .ssi-row .ssi-col .dd-listbox, .ssi-panel-content .ssi-table .ssi-row .ssi-col .dd-listbox {
  height: 28px;
  width: 100%;
}

.dialog-widget .ssi-table .ssi-row .ssi-col .reset-icon, .ssi-panel-content .ssi-table .ssi-row .ssi-col .reset-icon {
  margin-left: 5px;
}

.dialog-widget .ssi-table .ssi-row .remove-ssi-alloc, .ssi-panel-content .ssi-table .ssi-row .remove-ssi-alloc {
  width: 25px;
}

.dialog-widget .ssi-table .table-header, .dialog-widget .ssi-table .table-body, .ssi-panel-content .ssi-table .table-header, .ssi-panel-content .ssi-table .table-body {
  line-height: 26px;
  margin-bottom: 2px;
}

.dialog-widget .ssi-table .table-header .column, .dialog-widget .ssi-table .table-header .cell, .dialog-widget .ssi-table .table-body .column, .dialog-widget .ssi-table .table-body .cell, .ssi-panel-content .ssi-table .table-header .column, .ssi-panel-content .ssi-table .table-header .cell, .ssi-panel-content .ssi-table .table-body .column, .ssi-panel-content .ssi-table .table-body .cell {
  display: flex;
  align-items: center;
  border-left-width: 1px;
  padding: 0 5px 0 5px;
}

.dialog-widget .ssi-table .table-header .column:first-child, .dialog-widget .ssi-table .table-header .cell:first-child, .dialog-widget .ssi-table .table-body .column:first-child, .dialog-widget .ssi-table .table-body .cell:first-child, .ssi-panel-content .ssi-table .table-header .column:first-child, .ssi-panel-content .ssi-table .table-header .cell:first-child, .ssi-panel-content .ssi-table .table-body .column:first-child, .ssi-panel-content .ssi-table .table-body .cell:first-child {
  border: none;
}

.dialog-widget .ssi-table .table-header .column, .dialog-widget .ssi-table .table-body .column, .ssi-panel-content .ssi-table .table-header .column, .ssi-panel-content .ssi-table .table-body .column {
  border-left-style: solid;
}

.dialog-widget .ssi-table .table-header .cell, .dialog-widget .ssi-table .table-body .cell, .ssi-panel-content .ssi-table .table-header .cell, .ssi-panel-content .ssi-table .table-body .cell {
  border-left-style: dashed;
}

.dialog-widget .ssi-table .table-header .cell.side, .dialog-widget .ssi-table .table-body .cell.side, .ssi-panel-content .ssi-table .table-header .cell.side, .ssi-panel-content .ssi-table .table-body .cell.side {
  align-items: center;
}

.dialog-widget .ssi-table .table-header .cell.side .sell, .dialog-widget .ssi-table .table-header .cell.side .buy, .dialog-widget .ssi-table .table-body .cell.side .sell, .dialog-widget .ssi-table .table-body .cell.side .buy, .ssi-panel-content .ssi-table .table-header .cell.side .sell, .ssi-panel-content .ssi-table .table-header .cell.side .buy, .ssi-panel-content .ssi-table .table-body .cell.side .sell, .ssi-panel-content .ssi-table .table-body .cell.side .buy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  border-radius: 5px;
  padding: 0 5px 0 5px;
}

.dialog-widget .ssi-table .table-header .cell.side .sell button, .dialog-widget .ssi-table .table-header .cell.side .buy button, .dialog-widget .ssi-table .table-body .cell.side .sell button, .dialog-widget .ssi-table .table-body .cell.side .buy button, .ssi-panel-content .ssi-table .table-header .cell.side .sell button, .ssi-panel-content .ssi-table .table-header .cell.side .buy button, .ssi-panel-content .ssi-table .table-body .cell.side .sell button, .ssi-panel-content .ssi-table .table-body .cell.side .buy button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  margin-left: 12px;
  height: 12px;
  line-height: 12px;
  width: 12px;
}

.dialog-widget .ssi-table .table-header .cell.side .sell button:before, .dialog-widget .ssi-table .table-header .cell.side .buy button:before, .dialog-widget .ssi-table .table-body .cell.side .sell button:before, .dialog-widget .ssi-table .table-body .cell.side .buy button:before, .ssi-panel-content .ssi-table .table-header .cell.side .sell button:before, .ssi-panel-content .ssi-table .table-header .cell.side .buy button:before, .ssi-panel-content .ssi-table .table-body .cell.side .sell button:before, .ssi-panel-content .ssi-table .table-body .cell.side .buy button:before {
  font-size: 12px;
  height: 12px;
  width: 12px;
  line-height: 12px;
}

.dialog-widget .ssi-table .table-header .cell.side .sell .switch-side:before, .dialog-widget .ssi-table .table-header .cell.side .buy .switch-side:before, .dialog-widget .ssi-table .table-body .cell.side .sell .switch-side:before, .dialog-widget .ssi-table .table-body .cell.side .buy .switch-side:before, .ssi-panel-content .ssi-table .table-header .cell.side .sell .switch-side:before, .ssi-panel-content .ssi-table .table-header .cell.side .buy .switch-side:before, .ssi-panel-content .ssi-table .table-body .cell.side .sell .switch-side:before, .ssi-panel-content .ssi-table .table-body .cell.side .buy .switch-side:before {
  font-family: "webappsdk";
  content: '\eda5';
}

.manage-ssi {
  border: none;
  float: right;
}

.manage-ssi:before {
  font-family: 'webappsdk';
  content: '\e90e';
  font-size: 8pt;
  margin-right: 3px;
}

.manage-ssi.warning:before {
  content: '\ed4d';
}

.manage-ssi span {
  padding-right: 3px;
}

.order-editor-atom .ssi-panel-content {
  min-width: 710px;
}

.order-editor-atom .ssi-panel-content .ssi-table .ssi-row {
  grid-template-columns: max-content 1fr max-content 1fr;
  grid-template-areas: "currency ssi-col currency ssi-col";
}

.strategy-editor .with-ssi-panel {
  border-top: none;
}

.strategy-editor .with-ssi-panel .ssi-panel-content {
  min-width: 900px;
}

.strategy-editor .with-ssi-panel .ssi-panel-content .ssi-table .ssi-row {
  grid-template-columns: repeat(3, max-content) 1fr max-content 1fr;
  grid-template-areas: "leg-num quantity currency ssi-col currency ssi-col";
}

.strategy-editor .rich-account-selection .dd-container-button {
  text-align: center;
}

.single-account-retail-editor-atom .ssi-panel-content .ssi-table .ssi-row {
  grid-template-columns: max-content 1fr max-content 1fr;
  grid-template-areas: "currency ssi-col currency ssi-col";
}

.single-account-retail-editor-atom .ssi-panel-content .ssi-table .ssi-row .ssi-col {
  min-width: 212px;
}

.single-account-retail-editor-atom .ssi-panel-content .ssi-table .ssi-row .ssi-col .dd-listbox {
  min-width: 200px;
}

.post-trade-manual-trade-dialog .fx-editor .ssi-panel-content, .post-trade-manual-trade-dialog .swap-editor .ssi-panel-content {
  min-width: 1100px;
}

.post-trade-manual-trade-dialog .fx-editor .ssi-panel-content.regular-trade .ssi-table .ssi-row, .post-trade-manual-trade-dialog .swap-editor .ssi-panel-content.regular-trade .ssi-table .ssi-row {
  grid-template-columns: max-content 1fr max-content 1fr;
  grid-template-areas: "currency ssi-col currency ssi-col";
}

.post-trade-manual-trade-dialog .fx-editor .ssi-panel-content.trade-allocs .ssi-table .ssi-row, .post-trade-manual-trade-dialog .swap-editor .ssi-panel-content.trade-allocs .ssi-table .ssi-row {
  grid-template-columns: repeat(4, max-content) 1fr max-content 1fr max-content;
  grid-template-areas: "alloc-account side alloc-quantity currency ssi-col currency ssi-col remove-ssi-alloc";
}

.ssp-window .ssi-panel-content {
  margin-bottom: 1%;
}

.ssp-window .ssi-panel-content .ssi-table .ssi-row {
  grid-template-columns: repeat(4, max-content) 1fr max-content 1fr;
  grid-template-areas: "account quantity settl-info currency ssi-col currency ssi-col";
}

.initial-setup-atom .rich-account-selection {
  display: block !important;
  margin-bottom: 10px;
}

.initial-setup-atom .rich-account-selection .dd-container-widget {
  padding: 0 0 0 8px;
  font-size: 13px;
  font-weight: bold;
}

.initial-setup-atom .rich-account-selection .dd-container-widget .dd-container-state {
  width: 18px;
}

.initial-setup-atom .rich-account-selection .dd-container-widget .dd-container-state::after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}

.dd-container-addon.rich-account-selection-container.dd-listbox-container.initial-setup-list-box-container.dd-container-widget-opened .dd-container-default {
  max-width: unset;
}

.box-atom .rich-account-selection {
  font-size: 13px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.box-atom .rich-account-selection .dd-container-widget .dd-container-button {
  text-align: center;
  padding-top: 2px;
}

.box-atom .rich-account-selection .dd-container-widget .dd-container-state::after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
}

.advanced-notif-preference-atom {
  overflow-y: hidden;
}

.notification-mode-panel {
  margin-top: 15px;
  padding-bottom: 10px;
  padding-left: 0;
}

.notification-mode-panel .mode-label {
  margin-left: 0;
}

.advanced-container .add-notification-dropdown {
  border: none;
  width: 160px;
  font-weight: 500;
  font-size: 11px;
  line-height: 20px;
}

.advanced-container .add-notification-dropdown .dd-container-button::before {
  font-family: 'webappsdk';
  content: '\ed58';
  margin-right: 3px;
}

.advanced-container .add-notification-dropdown .dd-container-state {
  display: none;
}

.advanced-container .rules-container {
  max-height: 485px;
  overflow-y: auto;
}

.advanced-container .sub-title {
  font-weight: 700;
}

.advanced-container .advanced-notif-row {
  display: flex;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.advanced-container .advanced-notif-row .summary-label {
  font-weight: 700;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  margin-top: 5px;
}

.advanced-container .advanced-notif-row .summary-label mark {
  padding: unset;
}

.advanced-container .advanced-notif-row .detailled-panel {
  display: flex;
}

.advanced-container .advanced-notif-row .caption {
  font-weight: 400;
  font-size: 11px;
  line-height: 20px;
}

.advanced-container .advanced-notif-row input[type="checkbox"] {
  display: none;
}

.advanced-container .advanced-notif-row .gwt-CheckBox label::before {
  font-family: 'webappsdk';
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.advanced-container .advanced-notif-row .gwt-CheckBox:not(.selected) > label::before {
  content: '\ee6c';
}

.advanced-container .advanced-notif-row .gwt-CheckBox.selected > label::before {
  content: '\ee6b';
}

.advanced-container .advanced-notif-row .condition {
  width: 500px;
  padding: 0 10px 0 5px;
}

.advanced-container .advanced-notif-row .condition .content .detailed-panel {
  display: flex;
}

.advanced-container .advanced-notif-row .condition .content .detailed-panel .left {
  min-width: 113px;
  padding: 0 26px 0 0;
}

.advanced-container .advanced-notif-row .condition .content .detailed-panel .left .message-type-content {
  font-weight: 700;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
}

.advanced-container .advanced-notif-row .condition .content .detailed-panel .middle {
  display: flex;
  flex-direction: column;
  padding: 0 29px 0 10px;
}

.advanced-container .advanced-notif-row .condition .content .detailed-panel .middle .filter-criterion-content {
  display: flex;
  flex-direction: column;
}

.advanced-container .advanced-notif-row .condition .content .detailed-panel .middle .filter-criterion-content .gwt-CheckBox label {
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  white-space: nowrap;
  margin-bottom: unset;
}

.advanced-container .advanced-notif-row .condition .content .detailed-panel .right {
  padding: 0 0 0 5px;
}

.advanced-container .advanced-notif-row .condition .content .detailed-panel .right .filter-values-content {
  width: 212px;
}

.advanced-container .advanced-notif-row .condition .content .detailed-panel .right .filter-values-content .dd-container-widget {
  border-radius: 5px;
  margin-bottom: 5px;
}

.advanced-container .advanced-notif-row .then-do {
  width: 319px;
  padding: 0 10px 0 10px;
}

.advanced-container .advanced-notif-row .then-do .content {
  display: flex;
  flex-direction: column;
}

.advanced-container .advanced-notif-row .then-do .content .checkboxes-panel {
  display: flex;
  flex-direction: column;
}

.advanced-container .advanced-notif-row .then-do .content .checkboxes-panel .checkbox-panel:first-child .play-button {
  border: none;
}

.advanced-container .advanced-notif-row .then-do .content .checkboxes-panel .checkbox-panel:first-child .play-button::after {
  font-family: 'webappsdk';
  content: '\ed7b';
}

.advanced-container .advanced-notif-row .then-do .content .checkboxes-panel .checkbox-panel:first-child .dd-container-widget {
  width: 130px;
  height: 20px;
  margin-left: 24px;
}

.advanced-container .advanced-notif-row .then-do .content .checkboxes-panel .checkbox-panel {
  display: flex;
  align-items: center;
  height: 30px;
  font-weight: 400;
  font-size: 11px;
  line-height: 16px;
  border-radius: 5px;
  margin-top: 5px;
}

.advanced-container .advanced-notif-row .then-do .content .checkboxes-panel .checkbox-panel .gwt-CheckBox {
  margin: 10px 7px 7px 10px;
}

.advanced-container .advanced-notif-row .actions {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 0 5px 0 10px;
  padding-top: 5px;
  margin-top: 5px;
}

.advanced-container .advanced-notif-row .actions .delete, .advanced-container .advanced-notif-row .actions .edit {
  border: none;
  padding: 0 8px;
}

.advanced-container .advanced-notif-row .actions .delete::after {
  font-family: 'webappsdk';
  content: '\ebfa';
  font-size: 10px;
}

.advanced-container .advanced-notif-row .actions .edit {
  margin-top: 5px;
  margin-bottom: 5px;
}

.advanced-container .advanced-notif-row .actions .edit::after {
  font-family: 'webappsdk';
  content: '\eb46';
  font-size: 10px;
}

.advanced-container .advanced-notif-row .actions .edit.collapsed::after {
  font-family: 'webappsdk';
  content: '\e90e';
  font-size: 10px;
}

.advanced-container .advanced-notif-row .header {
  text-align: center;
  font-weight: 700;
  font-size: 11px;
  line-height: 20px;
  padding: 0;
  margin-top: 5px;
}

.advanced-notification-dropdown .dd-container-custom {
  display: flex;
  flex-direction: column;
  margin-right: 5px;
  padding-right: 5px;
}

.advanced-notification-dropdown .dd-container-custom input[type="radio"] {
  display: none;
}

.advanced-notification-dropdown .dd-container-custom .gwt-RadioButton label::before {
  font-family: 'webappsdk';
  margin-right: 5px;
  font-weight: 400;
  font-size: 12px;
}

.advanced-notification-dropdown .dd-container-custom .gwt-RadioButton:not(.selected) > label::before {
  content: '\ee70';
}

.advanced-notification-dropdown .dd-container-custom .gwt-RadioButton.selected > label::before {
  content: '\ee6e';
}

.blotters-area .tabContainer-panel .tabContainer-header .menu-tab ul {
  width: fit-content;
}

.container-box-comment {
  padding-top: 5px;
  margin-top: 5px;
}

.container-box-comment .header-panel {
  display: flex;
  justify-content: space-between;
  margin: 0px 5px;
  font-size: 11px;
}

.container-box-comment .header-panel .header-text {
  display: flex;
}

.container-box-comment .header-panel .header-text .header-title {
  text-transform: uppercase;
}

.container-box-comment .header-panel .header-text .header-filled-button {
  margin-left: 5px;
  cursor: default;
  position: relative;
}

.container-box-comment .header-panel .header-text .header-filled-button:hover::after {
  content: attr(comment);
  font-size: 14px;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  z-index: 1;
}

.container-box-comment .header-panel .header-compact-button {
  font-weight: bold;
}

.container-box-comment .comment-input {
  width: calc(100% - 10px);
  height: 20px;
  margin: 2px 5px 0px 5px;
  padding: 0px 5px;
}

.dtgb-header-off-all {
  border: 1px solid;
  border-radius: 5px;
}

.multiaccount-panel-portfolio .dialog-widget, .multiaccount-panel .dialog-widget {
  width: auto !important;
}

.multiaccount-panel-content {
  max-height: 450px;
}

.multiaccount-panel-content .multiaccount-table .table-header {
  display: flex;
}

.multiaccount-panel-content .multiaccount-table .table-body {
  display: contents;
}

.multiaccount-panel-content .multiaccount-table .table-header .multiaccount-row, .multiaccount-panel-content .multiaccount-table .table-body .multiaccount-row {
  display: flex;
}

.multiaccount-panel-content .multiaccount-table .table-header .column, .multiaccount-panel-content .multiaccount-table .table-header .cell, .multiaccount-panel-content .multiaccount-table .table-body .column, .multiaccount-panel-content .multiaccount-table .table-body .cell {
  display: flex;
  align-items: center;
  border-left-width: 1px;
  padding: 0 5px 0 5px;
}

.multiaccount-panel-content .multiaccount-table .table-header .column:first-child, .multiaccount-panel-content .multiaccount-table .table-header .cell:first-child, .multiaccount-panel-content .multiaccount-table .table-body .column:first-child, .multiaccount-panel-content .multiaccount-table .table-body .cell:first-child {
  border: none;
}

.multiaccount-panel-content .multiaccount-table .table-header .account-noportfolio, .multiaccount-panel-content .multiaccount-table .table-body .account-noportfolio {
  border: none !important;
}

.multiaccount-panel-content .multiaccount-table .table-header .cell .gwt-Label, .multiaccount-panel-content .multiaccount-table .table-body .cell .gwt-Label {
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.multiaccount-panel-content .multiaccount-table .table-header .quantity, .multiaccount-panel-content .multiaccount-table .table-body .quantity {
  width: 100px;
  justify-content: right;
}

.multiaccount-panel-content .multiaccount-table .table-header .side, .multiaccount-panel-content .multiaccount-table .table-body .side {
  width: 70px;
}

.multiaccount-panel-content .multiaccount-table .table-header .account, .multiaccount-panel-content .multiaccount-table .table-header .businessunit, .multiaccount-panel-content .multiaccount-table .table-header .account-noportfolio, .multiaccount-panel-content .multiaccount-table .table-body .account, .multiaccount-panel-content .multiaccount-table .table-body .businessunit, .multiaccount-panel-content .multiaccount-table .table-body .account-noportfolio {
  width: 200px;
}

.ccy-pair-last-deals-widget .content {
  padding: 10px 10px 20px 10px;
}

.ccy-pair-last-deals-widget .content .caption {
  font-weight: 900;
  text-transform: uppercase;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  line-height: 20px;
  margin-bottom: 5px;
}

.ccy-pair-last-deals-widget .content .caption.ccy-pair-last-deals-no-secdef {
  border-bottom: none;
  text-transform: none;
  font-weight: normal;
  white-space: normal;
  margin-left: 24px;
}

.ccy-pair-last-deals-widget .content .caption.ccy-pair-last-deals-no-secdef::before {
  font-family: 'webappsdk';
  content: '\ed4f';
  position: absolute;
  left: 15px;
  width: 14px;
  line-height: 18px;
}

.ccy-pair-last-deals-widget .is-viewport {
  scrollbar-gutter: stable;
  max-height: 100%;
  height: 100%;
}

.ccy-pair-last-deals-widget .ccy-pair-last-deals-item,
.ccy-pair-last-deals-widget .ccy-pair-last-deals-title {
  display: flex;
  flex-direction: row;
}

.ccy-pair-last-deals-widget .ccy-pair-last-deals-item .item,
.ccy-pair-last-deals-widget .ccy-pair-last-deals-title .item {
  line-height: 24px;
}

.ccy-pair-last-deals-widget .ccy-pair-last-deals-item .time,
.ccy-pair-last-deals-widget .ccy-pair-last-deals-title .time {
  width: 86px;
  padding-left: 5px;
}

.ccy-pair-last-deals-widget .ccy-pair-last-deals-item .side,
.ccy-pair-last-deals-widget .ccy-pair-last-deals-title .side {
  width: 66px;
  padding-left: 5px;
}

.ccy-pair-last-deals-widget .ccy-pair-last-deals-item .price,
.ccy-pair-last-deals-widget .ccy-pair-last-deals-title .price {
  width: 100px;
  text-align: right;
  padding-right: 5px;
}

.ccy-pair-last-deals-widget .ccy-pair-last-deals-item .venue,
.ccy-pair-last-deals-widget .ccy-pair-last-deals-title .venue {
  width: 75px;
  padding-left: 5px;
}

.ccy-pair-last-deals-widget .ccy-pair-last-deals-item .gwt-Label:nth-of-type(1n+2),
.ccy-pair-last-deals-widget .ccy-pair-last-deals-title .gwt-Label:nth-of-type(1n+2) {
  border-left-width: 1px;
}

.ccy-pair-last-deals-widget .ccy-pair-last-deals-title {
  height: 20px;
  margin-right: 8px;
}

.ccy-pair-last-deals-widget .ccy-pair-last-deals-title .gwt-Label:nth-of-type(1n+2) {
  border-left-style: solid;
}

.ccy-pair-last-deals-widget .ccy-pair-last-deals-item {
  height: 24px;
}

.ccy-pair-last-deals-widget .ccy-pair-last-deals-item .item:nth-of-type(1n+2) {
  border-left: 1px dashed;
}

.ccy-pair-last-deals-widget .ccy-pair-last-deals-item .price {
  height: 24px;
}

.ccy-pair-last-deals-widget .ccy-pair-last-deals-item .price .pip-content .pip-num {
  font-size: 18px;
  font-weight: 700;
  height: 100%;
}

.ui-toggle-checkbox {
  display: flex;
  user-select: none;
  align-items: center;
}

.ui-toggle-checkbox .gwt-Label {
  font: inherit;
  cursor: pointer;
}

.ui-toggle-checkbox .gwt-Label.disabled {
  opacity: 0.75;
  cursor: default;
}

.ui-toggle-checkbox .gwt-CheckBox {
  position: relative;
  display: block;
  width: 40px;
  user-select: none;
}

.ui-toggle-checkbox .gwt-CheckBox input[type="checkbox"] {
  display: none;
}

.ui-toggle-checkbox .gwt-CheckBox label {
  display: block;
  height: 20px;
  line-height: 20px;
  padding: 0;
  border: 2px solid;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 0.3s ease-in;
}

.ui-toggle-checkbox .gwt-CheckBox label:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 19px;
  width: 20px;
  height: inherit;
  margin: 0px;
  border: 2px solid;
  border-radius: 50%;
  transition: all 0.3s ease-in 0s;
}

.ui-toggle-checkbox .gwt-CheckBox input:checked + label:before {
  right: 1px;
}

.progress-button2 {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.progress-button2 .pb2-bar {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 5px;
  height: 100%;
  width: 0;
  transition-property: width;
  transition-timing-function: linear;
}

.progress-button2 .pb2-label {
  display: inline;
}

.progress-button2::before, .progress-button2::after,
.progress-button2 .pb2-label {
  position: relative;
  z-index: 1;
}

.ui-radio-button-group-icon {
  padding: .1em .2em;
  height: 1.5em;
  line-height: 1.3em;
}

.ui-radio-button-group-icon .caption,
.ui-radio-button-group-icon .inner-widget {
  height: 100%;
}

.ui-radio-button-group-icon .gwt-RadioButton {
  position: relative;
  align-items: baseline;
}

.ui-radio-button-group-icon .gwt-RadioButton input {
  appearance: none;
  position: absolute;
  visibility: hidden;
  margin: 0;
  padding: 0;
}

.ui-radio-button-group-icon .gwt-RadioButton input::before {
  line-height: 140%;
  visibility: visible;
  font-family: 'webappsdk';
  content: '\ee70';
  cursor: pointer;
  font-size: .85em;
}

.ui-radio-button-group-icon .gwt-RadioButton label {
  font: inherit;
  cursor: pointer;
  padding: 0 0 0 1em;
  margin: 0;
}

.ui-radio-button-group-icon .gwt-RadioButton input:disabled::before, .ui-radio-button-group-icon .gwt-RadioButton input:disabled + label {
  cursor: not-allowed;
}

.ui-radio-button-group-icon .gwt-RadioButton.ui-radio-button-selected > input[type="radio"]::before {
  content: '\ee6e';
}

:not(.ui-radio-button-group-icon) > .ui-radio-button-group .gwt-RadioButton {
  font-size: 1em;
}

:not(.ui-radio-button-group-icon) > .ui-radio-button-group .gwt-RadioButton input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  margin-right: 0.1em;
  width: 1.2em;
  height: 1.2em;
  border: 2px solid;
  border-radius: 50%;
  transform: translateY(-0.15em);
  font: inherit;
  cursor: pointer;
  display: inline-grid;
  place-content: center;
}

:not(.ui-radio-button-group-icon) > .ui-radio-button-group .gwt-RadioButton input[type="radio"]::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
}

:not(.ui-radio-button-group-icon) > .ui-radio-button-group .gwt-RadioButton label {
  margin: auto;
  font: inherit;
  cursor: pointer;
}

:not(.ui-radio-button-group-icon) > .ui-radio-button-group .gwt-RadioButton:not(:first-child):before {
  content: "|";
  display: inline-block;
  transform: translateY(50%);
  margin: 0 0.1em;
  font-size: 1.5em;
  line-height: 0;
}

:not(.ui-radio-button-group-icon) > .ui-radio-button-group .gwt-RadioButton.ui-radio-button-selected > input[type="radio"]::before {
  transform: scale(1);
}

*[holiday-warning]:after {
  font-family: 'webappsdk';
  content: '\ed4f';
  padding-left: 4px;
  font-size: 13px;
  align-self: center;
}

*[holiday-warning]:hover:before {
  position: absolute;
  border-radius: 5px;
  margin-top: 20px;
  padding: 5px;
  content: attr(holiday-warning);
  z-index: 1;
}

.dealer-intervention-editor *[holiday-warning] {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.dealer-intervention-editor *[holiday-warning]:after {
  padding-right: 5px;
  padding-left: 0px;
}

.dealer-intervention-editor .holiday {
  border-radius: 5px;
  margin-left: 1px;
  margin-right: 1px;
}

.summary-zone *[holiday-warning]:before {
  margin-top: 15px;
  margin-left: 80px;
}

.date-panel .tooltip-widget.holiday .tooltip-title {
  text-transform: uppercase;
}

.trade-context-content {
  margin-top: 15px;
  padding-top: 5px;
  border-top-width: 0.5px;
  border-top-style: dashed;
}

.trade-context-content .widget-caption {
  color: #FFFFFF;
  margin-bottom: 5px;
  border-bottom-width: 0.5px;
  border-bottom-style: solid;
}

.trade-context-content .widget-caption:after {
  content: '\edbd';
  font-family: 'webappsdk';
  font-size: 13px;
  float: right;
}

.trade-context-content .widget-caption.content-hidden:after {
  content: '\edb9';
}

.trade-context-content .collapsible-content {
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.trade-context-content .collapsible-content .header {
  display: flex;
  margin-bottom: 2px;
}

.trade-context-content .collapsible-content .header .first-cell, .trade-context-content .collapsible-content .header .cell:not(:last-child) {
  border-right-width: 1px;
  border-right-style: solid;
  margin-right: 5px;
}

.trade-context-content .collapsible-content .header .cell.required div:after {
  content: "*";
  position: relative;
  float: right;
  color: #F44336;
  margin-right: 5px;
}

.trade-context-content .collapsible-content .first-cell {
  min-width: 70px;
}

.trade-context-content .collapsible-content .cell {
  min-width: 200px;
}

.trade-context-content .collapsible-content .trade-context.editor {
  border-top: none;
  padding: 0;
  margin-top: 0;
}

.trade-context-content .collapsible-content .trade-context.editor .write-panel, .trade-context-content .collapsible-content .trade-context.editor .read-panel {
  display: flex;
}

.trade-context-content .collapsible-content .trade-context.editor .form-field, .trade-context-content .collapsible-content .trade-context.editor .dd-container-widget {
  width: 195px;
}

.trade-context-content .collapsible-content .trade-context.editor .dd-container-widget {
  height: 25px;
}

.trade-context-content .collapsible-content .trade-context.editor .write-panel .form-field-container:first-child {
  margin-left: -1px;
}

.trade-context-content .collapsible-content .trade-context.editor .read-panel {
  width: fit-content;
}

.trade-context-content .collapsible-content .trade-context.editor.strategy .first-cell {
  display: flex;
  align-items: center;
  border-right-width: 1px;
  border-right-style: dashed;
}

.trade-context-content .collapsible-content .trade-context.editor.strategy .read-panel .form-field:not(:last-child) .value {
  border-right: none;
}

.trade-context-content .collapsible-content .trade-context.editor.strategy .read-panel .form-field:not(:last-child):after {
  position: absolute;
  right: -5px;
  content: '';
  height: 26px;
  bottom: 0;
  border-right-width: 1px;
  border-right-style: dashed;
}

.amount-multiplier-widget .amount-multiplier-widget-header button {
  width: 33%;
  max-width: 200px;
  border: none;
  height: 26px;
  padding: 0px 10px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
}

.amount-multiplier-widget .amount-multiplier-widget-header button.selected {
  cursor: default;
}

.amount-multiplier-widget .amount-multiplier-widget-header button::before {
  font-family: "webappsdk";
  font-size: 15px;
  font-weight: 100;
  margin-right: 5px;
}

.amount-multiplier-widget .amount-multiplier-widget-header .multipliers-tab::before {
  content: "\ea18";
}

.amount-multiplier-widget .amount-multiplier-widget-header .editmode-tab {
  width: 34%;
  border-left: 1px solid;
  border-right: 1px solid;
}

.amount-multiplier-widget .amount-multiplier-widget-header .editmode-tab::before {
  content: "\e90e";
}

.amount-multiplier-widget .amount-multiplier-widget-header .amounts-tab::before {
  content: "\ed61";
}

.amount-multiplier-widget .amounts-panel {
  height: calc(100% - 26px);
}

.multiplier-widget {
  padding: 0px 5px;
}

.multiplier-widget .multiplier-widget-body {
  display: flex;
  padding: 5px 0px;
  gap: 10px;
  flex-wrap: wrap;
}

.multiplier-widget .multiplier-widget-body button {
  width: fit-content;
  height: 26px;
  border: 1px solid;
  border-radius: 5px;
  padding: 0px 5px;
  cursor: pointer;
}

.multiplier-widget .multiplier-widget-body button[disabled] {
  cursor: not-allowed;
}

.multiplier-widget .multiplier-widget-body .multiply::before {
  font-family: "webappsdk";
  font-size: 15px;
  font-weight: 100;
  content: "\ea18";
}

.multiplier-widget .multiplier-widget-body .add-multiplier::before {
  font-family: "webappsdk";
  font-size: 15px;
  font-weight: 100;
  content: "\ed58";
}

.multiplier-widget .multiplier-widget-body .multiplier-widget-custom-section {
  display: flex;
  gap: 5px;
  padding-right: 10px;
  border-right: 2px solid;
  width: fit-content;
}

.multiplier-widget .multiplier-widget-body .multiplier-widget-custom-section .numeric-spinner {
  width: 65px;
  height: 26px;
  border: 1px solid;
}

.multiplier-widget .multiplier-widget-body .multiplier-widget-custom-section .numeric-spinner .spinner-btn-box {
  border: none;
}

.multiplier-widget .multiplier-widget-body .multiplier-widget-custom-section .numeric-spinner .spinner-btn-box .spinner-btn {
  font-size: 13px;
}

.multiplier-widget .multiplier-widget-body .multiplier-widget-custom-section .numeric-spinner .spinner-btn-box .spinner-btn-increase {
  top: -2px;
}

.multiplier-widget .multiplier-widget-body .multiplier-widget-custom-section .numeric-spinner .spinner-btn-box .spinner-btn-increase::after {
  content: "\edc4";
}

.multiplier-widget .multiplier-widget-body .multiplier-widget-custom-section .numeric-spinner .spinner-btn-box .spinner-btn-decrease {
  bottom: 2px;
}

.multiplier-widget .multiplier-widget-body .multiplier-widget-custom-section .numeric-spinner .spinner-btn-box .spinner-btn-decrease::after {
  content: "\edc6";
}

.multiplier-widget .multiplier-widget-body .multiplier-widget-custom-section .numeric-spinner input {
  text-align: right;
}

.multiplier-widget .multiplier-widget-body .multiplier-widget-cell {
  min-width: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.multiplier-widget .multiplier-widget-body .multiplier-widget-cell.edit-mode {
  justify-content: left;
}

.multiplier-widget .multiplier-widget-body .multiplier-widget-cell.edit-mode::after {
  font-family: "webappsdk";
  content: "\ed6b";
  font-size: 13px;
  font-weight: 100;
  position: absolute;
  right: 5px;
  top: 4px;
}

.multiplier-widget .multiplier-widget-footer {
  border-top: 1px solid;
  font-size: 11.25px;
  font-weight: 400;
}

.multiplier-widget .multiplier-widget-footer .gwt-Label {
  white-space: normal;
}

button.primary-btn, button.secondary-btn, button.toggle-button {
  border: 1px solid;
  border-radius: 5px;
}

.radio-group-widget {
  text-align: right;
  align-self: center;
  right: 5px;
}

.radio-group-widget.disabled {
  opacity: 0.8;
  pointer-events: none;
}

.radio-group-widget button {
  margin-right: 2px;
  border: none;
  font-size: 14px;
}

.radio-group-widget button:before {
  font-family: 'webappsdk';
  content: '\ee70';
  margin-right: 5px;
}

.radio-group-widget button:hover:before {
  content: '\ee6e';
}

.radio-group-widget button.selected:before {
  content: '\ee6e';
}

.radio-group-widget.qty-behavior-radio-group {
  text-align: left;
}

.radio-group-widget.qty-behavior-radio-group button {
  background: none;
}

.qty-behavior-label {
  font-weight: normal;
}

.cog-actions-widget .column-listbox-cogactions {
  border: none !important;
  background: none;
  margin: auto;
  width: 3em;
}

.cog-actions-widget .column-listbox-cogactions.dd-container-disabled {
  cursor: not-allowed;
}

.cog-actions-widget .column-listbox-cogactions.dd-container-disabled .dd-container-state {
  cursor: not-allowed;
}

.cog-actions-widget .column-listbox-cogactions:hover {
  background: none;
}

.cog-actions-widget .column-listbox-cogactions .dd-container-button {
  display: none;
}

.cog-actions-widget .column-listbox-cogactions .dd-container-state {
  text-align: center;
}

.cog-actions-widget .column-listbox-cogactions .dd-container-state::before {
  margin-top: 4px;
  font-family: 'webappsdk';
  content: '\eb5c';
}

.cog-actions-widget .column-listbox-cogactions .dd-container-state::after {
  margin-left: 1em;
  margin-top: .2em;
}

.container-listbox-cogactions {
  border-radius: 5px;
  min-width: 13em;
}

.multi-mode-box-atom .spotforward-swap .price-widget {
  height: 100px;
}

.multi-mode-box-atom .spotforward-swap .price-widget .bid .price, .multi-mode-box-atom .spotforward-swap .price-widget .offer .price {
  height: 82px;
  bottom: 18px;
}

.multi-mode-box-atom .spotforward-swap .price-widget .bid .price .owner:not(.pointMode), .multi-mode-box-atom .spotforward-swap .price-widget .offer .price .owner:not(.pointMode) {
  top: 49px;
}

.multi-mode-box-atom .spotforward-swap .price-widget .bid .price .pip-num, .multi-mode-box-atom .spotforward-swap .price-widget .offer .price .pip-num {
  bottom: 27%;
}

.multi-mode-box-atom .spotforward-swap .price-widget .bid .price .pip-num.pointMode, .multi-mode-box-atom .spotforward-swap .price-widget .offer .price .pip-num.pointMode {
  line-height: 44px;
  font-size: 29.4px;
}

.multi-mode-box-atom .spotforward-swap .price-widget .bid .price .pip-exponent, .multi-mode-box-atom .spotforward-swap .price-widget .offer .price .pip-exponent {
  bottom: 24px;
}

.multi-mode-box-atom .spotforward-swap .price-widget .bid .price:hover ~ .tooltip .tooltip-inner, .multi-mode-box-atom .spotforward-swap .price-widget .offer .price:hover ~ .tooltip .tooltip-inner {
  display: none;
}

.multi-mode-box-atom .spotforward-swap .price-widget .bid .price:hover ~ .price-tooltip .tooltip-inner, .multi-mode-box-atom .spotforward-swap .price-widget .offer .price:hover ~ .price-tooltip .tooltip-inner {
  display: block;
}

.multi-mode-box-atom .spotforward-swap .price-widget .bid .side-name, .multi-mode-box-atom .spotforward-swap .price-widget .offer .side-name {
  height: 18px;
}

.multi-mode-box-atom .spotforward-swap .price-widget .bid .side-name[disabled]:hover ~ .side-btn-tooltip .tooltip-inner, .multi-mode-box-atom .spotforward-swap .price-widget .offer .side-name[disabled]:hover ~ .side-btn-tooltip .tooltip-inner {
  display: block;
}

.multi-mode-box-atom .spotforward-swap .price-widget .bid .side-btn-tooltip, .multi-mode-box-atom .spotforward-swap .price-widget .offer .side-btn-tooltip {
  top: 102px;
  opacity: 1;
}

.multi-mode-box-atom .spotforward-swap .price-widget .bid .side-btn-tooltip .tooltip-inner, .multi-mode-box-atom .spotforward-swap .price-widget .offer .side-btn-tooltip .tooltip-inner {
  border: 1px solid;
  border-radius: 10px;
}

.multi-mode-box-atom .spotforward-swap .price-widget .spread {
  top: 82px;
}

.multi-mode-box-atom .spotforward-swap .price-widget.swap-mode .bid .price .owner.pointMode {
  left: 15px;
}

.multi-mode-box-atom .spotforward-swap .price-widget.swap-mode .bid .price.disable .owner.pointMode {
  left: 28px;
}

.multi-mode-box-atom .spotforward-swap .price-widget.swap-mode .bid .price.disable .is-indicative {
  left: 2px;
  right: 100%;
}

.multi-mode-box-atom .spotforward-swap .price-widget.swap-mode .offer .price .owner.pointMode {
  left: unset;
  right: 15px;
}

.multi-mode-box-atom .spotforward-swap .price-widget.swap-mode .offer .price.disable .owner.pointMode {
  right: 28px;
}

.multi-mode-box-atom .spotforward-swap .price-widget.swap-mode .offer .price.disable .is-indicative {
  right: 2px;
}

.multi-mode-box-atom .spotforward-swap .form-container.esp-spotforward-swap-container .dd-listbox {
  border: 1px solid;
}

.multi-mode-box-atom .spotforward-swap .form-container.esp-spotforward-swap-container .dd-listbox .dd-container-state::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
  border-bottom: none;
}

.multi-mode-box-atom .spotforward-swap .form-container.esp-spotforward-swap-container .dd-listbox.dd-container-opened .dd-container-state::after {
  border-bottom: 4px solid;
  border-top: none;
}

.multi-mode-box-atom .spotforward-swap .form-container.esp-spotforward-swap-container .instrument-types-panel {
  margin-bottom: 10px;
}

.multi-mode-box-atom .spotforward-swap .form-container.esp-spotforward-swap-container .instrument-types-panel .dd-listbox {
  font-size: 13px;
  height: 26px;
}

.multi-mode-box-atom .spotforward-swap .form-container.esp-spotforward-swap-container .leg1 > div:first-child, .multi-mode-box-atom .spotforward-swap .form-container.esp-spotforward-swap-container .leg2 > div:first-child {
  width: 38% !important;
}

.multi-mode-box-atom .spotforward-swap .form-container.esp-spotforward-swap-container .leg1 > div:last-child, .multi-mode-box-atom .spotforward-swap .form-container.esp-spotforward-swap-container .leg2 > div:last-child {
  width: 40% !important;
}

.multi-mode-box-atom .spotforward-swap .form-container.esp-spotforward-swap-container .leg2 .qtty-panel .qtty-leg2-label {
  width: 100%;
  border: 1px solid;
  text-align: center;
  padding-right: calc(1.5em + 1px);
}

.multi-mode-box-atom .spotforward-swap .form-container.esp-spotforward-swap-container .leg2 .date-panel .dd-listbox {
  font-size: 10px;
  height: 100%;
}

.multi-mode-box-atom .spotforward-swap .form-container.esp-spotforward-swap-container .leg2 .date-panel .dd-listbox .dd-container-button {
  padding: 1px 2px;
}

.ticket-blotter-atom .tickets .order-ticket .summary .extra-summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-sides, .ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-quantities, .ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-settl {
  display: flex;
  margin-left: 5px;
}

.ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-sides .side, .ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-sides .quantity, .ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-sides .near-date-text, .ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-sides .far-date-text, .ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-quantities .side, .ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-quantities .quantity, .ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-quantities .near-date-text, .ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-quantities .far-date-text, .ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-settl .side, .ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-settl .quantity, .ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-settl .near-date-text, .ticket-blotter-atom .tickets .order-ticket .summary .extra-summary .swap-settl .far-date-text {
  margin: 0;
}

.multi-mode-box-atom .center-panel .lp-panel .lps {
  border: none;
  padding: 0;
}

.order-editor-atom .uneven-swap-locker {
  width: 35px;
  align-self: flex-end;
  padding-bottom: 7px;
  margin-right: 5px;
}

.tooltip-inner {
  max-width: 271px;
}

.price-widget .tooltip-line.tooltip-line-oneline {
  white-space: nowrap;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.price-widget .tooltip {
  width: auto;
}

.dialog-overlay.ssi-popup {
  z-index: 1051;
}

.flexy-tooltip-widget.ssi {
  z-index: 1051;
}

.trade-summary-atom .execution-details-panel .off-all {
  display: flex;
}

.rfq-report-blotter-atom .header .rowbuttons .grid-action-btn-group {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.rfq-report-blotter-atom .header .rowbuttons .grid-action-btn-group .rf-report-export-button {
  height: 25px;
}

.rfq-report-blotter-atom .header .rowbuttons .grid-action-btn-group .es-date {
  display: flex;
}

.rfq-report-blotter-atom .header .rowbuttons .grid-action-btn-group .es-date .es-start,
.rfq-report-blotter-atom .header .rowbuttons .grid-action-btn-group .es-date .es-end {
  display: flex;
  width: 100%;
  margin-left: 5px;
}

.rfq-report-blotter-atom .header .rowbuttons .grid-action-btn-group .es-date .es-start .from,
.rfq-report-blotter-atom .header .rowbuttons .grid-action-btn-group .es-date .es-start .to,
.rfq-report-blotter-atom .header .rowbuttons .grid-action-btn-group .es-date .es-end .from,
.rfq-report-blotter-atom .header .rowbuttons .grid-action-btn-group .es-date .es-end .to {
  margin-right: 5px;
}

.rfq-report-blotter-atom .header .rowbuttons .grid-action-btn-group .es-date .es-start-date,
.rfq-report-blotter-atom .header .rowbuttons .grid-action-btn-group .es-date .es-end-date {
  margin-left: 5px;
}

.rfq-report-blotter-atom .header .rfq-report-blotter-header-error {
  color: red;
  margin-left: 10px;
}

.user-activity-widget.embedded {
  width: 85%;
  margin-top: 50px;
  margin-left: 20px;
  margin-bottom: 20px;
}

.user-activity-widget.embedded .ua-header .ua-top {
  display: inline-block;
}

.user-activity-widget.embedded .ua-header .ua-top .ua-title {
  display: inline-block;
}

.user-activity-widget.embedded .ua-header .ua-top .btn-group {
  display: inline-block;
  margin-left: 20px;
}

.user-activity-widget.embedded .ua-header .ua-parameter {
  display: inline-block;
  margin-left: 20px;
}

.user-activity-widget.embedded .ua-header .ua-parameter .select2-container {
  display: none !important;
}

.user-activity-widget.embedded .ua-main {
  flex-direction: row;
  display: flex;
}

.user-activity-widget.embedded .ua-main .ua-category {
  flex-grow: 1;
}

.user-activity-widget .ua-header {
  margin: 5px;
}

.user-activity-widget .ua-header .ua-top {
  display: flex;
  justify-content: space-between;
  margin: 0 2px;
}

.user-activity-widget .ua-header .ua-top .ua-title {
  font-weight: bolder;
  font-size: 18px;
}

.user-activity-widget .ua-header .ua-top .bootstrap-switch {
  width: 100px;
  height: 20px;
  margin-right: 15px;
}

.user-activity-widget .ua-header .ua-parameter {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.user-activity-widget .ua-header .ua-parameter .select2-container {
  width: 180px;
}

.user-activity-widget .ua-header .ua-parameter .ua-date .gwt-DateBox {
  width: 100px;
  margin-left: 5px;
  text-align: center;
}

.user-activity-widget .ua-main {
  margin: 5px;
}

.user-activity-widget .ua-main .ua-category {
  margin-top: 20px;
}

.user-activity-widget .ua-main .ua-category .ua-title {
  font-weight: bolder;
  font-size: 15px;
  text-align: center;
  margin-bottom: 10px;
}

.user-activity-widget .ua-main .ua-category .ua-title-data {
  font-weight: bolder;
}

.user-activity-widget .ua-main .ua-category .ua-title-data.ua-label {
  text-align: left !important;
}

.user-activity-widget .ua-main .ua-category .ua-line {
  margin-left: 5px;
  display: flex;
  justify-content: space-between;
}

.user-activity-widget .ua-main .ua-category .ua-line .ua-label {
  width: 33%;
  text-align: center;
}

.user-activity-widget .ua-main .ua-error {
  font-size: 16px;
  margin-top: 10px;
  text-align: center;
}

.user-activity-pre-header {
  display: flex;
  justify-content: flex-end;
  margin: 5px;
}

.user-activity-pre-header .user-activity-powered-by {
  display: flex;
}

.user-activity-pre-header .user-activity-powered-by-sentence {
  margin-left: 10px;
}

.user-activity-pre-header .user-activity-powered-by-icon .icon {
  border-radius: 50%;
  background-color: red;
  color: white;
  width: 30px;
  height: 30px;
  cursor: default;
}

.user-activity-pre-header .user-activity-powered-by-sentence {
  display: flex;
  align-items: center;
}

.user-activity-custom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 5px;
}

.user-activity-custom .user-activity-asset-class .select2-container {
  width: 180px;
}

.ssp-quote-multi-leg-editor {
  width: fit-content;
  max-width: 100%;
  overflow: auto;
  padding: 0 30px;
}

.ssp-quote-multi-leg-editor table {
  white-space: nowrap;
  text-align: left;
  width: min-content;
}

.ssp-quote-multi-leg-editor table .numeric-spinner {
  min-width: 7em;
}

.ssp-quote-multi-leg-editor table .quantity {
  text-align: right;
}

.ssp-quote-multi-leg-editor table .ssp {
  height: 100px;
  font-size: 1.4em;
}

.ssp-quote-multi-leg-editor table .captions {
  font-size: 1.1em;
}

.ssp-quote-multi-leg-editor table th > *:first-child:not(.icon) {
  margin-left: 20px;
}

.ssp-quote-multi-leg-editor table td > .icon:first-child, .ssp-quote-multi-leg-editor table th > .icon:first-child {
  text-align: center;
  width: -webkit-fill-available;
}

.ssp-quote-multi-leg-editor table tr.ssp th > *:first-child:not(.quantity), .ssp-quote-multi-leg-editor table td > *:first-child:not(.quantity) {
  margin-left: 25px;
}

.ssp-quote-multi-leg-editor table th:not(.ssp) {
  text-transform: capitalize;
}

.ssp-quote-multi-leg-editor table thead .copy-all-points-th {
  display: flex;
}

.ssp-quote-multi-leg-editor table thead .copy-all-points-th button {
  margin-left: 8px;
}

.ssp-quote-multi-leg-editor table thead .numeric-spinner {
  height: 1.7em;
  line-height: 1;
}

.ssp-quote-multi-leg-editor table thead .spinner-container .pip-num {
  font-size: 1.5em !important;
  margin: 0 1px;
}

.ssp-quote-multi-leg-editor table thead .spinner-btn {
  position: relative;
  line-height: 100%;
}

.ssp-quote-multi-leg-editor table thead .spinner-btn::after {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  line-height: 0;
}

.ssp-quote-multi-leg-editor table .spinner-btn {
  position: relative;
  line-height: 100%;
}

.ssp-quote-multi-leg-editor table .spinner-btn::after {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  line-height: 0;
}

.ssp-quote-multi-leg-editor table tbody td {
  height: 2em;
  padding: .2em 0;
}

.ssp-quote-multi-leg-editor table tbody td .point-spinner .spinner-container {
  line-height: initial;
}

.ssp-quote-multi-leg-editor table tbody td .point-spinner .spinner-container input {
  margin: 0;
}

.ssp-quote-multi-leg-editor .autoquoter.no-price {
  font-weight: bold;
}

.suspended-order-notification .notification-container {
  margin: 0;
  height: 100%;
}

.suspended-order-notification .notification-container .notification-content {
  height: 100%;
  align-items: flex-start;
}

.suspended-order-notification .notification-container .notification-content .slider {
  position: absolute;
  bottom: 35px;
}

.suspended-order-notification .notification-container .notification-content .slider.left {
  left: 35px;
}

.suspended-order-notification .notification-container .notification-content .slider.left:not([disabled])::after {
  pointer-events: none;
  font-family: 'webappsdk';
  content: '\ed4d';
  font-size: 13px;
  position: absolute;
  left: 75px;
  top: 7px;
}

.suspended-order-notification .notification-container .notification-content .slider.right {
  right: 35px;
}

.suspended-order-notification .notification-container .notification-content .slider.right:not([disabled])::before {
  pointer-events: none;
  font-family: 'webappsdk';
  content: '\ed4d';
  font-size: 13px;
  position: absolute;
  right: 75px;
  top: 7px;
}

.suspended-order-notification .notification-container .notification-content .item {
  margin: 0 35px;
}

.suspended-order-notification .notification-container .notification-content .item .warning-header {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 10px;
  pointer-events: none;
}

.suspended-order-notification .notification-container .notification-content .item .warning-header .lbl {
  margin-left: 5px;
}

.suspended-order-notification .notification-container .notification-content .item .warning-message {
  font-size: 17px;
}

.suspended-order-notification .notification-container .notification-content .item .table-container {
  border-radius: 5px;
  padding: 0px 10px 10px 10px;
}

.suspended-order-notification .notification-container .notification-content .item .table-container table {
  width: 100%;
}

.suspended-order-notification .notification-container .notification-content .item .table-container table th {
  padding: 5px;
  font-weight: normal;
}

.suspended-order-notification .notification-container .notification-content .item .table-container table td {
  padding: 5px;
}

.suspended-order-notification .notification-container .notification-content .item .table-container table .buy {
  font-weight: bold;
  text-transform: uppercase;
}

.suspended-order-notification .notification-container .notification-content .item .table-container table .sell {
  font-weight: bold;
  text-transform: uppercase;
}

.suspended-order-notification .notification-container .notification-content .item .table-container table .qty {
  font-weight: bold;
}

.trade-summary-atom .orders-info .top-summary .icon-container {
  position: absolute;
  z-index: 1;
}

.trade-summary-atom button.ssi {
  font-family: auto;
  border-radius: 5px;
  border-width: 1px;
  margin: 0 5px;
  font-weight: bold;
  display: inline-flex;
  padding: 0 4px;
  width: 40px;
  justify-content: center;
}

.trade-summary-atom .ssi-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-layout .header .menu-panel .open-ssp-editor {
  float: right;
  cursor: pointer;
}

.main-layout .header .menu-panel .open-ssp-editor label {
  cursor: pointer;
  margin: 0 15px 0 5px;
  font-weight: inherit;
}

.main-layout .header .menu-panel .open-ssp-editor label::before {
  font-family: 'webappsdk';
  content: '\eec8';
  margin-right: 5px;
  line-height: 0;
}

.main-layout .header .menu-panel .open-ssp-editor input {
  display: none;
}

.ssp-editor {
  position: absolute;
  flex-direction: column;
  height: 100%;
  width: 100%;
  display: flex;
}

.ssp-editor .header {
  margin-top: 1em;
}

.ssp-editor .header .information,
.ssp-editor .header .ssp-panel {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 1em 0;
}

.ssp-editor .header .client,
.ssp-editor .header .account,
.ssp-editor .header .rate,
.ssp-editor .header .net {
  display: flex;
  flex-direction: row;
}

.ssp-editor .header .client .value,
.ssp-editor .header .account .value,
.ssp-editor .header .rate .value,
.ssp-editor .header .net .value {
  padding-left: .5em;
}

.ssp-editor .header .title {
  font-size: 1.5em;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-weight: bold;
}

.ssp-editor .resume {
  display: flex;
  flex-direction: row;
  font-size: 1.5em;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  height: 3em;
}

.ssp-editor .resume div {
  padding: 0 15px;
}

.ssp-editor .legs-panel {
  margin-top: 1em;
  overflow: hidden;
  flex: 1;
}

.ssp-editor .legs-panel .table-container {
  padding: 0 30px;
  overflow: auto;
  height: 100%;
}

.ssp-editor .legs-panel .table-container table {
  position: relative;
  max-height: 100%;
  width: 100%;
}

.ssp-editor .legs-panel .table-container table th {
  height: 2em;
}

.ssp-editor .legs-panel .table-container table td,
.ssp-editor .legs-panel .table-container table th,
.ssp-editor .legs-panel .table-container table div {
  text-align: center;
}

.ssp-editor .legs-panel .table-container table tr:before {
  content: ' ';
  font-family: 'webappsdk';
}

.ssp-editor .legs-panel .table-container table .ssp-leg {
  font-weight: bold;
  cursor: pointer;
}

.ssp-editor .legs-panel .table-container table .ssp-leg:before {
  left: 10px;
  content: '\ed58';
  position: absolute;
  line-height: 2em;
}

.ssp-editor .legs-panel .table-container table .ssp-leg.open:before {
  content: '\ed59';
}

.ssp-editor .legs-panel .table-container table tbody tr {
  line-height: 2em;
}

.ssp-editor .legs-panel .table-container table .alloc {
  font-size: .9em;
  line-height: 1.7em;
}

.ssp-editor .actions {
  align-self: flex-end;
  padding: 30px;
  margin-bottom: 20px;
}

.ssp-editor .actions button {
  margin: 0 30px;
  font-size: 1em;
  padding: 1em 5em;
  text-transform: uppercase;
  line-height: 1.4;
  border-radius: 4px;
}

.ssp-editor .time-progress-bar-addon {
  height: 20px;
  position: absolute;
  width: 100%;
  bottom: 0;
}

.ssp-editor .time-progress-bar-addon .tz-bar {
  left: inherit;
  right: 0;
}

.modal.import-csv-dialog .informations {
  display: flex;
  width: 100%;
  justify-content: space-around;
}

.modal.import-csv-dialog .informations .client,
.modal.import-csv-dialog .informations .account {
  margin: .5em 0;
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
}

.modal.import-csv-dialog .informations .client .select2-container,
.modal.import-csv-dialog .informations .account .select2-container {
  margin-left: 1em;
  width: 15em;
}

.multi-leg-ticket .actions-icon,
.multi-leg-ticket .close-icon {
  z-index: 2;
}

.multi-leg-ticket .top-summary {
  position: relative;
  height: 1.5em;
}

.multi-leg-ticket .top-summary .timestamp {
  height: 1.5em;
  position: absolute;
  width: 100%;
  left: 0;
}

.multi-leg-ticket .multi-leg-type {
  position: absolute;
  right: 3px;
  font-weight: bold;
  text-transform: uppercase;
  max-width: 25%;
  text-overflow: ellipsis;
}

.multi-leg-ticket .side,
.multi-leg-ticket .currency,
.multi-leg-ticket .price,
.multi-leg-ticket .quantity {
  font-weight: bold;
}

.multi-leg-ticket .summary {
  display: flex;
  justify-content: center;
  font-size: 1.3em;
  min-height: 1.2em;
  line-height: 1.2em;
  flex-flow: wrap;
  padding: 0 1em;
}

.multi-leg-ticket .summary > *:not(:last-child) {
  margin-right: .2em;
}

.multi-leg-ticket .symbol {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.3em;
  min-height: 1.2em;
  line-height: 1.2em;
}

.multi-leg-ticket table {
  margin: .2em auto .8em auto;
  min-width: 50%;
  table-layout: fixed;
}

.multi-leg-ticket table tr:last-child td {
  padding-bottom: .2em;
}

.multi-leg-ticket table tr:first-child td {
  padding-top: .1em;
}

.multi-leg-ticket table td {
  padding: 0 .5em;
  text-align: center;
}

.multi-leg-ticket table td:first-child {
  padding-left: 1.5em;
}

.multi-leg-ticket table td:last-child {
  padding-right: 1.5em;
}

.multi-leg-ticket table .price {
  text-align: start;
}

.multi-leg-ticket .order-status {
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bolder;
  line-height: 100%;
  padding-top: 1px;
}

.main-layout .header .menu-panel button.open-ssp-editor {
  padding: 0 15px 0 5px;
}

.main-layout .header .menu-panel button.open-ssp-editor::before {
  font-family: 'webappsdk';
  content: '\eec8';
  margin-right: 5px;
  line-height: 0;
}

.ssp-window {
  height: 100%;
  width: 100%;
  display: inline-block;
}

.ssp-window button:disabled,
.ssp-window input:disabled {
  cursor: not-allowed;
}

.ssp-window .large {
  display: block;
  width: 20em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ssp-window .ssp-creation-form,
.ssp-window .ssp-streaming {
  padding: 15px 15px;
  margin: auto;
  display: flex;
  flex-direction: column;
  position: relative;
}

.ssp-window .ssp-creation-form h2,
.ssp-window .ssp-creation-form h3,
.ssp-window .ssp-streaming h2,
.ssp-window .ssp-streaming h3 {
  margin: unset;
  line-height: unset;
  font-size: unset;
}

.ssp-window .ssp-creation-form .title,
.ssp-window .ssp-streaming .title {
  font-size: 1.5em;
  font-weight: bold;
}

.ssp-window .ssp-creation-form .sub-title,
.ssp-window .ssp-streaming .sub-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.4em;
  width: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.ssp-window .ssp-creation-form .summary,
.ssp-window .ssp-streaming .summary {
  margin-bottom: 0.4em;
  display: flex;
  flex-direction: row;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-weight: bold;
  font-size: 1.1em;
}

.ssp-window .ssp-creation-form .summary div:not(:last-child),
.ssp-window .ssp-streaming .summary div:not(:last-child) {
  margin-right: 0.4em;
}

.ssp-window .ssp-creation-form .block-fields,
.ssp-window .ssp-streaming .block-fields {
  margin: 0.4em 0;
  display: flex;
  flex-flow: row wrap;
}

.ssp-window .ssp-creation-form.max-height .scrollable,
.ssp-window .ssp-streaming.max-height .scrollable {
  height: 100%;
  overflow-y: auto;
  overflow-y: overlay;
}

.ssp-window .ssp-creation-form .captions,
.ssp-window .ssp-creation-form .scrollable,
.ssp-window .ssp-streaming .captions,
.ssp-window .ssp-streaming .scrollable {
  padding-right: 8px;
}

.ssp-window .ssp-creation-form .captions,
.ssp-window .ssp-creation-form .leg,
.ssp-window .ssp-creation-form .allocation,
.ssp-window .ssp-streaming .captions,
.ssp-window .ssp-streaming .leg,
.ssp-window .ssp-streaming .allocation {
  margin-bottom: 0.4em;
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 0.4em;
}

.ssp-window .ssp-creation-form .captions > *:not(:last-child),
.ssp-window .ssp-creation-form .leg > *:not(:last-child),
.ssp-window .ssp-creation-form .allocation > *:not(:last-child),
.ssp-window .ssp-streaming .captions > *:not(:last-child),
.ssp-window .ssp-streaming .leg > *:not(:last-child),
.ssp-window .ssp-streaming .allocation > *:not(:last-child) {
  margin-right: 0.4em;
}

.ssp-window .ssp-creation-form .captions .ssp-comment,
.ssp-window .ssp-creation-form .leg .ssp-comment,
.ssp-window .ssp-creation-form .allocation .ssp-comment,
.ssp-window .ssp-streaming .captions .ssp-comment,
.ssp-window .ssp-streaming .leg .ssp-comment,
.ssp-window .ssp-streaming .allocation .ssp-comment {
  margin-right: 0.6em;
  margin-left: 0.1em;
  font-family: 'webappsdk';
}

.ssp-window .ssp-creation-form .captions .ssp-comment:after,
.ssp-window .ssp-creation-form .leg .ssp-comment:after,
.ssp-window .ssp-creation-form .allocation .ssp-comment:after,
.ssp-window .ssp-streaming .captions .ssp-comment:after,
.ssp-window .ssp-streaming .leg .ssp-comment:after,
.ssp-window .ssp-streaming .allocation .ssp-comment:after {
  content: '\ead5';
  font-size: 1.2em;
}

.ssp-window .ssp-creation-form .captions .ssp-comment:hover,
.ssp-window .ssp-creation-form .leg .ssp-comment:hover,
.ssp-window .ssp-creation-form .allocation .ssp-comment:hover,
.ssp-window .ssp-streaming .captions .ssp-comment:hover,
.ssp-window .ssp-streaming .leg .ssp-comment:hover,
.ssp-window .ssp-streaming .allocation .ssp-comment:hover {
  cursor: pointer;
}

.ssp-window .ssp-creation-form .captions .ssp-comment-icon,
.ssp-window .ssp-creation-form .leg .ssp-comment-icon,
.ssp-window .ssp-creation-form .allocation .ssp-comment-icon,
.ssp-window .ssp-streaming .captions .ssp-comment-icon,
.ssp-window .ssp-streaming .leg .ssp-comment-icon,
.ssp-window .ssp-streaming .allocation .ssp-comment-icon {
  font-family: 'webappsdk';
  text-align: center;
  width: 4.2em;
}

.ssp-window .ssp-creation-form .captions .ssp-comment-icon:after,
.ssp-window .ssp-creation-form .leg .ssp-comment-icon:after,
.ssp-window .ssp-creation-form .allocation .ssp-comment-icon:after,
.ssp-window .ssp-streaming .captions .ssp-comment-icon:after,
.ssp-window .ssp-streaming .leg .ssp-comment-icon:after,
.ssp-window .ssp-streaming .allocation .ssp-comment-icon:after {
  content: '\ead5';
}

.ssp-window .ssp-creation-form .captions .delete,
.ssp-window .ssp-streaming .captions .delete {
  text-align: center;
}

.ssp-window .ssp-creation-form .actions,
.ssp-window .ssp-streaming .actions {
  align-self: flex-end;
}

.ssp-window .ssp-creation-form .actions .secondary,
.ssp-window .ssp-streaming .actions .secondary {
  margin-right: .4em;
}

.ssp-window .ssp-creation-form .actions .action,
.ssp-window .ssp-streaming .actions .action {
  padding: 0.2em 0.4em;
  font-size: 1.2em;
  border-radius: 5px;
}

.ssp-window .ssp-creation-form .form-field,
.ssp-window .ssp-streaming .form-field {
  display: flex;
  flex-direction: column;
}

.ssp-window .ssp-creation-form .form-field.invalid:before,
.ssp-window .ssp-streaming .form-field.invalid:before {
  content: '';
}

.ssp-window .ssp-creation-form .form-field .field,
.ssp-window .ssp-streaming .form-field .field {
  flex: 1;
}

.ssp-window .ssp-creation-form .form-field .select2-container a,
.ssp-window .ssp-streaming .form-field .select2-container a {
  border-radius: 0;
}

.ssp-window .ssp-creation-form .numeric-spinner,
.ssp-window .ssp-streaming .numeric-spinner {
  position: relative;
}

.ssp-window .ssp-creation-form .numeric-spinner .spinner-btn-box,
.ssp-window .ssp-streaming .numeric-spinner .spinner-btn-box {
  position: absolute;
  right: 0;
  width: 1.2em;
  height: 100%;
  border: none;
}

.ssp-window .ssp-creation-form .numeric-spinner .spinner-container input,
.ssp-window .ssp-streaming .numeric-spinner .spinner-container input {
  padding-right: 1.4em;
}

.ssp-window .ssp-creation-form .piped-price .pip-num,
.ssp-window .ssp-streaming .piped-price .pip-num {
  font-size: 1.4em;
  line-height: 0;
}

.ssp-window .ssp-creation-form .no-price .pip-num,
.ssp-window .ssp-creation-form .point .pip-num,
.ssp-window .ssp-streaming .no-price .pip-num,
.ssp-window .ssp-streaming .point .pip-num {
  font-weight: unset;
  font-size: unset;
}

.ssp-window .ssp-creation-form .block-fields .caption-value,
.ssp-window .ssp-streaming .block-fields .caption-value {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 0.4em;
}

.ssp-window .ssp-creation-form .block-fields .caption-value .value,
.ssp-window .ssp-streaming .block-fields .caption-value .value {
  width: 100%;
}

.ssp-window .ssp-creation-form .block-fields .caption-value:not(:first-child) > *,
.ssp-window .ssp-streaming .block-fields .caption-value:not(:first-child) > * {
  padding-left: 0.4em;
}

.ssp-window .ssp-creation-form .block-fields .caption-value:not(:first-child) > .value,
.ssp-window .ssp-streaming .block-fields .caption-value:not(:first-child) > .value {
  border-left-style: dashed;
  border-left-width: 1px;
  flex: 1;
}

.ssp-window .ssp-creation-form .caption-value .value,
.ssp-window .ssp-streaming .caption-value .value {
  display: flex;
}

.ssp-window .ssp-streaming {
  display: flex;
  flex-direction: column;
  overflow: auto;
  width: fit-content;
  height: fit-content;
}

.ssp-window .ssp-streaming .export {
  display: flex;
  align-items: center;
  background: inherit;
  border: none;
}

.ssp-window .ssp-streaming .export::after {
  font-family: 'webappsdk';
  content: '\ec7a';
}

.ssp-window .ssp-streaming .pnl {
  display: flex;
  margin-left: auto;
  margin-right: 0;
}

.ssp-window .ssp-streaming .pnl .value {
  margin: 0;
}

.ssp-window .ssp-streaming .printable,
.ssp-window .ssp-streaming .legs {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ssp-window .ssp-streaming .printable,
.ssp-window .ssp-streaming .legs {
  flex: 1;
}

.ssp-window .ssp-streaming .scrollable {
  min-height: 4em;
}

.ssp-window .ssp-streaming .leg,
.ssp-window .ssp-streaming .allocation {
  display: flex;
  flex-flow: row nowrap;
}

.ssp-window .ssp-streaming .leg > *:not(:last-child),
.ssp-window .ssp-streaming .allocation > *:not(:last-child) {
  border-right-style: dashed;
  border-right-width: 1px;
  padding-right: 0.4em;
}

.ssp-window .ssp-streaming .captions > *:not(:last-child) {
  margin-right: calc(1px + 0.4em);
  padding-right: 0.4em;
}

.ssp-window .ssp-streaming .legs .account,
.ssp-window .ssp-streaming .captions .account {
  width: 20em;
}

.ssp-window .ssp-streaming .legs .amount,
.ssp-window .ssp-streaming .captions .amount {
  min-width: fit-content;
  flex-grow: 1;
}

.ssp-window .ssp-streaming .legs .extra-margins,
.ssp-window .ssp-streaming .legs .point,
.ssp-window .ssp-streaming .captions .extra-margins,
.ssp-window .ssp-streaming .captions .point {
  width: 5.5em;
}

.ssp-window .ssp-streaming .legs .side,
.ssp-window .ssp-streaming .captions .side {
  width: 3em;
}

.ssp-window .ssp-streaming .legs .sales-margins,
.ssp-window .ssp-streaming .captions .sales-margins {
  width: 6em;
}

.ssp-window .ssp-streaming .legs .settlement,
.ssp-window .ssp-streaming .legs .allin,
.ssp-window .ssp-streaming .captions .settlement,
.ssp-window .ssp-streaming .captions .allin {
  width: 9em;
}

.ssp-window .ssp-streaming.sales-margins .block-fields .spot, .ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .spot {
  width: 8em;
}

.ssp-window .ssp-streaming.sales-margins .commission,
.ssp-window .ssp-streaming.sales-margins .commission-type,
.ssp-window .ssp-streaming.sales-margins .commission-spinner, .ssp-window .ssp-streaming.sales-margins-no-lock .commission,
.ssp-window .ssp-streaming.sales-margins-no-lock .commission-type,
.ssp-window .ssp-streaming.sales-margins-no-lock .commission-spinner {
  width: 5.5em;
}

.ssp-window .ssp-streaming.sales-margins .point,
.ssp-window .ssp-streaming.sales-margins .legs .point,
.ssp-window .ssp-streaming.sales-margins .captions .point,
.ssp-window .ssp-streaming.sales-margins .block-fields .sales-margins,
.ssp-window .ssp-streaming.sales-margins .legs .sales-margins,
.ssp-window .ssp-streaming.sales-margins .captions .sales-margins, .ssp-window .ssp-streaming.sales-margins-no-lock .point,
.ssp-window .ssp-streaming.sales-margins-no-lock .legs .point,
.ssp-window .ssp-streaming.sales-margins-no-lock .captions .point,
.ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .sales-margins,
.ssp-window .ssp-streaming.sales-margins-no-lock .legs .sales-margins,
.ssp-window .ssp-streaming.sales-margins-no-lock .captions .sales-margins {
  width: 8em;
}

.ssp-window .ssp-streaming.sales-margins .margins-commissions-header .margins-header-xva-bsc, .ssp-window .ssp-streaming.sales-margins-no-lock .margins-commissions-header .margins-header-xva-bsc {
  width: calc(8em * 4 + 9em);
}

.ssp-window .ssp-streaming.sales-margins .margins-commissions-header .margins-header-xva-bsc.spp-comment, .ssp-window .ssp-streaming.sales-margins-no-lock .margins-commissions-header .margins-header-xva-bsc.spp-comment {
  margin-right: 5em;
}

.ssp-window .ssp-streaming.sales-margins .margins-commissions-header .margins-header, .ssp-window .ssp-streaming.sales-margins-no-lock .margins-commissions-header .margins-header {
  width: calc(8em + 8em + 9em + 2 * calc(1px + 0.4em));
}

.ssp-window .ssp-streaming.sales-margins .margins-commissions-header .commissions-header,
.ssp-window .ssp-streaming.sales-margins .margins-commissions-header .commissions-header-xva-bsc, .ssp-window .ssp-streaming.sales-margins-no-lock .margins-commissions-header .commissions-header,
.ssp-window .ssp-streaming.sales-margins-no-lock .margins-commissions-header .commissions-header-xva-bsc {
  margin-left: calc(1px + 0.4em);
  width: calc(5.5em + 5.5em + 9em + 3 * calc(1px + 0.4em));
}

.ssp-window .ssp-streaming .select2-container {
  font-size: 14px;
  line-height: 14px;
}

.ssp-window .ssp-streaming .legs,
.ssp-window .ssp-streaming .captions {
  white-space: nowrap;
}

.ssp-window .ssp-streaming .legs .account,
.ssp-window .ssp-streaming .captions .account {
  padding-left: 1.4em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ssp-window .ssp-streaming .legs .amount,
.ssp-window .ssp-streaming .captions .amount {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 9em;
}

.ssp-window .ssp-streaming .legs .commission,
.ssp-window .ssp-streaming .captions .commission {
  width: 5.5em;
}

.ssp-window .ssp-streaming .legs .settlement,
.ssp-window .ssp-streaming .captions .settlement {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
}

.ssp-window .ssp-streaming .legs .qty-lock,
.ssp-window .ssp-streaming .captions .qty-lock {
  width: 15px;
  height: 22px;
  margin-left: -3%;
  cursor: pointer;
}

.ssp-window .ssp-streaming .legs .qty-lock:after,
.ssp-window .ssp-streaming .captions .qty-lock:after {
  font-family: 'webappsdk';
  line-height: 14px;
  font-size: 14px;
  color: #DDDDDD;
}

.ssp-window .ssp-streaming .legs .qty-lock.qty-lock-open:after,
.ssp-window .ssp-streaming .captions .qty-lock.qty-lock-open:after {
  content: '\eb53';
}

.ssp-window .ssp-streaming .legs .qty-lock.qty-lock-close:after,
.ssp-window .ssp-streaming .captions .qty-lock.qty-lock-close:after {
  content: '\eb4e';
}

.ssp-window .ssp-streaming .legs .margins-commissions-header {
  display: flex;
  justify-content: right;
  color: white;
}

.ssp-window .ssp-streaming .legs .margins-commissions-header .margins-header {
  text-align: center;
  background-color: black;
}

.ssp-window .ssp-streaming .legs .margins-commissions-header .margins-header-xva-bsc {
  text-align: center;
  background-color: black;
  margin-right: .3em;
}

.ssp-window .ssp-streaming .legs .margins-commissions-header .commissions-header {
  display: flex;
  justify-content: center;
  background-color: black;
}

.ssp-window .ssp-streaming .legs .margins-commissions-header .commissions-header.ssp-comment {
  margin-right: 5em;
}

.ssp-window .ssp-streaming .legs .margins-commissions-header .commissions-header .commission-label {
  padding-left: 1em;
}

.ssp-window .ssp-streaming .legs .margins-commissions-header .commissions-header-xva-bsc {
  display: flex;
  justify-content: center;
  background-color: black;
}

.ssp-window .ssp-streaming .legs .margins-commissions-header .commissions-header-xva-bsc.ssp-comment {
  margin-right: 5em;
}

.ssp-window .ssp-streaming .legs .margins-commissions-header .commissions-header-xva-bsc .commission-label {
  padding-left: 1em;
}

.ssp-window .ssp-streaming .leg {
  padding: 1px 0;
}

.ssp-window .ssp-streaming .leg .account {
  position: relative;
}

.ssp-window .ssp-streaming .leg .account::before {
  position: absolute;
  font-family: 'webappsdk';
  left: 0;
}

.ssp-window .ssp-streaming .alloc-leg-container.hide-alloc .leg .account, .ssp-window .ssp-streaming .alloc-leg-container.show-alloc .leg .account {
  text-align: center;
  cursor: pointer;
}

.ssp-window .ssp-streaming .alloc-leg-container.hide-alloc .commission, .ssp-window .ssp-streaming .alloc-leg-container.show-alloc .commission {
  width: 5.5em;
}

.ssp-window .ssp-streaming .alloc-leg-container.hide-alloc .leg .account::before {
  content: '\edb8';
}

.ssp-window .ssp-streaming .alloc-leg-container.hide-alloc .allocations {
  display: none;
}

.ssp-window .ssp-streaming .alloc-leg-container.show-alloc .leg .account::before {
  content: '\edbc';
}

.ssp-window .ssp-streaming .actions button.print {
  padding-left: 1.8em;
  position: relative;
}

.ssp-window .ssp-streaming .actions button.print::before {
  font-family: 'webappsdk';
  content: '\ea66';
  position: absolute;
  left: 0.4em;
}

.ssp-window .ssp-streaming .time-progress-bar-addon {
  height: 4px;
  position: absolute;
  left: 15px;
  bottom: 15px;
  width: 200px;
}

.ssp-window .ssp-streaming .time-progress-bar-addon .icon-clock2:before {
  content: '\ea4d';
}

.ssp-window .ssp-streaming .time-progress-bar-addon button,
.ssp-window .ssp-streaming .time-progress-bar-addon .gwt-Label {
  top: -20px;
  font-size: unset;
  line-height: unset;
}

.ssp-window .ssp-streaming .time-progress-bar-addon .gwt-Label {
  padding-left: 0.4em;
  width: 7em;
}

.ssp-window .ssp-streaming .actions {
  margin-top: 0.4em;
}

.ssp-window .ssp-streaming.sales-margins .block-fields button.sm-action,
.ssp-window .ssp-streaming.sales-margins .legs button.sm-action, .ssp-window .ssp-streaming.sales-margins-no-lock .block-fields button.sm-action,
.ssp-window .ssp-streaming.sales-margins-no-lock .legs button.sm-action {
  position: absolute;
  margin-left: -0.4em;
}

.ssp-window .ssp-streaming.sales-margins div.sm-action .form-field, .ssp-window .ssp-streaming.sales-margins-no-lock div.sm-action .form-field {
  flex: 1;
}

.ssp-window .ssp-streaming.sales-margins .sub-title, .ssp-window .ssp-streaming.sales-margins-no-lock .sub-title {
  display: flex;
  justify-content: space-between;
  height: 1.5em;
}

.ssp-window .ssp-streaming.sales-margins .sub-title button.sm-action, .ssp-window .ssp-streaming.sales-margins-no-lock .sub-title button.sm-action {
  position: relative;
  margin-right: 0.4em;
}

.ssp-window .ssp-streaming.sales-margins .block-fields .sales-margins.sm-action .form-field, .ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .sales-margins.sm-action .form-field {
  border: none;
}

.ssp-window .ssp-streaming.sales-margins .captions .extra-margins,
.ssp-window .ssp-streaming.sales-margins .legs .extra-margins, .ssp-window .ssp-streaming.sales-margins-no-lock .captions .extra-margins,
.ssp-window .ssp-streaming.sales-margins-no-lock .legs .extra-margins {
  width: 7em;
  position: relative;
  padding-left: 16px;
}

.ssp-window .ssp-streaming.sales-margins .caption-value, .ssp-window .ssp-streaming.sales-margins-no-lock .caption-value {
  height: 3em;
}

.ssp-window .ssp-streaming.sales-margins .leg,
.ssp-window .ssp-streaming.sales-margins .allocation, .ssp-window .ssp-streaming.sales-margins-no-lock .leg,
.ssp-window .ssp-streaming.sales-margins-no-lock .allocation {
  height: 2em;
  align-items: stretch;
}

.ssp-window .ssp-streaming.sales-margins .numeric-spinner, .ssp-window .ssp-streaming.sales-margins-no-lock .numeric-spinner {
  margin-top: -1px;
}

.ssp-window .ssp-streaming.sales-margins .numeric-spinner input, .ssp-window .ssp-streaming.sales-margins-no-lock .numeric-spinner input {
  text-align: left;
}

.ssp-window .ssp-streaming.sales-margins .block-fields .piped-price, .ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .piped-price {
  text-align: left;
}

.ssp-window .ssp-streaming.sales-margins .block-fields .sales-margins.sm-action .form-field, .ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .sales-margins.sm-action .form-field {
  border: none;
}

.ssp-window .ssp-streaming.sales-margins button.sm-action, .ssp-window .ssp-streaming.sales-margins-no-lock button.sm-action {
  border: none;
  background: none;
}

.ssp-window .ssp-streaming.sales-margins button.sm-action::before, .ssp-window .ssp-streaming.sales-margins-no-lock button.sm-action::before {
  font-family: 'webappsdk';
}

.ssp-window .ssp-streaming.sales-margins button.sm-action.lock::before, .ssp-window .ssp-streaming.sales-margins-no-lock button.sm-action.lock::before {
  content: '\eb50';
}

.ssp-window .ssp-streaming.sales-margins button.sm-action.unlock::before, .ssp-window .ssp-streaming.sales-margins-no-lock button.sm-action.unlock::before {
  content: '\eb51';
}

.ssp-window .ssp-streaming.sales-margins .legs button.sm-action, .ssp-window .ssp-streaming.sales-margins-no-lock .legs button.sm-action {
  position: absolute;
  left: 0;
}

.ssp-window .ssp-streaming.sales-margins div.sm-action .form-field, .ssp-window .ssp-streaming.sales-margins-no-lock div.sm-action .form-field {
  flex: 1;
}

.ssp-window .ssp-streaming.sales-margins .legs .sales-margins,
.ssp-window .ssp-streaming.sales-margins .legs .point, .ssp-window .ssp-streaming.sales-margins-no-lock .legs .sales-margins,
.ssp-window .ssp-streaming.sales-margins-no-lock .legs .point {
  position: relative;
  padding-left: 16px;
}

.ssp-window .ssp-streaming.sales-margins .legs .sales-margins > .gwt-Label,
.ssp-window .ssp-streaming.sales-margins .legs .point > .gwt-Label, .ssp-window .ssp-streaming.sales-margins-no-lock .legs .sales-margins > .gwt-Label,
.ssp-window .ssp-streaming.sales-margins-no-lock .legs .point > .gwt-Label {
  margin-left: 4px;
}

.ssp-window .ssp-streaming.sales-margins .allocation .point,
.ssp-window .ssp-streaming.sales-margins .allocation .sales-margins, .ssp-window .ssp-streaming.sales-margins-no-lock .allocation .point,
.ssp-window .ssp-streaming.sales-margins-no-lock .allocation .sales-margins {
  padding-left: 20px;
}

.ssp-window .ssp-streaming.sales-margins .select2-container,
.ssp-window .ssp-streaming.sales-margins .select2-container a,
.ssp-window .ssp-streaming.sales-margins .select2-container span,
.ssp-window .ssp-streaming.sales-margins .legs .numeric-spinner, .ssp-window .ssp-streaming.sales-margins-no-lock .select2-container,
.ssp-window .ssp-streaming.sales-margins-no-lock .select2-container a,
.ssp-window .ssp-streaming.sales-margins-no-lock .select2-container span,
.ssp-window .ssp-streaming.sales-margins-no-lock .legs .numeric-spinner {
  height: calc(100% - 2px);
  overflow: hidden;
}

.ssp-window .ssp-streaming.sales-margins .select2-container input,
.ssp-window .ssp-streaming.sales-margins .select2-container a input,
.ssp-window .ssp-streaming.sales-margins .select2-container span input,
.ssp-window .ssp-streaming.sales-margins .legs .numeric-spinner input, .ssp-window .ssp-streaming.sales-margins-no-lock .select2-container input,
.ssp-window .ssp-streaming.sales-margins-no-lock .select2-container a input,
.ssp-window .ssp-streaming.sales-margins-no-lock .select2-container span input,
.ssp-window .ssp-streaming.sales-margins-no-lock .legs .numeric-spinner input {
  padding-bottom: 2px;
  padding-left: 3px;
}

.ssp-window .ssp-streaming.sales-margins .select2-container a, .ssp-window .ssp-streaming.sales-margins-no-lock .select2-container a {
  line-height: 20px;
}

.ssp-window .ssp-streaming.sales-margins .select2-container b, .ssp-window .ssp-streaming.sales-margins-no-lock .select2-container b {
  margin-top: -3px;
}

.ssp-window .ssp-streaming.sales-margins .block-fields .spot,
.ssp-window .ssp-streaming.sales-margins .block-fields .sales-margins, .ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .spot,
.ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .sales-margins {
  position: relative;
  padding-left: 1.8em;
}

.ssp-window .ssp-streaming.sales-margins .block-fields .spot .sm-action,
.ssp-window .ssp-streaming.sales-margins .block-fields .sales-margins .sm-action, .ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .spot .sm-action,
.ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .sales-margins .sm-action {
  position: absolute;
  left: 0.4em;
  padding-left: 0.4em;
  padding-right: 0.4em;
}

.ssp-window .ssp-streaming.sales-margins .block-fields .spot .numeric-spinner,
.ssp-window .ssp-streaming.sales-margins .block-fields .sales-margins .numeric-spinner, .ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .spot .numeric-spinner,
.ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .sales-margins .numeric-spinner {
  height: calc(100% - 2px);
  width: 100%;
  overflow: hidden;
  margin-left: -4px;
}

.ssp-window .ssp-streaming.sales-margins .block-fields .spot input, .ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .spot input {
  padding-left: 3px;
  padding-top: 2px;
}

.ssp-window .ssp-streaming.sales-margins .block-fields .spot .price-spinner-label, .ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .spot .price-spinner-label {
  padding-left: 3px;
  height: 100%;
}

.ssp-window .ssp-streaming.sales-margins .block-fields .sales-margins input, .ssp-window .ssp-streaming.sales-margins-no-lock .block-fields .sales-margins input {
  padding-left: 3px;
  padding-top: 1px;
}

.ssp-window .ssp-streaming.sales-margins .price-spinner .pip-num, .ssp-window .ssp-streaming.sales-margins-no-lock .price-spinner .pip-num {
  font-size: unset;
}

.ssp-window .ssp-creation-form:not([class*="ssp-creation-form-with-ssi"]) {
  width: fit-content;
  max-width: 860px;
  min-height: 400px;
  min-width: 760px;
  margin: initial;
}

.ssp-window .ssp-creation-form:not([class*="ssp-creation-form-with-ssi"]).with-days-from-spot {
  min-width: 855px;
}

.ssp-window .ssp-creation-form:not([class*="ssp-creation-form-with-ssi"]) .days-from-spot {
  width: 95px;
}

.ssp-window .ssp-creation-form:not([class*="ssp-creation-form-with-ssi"]) .days-from-spot input {
  text-align: right;
}

.ssp-window .ssp-creation-form[class*="ssp-creation-form-with-ssi"] {
  min-width: 1115px;
}

.ssp-window .ssp-creation-form[class*="ssp-creation-form-with-metal"]:not([class*="ssp-creation-form-with-ssi"]) {
  max-width: 1000px;
  min-width: 950px;
}

.ssp-window .ssp-creation-form .import {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.ssp-window .ssp-creation-form .import .gwt-Label {
  font-weight: bold;
}

.ssp-window .ssp-creation-form .import label {
  padding: 0 0.4em;
  cursor: pointer;
  margin: 0;
}

.ssp-window .ssp-creation-form .import label::after {
  font-weight: normal;
  font-family: 'webappsdk';
  content: '\ec7c';
}

.ssp-window .ssp-creation-form .import input {
  display: none;
}

.ssp-window .ssp-creation-form .import-error {
  width: 100%;
  padding: .5em;
  border-radius: 5px;
  margin: 0.4em 0;
  border-style: solid;
  border-width: 1px;
}

.ssp-window .ssp-creation-form .form-field {
  margin: 0;
  position: unset;
}

.ssp-window .ssp-creation-form .block-fields .form-field {
  margin-right: 0.4em;
}

.ssp-window .ssp-creation-form .block-fields .big-switch {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.4em;
}

.ssp-window .ssp-creation-form .block-fields .big-switch .switch-widget {
  margin-right: 100%;
}

.ssp-window .ssp-creation-form .block-fields .main-select {
  width: 12em;
}

.ssp-window .ssp-creation-form .block-fields .main-select.read-only .field {
  display: flex;
}

.ssp-window .ssp-creation-form .block-fields .main-select.read-only .field .value {
  flex-grow: 1;
  align-self: flex-end;
  line-height: 24px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ssp-window .ssp-creation-form .block-fields .main-select.read-only .field .reset:after {
  font-family: 'webappsdk';
  content: '\ed6a';
}

.ssp-window .ssp-creation-form .block-fields .ccy-pair {
  width: 8em;
}

.ssp-window .ssp-creation-form .block-fields .commission {
  position: absolute;
  bottom: 15px;
  z-index: 1;
}

.ssp-window .ssp-creation-form .block-fields .commission input {
  margin-right: 0.4em;
}

.ssp-window .ssp-creation-form .block-fields .commission label {
  margin: 0;
}

.ssp-window .ssp-creation-form .block-fields .metal-settings-panel.ssp-header-metal-setting {
  display: flex;
  font-size: 14px;
  padding: 0;
}

.ssp-window .ssp-creation-form .block-fields .metal-settings-panel.ssp-header-metal-setting .setting-wrapper {
  display: block;
  height: 100%;
  line-height: 20px;
  margin-bottom: 0;
  margin-right: 5px;
}

.ssp-window .ssp-creation-form .block-fields .metal-settings-panel.ssp-header-metal-setting .setting-wrapper .setting-title {
  padding-left: 2px;
}

.ssp-window .ssp-creation-form .block-fields .metal-settings-panel.ssp-header-metal-setting .setting-wrapper .setting-field {
  height: 26px;
}

.ssp-window .ssp-creation-form .block-fields .metal-settings-panel.ssp-header-metal-setting .setting-wrapper.loco .setting-field {
  width: 75px;
}

.ssp-window .ssp-creation-form .block-fields .metal-settings-panel.ssp-header-metal-setting .setting-wrapper.physical-product .setting-field {
  width: 160px;
}

.ssp-window .ssp-creation-form .block-fields .metal-settings-panel.ssp-header-metal-setting .setting-wrapper.quantity-unit .setting-field {
  width: 85px;
}

.ssp-window .ssp-creation-form .allocations .allocation .delete,
.ssp-window .ssp-creation-form .allocations .allocation .duplicate {
  background: none;
  border: none;
  padding: 0;
}

.ssp-window .ssp-creation-form .allocations .allocation .delete::after,
.ssp-window .ssp-creation-form .allocations .allocation .duplicate::after {
  font-size: 1.2em;
}

.ssp-window .ssp-creation-form.ssp-creation-form-with-metal .captions .amount {
  width: 11em;
}

.ssp-window .ssp-creation-form.ssp-creation-form-with-metal .allocation .amount {
  width: 11em;
}

.ssp-window .ssp-creation-form.ssp-creation-form-with-metal .allocation .amount .quantity-spinner .quantity-unit-label {
  position: absolute;
  text-indent: 5px;
  line-height: 26px;
}

.ssp-window .ssp-creation-form .scrollable {
  margin-bottom: 1em;
}

.ssp-window .ssp-creation-form .add-leg {
  width: 2em;
  height: 2em;
  min-width: 2em;
  min-height: 2em;
  border-radius: 50%;
  border: none;
  align-self: center;
  margin: 0 0 auto 0;
  position: relative;
}

.ssp-window .ssp-creation-form .add-leg::after {
  font-family: 'webappsdk';
  content: '\ed58';
  position: absolute;
  width: 100%;
  line-height: 0;
  top: 50%;
  left: 0;
}

.ssp-window .ssp-creation-form .account {
  width: 20em;
}

.ssp-window .ssp-creation-form .side {
  width: 4.5em;
}

.ssp-window .ssp-creation-form .amount {
  width: 10em;
}

.ssp-window .ssp-creation-form .amount input {
  text-align: right;
  padding-right: 0.4em;
}

.ssp-window .ssp-creation-form .settlement {
  width: 10em;
}

.ssp-window .ssp-creation-form .settlement .field {
  position: relative;
}

.ssp-window .ssp-creation-form .settlement .field:after {
  font-family: 'webappsdk';
  content: '\ea5f';
  line-height: 0;
  top: 50%;
  right: 0.2em;
  position: absolute;
  pointer-events: none;
}

.ssp-window .ssp-creation-form .settlement input {
  height: 100%;
  padding-left: 0.4em;
}

.ssp-window .ssp-creation-form .delete {
  width: 1.5em;
}

.ssp-window .ssp-creation-form .settlement .dropdown .dropdown-menu,
.ssp-window .ssp-creation-form .settlement .dropup .dropdown-menu {
  left: unset;
  right: 0;
  margin: 0;
}

.ssp-window .ssp-creation-form .settlement .dropleft .dropdown-menu {
  left: unset;
  right: calc(100% + 1px);
  margin-top: -50%;
  top: 0;
}

.ssp-window .ssp-creation-form .amount .quantity-spinner::before, .ssp-window .ssp-creation-form .amount .quantity-spinner::after {
  content: unset;
}

.ssp-window .ssp-creation-form .settlement .invalid::before {
  content: unset;
}

.ssp-window .ssp-creation-form .settlement .invalid::after {
  opacity: unset;
  background: unset;
  opacity: unset;
  left: unset;
  padding: unset;
  font-size: unset;
  min-width: unset;
}

.ssp-window .ssp-creation-form button.switch {
  width: 4.5em;
  position: relative;
  padding-left: .2em;
  padding-right: 1.4em;
  border-radius: 5px;
  text-align: left;
  text-transform: uppercase;
}

.ssp-window .ssp-creation-form button.switch::after {
  font-family: 'webappsdk';
  content: "\eda5";
  position: absolute;
  right: .2em;
  top: 50%;
  line-height: 0;
}

.ssp-window .ssp-creation-form button.switch.has-error::after {
  content: '\ed6a';
}

.ssp-window .ssp-creation-form .switch-widget {
  display: flex;
  align-items: center;
  font-size: 1.1em;
  user-select: none;
  padding: 0.4em;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
}

.ssp-window .ssp-creation-form .switch-widget .gwt-Label {
  cursor: pointer;
  width: max-content;
  transition: text-shadow 0.3s ease-in 0s;
}

.ssp-window .ssp-creation-form .switch-widget .selected {
  text-shadow: 0px 0px 1px;
}

.ssp-window .ssp-creation-form .switch-widget .switch-checkbox {
  margin: 0 0.4em;
  position: relative;
  width: 2.5em;
  height: 1.2em;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.ssp-window .ssp-creation-form .switch-widget .switch-checkbox input {
  display: none;
}

.ssp-window .ssp-creation-form .switch-widget .switch-checkbox label {
  cursor: pointer;
  margin: 0;
  padding: 0;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 1.2em;
}

.ssp-window .ssp-creation-form .switch-widget .switch-checkbox label, .ssp-window .ssp-creation-form .switch-widget .switch-checkbox label::before {
  border-width: 2px;
  border-style: solid;
}

.ssp-window .ssp-creation-form .switch-widget .switch-checkbox label:before {
  content: "";
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  transition: right 0.3s ease-in 0s;
  right: calc(100% - 1.2em);
}

.ssp-window .ssp-creation-form .switch-widget .switch-checkbox input:checked + label:before {
  right: 0px;
}

.sms-ui-retailtrading .ssp-window {
  position: relative;
}

.sms-ui-retailtrading .ssp-window .ssp-creation-form,
.sms-ui-retailtrading .ssp-window .ssp-streaming {
  margin-right: auto;
  margin-left: 0;
}

.sms-ui-retailtrading .ssp-window .ssp-creation-form {
  min-height: initial;
  height: fit-content;
}

.sms-ui-retailtrading .ssp-window .ssp-creation-form .scrollable {
  overflow: visible;
  min-height: initial;
}

.sms-ui-retailtrading .ssp-window .ssp-streaming {
  max-width: 700px;
}

.sms-ui-retailtrading .ssp-window .ssp-streaming.sales-margins {
  max-width: 800px;
}

.notification-container .creditbreach-content-ssp,
.notification-container .new-creditbreach-content {
  display: flex;
  flex-direction: column;
  padding: 4px 8px;
  margin: 4px 4px 0 4px;
  border-radius: 4px;
}

.notification-container .creditbreach-content-ssp,
.notification-container .creditbreach-content-ssp .legs,
.notification-container .new-creditbreach-content,
.notification-container .new-creditbreach-content .legs {
  overflow: hidden;
}

.notification-container .creditbreach-content-ssp .scrollable,
.notification-container .new-creditbreach-content .scrollable {
  overflow: auto;
}

.notification-container .creditbreach-content-ssp .summary,
.notification-container .new-creditbreach-content .summary {
  display: flex;
  margin-bottom: 0.4em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-weight: bold;
  font-size: 1.1em;
}

.notification-container .creditbreach-content-ssp .summary div:not(:last-child),
.notification-container .new-creditbreach-content .summary div:not(:last-child) {
  margin-right: 0.4em;
}

.notification-container .creditbreach-content-ssp .legs,
.notification-container .new-creditbreach-content .legs {
  display: flex;
  flex-direction: column;
}

.notification-container .creditbreach-content-ssp .legs .captions,
.notification-container .new-creditbreach-content .legs .captions {
  display: flex;
  white-space: nowrap;
  margin-bottom: 5px;
}

.notification-container .creditbreach-content-ssp .legs .captions .account,
.notification-container .creditbreach-content-ssp .legs .captions .side,
.notification-container .creditbreach-content-ssp .legs .captions .amount,
.notification-container .creditbreach-content-ssp .legs .captions .settlement,
.notification-container .creditbreach-content-ssp .legs .captions .point,
.notification-container .creditbreach-content-ssp .legs .captions .allin,
.notification-container .creditbreach-content-ssp .legs .captions .bu,
.notification-container .new-creditbreach-content .legs .captions .account,
.notification-container .new-creditbreach-content .legs .captions .side,
.notification-container .new-creditbreach-content .legs .captions .amount,
.notification-container .new-creditbreach-content .legs .captions .settlement,
.notification-container .new-creditbreach-content .legs .captions .point,
.notification-container .new-creditbreach-content .legs .captions .allin,
.notification-container .new-creditbreach-content .legs .captions .bu {
  margin-right: 0.4em;
}

.notification-container .creditbreach-content-ssp .legs .scrollable .leg,
.notification-container .new-creditbreach-content .legs .scrollable .leg {
  display: flex;
  border: none;
}

.notification-container .creditbreach-content-ssp .legs .scrollable .leg > *:not(:last-child),
.notification-container .new-creditbreach-content .legs .scrollable .leg > *:not(:last-child) {
  margin-bottom: 5px;
}

.notification-container .creditbreach-content-ssp .legs .scrollable .leg .gwt-Label:not(:last-child),
.notification-container .new-creditbreach-content .legs .scrollable .leg .gwt-Label:not(:last-child) {
  border-right: 1px dashed;
  margin-right: 0.4em;
}

.notification-container .creditbreach-content-ssp .legs .account,
.notification-container .creditbreach-content-ssp .legs .bu,
.notification-container .new-creditbreach-content .legs .account,
.notification-container .new-creditbreach-content .legs .bu {
  width: 12em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.notification-container .creditbreach-content-ssp .legs .side,
.notification-container .new-creditbreach-content .legs .side {
  width: 8em;
  white-space: nowrap;
}

.notification-container .creditbreach-content-ssp .legs .amount,
.notification-container .new-creditbreach-content .legs .amount {
  width: 8em;
  text-align: right;
  padding-right: .4em;
}

.notification-container .creditbreach-content-ssp .legs .settlement,
.notification-container .new-creditbreach-content .legs .settlement {
  width: 9em;
}

.notification-container .creditbreach-content-ssp .legs .point,
.notification-container .new-creditbreach-content .legs .point {
  width: 6em;
}

.notification-container .creditbreach-content-ssp .legs .allin,
.notification-container .new-creditbreach-content .legs .allin {
  width: 6em;
}

.notification-container .creditbreach-content-ssp .piped-price .pip-num,
.notification-container .new-creditbreach-content .piped-price .pip-num {
  font-size: 1.4em;
  line-height: 0;
}

.ssp-comment.flexy-tooltip-widget {
  border-radius: 5px;
}

.ssp-comment.flexy-tooltip-widget [horizontal-position="right"] {
  margin-left: 48px;
}

.ssp-comment.flexy-tooltip-widget [horizontal-position="left"] {
  margin-left: -43px;
}

.ssp-comment.flexy-tooltip-widget .flexy-tooltip-title {
  margin-left: calc(30px - 0.4em);
  margin-bottom: 10px;
}

.ssp-comment.flexy-tooltip-widget .flexy-tooltip-notif.flexy-tooltip-default {
  padding: 10px 5px 10px 5px;
}

.ssp-comment.flexy-tooltip-widget textarea {
  height: 4em;
  width: 20.7em;
  resize: none;
  margin-bottom: 10px;
  padding: 0px 5px 0px 5px;
}

.ssp-comment.flexy-tooltip-widget .gwt-Button {
  height: 26px;
}

.ssp-comment.flexy-tooltip-widget .flexy-ok {
  border-radius: 5px;
  margin-left: 5px;
}

.ssp-comment.flexy-tooltip-widget .flexy-ko {
  border-radius: 5px;
}

.main-layout .header .menu-panel .open-fixing-order-bulk {
  float: right;
  cursor: pointer;
}

.main-layout .header .menu-panel .open-fixing-order-bulk label {
  cursor: pointer;
  margin: 0 15px 0 5px;
  font-weight: inherit;
}

.main-layout .header .menu-panel .open-fixing-order-bulk label::before {
  font-family: "webappsdk";
  content: "\eec8";
  margin-right: 5px;
  line-height: 0;
}

.main-layout .header .menu-panel .open-fixing-order-bulk input {
  display: none;
}

.main-layout .header .menu-panel button.open-fixing-order-bulk {
  padding: 0 15px 0 5px;
}

.main-layout .header .menu-panel button.open-fixing-order-bulk::before {
  font-family: "webappsdk";
  content: "\eec8";
  margin-right: 5px;
  line-height: 0;
}

.fixing-orders-window .fixing-orders-creation-form {
  min-width: 1140px;
  min-height: 350px;
}

.fixing-orders-window .fixing-orders-summary {
  min-width: 1390px;
  min-height: 200px;
}

.fixing-orders-window .fixing-orders-creation-form,
.fixing-orders-window .fixing-orders-summary {
  padding: 15px;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.fixing-orders-window .fixing-orders-creation-form .form-field,
.fixing-orders-window .fixing-orders-summary .form-field {
  margin: 0;
  position: unset;
}

.fixing-orders-window .fixing-orders-creation-form .account,
.fixing-orders-window .fixing-orders-summary .account {
  width: 12em;
}

.fixing-orders-window .fixing-orders-creation-form .side,
.fixing-orders-window .fixing-orders-summary .side {
  width: 5em;
}

.fixing-orders-window .fixing-orders-creation-form .amount input,
.fixing-orders-window .fixing-orders-creation-form .amount .value,
.fixing-orders-window .fixing-orders-creation-form .commission input,
.fixing-orders-window .fixing-orders-creation-form .commission .value,
.fixing-orders-window .fixing-orders-creation-form .price input,
.fixing-orders-window .fixing-orders-creation-form .price .value,
.fixing-orders-window .fixing-orders-summary .amount input,
.fixing-orders-window .fixing-orders-summary .amount .value,
.fixing-orders-window .fixing-orders-summary .commission input,
.fixing-orders-window .fixing-orders-summary .commission .value,
.fixing-orders-window .fixing-orders-summary .price input,
.fixing-orders-window .fixing-orders-summary .price .value {
  text-align: right;
}

.fixing-orders-window .fixing-orders-creation-form .fixing-source,
.fixing-orders-window .fixing-orders-creation-form .fixing-session,
.fixing-orders-window .fixing-orders-creation-form .amount,
.fixing-orders-window .fixing-orders-creation-form .commission,
.fixing-orders-window .fixing-orders-creation-form .commission-type,
.fixing-orders-window .fixing-orders-creation-form .ccy-pair,
.fixing-orders-window .fixing-orders-creation-form .status,
.fixing-orders-window .fixing-orders-creation-form .price,
.fixing-orders-window .fixing-orders-summary .fixing-source,
.fixing-orders-window .fixing-orders-summary .fixing-session,
.fixing-orders-window .fixing-orders-summary .amount,
.fixing-orders-window .fixing-orders-summary .commission,
.fixing-orders-window .fixing-orders-summary .commission-type,
.fixing-orders-window .fixing-orders-summary .ccy-pair,
.fixing-orders-window .fixing-orders-summary .status,
.fixing-orders-window .fixing-orders-summary .price {
  width: 8em;
}

.fixing-orders-window .fixing-orders-creation-form .piped-price .pip-num,
.fixing-orders-window .fixing-orders-summary .piped-price .pip-num {
  font-size: 1.4em;
  line-height: 0;
}

.fixing-orders-window .fixing-orders-creation-form .status > *,
.fixing-orders-window .fixing-orders-summary .status > * {
  border-radius: 0.5em;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

.fixing-orders-window .fixing-orders-creation-form .main-select,
.fixing-orders-window .fixing-orders-summary .main-select {
  width: 10em;
  margin: 0.5em 0 1em 0;
}

.fixing-orders-window .fixing-orders-creation-form .main-select .select2-choice,
.fixing-orders-window .fixing-orders-summary .main-select .select2-choice {
  border-radius: 0;
}

.fixing-orders-window .fixing-orders-creation-form .sub-title,
.fixing-orders-window .fixing-orders-summary .sub-title {
  margin-bottom: 0.4em;
  width: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.fixing-orders-window .fixing-orders-creation-form .sub-title .gwt-Label,
.fixing-orders-window .fixing-orders-summary .sub-title .gwt-Label {
  font-weight: bold;
}

.fixing-orders-window .fixing-orders-creation-form .import,
.fixing-orders-window .fixing-orders-summary .import {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.fixing-orders-window .fixing-orders-creation-form .import label,
.fixing-orders-window .fixing-orders-summary .import label {
  padding: 0 0.4em;
  cursor: pointer;
  margin: 0;
}

.fixing-orders-window .fixing-orders-creation-form .import label::after,
.fixing-orders-window .fixing-orders-summary .import label::after {
  font-weight: normal;
  font-family: "webappsdk";
  content: "\ec7c";
}

.fixing-orders-window .fixing-orders-creation-form .import input,
.fixing-orders-window .fixing-orders-summary .import input {
  display: none;
}

.fixing-orders-window .fixing-orders-creation-form .import-error,
.fixing-orders-window .fixing-orders-summary .import-error {
  width: fit-content;
  padding: 0.5em 1em 0.5em 1em;
  margin: 1em 0 1em 0;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
}

.fixing-orders-window .fixing-orders-creation-form .fixing-order,
.fixing-orders-window .fixing-orders-summary .fixing-order {
  margin-bottom: 0.4em;
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 0.4em;
}

.fixing-orders-window .fixing-orders-creation-form .fixing-order > *:not(:last-child),
.fixing-orders-window .fixing-orders-summary .fixing-order > *:not(:last-child) {
  margin-right: 0.4em;
}

.fixing-orders-window .fixing-orders-creation-form .orders .fixing-order .delete,
.fixing-orders-window .fixing-orders-summary .orders .fixing-order .delete {
  background: none;
  border: none;
  padding: 0;
}

.fixing-orders-window .fixing-orders-creation-form .orders .fixing-order .delete::after,
.fixing-orders-window .fixing-orders-summary .orders .fixing-order .delete::after {
  font-size: 1.2em;
  font-family: "webappsdk";
  content: "\ebfa";
}

.fixing-orders-window .fixing-orders-creation-form .bulk-footer,
.fixing-orders-window .fixing-orders-summary .bulk-footer {
  margin-top: 1em;
  display: flex;
}

.fixing-orders-window .fixing-orders-creation-form .bulk-footer .actions,
.fixing-orders-window .fixing-orders-summary .bulk-footer .actions {
  align-self: flex-end;
  margin-left: auto;
}

.fixing-orders-window .fixing-orders-creation-form .bulk-footer .actions .secondary,
.fixing-orders-window .fixing-orders-summary .bulk-footer .actions .secondary {
  margin-right: 0.4em;
}

.fixing-orders-window .fixing-orders-creation-form .bulk-footer .actions > button,
.fixing-orders-window .fixing-orders-summary .bulk-footer .actions > button {
  padding: 0.2em 0.4em;
  font-size: 1.2em;
  border-radius: 5px;
}

.fixing-orders-window .fixing-orders-creation-form .bulk-footer .info-labels,
.fixing-orders-window .fixing-orders-summary .bulk-footer .info-labels {
  align-self: flex-start;
  font-size: 12px;
}

.fixing-orders-window .fixing-orders-creation-form .captions > *:not(:last-child),
.fixing-orders-window .fixing-orders-summary .captions > *:not(:last-child) {
  border-right: 1px solid gray;
  padding-right: 5px;
}

.fixing-orders-window .fixing-orders-creation-form .fixing-order > *,
.fixing-orders-window .fixing-orders-summary .fixing-order > * {
  border-right: 1px dashed gray;
  padding-right: 5px;
}

.fixing-orders-window .fixing-orders-creation-form .captions,
.fixing-orders-window .fixing-orders-creation-form .fixing-order,
.fixing-orders-window .fixing-orders-summary .captions,
.fixing-orders-window .fixing-orders-summary .fixing-order {
  margin-bottom: 0.4em;
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 0.4em;
}

.fixing-orders-window .fixing-orders-creation-form .captions > *:not(:last-child),
.fixing-orders-window .fixing-orders-creation-form .fixing-order > *:not(:last-child),
.fixing-orders-window .fixing-orders-summary .captions > *:not(:last-child),
.fixing-orders-window .fixing-orders-summary .fixing-order > *:not(:last-child) {
  margin-right: 0.4em;
}

.fixing-orders-window .fixing-orders-creation-form .captions .account-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .account-header,
.fixing-orders-window .fixing-orders-summary .captions .account-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .account-header {
  width: 12em;
}

.fixing-orders-window .fixing-orders-creation-form .captions .side-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .side-header,
.fixing-orders-window .fixing-orders-summary .captions .side-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .side-header {
  width: 5em;
}

.fixing-orders-window .fixing-orders-creation-form .captions .amount-header,
.fixing-orders-window .fixing-orders-creation-form .captions .commission-header,
.fixing-orders-window .fixing-orders-creation-form .captions .commission-type-header,
.fixing-orders-window .fixing-orders-creation-form .captions .ccy-pair-header,
.fixing-orders-window .fixing-orders-creation-form .captions .date-header,
.fixing-orders-window .fixing-orders-creation-form .captions .fixing-source-header,
.fixing-orders-window .fixing-orders-creation-form .captions .fixing-session-header,
.fixing-orders-window .fixing-orders-creation-form .captions .status-header,
.fixing-orders-window .fixing-orders-creation-form .captions .price-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .amount-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .commission-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .commission-type-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .ccy-pair-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .date-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .fixing-source-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .fixing-session-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .status-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .price-header,
.fixing-orders-window .fixing-orders-summary .captions .amount-header,
.fixing-orders-window .fixing-orders-summary .captions .commission-header,
.fixing-orders-window .fixing-orders-summary .captions .commission-type-header,
.fixing-orders-window .fixing-orders-summary .captions .ccy-pair-header,
.fixing-orders-window .fixing-orders-summary .captions .date-header,
.fixing-orders-window .fixing-orders-summary .captions .fixing-source-header,
.fixing-orders-window .fixing-orders-summary .captions .fixing-session-header,
.fixing-orders-window .fixing-orders-summary .captions .status-header,
.fixing-orders-window .fixing-orders-summary .captions .price-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .amount-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .commission-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .commission-type-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .ccy-pair-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .date-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .fixing-source-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .fixing-session-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .status-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .price-header {
  width: 8em;
}

.fixing-orders-window .fixing-orders-creation-form .captions .amount-header,
.fixing-orders-window .fixing-orders-creation-form .captions .commission-header,
.fixing-orders-window .fixing-orders-creation-form .captions .price-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .amount-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .commission-header,
.fixing-orders-window .fixing-orders-creation-form .fixing-order .price-header,
.fixing-orders-window .fixing-orders-summary .captions .amount-header,
.fixing-orders-window .fixing-orders-summary .captions .commission-header,
.fixing-orders-window .fixing-orders-summary .captions .price-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .amount-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .commission-header,
.fixing-orders-window .fixing-orders-summary .fixing-order .price-header {
  text-align: right;
}

.fixing-orders-window .fixing-orders-creation-form .switch-widget,
.fixing-orders-window .fixing-orders-summary .switch-widget {
  display: flex;
  align-items: center;
  font-size: 1em;
  user-select: none;
  padding: 0.4em;
  margin-top: 1em;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
}

.fixing-orders-window .fixing-orders-creation-form .switch-widget .gwt-Label,
.fixing-orders-window .fixing-orders-summary .switch-widget .gwt-Label {
  cursor: pointer;
  width: max-content;
  transition: text-shadow 0.3s ease-in 0s;
}

.fixing-orders-window .fixing-orders-creation-form .switch-widget .selected,
.fixing-orders-window .fixing-orders-summary .switch-widget .selected {
  text-shadow: 0px 0px 1px;
}

.fixing-orders-window .fixing-orders-creation-form .switch-widget .switch-checkbox,
.fixing-orders-window .fixing-orders-summary .switch-widget .switch-checkbox {
  margin: 0 0.4em;
  position: relative;
  width: 2.5em;
  height: 1.2em;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.fixing-orders-window .fixing-orders-creation-form .switch-widget .switch-checkbox input,
.fixing-orders-window .fixing-orders-summary .switch-widget .switch-checkbox input {
  display: none;
}

.fixing-orders-window .fixing-orders-creation-form .switch-widget .switch-checkbox label,
.fixing-orders-window .fixing-orders-summary .switch-widget .switch-checkbox label {
  cursor: pointer;
  margin: 0;
  padding: 0;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 1.2em;
}

.fixing-orders-window .fixing-orders-creation-form .switch-widget .switch-checkbox label, .fixing-orders-window .fixing-orders-creation-form .switch-widget .switch-checkbox label::before,
.fixing-orders-window .fixing-orders-summary .switch-widget .switch-checkbox label,
.fixing-orders-window .fixing-orders-summary .switch-widget .switch-checkbox label::before {
  border-width: 2px;
  border-style: solid;
}

.fixing-orders-window .fixing-orders-creation-form .switch-widget .switch-checkbox label:before,
.fixing-orders-window .fixing-orders-summary .switch-widget .switch-checkbox label:before {
  content: "";
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  width: 1.2em;
  height: 1.2em;
  border-radius: 50%;
  transition: right 0.3s ease-in 0s;
  right: calc(100% - 1.2em);
}

.fixing-orders-window .fixing-orders-creation-form .switch-widget .switch-checkbox input:checked + label:before,
.fixing-orders-window .fixing-orders-summary .switch-widget .switch-checkbox input:checked + label:before {
  right: 0px;
}

.fixing-orders-window .fixing-orders-creation-form .big-switch,
.fixing-orders-window .fixing-orders-summary .big-switch {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.4em;
}

.fixing-orders-window .fixing-orders-creation-form .big-switch .switch-widget,
.fixing-orders-window .fixing-orders-summary .big-switch .switch-widget {
  margin-right: 100%;
}

.fixing-orders-window .fixing-orders-creation-form .date,
.fixing-orders-window .fixing-orders-summary .date {
  display: flex;
  width: 8em;
}

.fixing-orders-window .fixing-orders-creation-form .date .field,
.fixing-orders-window .fixing-orders-summary .date .field {
  position: relative;
}

.fixing-orders-window .fixing-orders-creation-form .date .field:after,
.fixing-orders-window .fixing-orders-summary .date .field:after {
  font-family: "webappsdk";
  content: "\ea5f";
  line-height: 0;
  top: 50%;
  right: 0.4em;
  position: absolute;
  pointer-events: none;
}

.fixing-orders-window .fixing-orders-creation-form .date input,
.fixing-orders-window .fixing-orders-summary .date input {
  height: 100%;
  width: 7.5em;
  padding-left: 0.4em;
}

.fixing-orders-window .fixing-orders-creation-form button.switch,
.fixing-orders-window .fixing-orders-summary button.switch {
  height: 100%;
  width: 4.5em;
  position: relative;
  padding-left: 0.2em;
  padding-right: 1.4em;
  border-radius: 5px;
  text-align: left;
  text-transform: uppercase;
}

.fixing-orders-window .fixing-orders-creation-form button.switch::after,
.fixing-orders-window .fixing-orders-summary button.switch::after {
  font-family: "webappsdk";
  content: "\eda5";
  position: absolute;
  right: 0.2em;
  top: 50%;
  line-height: 0;
}

.fixing-orders-window .fixing-orders-creation-form button.switch.has-error::after,
.fixing-orders-window .fixing-orders-summary button.switch.has-error::after {
  content: "\ed6a";
}

.fixing-orders-window .fixing-orders-creation-form .add-order-editor,
.fixing-orders-window .fixing-orders-summary .add-order-editor {
  width: 2em;
  height: 2em;
  min-width: 2em;
  min-height: 2em;
  border-radius: 50%;
  border: none;
  align-self: center;
  margin: 1em 0;
  position: relative;
}

.fixing-orders-window .fixing-orders-creation-form .add-order-editor::after,
.fixing-orders-window .fixing-orders-summary .add-order-editor::after {
  font-family: "webappsdk";
  content: "\ed58";
  position: absolute;
  width: 100%;
  line-height: 0;
  top: 50%;
  left: 0;
}

.fixing-orders-window .fixing-orders-creation-form .scrollable,
.fixing-orders-window .fixing-orders-summary .scrollable {
  overflow-y: overlay;
  flex: auto;
}

.simple-price-widget {
  width: 150px;
  margin: auto;
  height: 70px;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  border: 1px solid #BBB;
  border-radius: 5px;
  background-color: #186A96;
}

.simple-price-widget.disable {
  background-color: #658698;
}

.simple-price-widget .price .pip-num, .simple-price-widget .price .pip-exponent, .simple-price-widget .price .pip-prenum-left, .simple-price-widget .price .qty {
  position: absolute;
}

.simple-price-widget .price .pip-num {
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 38.88889px;
  height: 38.88889px;
  line-height: 38.88889px;
  font-weight: bold;
}

.simple-price-widget .price .pip-exponent {
  bottom: 10px;
  left: 72%;
  font-size: 19.44444px;
  height: 38.88889px;
  line-height: 38.88889px;
  font-weight: bold;
}

.simple-price-widget .price .pip-prenum-left {
  left: 2px;
  top: 0;
  font-size: 12.96296px;
  height: 19.44444px;
  line-height: 19.44444px;
  font-weight: bold;
}

.simple-price-widget .price .qty {
  bottom: 0;
  left: 2px;
  font-size: 10.88889px;
}

.simple-price-widget .price .spot {
  left: 29%;
  width: 42%;
  line-height: 12px;
  margin: 0;
  text-align: center;
  font-size: 9px;
  white-space: initial;
}

.simple-price-widget .price .spot .title {
  font-weight: bold;
  text-transform: uppercase;
}

.position-blotter .position-bar {
  width: 300px;
  height: 20px;
}

.position-blotter-atom .sidebar-table .ptc, .exposure-blotter-atom .sidebar-table .ptc {
  height: 25px;
}

.position-bar {
  position: relative;
  vertical-align: middle;
  transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  font-weight: bold;
  font-size: 11px;
  height: 100%;
  line-height: 24px;
}

.position-bar .short {
  height: 100%;
  float: left;
  line-height: 24px !important;
}

.position-bar .long {
  height: 100%;
  float: right;
  line-height: 24px !important;
}

.position-bar .gwt-HTML.amount {
  top: 3px;
  vertical-align: middle;
}

.close-position-dialog .modal-dialog {
  width: 450px;
}

.close-position-label-row {
  margin-bottom: 5px;
  margin-left: 5px;
}

.close-position-button {
  float: left;
}

.positionBlotterExportMenu {
  display: inline-block;
}

.position-action-panel {
  height: 25px;
  display: flex;
  line-height: 25px;
  justify-content: space-evenly;
}

.rolling-position-dialog .modal-dialog {
  width: 500px;
}

.rolling-position-dialog .modal-dialog .modal-title {
  word-break: break-word;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .value-dates {
  display: flex;
  margin-bottom: 25px;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .value-dates .value-date-panel {
  text-align: center;
  width: 35%;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 5px;
  position: relative;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .value-dates .value-date-panel .value-date-label {
  height: 34px;
  line-height: 34px;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .value-dates .value-date-panel:before {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .value-dates .value-date-panel.from:before, .rolling-position-dialog .modal-dialog .manual-rolling-panel .body .value-dates .value-date-panel.to:before {
  content: attr(caption);
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .value-dates .value-date-panel.has-error:after {
  content: attr(error);
  display: block;
  position: absolute;
  font-size: 12px;
  top: 100%;
  padding-top: 2px;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .value-dates .value-date-panel .date-picker-label {
  text-align: center;
  cursor: pointer;
  padding: 5px 0;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .value-dates .arrow {
  display: flex;
  align-items: center;
  width: 30%;
  position: relative;
  padding: 0 5px;
  box-sizing: border-box;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .value-dates .line {
  height: 18px;
  width: 100%;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  font-weight: bolder;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .value-dates .edge {
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .price-panel {
  width: 300px;
  margin: auto;
  position: relative;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .price-panel.has-notif:after {
  display: block;
  content: attr(notif);
  font-size: 12px;
  padding-top: 2px;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .price-panel .swap-price {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  box-sizing: border-box;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .price-panel .swap-price .all-in {
  text-align: center;
  font-size: 30px;
  font-weight: bolder;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .price-panel .swap-price .pnt-panel {
  display: flex;
  padding-top: 15px;
  justify-content: space-between;
  font-size: 16px;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .price-panel .swap-price .near, .rolling-position-dialog .modal-dialog .manual-rolling-panel .body .price-panel .swap-price .spot, .rolling-position-dialog .modal-dialog .manual-rolling-panel .body .price-panel .swap-price .far {
  text-align: center;
  width: 33.333%;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .price-panel .swap-price .near:before, .rolling-position-dialog .modal-dialog .manual-rolling-panel .body .price-panel .swap-price .spot:before, .rolling-position-dialog .modal-dialog .manual-rolling-panel .body .price-panel .swap-price .far:before {
  content: attr(caption);
  display: block;
  text-align: center;
  font-size: 12px;
}

.rolling-position-dialog .modal-dialog .manual-rolling-panel .body .notification {
  width: 100%;
}

.order-editor-atom.popup-editor {
  height: 100%;
}

.order-editor-atom.popup-editor .footer {
  display: flex;
  justify-content: flex-end;
  height: 80px;
  margin-top: 10px;
  padding-top: 5px;
  position: relative;
}

.order-editor-atom.popup-editor .footer button {
  margin: auto 5px;
}

.order-editor-atom.popup-editor .footer .edition-panel {
  display: flex;
}

.order-editor-atom.popup-editor .footer .edition-panel .confirm-panel {
  margin: auto 50px;
  display: flex;
  padding: 10px;
  border-radius: 5px;
  align-items: center;
  justify-content: space-between;
}

.order-editor-atom.popup-editor .footer .edition-panel .confirm-panel .gwt-Label {
  width: 80%;
  text-align: start;
  margin-right: 70px;
}

.order-editor-atom.popup-editor .footer .edition-panel .confirm-panel .confirm-icon, .order-editor-atom.popup-editor .footer .edition-panel .confirm-panel .back-icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
}

.order-editor-atom.popup-editor .footer .edition-panel .trader-quantity-limitation .gwt-Button {
  margin-top: 22px;
}

.rollover-editor-dialog .modal-footer {
  height: 100%;
}

.rollover-editor-dialog .modal-footer .rollover-footer-panel {
  width: 90%;
  margin-right: 15px;
  outline: none;
}

.rollover-editor-dialog .modal-footer .rollover-footer-panel .time-progress-bar-addon {
  margin-bottom: 10px;
}

.rollover-editor-dialog .modal-footer .rollover-footer-panel .request {
  margin-top: 25px;
}

.rollover-editor-dialog .modal-footer .rollover-footer-panel button {
  float: left;
}

.rollover-editor-dialog .btn-default {
  margin-top: 25px;
}

.depth-widget-clickable-tenor {
  text-align: center;
}

.depth-widget-clickable-tenor .action-panel .dropdown-list .dropdown-tenor {
  margin-bottom: 5px;
}

.depth-widget-clickable-tenor .action-panel .dropdown-list .dropdown-menu {
  max-height: 210px;
  overflow: auto;
}

.depth-widget-clickable-tenor .action-panel .dropdown-list .dropdown-menu:hover {
  cursor: default;
}

.depth-widget-clickable-tenor .action-panel .dropdown-list .dropdown-menu .tenor-selection-widget {
  clear: both;
}

.depth-widget-clickable-tenor .action-panel .dropdown-list .dropdown-menu .tenor-selection-widget input:hover, .depth-widget-clickable-tenor .action-panel .dropdown-list .dropdown-menu .tenor-selection-widget label:hover {
  cursor: pointer;
}

.depth-widget-clickable-tenor .action-panel .dropdown-list .dropdown-menu .tenor-selection-widget input {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

.depth-widget-clickable-tenor .data-panel {
  display: flex;
  flex-direction: column;
}

.depth-widget-clickable-tenor .data-panel.disabled {
  cursor: default;
  pointer-events: none;
}

.depth-widget-clickable-tenor .data-panel .spot-panel {
  font-weight: bold;
  font-size: 15px;
}

.depth-widget-clickable-tenor .data-panel .tenor-panel {
  display: flex;
  border-bottom: 1px solid;
  cursor: pointer;
}

.depth-widget-clickable-tenor .data-panel .tenor-panel .tenor-field {
  width: 100%;
  height: 20px;
  text-overflow: ellipsis;
}

.depth-widget-clickable-tenor .data-panel .tenor-panel .price-field {
  width: 100%;
  height: 20px;
  text-overflow: ellipsis;
}

.depth-widget-clickable-tenor .data-panel .tenor-panel .price-field .pip-exponent {
  font-size: .8em;
}

.depth-widget-clickable-tenor .data-panel .tenor-panel .price-field .pip-prenum-left {
  font-size: .8em;
}

.depth-widget-clickable-tenor .data-panel .tenor-panel .left-price {
  border-right: 1px dashed;
}

.depth-widget-clickable-tenor .data-panel .tenor-panel .right-price {
  margin-inline-end: 50px;
}

.sms-portfolio-allocation-tab-panel {
  font-size: 12px;
  padding: 0 4px 10px 4px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.sms-portfolio-allocation-tab-panel .header-panel {
  font-family: Arial;
  font-weight: bold;
  display: flex;
  align-items: center;
  line-height: 23px;
  border-bottom: 1px solid;
  margin-bottom: 5px;
}

.sms-portfolio-allocation-tab-panel .header-panel .header-title {
  width: 142px;
}

.sms-portfolio-allocation-tab-panel .header-panel .group-header-result {
  position: absolute;
  right: 50px;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
}

.sms-portfolio-allocation-tab-panel .header-panel .header-action {
  position: absolute;
  margin-right: 10px;
  right: 0%;
  display: flex;
}

.sms-portfolio-allocation-tab-panel .header-panel .header-action .group-header-action-miror {
  order: 1;
  margin-right: 5px;
}

.sms-portfolio-allocation-tab-panel .header-panel .header-action .header-compact-button {
  order: 2;
}

.sms-portfolio-allocation-tab-panel .allocation-tab {
  margin-bottom: 5px;
}

.sms-portfolio-allocation-tab-panel .entry-panel {
  font-size: 12px;
  display: flex;
  align-items: center;
  height: 26px;
}

.sms-portfolio-allocation-tab-panel .entry-panel .acount-picker {
  margin-right: 2px;
  max-width: 137px;
  min-width: 137px;
}

.sms-portfolio-allocation-tab-panel .entry-panel .select2-container .select2-choice {
  border-radius: 0px;
  font-size: inherit;
}

.sms-portfolio-allocation-tab-panel .entry-panel .side-picker {
  border: solid 1px;
  margin-right: 2px;
  display: flex;
  width: 50px;
  height: 100%;
}

.sms-portfolio-allocation-tab-panel .entry-panel .side-picker .gwt-Button {
  border: none;
}

.sms-portfolio-allocation-tab-panel .entry-panel .quantity-picker {
  width: 190px;
}

.sms-portfolio-allocation-tab-panel .footer-panel {
  display: flex;
  align-items: center;
  height: 28px;
}

.sms-portfolio-allocation-tab-panel .footer-panel .footer-add-panel {
  display: flex;
  align-items: center;
  margin-left: 3px;
}

.sms-portfolio-allocation-tab-panel .footer-panel .footer-add-panel .footer-add-label {
  margin-left: 3px;
  font-size: 12px;
}

.sms-portfolio-allocation-tab-panel .footer-panel .footer-add-panel .tooltip .tooltip-inner {
  overflow: hidden;
  text-overflow: ellipsis;
}

.sms-portfolio-allocation-tab-panel .footer-panel .footer-confirm-panel {
  margin-left: 95px;
}

.sms-portfolio-allocation-tab-panel .footer-panel .footer-undo-panel {
  margin-left: 2px;
}

.sms-portfolio-allocation-tab-panel .footer-panel .circle-container {
  border: 1px solid;
  border-radius: 20px;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  font-size: 10px;
}

.sms-portfolio-allocation-tab-panel.bugfix .footer-panel {
  padding-right: 3px;
}

.sms-portfolio-allocation-tab-panel.bugfix .footer-panel .footer-confirm-panel {
  margin-left: auto;
}

.single-allocation.sms-portfolio-allocation-tab-panel .header-panel {
  justify-content: space-between;
}

.single-allocation.sms-portfolio-allocation-tab-panel .entry-panel {
  width: 100%;
}

.single-allocation.sms-portfolio-allocation-tab-panel .entry-panel .acount-picker {
  width: 100%;
  max-width: unset;
  margin: 0;
}

.single-allocation.sms-portfolio-allocation-tab-panel .footer-panel {
  justify-content: flex-end;
}

.single-allocation.sms-portfolio-allocation-tab-panel .footer-panel .footer-confirm-panel {
  margin: 0;
}

.sms-portfolio-allocation-tab-panel .portfolio-allocation-panel {
  display: flex;
  border-bottom: 1px solid;
}

.sms-portfolio-allocation-tab-panel .portfolio-allocation-panel .edit-button {
  padding: 1px 2px 1px 2px;
}

.sms-portfolio-allocation-tab-panel .portfolio-allocation-panel .account {
  width: 120px;
  text-indent: 2px;
  overflow: hidden;
}

.sms-portfolio-allocation-tab-panel .portfolio-allocation-panel .side {
  width: 33px;
  text-indent: 2px;
}

.sms-portfolio-allocation-tab-panel .portfolio-allocation-panel .side:before {
  content: '';
  width: 28px;
  border-left: 1px dashed;
  margin-right: 2px;
}

.sms-portfolio-allocation-tab-panel .portfolio-allocation-panel .quantity {
  width: 86px;
  text-indent: 2px;
  overflow: hidden;
}

.sms-portfolio-allocation-tab-panel .portfolio-allocation-panel .quantity:before {
  content: '';
  width: 28px;
  border-left: 1px dashed;
  margin-right: 2px;
}

.single-allocation.sms-portfolio-allocation-tab-panel .portfolio-allocation-panel {
  justify-content: space-between;
}

.single-allocation.sms-portfolio-allocation-tab-panel .portfolio-allocation-panel .account {
  width: 120px;
  text-indent: 2px;
  overflow: hidden;
  margin-right: 125px;
}

.box-allocation-tab.is-leg-group {
  margin: 5px 0px 0px -10px;
}

.box-allocation-tab .tab-header {
  display: flex;
  border-bottom: 1px solid;
  margin-bottom: 7px;
}

.box-allocation-tab .tab-header .tab-header-title {
  font-family: Arial;
  font-style: normal;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

.box-allocation-tab .tab-header .tab-header-action {
  position: absolute;
  margin-right: 10px;
  right: 0%;
}

.box-allocation-tab .tab-header .tab-header-action .tab-action-reduce {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-header {
  height: 18px;
  display: flex;
  border-bottom: 1px solid;
  margin-bottom: 5px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-header .group-header-title {
  font-family: Arial;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}

.box-allocation-tab .tab-container .box-allocation-group .group-header .group-header-result {
  position: absolute;
  right: 21px;
  margin-right: 4px;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-header .group-header-action {
  position: absolute;
  right: 0%;
  margin-right: 9px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-header .group-header-action .group-header-action-miror {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-allocations .box-allocation-panel {
  display: flex;
  align-items: center;
  line-height: 18px;
  border-bottom: 1px solid;
}

.box-allocation-tab .tab-container .box-allocation-group .group-allocations .box-allocation-panel .allocation-action-edit {
  margin-right: 2px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-allocations .box-allocation-panel .allocation-action-delete {
  position: absolute;
  right: 0%;
  margin-right: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-allocations .box-allocation-panel .allocation-summary {
  display: flex;
  align-items: center;
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-allocations .box-allocation-panel .allocation-summary .allocation-summary-account {
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box-allocation-tab .tab-container .box-allocation-group .group-allocations .box-allocation-panel .allocation-summary .allocation-summary-side {
  width: 32px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-allocations .box-allocation-panel .allocation-summary .allocation-summary-quantity {
  width: 65px;
  text-align: end;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input {
  display: flex;
  align-items: center;
  height: 26px;
  margin-top: 5px;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input .form-field {
  margin: 0 2px 0 0;
  height: 100%;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input .form-field .invalid:before,
.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input .form-field .invalid:after {
  content: initial;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input .form-field:last-child {
  margin-right: 0;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input .select2-choice,
.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input input {
  text-align: left;
  border-radius: 0;
  padding-left: 5px;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input .allocation-input-side button {
  width: 100%;
  height: 26px;
  border: solid 1px;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input .allocation-input-side button::after {
  font-family: webappsdk;
  content: '\eda5';
  margin-left: 5px;
  margin-right: 5px;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input.allocation-input-rfs .allocation-input-account {
  width: 134px;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input.allocation-input-rfs .allocation-input-side {
  width: 50px;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input.allocation-input-rfs .allocation-input-quantity {
  width: 85px;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input.allocation-input-esp .allocation-input-account {
  width: 119px;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input.allocation-input-esp .allocation-input-side {
  width: 60px;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input.allocation-input-esp .allocation-input-quantity {
  width: 85px;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input .quantity-spinner::before, .box-allocation-tab .tab-container .box-allocation-group .box-allocation-input .quantity-spinner::after {
  display: none;
}

.box-allocation-tab .tab-container .box-allocation-group .box-allocation-input .quantity-spinner.invalid:hover:before, .box-allocation-tab .tab-container .box-allocation-group .box-allocation-input .quantity-spinner.invalid:hover:after {
  display: block;
}

.box-allocation-tab .tab-container .box-allocation-group .group-actions {
  display: flex;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-actions .group-action-add {
  display: flex;
  align-items: center;
}

.box-allocation-tab .tab-container .box-allocation-group .group-actions .group-action-add .group-action-add-label {
  margin-left: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-actions .group-action-confirm {
  position: absolute;
  right: 20px;
  margin-right: 7px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-actions .group-action-confirm button {
  font-size: 10px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-actions .group-action-cancel {
  position: absolute;
  right: 0%;
  margin-right: 5px;
}

.box-allocation-tab .tab-container .box-allocation-group .group-actions .group-action-cancel button {
  font-size: 10px;
}

.circle-container {
  border: 1px solid;
  border-radius: 20px;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  font-size: 10px;
}

.allocation-summary-separator {
  height: 13px;
  border: 1px dashed;
  margin-right: 2px;
}

.borderless {
  border: none !important;
}

.smart-twap-fields {
  font-size: 14px;
  margin-top: 10px;
}

.algo-editor-security-side {
  display: inline-flex;
  width: 100%;
}

.algo-editor-security-side .smart-twap-fields {
  margin-left: 10px;
}

.algo-editor-security-side .algo-editor-security {
  display: inline-flex;
  margin-left: 10px;
}

.algo-editor-security-side .algo-editor-security .algo-editor-securities {
  display: inline-block;
  width: 260px;
  margin-right: 10px;
}

.algo-editor-security-side .algo-editor-security .algo-editor-securities .select2-container {
  width: 310px;
  margin-right: 5px;
}

.algo-editor-security-side .algo-editor-security .switch-currency {
  display: inline-block;
  vertical-align: middle;
  border-radius: 4px;
  border: 0;
  padding: 0;
  margin-left: 50px;
}

.algo-editor-security-side .algo-editor-security .switch-currency.b, .algo-editor-security-side .algo-editor-security .switch-currency.t {
  padding: 2px 10px;
}

.algo-editor-security-side .algo-editor-security .switch-currency.b:after, .algo-editor-security-side .algo-editor-security .switch-currency.t:after {
  font-family: "webappsdk";
  content: "\eda7";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  margin-left: 10px;
  opacity: .5;
}

.algo-editor-security-side .algo-editor-security .switch-currency:hover:after {
  opacity: 1;
}

.algo-editor-quantity-max-part {
  display: inline-flex;
}

.algo-editor-quantity-max-part .algo-editor-quantity {
  display: block;
}

.algo-editor-quantity-max-part .algo-editor-quantity .form-field-validator {
  width: 235px;
  margin-right: 10px;
}

.algo-editor-quantity-max-part .algo-editor-quantity .quantity-spinner {
  height: 24px;
}

.algo-editor-quantity-max-part .algo-editor-max-part {
  display: block;
}

.algo-editor-quantity-max-part .algo-editor-max-part .form-field-validator {
  width: 235px;
}

.algo-editor-market-ordtype {
  display: inline-flex;
  width: 100%;
}

.algo-editor-market-ordtype .algo-editor-label-market {
  margin-left: 50px;
}

.algo-editor-market-ordtype .algo-editor-label-market .algo-editor-market {
  display: inline-block;
  line-height: 21px;
}

.algo-editor-market-ordtype .algo-editor-label-market .algo-editor-market .gwt-HTML {
  font-size: 12px;
}

.algo-editor-market-ordtype .algo-editor-label-market .algo-editor-market .price-separator {
  padding: 0 5px;
  font-size: 18px;
}

.algo-editor-market-ordtype .algo-editor-label-market .algo-editor-market .piped-price .pip-content .pip-num {
  font-size: 20px;
}

.algo-editor-market-ordtype .algo-editor-label-market .algo-editor-market > div {
  display: inline-block;
}

.algo-editor-prices {
  display: inline-flex;
}

.algo-editor-prices .form-field-validator {
  width: 235px;
  margin-right: 10px;
}

.algo-editor-prices .algo-editor-price {
  height: 24px;
  width: 235px;
}

.algo-editor-urgency {
  width: 100%;
  height: 24px;
}

.date-hour-field .date {
  width: 50%;
  flex: inherit;
}

.date-hour-field .hour {
  width: 50%;
  flex: inherit;
}

.open-algo-editor {
  float: right;
  padding-right: 10px;
}

.open-algo-editor .lbl {
  margin-left: 5px;
  margin-right: 15px;
}

.algo-editor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 10px 0 10px;
  width: 100%;
  margin: auto;
  max-width: 500px;
}

.algo-editor.finder-mode .body {
  max-height: 100%;
  overflow: auto;
}

.algo-editor.finder-mode .algo-finder {
  display: flex;
  position: relative;
  flex-wrap: wrap;
}

.algo-editor.finder-mode .algo-finder .titled-panel {
  flex: 1;
  padding: 5px;
}

.algo-editor.finder-mode .algo-finder .titled-panel .titled-panel-title {
  font-size: 20px;
}

.algo-editor.finder-mode .algo-finder .titled-panel .algo-provider-selection,
.algo-editor.finder-mode .algo-finder .titled-panel .algo-selection {
  margin-bottom: 10px;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag {
  height: 30px;
  line-height: 30px;
  width: 100%;
  border: none;
  padding: 0;
  position: relative;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
  padding-left: 30px;
  text-overflow: ellipsis;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag::before {
  font-family: 'webappsdk';
  content: '\ee70';
  font-size: 13px;
  line-height: 30px;
  position: absolute;
  left: 5px;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag:disabled {
  text-decoration: line-through;
  cursor: not-allowed;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag.selected::before {
  content: '\ee6e';
}

.algo-editor.finder-mode .algo-finder .algo-finder-footer {
  height: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 10px;
}

.algo-editor.finder-mode .algo-finder .algo-finder-footer .algo-name {
  flex-grow: 1;
  width: 100%;
  font-size: 20px;
  line-height: 30px;
  height: 30px;
  text-transform: uppercase;
}

.algo-editor.finder-mode .algo-finder .algo-finder-footer .algo-description {
  flex-grow: 1;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  height: 60px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.algo-editor.finder-mode .algo-finder .algo-finder-footer .validate {
  width: 150px;
  height: 26px;
  margin-top: 4px;
  border-radius: 5px;
  font-size: 14px;
  color: white;
}

.algo-editor.finder-mode .algo-finder .algo-finder-footer .validate:disabled {
  cursor: not-allowed;
}

.algo-editor.editor-mode .header {
  padding: 5px;
}

.algo-editor.editor-mode .header .title {
  text-align: center;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 28px;
}

.algo-editor.editor-mode .header .header-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.algo-editor.editor-mode .header .header-container .algo-editor-header {
  position: relative;
  font-size: 14px;
  font-weight: initial;
  min-width: 150px;
  margin: 5px 5px 20px 5px;
  flex-basis: calc(50% - 10px);
}

@media screen and (max-width: 370px) {
  .algo-editor.editor-mode .header .header-container .algo-editor-header.algo-editor-header {
    flex-grow: 1;
    flex-basis: calc(100% - 10px);
  }
}

.algo-editor.editor-mode .header .header-container .algo-editor-header .gwt-Label {
  text-align: initial;
  margin-left: 3px;
}

.algo-editor.editor-mode .header .header-container .algo-editor-header .gwt-Label::after {
  content: "*";
  position: absolute;
  right: 0;
  line-height: 20px;
  font-size: 20px;
}

.algo-editor.editor-mode .header .header-container .algo-editor-header .select2-container {
  width: 100%;
}

.algo-editor.editor-mode .header .header-container .algo-editor-header .algo-editor-type {
  font-size: 14px;
  margin-top: 10px;
}

.algo-editor.editor-mode .header .header-container .prices {
  display: flex;
  height: 30px;
  margin: auto 5px;
  align-items: center;
  justify-content: center;
}

.algo-editor.editor-mode .header .header-container .prices .piped-price-on-bid,
.algo-editor.editor-mode .header .header-container .prices .piped-price-on-offer {
  padding: 0 5px;
}

.algo-editor.editor-mode .header .header-container .prices .piped-price-on-bid::before,
.algo-editor.editor-mode .header .header-container .prices .piped-price-on-offer::before {
  display: block;
  line-height: 12px;
  height: 12px;
  font-size: 10px;
  text-align: center;
}

.algo-editor.editor-mode .header .header-container .prices .piped-price-on-bid::before {
  content: "Bid";
}

.algo-editor.editor-mode .header .header-container .prices .piped-price-on-offer::before {
  content: "Offer";
}

.algo-editor.editor-mode .header .header-container .prices .piped-price {
  line-height: 18px;
  height: 18px;
  width: 80px;
  text-align: center;
}

.algo-editor.editor-mode .header .header-container .prices .piped-price .pip-prenum-left {
  font-size: 12px;
}

.algo-editor.editor-mode .header .header-container .prices .piped-price .pip-num {
  font-size: 18px;
}

.algo-editor.editor-mode .header .header-container .prices .piped-price .pip-exponent {
  font-size: 13px;
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.algo-editor.editor-mode .footer {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.algo-editor.editor-mode .footer .summary {
  width: 100%;
  position: absolute;
  border-radius: 5px;
  padding: 10px;
  bottom: 51px;
  display: none;
}

.algo-editor.editor-mode .footer .summary::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  position: absolute;
  left: calc(100% - 35px);
  top: 100%;
}

.algo-editor.editor-mode .footer .summary.visible {
  display: block;
  -webkit-animation: fade-out 2s ease-out both;
  animation: fade-out 2s ease-out both;
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}

.algo-editor.editor-mode .footer button {
  height: 26px;
  width: 60px;
  border-radius: 5px;
  font-size: 14px;
}

.algo-editor.editor-mode .footer .send,
.algo-editor.editor-mode .footer .reset {
  margin-left: 5px;
}

.algo-editor .body {
  overflow: auto;
  overflow: overlay;
  padding: 10px;
}

.algo-editor .body .editor {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.algo-editor .body .editor .form-field {
  min-width: 150px;
  margin: 5px 5px 20px 5px;
  flex-basis: calc(50% - 10px);
}

@media screen and (max-width: 370px) {
  .algo-editor .body .editor .form-field {
    flex-grow: 1;
    flex-basis: calc(100% - 10px);
  }
}

.algo-editor .body .section {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.algo-editor .body .section[name]:before {
  content: attr(name);
  color: #FFFFFF;
  width: 100%;
  height: 20px;
  line-height: 20px;
  margin-bottom: 5px;
}

.algo-editor .body .group {
  display: flex;
  position: relative;
  margin: 5px 5px 20px 5px;
  flex-basis: calc(50% - 10px);
}

.algo-editor .body .group[name]:before {
  content: attr(name);
  color: #FFFFFF;
  width: 100%;
  height: 20px;
}

.algo-editor .body .group .form-field {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  min-width: 0px;
}

.algo-editor .body .group .currency {
  position: absolute;
  bottom: 1px;
  color: white;
  z-index: 1;
  width: fit-content;
  padding: 2px;
  border-radius: 5px;
  left: 1px;
  min-height: 24px;
  cursor: pointer;
}

.algo-editor .body .group .currency .caption {
  display: none;
}

.algo-editor .body .group .quantity {
  min-width: 220px;
}

.algo-editor .body .group .quantity input {
  padding-left: 37px;
}

.algo-editor .body input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.algo-editor .fss-morganstanley-pegged .group .darkUnit .caption,
.algo-editor .fss-morganstanley-pegged .group .sortUnit .caption,
.algo-editor .fss-morganstanley-pegged .group .darkBase .caption,
.algo-editor .fss-morganstanley-pegged .group .sortBase .caption {
  color: transparent;
}

.algo-editor .fss-morganstanley-pegged .group .darkBase .caption::after,
.algo-editor .fss-morganstanley-pegged .group .sortBase .caption::after,
.algo-editor .fss-morganstanley-pegged .group .darkPegPrice .caption::after,
.algo-editor .fss-morganstanley-pegged .group .sortPegPrice .caption::after {
  display: none;
}

.algo-editor .fss-morganstanley-pegged .group .darkPegPrice .form-field-validator,
.algo-editor .fss-morganstanley-pegged .group .sortPegPrice .form-field-validator {
  margin-top: 20px;
}

.algo-editor .fss-morganstanley-pegged .group .darkPegPrice .caption,
.algo-editor .fss-morganstanley-pegged .group .sortPegPrice .caption {
  position: absolute;
  left: -100%;
}

.sms-ui-aggregation.algo-editor .header,
.sms-ui-institutionaltrading.algo-editor .header {
  height: 110px;
}

.sms-ui-aggregation.algo-editor .body,
.sms-ui-institutionaltrading.algo-editor .body {
  max-height: calc(100% - 160px);
}

@media screen and (max-width: 370px) {
  .sms-ui-aggregation.algo-editor .header,
.sms-ui-institutionaltrading.algo-editor .header {
    height: 140px;
  }
  .sms-ui-aggregation.algo-editor .body,
.sms-ui-institutionaltrading.algo-editor .body {
    max-height: calc(100% - 190px);
  }
}

.sms-ui-aggregation.finder-mode .body,
.sms-ui-institutionaltrading.finder-mode .body {
  max-height: 100% !important;
}

.sms-ui-voicetrading.algo-editor .header {
  height: 180px;
}

.sms-ui-voicetrading.algo-editor .body {
  max-height: calc(100% - 230px);
}

@media screen and (max-width: 370px) {
  .sms-ui-voicetrading.algo-editor .header {
    height: 285px;
  }
  .sms-ui-voicetrading.algo-editor .body {
    max-height: calc(100% - 335px);
  }
}

.sms-ui-voicetrading.finder-mode .body {
  max-height: 100% !important;
}

.algo-editor .form-field[description] .caption {
  padding-left: 18px;
}

.algo-editor .form-field[description] .caption:before {
  font-family: 'webappsdk';
  position: absolute;
  left: 0;
  line-height: 20px;
  font-size: 12px;
  height: 20px;
  width: 15px;
  content: "\ed61";
}

.algo-editor .form-field[description]:hover:after {
  content: attr(description);
  position: absolute;
  line-height: 12px;
  font-size: 12px;
  top: 46px;
  padding: 5px;
  z-index: 1;
  border-radius: 0 0 5px 5px;
  white-space: normal;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  pointer-events: none;
}

.algo-editor .form-field[error] .caption {
  padding-left: 18px;
}

.algo-editor .form-field[error] .caption:before {
  font-family: 'webappsdk';
  position: absolute;
  left: 0;
  line-height: 20px;
  font-size: 12px;
  height: 20px;
  width: 15px;
  content: "\ed4d";
}

.algo-editor .form-field[error]::before {
  display: none;
}

.algo-editor .form-field[error]:hover::after {
  content: attr(error);
  position: absolute;
  line-height: 12px;
  font-size: 12px;
  top: 46px;
  padding: 5px;
  z-index: 1;
  white-space: normal;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  pointer-events: none;
}

.algo-editor .form-field.required .caption {
  position: relative;
}

.algo-editor .form-field.required .caption::after {
  content: "*";
  position: absolute;
  right: 0;
  line-height: 20px;
  font-size: 20px;
}

.algo-editor .toggle-button {
  height: 26px;
  line-height: 26px;
  border-radius: 5px;
  padding: 0;
  position: relative;
  text-transform: uppercase;
}

.algo-editor .toggle-button::after {
  font-family: 'webappsdk';
  content: '\eda5';
  font-size: 13px;
  line-height: 26px;
  position: absolute;
  right: 5px;
}

.algo-editor .select2-container .select2-choice {
  border-radius: 0;
  outline: none;
}

.algo-editor .date-time {
  display: flex;
}

.algo-editor .date-time .date,
.algo-editor .date-time .time {
  width: 50%;
}

.algo-editor .gwt-DateBox,
.algo-editor .gwt-TextBox {
  height: 26px;
  padding-left: 8px;
  width: 100%;
}

.algo-editor .numeric-spinner,
.algo-editor .form-field-validator.invalid {
  height: 26px;
}

.algo-editor .numeric-spinner .spinner-container .price-spinner-label,
.algo-editor .form-field-validator.invalid .spinner-container .price-spinner-label {
  line-height: 24px;
}

.algo-editor .numeric-spinner .spinner-btn-box,
.algo-editor .form-field-validator.invalid .spinner-btn-box {
  border: none;
}

.algo-editor .numeric-spinner .spinner-btn-box .spinner-btn,
.algo-editor .form-field-validator.invalid .spinner-btn-box .spinner-btn {
  font-size: 13px;
}

.algo-editor .numeric-spinner .spinner-btn-box .spinner-btn::after,
.algo-editor .form-field-validator.invalid .spinner-btn-box .spinner-btn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 12px;
  line-height: 12px;
}

.algo-editor .numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-increase::after,
.algo-editor .form-field-validator.invalid .spinner-btn-box .spinner-btn.spinner-btn-increase::after {
  content: "\edc4";
}

.algo-editor .numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease::after,
.algo-editor .form-field-validator.invalid .spinner-btn-box .spinner-btn.spinner-btn-decrease::after {
  content: "\edc6";
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .fx-option-price-side .market-data-renderer .tooltip-inner {
  display: none;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .fx-option-price-side .market-data-renderer:hover .tooltip-inner {
  display: block;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .fx-option-price-side .market-data-renderer.sell .tooltip {
  left: 1px;
  z-index: 10;
  opacity: .9;
  position: absolute;
  top: 84px;
  width: 155px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .fx-option-price-side .market-data-renderer.sell .tooltip .tooltip-inner {
  overflow: hidden;
  padding: 4px 5px;
  border-radius: 0;
  white-space: break-spaces;
  float: left;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .fx-option-price-side .market-data-renderer.buy .tooltip {
  z-index: 10;
  opacity: .9;
  position: absolute;
  top: 84px;
  width: 155px;
  float: right;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .fx-option-price-side .market-data-renderer.buy .tooltip .tooltip-inner {
  overflow: hidden;
  padding: 4px 5px;
  border-radius: 0;
  white-space: break-spaces;
  float: left;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .header .box-type {
  border-radius: 5px;
  padding: 1px 5px;
  height: 14px;
  width: auto;
  max-width: 77px;
  border: none;
  font-size: 8pt;
  font-weight: bold;
  line-height: 13px;
  overflow: hidden;
  top: 2px;
  left: 8px;
  position: absolute;
  font-family: Arial;
  font-style: normal;
  pointer-events: none;
  letter-spacing: .3px;
  text-overflow: ellipsis;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side {
  user-select: none;
  -webkit-user-select: none;
  margin: 2px;
  display: flex;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer {
  height: 80px;
  padding: 2px;
  flex-grow: 1;
  margin: 0 1px;
  display: flex;
  cursor: pointer;
  border-radius: 5px;
  flex-direction: column;
  justify-content: space-between;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 50%;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer.disabled {
  cursor: not-allowed;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-header {
  display: inline-flex;
  justify-content: space-between;
  display: inline-flex;
  justify-content: space-between;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-header .side, .box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-header .delta {
  font-weight: bold;
  font-size: 12px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-header .delta::before {
  content: attr(caption);
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-body {
  margin: auto;
  display: flex;
  text-align: center;
  width: fit-content;
  align-items: baseline;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-body .fx-price {
  font-size: 21px;
  font-style: normal;
  font-weight: bold;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-body .pr-type {
  font-size: 12px;
  margin-left: 2px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-footer {
  display: inline-flex;
  justify-content: space-between;
  line-height: 14px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-footer .footer-left {
  text-align: left;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-footer .footer-right {
  text-align: right;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-footer .qty-name {
  font-weight: bold;
  font-size: 11px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-footer .qty-value {
  font-weight: bold;
  font-size: 12px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-footer .venue {
  font-size: 12px;
  margin-top: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 6ch;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer.buy .entry-footer {
  flex-flow: row-reverse;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer.buy .entry-footer .footer-left {
  text-align: right;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer.buy .entry-footer .footer-right {
  text-align: left;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .menu-bar {
  display: flex;
  padding: 0 5px;
  user-select: none;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .menu-bar .menu-item {
  font-size: 12px;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  font-style: normal;
  padding: 2px 10px 0 10px;
  border-radius: 5px 5px 0px 0px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .menu-bar .menu-item.selected {
  line-height: 17px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .menu-bar .menu-item.disabled {
  cursor: not-allowed;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .option-class-panel {
  display: flex;
  margin: 1px 0;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .option-class-panel .opt-class {
  width: 67%;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .option-class-panel .prenium-type {
  width: 40%;
  margin-left: 2px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container {
  padding: 2px 5px 0 5px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel {
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  padding-bottom: 4px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .form-panel {
  display: flex;
  flex-direction: column;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option {
  display: flex;
  margin: 1px 0;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .sides-option {
  flex-grow: 0.24;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .strike-with-icon {
  display: flex;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .strike-with-icon .strike-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .strike-with-icon .error-icon {
  margin: 0 4px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-label {
  flex-grow: 2;
  font-size: 12px;
  line-height: 26px;
  max-width: 67px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .error-icon {
  margin-right: 2px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values {
  width: 75%;
  display: flex;
  font-size: 13px;
  align-items: center;
  letter-spacing: -0.05em;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .field-value {
  height: 100%;
  width: 50%;
  flex-grow: 1;
  position: relative;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .field-value::before, .box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .field-value::after {
  display: none;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .field-value.disabled .spinner-btn-box {
  display: none;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .strike-field-widget {
  height: 100%;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .strike-field-widget.invalid:hover::after {
  display: block;
  content: attr(data-title);
  min-width: 100%;
  padding-left: 20px;
  padding-right: 0.5em;
  z-index: 2;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .strike-field-widget.invalid:hover::before {
  display: block;
  font-family: "webappsdk";
  content: "\ed4e";
  width: 20px;
  z-index: 3;
  padding-left: 4px;
  position: absolute;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .strike-field-widget .strike-price-text-formfield {
  width: 100%;
  height: 100%;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .strike-field-widget .strike-price-text-formfield .text-box-formfield {
  width: 100%;
  height: 100%;
  padding: 0px 5px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .switch-field-widget {
  display: flex;
  padding-right: 5px;
  justify-content: space-between;
  text-align: start !important;
  text-indent: 5px;
  padding-left: 2px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .switch-field-widget .switch-label {
  display: flex;
  line-height: 15px;
  word-spacing: 1px;
  align-items: center;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .notional-field-widget {
  display: flex;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .notional-field-widget .notional-label {
  width: 37px;
  margin: auto;
  cursor: pointer;
  font-size: 11px;
  padding: 0px 5px;
  line-height: 20px;
  user-select: none;
  text-align: center;
  border-radius: 5px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .notional-field-widget .quantity-spinner {
  border: 0;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .date-picker-label {
  text-indent: 5px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .quantity-spinner .spinner-value, .box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .price-spinner .spinner-value {
  text-align: left;
  text-indent: 5px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .piped-price {
  height: 100%;
  text-align: start !important;
  text-indent: 5px;
  line-height: 23px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .vanilla-editor .date-picker-label {
  font-size: 13px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .fx-opt-strategy-editor .date-picker-label {
  font-size: 11px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .fx-opt-strategy-editor .quantity-spinner .spinner-container {
  font-size: 10px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .fx-opt-strategy-editor .quantity-spinner .spinner-container .spinner-value {
  text-indent: 2px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel {
  display: flex;
  padding: 2px 5px;
  flex-direction: column;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .leg1-header, .box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .leg2-header {
  width: 100%;
  display: flex;
  font-size: 13px;
  font-weight: bold;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .leg-1, .box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .leg-2 {
  flex-direction: column;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .row-panel {
  display: flex;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .row-panel .row-label {
  width: 33.33%;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .row-panel .row-value {
  flex-grow: 1;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .delta-exchange-live-details {
  margin-top: 5px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .delta-exchange-live-details .delta-exchange-row {
  margin-top: 5px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .delta-exchange-live-details .row-value {
  margin-left: 10px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .request-notifier-panel {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  position: static;
  width: 187px;
  height: 15px;
  left: 0px;
  top: 0px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .request-notifier-panel .icon {
  position: static;
  width: 170px;
  height: 15px;
  left: 17px;
  top: 0px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .request-notifier-panel .icon .icon-notification2 {
  padding-right: 5px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .select2-choice .select2-chosen {
  font-weight: normal;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .days-from-spot-widget {
  display: inherit;
  margin: 0px;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .days-from-spot-widget .days-from-spot-spinner {
  width: 100%;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .date-picker-label {
  height: 100% !important;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .select2-choice {
  border-radius: 0;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"],
.box-atom[data-panel-type="ESP_PORTFOLIO"],
.box-atom[data-panel-type="MM_PORTFOLIO"] {
  font-family: 'Arial';
  font-style: normal;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .header,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .header,
.box-atom[data-panel-type="MM_PORTFOLIO"] .header {
  height: 75px;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .header .box-type,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .header .box-type,
.box-atom[data-panel-type="MM_PORTFOLIO"] .header .box-type {
  position: absolute;
  left: 5px;
  font-weight: 700;
  font-size: 10.6px;
  border: none;
  border-radius: 0px 0px 3px 3px;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .header .portfolio-selection,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .header .portfolio-selection,
.box-atom[data-panel-type="MM_PORTFOLIO"] .header .portfolio-selection {
  position: absolute;
  width: 166px;
  top: 25px;
  left: 54px;
  font-size: 12px;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .header .portfolio-client-selection,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .header .portfolio-client-selection,
.box-atom[data-panel-type="MM_PORTFOLIO"] .header .portfolio-client-selection {
  position: absolute;
  top: 25px;
  left: 4px;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .header .portfolio-client-selection .portfolio,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .header .portfolio-client-selection .portfolio,
.box-atom[data-panel-type="MM_PORTFOLIO"] .header .portfolio-client-selection .portfolio {
  float: left;
  width: 135px;
  padding: 0 2px 0 0;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .header .portfolio-client-selection .portfolio .select2-container .select2-choice .select2-chosen,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .header .portfolio-client-selection .portfolio .select2-container .select2-choice .select2-chosen,
.box-atom[data-panel-type="MM_PORTFOLIO"] .header .portfolio-client-selection .portfolio .select2-container .select2-choice .select2-chosen {
  line-height: 27px;
  height: 50px;
  letter-spacing: .1em;
  margin-right: 5px;
  text-align: center;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .header .portfolio-client-selection .client,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .header .portfolio-client-selection .client,
.box-atom[data-panel-type="MM_PORTFOLIO"] .header .portfolio-client-selection .client {
  float: right;
  width: 135px;
  padding: 0 0 0 2px;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .header .portfolio-client-selection .client .select2-container .select2-choice .select2-chosen,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .header .portfolio-client-selection .client .select2-container .select2-choice .select2-chosen,
.box-atom[data-panel-type="MM_PORTFOLIO"] .header .portfolio-client-selection .client .select2-container .select2-choice .select2-chosen {
  line-height: 27px;
  height: 50px;
  letter-spacing: .1em;
  margin-right: 5px;
  text-align: center;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .header .security-panel,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .header .security-panel,
.box-atom[data-panel-type="MM_PORTFOLIO"] .header .security-panel {
  top: 52px !important;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .price-widget,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .price-widget,
.box-atom[data-panel-type="MM_PORTFOLIO"] .price-widget {
  height: 100px;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .price-widget .price,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .price-widget .price,
.box-atom[data-panel-type="MM_PORTFOLIO"] .price-widget .price {
  height: 80px;
  border-radius: 5px;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .price-widget .spread,
.box-atom[data-panel-type="RFS_PORTFOLIO"] .price-widget .tooltip,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .price-widget .spread,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .price-widget .tooltip,
.box-atom[data-panel-type="MM_PORTFOLIO"] .price-widget .spread,
.box-atom[data-panel-type="MM_PORTFOLIO"] .price-widget .tooltip {
  top: 82px;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .box-footer .button-panel .tooltip-widget,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .box-footer .button-panel .tooltip-widget,
.box-atom[data-panel-type="MM_PORTFOLIO"] .box-footer .button-panel .tooltip-widget {
  height: 18px;
  float: right;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .depth-widget-panel .widgets-group,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .depth-widget-panel .widgets-group,
.box-atom[data-panel-type="MM_PORTFOLIO"] .depth-widget-panel .widgets-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: baseline;
  height: 20px;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .depth-widget-panel .widgets-group .widget-label,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .depth-widget-panel .widgets-group .widget-label,
.box-atom[data-panel-type="MM_PORTFOLIO"] .depth-widget-panel .widgets-group .widget-label {
  text-transform: uppercase;
  font-size: 10px;
  padding: 0 4px 0 2px;
  height: 15px;
  cursor: pointer;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .depth-widget-panel .widgets-group .widget-label.selected,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .depth-widget-panel .widgets-group .widget-label.selected,
.box-atom[data-panel-type="MM_PORTFOLIO"] .depth-widget-panel .widgets-group .widget-label.selected {
  border-bottom: 2px solid;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .depth-widget-panel .widget-container .sales-margin-widget,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .depth-widget-panel .widget-container .sales-margin-widget,
.box-atom[data-panel-type="MM_PORTFOLIO"] .depth-widget-panel .widget-container .sales-margin-widget {
  margin: 0 4px 5px 4px;
  margin-bottom: 10px;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .box-footer,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .box-footer,
.box-atom[data-panel-type="MM_PORTFOLIO"] .box-footer {
  margin-top: 18px;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .price-widget .priceMode.pip-num {
  bottom: 27%;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .form-container.fx-view .switchers .switch-currency {
  margin-right: 10px;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .form-container.fx-view .leg1 .qtty-panel, .box-atom[data-panel-type="RFS_PORTFOLIO"] .form-container.fx-view .leg2 .qtty-panel {
  width: 90px;
}

.box-atom[data-panel-type="RFS_PORTFOLIO"] .form-container.fx-view .leg1 .date-panel, .box-atom[data-panel-type="RFS_PORTFOLIO"] .form-container.fx-view .leg2 .date-panel {
  width: 90px;
}

.box-atom[data-panel-type="MM_PORTFOLIO"] .form-container.mm-view {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-around;
}

.box-atom[data-panel-type="MM_PORTFOLIO"] .form-container.mm-view .qtty-panel {
  display: flex;
  flex-direction: column;
  height: 23px;
  width: 125px;
}

.box-atom[data-panel-type="MM_PORTFOLIO"] .form-container.mm-view .date-panel {
  display: flex;
  flex-direction: column;
  width: 35%;
  margin-top: 15px;
}

.box-atom[data-panel-type="MM_PORTFOLIO"] .form-container.mm-view .diff {
  width: 20%;
  text-align: center;
  margin-top: 25px;
  align-self: center;
}

.box-atom[data-panel-type="MM_PORTFOLIO"] .mm-box-footer {
  display: flex;
}

.box-atom[data-panel-type="MM_PORTFOLIO"] .mm-box-footer .mm-button-panel {
  margin-left: 0px;
}

.box-atom[data-panel-type="MM_PORTFOLIO"] .mm-box-footer .mm-button-panel .mm-cancel {
  width: 100px;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .price-widget {
  height: 80px;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .price-widget .bid, .box-atom[data-panel-type="ESP_PORTFOLIO"] .price-widget .offer {
  border-radius: 5px;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .price-widget .price {
  height: calc(100% - 13px);
  border: none;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .price-widget .spread {
  top: 62px;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .price-widget .spread .pip-num {
  border-radius: 5px;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .price-widget .tooltip {
  top: 80px;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .form-container {
  padding: 0 6px 9px 6px;
  margin-top: 5px;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .form-container .portfolio-box-row {
  display: flex;
  justify-content: space-between;
  height: 25px;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .form-container .days-from-spot-widget {
  display: flex;
  justify-content: flex-end;
  margin-top: 1px;
  margin-bottom: 3px;
  height: 25px;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .form-container .qtty-panel,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .form-container .switch-currency,
.box-atom[data-panel-type="ESP_PORTFOLIO"] .form-container .date-panel {
  height: 100%;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .form-container .qtty-panel {
  width: 117.5px;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .form-container .switch-currency {
  width: 59px;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .form-container .date-panel {
  width: 91px;
}

.box-atom[data-panel-type="ESP_PORTFOLIO"] .form-container .switch-currency {
  border: none;
}

.main-layout > .header .menu-panel .portfolio-selection {
  min-width: 150px;
  max-width: 150px;
  float: right;
  height: 30px;
  text-align: center;
  padding-right: 15px;
}

.main-layout > .header .menu-panel .portfolio-selection .title {
  display: none;
}

.main-layout > .header .menu-panel .portfolio-selection .select2-container {
  margin-bottom: 2px;
}

.main-layout > .header .menu-panel .add-portfolio.add-rfs, .main-layout > .header .menu-panel .add-portfolio.add-esp {
  margin-right: 15px;
}

.main-layout > .header .menu-panel .add-portfolio.add-rfs::before, .main-layout > .header .menu-panel .add-portfolio.add-esp::before {
  margin-right: 5px;
  font-family: "webappsdk";
  content: '\ed39';
}

.add-metal-box {
  float: right;
}

.add-metal-box .lbl {
  margin-left: 5px;
  margin-right: 15px;
}

.esp-metal-box-panel .physical-product-panel, .rfs-metal-box-panel .physical-product-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.esp-metal-box-panel .physical-product-panel .gwt-Label, .rfs-metal-box-panel .physical-product-panel .gwt-Label {
  position: relative;
  top: 1px;
}

.esp-metal-box-panel .physical-product-panel .physical-product-list, .rfs-metal-box-panel .physical-product-panel .physical-product-list {
  margin-left: 5px;
  max-width: 150px;
  background: #333333;
  border: 0.5px solid #000000;
  border-radius: 4px;
}

.esp-metal-box-panel .physical-product-panel .physical-product-list .select2-chosen, .rfs-metal-box-panel .physical-product-panel .physical-product-list .select2-chosen {
  font-weight: normal;
}

.esp-metal-box-panel .qtty-unit-panel, .rfs-metal-box-panel .qtty-unit-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px;
  margin-bottom: 5px;
}

.esp-metal-box-panel .qtty-unit-panel .gwt-Label, .rfs-metal-box-panel .qtty-unit-panel .gwt-Label {
  position: relative;
  top: 1px;
}

.esp-metal-box-panel .qtty-unit-panel .qtty-unit-list, .rfs-metal-box-panel .qtty-unit-panel .qtty-unit-list {
  margin-left: 5px;
  max-width: 150px;
  background: #333333;
  border: 0.5px solid #000000;
  border-radius: 4px;
}

.esp-metal-box-panel .qtty-unit-panel .qtty-unit-list .select2-chosen, .rfs-metal-box-panel .qtty-unit-panel .qtty-unit-list .select2-chosen {
  font-weight: normal;
}

.esp-metal-box-panel .form-container, .rfs-metal-box-panel .form-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-bottom: 10px;
}

.esp-metal-box-panel .form-container .qtty-panel .quantity-spinner, .rfs-metal-box-panel .form-container .qtty-panel .quantity-spinner {
  width: 100px;
}

.esp-metal-box-panel .form-container .switch-currency, .rfs-metal-box-panel .form-container .switch-currency {
  font-size: 12px;
  border: none;
}

.esp-metal-box-panel .form-container .legs-container, .rfs-metal-box-panel .form-container .legs-container {
  position: relative;
}

.esp-metal-box-panel .metal-price-panel, .rfs-metal-box-panel .metal-price-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.esp-metal-box-panel .metal-price-label, .rfs-metal-box-panel .metal-price-label {
  font-weight: bold;
  padding-bottom: 15px;
}

.esp-metal-box-panel .qtty-panel, .rfs-metal-box-panel .qtty-panel {
  height: auto;
}

.esp-metal-box-panel .qtty-panel .quantity-unit-label, .rfs-metal-box-panel .qtty-panel .quantity-unit-label {
  position: absolute;
  left: 0px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 23px;
  text-indent: 5px;
  color: #808080;
}

.multi-mode-box-atom .center-panel .rfs-metal-box-panel .form-container .switch-lock {
  top: 15px;
  left: -14px;
}

.trade-summary-atom .trade-summary-container .r .physical-product-info, .trade-summary-print-atom .trade-summary-container .r .physical-product-info {
  white-space: initial;
  text-overflow: initial;
  font-weight: bold;
  width: 35%;
}

.metal-settings-panel {
  padding: 5px;
  font-size: 10px;
}

.metal-settings-panel .setting-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 23px;
  line-height: 17px;
}

.metal-settings-panel .setting-wrapper:not(:last-child) {
  margin-bottom: 5px;
}

.metal-settings-panel .setting-title {
  overflow: hidden;
  text-overflow: ellipsis;
}

.metal-settings-panel .setting-field {
  height: 100%;
  width: 188px;
}

/**** MODULE HEADER ALGO LIST BOX *****/
.menu-panel .add-algobox.dd-listbox {
  font-size: 14px;
  width: 120px;
  border: none;
  float: right;
  margin-right: 5px;
}

.menu-panel .add-algobox.dd-listbox .dd-container-clear {
  display: none;
}

.menu-panel .add-algobox.dd-listbox .dd-container-button {
  text-transform: capitalize;
}

.menu-panel .add-algobox.dd-listbox::before {
  font-family: 'webappsdk';
  content: "\ea17";
  margin-right: 3px;
}

/**** MODULE HEADER ALGO LIST BOX CONTAINER *****/
.algo-finder.dd-listbox-container {
  width: 190px;
  border-radius: 5px;
}

.algo-finder.dd-listbox-container .is-viewport {
  max-height: 230px;
}

/**** ALGO BOX ATOM DIALOG *****/
.algo-box-atom .dialog-widget .algo-dialog-header {
  display: flex;
  justify-content: space-between;
}

.algo-box-atom .dialog-widget .algo-dialog-header .algo-dialog-title {
  max-width: 75%;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 400;
  font-size: 20px;
}

.algo-box-atom .dialog-widget .algo-box-body {
  font-size: 14px;
  width: 390px;
  padding: 2px 15px 0px 15px;
}

.algo-box-atom .dialog-widget .algo-box-body .form-field, .algo-box-atom .dialog-widget .algo-box-body .additional-field {
  height: 26px;
  margin: 0px 0px 5px 0px;
}

.algo-box-atom .dialog-widget .algo-box-body .form-field .inner-widget.multi, .algo-box-atom .dialog-widget .algo-box-body .additional-field .inner-widget.multi {
  gap: 5px;
}

.algo-box-atom .dialog-widget .algo-box-body .form-field.comment, .algo-box-atom .dialog-widget .algo-box-body .additional-field.comment {
  height: 60px;
}

.algo-box-atom .dialog-widget .algo-box-body .numeric-spinner .spinner-btn-box .spinner-btn {
  font-size: 13px;
}

.algo-box-atom .dialog-widget .algo-box-body .numeric-spinner .price-spinner-label,
.algo-box-atom .dialog-widget .algo-box-body .numeric-spinner .spinner-container {
  padding-top: 1px;
}

.algo-box-atom .dialog-widget .algo-box-body .numeric-spinner .piped-price {
  font-size: 14px;
  padding-top: 3px;
}

.algo-box-atom .dialog-widget .algo-box-body .numeric-spinner .piped-price .pip-num {
  font-size: 18px;
}

.algo-box-atom .dialog-widget .algo-box-body .dd-listbox {
  height: 26px;
}

.algo-box-atom .dialog-widget .algo-box-body .dd-listbox .dd-container-state::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
}

.algo-box-atom .dialog-widget .algo-box-body .date-time::after {
  width: 13px;
  font-size: 13px;
  top: 4px;
}

.algo-box-atom .dialog-widget .algo-box-body .date-time .form-control {
  font-size: 14px;
}

.algo-box-atom .dialog-widget .algo-box-body .currency {
  width: 60px;
}

.algo-box-atom .dialog-widget .algo-box-body .currency .inner-widget {
  height: 26px;
  padding: 3px 5px 0px 5px;
}

.algo-box-atom .dialog-widget .algo-box-body .group {
  height: 26px;
  margin: 0px 0px 5px 0px;
}

.algo-box-atom .dialog-widget .algo-box-body .group .group-content {
  gap: 5px;
}

.algo-box-atom .dialog-widget .algo-box-body .group .group-content .form-field {
  min-width: 60px;
}

.algo-box-atom .dialog-widget .algo-box-body .collapse-panel .collapse-title {
  height: 26px;
  margin-bottom: 5px;
}

.algo-box-atom .dialog-widget .algo-box-body .form-field[data-warning-label]::before {
  left: 60px;
}

.algo-box-atom .dialog-widget .algo-box-body .lfx-twap .form-field[data-warning-label]::before {
  left: -169px;
}

.algo-box-atom .dialog-widget .algo-box-body .form-field[error]::after,
.algo-box-atom .dialog-widget .algo-box-body .form-field-validator.invalid::after {
  font-size: 14px;
}

.algo-box-atom .dialog-widget .algo-box-footer {
  margin-top: 0px;
}

.algo-box-atom .dialog-widget .algo-box-footer .algo-box-price-widget {
  gap: 5px;
}

.algo-box-atom .dialog-widget .algo-box-footer .algo-box-price-widget .offer-caption, .algo-box-atom .dialog-widget .algo-box-footer .algo-box-price-widget .bid-caption {
  font-size: 14px;
}

.algo-box-atom .dialog-widget .algo-box-footer .algo-box-price-widget .piped-price {
  font-size: 14px;
}

.algo-box-atom .dialog-widget .algo-box-footer .algo-box-price-widget .piped-price .pip-num {
  font-size: 18px;
}

.algo-box-atom .dialog-widget .forward-date-dropdown {
  height: 100%;
}

.algo-box-atom .dialog-widget .forward-date-dropdown input {
  height: 100%;
}

.algo-box-atom .dialog-widget .forward-date-dropdown-menu {
  left: -125px;
  width: 300px;
}

.dialog-overlay.algo-box-atom {
  width: unset;
  position: fixed;
}

.dialog-overlay.algo-box-atom .dialog-widget {
  width: fit-content;
  min-width: 302px;
}

.boxgrid .algo-box-atom {
  margin: 5px;
}

/**** ALGO BOX ATOM *****/
.algo-box-atom {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  width: fit-content;
  min-width: 302px;
  position: relative;
}

.algo-box-atom.algo-box-window .algo-box-body {
  padding-top: 15px;
}

.algo-box-atom .algo-box-header,
.algo-box-atom .algo-box-footer {
  padding: 0 5px;
  width: 100%;
}

.algo-box-atom .algo-box-header {
  height: 40px;
  margin-bottom: 15px;
}

.algo-box-atom .algo-box-header .move-area {
  cursor: move;
}

.algo-box-atom .algo-box-header .algo-dialog-title {
  font-weight: 400;
  font-size: 18px;
}

.algo-box-atom .algo-box-body {
  max-height: 510px;
  overflow-y: auto;
  margin-bottom: 15px;
}

.algo-box-atom .algo-box-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 12px 10px;
  gap: 5px;
}

.algo-box-atom .move-area {
  position: relative;
  height: 10px;
}

.algo-box-atom .fields-area {
  display: flex;
  justify-content: space-between;
  height: calc(100% - 10px);
}

.algo-box-atom .buttons-area {
  display: flex;
}

.algo-box-atom .buttons-area button {
  font-size: 14px;
  border: none;
  background: none;
  margin-left: 1px;
}

.algo-box-atom .buttons-area button.button-undock::after {
  font-family: 'webappsdk';
  content: "\ee3e ";
}

.algo-box-atom .buttons-area button.button-close::after {
  font-family: 'webappsdk';
  content: "\ed69";
}

.algo-box-atom .algo-listbox {
  width: 200px;
  border: none;
  font-size: 13px;
}

.algo-box-atom .algo-listbox .dd-container-button {
  text-transform: uppercase;
  font-weight: 400;
}

.algo-box-atom .algo-box-price-widget {
  display: flex;
  gap: 2px;
}

.algo-box-atom .algo-box-price-widget .offer-caption,
.algo-box-atom .algo-box-price-widget .bid-caption {
  font-size: 12px;
  margin: auto;
}

.algo-box-atom .algo-box-price-widget .offer,
.algo-box-atom .algo-box-price-widget .bid {
  line-height: 100%;
  text-align: center;
  margin: auto;
  cursor: pointer;
}

.algo-box-atom .algo-box-price-widget .bid-caption {
  grid-column-start: 1;
  grid-column-end: 2;
}

.algo-box-atom .algo-box-price-widget .offer-caption {
  grid-column-start: 3;
  grid-column-end: 4;
}

.algo-box-atom .algo-box-price-widget .offer {
  grid-column-start: 4;
  grid-column-end: 5;
}

.algo-box-atom .algo-box-price-widget .bid {
  padding-right: 5px;
  grid-column-start: 2;
  grid-column-end: 3;
}

.algo-box-atom .piped-price {
  font-size: 12px;
}

.algo-box-atom .piped-price .pip-num {
  font-size: 16px;
}

.algo-box-atom .button-send {
  width: 85px;
}

.algo-box-atom .forward-date-dropdown-menu {
  left: -150px;
  width: 284px;
}

/**** GENERATED FIELDS *****/
.algo-box-body {
  font-size: 11px;
  padding: 2px 15px 0px 15px;
  width: 300px;
}

.algo-box-body .caption {
  padding: 0px;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.algo-box-body .required .caption::after {
  content: " *";
}

.algo-box-body .form-field,
.algo-box-body .additional-field {
  position: relative;
  display: flex;
  height: 20px;
  width: 100%;
  margin: 0px 0px 2px 0px;
  padding: 0px;
}

.algo-box-body .form-field .inner-widget, .algo-box-body .form-field .inner,
.algo-box-body .additional-field .inner-widget,
.algo-box-body .additional-field .inner {
  width: 50%;
}

.algo-box-body .form-field .inner,
.algo-box-body .additional-field .inner {
  text-transform: uppercase;
}

.algo-box-body .form-field .inner-widget.multi,
.algo-box-body .additional-field .inner-widget.multi {
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.algo-box-body .form-field.comment,
.algo-box-body .additional-field.comment {
  height: 46px;
  padding-top: 5px;
  border-top: 1px solid;
}

.algo-box-body .form-field.comment .caption,
.algo-box-body .additional-field.comment .caption {
  display: none;
}

.algo-box-body .form-field.comment .inner-widget,
.algo-box-body .additional-field.comment .inner-widget {
  width: 100%;
}

.algo-box-body .form-field textarea,
.algo-box-body .additional-field textarea {
  resize: none;
  padding-left: 5px;
}

.algo-box-body .form-field[data-warning-label]::before {
  content: attr(data-warning-label);
  left: 27px;
  top: 0px;
  position: absolute;
  z-index: 10;
  border: 1px solid;
  padding: 1px 5px;
  line-height: 15px;
}

.algo-box-body .lfx-twap .form-field[data-warning-label]::before {
  left: -205px !important;
}

.algo-box-body .form-field:has(.multi) {
  height: fit-content;
}

.algo-box-body .form-field[error]::before,
.algo-box-body .form-field-validator.invalid::before {
  position: absolute;
  right: calc(50% - 20px);
  padding-left: 5px;
}

.algo-box-body .form-field[error]::after,
.algo-box-body .form-field-validator.invalid::after {
  position: absolute;
  right: 0px;
  min-width: 50%;
  width: 50%;
  white-space: initial;
}

.algo-box-body .numeric-spinner .spinner-btn-box {
  border-left: none;
}

.algo-box-body .numeric-spinner .spinner-btn-box.disabled {
  border-top: 0px solid;
}

.algo-box-body .numeric-spinner .spinner-btn-box .spinner-btn {
  font-size: 10px;
}

.algo-box-body .numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-increase {
  top: -2px;
}

.algo-box-body .numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-increase::after {
  content: "\edc4 ";
}

.algo-box-body .numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease {
  bottom: 2px;
}

.algo-box-body .numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease::after {
  content: "\edc6 ";
}

.algo-box-body .numeric-spinner .price-spinner-label,
.algo-box-body .numeric-spinner .spinner-container {
  height: 100%;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.algo-box-body .numeric-spinner .price-spinner-label input,
.algo-box-body .numeric-spinner .spinner-container input {
  text-align: unset;
  text-indent: 5px;
}

.algo-box-body .numeric-spinner .piped-price .pip-num {
  font-size: 15px;
}

.algo-box-body .toggle-button {
  text-transform: uppercase;
  border: 1px solid;
  border-radius: 5px;
}

.algo-box-body .toggle-button.buy, .algo-box-body .toggle-buttonsell {
  border-radius: 3px;
}

.algo-box-body .toggle-button::before {
  margin-right: 4px;
  font-family: 'webappsdk';
  content: "\eda5";
}

.algo-box-body .dd-listbox {
  height: 20px;
}

.algo-box-body .dd-listbox .dd-container-state::after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid;
}

.algo-box-body .dd-listbox.dd-container-opened .dd-container-state::after {
  border-bottom: 3px solid;
  border-top: none;
}

.algo-box-body .date-time {
  position: relative;
}

.algo-box-body .date-time .form-control {
  padding-left: 5px;
  font-size: 11px;
  height: 100%;
  border-radius: 0px;
  cursor: pointer;
}

.algo-box-body .date-time .form-control:disabled {
  cursor: default;
}

.algo-box-body .date-time::after {
  font-family: 'webappsdk';
  content: "\ea5f";
  width: 11px;
  font-size: 11px;
  position: absolute;
  z-index: 1;
  right: 5px;
  top: 3px;
}

.algo-box-body .currency {
  position: relative;
  width: 70px;
}

.algo-box-body .currency .inner-widget {
  border: 1px solid;
  border-radius: 3px;
  cursor: pointer;
  padding: 2px 5px 0px 5px;
  text-align: left;
}

.algo-box-body .currency .inner-widget::after {
  font-family: 'webappsdk';
  content: "\eda5";
  position: absolute;
  right: 5px;
  top: 3px;
}

.algo-box-body .currency .inner-widget:disabled {
  cursor: default;
}

.algo-box-body .group {
  display: flex;
  height: 20px;
  width: 100%;
  margin: 0px 0px 2px 0px;
  padding: 0px;
}

.algo-box-body .group .group-content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 50%;
  gap: 2px;
}

.algo-box-body .group .group-content .caption {
  display: none;
}

.algo-box-body .group .group-content .form-field {
  flex-grow: 0;
  flex-shrink: 1;
  min-width: 0px;
  margin: 0px;
}

.algo-box-body .group .group-content .form-field .inner-widget {
  width: 100%;
}

.algo-box-body .collapse-panel .container {
  width: 100%;
  padding: 0px;
}

.algo-box-body .collapse-panel .collapse-title {
  border-bottom: 1px solid;
  height: 20px;
  text-transform: uppercase;
  margin-bottom: 2px;
  display: flex;
  align-items: center;
}

.algo-box-body .collapse-panel .collapse-title::after {
  content: "\edbd";
}

.algo-box-body .collapse-panel.collapsed .collapse-title {
  border: none;
}

.algo-box-body .collapse-panel.collapsed .collapse-title ::after {
  content: "\edb9";
}

.algo-box-body .select2-container .select2-choice .select2-chosen {
  font-weight: 400;
}

.algo-box-body .select2-container .select2-arrow b[role="presentation"] {
  display: none;
}

.algo-box-body .select2-container .select2-arrow::after {
  font-family: 'webappsdk';
  content: "\edc6 ";
  font-size: 16px;
}

.algo-box-body .additional-field {
  margin: 0px 0px 8px 0px;
}

.embedded-algo-order-editor {
  font-size: 11px;
}

.embedded-algo-order-editor .algo-box-body {
  width: 100%;
  padding: 0px;
}

.embedded-algo-order-editor .algo-box-body .lfx-qoetwap .form-field[data-warning-label]::before {
  left: -91px;
}

.embedded-algo-order-editor .algo-box-body .caption {
  width: 46%;
}

.embedded-algo-order-editor .algo-box-body .form-field .inner-widget, .embedded-algo-order-editor .algo-box-body .form-field .inner, .embedded-algo-order-editor .algo-box-body .additional-field .inner-widget, .embedded-algo-order-editor .algo-box-body .additional-field .inner {
  width: 54%;
}

.embedded-algo-order-editor .algo-box-body .group .group-content {
  width: 54%;
}

.embedded-algo-order-editor .algo-box-body .form-field[error]::before,
.embedded-algo-order-editor .algo-box-body .form-field-validator.invalid::before {
  right: calc(54% - 20px);
}

.embedded-algo-order-editor .algo-box-body .form-field[error]::after,
.embedded-algo-order-editor .algo-box-body .form-field-validator.invalid::after {
  min-width: 54%;
  width: 54%;
}

.embedded-algo-order-editor .editor-row {
  display: flex;
  height: 20px;
  width: 100%;
  margin: 0px 0px 2px 0px;
  padding: 0px;
}

.embedded-algo-order-editor .editor-row .order-editor-label {
  font-size: 11px;
  padding: 0px;
  width: 46%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.embedded-algo-order-editor .editor-row .order-editor-field {
  width: 54%;
}

.embedded-algo-order-editor .editor-row .dd-listbox {
  height: 20px;
}

.embedded-algo-order-editor .editor-row .dd-listbox .dd-container-state::after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid;
}

.embedded-algo-order-editor .editor-row .dd-listbox.dd-container-opened .dd-container-state::after {
  border-bottom: 3px solid;
  border-top: none;
}

.embedded-algo-order-editor .actions-row .btn {
  height: 20px;
  padding: 0px 4px;
  width: fit-content;
  font-size: 11px;
}

.embedded-algo-order-editor .actions-row .cancel {
  float: right;
  margin-right: 3px;
}

.listbox-algo-type-container .is-item .gwt-Label {
  padding-left: 20px;
}

.listbox-algo-type-container .dd-listbox-item-group {
  margin-top: 5px;
}

.listbox-algo-type-container .dd-listbox-item-group .gwt-Label {
  padding-left: 10px;
  text-transform: uppercase;
}

.templates-editor-atom-panel {
  height: 600px;
}

.templates-editor-atom-panel .templates-editor-atom {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "grid";
  margin-top: 10px;
  height: 100%;
}

.templates-editor-atom-panel .templates-editor-atom .dd-listbox {
  height: 20px;
}

.templates-editor-atom-panel .templates-editor-atom .dd-listbox .dd-container-state::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
}

.templates-editor-atom-panel .templates-editor-atom .dd-listbox.dd-container-opened .dd-container-state::after {
  border-bottom: 4px solid;
  border-top: none;
}

.templates-editor-atom-panel .templates-editor-atom .dd-listbox.dd-container-disabled .dd-container-clear {
  display: none;
}

.templates-editor-atom-panel .templates-editor-atom .form-panel {
  display: none;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel {
  grid-area: grid;
  padding-left: 10px;
  min-height: calc(100% - 120px);
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid {
  height: 100%;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .header {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .header .add-template-btn {
  width: 20px;
  border: 1px solid;
  border-radius: 100px;
  position: relative;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .header .add-template-btn::after {
  content: "\ed58";
  font-family: 'webappsdk';
  font-size: 12px;
  position: absolute;
  top: 1px;
  left: 3px;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .header .add-template-btn:disabled {
  cursor: not-allowed;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget {
  grid-template-rows: 51px 1fr;
  height: calc(100% - 30px);
  font-size: 11px;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget .column-actions {
  min-width: 60px;
  max-width: 60px;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget .grid-widget-header {
  gap: 3px;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget .grid-widget-header .grid-widget-header-cell {
  padding-right: 3px;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget .grid-widget-header .grid-widget-header-cell .gwt-Label {
  height: 20px;
  margin-bottom: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget .grid-widget-header .grid-widget-header-cell .gwt-Label.asc::before {
  content: "\edd1";
  font-family: 'webappsdk';
  margin-right: 3px;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget .grid-widget-header .grid-widget-header-cell .gwt-Label.desc::before {
  content: "\edd5";
  font-family: 'webappsdk';
  margin-right: 3px;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget .grid-widget-content {
  font-weight: 400;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget .grid-widget-content .grid-widget-row-content {
  gap: 3px;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget .grid-widget-content .grid-widget-row-content .grid-widget-cell {
  padding-right: 3px;
  display: flex;
  align-items: center;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget .grid-widget-content .grid-widget-row-content .grid-widget-cell .actions button {
  background: transparent;
  border: none;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget .grid-widget-content .grid-widget-row-content .grid-widget-cell .actions button:disabled {
  cursor: not-allowed;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget .grid-widget-content .grid-widget-row-content .grid-widget-cell .actions .edit::after {
  font-family: 'webappsdk';
  content: "\e90e";
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .grid-widget .grid-widget-content .grid-widget-row-content .grid-widget-cell .actions .delete::after {
  font-family: 'webappsdk';
  content: "\ebfa";
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .info-label {
  font-size: 13px;
  margin: 5px 5px 5px 0px;
}

.templates-editor-atom-panel .templates-editor-atom .grid-panel .info-label::before {
  font-family: 'webappsdk';
  content: "\ed61";
  margin-right: 5px;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode {
  grid-template-columns: 310px calc(100% - 325px);
  grid-template-areas: "form grid";
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel {
  display: block;
  grid-area: form;
  border-right: 1px solid;
  padding-right: 10px;
  height: 100%;
  overflow: auto;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .form-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .form-header .title {
  font-weight: 700;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .form-header .close-btn {
  background: transparent;
  border: none;
  padding: 0px;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .form-header .close-btn:disabled {
  cursor: not-allowed;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .form-header .close-btn::after {
  font-family: 'webappsdk';
  content: "\ed6a";
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .algo-box-body {
  padding: 0px;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .algo-box-body .algo-template-fields {
  margin-bottom: 10px;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .algo-box-body .algo-template-fields .additional-field .currency-pair-field {
  width: calc(60% - 2px);
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .algo-box-body .algo-template-fields .additional-field .currency-field {
  width: 40%;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .algo-box-body .algo-box-generated {
  margin-bottom: 10px;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .algo-box-body .algo-box-generated .required .caption::after {
  content: "";
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .warning {
  font-size: 11px;
  margin-bottom: 10px;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .warning::before {
  font-family: 'webappsdk';
  content: "\ed4d";
  margin-right: 5px;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .warning.info::before {
  content: "\ed61";
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .form-footer {
  display: flex;
  justify-content: end;
  width: 300px;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .form-footer .create-btn {
  border: 1px solid;
  border-radius: 5px;
}

.templates-editor-atom-panel .templates-editor-atom.form-mode .form-panel .form-footer .create-btn:disabled {
  cursor: not-allowed;
}

.flexy-tooltip-widget.template-delete-tooltip {
  z-index: 1999;
}

.flexy-tooltip-widget.template-delete-tooltip.flexy-tooltip-widget[vertical-position="down"].flexy-tooltip-widget[horizontal-position="left"]::before {
  margin-left: calc(20% - 27px);
}

.flexy-tooltip-widget.template-delete-tooltip.flexy-tooltip-warn .flexy-tooltip-notif {
  padding: 10px 5px;
}

.flexy-tooltip-widget.template-delete-tooltip.flexy-tooltip-warn .flexy-tooltip-notif .flexy-tooltip-title::before {
  position: static;
  margin-right: 5px;
  font-weight: 400;
}

.flexy-tooltip-widget.template-delete-tooltip.flexy-tooltip-warn .flexy-tooltip-notif .flexy-tooltip-footer {
  gap: 5px;
  margin-top: 5px;
}

.flexy-tooltip-widget.template-delete-tooltip.flexy-tooltip-warn .flexy-tooltip-notif .flexy-tooltip-footer .flexy-ko {
  border: 1px solid;
  border-radius: 5px;
}

.flexy-tooltip-widget.template-delete-tooltip.flexy-tooltip-warn .flexy-tooltip-notif .flexy-tooltip-footer .flexy-ko:disabled {
  cursor: not-allowed;
}

.flexy-tooltip-widget.template-delete-tooltip.flexy-tooltip-warn .flexy-tooltip-notif .flexy-tooltip-footer .flexy-ok {
  border: 1px solid;
  border-radius: 5px;
}

.flexy-tooltip-widget.template-delete-tooltip.flexy-tooltip-warn .flexy-tooltip-notif .flexy-tooltip-footer .flexy-ok:disabled {
  cursor: not-allowed;
}

.sms-ui-algo-management {
  height: 100%;
}

.sms-ui-algo-management input[type="checkbox"] {
  opacity: 0;
}

.sms-ui-algo-management .icon-pushpin {
  opacity: 0;
}

.sms-ui-algo-management div[data-column-id="2"] .dtgb-col-header-left {
  pointer-events: none;
}

.sms-ui-algo-management .pony-grid-pinned-header [pony-pinned]:nth-child(3) {
  border-right: 1px solid;
}

.sms-ui-algo-management .tab-contents {
  width: 100%;
}

.sms-ui-algo-management .tabContainer-panel .tabContainer-header .menu-tab ul {
  width: unset !important;
}

.sms-ui-algo-management .tabContainer-panel {
  height: 100%;
}

.sms-ui-algo-management .recent-data-notification {
  display: none !important;
}

.sms-ui-algo-management button.gwt-Button.icon.icon-plus2 {
  padding-top: 4px;
}

.sms-ui-algo-management .piped-price {
  text-align: right;
}

.sms-ui-algo-management .piped-price .pip-prenum-left, .sms-ui-algo-management .piped-price .pip-exponent {
  font-size: 13px;
}

.sms-ui-algo-management .piped-price .pip-num {
  font-size: 15px;
  font-weight: bold;
  padding: 0 1px;
}

.sms-ui-algo-management .setting-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
}

.sms-ui-algo-management .setting-button .dd-container-button {
  display: none;
}

.sms-ui-algo-management .setting-button .dd-container-state {
  font-family: 'webappsdk';
}

.sms-ui-algo-management .setting-button .dd-container-state:before {
  content: '\eb5c';
}

.sms-ui-algo-management .setting-button .dd-container-state:after {
  display: none;
}

.sms-ui-algo-management .actions {
  display: flex;
  justify-content: space-around;
  position: absolute;
  left: 0;
  width: 100px;
}

.sms-ui-algo-management .actions .icon {
  font-size: 15px;
  vertical-align: text-bottom;
}

.sms-ui-algo-management *[caption] {
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid;
  word-break: break-word;
  min-height: 20px;
  pointer-events: none;
  font-size: 13px;
}

.sms-ui-algo-management *[caption]:before {
  width: 220px;
  content: attr(caption);
  font-size: 12px;
  display: block;
  padding-right: 10px;
  flex-shrink: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sms-ui-algo-management *[caption].list {
  pointer-events: all;
}

.sms-ui-algo-management *[caption].list:after {
  font-family: 'webappsdk';
  content: '\e9ac';
  cursor: pointer;
}

.sms-ui-algo-management .algo-details {
  width: 100%;
  height: 100%;
  padding: 5px;
}

.sms-ui-algo-management .algo-details .algo-name-label {
  border-bottom: 1px solid;
  font-size: 18px;
  text-align: center;
}

.sms-ui-algo-management .algo-details .sub-panel {
  display: flex;
  height: 100%;
  padding-top: 5px;
}

.sms-ui-algo-management .algo-details .sub-panel .title {
  text-align: center;
  font-size: 15px;
  margin-bottom: 10px;
}

.sms-ui-algo-management .algo-details .sub-panel .static-config {
  width: 25%;
  padding: 10px;
  overflow: auto;
}

.sms-ui-algo-management .algo-details .sub-panel .chart-panel {
  padding-top: 10px;
  width: 50%;
  overflow: auto;
  border-left: 1px solid;
  border-right: 1px solid;
}

.sms-ui-algo-management .algo-details .sub-panel .notif-panel {
  width: 25%;
  padding: 10px;
  font-size: 12px;
  overflow: auto;
}

.sms-ui-algo-management .algo-details .sub-panel .notif-panel .notif:before {
  content: attr(timestamp);
  padding-right: 5px;
}

.sms-ui-algo-management.detail-window div {
  padding: 0px 10px;
}

.sms-ui-algo-management.detail-window div:first-child {
  text-align: center;
  font-size: 15px;
  margin-bottom: 10px;
}

.sms-ui-aggregation .menu-panel .general-header-create-deal {
  float: right;
  margin: 0 10px 0 5px;
}

.sms-ui-aggregation .menu-panel .general-header-create-deal .lbl {
  padding-left: 5px;
}

.sms-ui-aggregation .primary-venue-row input[type="text"] {
  width: 100%;
  padding-left: 8px;
  padding-right: 3px;
  height: 21px;
  text-overflow: ellipsis;
}

.sms-ui-aggregation .market-blotter-atom .bullet-flag {
  margin-left: 0;
}

.sms-ui-aggregation .loco-swap-editor-atom .grid-widget {
  max-height: 100%;
  display: flex;
  flex-direction: column;
}

.sms-ui-aggregation .loco-swap-editor-atom .grid-widget .grid-widget-content {
  font-weight: normal;
}

.sms-ui-aggregation .loco-swap-editor-atom .grid-widget .grid-widget-content .locoSwap-label {
  display: flex;
}

.sms-ui-aggregation .loco-swap-editor-atom .grid-widget .grid-widget-content .locoSwap-label .icon-arrow-right12 {
  padding-right: 7%;
  padding-left: 7%;
}

.sms-ui-aggregation .loco-swap-editor-atom .grid-widget .grid-widget-content .is-viewport .grid-widget-row .grid-widget-row-content .grid-widget-cell * {
  overflow: visible;
}

.sms-ui-aggregation .loco-swap-editor-atom .grid-widget .grid-widget-content .grid-widget-row .grid-widget-row-content .grid-widget-cell:last-child {
  border: none;
}

.sms-ui-aggregation .loco-swap-editor-atom .grid-widget .grid-widget-header .grid-widget-header-cell:last-child {
  border: none;
}

.sms-ui-aggregation .loco-swap-editor-atom .grid-widget .grid-widget-footer {
  direction: rtl;
  padding-right: 2%;
  height: fit-content;
  padding-top: 10px;
  padding-bottom: 10px;
}

.sms-ui-aggregation .loco-swap-editor-atom .grid-widget .grid-widget-footer .loco-swap-footer .loco-swap-apply .icon-checkmark {
  margin-right: 5px;
}

.sms-ui-aggregation .loco-swap-editor-atom .grid-widget .grid-widget-footer .loco-swap-footer .loco-swap-edit .icon-pencil {
  margin-right: 5px;
}

.sms-ui-aggregation .loco-swap-editor-atom .grid-widget .grid-widget-footer .loco-swap-footer .loco-swap-apply, .sms-ui-aggregation .loco-swap-editor-atom .grid-widget .grid-widget-footer .loco-swap-footer .loco-swap-edit, .sms-ui-aggregation .loco-swap-editor-atom .grid-widget .grid-widget-footer .loco-swap-footer .loco-swap-cancel {
  font-weight: bold;
}

.sms-ui-aggregation .efp-editor-atom .channels {
  height: 100%;
}

.sms-ui-aggregation .efp-editor-atom .security-choosing-panel {
  display: flex;
  flex-direction: row;
  min-height: 28px;
  line-height: 28px;
}

.sms-ui-aggregation .efp-editor-atom .security-choosing-panel .add {
  padding: 0 1em;
}

.sms-ui-aggregation .efp-editor-atom .efp-header {
  display: flex;
  padding: 2px;
}

.sms-ui-aggregation .efp-editor-atom .efp-line {
  display: flex;
  padding: 2px;
}

.sms-ui-aggregation .efp-editor-atom .spot-header {
  width: 15% !important;
  margin-left: 10%;
}

.sms-ui-aggregation .efp-editor-atom .efp-header > div {
  width: 25%;
  text-align: center;
  font-weight: bold;
}

.sms-ui-aggregation .efp-editor-atom .efp-line .actions {
  width: 10%;
}

.sms-ui-aggregation .efp-editor-atom .efp-line .icon {
  margin-right: 5px;
}

.sms-ui-aggregation .efp-editor-atom .symbol {
  width: 15%;
  text-align: center;
}

.sms-ui-aggregation .efp-editor-atom .future-list-box {
  width: 25%;
  margin-right: 2px;
}

.sms-ui-aggregation .efp-editor-atom .bid-efp-spinner {
  width: 25%;
  margin-right: 2px;
}

.sms-ui-aggregation .efp-editor-atom .offer-efp-spinner {
  width: 25%;
}

.sms-ui-aggregation .efp-editor-atom .validate-efp {
  margin-left: 4px;
  margin-right: 2px;
}

.sms-ui-aggregation .aggregated-by-lp .entry {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.sms-ui-aggregation .aggregated-by-lp .entry.value-date-override .owner {
  height: 11px;
  line-height: 11px;
}

.sms-ui-aggregation .aggregated-by-lp .entry .leg1-valuedate,
.sms-ui-aggregation .aggregated-by-lp .entry .leg2-valuedate {
  font-size: 9px;
  position: absolute;
  top: 11px;
  height: 11px;
  line-height: 11px;
}

.sms-ui-aggregation .aggregated-by-lp .entry .leg1-valuedate {
  left: 0;
}

.sms-ui-aggregation .aggregated-by-lp .entry .leg2-valuedate {
  right: 0;
}

.sms-ui-aggregation .box-lp-selection {
  height: 26px;
}

.sms-ui-aggregation .box-lp-selection:hover {
  height: 26px;
}

.sms-ui-aggregation .box-lp-selection .dd-container-button:before {
  font-family: 'webappsdk';
  content: '\e998';
  height: 25px;
  line-height: 25px;
  width: 25px;
  margin-right: 5px;
}

.sms-ui-aggregation .fxoption-aggregated-by-lp {
  margin-top: 5px;
}

.sms-ui-aggregation .fxoption-aggregated-by-lp .entry {
  display: flex;
  height: 24px;
  text-align: center;
  margin-bottom: 5px;
}

.sms-ui-aggregation .fxoption-aggregated-by-lp .entry .bid {
  width: 40%;
}

.sms-ui-aggregation .fxoption-aggregated-by-lp .entry .owner {
  width: 20%;
  font-weight: 600;
}

.sms-ui-aggregation .fxoption-aggregated-by-lp .entry .offer {
  width: 40%;
}

.sms-ui-aggregation .fxoption-aggregated-by-lp .entry .price .gwt-Button {
  user-select: none;
  width: 90px;
  border: solid 1px;
  border-radius: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}

.sms-ui-aggregation .fxoption-aggregated-by-lp .entry .price .gwt-Button:disabled {
  cursor: default;
}

.sms-ui-aggregation .box-atom .value-dates {
  padding: 5px;
  line-height: 26px;
  display: flex;
}

.sms-ui-aggregation .box-atom .value-dates .caption {
  margin-right: 5px;
}

.sms-ui-aggregation .price-ladder-widget {
  text-align: center;
}

.sms-ui-aggregation .price-ladder-widget .settings {
  display: grid;
  grid-template-columns: 127px 152px;
  grid-template-rows: 45px 45px;
  padding: 4px 0;
  margin-bottom: 5px;
}

.sms-ui-aggregation .price-ladder-widget .settings .numeric-spinner {
  height: 23px;
}

.sms-ui-aggregation .price-ladder-widget .settings .gwt-Label {
  text-align: start;
  font-size: x-small;
}

.sms-ui-aggregation .price-ladder-widget .settings .bootstrap-switch {
  height: 21px;
}

.sms-ui-aggregation .price-ladder-widget .settings .bootstrap-switch .bootstrap-switch-handle-on {
  padding: 0px !important;
}

.sms-ui-aggregation .price-ladder-widget .settings .bootstrap-switch .bootstrap-switch-handle-off {
  padding: 0px !important;
}

.sms-ui-aggregation .price-ladder-widget .settings .bootstrap-switch .bootstrap-switch-label {
  padding: 0px !important;
}

.sms-ui-aggregation .price-ladder-widget .settings .expiration-title-panel {
  display: flex;
  justify-content: space-between;
}

.sms-ui-aggregation .price-ladder-widget .settings .date-hour-field .date {
  width: 90px;
}

.sms-ui-aggregation .price-ladder-widget .settings .date-hour-field .hour {
  width: 20px;
  margin-left: 3px;
}

.sms-ui-aggregation .price-ladder-widget .settings > div {
  padding: 0 5px;
  box-sizing: border-box;
  place-self: baseline;
}

.sms-ui-aggregation .price-ladder-widget .ladder {
  margin: 0 5px;
}

.sms-ui-aggregation .price-ladder-widget .entry {
  display: flex;
  margin-bottom: 4px;
  justify-content: space-between;
  max-height: 30px;
  height: 30px;
}

.sms-ui-aggregation .price-ladder-widget .entry button {
  width: 100%;
}

.sms-ui-aggregation .price-ladder-widget .entry .offer {
  position: relative;
  width: 33.3%;
  height: 100%;
}

.sms-ui-aggregation .price-ladder-widget .entry .offer .step-quantity {
  top: 0;
  left: 66.6%;
  height: 100%;
}

.sms-ui-aggregation .price-ladder-widget .entry .bid {
  position: relative;
  width: 33.3%;
  height: 100%;
}

.sms-ui-aggregation .price-ladder-widget .entry .bid .step-quantity {
  top: 0;
  left: 0;
  height: 100%;
}

.sms-ui-aggregation .price-ladder-widget .entry .step-quantity-whith-resting {
  padding-top: 9px;
}

.sms-ui-aggregation .price-ladder-widget .entry .step-inhouse-quantity {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 12px;
  overflow: hidden;
  border-radius: 5px 5px 0px 0px;
  font-size: 10px;
  text-overflow: ellipsis;
}

.sms-ui-aggregation .price-ladder-widget .entry .step-quantity {
  border-radius: 5px;
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.sms-ui-aggregation .price-ladder-widget .entry .step-quantity.disable-cursor {
  cursor: not-allowed !important;
}

.sms-ui-aggregation .price-ladder-widget .entry .step-price {
  padding-top: 4px;
}

.sms-ui-aggregation .price-ladder-widget .entry.mid-price {
  position: relative;
  z-index: 1;
  justify-content: center;
}

.sms-ui-aggregation .price-ladder-widget .entry.mid-price .lock-button {
  border-radius: 5px;
  cursor: pointer;
}

.sms-ui-aggregation .price-ladder-widget .entry.mid-price .lock-button:before {
  font-family: 'webappsdk';
  content: '\eb51';
}

.sms-ui-aggregation .price-ladder-widget .entry.mid-price .lock-button:hover:before {
  content: '\eb50';
}

.sms-ui-aggregation .price-ladder-widget .entry.mid-price:before {
  content: "";
  margin: 0 auto;
  position: absolute;
  top: calc(50% - 1px);
  width: 95%;
  z-index: -1;
}

.sms-ui-aggregation .price-ladder-widget .entry.mid-price.locked .lock-button:before {
  content: '\eb50';
}

.sms-ui-aggregation .price-ladder-widget .entry.mid-price.locked .lock-button:hover:before {
  content: '\eb51';
}

.sms-ui-aggregation .mm-trade-panel .column-panel {
  height: 100px;
}

.sms-ui-aggregation .mm-trade-panel .numeric-spinner {
  height: 25px;
}

.sms-ui-aggregation .mm-trade-panel .btn-group label {
  font-size: 10px;
}

.sms-ui-aggregation .delta-exchange-panel {
  display: flex;
  margin-top: 5px;
  padding-top: 5px;
}

.sms-ui-aggregation .delta-exchange-panel .delta-exchange-label {
  width: fit-content;
  font-size: 12px;
  margin-top: 5px;
}

.sms-ui-aggregation .delta-exchange-panel .delta-exchange-info {
  margin-left: 5px;
}

.sms-ui-aggregation .delta-exchange-panel .delta-exchange-class {
  width: 145px;
  margin-left: auto;
}

.sms-ui-aggregation .delta-exchange-field {
  display: flex;
  margin-top: 2px;
}

.sms-ui-aggregation .delta-exchange-field .delta-exchange-checkbox-label {
  font-size: 12px;
  min-width: 105px;
}

.sms-ui-aggregation .delta-exchange-field .delta-exchange-checkbox-label:before {
  font-family: 'webappsdk';
  content: '\ee6c';
  font-size: 14px;
  margin-right: 5px;
}

.sms-ui-aggregation .delta-exchange-field .delta-exchange-checkbox-label.checked {
  cursor: default;
}

.sms-ui-aggregation .delta-exchange-field .delta-exchange-checkbox-label.checked:before {
  content: '\ee6b';
}

.sms-ui-aggregation .delta-exchange-field .delta-exchange-label {
  padding-left: 8px;
  width: 145px;
  margin-left: auto;
}

.sms-ui-aggregation .delta-exchange-field .delta-exchange-spinner {
  width: 145px;
  margin-left: auto;
}

.sms-ui-aggregation .delta-exchange-field .delta-exchange-spinner.invalid .numeric-spinner {
  border: 0;
}

.sms-ui-aggregation .delta-exchange-field .delta-exchange-spinner.invalid:hover::after, .sms-ui-aggregation .delta-exchange-field .delta-exchange-spinner.invalid:hover::before {
  content: none;
}

.sms-ui-aggregation .order-ticket .top-area .cross-block .cross-leg-summary {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  font-size: 1.3em;
}

.sms-ui-aggregation .order-ticket .top-area .cross-block .cross-leg-summary .gwt-Label {
  margin-right: 5px;
}

.sms-ui-aggregation .offallprotection .gwt-Button {
  font-family: 'webappsdk';
  background: none;
  border: none;
}

.sms-ui-aggregation .offallprotection .gwt-Button.protected:before {
  content: '\ec31';
}

.sms-ui-aggregation .offallprotection .gwt-Button.unprotected:before {
  content: '\ef48';
}

.offall-protected {
  background: none;
  border: none;
  padding: 0px;
}

.offall-protected:before {
  font-family: 'webappsdk';
  content: '\ec31';
}

.offall-unprotected {
  background: none;
  border: none;
  padding: 0px;
}

.offall-unprotected:before {
  font-family: 'webappsdk';
  content: '\ef48';
}

.order-operation .offallprotection {
  font-size: 12px;
}

.prefScreen .aggregation-preference-atom {
  padding-top: 20px;
}

.preference-dymamic-keypad-atom .caption {
  font-size: 14px;
  line-height: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.preference-dymamic-keypad-atom .title, .preference-dymamic-keypad-atom .keypad-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.preference-dymamic-keypad-atom .title .key, .preference-dymamic-keypad-atom .keypad-item .key {
  padding-left: 5px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: default;
}

.preference-dymamic-keypad-atom .title .key {
  border-right: 1px solid;
  padding-left: 5px;
}

.preference-dymamic-keypad-atom .title .action {
  padding-left: 10px;
}

.preference-dymamic-keypad-atom .keypad-item {
  margin-top: 2px;
}

.preference-dymamic-keypad-atom .keypad-item .key {
  border-right: 1px dashed;
}

.preference-dymamic-keypad-atom .keypad-item .action {
  width: 210px;
  margin-left: 5px;
  height: 26px;
}

.preference-dymamic-keypad-atom .keypad-item .action .dd-container-button {
  line-height: 24px;
}

.second-trader-validation .content {
  padding: 5px;
}

.second-trader-validation .ticket-pending-review {
  border-color: #E68433;
}

.second-trader-validation .ticket-pending-review-other {
  border-color: #5C5C5C;
}

.second-trader-validation .ticket-validated {
  border-color: #49B149;
}

.second-trader-validation .ticket {
  margin-top: 5px;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
  padding: 4px;
}

.second-trader-validation .ticket .pending-review-status {
  font-weight: bold;
  color: #EFB17D;
  display: inline-block;
  margin-right: 3px;
}

.second-trader-validation .ticket .validated-status {
  font-weight: bold;
  color: #8ACD8A;
  display: inline-block;
  margin-right: 3px;
}

.second-trader-validation .ticket .validated-user {
  font-weight: bold;
  display: inline-block;
}

.second-trader-validation .ticket button {
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  color: white;
  font-size: 12px;
  padding-top: 3px;
  height: 22px;
}

.second-trader-validation .ticket button span:nth-child(1) {
  padding-right: 5px;
}

.second-trader-validation .ticket .button-info {
  background-color: #0B4E85;
  border-color: #117AD0;
}

.second-trader-validation .ticket .button-info:hover,
.second-trader-validation .ticket .button-info:focus,
.second-trader-validation .ticket .button-info:active,
.second-trader-validation .ticket .button-info.active {
  background-color: #1576C7;
  border-color: #0B4E85;
  color: white;
}

.second-trader-validation .ticket .button-info-disabled {
  border-color: #0B4E85;
  background-color: #0B4E85;
  color: gray;
}

.second-trader-validation .ticket .button-info-disabled span:nth-child(2) {
  color: #BDBDBD;
}

.second-trader-validation .ticket .button-default {
  background-color: #3B3B3B;
  border-color: #5C5C5C;
}

.second-trader-validation .ticket .button-default:hover,
.second-trader-validation .ticket .button-default:focus,
.second-trader-validation .ticket .button-default:active,
.second-trader-validation .ticket .button-default.active {
  background-color: #676767;
  border-color: #3B3B3B;
  color: white;
}

.second-trader-validation .ticket .button-pickup {
  width: 100%;
}

.second-trader-validation .ticket .button-defer {
  width: 49.5%;
  margin-right: 1%;
}

.second-trader-validation .ticket .button-update {
  width: 49.5%;
}

.second-trader-validation .ticket .button-review {
  width: 49.5%;
}

.second-trader-validation .ticket .button-full-width {
  width: 100%;
}

.second-trader-validation .ticket .button-mid-width {
  width: 49.5%;
  margin-right: 1%;
}

.second-trader-validation .ticket .description .line > * {
  display: inline-block;
  margin-right: 3px;
}

.second-trader-validation .ticket .description .line {
  margin: 4px 0;
}

.second-trader-validation .ticket .description .line:nth-child(3) {
  margin-top: 0;
  float: left;
}

.second-trader-validation .ticket .description .line:nth-child(4) {
  margin-top: 0;
  text-align: right;
}

.second-trader-validation .ticket .description .buy {
  font-weight: bold;
}

.second-trader-validation .ticket .description .sell {
  font-weight: bold;
}

.second-trader-validation .ticket .description .currency-pair {
  color: white;
  font-weight: bold;
}

.second-trader-validation .ticket .description .settlement-date {
  color: white;
  font-weight: bold;
}

.second-trader-validation .ticket .description .at {
  color: white;
  font-weight: bold;
}

.second-trader-validation .ticket .description .price {
  color: white;
  font-weight: bold;
}

.second-trader-validation .ticket .description .rsp-account-id {
  color: white;
  font-weight: bold;
}

.second-trader-validation .ticket .description .requester-id {
  color: white;
  font-weight: bold;
}

.second-trader-validation .ticket .description .venue {
  color: white;
  font-weight: bold;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .pt-panel .post-trade-tags {
  margin: 5px 0;
  width: auto;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .waar-panel {
  width: 100%;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .waar-panel .waar-checkbox-panel {
  width: 100%;
  display: flex;
  margin-top: 5px;
  flex-direction: row;
  align-items: flex-end;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .waar-panel .waar-checkbox-panel .waar-checkbox {
  height: 23px;
  margin-right: 10px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .side, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .currency, .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .amount {
  text-align: left;
  width: 150px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .vanilla-option-fourth-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .vanilla-option-fourth-panel .settlement-mode-field-option {
  margin-left: 12px;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .vanilla-option-fourth-panel .delivery-date-field-option {
  margin-right: 93px;
  margin-top: auto;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .btn-info {
  background-color: #0B4E85;
  border-color: #117AD0;
}

.deal-dialog-create .modal-dialog .manual-trade-editor-atom .btn-info:hover,
.deal-dialog-create .modal-dialog .manual-trade-editor-atom .btn-info:focus,
.deal-dialog-create .modal-dialog .manual-trade-editor-atom .btn-info:active,
.deal-dialog-create .modal-dialog .manual-trade-editor-atom .btn-info.active {
  background-color: #1576C7;
  border-color: #0B4E85;
  color: white;
}

.deal-dialog-create .dialog-header {
  font-size: 24px;
  font-weight: 500;
  height: 65px;
  border-bottom: 1px solid black !important;
  margin-bottom: 0px;
}

.deal-dialog-create .dialog-header .modal-header {
  border: none;
  padding: 6px;
}

.deal-dialog-create .dialog-body {
  margin: 0px;
}

.deal-dialog-create .dialog-footer {
  display: none !important;
}

.deal-dialog-create .left-panel .securities-panel {
  padding: 5px 0 !important;
}

.deal-dialog-create .left-panel .tenor-panel {
  padding: 0 !important;
}

.deal-dialog-create .left-panel .tenor-panel .tenor-value-date .field-option {
  width: 170px;
}

.deal-dialog-create .left-panel .account-panel .payment-counterpart .field {
  width: 110px;
}

.deal-dialog-create .left-panel .account-panel .account {
  width: 45%;
}

.deal-dialog-create .left-panel .account-panel .RSP {
  padding-right: 8px;
}

.deal-dialog-create .left-panel .channel-panel .channel {
  width: 175px !important;
}

.deal-dialog-create .left-panel .channel-panel .comment {
  width: 178px !important;
  padding-right: 8px;
}

.deal-dialog-create .left-panel .pt-panel .post-trade-tags {
  width: 178px !important;
  padding-right: 5px;
}

.deal-dialog-create .left-panel .pt-panel .pt-checkbox-panel {
  height: 35px;
  margin-left: 5px;
}

.deal-dialog-create .right-panel {
  display: block !important;
  padding-top: 14px !important;
}

.deal-dialog-create .right-panel .column-panel .side {
  width: 170px !important;
  margin: 0px 14px;
}

.deal-dialog-create .right-panel .column-panel .side .btn {
  height: 26px;
  width: 85px;
  padding-top: 3px;
}

.deal-dialog-create .right-panel .column-panel .currency {
  margin-top: 0px;
  width: 170px !important;
}

.deal-dialog-create .right-panel .column-panel .amount {
  margin-top: 0px;
  width: 170px !important;
}

.deal-dialog-create .right-panel .last-price-panel .main-panel {
  margin: 0px 15px;
}

.deal-dialog-create .right-panel .last-price-panel .main-panel .header-row {
  margin-top: 5px;
  background-color: black;
}

.deal-dialog-create .right-panel .last-price-panel .main-panel .header-row .bids-label,
.deal-dialog-create .right-panel .last-price-panel .main-panel .header-row .offers-label {
  width: 35% !important;
}

.deal-dialog-create .right-panel .last-price-panel .main-panel .market-row {
  justify-content: flex-end;
}

.deal-dialog-create .right-panel .last-price-panel .main-panel .market-row .market-label {
  margin: 0px !important;
  translate: -25px -25px;
}

.deal-dialog-create .right-panel .last-price-panel .main-panel .market-row .market-bid-panel,
.deal-dialog-create .right-panel .last-price-panel .main-panel .market-row .market-offer-panel {
  width: 35% !important;
}

.deal-dialog-create .right-panel .last-price-panel .point-price-panel {
  display: block !important;
  margin-left: 15px;
}

.deal-dialog-create .right-panel .last-price-panel .point-price-panel .field-option {
  width: 170px !important;
}

.deal-dialog-create .right-panel .last-price-panel .point-price-panel .field-option .field {
  height: 25px;
}

.deal-dialog-create .right-panel .last-price-panel .point-price-panel .pip-panel {
  display: inline-block !important;
}

.deal-dialog-create .right-panel .last-price-panel .point-price-panel .all-in-panel {
  display: inline-block !important;
  margin-left: 20px;
}

.second-trader-validation-timeout-tooltip .tooltip-notif {
  translate: -250px -65px;
  width: 280px;
  height: 56px;
  background-color: #492200 !important;
  border: 1px solid #B35100 !important;
}

.second-trader-validation-timeout-tooltip .tooltip-notif .tooltip-body {
  translate: 30px -2px;
}

.second-trader-validation-timeout-tooltip .tooltip-notif .tooltip-body .gwt-Label {
  width: 250px;
  line-height: 20px;
  color: white;
}

.second-trader-validation-timeout-tooltip .tooltip-notif button {
  color: white;
  translate: 0px 10px;
}

.second-trader-validation-timeout-tooltip .tooltip-arrow {
  rotate: -90deg;
  translate: -35px -30px;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  color: #B35100;
}

/******************************
*** MAIN
******************************/
.sms-ui-clientrisk .blotters-area {
  height: 100%;
}

.presettlement-credit-blotter-atom .total-usage-progress-widget {
  width: 400px;
}

.presettlement-credit-blotter-atom .total-usage-progress-widget .total-usage-panel {
  display: flex;
  justify-content: space-between;
}

.presettlement-credit-blotter-atom .total-usage-progress-widget .percentage-progress-container {
  height: 10px;
}

.presettlement-credit-blotter-atom .total-usage-progress-widget .percentage-progress-container .percentage-progress-bar {
  height: 100%;
}

.presettlement-credit-blotter-atom .body-table {
  width: 100% !important;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead {
  width: 100% !important;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:first-child {
  font-weight: bold;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:first-child .gwt-Label.sortable {
  padding-left: 5px;
  text-align: left;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:first-child .sorter {
  position: absolute;
  right: 10px;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:nth-child(n+2):nth-child(-n+4) {
  font-weight: normal;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:nth-child(n+2):nth-child(-n+4) .gwt-Label.sortable {
  padding-left: 5px;
  text-align: left;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:nth-child(n+2):nth-child(-n+4) .sorter {
  position: absolute;
  right: 10px;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:nth-child(n+5) {
  font-weight: normal;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:nth-child(n+5) .gwt-Label.sortable {
  padding-right: 5px;
  text-align: right;
  width: 95% !important;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:nth-child(n+5) .sorter {
  position: absolute;
  left: 10px;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .resizer {
  width: 1px;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .pinner {
  display: none !important;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:first-child {
  font-weight: bold;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:first-child .gwt-Label {
  text-align: start;
  padding-left: 5px !important;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:nth-child(n+2):nth-child(-n+4) {
  font-weight: normal;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:nth-child(n+2):nth-child(-n+4) .gwt-Label {
  text-align: start;
  padding-left: 5px !important;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:nth-child(n+5) {
  font-weight: normal;
}

.presettlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:nth-child(n+5) .gwt-Label {
  text-align: end;
  padding-right: 5px !important;
}

.presettlement-credit-blotter-atom .body-table td {
  height: initial;
}

.presettlement-credit-blotter-atom .body-table .ptc .percentage-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 5px !important;
}

.presettlement-credit-blotter-atom .body-table .ptc .percentage-panel .percentage-label {
  font-size: 11px;
  height: 17px;
  line-height: 20px;
}

.presettlement-credit-blotter-atom .body-table .ptc .percentage-panel .percentage-progress-container {
  width: 100%;
  height: 4px;
}

.presettlement-credit-blotter-atom .body-table .ptc .percentage-panel .percentage-progress-container .percentage-progress-bar {
  height: 100%;
}

.settlement-credit-blotter-atom .infinite-scrolling.grid-atom {
  top: 40px !important;
}

.settlement-credit-blotter-atom .pinnable-table {
  font-size: 15px;
}

.settlement-credit-blotter-atom .grid-customize-btn-group {
  justify-content: space-between !important;
  width: 100%;
}

.settlement-credit-blotter-atom .aggregation-mode {
  display: flex;
}

.settlement-credit-blotter-atom .aggregation-mode .gwt-RadioButton {
  cursor: pointer;
  display: flex;
}

.settlement-credit-blotter-atom .aggregation-mode .gwt-RadioButton input {
  margin: auto;
}

.settlement-credit-blotter-atom .aggregation-mode .gwt-RadioButton label {
  margin: auto;
  line-height: 16px;
  height: 16px;
}

.settlement-credit-blotter-atom .aggregation-mode .separator {
  margin-left: 10px;
  margin-right: 10px;
  cursor: default;
}

.settlement-credit-blotter-atom .body-table {
  width: 100% !important;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead {
  width: 100% !important;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:first-child {
  font-weight: bold;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:first-child .gwt-Label.sortable {
  padding-left: 5px;
  text-align: left;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:first-child .sorter {
  position: absolute;
  right: 10px;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:nth-child(n+2):nth-child(-n+5) {
  font-weight: normal;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:nth-child(n+2):nth-child(-n+5) .gwt-Label.sortable {
  padding-left: 5px;
  text-align: left;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:nth-child(n+2):nth-child(-n+5) .sorter {
  position: absolute;
  right: 10px;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:nth-child(n+6) {
  font-weight: normal;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:nth-child(n+6) .gwt-Label.sortable {
  padding-right: 5px;
  text-align: right;
  width: 95% !important;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .ptc:nth-child(n+6) .sorter {
  position: absolute;
  left: 10px;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .resizer {
  width: 1px;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .pinner {
  display: none !important;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .value-container {
  display: flex;
  width: 100%;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:first-child {
  font-weight: bold;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:first-child .credit-data-cell-child .value-container {
  padding-left: 5px;
  justify-content: flex-start;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:nth-child(n+2):nth-child(-n+5) {
  font-weight: normal;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:nth-child(n+2):nth-child(-n+5) .credit-data-cell-child button.icon {
  display: none;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:nth-child(n+2):nth-child(-n+5) .credit-data-cell-child .value-container {
  padding-left: 5px;
  justify-content: flex-start;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:nth-child(n+6) {
  font-weight: normal;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:nth-child(n+6) .credit-data-cell-child button.icon {
  display: none;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList tbody .ptc:nth-child(n+6) .credit-data-cell-child .value-container {
  padding-right: 5px;
  justify-content: flex-end;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell {
  height: 100% !important;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell.settlement-credit-data-currency {
  font-weight: bold;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell.settlement-credit-data-usage .credit-data-cell-child-1, .settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell.settlement-credit-data-limit .credit-data-cell-child-1 {
  font-weight: bold;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell .credit-data-cell-child {
  display: flex;
  justify-content: center;
  height: 25px;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell .credit-data-cell-child.aggregated-cell {
  cursor: pointer;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell .credit-data-cell-child .percentage-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-left: 5px;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell .credit-data-cell-child .percentage-panel .percentage-label {
  font-size: 11px;
  height: 17px;
  line-height: 20px;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell .credit-data-cell-child .percentage-panel .percentage-progress-container {
  width: 100%;
  height: 4px;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell .credit-data-cell-child .percentage-panel .percentage-progress-container .percentage-progress-bar {
  height: 100%;
}

.sms-ui-dashboard {
  /*-- Tiles size --------------------------------------- */
}

@keyframes pending {
  0% {
    content: '';
  }
  25% {
    content: '.';
  }
  50% {
    content: '..';
  }
  75% {
    content: '...';
  }
  100% {
    content: '';
  }
}

.sms-ui-dashboard *:before, .sms-ui-dashboard *:after {
  box-sizing: initial !important;
}

.sms-ui-dashboard .main-layout {
  height: 100%;
}

@media (max-height: 950px) {
  .sms-ui-dashboard .module-entries {
    align-content: flex-start !important;
  }
}

.sms-ui-dashboard .header {
  position: relative !important;
}

.sms-ui-dashboard .header .sign-out {
  min-width: 100px;
}

.sms-ui-dashboard .footer {
  width: 100%;
  font-size: 0.9em;
  height: 30px;
}

.sms-ui-dashboard .footer .versions {
  display: flex;
  flex-direction: row;
}

.sms-ui-dashboard .tile {
  overflow: hidden;
  cursor: default;
  outline: 0;
  border: 0;
  border-radius: 0;
}

.sms-ui-dashboard .tile .content-wrapper .tile-content {
  overflow: hidden;
  padding: 10px;
  height: 100%;
}

.sms-ui-dashboard .tile .content-wrapper .tile-content .tile-img {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  height: 86.66666667px;
}

.sms-ui-dashboard .tile .content-wrapper .tile-content .tile-img.tile-img-sm {
  position: absolute;
  margin: 0;
  padding: 0;
  display: block;
}

.sms-ui-dashboard .tile .content-wrapper .tile-content .tile-img.tile-img-bg {
  position: absolute;
  background-position: left top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.sms-ui-dashboard .tile .content-wrapper .tile-content .tile-holder {
  position: relative;
  display: block;
  padding: 0;
}

.sms-ui-dashboard .tile .content-wrapper .tile-content .tile-holder.tile-holder-sm {
  margin: 0;
  padding: 0;
}

.sms-ui-dashboard .tile .content-wrapper .tile-content .tile-img-bg {
  width: 270px;
  height: 130px;
  margin-left: -10px;
  margin-top: -10px;
}

.sms-ui-dashboard .tile .content-wrapper .tile-content .tile-img-sm {
  width: 65px;
  height: 43.33333333px;
}

.sms-ui-dashboard .tile .content-wrapper .tile-content .tile-img-sm,
.sms-ui-dashboard .tile .content-wrapper .tile-content .tile-holder-sm {
  height: 100%;
}

.sms-ui-dashboard .tile.tile-sqr {
  width: 130px;
}

.sms-ui-dashboard .tile.tile-sqr .content-wrapper .tile-content .tile-img-bg {
  width: 130px;
}

.sms-ui-dashboard .tile-lg .content-wrapper .tile-content {
  height: 270px;
  padding: 20px;
}

.sms-ui-dashboard .tile-lg .content-wrapper .tile-content .tile-img {
  height: 180px;
}

.sms-ui-dashboard .tile-lg .content-wrapper .tile-content .tile-img-bg {
  width: 550px;
  height: 270px;
  margin-left: -20px;
  margin-top: -20px;
}

.sms-ui-dashboard .tile-lg .content-wrapper .tile-content .tile-img-sm {
  width: 135px;
  height: 90px;
}

.sms-ui-dashboard .tile-lg .content-wrapper .tile-content .tile-img-sm,
.sms-ui-dashboard .tile-lg .content-wrapper .tile-content .tile-holder-sm {
  bottom: 20px;
  left: 20px;
}

.sms-ui-dashboard .tile-lg.tile-sqr {
  width: 270px;
}

.sms-ui-dashboard .tile-lg.tile-sqr .content-wrapper .tile-content .tile-img-bg {
  width: 270px;
}

.sms-ui-dashboard .tile-sm {
  width: 130px;
  height: 60px;
}

.sms-ui-dashboard .tile-sm .content-wrapper .tile-content {
  height: 60px;
  padding: 5px;
}

.sms-ui-dashboard .tile-sm .content-wrapper .tile-content .tile-img {
  height: 40px;
}

.sms-ui-dashboard .tile-sm .content-wrapper .tile-content .tile-img-bg {
  width: 130px;
  height: 60px;
  margin-left: -5px;
  margin-top: -5px;
}

.sms-ui-dashboard .tile-sm .content-wrapper .tile-content .tile-img-sm {
  width: 30px;
  height: 20px;
}

.sms-ui-dashboard .tile-sm .content-wrapper .tile-content .tile-img-sm,
.sms-ui-dashboard .tile-sm .content-wrapper .tile-content .tile-holder-sm {
  bottom: 5px;
  left: 5px;
}

.sms-ui-dashboard .tile-sm.tile-sqr {
  width: 60px;
}

.sms-ui-dashboard .tile-sm.tile-sqr .content-wrapper .tile-content .tile-img-bg {
  width: 60px;
}

.sms-ui-dashboard button:hover {
  cursor: pointer;
}

.sms-ui-dashboard button.start, .sms-ui-dashboard button.stop {
  font-size: 0;
  cursor: pointer;
}

.sms-ui-dashboard button.start {
  display: block;
  width: 0;
  height: 0;
  padding: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  position: relative;
  z-index: 1;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  left: 4px;
}

.sms-ui-dashboard button.start:before {
  content: '';
  position: absolute;
  top: -22.5px;
  left: -34.5px;
  bottom: -30px;
  right: -14px;
  border-radius: 50%;
  z-index: 2;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  width: 40px;
  height: 40px;
}

.sms-ui-dashboard button.start:after {
  content: '';
  opacity: 0;
  transition: opacity 0.6s;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
}

.sms-ui-dashboard button.start:hover:before, .sms-ui-dashboard button.start:focus:before {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.sms-ui-dashboard .module-entries {
  overflow: auto;
  height: calc(100% - 60px);
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.sms-ui-dashboard .module-entries .module {
  width: 550px;
  height: 200px;
  max-width: 300px;
  margin: 8px;
  flex-shrink: 0;
  flex-basis: 25%;
}

.sms-ui-dashboard .module-entries .module:hover .content-wrapper .subtitle {
  opacity: .6;
  left: 0;
}

.sms-ui-dashboard .module-entries .module:hover .content-wrapper .description {
  left: 0;
}

.sms-ui-dashboard .module-entries .module:hover .content-wrapper .action button.start:before {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.sms-ui-dashboard .module-entries .module.initializing button.start {
  border-color: transparent;
}

.sms-ui-dashboard .module-entries .module.initializing button.start:after {
  animation: pending steps(1, end) 1s infinite;
  content: '';
  opacity: 1;
  width: 34px;
  height: 28px;
  position: absolute;
  right: -7px;
  top: -10px;
  font-size: 40px;
  line-height: 0;
  vertical-align: middle;
  text-align: left;
}

.sms-ui-dashboard .module-entries .module.started button.start {
  border-color: transparent;
}

.sms-ui-dashboard .module-entries .module.started button.start:after {
  content: '';
  opacity: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 1px;
  top: -8px;
}

.sms-ui-dashboard .module-entries .module .content-wrapper {
  height: 100%;
  width: 100%;
}

.sms-ui-dashboard .module-entries .module .content-wrapper .title {
  font-weight: bold;
  padding-bottom: 41px;
  padding-top: 1px;
  border-bottom: 0;
}

.sms-ui-dashboard .module-entries .module .content-wrapper .subtitle {
  font-size: 13px;
  line-height: 30px;
  transition: all 0.3s ease-in-out;
  text-align: left;
  position: absolute;
  top: 20px;
  padding-left: 0;
  opacity: 0;
  left: -100px;
}

.sms-ui-dashboard .module-entries .module .content-wrapper .description {
  transition: all .3s ease-in-out;
  position: relative;
  left: calc(-100% - 10px);
  font-size: 12px;
  opacity: .8;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
}

.sms-ui-dashboard .module-entries .module .content-wrapper .tile-holder img {
  transition: all .5s ease-in-out;
  position: absolute;
  opacity: .85;
  height: 75% !important;
  width: calc(100% + 20px) !important;
  left: -10px;
  bottom: -10px;
  border-radius: 0;
  padding-top: 4px;
}

.sms-ui-dashboard .module-entries .module .content-wrapper .action {
  position: absolute;
  top: 10px;
  right: 17px;
}

.element {
  color: white;
}

@media (min-width: 768px) {
  width: 600px;
}

.general-preference-advanced .bootstrap-switch {
  width: 125px;
}

.general-preference-advanced .default-ccypair-select2 {
  min-width: 71px;
  width: 125px;
}

.general-preference-advanced .favourite-bu-preference-atom .warning-label {
  opacity: 1;
  pointer-events: none;
  margin-left: 5px;
  margin-bottom: 5px;
}

.general-preference-advanced .favourite-bu-preference-atom .warning-label .lbl {
  margin-left: 5px;
}

.general-preference-advanced .favourite-bu-preference-atom .favourite-bu-choosing-panel {
  display: flex;
  width: 50%;
}

.general-preference-advanced .favourite-bu-preference-atom .favourite-bu-choosing-panel .add {
  margin-left: 10px;
}

.general-preference-advanced .favourite-bu-preference-atom .favourite-bus-selected-scrollpanel {
  max-height: 150px;
  width: 50%;
  margin-top: 5px;
}

.general-preference-advanced .favourite-bu-preference-atom .favourite-bus-selected-scrollpanel .favourite-bus-selected-panel {
  display: flex;
  flex-direction: column;
}

.general-preference-advanced .favourite-bu-preference-atom .favourite-bus-selected-scrollpanel .favourite-bus-selected-panel .favourite-bu-selected-panel {
  display: flex;
}

.general-preference-advanced .favourite-bu-preference-atom .favourite-bus-selected-scrollpanel .favourite-bus-selected-panel .favourite-bu-selected-panel .favourite-bu-selected-label {
  flex-grow: 1;
}

.general-preference-advanced .favourite-bu-preference-atom .favourite-bus-selected-scrollpanel .favourite-bus-selected-panel .favourite-bu-selected-panel .favourite-bu-selected-label .remove {
  margin-right: 5px;
}

.general-preference-advanced .favourite-bu-preference-atom .reload-button {
  margin-top: 10px;
}

.sms-ui-dealerintervention .open-rfq-blotter {
  float: right;
  padding-right: 10px;
}

.sms-ui-dealerintervention .rfq-center .gutter-horizontal {
  display: none;
}

.sms-ui-dealerintervention .tickets .ticket .dates-detail {
  display: flex;
  justify-content: space-between;
}

.sms-ui-dealerintervention .popup-panel-editor {
  overflow: auto !important;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
}

.sms-ui-dealerintervention .popup-panel-progressbar {
  position: sticky;
  bottom: 0;
}

.sms-ui-dealerintervention .fx-opt-rfq-ticket .main-zone .detail-zone {
  display: block;
  flex-wrap: wrap;
  padding: 0 4px 0 2px;
}

.sms-ui-dealerintervention .fx-opt-rfq-ticket .main-zone .detail-zone .rfq-creation-date {
  text-align: center;
  width: 100%;
}

.sms-ui-dealerintervention .fx-opt-rfq-ticket .main-zone .detail-zone .rfq-mode {
  flex-grow: 1;
}

.sms-ui-dealerintervention .fx-opt-rfq-ticket .main-zone .detail-zone .ccy-pair {
  font-size: 14px;
  text-align: left;
  font-weight: 900;
}

.sms-ui-dealerintervention .fx-opt-rfq-ticket .main-zone .client-currency-optionClass {
  display: block;
}

.sms-ui-dealerintervention .fx-opt-rfq-ticket .summary-zone .detail-panel, .sms-ui-dealerintervention .fx-opt-ticket .summary-zone .detail-panel {
  display: flex;
  margin: 2px auto;
  text-align: center;
  width: fit-content;
  flex-wrap: wrap;
  border-radius: 5px;
  justify-content: center;
}

.sms-ui-dealerintervention .fx-opt-rfq-ticket .summary-zone .detail-panel .gwt-Label, .sms-ui-dealerintervention .fx-opt-ticket .summary-zone .detail-panel .gwt-Label {
  margin-left: 5px;
  font-weight: bold;
}

.sms-ui-dealerintervention .fx-opt-rfq-ticket .summary-zone .detail-panel .expiry-cutoff, .sms-ui-dealerintervention .fx-opt-ticket .summary-zone .detail-panel .expiry-cutoff {
  display: block;
}

.sms-ui-dealerintervention .rfq-ticket-blotter-atom.ticket-blotter-atom .filter-asset-panel {
  width: 35%;
}

.sms-ui-dealerintervention .rfq-ticket-blotter-atom.ticket-blotter-atom .select2-container {
  font-size: 12px;
}

.dealer-intervention-popup-panel {
  width: 100%;
  height: 100%;
}

.dealer-intervention-editor {
  display: flex;
}

.dealer-intervention-editor .left-panel {
  flex-grow: 1;
}

.dealer-intervention-editor .actions {
  width: 150px;
  display: flex;
  flex-direction: column;
}

.dealer-intervention-editor .actions button {
  padding: 10px 16px;
  font-size: 18px;
}

.dealer-intervention-editor .actions .send-expiring-quotes {
  width: 100%;
}

.dealer-intervention-editor .actions .send-expiring-quotes .send-manual-quote {
  width: 80%;
}

.dealer-intervention-editor .actions .send-expiring-quotes .carret-btn {
  width: 20%;
}

.dealer-intervention-editor .actions .send-expiring-quotes .dropdown-menu {
  min-width: 100px;
}

.dealer-intervention-editor .actions .custom-timeOut {
  display: flex;
  justify-content: center;
  padding: 0 15px 0 5px;
}

.dealer-intervention-editor .actions .custom-timeOut .numeric-spinner {
  width: 80%;
}

.dealer-intervention-editor .actions .custom-timeOut .btn {
  padding: 0;
  height: 22px;
  font-size: 12px;
  line-height: 22px;
  width: 20%;
}

.dealer-intervention-editor .actions .progress-bar-clock {
  padding: 0;
  font-size: 10px;
}

.dealer-intervention-editor .fi-rfq-overview {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 15px;
}

.dealer-intervention-editor .fi-rfq-overview .status {
  padding: 5px;
  width: 140px;
  text-align: center;
  color: white;
}

.dealer-intervention-editor .fi-rfq-overview .status.new {
  background-color: #274E13;
}

.dealer-intervention-editor .fi-rfq-overview .status.executed {
  background-color: #840000;
}

.dealer-intervention-editor .fi-rfq-overview .status.canceled, .dealer-intervention-editor .fi-rfq-overview .status.quoting {
  background-color: gray;
}

.dealer-intervention-editor .fi-rfq-overview .status.lastlook {
  background-color: #FF7400;
}

.dealer-intervention-editor .fi-client-information {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 15px;
}

.dealer-intervention-editor .fi-legs-panel {
  display: flex;
}

.dealer-intervention-editor .fi-legs-panel, .dealer-intervention-editor .fi-leg-panel {
  width: 100%;
}

.dealer-intervention-editor .fi-rfq-main-information {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 15px;
}

.dealer-intervention-editor .fi-rfq-main-information.sell {
  background-color: #e21a1a;
  color: white;
}

.dealer-intervention-editor .fi-rfq-main-information.buy {
  background-color: #195595;
  color: white;
}

.dealer-intervention-editor .fi-instrument-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 5px 15px;
}

.dealer-intervention-editor .fi-comment-panel .dealer-intervention-field, .dealer-intervention-editor .fi-transaction-panel .dealer-intervention-field {
  display: flex;
}

.dealer-intervention-editor .fi-comment-panel .dealer-intervention-field .caption, .dealer-intervention-editor .fi-transaction-panel .dealer-intervention-field .caption {
  margin-right: 10px;
  font-weight: bold;
}

.dealer-intervention-editor .fi-transaction-panel, .dealer-intervention-editor .automation {
  margin: 10px;
}

.dealer-intervention-editor .fi-dealer-price-input {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  padding: 5px 15px;
}

.dealer-intervention-editor .fi-dealer-price-input .fi-dealer-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dealer-intervention-editor .fi-dealer-price-input .fi-dealer-panel.quoted-price {
  display: flex;
  flex-direction: row;
}

.dealer-intervention-editor .fi-dealer-price-input .fi-dealer-panel .market-price {
  display: flex;
  flex-direction: row;
}

.dealer-intervention-editor .fi-dealer-price-input .fi-dealer-panel .spinners {
  display: flex;
  flex-direction: column;
}

.dealer-intervention-editor .fi-dealer-price-input .fi-dealer-panel .expiration {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dealer-intervention-editor .fi-dealer-price-input .fi-dealer-price, .dealer-intervention-editor .fi-dealer-price-input .fi-dealer-spread {
  height: 30px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.dealer-intervention-editor .fi-dealer-price-input .fi-dealer-price-label, .dealer-intervention-editor .fi-dealer-price-input .fi-dealer-spread-label {
  padding-right: 15px;
}

.dealer-intervention-editor .fi-my-bank-prices {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  border-bottom: solid 1px #666;
}

.dealer-intervention-editor .fi-my-bank-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100%/3);
  cursor: default;
}

.dealer-intervention-editor .fi-market-data {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-around;
  border-bottom: solid 1px #666;
}

.dealer-intervention-editor .fi-market-data-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(100%/7);
}

.dealer-intervention-editor .fi-my-bank-column, .dealer-intervention-editor .fi-market-data-column {
  cursor: default;
}

.dealer-intervention-editor .fi-my-bank-column.clickable, .dealer-intervention-editor .fi-market-data-column.clickable {
  cursor: pointer;
}

.dealer-intervention-editor .fi-my-bank-column.clickable:hover, .dealer-intervention-editor .fi-market-data-column.clickable:hover {
  background-color: #eee;
  color: black;
}

.dealer-intervention-editor .fi-my-bank-prices-legs-panel {
  display: flex;
}

.dealer-intervention-editor .fi-my-bank-prices-legs-panel .fi-my-bank-prices {
  width: 100%;
}

.dealer-intervention-editor .fi-market-data-legs-panel {
  display: flex;
}

.dealer-intervention-editor .fi-market-data-legs-panel .fi-market-data {
  width: 100%;
}

.dealer-intervention-editor .top {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.dealer-intervention-editor .top .dealer-intervention-field {
  padding: 10px;
  text-align: center;
}

.dealer-intervention-editor .top .dealer-intervention-field .caption {
  font-weight: bold;
}

.dealer-intervention-editor .quoted-price {
  display: flex;
}

.dealer-intervention-editor .quoted-price .warning {
  margin-left: 5px;
}

.dealer-intervention-editor .quoted-price .warning:hover ~ .tooltip .tooltip-inner {
  display: block;
}

.dealer-intervention-editor .quoted-price .tooltip {
  z-index: 10;
  opacity: .9;
  position: relative;
  width: 155px;
  left: 5px;
  height: 20px;
}

.dealer-intervention-editor .quoted-price .tooltip .tooltip-inner {
  display: none;
  overflow: hidden;
  padding: 4px 5px;
  border-radius: 0;
  white-space: break-spaces;
  float: left;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

.dealer-intervention-editor .quoted-price > * {
  padding: 0 4px 0 0;
}

.dealer-intervention-editor .quoted-price .circle-timer {
  margin-left: 5px;
  height: 20px;
}

.dealer-intervention-editor .quoted-price .circle-timer svg {
  fill: green;
  height: 20px;
  width: 20px;
  border-radius: 10px;
}

.dealer-intervention-editor .market-price {
  display: flex;
}

.dealer-intervention-editor .market-price > * {
  padding: 0 4px 0 0;
}

.dealer-intervention-editor .market-price .circle-timer {
  margin-left: 5px;
  height: 20px;
}

.dealer-intervention-editor .market-price .circle-timer svg {
  fill: green;
  height: 20px;
  width: 20px;
  border-radius: 10px;
}

.dealer-intervention-editor .switch-widget {
  display: flex;
  padding: 0 5px;
  user-select: none;
  font-size: 15px;
  justify-content: center;
  height: 65px;
  align-items: center;
  border: 1px solid;
  border-radius: 5px;
  width: 360px;
  margin-left: calc(50% - 180px);
}

.dealer-intervention-editor .switch-widget.disabled {
  opacity: 0.75;
  cursor: default;
}

.dealer-intervention-editor .switch-widget .gwt-Label {
  cursor: pointer;
}

.dealer-intervention-editor .switch-widget .switch-checkbox {
  margin: 0 5px;
  position: relative;
  width: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: block;
}

.dealer-intervention-editor .switch-widget .switch-checkbox input {
  display: none;
}

.dealer-intervention-editor .switch-widget .switch-checkbox label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 22px;
  padding: 0;
  line-height: 22px;
  border-radius: 22px;
  transition: background-color 0.3s ease-in;
}

.dealer-intervention-editor .switch-widget .switch-checkbox label:before {
  content: "";
  display: block;
  width: 22px;
  margin: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  height: inherit;
  right: 28px;
  border-radius: 50%;
  transition: all 0.3s ease-in 0s;
}

.dealer-intervention-editor .switch-widget .switch-checkbox input:checked + label:before {
  right: 0px;
}

.dealer-intervention-editor .copy-all {
  font-size: 20px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}

.dealer-intervention-editor .copy-all:disabled {
  cursor: not-allowed;
}

.dealer-intervention-editor .last-look {
  display: flex;
  justify-content: center;
  margin: 10px 0;
}

.dealer-intervention-editor .last-look button {
  padding: 10px 60px;
  margin: 0 10px;
}

.dealer-intervention-editor .label-with-warning {
  display: flex;
}

.dealer-intervention-editor .label-with-warning .warning {
  margin-left: 5px;
}

.dealer-intervention-editor .label-with-warning .warning:hover ~ .tooltip .tooltip-inner {
  display: block;
}

.dealer-intervention-editor .label-with-warning .tooltip {
  z-index: 10;
  opacity: .9;
  position: relative;
  width: 155px;
  left: 5px;
  height: 20px;
}

.dealer-intervention-editor .label-with-warning .tooltip .tooltip-inner {
  display: none;
  overflow: hidden;
  padding: 4px 5px;
  border-radius: 0;
  white-space: break-spaces;
  float: left;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
}

.dealer-intervention-editor .cross-leg-title {
  text-align: center;
  font-weight: bold;
  border-bottom: 3px solid gray;
  margin: 0 auto 10px auto;
  width: 90%;
}

.dealer-intervention-editor .bid, .dealer-intervention-editor .offer {
  padding: 10px;
  vertical-align: top;
  width: 50%;
  display: inline-block;
}

.dealer-intervention-editor .bid.not-visible, .dealer-intervention-editor .offer.not-visible {
  visibility: hidden;
}

.dealer-intervention-editor .bid.indicative-side .input, .dealer-intervention-editor .offer.indicative-side .input {
  visibility: hidden;
}

.dealer-intervention-editor .bid.indicative-side .quoted-price .auto-copy, .dealer-intervention-editor .bid.indicative-side .quoted-price .auto-client, .dealer-intervention-editor .bid.indicative-side .quoted-price .auto-price, .dealer-intervention-editor .bid.indicative-side .quoted-price .auto-point, .dealer-intervention-editor .offer.indicative-side .quoted-price .auto-copy, .dealer-intervention-editor .offer.indicative-side .quoted-price .auto-client, .dealer-intervention-editor .offer.indicative-side .quoted-price .auto-price, .dealer-intervention-editor .offer.indicative-side .quoted-price .auto-point {
  display: block;
}

.dealer-intervention-editor .bid.indicative-side .market-price .auto-market-copy, .dealer-intervention-editor .bid.indicative-side .market-price .auto-client, .dealer-intervention-editor .bid.indicative-side .market-price .auto-price, .dealer-intervention-editor .bid.indicative-side .market-price .auto-point, .dealer-intervention-editor .offer.indicative-side .market-price .auto-market-copy, .dealer-intervention-editor .offer.indicative-side .market-price .auto-client, .dealer-intervention-editor .offer.indicative-side .market-price .auto-price, .dealer-intervention-editor .offer.indicative-side .market-price .auto-point {
  display: block;
}

.dealer-intervention-editor .bid .auto-panel, .dealer-intervention-editor .offer .auto-panel {
  display: flex;
  flex-direction: row;
}

.dealer-intervention-editor .bid .client-panel, .dealer-intervention-editor .offer .client-panel {
  display: flex;
  flex-direction: row;
}

.dealer-intervention-editor .bid.hide-reason, .dealer-intervention-editor .offer.hide-reason {
  margin-top: 10px;
  text-align: center;
  font-weight: 700;
}

.dealer-intervention-editor .bid .side, .dealer-intervention-editor .offer .side {
  text-align: center;
  font-weight: 900;
  border-bottom: 3px solid gray;
  margin-bottom: 10px;
}

.dealer-intervention-editor .bid .leg-panel, .dealer-intervention-editor .offer .leg-panel {
  padding-top: 7px;
  padding-bottom: 7px;
}

.dealer-intervention-editor .bid .dealer-intervention-field, .dealer-intervention-editor .offer .dealer-intervention-field {
  display: flex;
  flex-wrap: wrap;
}

.dealer-intervention-editor .bid .dealer-intervention-field .spinner-btn-box, .dealer-intervention-editor .offer .dealer-intervention-field .spinner-btn-box {
  width: initial;
}

.dealer-intervention-editor .bid .dealer-intervention-field .spinner-btn-box .spinner-btn-increase, .dealer-intervention-editor .bid .dealer-intervention-field .spinner-btn-box .spinner-btn-decrease, .dealer-intervention-editor .offer .dealer-intervention-field .spinner-btn-box .spinner-btn-increase, .dealer-intervention-editor .offer .dealer-intervention-field .spinner-btn-box .spinner-btn-decrease {
  font-size: 0.5em;
}

.dealer-intervention-editor .bid .dealer-intervention-field .caption, .dealer-intervention-editor .offer .dealer-intervention-field .caption {
  font-weight: bold;
  width: 200px;
}

.dealer-intervention-editor .bid .dealer-intervention-field .widget, .dealer-intervention-editor .offer .dealer-intervention-field .widget {
  width: calc(100% - 200px);
  min-width: 200px;
}

.dealer-intervention-editor .allocations {
  padding: 10px;
  margin-top: 10px;
  clear: both;
}

.dealer-intervention-editor .allocations .show-allocation {
  margin: 0 0 5px 20px;
}

.dealer-intervention-editor .allocations .rfq-summary {
  text-align: center;
  font-size: 1.7em;
  font-weight: bold;
  margin-bottom: .5em;
}

.dealer-intervention-editor .allocations .expandable {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: .5em;
}

.dealer-intervention-editor .allocations .expandable .leg, .dealer-intervention-editor .allocations .expandable .allocation-leg {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 1.2em;
}

.dealer-intervention-editor .allocations .expandable .leg div, .dealer-intervention-editor .allocations .expandable .allocation-leg div {
  padding-right: .1em;
  padding-left: .1em;
}

.dealer-intervention-editor .allocations .expandable .main, .dealer-intervention-editor .allocations .expandable .secondary {
  display: flex;
  justify-content: center;
}

.dealer-intervention-editor .allocations .expandable .main {
  flex-direction: row;
}

.dealer-intervention-editor .allocations .expandable .main .icons {
  padding-right: .2em;
}

.dealer-intervention-editor .allocations .expandable .secondary {
  flex-direction: column;
}

.dealer-intervention-editor .allocations .leg {
  display: flex;
  flex-wrap: wrap;
  margin-left: 22px;
}

.dealer-intervention-editor .allocations .leg .gwt-HTML {
  margin-right: 10px;
}

.dealer-intervention-editor .summary {
  padding: 0 30px;
}

.dealer-intervention-editor .summary .top-panel {
  font-weight: bold;
  font-size: 1.4em;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

.dealer-intervention-editor .summary .top-panel .sentences {
  display: flex;
  flex-direction: column;
}

.dealer-intervention-editor .summary .top-panel .sentences .sentence {
  display: flex;
  justify-content: center;
}

.dealer-intervention-editor .summary .top-panel .printicon {
  margin-left: 15px;
}

.dealer-intervention-editor .summary .dealer-intervention-field {
  display: flex;
  flex-wrap: wrap;
  border-top: solid;
  border-width: 1px;
}

.dealer-intervention-editor .summary .dealer-intervention-field .caption {
  font-weight: bold;
  width: 300px;
}

.dealer-intervention-editor .summary .dealer-intervention-field .widget {
  width: calc(100% - 300px);
  min-width: 200px;
}

.dealer-intervention-editor .summary .title {
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px 0;
}

.dealer-intervention-editor .margin-field {
  width: 100% !important;
  margin-top: 10px;
}

.dealer-intervention-editor .margin-field .main-lock {
  width: 100%;
}

.dealer-intervention-editor .margin-field .margin-containers-panel {
  border-top: 1px solid;
  padding: 5px;
}

.dealer-intervention-editor .margin-field .margin-containers-panel .margin-title-panel {
  width: 100%;
  text-align: center;
  clear: both;
  border-bottom: 1px solid;
  height: 25px;
  position: relative;
}

.dealer-intervention-editor .margin-field .margin-containers-panel .margin-title-panel .margin-btn {
  line-height: 1;
  position: absolute;
  left: 2%;
  margin-top: 4px;
  border-color: transparent;
}

.dealer-intervention-editor .margin-field .margin-containers-panel .margin-title-panel .margin-title {
  display: inline-block;
  padding-left: 5px;
  font-weight: bold;
  margin-top: 4px;
  letter-spacing: 2px;
}

.dealer-intervention-editor .margin-field .margin-containers-panel .margin-container-panel {
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}

.dealer-intervention-editor .margin-field .margin-containers-panel .margin-container-panel .margin-container-label {
  width: 40%;
  vertical-align: middle;
  font-weight: bold;
}

.dealer-intervention-editor .margin-field .margin-containers-panel .margin-container-panel .margin-container-field {
  width: 60%;
  vertical-align: middle;
  position: relative;
}

.dealer-intervention-editor .swap-legs {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.dealer-intervention-editor .float-leg {
  margin-left: 10px;
}

.dealer-intervention-editor .fixed-leg .title, .dealer-intervention-editor .float-leg .title, .dealer-intervention-editor .automation .title {
  font-size: 18px;
  font-weight: bolder;
}

.dealer-intervention-editor .fixed-leg .dealer-intervention-field, .dealer-intervention-editor .float-leg .dealer-intervention-field, .dealer-intervention-editor .automation .dealer-intervention-field {
  display: flex;
  padding: 3px;
  text-align: center;
}

.dealer-intervention-editor .fixed-leg .dealer-intervention-field .caption, .dealer-intervention-editor .float-leg .dealer-intervention-field .caption, .dealer-intervention-editor .automation .dealer-intervention-field .caption {
  font-weight: bold;
  margin-right: 10px;
}

.dealer-intervention-editor.fx-opt-editor .dealer-intervention-field {
  margin-bottom: 2px;
}

.dealer-intervention-editor.fx-opt-editor .input-price {
  margin-bottom: 9px;
}

.dealer-intervention-editor.fx-opt-editor .spot-ref {
  margin-top: 5px;
}

.dealer-intervention-editor.fx-opt-editor .delta-hedging {
  padding: 10px;
  vertical-align: top;
  width: 50%;
  margin-left: 25%;
  margin-top: 10px;
  display: inline-block;
}

.dealer-intervention-editor.fx-opt-editor .delta-hedging .delta-hedging-title {
  text-align: center;
  font-weight: 900;
  margin-bottom: 10px;
}

.dealer-intervention-editor.fx-opt-editor .delta-hedging .dealer-intervention-field {
  display: flex;
}

.dealer-intervention-editor.fx-opt-editor .delta-hedging .dealer-intervention-field .caption {
  width: 200px;
}

.dealer-intervention-editor.fx-opt-editor .delta-hedging .dealer-intervention-field .widget {
  width: calc(100% - 200px);
  min-width: 200px;
}

.dealer-intervention-editor.fx-opt-editor .delta-hedging .dealer-intervention-field.delta-exchange .widget {
  text-align: center;
}

.dealer-intervention-editor .risk-book-panel {
  margin-right: auto;
  display: flex;
  text-align: left;
  flex-direction: column;
  padding: 10px;
}

.dealer-intervention-editor .risk-book-panel .book-panel {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.dealer-intervention-editor .risk-book-panel .book-panel .leg-panel .book-leg-panel {
  display: flex;
}

.dealer-intervention-editor .risk-book-panel .book-panel .leg-panel .book-leg-panel .swap-field {
  margin-left: 10px;
}

.dealer-intervention-editor .risk-book-panel .book-panel .leg-panel .book-leg-panel .swap-field:before {
  content: '';
  position: absolute;
  height: 26px;
  left: -5px;
  bottom: 0;
}

.dealer-intervention-editor .risk-book-panel .dd-listbox {
  width: 200px;
  height: 26px;
  border-radius: 4px;
}

.dealer-intervention-editor .risk-book-panel .fields {
  display: flex;
}

.dealer-intervention-editor .risk-book-panel .fields .swap-field {
  margin-left: 10px;
}

.dealer-intervention-editor .risk-book-panel .fields .swap-field:before {
  content: '';
  position: absolute;
  height: 26px;
  left: -5px;
  bottom: 0;
}

@media print {
  .dealer-intervention-editor * {
    visibility: visible;
  }
}

.dealer-intervention-preference-atom .bootstrap-switch {
  width: 125px;
}

.dealer-intervention-preference-subpanel {
  padding: 15px 10px;
}

.client-allin-field {
  display: flex;
}

.client-allin-field > * {
  margin-right: 5px;
  align-items: center;
}

.client-allin-field .separator {
  width: 1px;
  height: 20px;
  border-radius: 0px;
}

.full-width-header {
  width: 100% !important;
  text-transform: capitalize;
}

.main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li > div {
  flex-wrap: wrap;
}

.sms-ui-rfqintervention {
  font-size: 14px;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup .editor-atom {
  height: 100%;
  width: 100%;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup .editor-atom .editor-atom .card-panel {
  overflow: auto;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation {
  text-transform: capitalize;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .dialog-header-content {
  text-transform: uppercase;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget {
  grid-template-rows: 21px 1fr;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .grid-widget-content,
.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget label {
  font-weight: normal;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .gwt-CheckBox input:not(:disabled),
.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .gwt-CheckBox input:not(:disabled) + label {
  cursor: pointer;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .gwt-CheckBox input {
  margin: 0;
  float: left;
  appearance: none;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .gwt-CheckBox input:focus {
  outline: none;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .gwt-CheckBox input::after {
  font-family: 'webappsdk';
  content: '\edc6';
  line-height: 1.4em;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .gwt-CheckBox input:checked::after {
  content: '\edc5';
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .gwt-CheckBox input:disabled {
  opacity: 0;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .gwt-CheckBox label {
  margin: 0;
  padding-left: .2em;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .grid-widget-cell {
  height: 1.5em;
  line-height: 1.5em;
  overflow: hidden;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .collapsable {
  flex-basis: 4em;
  width: 4em;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .quantity {
  flex-basis: 6em;
  width: 6em;
  padding-right: 10px;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .side {
  flex-basis: 7em;
  width: 7em;
}

.sms-ui-rfqintervention.sms-ui-rfqintervention-popup.allocation .grid-widget .field-account {
  flex-basis: 13em;
  width: 13em;
}

.sms-ui-rfqintervention .dialog-button {
  background: none;
  border: none;
  width: fit-content;
  padding: 0;
}

.sms-ui-rfqintervention .dialog-button::before {
  font-family: "webappsdk";
  content: '\eec8';
  margin-right: .2em;
}

.sms-ui-rfqintervention .header .menu-panel .dropdown-menu[role=menu] .module-pref-bside .caption {
  font-size: 16px;
  padding: 0;
}

.sms-ui-rfqintervention .header .menu-panel .dropdown-menu[role=menu] .module-pref-bside .ui-toggle-checkbox > * {
  margin-right: 5px;
}

.sms-ui-rfqintervention .header .menu-panel .dropdown-menu[role=menu] .module-pref-bside .ui-toggle-checkbox .gwt-CheckBox {
  order: inherit;
  width: 40px;
}

.sms-ui-rfqintervention .open-blotter {
  float: right;
  margin: 0 .5em;
  height: 100%;
}

.sms-ui-rfqintervention .open-blotter::before {
  content: '\eec8';
  font-family: 'webappsdk';
  margin-right: .2em;
}

.sms-ui-rfqintervention .open-blotter:disabled {
  cursor: not-allowed;
}

.sms-ui-rfqintervention,
.sms-ui-rfqintervention .world {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.sms-ui-rfqintervention .world .middle {
  flex: 1;
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 30em 1fr;
  grid-template-rows: 1fr;
  justify-content: start;
}

.sms-ui-rfqintervention .world .middle .ticket-blotter {
  grid-row: 1 / 3;
  overflow: hidden;
}

.sms-ui-rfqintervention .tabContainer-panel .tabContainer-header .menu-tab {
  padding: .2em .4em;
  height: 100%;
}

.sms-ui-rfqintervention .main-layout .header {
  position: relative;
}

.sms-ui-rfqintervention .main-layout > .header .menu-panel .user-btn-dropdown {
  height: 100%;
}

.sms-ui-rfqintervention .main-layout > .header .menu-panel .user-btn-dropdown .user-btn {
  height: 28px;
}

.sms-ui-rfqintervention .main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu {
  top: 100%;
}

.sms-ui-rfqintervention .ticket-blotter {
  height: 100%;
  width: 30em;
  display: flex;
  flex-direction: column;
}

.sms-ui-rfqintervention .ticket-blotter .ticket-blotter-header {
  display: flex;
  margin: 0px 1em 0 10px;
  align-items: center;
  padding: 5px 0;
  justify-content: space-between;
  column-gap: 0.25em;
}

.sms-ui-rfqintervention .ticket-blotter .ticket-blotter-header .form-field {
  margin: 0;
}

.sms-ui-rfqintervention .ticket-blotter .ticket-blotter-header .form-field .dd-container-widget {
  flex: 1;
  width: 7em;
}

.sms-ui-rfqintervention .ticket-blotter .form-field {
  display: flex;
  align-items: center;
  gap: .25em;
  white-space: nowrap;
}

.sms-ui-rfqintervention .ticket-blotter .form-field .dd-container-widget {
  width: 5em;
  min-width: fit-content;
}

.sms-ui-rfqintervention .ticket-blotter .form-field {
  margin: .5em 1em;
}

.sms-ui-rfqintervention .ticket-blotter .form-field .dd-container-widget {
  width: 5em;
}

.sms-ui-rfqintervention .ticket-blotter .is-viewport {
  flex: 1;
  overflow-y: scroll !important;
}

.sms-ui-rfqintervention .ticket-blotter .selected {
  border-radius: 2px 0 2px 2px !important;
}

.sms-ui-rfqintervention .ticket-blotter .selected::after {
  content: attr(selected);
  font-size: 10px;
  position: absolute;
  line-height: 4px;
  height: 8px;
  top: 0;
  right: -0.5px;
  margin: -2px -1.5px;
  transform-origin: top right;
  transform: rotate(-90deg);
  padding: 1px 0.3em 0 .3em;
  border-radius: 0 0 1px 1px;
  text-transform: uppercase;
}

.sms-ui-rfqintervention .ticket-blotter .ticket {
  position: relative;
  margin: 0 10px 6px 10px;
  border-radius: 2px;
  padding: 3px;
  padding-left: 18px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  row-gap: 3px;
  column-gap: 3px;
}

.sms-ui-rfqintervention .ticket-blotter .ticket > :not(.remove) {
  opacity: .8;
}

.sms-ui-rfqintervention .ticket-blotter .ticket.terminated:not(:hover):not(.selected) > :not(.remove) {
  opacity: 0.6;
}

.sms-ui-rfqintervention .ticket-blotter .ticket.selected > :not(.remove), .sms-ui-rfqintervention .ticket-blotter .ticket:hover > :not(.remove) {
  opacity: 1;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .type {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 900;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .type::after {
  content: attr(type);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  left: 7px;
  white-space: nowrap;
  line-height: 14px;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .ticket-header-panel {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  column-gap: 3px;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .status,
.sms-ui-rfqintervention .ticket-blotter .ticket .pickup-action,
.sms-ui-rfqintervention .ticket-blotter .ticket .pickup-header-action {
  flex: 1;
  text-align: center;
  align-self: center;
  padding: 0;
  line-height: 1.1em;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .status,
.sms-ui-rfqintervention .ticket-blotter .ticket .pickup-action {
  position: relative;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .status::before,
.sms-ui-rfqintervention .ticket-blotter .ticket .pickup-action::before {
  position: absolute;
  left: 6px;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .status::after,
.sms-ui-rfqintervention .ticket-blotter .ticket .pickup-action::after {
  position: absolute;
  padding: 0 .3em;
  right: 0;
  top: 0;
  bottom: 0;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .pickup-header-action {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .pickup-header-action button {
  width: 100%;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .status::before {
  font-family: 'webappsdk';
}

.sms-ui-rfqintervention .ticket-blotter .ticket .status.no-pricing::before, .sms-ui-rfqintervention .ticket-blotter .ticket .status.on-hold::before, .sms-ui-rfqintervention .ticket-blotter .ticket .status.last-look::before {
  content: '\ed4d';
}

.sms-ui-rfqintervention .ticket-blotter .ticket .pickup-action {
  text-transform: uppercase;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .summary,
.sms-ui-rfqintervention .ticket-blotter .ticket .detail,
.sms-ui-rfqintervention .ticket-blotter .ticket .details {
  display: flex;
  flex-flow: row wrap;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .summary,
.sms-ui-rfqintervention .ticket-blotter .ticket .details {
  width: 100%;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .summary,
.sms-ui-rfqintervention .ticket-blotter .ticket .detail {
  column-gap: .25em;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .summary .leg {
  display: flex;
  gap: .25em;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .details {
  justify-content: space-between;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .desk,
.sms-ui-rfqintervention .ticket-blotter .ticket .summary {
  text-transform: uppercase;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .time-progress-bar-addon-v2,
.sms-ui-rfqintervention .ticket-blotter .ticket .remove {
  position: absolute;
  bottom: 3px;
  right: 3px;
  border-radius: 5px;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .time-progress-bar-addon-v2 {
  width: 30%;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .time-progress-bar-addon-v2 .label {
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .remove::before {
  content: '\ed63';
  font-family: 'webappsdk';
  padding: 0 0.4em 0 0;
  font-size: 0.8em;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .time-progress-bar-addon {
  width: 30%;
  height: 4px;
}

.sms-ui-rfqintervention .ticket-blotter .ticket .time-progress-bar-addon .gwt-Label,
.sms-ui-rfqintervention .ticket-blotter .ticket .time-progress-bar-addon button {
  text-align: left;
  bottom: 100%;
  width: 100px;
}

.sms-ui-rfqintervention.ticket-blotter {
  min-height: 10em;
}

.sms-ui-rfqintervention .rfq-intervention-preference-atom .bootstrap-switch {
  width: 125px;
}

.sms-ui-rfqintervention .rfq-intervention-preference-subpanel {
  padding: 15px 10px;
}

.sms-ui-rfqintervention .form-field[error]::before {
  width: 100%;
  text-align: left;
}

.sms-ui-rfqintervention .editor-atom {
  overflow-x: auto;
  padding: 0 0.7em;
  display: grid;
  grid-template-rows: auto minmax(500px, 1fr);
  grid-auto-columns: minmax(max-content, 1fr);
}

.sms-ui-rfqintervention .editor-atom .card-panel {
  display: flex;
  gap: 0.7em;
}

.sms-ui-rfqintervention .editor-atom .card-panel .quoting-panel,
.sms-ui-rfqintervention .editor-atom .card-panel .quote-panel {
  display: flex;
  flex-direction: column;
}

.sms-ui-rfqintervention .editor-atom .card-panel .quoting-panel .body,
.sms-ui-rfqintervention .editor-atom .card-panel .quote-panel .body {
  overflow-y: overlay;
}

.sms-ui-rfqintervention .editor-atom .card-panel .card {
  overflow: hidden;
}

.sms-ui-rfqintervention .editor-atom .column {
  min-width: 31em;
  display: flex;
  flex-direction: column;
  gap: 0.7em;
  max-height: 100%;
  flex-wrap: wrap;
}

.sms-ui-rfqintervention .editor-atom.ssp .column {
  width: unset;
}

.sms-ui-rfqintervention .editor-atom :not(.ssp-panel) .card {
  width: 31em;
}

.sms-ui-rfqintervention .editor-atom .card {
  padding: 1.05em 0.7em;
  border-radius: .4em;
}

.sms-ui-rfqintervention .editor-atom .card .title {
  font-size: 1.2em;
}

.sms-ui-rfqintervention .editor-atom .card .title,
.sms-ui-rfqintervention .editor-atom .card .sub-title {
  font-weight: bold;
  text-transform: uppercase;
}

.sms-ui-rfqintervention .editor-atom .card .body {
  margin: 0 -0.7em;
  padding: 0 0.7em;
}

.sms-ui-rfqintervention .editor-atom .editor-panel-header,
.sms-ui-rfqintervention .editor-atom .editor-subpanel-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  line-height: 1.6em;
}

.sms-ui-rfqintervention .editor-atom .editor-subpanel-header {
  margin-top: 0.7em;
  margin-bottom: 0.35em;
  height: 1.5em;
  line-height: 1.5em;
}

.sms-ui-rfqintervention .editor-atom .editor-subpanel-header.cross {
  margin-top: 1.4em;
}

.sms-ui-rfqintervention .editor-atom .editor-subpanel-header-info {
  font-size: 0.85em;
}

.sms-ui-rfqintervention .editor-atom .editor-warning {
  padding: 0 21px;
  position: relative;
}

.sms-ui-rfqintervention .editor-atom .editor-warning::before {
  position: absolute;
  left: 0px;
  top: -2px;
}

.sms-ui-rfqintervention .editor-atom .bid-offer-container {
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container-header,
.sms-ui-rfqintervention .editor-atom .bid-offer-panel {
  position: relative;
  display: grid;
  text-align: center;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  grid-template-areas: "bid caption offer";
  grid-auto-flow: column;
  column-gap: 0.35em;
}

.sms-ui-rfqintervention .editor-atom .bid-offer-panel:not(:first-child) {
  padding-top: 0.175em;
}

.sms-ui-rfqintervention .editor-atom .bid-offer-panel:not(:last-child) {
  padding-bottom: 0.175em;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container .bid-offer-panel {
  grid-template-rows: 2em;
  line-height: 2em;
  align-items: stretch;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container .bid-offer-container {
  padding: 0.35em;
}

.sms-ui-rfqintervention .editor-atom .caption-field {
  grid-area: caption;
}

.sms-ui-rfqintervention .editor-atom .bid-field {
  grid-area: bid;
}

.sms-ui-rfqintervention .editor-atom .offer-field {
  grid-area: offer;
}

.sms-ui-rfqintervention .editor-atom .bid-field,
.sms-ui-rfqintervention .editor-atom .offer-field,
.sms-ui-rfqintervention .editor-atom .caption-field {
  position: relative;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container-header {
  font-weight: bold;
}

.sms-ui-rfqintervention .editor-atom .bid-offer-panel .form-field,
.sms-ui-rfqintervention .editor-atom .grid-panels .form-field {
  margin: 0;
}

.sms-ui-rfqintervention .editor-atom .bid-offer-panel .form-field input,
.sms-ui-rfqintervention .editor-atom .grid-panels .form-field input {
  padding-left: 1.3em;
}

.sms-ui-rfqintervention .editor-atom .bid-offer-panel .form-field .caption,
.sms-ui-rfqintervention .editor-atom .grid-panels .form-field .caption {
  position: absolute;
  z-index: 1;
  left: 0.35em;
  top: 50%;
  line-height: 1px;
  font-weight: bold;
}

.sms-ui-rfqintervention .editor-atom .grid-panels .form-field input {
  padding-left: 1em;
}

.sms-ui-rfqintervention .editor-atom .bid-offer-panel .offset-field {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 0;
  right: 0;
  width: 1.85em;
  height: 100%;
}

.sms-ui-rfqintervention .editor-atom .bid-offer-panel .offset-field button {
  height: 50%;
  overflow: hidden;
  padding: 0;
}

.sms-ui-rfqintervention .editor-atom .bid-offer-panel .offset-field button::before {
  width: 100%;
}

.sms-ui-rfqintervention .editor-atom .form-field {
  white-space: nowrap;
  display: flex;
  margin: 0;
  gap: 0.35em;
  align-items: center;
}

.sms-ui-rfqintervention .editor-atom .stop-price-toggle {
  height: 20px;
  line-height: 20px;
}

.sms-ui-rfqintervention .editor-atom .stop-price-toggle .ui-toggle-checkbox,
.sms-ui-rfqintervention .editor-atom .stop-price-toggle .ui-toggle-checkbox .gwt-CheckBox,
.sms-ui-rfqintervention .editor-atom .stop-price-toggle .ui-toggle-checkbox .gwt-CheckBox label {
  height: 18px;
  margin: 0;
}

.sms-ui-rfqintervention .editor-atom .stop-price-toggle .ui-toggle-checkbox .gwt-CheckBox label {
  line-height: inherit;
  transition-duration: 0.6s;
}

.sms-ui-rfqintervention .editor-atom .stop-price-toggle .ui-toggle-checkbox {
  width: 40px;
}

.sms-ui-rfqintervention .editor-atom .stop-price-toggle label::before {
  font-size: 9px;
  font-family: 'webappsdk';
  content: '\ed6a';
  border: none;
  line-height: 16px;
  height: 14px;
  width: 14px;
  top: 2px;
  text-align: center;
  left: 2px;
}

.sms-ui-rfqintervention .editor-atom .stop-price-toggle .ui-toggle-checkbox .gwt-CheckBox input:checked + label:before {
  left: revert;
  right: 2px;
}

.sms-ui-rfqintervention .editor-atom .stop-price-toggle input:checked + label::before {
  content: '\ed6c';
  right: 24px;
}

.sms-ui-rfqintervention .editor-atom .inner-widget {
  overflow: hidden;
}

.sms-ui-rfqintervention .editor-atom .price-spinner .price-spinner-label {
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
}

.sms-ui-rfqintervention .editor-atom .disabled.auto-spot .spinner-btn-box,
.sms-ui-rfqintervention .editor-atom .disabled.auto-spot .caption {
  visibility: hidden;
}

.sms-ui-rfqintervention .editor-atom .disabled.auto-spot input {
  background: none !important;
  color: unset !important;
}

.sms-ui-rfqintervention .editor-atom .disabled.auto-spot .numeric-spinner,
.sms-ui-rfqintervention .editor-atom .disabled.auto-spot .spinner-container {
  border-color: transparent;
  background: transparent;
  color: unset;
}

.sms-ui-rfqintervention .editor-atom .field-allin .caption-field {
  font-weight: bold;
}

.sms-ui-rfqintervention .editor-atom .editor-panel-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.7em;
  gap: 8px;
}

.sms-ui-rfqintervention .editor-atom .editor-panel-footer button {
  height: 2.2em;
  display: flex;
  align-items: center;
  padding: 0 .5em;
}

.sms-ui-rfqintervention .editor-atom .detail-wrapper {
  display: grid;
  grid-template-columns: 35% 1fr;
}

.sms-ui-rfqintervention .editor-atom .detail-value {
  text-transform: capitalize;
}

.sms-ui-rfqintervention .editor-atom .quote-panel .bid-offer-container {
  font-weight: bold;
}

.sms-ui-rfqintervention .editor-atom .execution-panel.bid-only .offer-field, .sms-ui-rfqintervention .editor-atom .execution-panel.offer-only .bid-field {
  display: none;
}

.sms-ui-rfqintervention .editor-atom .execution-panel .field-premium::before {
  padding-right: 1ch;
  position: relative;
  left: 0;
}

.sms-ui-rfqintervention .editor-atom .execution-panel .bid-offer-panel {
  grid-template-columns: 12em 1fr;
}

.sms-ui-rfqintervention .editor-atom .execution-panel .caption-field,
.sms-ui-rfqintervention .editor-atom .execution-panel .bid-field,
.sms-ui-rfqintervention .editor-atom .execution-panel .offer-field {
  justify-content: left;
  text-align: left;
}

.sms-ui-rfqintervention .editor-atom .execution-panel .caption-field {
  grid-column: 1/2;
}

.sms-ui-rfqintervention .editor-atom .execution-panel .offer-field,
.sms-ui-rfqintervention .editor-atom .execution-panel .bid-field {
  grid-column: 2/3;
}

.sms-ui-rfqintervention .editor-atom .execution-panel .editor-panel-header {
  display: block;
}

.sms-ui-rfqintervention .editor-atom .execution-panel .banner-titles-container {
  border: none;
}

.sms-ui-rfqintervention .editor-atom .execution-panel .banner-titles-container .banner-titles {
  display: flex;
  gap: 0.25em;
}

.sms-ui-rfqintervention .editor-atom .execution-panel .banner-titles-container div[prefix] {
  display: contents;
}

.sms-ui-rfqintervention .editor-atom .execution-panel .banner-titles-container div[prefix]::before {
  content: attr(prefix);
}

.sms-ui-rfqintervention .editor-atom .execution-panel .banner-titles-container .fx .pip-num {
  font-weight: bold;
}

.sms-ui-rfqintervention .editor-atom .cross-secdef,
.sms-ui-rfqintervention .editor-atom .quote-panel.cross .sub-title {
  width: 100%;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
  font-size: 1.1em;
}

.sms-ui-rfqintervention .editor-atom .bid-offer-container.cross {
  margin-top: 0.7em;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container.cross {
  user-select: none;
}

.sms-ui-rfqintervention .editor-atom .quote-panel .bid-offer-container.hidden-section {
  display: none;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container .editor-subpanel-header .gwt-CheckBox,
.sms-ui-rfqintervention .editor-atom .execution-panel .editor-subpanel-header .gwt-CheckBox,
.sms-ui-rfqintervention .editor-atom .quoted-panel .editor-subpanel-header .gwt-CheckBox {
  position: relative;
  width: 100%;
  display: block;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container .editor-subpanel-header .gwt-CheckBox input,
.sms-ui-rfqintervention .editor-atom .execution-panel .editor-subpanel-header .gwt-CheckBox input,
.sms-ui-rfqintervention .editor-atom .quoted-panel .editor-subpanel-header .gwt-CheckBox input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  appearance: none;
  background: none;
  border: none;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container .editor-subpanel-header .gwt-CheckBox input:focus,
.sms-ui-rfqintervention .editor-atom .execution-panel .editor-subpanel-header .gwt-CheckBox input:focus,
.sms-ui-rfqintervention .editor-atom .quoted-panel .editor-subpanel-header .gwt-CheckBox input:focus {
  outline: none;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container .editor-subpanel-header .gwt-CheckBox input::after,
.sms-ui-rfqintervention .editor-atom .execution-panel .editor-subpanel-header .gwt-CheckBox input::after,
.sms-ui-rfqintervention .editor-atom .quoted-panel .editor-subpanel-header .gwt-CheckBox input::after {
  font-family: 'webappsdk';
  content: '\edbd';
  font-size: 15px;
  padding-left: 4px;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container .editor-subpanel-header .gwt-CheckBox input:checked::after,
.sms-ui-rfqintervention .editor-atom .execution-panel .editor-subpanel-header .gwt-CheckBox input:checked::after,
.sms-ui-rfqintervention .editor-atom .quoted-panel .editor-subpanel-header .gwt-CheckBox input:checked::after {
  content: '\edb9';
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container .editor-subpanel-header .gwt-CheckBox label,
.sms-ui-rfqintervention .editor-atom .execution-panel .editor-subpanel-header .gwt-CheckBox label,
.sms-ui-rfqintervention .editor-atom .quoted-panel .editor-subpanel-header .gwt-CheckBox label {
  cursor: pointer;
  display: block;
  width: 100%;
  margin: 0;
}

.sms-ui-rfqintervention .editor-atom .field-pnl .item-field {
  font-size: 1.1em;
}

.sms-ui-rfqintervention .editor-atom .field-interest .quantity {
  font-size: 1.2em;
}

.sms-ui-rfqintervention .editor-atom .fx .editor-panel-header {
  margin-bottom: 0.65em;
}

.sms-ui-rfqintervention .editor-atom .fx .percent-price,
.sms-ui-rfqintervention .editor-atom .fx .pip-num {
  font-size: 1.3em;
}

.sms-ui-rfqintervention .editor-atom .fx .field-allin .piped-price .pip-num {
  font-size: 1.8em;
}

.sms-ui-rfqintervention .editor-atom .fx .field-allin .piped-price .pip-exponent {
  font-size: 1.3em;
}

.sms-ui-rfqintervention .editor-atom .fx .field-pnl {
  font-size: 1.14em;
}

.sms-ui-rfqintervention .editor-atom .fx :not(.editor-fields-container) .pip-num {
  line-height: 1em;
}

.sms-ui-rfqintervention .editor-atom .fx .editor-legend .buy-side,
.sms-ui-rfqintervention .editor-atom .fx .editor-legend .sell-side {
  font-weight: 700;
}

.sms-ui-rfqintervention .editor-atom [product^="fx-option"] .price {
  font-size: 1.3em;
}

.sms-ui-rfqintervention .editor-atom .mm .execution-panel .editor-panel-header .detail-panel {
  margin-bottom: 0.65em;
}

.sms-ui-rfqintervention .editor-atom .mm .editor-panel-header {
  margin-bottom: 0;
}

.sms-ui-rfqintervention .editor-atom .mm .bid-offer-panel .item-field .caption {
  display: none;
}

.sms-ui-rfqintervention .editor-atom .mm .quoting-panel .detail-panel,
.sms-ui-rfqintervention .editor-atom .mm .quote-panel .detail-panel {
  display: flex;
  gap: .2em;
  height: 1.43em;
}

.sms-ui-rfqintervention .editor-atom .editor-button-copy,
.sms-ui-rfqintervention .editor-atom .editor-button-up,
.sms-ui-rfqintervention .editor-atom .editor-button-down,
.sms-ui-rfqintervention .editor-atom .lock-all-in {
  display: flex;
  align-items: center;
  background: inherit;
  border: none;
}

.sms-ui-rfqintervention .editor-atom .editor-button-copy {
  height: 1em;
}

.sms-ui-rfqintervention .editor-atom .editor-button-copy-ssp {
  align-items: center;
  background: inherit;
  border: none;
  height: 1em;
}

.sms-ui-rfqintervention .editor-atom .lock-all-in {
  position: absolute;
  top: 0;
  right: 0.7em;
}

.sms-ui-rfqintervention .editor-atom .lock-all-in input {
  appearance: none;
  cursor: pointer;
}

.sms-ui-rfqintervention .editor-atom .lock-all-in input:focus {
  outline: none;
}

.sms-ui-rfqintervention .editor-atom .lock-all-in input::after {
  font-family: 'webappsdk';
  content: '\eb51';
}

.sms-ui-rfqintervention .editor-atom .lock-all-in input:checked::after {
  content: '\eb50';
}

.sms-ui-rfqintervention .editor-atom .banner-actions .banner-already-picked,
.sms-ui-rfqintervention .editor-atom .pickup-action,
.sms-ui-rfqintervention .editor-atom .detail-wrapper .gwt-Label,
.sms-ui-rfqintervention .editor-atom .editor-subpanel-header .gwt-Label,
.sms-ui-rfqintervention .editor-atom .editor-legend .gwt-Label,
.sms-ui-rfqintervention .editor-atom .banner-field .gwt-Label,
.sms-ui-rfqintervention .editor-atom .banner-titles .gwt-Label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-self: center;
}

.sms-ui-rfqintervention .editor-atom .banner-panel {
  padding: 0.7em;
  border-bottom-left-radius: .4em;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-type-wrapper {
  display: flex;
  margin-bottom: 0.4em;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-type {
  font-weight: 900;
  line-height: 16px;
  text-align: center;
  padding: 0 0.4em;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-titles-container {
  padding: 0 0 0.4em 0;
  gap: 0.3em;
  display: flex;
  flex-direction: column;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-titles-container .banner-titles {
  display: flex;
  font-size: 1.4em;
  gap: .25em;
  text-transform: uppercase;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-titles-container [separator]:before {
  content: attr(separator);
  padding-right: .25em;
  opacity: .7;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-fields {
  display: flex;
  padding: 0.4em 0;
  text-align: left;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-fields .banner-field {
  padding: 0 0.4em;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-fields .banner-field .banner-field-value {
  font-size: 16px;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions {
  display: flex;
  padding: 0.4em 0 0 0;
  column-gap: 0.5em;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions .sales-trader-actions {
  display: flex;
  column-gap: 0.5em;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions .sales-trader-actions .sales-action,
.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions .sales-trader-actions .trader-action {
  padding-right: 0;
  display: flex;
  align-items: center;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions .sales-trader-actions .sales-action::after,
.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions .sales-trader-actions .trader-action::after {
  line-height: 2.15em;
  font-size: .9em;
  padding: 0 .15em;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions .banner-already-picked {
  margin: auto 0;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions .banner-already-picked::before {
  margin: 0 0.3em;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions button {
  height: 2.15em;
  padding: 0 0.5em;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions button::before {
  padding-right: 0.3em;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions button,
.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions .field-status {
  text-transform: uppercase;
}

.sms-ui-rfqintervention .editor-atom .editor-legend {
  padding: 0.5em 0;
  display: flex;
  gap: .25em;
  font-size: 12px;
}

.sms-ui-rfqintervention .editor-atom .editor-legend .side {
  text-transform: capitalize;
}

.sms-ui-rfqintervention .editor-atom .banner-already-picked::before {
  font-family: webappsdk;
  content: '\ed61';
}

.sms-ui-rfqintervention .editor-atom .reject-button::before {
  font-family: webappsdk;
  content: '\ebfa';
}

.sms-ui-rfqintervention .editor-atom .print-button::before {
  font-family: webappsdk;
  content: '\ea66';
}

.sms-ui-rfqintervention .editor-atom .editor-button-copy::before {
  font-family: webappsdk;
  content: '\e9c7';
}

.sms-ui-rfqintervention .editor-atom .editor-button-copy-ssp::before {
  font-family: webappsdk;
  content: '\e9c7';
}

.sms-ui-rfqintervention .editor-atom .spinner-btn.spinner-btn-increase:after {
  content: '\edc4';
}

.sms-ui-rfqintervention .editor-atom .spinner-btn.spinner-btn-decrease:after {
  content: '\edc6';
}

.sms-ui-rfqintervention .editor-atom .spinner-btn.spinner-btn-increase:after,
.sms-ui-rfqintervention .editor-atom .editor-button-up::before {
  font-family: webappsdk;
  content: '\edc4';
  font-size: 1em;
}

.sms-ui-rfqintervention .editor-atom .spinner-btn.spinner-btn-decrease:after,
.sms-ui-rfqintervention .editor-atom .editor-button-down::before {
  font-family: webappsdk;
  content: '\edc6';
}

.sms-ui-rfqintervention .editor-atom .editor-warning::before {
  font-family: 'webappsdk';
  content: '\ed4d';
}

.sms-ui-rfqintervention .mm .currency,
.sms-ui-rfqintervention .mm .nb-of-days,
.sms-ui-rfqintervention [product="money-market"] .currency,
.sms-ui-rfqintervention [product="money-market"] .nb-of-days {
  font-weight: 700;
}

.sms-ui-rfqintervention .detail-panel {
  width: 31em;
}

.sms-ui-rfqintervention .detail-wrapper .time-progress-bar-addon-v2 {
  width: 7.5em;
  align-items: flex-end;
}

.sms-ui-rfqintervention .lock-all-in {
  position: absolute;
  top: 0;
  right: 0.7em;
}

.sms-ui-rfqintervention .lock-all-in input {
  appearance: none;
  cursor: pointer;
}

.sms-ui-rfqintervention .lock-all-in input:focus {
  outline: none;
}

.sms-ui-rfqintervention .lock-all-in input::after {
  font-family: 'webappsdk';
  content: '\eb51';
}

.sms-ui-rfqintervention .lock-all-in input:checked::after {
  content: '\eb50';
}

.sms-ui-rfqintervention .card-panel.ssp-panel {
  height: 100%;
  width: fit-content;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: start;
}

.sms-ui-rfqintervention .card-panel.ssp-panel,
.sms-ui-rfqintervention .card-panel.ssp-panel .card-panel {
  overflow: auto;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .card-panel, .sms-ui-rfqintervention .card-panel.ssp-panel .quoting-panel {
  height: calc(50% - 0.35em);
  min-height: 27em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .ssp-tab-panel {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .card {
  flex-shrink: 0;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .card.quote-panel {
  width: unset;
  flex: 1;
  overflow: hidden;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .card.detail-panel {
  width: 26em;
  height: 100%;
  overflow: auto;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .card.quoting-panel .grid-panels:not(.spot-grid), .sms-ui-rfqintervention .card-panel.ssp-panel .card.quote-panel .grid-panels:not(.spot-grid), .sms-ui-rfqintervention .card-panel.ssp-panel .card.detail-panel .detail-container:not(.spot-grid) {
  overflow-y: auto;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .form-field .caption {
  padding-left: .4em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quoting-panel .editor-panel-header {
  position: relative;
  justify-content: start;
  gap: 0.5em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quoting-panel .editor-panel-header .title {
  position: relative;
  margin-right: 0.5em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quoting-panel .editor-panel-header .title::after {
  content: '|';
  position: absolute;
  text-align: center;
  right: calc(-0.5em + 2px);
  width: 0;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quoting-panel .editor-panel-header,
.sms-ui-rfqintervention .card-panel.ssp-panel .quoting-panel .editor-panel-header .form-field {
  align-items: baseline;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels {
  white-space: nowrap;
  width: max-content;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .category,
.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-header,
.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-columns,
.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-columns {
  display: inline-flex;
  flex-wrap: wrap;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .category {
  flex-direction: column;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .category .grid-header {
  border-right: .2em solid;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .category:last-child .grid-header {
  border: none;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-header {
  height: 1.33em;
  position: sticky;
  justify-content: center;
  padding: 0 1em;
  top: 0;
  z-index: 2;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-columns {
  flex-direction: row;
  flex-wrap: nowrap;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-column {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 0;
  flex-grow: 1;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-column .field {
  padding: 0 .5em;
  height: 2.1em;
  border-right: 1px dashed;
  line-height: 2em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-column .field::before, .sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-column .field::after {
  display: none;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-column > .caption {
  border-right: 1px solid;
  height: 1.53em;
  line-height: 1.53em;
  top: 1.33em;
  padding: 0em .5em;
  position: sticky;
  z-index: 2;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-column > .caption label,
.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-column > .caption input {
  height: 1.53em;
  line-height: 1.53em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .category:last-child .grid-column:last-child .caption,
.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .category:last-child .grid-column:last-child .field {
  border: none;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .field {
  margin: 0;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .numeric {
  text-align: right;
  margin-left: auto;
  min-width: 6em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .numeric .allocation::before {
  content: '-';
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .form-field .caption {
  position: absolute;
  z-index: 1;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .form-field {
  width: 9em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .all-in .form-field {
  min-width: 10em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .field-account {
  width: 22ch;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .field-account .field > * {
  overflow: hidden;
  text-overflow: ellipsis;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .piped-price.price-spinner-label,
.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .piped-point.price-spinner-label {
  padding-top: 0;
  line-height: 2em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .side .field {
  text-transform: uppercase;
  font-weight: 700;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .settlement {
  font-weight: bold;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quote-panel .ssp-legs .settlement .field,
.sms-ui-rfqintervention .card-panel.ssp-panel .quote-panel .ssp-legs .settlement .caption {
  padding-left: 1.5em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quote-panel .ssp-legs .settlement .field {
  margin-left: .3em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quote-panel .ssp-legs .settlement .field.gwt-CheckBox {
  position: relative;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quote-panel .ssp-legs .settlement .field.gwt-CheckBox label {
  line-height: 1.9em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quote-panel .ssp-legs .settlement .field.gwt-CheckBox input {
  line-height: 1.9em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quote-panel .ssp-legs .settlement .gwt-CheckBox {
  display: block;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quote-panel .ssp-legs .settlement .gwt-CheckBox input {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  appearance: none;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quote-panel .ssp-legs .settlement .gwt-CheckBox input:focus {
  outline: none;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quote-panel .ssp-legs .settlement .gwt-CheckBox input::after {
  font-family: 'webappsdk';
  content: '\edc5';
  font-size: 15px;
  padding-left: 4px;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quote-panel .ssp-legs .settlement .gwt-CheckBox input:checked::after {
  content: '\edc6';
}

.sms-ui-rfqintervention .card-panel.ssp-panel .quote-panel .ssp-legs .settlement .gwt-CheckBox input:disabled {
  display: none;
}

.sms-ui-rfqintervention .tabContainer-panel {
  height: 100%;
}

.sms-ui-rfqintervention .dtgb-atom {
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.sms-ui-rfqintervention .dtgb-atom .dtgb-header {
  position: relative;
}

.sms-ui-rfqintervention .dtgb-atom .pony-grid {
  flex: 1;
}

.sms-ui-rfqintervention .dtgb-atom .pickup-action {
  width: 7.6em;
  line-height: 14px;
  vertical-align: middle;
  overflow: hidden;
  padding: 0;
  text-transform: uppercase;
  font-weight: 700;
}

.sms-ui-rfqintervention .dtgb-atom .pickup-action::before {
  position: absolute;
  left: 0.35em;
}

.sms-ui-rfqintervention .dtgb-atom .pickup-action::after {
  position: absolute;
  right: 0;
  border-radius: 0 3px 3px 0;
  width: 1.14em;
  content: attr(pickup-part);
}

.sms-ui-rfqintervention .dtgb-atom .time-progress-bar-addon-v2 {
  width: 7.1em;
  margin: 0;
  align-items: flex-end;
}

.sms-ui-rfqintervention .numeric-spinner .piped-price,
.sms-ui-rfqintervention .numeric-spinner input {
  text-align: right;
}

.sms-ui-rfqintervention .numeric-spinner .spinner-btn-box {
  border: none;
}

.sms-ui-rfqintervention .numeric-spinner .spinner-btn {
  font-size: 1em;
}

.sms-ui-rfqintervention .numeric-spinner .spinner-btn::after {
  height: 50%;
  position: absolute;
  top: 50%;
  line-height: 0;
  right: 0;
  width: 100%;
  text-align: center;
}

.sms-ui-rfqintervention .editor-button-group {
  margin: 0;
  text-transform: uppercase;
}

.sms-ui-rfqintervention .pickup-action {
  position: relative;
  border-radius: 5px;
}

.sms-ui-rfqintervention .pickup-action:disabled {
  border-radius: 0px;
}

.sms-ui-rfqintervention .pickup-action::before {
  font-size: .9em;
  padding-right: .3em;
  content: '\eb05';
  font-family: 'webappsdk';
}

.sms-ui-rfqintervention .sales-trader-actions button {
  align-items: center;
  column-gap: 5px;
  overflow: hidden;
}

.sms-ui-rfqintervention .sales-trader-actions button[data-label]::after {
  content: attr(data-label);
  height: 100%;
  margin-left: 8px;
}

.sms-ui-rfqintervention .vd-range-label {
  display: flex;
}

.sms-ui-rfqintervention .vd-range-label .vd-range-separator {
  margin: 0px 2px;
}

.sms-ui-rfqintervention .vd-range-label .vd-range-separator:before {
  font-family: 'webappsdk';
  content: '\edfe';
}

.sms-ui-rfqintervention .time-progress-bar-addon-v2 .label {
  text-align: right;
}

.sms-ui-rfqintervention .time-progress-bar-addon-v2 .progress {
  left: unset;
  right: 0;
}

.sms-ui-rfqintervention .field-premium::before {
  content: attr(caption);
  position: absolute;
  left: .55em;
}

.sms-ui-rfqintervention .ticket-blotter .selected::after,
.sms-ui-rfqintervention .ticket-last-requests,
.sms-ui-rfqintervention .ticket .type,
.sms-ui-rfqintervention .ticket .status,
.sms-ui-rfqintervention .ticket .pickup-action,
.sms-ui-rfqintervention .ticket .pickup-header-action,
.sms-ui-rfqintervention .ticket .detail,
.sms-ui-rfqintervention .ticket .side,
.sms-ui-rfqintervention .ticket .currency-pair,
.sms-ui-rfqintervention .warning-low,
.sms-ui-rfqintervention .highlightedRFQ,
.sms-ui-rfqintervention .card .caption-field .gwt-Label,
.sms-ui-rfqintervention .card .caption-field.gwt-Label,
.sms-ui-rfqintervention .sales-trader-actions button::after,
.sms-ui-rfqintervention .field-pnl,
.sms-ui-rfqintervention .detail-panel .side,
.sms-ui-rfqintervention .field-interest,
.sms-ui-rfqintervention .editor-legend .buy-side,
.sms-ui-rfqintervention .editor-legend .sell-side,
.sms-ui-rfqintervention .field-premium {
  font-weight: 700;
}

.sms-ui-rfqintervention .detail-panel .side {
  text-transform: uppercase;
}

.sms-ui-rfqintervention .column {
  position: relative;
  height: fit-content;
}

.sms-ui-rfqintervention .rfq-intervention-pophover {
  position: absolute;
  border-radius: 5px;
  padding: 0.35em 0;
  z-index: 5;
  display: none;
}

.sms-ui-rfqintervention .quoting-panel:hover .rfq-intervention-pophover, .sms-ui-rfqintervention .quoting-panel:focus-within .rfq-intervention-pophover {
  display: block;
}

.sms-ui-rfqintervention .quoting-panel .rfq-intervention-pophover {
  left: calc(31em - 0.35em);
  font-size: 14px;
  font-weight: 400;
  margin-top: 200px;
}

.sms-ui-rfqintervention .pophover-quoting-wrapper {
  display: flex;
}

.sms-ui-rfqintervention .pophover-quoting-bloc .pophover-caption {
  height: 1.1em;
  line-height: 1.1em;
}

.sms-ui-rfqintervention .pophover-quoting-bloc .pophover-value {
  height: 1.4em;
  line-height: 1.4em;
}

.sms-ui-rfqintervention .pophover-quoting-bloc .pophover-value:not(:last-child) {
  margin-bottom: 0.35em;
}

.sms-ui-rfqintervention .pophover-quoting-bloc .pophover-caption,
.sms-ui-rfqintervention .pophover-quoting-bloc .pophover-value {
  white-space: nowrap;
  padding: 0 0.35em;
}

.sms-ui-rfqintervention .pophover-quoting-bloc .pophover-caption:not(:first-child),
.sms-ui-rfqintervention .pophover-quoting-bloc .pophover-value:not(:first-child) {
  margin-top: 2px;
}

.sms-ui-rfqintervention ~ .dialog-overlay .dialog-widget {
  width: unset;
  min-width: 400px;
}

.sms-ui-rfqintervention .details-separator {
  height: 1px;
  margin: 10px 0 10px 0;
}

.advanced-container .advanced-notif-row .actions {
  margin: 0 5px 0 5px;
}

.desks-atom.tab-desk-atom {
  overflow: auto;
}

.desks-atom.tab-desk-atom .desks-header {
  padding-top: 0.5em;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.desks-atom.tab-desk-atom .desks-header .labels .label {
  margin-right: 0.5em;
}

.desks-atom.tab-desk-atom .rule-checkbox {
  border: none;
  outline: none;
  padding: 0;
  height: 24px;
  width: 24px;
  line-height: 24px;
  cursor: pointer;
  position: relative;
  padding-left: 10px;
}

.desks-atom.tab-desk-atom .rule-checkbox:before {
  font-size: 16px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  font-family: 'webappsdk';
}

.desks-atom.tab-desk-atom .rule-checkbox.row-button {
  margin-top: 55px;
}

.desks-atom.tab-desk-atom .checked:before {
  content: '\ee6b';
}

.desks-atom.tab-desk-atom .partial-checked:before {
  content: '\ee6d';
}

.desks-atom.tab-desk-atom .unchecked:before {
  content: '\ee6c';
}

.desks-atom.tab-desk-atom .rules-panel {
  display: flex;
}

.desks-atom.tab-desk-atom .rules-panel .check-boxes-container {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}

.desks-atom.tab-desk-atom .rules-panel .schedules-container {
  overflow: unset;
}

.desks-atom.tab-desk-atom .state-panel .label {
  font-size: 14px;
}

.module-tabs-panel.desk-collaboration {
  height: 95%;
}

.sms-ui-institutionaltrading .open-help {
  float: right;
  padding-right: 10px;
}

.sms-ui-institutionaltrading .open-help .lbl {
  padding-left: 5px;
}

.prefScreen .institutional-preference-atom {
  padding-top: 20px;
}

.accessible {
  position: relative;
  min-width: 800px;
  min-height: 600px;
  overflow: auto;
}

.accessible .sms-ui-institutionaltrading {
  height: 100%;
  width: 100%;
}

.delta-exchange-panel .delta-exchange-info {
  margin-left: 5px;
}

.checkbox-dropdown .checkbox-panel .checkbox-container .checkbox-item .checkbox-input {
  pointer-events: none;
}

.sms-ui-internalrisk .blotters-area {
  height: 100%;
}

.edit-position-btn {
  float: right;
  margin-right: 10px;
}

.move-risk-btn {
  float: right;
  margin-right: 10px;
}

.move-risk-btn .lbl {
  margin-left: 5px;
  margin-right: 10px;
}

.edit-position-blotter .header .gwt-CheckBox {
  display: flex;
}

.edit-position-blotter .header .gwt-CheckBox input {
  height: 20px;
  line-height: 20px;
  margin-left: 10px;
}

.edit-position-blotter.scrollable .table td .edit-position {
  display: flex;
  line-height: initial;
  overflow: visible;
  height: 25px;
}

.edit-position-blotter.scrollable .table td .edit-position .numeric-spinner {
  width: 50%;
}

.edit-position-blotter.scrollable .table td .edit-position .numeric-spinner .spinner-btn {
  height: 50%;
  font-size: 1em;
}

.edit-position-blotter.scrollable .table td .edit-position .spinner-label {
  margin: 0 5px;
}

/* Move Risk */
.move-risk-modal .modal-dialog {
  width: 310px !important;
}

.move-risk-modal .modal-dialog .move-risk-field input {
  text-align: start !important;
  text-indent: 5px;
  height: auto !important;
  border-radius: 4px 0 0 4px;
}

.move-risk-modal .modal-dialog .move-risk-field .piped-price {
  margin-left: 2px;
  text-align: start !important;
  text-indent: 5px;
  height: auto !important;
  border-radius: 4px 0 0 4px;
}

.move-risk-modal .modal-dialog .move-risk-field .numeric-spinner {
  border-radius: 4px;
  overflow: hidden;
}

.move-risk-modal .modal-dialog .move-risk-field .forward-date-dropdown {
  border-radius: 4px;
}

.move-risk-modal .modal-dialog .move-risk-field .forward-date-dropdown input {
  border-radius: 4px;
}

.move-risk-modal .modal-dialog .side-field {
  border-radius: 4px;
  vertical-align: top;
  text-indent: 5px;
  border: 1px solid #000;
  margin: auto;
  min-width: 50%;
  min-height: 24px;
  padding-right: 5px;
  display: inline-flex;
  justify-content: space-between;
  text-align: start !important;
}

.move-risk-modal .modal-dialog .move-risk-comment input {
  width: 100%;
  border-radius: 4px;
  text-indent: 5px;
}

.move-risk-modal .modal-dialog .move-risk-label {
  margin: auto;
  min-width: 50%;
  min-height: 24px;
  padding-right: 5px;
  display: inline-flex;
  justify-content: space-between;
  text-align: start !important;
}

.move-risk-modal .modal-dialog .field-disabled {
  pointer-events: none;
}

.move-risk-modal .modal-dialog .move-risk-separator {
  border-style: dashed;
  border-width: thin;
  margin-top: 10px;
  margin-bottom: 5px;
}

.move-risk-modal .modal-dialog .numeric-spinner {
  border-radius: 4px;
}

.move-risk-modal .modal-dialog .icon-warning2 {
  float: right;
  margin-top: 5px;
}

.move-risk-modal .modal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  position: relative;
}

.move-risk-modal .modal-footer .pt-checkbox-panel {
  display: flex;
}

.move-risk-modal .modal-footer .pt-checkbox-panel .gwt-Label {
  padding: 0 5px;
}

.sms-ui-internalrisk .pnl-total-panel {
  display: flex;
  flex-direction: column;
}

.sms-ui-internalrisk .pnl-total-panel .product-panel, .sms-ui-internalrisk .pnl-total-panel .treasury-panel {
  display: flex;
  padding: 10px;
}

.sms-ui-internalrisk .pnl-total-panel .product-panel .product-pnl-total, .sms-ui-internalrisk .pnl-total-panel .product-panel .treasury-pnl-total, .sms-ui-internalrisk .pnl-total-panel .treasury-panel .product-pnl-total, .sms-ui-internalrisk .pnl-total-panel .treasury-panel .treasury-pnl-total {
  margin-left: 10px;
}

.sms-ui-internalrisk .pnl-total-panel .product-panel .currency, .sms-ui-internalrisk .pnl-total-panel .treasury-panel .currency {
  margin-left: 10px;
}

.sms-ui-internalrisk .pnl-total-panel .product-panel .product-label, .sms-ui-internalrisk .pnl-total-panel .product-panel .treasury-label, .sms-ui-internalrisk .pnl-total-panel .treasury-panel .product-label, .sms-ui-internalrisk .pnl-total-panel .treasury-panel .treasury-label {
  width: 235px;
}

.sms-ui-internalrisk .pnl-blotter {
  top: 80px;
}

.sms-ui-internalrisk .balance-blotter .grid-atom {
  height: calc(100% - 84px) !important;
  top: 81px !important;
}

.sms-ui-internalrisk .pnl-blotter .grid-atom {
  height: calc(100% - 58px) !important;
  top: 55px !important;
}

.sms-ui-internalrisk .balance-blotter .clear-button::before, .sms-ui-internalrisk .pnl-blotter .clear-button::before {
  content: '\e9d7 \00a0';
  font-family: webappsdk;
}

.sms-ui-internalrisk .balance-blotter .quantity, .sms-ui-internalrisk .pnl-blotter .quantity {
  text-align: right;
}

.sms-ui-internalrisk .balance-blotter .aggregated-label, .sms-ui-internalrisk .pnl-blotter .aggregated-label {
  font-weight: 800;
}

.sms-ui-internalrisk .balance-blotter .non-aggregated-icon, .sms-ui-internalrisk .pnl-blotter .non-aggregated-icon {
  opacity: 0;
}

.sms-ui-internalrisk .balance-blotter thead th:hover .non-aggregated-icon, .sms-ui-internalrisk .pnl-blotter thead th:hover .non-aggregated-icon {
  opacity: 1;
}

.sms-ui-internalrisk .balance-blotter .aggregated-icon, .sms-ui-internalrisk .pnl-blotter .aggregated-icon {
  opacity: 1;
}

.sms-ui-internalrisk .balance-blotter .balance-button-header, .sms-ui-internalrisk .pnl-blotter .balance-button-header {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.sms-ui-internalrisk .balance-blotter .balance-button-header form, .sms-ui-internalrisk .pnl-blotter .balance-button-header form {
  margin-left: 5px;
}

.sms-ui-internalrisk .balance-blotter .balance-button-header form label:first-child, .sms-ui-internalrisk .pnl-blotter .balance-button-header form label:first-child {
  display: none;
}

.sms-ui-internalrisk .forecast-button {
  width: 160px;
  align-self: flex-end;
}

.sms-ui-internalrisk .forecast-button::before {
  content: '\eeb8  \00a0';
  font-family: webappsdk;
}

.sms-ui-internalrisk .balance-cell, .sms-ui-internalrisk .metal-cell {
  height: 100% !important;
}

.sms-ui-internalrisk .balance-cell .gwt-Label, .sms-ui-internalrisk .metal-cell .gwt-Label {
  height: 20px;
  line-height: 20px;
}

.sms-ui-internalrisk .balance-cell .balance-cell-child, .sms-ui-internalrisk .balance-cell .metal-cell-child, .sms-ui-internalrisk .metal-cell .balance-cell-child, .sms-ui-internalrisk .metal-cell .metal-cell-child {
  cursor: pointer;
  height: 25px;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.sms-ui-internalrisk .balance-cell .balance-cell-child .icon, .sms-ui-internalrisk .balance-cell .metal-cell-child .icon, .sms-ui-internalrisk .metal-cell .balance-cell-child .icon, .sms-ui-internalrisk .metal-cell .metal-cell-child .icon {
  position: absolute;
  left: 0;
  margin: 5px;
}

.sms-ui-internalrisk .balance-filter-widget {
  display: flex;
  flex-grow: 1;
}

.sms-ui-internalrisk .balance-filter-widget .checkbox-dropdown {
  height: 25px;
  width: 180px;
  margin: 5px 5px 5px 0px;
  border-radius: 5px;
}

.sms-ui-internalrisk .balance-filter-widget .checkbox-dropdown .dropdown-button {
  border-radius: 5px;
  border: none;
  max-width: 180px;
}

.sms-ui-internalrisk .import-csv-button div .gwt-FileUpload * {
  padding-left: 5px;
}

.sms-ui-internalrisk .import-csv-button div .gwt-FileUpload {
  width: 70px;
}

.sms-ui-internalrisk .import-csv-button div .gwt-FileUpload::-webkit-file-upload-button {
  visibility: hidden;
}

.sms-ui-internalrisk .import-csv-button div .gwt-FileUpload::before {
  content: '\ec7c \00a0 Import';
  font-family: webappsdk;
  display: inline-block;
  margin-left: 6px;
}

.forecast .forecast-filters {
  display: flex;
}

.forecast .forecast-filters .rsp-panel, .forecast .forecast-filters .currency-panel {
  width: 220px;
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}

.forecast .forecast-ratio {
  height: 14px;
}

.forecast .forecast-ratio .forecast {
  height: 50%;
}

.forecast .forecast-ratio .actual {
  height: 50%;
}

.forecast .forecast-grid {
  top: 50px;
  position: relative;
  height: 285px;
  overflow: auto;
}

.forecast tbody tr:first-child {
  display: block;
  position: fixed;
  top: 140px;
}

.forecast tbody tr td {
  width: 140px;
  text-align: right;
  padding-right: 10px;
}

.forecast tbody tr td:last-child {
  width: 300px;
}

.forecast-modal .modal-dialog {
  width: 760px;
  margin-top: 100px;
}

.forecast-modal .modal-dialog .forecast-blotter .body-table {
  width: 100% !important;
}

.forecast-modal .modal-dialog .forecast-blotter .body-table thead {
  width: 100% !important;
}

.forecast-modal .modal-dialog .modal-content {
  height: 520px;
}

.forecast-modal .modal-dialog .modal-content .modal-body .blotters-area .grid-atom {
  top: 80px !important;
  left: 15px;
  right: 15px;
}

.forecast-modal .modal-dialog .modal-footer {
  border-top: none;
  bottom: 0px;
  right: 0px;
  position: fixed;
}

.forecast-modal .modal-dialog .forecast-blotter {
  height: 280px;
  position: static;
}

.metal-position-blotter-atom .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu {
  display: flex;
  height: 25px;
  margin: 5px 5px 5px 0px;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu button {
  height: 26px;
  width: 67px;
  border-radius: 5px;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu button .icon-plus2 {
  margin-right: 6px;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu .textbox {
  margin-left: 5px;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu .textbox input {
  height: 25px;
  width: 280px;
  box-sizing: border-box;
  padding-left: 4px;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu .textbox button {
  margin-left: -46px;
  padding-bottom: 1px;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu .checkboxes-panel {
  height: 50px;
  width: 180px;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu .checkboxes-panel li {
  list-style-type: none;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu .checkboxes-panel li .gwt-CheckBox {
  padding-left: 5px;
  display: block;
  width: 100%;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu .checkboxes-panel li .gwt-CheckBox input, .metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu .checkboxes-panel li .gwt-CheckBox label {
  cursor: pointer;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu .checkboxes-panel li .gwt-CheckBox label {
  padding-left: 5px;
}

.metal-position-blotter-atom .header .menu-button-container .customized-columns-menu {
  margin: 5px;
}

.metal-position-blotter-atom .header .menu-button-container .customized-columns-menu .dropdown button {
  height: 26px;
}

.metal-position-blotter-atom .header .menu-button-container .customized-columns-menu .dropdown button .icon-cog {
  margin-right: 8px;
}

.metal-position-blotter-atom .header .menu-button-container .customized-columns-menu .checkboxes-panel {
  width: 180px;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.metal-position-blotter-atom .header .menu-button-container .customized-columns-menu .checkboxes-panel li {
  list-style-type: none;
}

.metal-position-blotter-atom .header .menu-button-container .customized-columns-menu .checkboxes-panel li .gwt-CheckBox {
  padding-left: 5px;
  display: block;
  width: 100%;
}

.metal-position-blotter-atom .header .menu-button-container .customized-columns-menu .checkboxes-panel li .gwt-CheckBox input, .metal-position-blotter-atom .header .menu-button-container .customized-columns-menu .checkboxes-panel li .gwt-CheckBox label {
  cursor: pointer;
}

.metal-position-blotter-atom .header .menu-button-container .customized-columns-menu .checkboxes-panel li .gwt-CheckBox label {
  padding-left: 5px;
}

.metal-position-blotter-atom .grid-atom {
  top: 45px !important;
  padding-bottom: 9px !important;
}

.metal-position-blotter-atom .grid-atom .metal-cell .metal-cell-child.move {
  height: 20px;
  width: 60px;
  padding: 1px 5px;
  box-sizing: border-box;
  border-radius: 3px;
  margin-bottom: 4px;
  margin-left: 5px;
}

.metal-position-blotter-atom .grid-atom .metal-cell .metal-cell-child.move .icon {
  margin: 0px;
  margin-top: -3px;
  font-weight: bold;
}

.metal-position-blotter-atom .grid-atom .metal-cell .metal-cell-child.move .icon .icon-transmission {
  margin-left: 6px;
  margin-right: 5px;
  font-size: 12px;
}

.metal-position-blotter-atom .grid-atom tbody tr td:nth-child(n+6) .metal-cell .metal-cell-child {
  display: flex;
  justify-content: flex-end;
  margin-right: 5px;
}

.metal-position-blotter-atom .grid-atom tbody tr td:nth-child(-n+5) .metal-cell .metal-cell-child {
  display: flex;
  margin-left: 5px;
}

.metal-position-blotter-atom .grid-atom tbody tr td:nth-child(-n+5) .metal-cell .metal-cell-child .icon-container {
  width: 20%;
}

.lp-limit-blotter .dtgb-cell-usage-percent-label {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: right;
}

.lp-limit-blotter .dtgb-cell-usage-bar {
  display: flex;
  height: 5px;
}

.lp-limit-blotter .dtgb-cell-venue {
  display: flex;
  align-items: center;
  gap: 10px;
}

.unrealized-pnl-widget .content {
  overflow-y: auto;
}

.unrealized-pnl-widget .header-panel {
  margin-top: 5px;
  margin-bottom: 10px;
}

.unrealized-pnl-widget .header-panel .title-item, .unrealized-pnl-widget .header-panel .field-item {
  min-width: 120px;
  padding: 0 5px 0 5px;
  border-right-width: 1px;
}

.unrealized-pnl-widget .header-panel .title-item {
  height: 20px;
}

.unrealized-pnl-widget .header-panel .title-item:not(:last-child) {
  border-right-style: solid;
}

.unrealized-pnl-widget .header-panel .field-item {
  height: 26px;
}

.unrealized-pnl-widget .header-panel .field-item:not(:last-child) {
  border-right-style: dashed;
}

.unrealized-pnl-widget .header-panel .field-item .dd-container-widget {
  width: auto;
  height: inherit;
}

.unrealized-pnl-widget .header-panel .field-item .dd-container-widget .dd-container-button {
  align-self: center;
}

.unrealized-pnl-widget .header-panel .title, .unrealized-pnl-widget .header-panel .field {
  display: flex;
}

.unrealized-pnl-widget .header-panel .title-item:first-of-type, .unrealized-pnl-widget .header-panel .field-item:first-of-type {
  width: 365px;
}

.unrealized-pnl-widget .bottom-panel {
  width: 100%;
  margin-top: 5px;
  padding: 0px 5px;
}

.unrealized-pnl-widget .bottom-panel .no-chart-popup {
  width: 150px;
  padding: 10px;
  border-radius: 8px;
  background-color: black;
}

.unrealized-pnl-widget .bottom-panel .no-chart-popup .message::before {
  margin-right: 5px;
  font-family: webappsdk;
  content: '\ed61';
}

.unrealized-pnl-widget .bottom-panel .chart-panel .highcharts-axis.highcharts-yaxis {
  display: none;
}

.unrealized-pnl-widget .bottom-panel .chart-panel .highcharts-xaxis-grid .highcharts-grid-line, .unrealized-pnl-widget .bottom-panel .chart-panel rect.highcharts-scrollbar-button, .unrealized-pnl-widget .bottom-panel .chart-panel path.highcharts-scrollbar-arrow, .unrealized-pnl-widget .bottom-panel .chart-panel .highcharts-series-label.highcharts-navigator-series {
  display: none;
}

.unrealized-pnl-widget .bottom-panel .chart-panel .highcharts-button-disabled {
  cursor: not-allowed !important;
}

.unrealized-pnl-widget .bottom-panel .chart-panel .highcharts-navigator-mask-inside {
  opacity: 0.5;
}

.sms-ui-oms .world .hide-btn {
  height: 20px !important;
  top: 5px !important;
}

.sms-ui-oms .oms-layout > div {
  overflow: visible !important;
}

.sms-ui-oms .oms-header > div {
  overflow: visible !important;
}

.sms-ui-oms .body-actions .nav {
  margin: 5px 0 5px 0;
}

.sms-ui-oms .body-actions .nav a {
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  padding-top: 0px;
}

.sms-ui-oms .full-width-header {
  width: 100% !important;
  text-transform: capitalize;
}

.sms-ui-oms .main-layout > .header .menu-panel .user-btn-dropdown .dropdown-menu li > div {
  flex-wrap: wrap;
}

.pending-tickets .pending-ticket .accept, .pending-tickets .pending-ticket .reject {
  width: 50%;
}

.pending-tickets .pending-ticket .force-exec {
  width: 100%;
}

.pending-tickets-alert-header {
  line-height: 30px;
}

.pending-tickets-settings {
  padding: .5em;
}

.pending-tickets-settings, .pending-tickets-icons {
  display: flex;
  white-space: break-spaces;
  font-size: .9em;
}

.pending-tickets-settings .settingsIcon, .pending-tickets-icons .settingsIcon {
  padding-right: .5em;
}

.pending-tickets-settings .sound-selection, .pending-tickets-icons .sound-selection {
  width: 100%;
  padding-right: .5em;
  min-width: 150px;
}

.pending-tickets-settings .sound-selection .sound-select, .pending-tickets-icons .sound-selection .sound-select {
  width: 100%;
  height: 25px;
}

.pending-tickets-settings .setting-box, .pending-tickets-icons .setting-box {
  padding-right: .5em;
  min-width: 150px;
}

.pending-tickets-settings .setting-box .form-field, .pending-tickets-icons .setting-box .form-field {
  margin: 0;
}

.pending-tickets-settings .setting-box .ui-radio-button-group, .pending-tickets-icons .setting-box .ui-radio-button-group {
  display: flex;
  justify-content: center;
  border-radius: 5px;
  box-sizing: border-box;
  height: 25px;
}

.pending-tickets-settings .setting-box .ui-radio-button-group .gwt-RadioButton, .pending-tickets-icons .setting-box .ui-radio-button-group .gwt-RadioButton {
  text-transform: uppercase;
  margin-right: 5px;
  margin-bottom: 1px;
  margin-top: -1px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
}

.pending-tickets-settings .setting-box .ui-radio-button-group .gwt-RadioButton:not(:first-child):before, .pending-tickets-icons .setting-box .ui-radio-button-group .gwt-RadioButton:not(:first-child):before {
  content: "|";
  display: inline-block;
  transform: translateY(0.09em);
}

.pending-tickets-settings .setting-box .ui-radio-button-group .gwt-RadioButton input[type=radio], .pending-tickets-icons .setting-box .ui-radio-button-group .gwt-RadioButton input[type=radio] {
  margin-right: 8px;
  display: none;
}

.pending-tickets-settings .setting-box .ui-radio-button-group .gwt-RadioButton input[type=radio] + label, .pending-tickets-icons .setting-box .ui-radio-button-group .gwt-RadioButton input[type=radio] + label {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 26px;
  cursor: pointer;
}

.pending-tickets-settings .setting-box .ui-radio-button-group .gwt-RadioButton input[type=radio] + label:before, .pending-tickets-icons .setting-box .ui-radio-button-group .gwt-RadioButton input[type=radio] + label:before {
  font-family: webappsdk;
  font-size: 15px;
  line-height: 15px;
  margin-right: 5px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.pending-tickets-settings .setting-box .ui-radio-button-group .gwt-RadioButton:not(.ui-radio-button-selected) > label:before, .pending-tickets-icons .setting-box .ui-radio-button-group .gwt-RadioButton:not(.ui-radio-button-selected) > label:before {
  content: '\ee70';
}

.pending-tickets-settings .setting-box .ui-radio-button-group .gwt-RadioButton.ui-radio-button-selected > label:before, .pending-tickets-icons .setting-box .ui-radio-button-group .gwt-RadioButton.ui-radio-button-selected > label:before {
  content: '\ee6e';
}

.main-layout > .header .menu-panel .banners .banner.colored {
  font-size: .85em;
  border-radius: 0;
  height: 25px;
  padding-top: 1px;
}

.spot-sales-margin-label {
  clear: both;
  float: left;
  width: 20%;
  margin-top: 10px;
}

.override-desk-field {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 10px;
}

.spot-sales-margin-field {
  float: left;
  width: 25%;
  margin-top: 10px;
}

.dtgbfe-atom .dtgbfe-net-amount .dtgb-col-header-actions, .dtgbfe-atom .dtgbfe-net-equi-amount .dtgb-col-header-actions {
  left: 0;
}

.dtgbfe-atom .dtgbfe-net-amount .dtgb-col-header-title {
  padding-left: 80px;
}

.dtgbfe-atom .dtgbfe-net-equi-amount .dtgb-col-header-title {
  padding-left: 40px;
}

.fixing-widget .fixing-exposure-slave-blotter {
  position: static;
  min-width: 600px;
}

.fixing-widget .fixing-exposure-slave-blotter .selected-ticket-label {
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
}

.fixing-widget .fixing-exposure-slave-blotter .dtgb-header-option {
  margin-left: inherit !important;
  width: 100%;
  justify-content: space-between;
}

.header .menu-panel .dropdown-menu[role=menu] .module-pref-bside .caption {
  font-size: 16px;
  padding: 0;
}

.header .menu-panel .dropdown-menu[role=menu] .module-pref-bside .ui-toggle-checkbox > * {
  margin-right: 5px;
}

.header .menu-panel .dropdown-menu[role=menu] .module-pref-bside .ui-toggle-checkbox .gwt-CheckBox {
  order: inherit;
  width: 40px;
}

.pricing-button-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.pricing-button-group .pricing-button-group-row {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 20%;
}

.pricing-button-group .pricing-button-group-row div {
  height: initial;
  line-height: initial;
}

.pricing-button-group .pricing-button-group-row .increase-spread-button,
.pricing-button-group .pricing-button-group-row .decrease-spread-button {
  font-size: 1.5em;
}

.pricing-button-group .pricing-button-group-row.increase-spread, .pricing-button-group .pricing-button-group-row.decrease-spread {
  height: 40%;
}

.pricing-button-group .pricing-button-group-row.increase-spread {
  align-items: end;
}

.pricing-button-group .pricing-button-group-row.decrease-spread {
  align-items: baseline;
}

.pricing-button-group .pricing-tradability {
  position: absolute;
  bottom: 0;
}

.pricing-button-group .pricing-tradability .form-field {
  margin: 5px;
}

.pricing-button-group .instrument-multiplier-global {
  height: 24px;
  display: flex;
  border-width: 1px;
  border-style: solid;
  padding: 0px 5px;
  border-radius: 5px;
  width: 100px;
  justify-content: center;
  margin-bottom: 5px;
  font-size: 13px;
}

.pricing-button-group .instrument-multiplier-global .dropdown-toggle, .pricing-button-group .instrument-multiplier-global .gwt-Button {
  padding: 0;
  box-shadow: none;
  background: none;
  border: none;
}

.pricing-button-group .instrument-multiplier-global .dropdown-toggle:before, .pricing-button-group .instrument-multiplier-global .gwt-Button:before {
  margin-right: 3px;
  content: '\ea18';
  font-family: 'webappsdk';
}

.pricing-button-group .instrument-multiplier-global .dropdown-toggle .caret, .pricing-button-group .instrument-multiplier-global .gwt-Button .caret {
  margin-left: 5px;
}

.pricing-button-group .instrument-multiplier-global .dropdown-menu {
  min-width: 105px;
}

.pricing-button-group .instrument-multiplier-global.open {
  border-width: 0.5px;
}

.pricing-button-group-security {
  cursor: pointer;
}

.pricing-button-group-tenor-value-date {
  font-weight: bold;
}

.pricing-button-group-tenor-value-date.read-only {
  top: 30px;
}

.instrument-row .instrument-label-clickable {
  cursor: pointer;
}

.position-skew-form-dialog .dialog-widget {
  max-height: none;
  width: auto;
  min-width: 400px;
}

.position-skew-form-dialog .dialog-widget .dialog-header {
  margin-bottom: 0px;
}

.position-skew-form-dialog .dialog-widget .dialog-body {
  position: relative;
  padding-top: 15px;
}

.position-skew-form-dialog .dialog-widget .dialog-footer {
  margin-top: 0px;
}

.position-skew-form {
  width: 370px;
}

.position-skew-form .position-skew-row {
  height: 44px;
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.position-skew-form .position-skew-row:last-child {
  margin-bottom: 20px;
}

.position-skew-form .position-skew-row .form-field {
  width: 100%;
  margin: 0px;
}

.position-skew-form .position-skew-row .form-field.required .caption::after {
  position: absolute;
  right: 0px;
  font-size: 20px;
  margin-top: 5px;
}

.position-skew-form .position-skew-row .form-field .inner-widget {
  height: 26px;
}

.position-skew-form .position-skew-row .form-field .dd-listbox .dd-container-state::after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
}

.position-skew-form .position-skew-row .form-field .dd-listbox.dd-container-opened .dd-container-state::after {
  border-bottom: 4px solid;
  border-top: none;
}

.position-skew-form .position-skew-row .form-field .dd-listbox.dd-container-disabled {
  border: none;
  box-shadow: none;
}

.position-skew-form .position-skew-row .form-field .numeric-spinner .spinner-btn-box {
  border-left: none;
}

.position-skew-form .position-skew-row .form-field .numeric-spinner .spinner-btn-box .spinner-btn {
  font-size: 13px;
}

.position-skew-form .position-skew-row .form-field .numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-increase {
  top: -2px;
}

.position-skew-form .position-skew-row .form-field .numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-increase::after {
  content: "\edc4 ";
}

.position-skew-form .position-skew-row .form-field .numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease {
  bottom: 2px;
}

.position-skew-form .position-skew-row .form-field .numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease::after {
  content: "\edc6 ";
}

.position-skew-form .position-skew-row .form-field .numeric-spinner .price-spinner-label,
.position-skew-form .position-skew-row .form-field .numeric-spinner .spinner-container {
  height: 100%;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.position-skew-form .position-skew-row .form-field .numeric-spinner .price-spinner-label input,
.position-skew-form .position-skew-row .form-field .numeric-spinner .spinner-container input {
  text-align: unset;
  text-indent: 5px;
}

.position-skew-form .position-skew-row .form-field .numeric-spinner .piped-price {
  font-size: 15px;
  padding-top: 3px;
}

.position-skew-form .position-skew-row .form-field .numeric-spinner .piped-price .pip-num {
  font-size: 18px;
}

.position-skew-form .position-skew-row .radio-button-group-form-field {
  padding-left: 5px;
  border-radius: 3px;
  display: flex;
  justify-content: flex-start;
}

.position-skew-form .position-skew-row .radio-button-group-form-field .gwt-RadioButton label {
  font-weight: 100;
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 5px;
  padding-right: 5px;
}

.position-skew-form .position-skew-row .radio-button-group-form-field .gwt-RadioButton label:hover {
  cursor: pointer;
}

.position-skew-form .position-skew-row .radio-button-group-form-field .gwt-RadioButton label::before {
  font-family: 'webappsdk';
  content: '\ee70';
  margin-right: 5px;
  font-weight: 400;
  font-size: 12px;
}

.position-skew-form .position-skew-row .radio-button-group-form-field .gwt-RadioButton:last-child label {
  border: none;
}

.position-skew-form .position-skew-row .radio-button-group-form-field .gwt-RadioButton input[type="radio"] {
  display: none;
}

.position-skew-form .position-skew-row .radio-button-group-form-field .gwt-RadioButton.radio-button-selected label::before {
  content: '\ee6e';
}

.position-skew-form .position-skew-row .radio-button-group-form-field.radio-button-group-disabled .gwt-RadioButton label:hover {
  cursor: default;
}

.position-skew-form .position-skew-row.market-row {
  height: 18px;
}

.position-skew-form .position-skew-row.market-row .form-price-widget {
  display: flex;
  gap: 5px;
}

.position-skew-form .position-skew-row.market-row .form-price-widget .offer-caption {
  padding-left: 5px;
}

.position-skew-form .position-skew-row.market-row .form-price-widget .piped-price:hover {
  cursor: pointer;
}

.position-skew-form .position-skew-row.market-row .form-price-widget .pip-num {
  font-size: 18px;
}

.position-skew-form .position-skew-row.expiration-date-row .date-time {
  position: relative;
}

.position-skew-form .position-skew-row.expiration-date-row .date-time .input {
  height: 26px;
  border-radius: 0px;
}

.position-skew-form .position-skew-row.expiration-date-row .date-time .icon-cross2 {
  position: absolute;
  z-index: 1;
  right: 5px;
  top: 8px;
}

.position-skew-form .position-skew-row.expiration-date-row .form-field {
  margin-top: 18px;
}

.position-skew-form .position-skew-row.expiration-date-row .form-field:first-child {
  margin-top: 0px;
}

.position-skew-form .position-skew-row.expiration-date-row .expiration-date-field {
  min-width: 110px;
}

.position-skew-form .position-skew-row.expiration-date-row .time-zone-field {
  min-width: 150px;
}

.position-skew-form .position-skew-row.target-quantity-row .form-field {
  width: 50%;
}

.position-skew-form .sub-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.position-skew-compare-widget {
  display: flex;
  gap: 15px;
  padding-bottom: 15px;
}

.position-skew-compare-widget .position-skew-compare-title {
  font-weight: 700;
}

.position-skew-compare-widget .position-skew-compare-row-panel {
  width: 370px;
  padding: 5px;
}

.position-skew-compare-widget .position-skew-compare-row-panel .position-skew-compare-row {
  width: 100%;
  display: flex;
  padding-top: 10px;
  padding-bottom: 2px;
}

.position-skew-compare-widget .position-skew-compare-row-panel .position-skew-compare-row:first-child {
  padding-top: 0px;
}

.position-skew-compare-widget .position-skew-compare-row-panel .position-skew-compare-row .gwt-Label {
  width: 50%;
}

.position-skew-compare-widget .position-skew-compare-row-panel .position-skew-compare-row .position-skew-compare-value {
  font-weight: 700;
}

.position-skew-compare-widget .position-skew-compare-old {
  padding-right: 15px;
}

.sms-ui-pricing .blotters-area {
  height: 100%;
}

.sms-ui-pricing .blotters-area .reset-sorting {
  height: 22px;
}

.sms-ui-pricing .rowbuttons {
  width: 100%;
  align-items: center;
}

.sms-ui-pricing .grid-action-btn-group > div {
  padding-right: 5px;
}

.sms-ui-pricing .grid-filters-btn-group {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin: 10px;
}

.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .header .title {
  text-align: center;
  width: 100%;
}

.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .center-panel-content {
  height: 100px;
}

.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .center-panel-content .decrease-spread-button {
  margin-top: 50px;
}

.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .center-panel-content .north .basic-price {
  font-size: 2rem;
}

.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .close-row {
  visibility: hidden;
}

.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .security {
  position: absolute;
  font-weight: bold;
  font-size: larger;
  top: -10px;
  left: -3px;
}

.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .security.read-only {
  top: 15px;
}

.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .decrease-spread-button {
  top: 22px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .center-panel-content {
  height: 120px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .center-panel-content.multiplier-activated {
  height: 145px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .center-panel-content.multiplier-activated .decrease-spread-button {
  margin-top: 42px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .center-panel-content .decrease-spread-button {
  margin-top: 34px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header {
  overflow: visible;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .multiplier-global, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .spread-multiplier-global {
  margin-left: -10px;
  display: flex;
  border-width: 1px;
  height: 26px;
  border-style: solid;
  padding: 0px 5px;
  border-radius: 5px;
  justify-content: center;
  font-size: 13px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .multiplier-global:before, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .spread-multiplier-global:before {
  height: 24px;
  position: absolute;
  left: -11px;
  content: '';
  border-right-width: 1px;
  border-right-style: solid;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .multiplier-global .dropdown-toggle, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .multiplier-global .gwt-Button, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .spread-multiplier-global .dropdown-toggle, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .spread-multiplier-global .gwt-Button {
  padding: 0;
  box-shadow: none;
  background: none;
  border: none;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .multiplier-global .dropdown-toggle:before, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .multiplier-global .gwt-Button:before, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .spread-multiplier-global .dropdown-toggle:before, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .spread-multiplier-global .gwt-Button:before {
  margin-right: 5px;
  content: '\ea18';
  font-family: 'webappsdk';
  margin-left: -5px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .multiplier-global.open, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .spread-multiplier-global.open {
  border-width: 0.5px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .multiplier-global .dropdown-menu, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .spread-multiplier-global .dropdown-menu {
  min-width: 105px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .multiplier-global {
  width: 104px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .spread-multiplier-global {
  overflow: visible;
  left: 155px;
  top: 2px;
  width: 102px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .spread-multiplier-global .gwt-Button, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .spread-multiplier-global .caret {
  margin-left: 5px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .spread-multiplier-global:before {
  left: -7px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group {
  margin: 10px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .security-picker-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: 26px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .security-picker-panel .field-option.security-panel {
  display: inherit;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .security-picker-panel .field-option.security-panel div:nth-child(2) {
  width: 150px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .security-picker-panel .security-panel {
  display: flex;
  height: 22px;
  margin-top: 2px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .security-picker-panel .security-panel .caption {
  margin-right: 10px;
  margin-top: 2px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .security-picker-panel .field-label {
  margin-right: 10px;
  margin-top: 3px;
  margin-left: 5px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .skewvalue-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: 26px;
  margin-top: 15px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .skewvalue-panel .spread-step-spinner {
  display: flex;
  height: 22px;
  margin-top: 2px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .skewvalue-panel .spread-step-spinner .inner-widget {
  width: 100px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .skewvalue-panel .spread-step-spinner input {
  letter-spacing: 1px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .skewvalue-panel .spread-step-spinner .caption {
  width: 100%;
  margin-right: -20px;
  margin-top: 2px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .tradability-button-group {
  left: 10px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row.instrument-multiplier-activated {
  height: 145px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row.instrument-multiplier-activated .pricing-button-group .pricing-button-group-row.increase-spread, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row.instrument-multiplier-activated .pricing-button-group .pricing-button-group-row.decrease-spread {
  height: 20%;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .tradability-all {
  position: absolute;
  top: 2px;
  margin-top: 0;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .security {
  cursor: pointer;
  top: -6px;
  left: -3px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .security.cross_inverse {
  cursor: auto;
  top: 15px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .decrease-spread-button {
  top: 16px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .spot-secdef .bid, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .spot-secdef .offer {
  margin-top: 2px !important;
  line-height: 26px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .spot-secdef .reset {
  margin-top: 2px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .spot-secdef .increase-spread-button {
  margin-top: -12px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .spot-secdef .shift-left, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .spot-secdef .shift-right {
  margin-top: 30px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .spot-secdef .bid .bid-offset {
  display: inline-flex;
  align-items: baseline;
  padding-right: 55px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .spot-secdef .bid .bid-offset .bid-multiplier-caption {
  padding-right: 5px;
  font-weight: bold;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .spot-secdef .offer .offer-offset {
  display: inline-flex;
  padding-left: 55px;
  align-items: baseline;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .spot-secdef .offer .offer-offset .offer-multiplier-caption {
  padding-left: 5px;
  font-weight: bold;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .spot-secdef .undo {
  margin-top: 38px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .multiplier {
  display: inline-flex;
  justify-content: center;
  padding: 0 5px;
  margin: 5px 0 7px 0;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .multiplier .inner-widget {
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  display: flex;
  padding: 0 5px;
  height: 20px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .multiplier .inner-widget .gwt-RadioButton {
  display: flex;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .multiplier input[type=radio] {
  margin-right: 3px;
  display: none;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .multiplier .ui-radio-button-group .gwt-RadioButton:not(:first-child):before {
  content: "|";
  display: inline-block;
  transform: translateY(50%);
  margin: 0 3px;
  font-size: 1.5em;
  line-height: 0;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .multiplier .ui-radio-button-group .gwt-RadioButton input[type=radio] + label {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
  transition: color 0.1s ease-in;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .multiplier .ui-radio-button-group .gwt-RadioButton input[type=radio] + label:before {
  font-size: 15px;
  line-height: 15px;
  margin-right: 2px;
  position: relative;
  top: 1.45px;
  transition: color 0.1s ease-in;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .multiplier .ui-radio-button-group .gwt-RadioButton.ui-radio-button-selected input[type=radio] + label:before {
  font-family: webappsdk;
  content: '\ee6e';
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .multiplier .ui-radio-button-group .gwt-RadioButton input[type=radio] + label:before {
  font-family: webappsdk;
  content: '\ee70';
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable.multiplier-activated .multiplier.multiplier-not-default {
  visibility: visible;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .spread-step-label, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .spread-step-label {
  margin-top: 3px;
  margin-left: 10px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .tradability-label, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .tradability-label {
  margin-top: 3px;
  margin-right: 10px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .down,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .offset,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .center, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .down,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .offset,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .center {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .offset, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .offset {
  font-size: 1.3rem;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .offset .offset-reference, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .offset .offset-reference {
  cursor: pointer;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .increase-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .decrease-spread-button, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .increase-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .decrease-spread-button {
  transform: rotate(90deg);
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead {
  overflow: visible;
  height: 35px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead .ptc.hovered .icon, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead .ptc.hovered .btn-group, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead .ptc.hovered .icon, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead .ptc.hovered .btn-group {
  visibility: visible;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th:first-child div, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th:first-child div {
  padding: 3px 0px 0px 5px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  border-left: 0px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header {
  height: 35px;
  position: relative;
  padding-left: 10px !important;
  padding-right: 10px !important;
  font-weight: bold !important;
  text-transform: uppercase;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header .shift-right,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header .shift-left,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header .increase-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header .decrease-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header .btn-group, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header .shift-right,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header .shift-left,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header .increase-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header .decrease-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header .btn-group {
  position: absolute;
  font-size: 1em;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header .shift-left, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header .shift-left {
  top: 8px;
  right: 80px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header .shift-right, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header .shift-right {
  top: 8px;
  right: 20px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header .increase-spread-button, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header .increase-spread-button {
  top: 0px;
  right: 50px;
  font-size: 1.2em;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header .decrease-spread-button, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header .decrease-spread-button {
  right: 50px;
  font-size: 1.2em;
  top: 15px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header .icon,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header .btn-group, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header .tradability-all, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header .icon,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header .btn-group, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header .tradability-all {
  position: absolute;
  margin-top: 0;
  visibility: hidden;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header:hover .icon,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header:hover .btn-group, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .table thead th .header:hover .tradability-all, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header:hover .icon,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header:hover .btn-group, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table thead th .header:hover .tradability-all {
  visibility: visible;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .table tbody, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .table tbody {
  margin-top: 35px;
  margin-left: 1px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .instrument-row .tradability-button-group .on-wrapper,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .instrument-row .increase-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .instrument-row .decrease-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .instrument-row .shift-left,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .instrument-row .shift-right, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .instrument-row .tradability-button-group .on-wrapper,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .instrument-row .increase-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .instrument-row .decrease-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .instrument-row .shift-left,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .instrument-row .shift-right {
  visibility: visible;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row {
  position: relative;
  overflow: visible;
  top: 0px;
  height: 100px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row .tradability-radio-button .on-wrapper,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row .increase-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row .decrease-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row .shift-left,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row .shift-right,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row .instrument-multiplier-global, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .tradability-radio-button .on-wrapper,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .increase-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .decrease-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .shift-left,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .shift-right,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .instrument-multiplier-global {
  visibility: hidden;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row:hover .tradability-radio-button .on-wrapper,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row:hover .increase-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row:hover .decrease-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row:hover .shift-left,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row:hover .shift-right,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row:hover .instrument-multiplier-global, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row:hover .tradability-radio-button .on-wrapper,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row:hover .increase-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row:hover .decrease-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row:hover .shift-left,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row:hover .shift-right,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row:hover .instrument-multiplier-global {
  visibility: visible;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row .close-row, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .close-row {
  position: absolute;
  left: 3px;
  margin-top: 5px;
  z-index: 1;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row .increase-spread-button, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .increase-spread-button {
  font-size: 1.5em;
  position: absolute;
  left: calc(50% - 25px / 2);
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row .decrease-spread-button, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .decrease-spread-button {
  font-size: 1.5em;
  position: absolute;
  left: calc(50% - 25px / 2);
  top: 58px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row .shift-left, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .shift-left {
  position: absolute;
  left: 35px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row .tenor-value-date, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .tenor-value-date {
  position: absolute;
  font-weight: bold;
  top: 5px;
  left: -3px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row .tenor-value-date.read-only, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .tenor-value-date.read-only {
  top: 30px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .instrument-row .shift-right, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .instrument-row .shift-right {
  position: absolute;
  right: 35px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .header .grid-action-btn-group {
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .add-instruments-btn, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .header .grid-action-btn-group .add-instruments-btn {
  height: 100%;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .size-increment,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .price-increment, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .header .grid-action-btn-group .size-increment,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .header .grid-action-btn-group .price-increment {
  flex-direction: column;
  height: 100%;
  height: 30px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .skewvalue-panel, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .header .grid-action-btn-group .skewvalue-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-right: 10px;
  margin-left: 10px;
  align-items: center;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .tradability-panel, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .header .grid-action-btn-group .tradability-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-right: 20px;
  align-items: center;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .security-panel, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .header .grid-action-btn-group .security-panel {
  width: 250px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .header .grid-action-btn-group .security-panel div, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .header .grid-action-btn-group .security-panel div {
  width: 100%;
  max-width: 200px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .north .reset,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .north .shift-left,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .north .shift-right,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .north .increase-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .north .decrease-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .north .undo,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .north .tradability .on-wrapper, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .north .reset,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .north .shift-left,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .north .shift-right,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .north .increase-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .north .decrease-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .north .undo,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .north .tradability .on-wrapper {
  visibility: visible;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .north .last-modified, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .north .last-modified {
  visibility: hidden;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .ptc.hovered .north .price-spinner .spinner-btn, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .ptc.hovered .north .price-spinner .spinner-btn {
  visibility: visible;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north {
  height: 100% !important;
  display: flex;
  flex-direction: row;
  height: 100px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north:hover .reset,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north:hover .shift-left,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north:hover .shift-right,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north:hover .increase-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north:hover .decrease-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north:hover .undo,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north:hover .multiplier,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north:hover .tradability .on-wrapper, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north:hover .reset,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north:hover .shift-left,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north:hover .shift-right,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north:hover .increase-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north:hover .decrease-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north:hover .undo,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north:hover .multiplier,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north:hover .tradability .on-wrapper {
  visibility: visible;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north:hover .last-modified, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north:hover .last-modified {
  visibility: hidden;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north:hover .price-spinner .spinner-btn, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north:hover .price-spinner .spinner-btn {
  visibility: visible;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .reset,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .shift-left,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .shift-right,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .increase-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .decrease-spread-button,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .undo,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .multiplier,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .tradability .on-wrapper, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .reset,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .shift-left,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .shift-right,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .increase-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .decrease-spread-button,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .undo,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .multiplier,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .tradability .on-wrapper {
  visibility: hidden;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .price-spinner .spinner-btn, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .price-spinner .spinner-btn {
  visibility: hidden;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget {
  position: relative;
  font-size: 1rem;
  flex: 1;
  top: 0;
  height: 60px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget .caption, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget .caption {
  text-align: left;
  font-size: 12px;
  padding-left: 15px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget .bid, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget .bid {
  float: left;
  margin-left: 15px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget .offer, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget .offer {
  float: left;
  margin-left: 30px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget .reset, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget .reset {
  position: absolute;
  left: 15px;
  margin-top: 10px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget .shift-left, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget .shift-left {
  position: absolute;
  top: 8px;
  right: 33px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget .shift-right, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget .shift-right {
  position: absolute;
  top: 8px;
  right: 7px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget .increase-spread-button, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget .increase-spread-button {
  position: absolute;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget .decrease-spread-button, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget .decrease-spread-button {
  position: absolute;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget .undo, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget .undo {
  position: absolute;
  left: 15px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget .pip-num, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget .pip-num {
  font-size: 2rem;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable {
  height: 100% !important;
  flex: 2;
  border-right: none;
  border-left: none;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .pip-num, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .pip-num {
  font-size: 3.5rem;
  color: inherit;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .tradability, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .tradability {
  position: absolute;
  bottom: 30px !important;
  left: 30%;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .tradability .bid-tradability, .sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .tradability .offer-tradability, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .tradability .bid-tradability, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .tradability .offer-tradability {
  position: absolute;
  top: 25px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .tradability .bid-tradability, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .tradability .bid-tradability {
  left: -80px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .tradability .offer-tradability, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .tradability .offer-tradability {
  left: 90px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .link-to-widget-button, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .link-to-widget-button {
  position: absolute;
  bottom: 21px;
  left: -175px;
  height: 22px;
  line-height: 2px;
  width: 190px;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 13px;
  visibility: hidden;
  transition: background-color 0.1s ease-in, border-color 0.1s ease-in;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .link-to-widget-button:before, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .link-to-widget-button:before {
  font-family: 'webappsdk';
  content: '\ec96';
  margin-right: 5px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .link-to-widget-button.linked, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .link-to-widget-button.linked {
  visibility: visible;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .link-to-widget-button.linked:before, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .link-to-widget-button.linked:before {
  content: '\ec99';
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .offset-reference, .sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .offset-reference {
  text-align: center;
  position: absolute;
  left: 168px;
  font-size: 1.5em;
  font-weight: bold;
  cursor: pointer;
}

.sms-ui-pricing .PricingAtom .pricing-button-group {
  position: relative;
  align-items: center;
}

.sms-ui-pricing .PricingAtom .spot-header {
  width: 100%;
  text-align: center;
}

.sms-ui-pricing .PricingAtom .tenor-header {
  width: 100%;
  text-align: center;
}

.sms-ui-pricing .PricingAtom .ptc.hovered {
  background-color: rgba(24, 106, 150, 0.1);
}

.sms-ui-pricing .PricingAtom .ptc.hovered .tradability-button-group .on-wrapper,
.sms-ui-pricing .PricingAtom .ptc.hovered .increase-spread-button,
.sms-ui-pricing .PricingAtom .ptc.hovered .decrease-spread-button,
.sms-ui-pricing .PricingAtom .ptc.hovered .shift-left,
.sms-ui-pricing .PricingAtom .ptc.hovered .shift-right,
.sms-ui-pricing .PricingAtom .ptc.hovered .link-to-widget-button {
  visibility: visible !important;
}

.sms-ui-pricing .PricingAtom td:hover {
  background-color: rgba(24, 106, 150, 0.1);
}

.sms-ui-pricing .PricingAtom td:hover .tradability-button-group .on-wrapper,
.sms-ui-pricing .PricingAtom td:hover .increase-spread-button,
.sms-ui-pricing .PricingAtom td:hover .decrease-spread-button,
.sms-ui-pricing .PricingAtom td:hover .shift-left,
.sms-ui-pricing .PricingAtom td:hover .shift-right,
.sms-ui-pricing .PricingAtom td:hover .link-to-widget-button {
  visibility: visible !important;
}

.sms-ui-pricing .PricingAtom .ptc.hovered .north:hover .undo.disabled {
  visibility: visible !important;
}

.sms-ui-pricing .PricingAtom .ptc.hovered .north .pricer-widget.editable .increase-spread-button, .sms-ui-pricing .PricingAtom .ptc.hovered .north .pricer-widget.editable .decrease-spread-button, .sms-ui-pricing .PricingAtom .ptc.hovered .north .pricer-widget.editable .shift-left, .sms-ui-pricing .PricingAtom .ptc.hovered .north .pricer-widget.editable .shift-right {
  visibility: visible;
}

.sms-ui-pricing .PricingAtom .north:hover .undo.disabled {
  visibility: visible !important;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .bid .offset {
  z-index: 0;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .offer .offset {
  z-index: 0;
  margin-left: 37px;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .increase-spread-button,
.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .decrease-spread-button,
.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .shift-left,
.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .shift-right {
  z-index: 100;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable:hover .increase-spread-button,
.sms-ui-pricing .PricingAtom .north .pricer-widget.editable:hover .decrease-spread-button,
.sms-ui-pricing .PricingAtom .north .pricer-widget.editable:hover .shift-left,
.sms-ui-pricing .PricingAtom .north .pricer-widget.editable:hover .shift-right {
  visibility: visible;
}

.sms-ui-pricing .PricingAtom .north .undo {
  visibility: visible !important;
}

.sms-ui-pricing .PricingAtom .north .undo[disabled] {
  display: none;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable {
  top: inherit !important;
  margin-left: 2px;
  height: 100px !important;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .increase-spread-button,
.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .decrease-spread-button {
  font-size: 1.8rem !important;
  right: 30px;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .shift-left,
.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .shift-right,
.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .undo {
  font-size: 1.8rem !important;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .increase-spread-button {
  margin-top: 5px;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .shift-left {
  margin-right: 6px;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .shift-right {
  margin-right: 15px;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .shift-left,
.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .shift-right {
  margin-top: 20px;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .undo {
  margin-top: 55px;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .bid {
  line-height: 25px;
  width: 36%;
  text-align: right;
  margin-top: 10px;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .bid .pip-prenum-left {
  position: absolute;
  margin-top: 0px;
  left: 35px;
  width: 60px;
  text-align: center;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .bid .pip-num {
  font-size: 3.5em !important;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .offer {
  line-height: 25px;
  width: 36%;
  margin-top: 10px;
  margin-right: 30px;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .offer .pip-prenum-left {
  position: absolute;
  right: 65px;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .offer .pip-num {
  font-size: 3.5em !important;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget.editable .tradability {
  z-index: 10;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget .reset {
  font-size: 2.5rem;
}

.sms-ui-pricing .PricingAtom .north .pricer-widget .pip-num {
  font-size: 2.5em !important;
}

.sms-ui-pricing .lock-title {
  display: block;
  width: 90%;
  margin: 0 auto;
}

.sms-ui-pricing .lock-title .lock-title-label {
  display: inline-block;
  cursor: pointer;
}

.sms-ui-pricing .lock-title.hide-title {
  visibility: hidden;
}

.sms-ui-pricing .lock-prices {
  width: 90%;
  margin: 0 auto;
  height: 100px;
}

.sms-ui-pricing .lock-price-side {
  width: 50%;
  float: left;
  position: relative;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .spot-secdef .tradability,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .spot-secdef .tradability {
  left: 103px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .lock-price-side .price-spinner,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .blotter-atom.TenorPricingBlotterAtom
.north
.pricer-widget.editable
.price-spinner,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .lock-price-side .price-spinner,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .blotter-atom.TenorPricingBlotterAtom
.north
.pricer-widget.editable
.price-spinner {
  background-color: #333 !important;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .lock-price-side .price-spinner .price-parts-container,
.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .blotter-atom.TenorPricingBlotterAtom
.north
.pricer-widget.editable
.price-spinner .price-parts-container,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .lock-price-side .price-spinner .price-parts-container,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .blotter-atom.TenorPricingBlotterAtom
.north
.pricer-widget.editable
.price-spinner .price-parts-container {
  font-size: 14px;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .pricer-widget.editable .offer .basic-price,
.sms-ui-pricing .blotter-atom.TenorPricingBlotterAtom .north .pricer-widget.editable .offer .basic-price {
  margin-right: -20px;
}

.sms-ui-pricing .lock-price-buttons {
  float: right;
  display: block;
}

.sms-ui-pricing .blotter-atom.pricing-blotter-atom .north .price-spinner .spinner-btn {
  visibility: visible;
}

.sms-ui-pricing .fix-prices-button {
  display: inline-block;
  margin-right: 5px;
  float: none;
}

.sms-ui-pricing .prices-locked {
  position: absolute;
  margin-top: 30px;
  margin-left: -10px;
  font-size: 4rem;
}

.sms-ui-pricing .pricer-widget .last-modified {
  visibility: visible;
  position: absolute;
  bottom: -5px;
  right: 9px;
  font-style: italic;
  opacity: 0.7;
  vertical-align: bottom;
}

.sms-ui-pricing .pricer-widget .last-modified .last-modified-by {
  display: inline-block;
}

.sms-ui-pricing .pricer-widget .last-modified .last-modified-date {
  display: inline-block;
}

.sms-ui-pricing .pricer-widget .last-modified .last-modified-user {
  text-overflow: ellipsis;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: inherit;
  margin-left: 2px;
  margin-right: 2px;
}

.sms-ui-pricing .blotter-atom.quoting-blotter-atom table thead, .sms-ui-pricing .blotter-atom.tiering-blotter-atom table thead {
  height: 40px !important;
}

.sms-ui-pricing .tiering-blotter-atom .output-bid-renderer,
.sms-ui-pricing .tiering-blotter-atom .output-ask-renderer {
  flex: 0.5;
  align-self: center;
}

.sms-ui-pricing .tiering-blotter-atom .tier-bid-spread,
.sms-ui-pricing .tiering-blotter-atom .tier-ask-spread,
.sms-ui-pricing .tiering-blotter-atom .tier-output-bid-renderer,
.sms-ui-pricing .tiering-blotter-atom .tier-output-ask-renderer {
  flex: 0.25;
  align-self: center;
}

.sms-ui-pricing .PricingAtom .tradability-global-on,
.sms-ui-pricing .quoting-blotter-atom .tradability-global-on,
.sms-ui-pricing .tiering-blotter-atom .tradability-global-on {
  margin-right: 5px;
  border-radius: 5px !important;
  height: 26px;
  width: 60px;
  font-size: 12px;
  transition: background-color 0.1s ease-in, border-color 0.1s ease-in;
}

.sms-ui-pricing .PricingAtom .tradability-global-off,
.sms-ui-pricing .quoting-blotter-atom .tradability-global-off,
.sms-ui-pricing .tiering-blotter-atom .tradability-global-off {
  margin-right: 5px;
  border-radius: 5px !important;
  width: 60px;
  font-size: 12px;
  height: 26px;
  transition: background-color 0.1s ease-in, border-color 0.1s ease-in;
}

.sms-ui-pricing .PricingAtom .tradability-global-ref,
.sms-ui-pricing .quoting-blotter-atom .tradability-global-ref,
.sms-ui-pricing .tiering-blotter-atom .tradability-global-ref {
  margin-right: 5px;
  border-radius: 5px !important;
  font-size: 12px;
  height: 26px;
  width: 60px;
  transition: background-color 0.1s ease-in, border-color 0.1s ease-in;
}

.sms-ui-pricing .quoting-blotter-atom .table tbody,
.sms-ui-pricing .tiering-blotter-atom .table tbody {
  margin-top: 40px !important;
}

.sms-ui-pricing .quoting-blotter-atom .actions-column,
.sms-ui-pricing .tiering-blotter-atom .actions-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.sms-ui-pricing .quoting-blotter-atom .actions-column .actions-panel,
.sms-ui-pricing .tiering-blotter-atom .actions-column .actions-panel {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-top: 2px;
}

.sms-ui-pricing .quoting-blotter-atom .actions-column .actions-panel .increase-spread-button,
.sms-ui-pricing .quoting-blotter-atom .actions-column .actions-panel .decrease-spread-button,
.sms-ui-pricing .tiering-blotter-atom .actions-column .actions-panel .increase-spread-button,
.sms-ui-pricing .tiering-blotter-atom .actions-column .actions-panel .decrease-spread-button {
  font-size: 18px;
}

.sms-ui-pricing .quoting-blotter-atom .instrument-column,
.sms-ui-pricing .tiering-blotter-atom .instrument-column {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
}

.sms-ui-pricing .quoting-blotter-atom .instrument-column .actions,
.sms-ui-pricing .tiering-blotter-atom .instrument-column .actions {
  padding-left: 5px;
  padding-right: 5px;
}

.sms-ui-pricing .quoting-blotter-atom .instrument-column .instrument,
.sms-ui-pricing .tiering-blotter-atom .instrument-column .instrument {
  cursor: pointer;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.sms-ui-pricing .quoting-blotter-atom .instrument-column .icon-cross,
.sms-ui-pricing .tiering-blotter-atom .instrument-column .icon-cross {
  padding-left: 5px;
}

.sms-ui-pricing .quoting-blotter-atom .bid-core-prices,
.sms-ui-pricing .quoting-blotter-atom .ask-core-prices,
.sms-ui-pricing .quoting-blotter-atom .bid-spread-core-prices,
.sms-ui-pricing .quoting-blotter-atom .ask-spread-core-prices,
.sms-ui-pricing .tiering-blotter-atom .bid-core-prices,
.sms-ui-pricing .tiering-blotter-atom .ask-core-prices,
.sms-ui-pricing .tiering-blotter-atom .bid-spread-core-prices,
.sms-ui-pricing .tiering-blotter-atom .ask-spread-core-prices {
  flex: 0.25;
  align-self: center;
}

.sms-ui-pricing .quoting-blotter-atom .bid-quantity,
.sms-ui-pricing .quoting-blotter-atom .ask-quantity,
.sms-ui-pricing .quoting-blotter-atom .output-bid,
.sms-ui-pricing .quoting-blotter-atom .output-ask,
.sms-ui-pricing .tiering-blotter-atom .bid-quantity,
.sms-ui-pricing .tiering-blotter-atom .ask-quantity,
.sms-ui-pricing .tiering-blotter-atom .output-bid,
.sms-ui-pricing .tiering-blotter-atom .output-ask {
  flex: 0.5;
  align-self: center;
}

.sms-ui-pricing .quoting-blotter-atom .multi-columns-row,
.sms-ui-pricing .tiering-blotter-atom .multi-columns-row {
  display: flex !important;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 1px;
}

.sms-ui-pricing .quoting-blotter-atom .resizer,
.sms-ui-pricing .tiering-blotter-atom .resizer {
  height: 40px !important;
}

.sms-ui-pricing .quoting-blotter-atom .security-picker-panel,
.sms-ui-pricing .tiering-blotter-atom .security-picker-panel {
  display: flex;
  flex-direction: row;
  width: 300px;
  max-width: 300px;
  min-width: 300px;
}

.sms-ui-pricing .quoting-blotter-atom .security-picker-panel button,
.sms-ui-pricing .tiering-blotter-atom .security-picker-panel button {
  height: 30px;
}

.sms-ui-pricing .quoting-blotter-atom .security-picker-panel .security-panel,
.sms-ui-pricing .tiering-blotter-atom .security-picker-panel .security-panel {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.sms-ui-pricing .quoting-blotter-atom .security-picker-panel .security-panel div,
.sms-ui-pricing .tiering-blotter-atom .security-picker-panel .security-panel div {
  width: 100%;
  max-width: 200px;
}

.sms-ui-pricing .quoting-blotter-atom .live-status-panel,
.sms-ui-pricing .tiering-blotter-atom .live-status-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.sms-ui-pricing .quoting-blotter-atom .live-status-panel .left-column,
.sms-ui-pricing .tiering-blotter-atom .live-status-panel .left-column {
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.sms-ui-pricing .quoting-blotter-atom .live-status-panel .right-column,
.sms-ui-pricing .tiering-blotter-atom .live-status-panel .right-column {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 200px;
}

.sms-ui-pricing .quoting-blotter-atom .live-status-panel .right-column .right-on-column,
.sms-ui-pricing .quoting-blotter-atom .live-status-panel .right-column .right-error-column,
.sms-ui-pricing .quoting-blotter-atom .live-status-panel .right-column .right-off-column,
.sms-ui-pricing .quoting-blotter-atom .live-status-panel .right-column .right-indicative-column,
.sms-ui-pricing .tiering-blotter-atom .live-status-panel .right-column .right-on-column,
.sms-ui-pricing .tiering-blotter-atom .live-status-panel .right-column .right-error-column,
.sms-ui-pricing .tiering-blotter-atom .live-status-panel .right-column .right-off-column,
.sms-ui-pricing .tiering-blotter-atom .live-status-panel .right-column .right-indicative-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sms-ui-pricing .quoting-blotter-atom .rowbuttons,
.sms-ui-pricing .tiering-blotter-atom .rowbuttons {
  width: 100%;
}

.sms-ui-pricing .quoting-blotter-atom .rowbuttons .grid-action-btn-group,
.sms-ui-pricing .tiering-blotter-atom .rowbuttons .grid-action-btn-group {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.sms-ui-pricing .quoting-blotter-atom .rowbuttons .grid-action-btn-group .security-picker-panel .security-panel,
.sms-ui-pricing .tiering-blotter-atom .rowbuttons .grid-action-btn-group .security-picker-panel .security-panel {
  align-items: center;
}

.sms-ui-pricing .quoting-blotter-atom .rowbuttons .grid-action-btn-group .security-picker-panel .security-panel .select2-choice,
.sms-ui-pricing .tiering-blotter-atom .rowbuttons .grid-action-btn-group .security-picker-panel .security-panel .select2-choice {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.sms-ui-pricing .quoting-blotter-atom .rowbuttons .grid-action-btn-group .security-picker-panel button,
.sms-ui-pricing .tiering-blotter-atom .rowbuttons .grid-action-btn-group .security-picker-panel button {
  height: 26px;
  outline: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.sms-ui-pricing .quoting-blotter-atom td.ptc,
.sms-ui-pricing .tiering-blotter-atom td.ptc {
  height: 100%;
}

.sms-ui-pricing .quoting-blotter-atom td.ptc .main-panel,
.sms-ui-pricing .quoting-blotter-atom td.ptc .expanded-panel,
.sms-ui-pricing .tiering-blotter-atom td.ptc .main-panel,
.sms-ui-pricing .tiering-blotter-atom td.ptc .expanded-panel {
  display: flex;
}

.sms-ui-pricing .quoting-blotter-atom td.ptc .main-panel,
.sms-ui-pricing .tiering-blotter-atom td.ptc .main-panel {
  position: relative;
}

.sms-ui-pricing .business-channels-list-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  cursor: default;
}

.sms-ui-pricing .business-channels-list-item .mbp-status-label {
  width: 100%;
}

.sms-ui-pricing .business-channels-list-item.clickable {
  cursor: pointer;
}

.sms-ui-pricing .business-channels-list-item.activated .icon {
  cursor: default;
}

.sms-ui-pricing .business-channels-list-item.deactivated .icon {
  cursor: default;
}

.sms-ui-pricing .unselectable {
  user-select: none;
}

.sms-ui-pricing .numeric-spinner {
  line-height: 10px;
  height: 22px;
}

.sms-ui-pricing td.ptc .expanded-panel .bid-quantity > div,
.sms-ui-pricing td.ptc .expanded-panel .ask-quantity > div,
.sms-ui-pricing td.ptc .expanded-panel .bid-quantity-renderer > div,
.sms-ui-pricing td.ptc .expanded-panel .ask-quantity-renderer > div,
.sms-ui-pricing td.ptc .expanded-panel .bid-core-prices > div,
.sms-ui-pricing td.ptc .expanded-panel .ask-core-prices > div,
.sms-ui-pricing td.ptc .expanded-panel .bid-spread-core-prices > div,
.sms-ui-pricing td.ptc .expanded-panel .ask-spread-core-prices > div,
.sms-ui-pricing td.ptc .expanded-panel .tier-bid-spread > div,
.sms-ui-pricing td.ptc .expanded-panel .tier-ask-spread > div,
.sms-ui-pricing td.ptc .expanded-panel .tier-output-bid-renderer > div,
.sms-ui-pricing td.ptc .expanded-panel .tier-output-ask-renderer > div {
  height: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.price-ladder-widget .tradability-radio-button .gwt-RadioButton-disabled > label:hover {
  cursor: default;
}

.price-ladder-widget .header .actions {
  justify-content: flex-end !important;
}

.price-ladder-widget .header .actions .reset {
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0 5px;
  cursor: pointer;
  z-index: 100;
  position: relative;
  transition: background-color 0.1s ease-in, border-color 0.1s ease-in;
}

.price-ladder-widget .header .actions .reset:before {
  content: '\ea4b';
  font-family: 'webappsdk';
  margin-right: 5px;
}

.price-ladder-widget .ladders-panel {
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 0;
}

.price-ladder-widget .content {
  padding: 5px;
  font-size: 13px;
}

.price-ladder-widget .content .dd-container-state {
  padding-top: 28px;
}

.price-ladder-widget .content .dd-container-button {
  padding-top: 2px;
}

.price-ladder-widget .content .form-field .dd-container-widget {
  transition: background-color 0.1s ease-in, border-color 0.1s ease-in;
}

.price-ladder-widget .content .header-panel {
  z-index: 1;
  container-type: inline-size;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}

.price-ladder-widget .content .header-panel .forward-date-dropdown-menu {
  left: -180px;
  width: 300px !important;
}

.price-ladder-widget .content .header-panel .forward-date-dropdown {
  line-height: 22px;
  width: 120px;
}

.price-ladder-widget .content .header-panel.read-only .forward-date-dropdown {
  pointer-events: none;
  border: transparent;
}

.price-ladder-widget .content .header-panel.read-only .forward-date-dropdown .date-picker-label {
  border: none !important;
  background: transparent !important;
}

.price-ladder-widget .content .header-panel.read-only .dd-container-widget {
  background-color: transparent !important;
  border-color: transparent !important;
  pointer-events: none !important;
}

.price-ladder-widget .content .header-panel.read-only .dd-container-widget .dd-container-state {
  display: none !important;
}

.price-ladder-widget .content .header-panel.read-only .dd-container-widget .dd-container-button {
  padding-left: 0px;
}

.price-ladder-widget .content .header-panel .title-item, .price-ladder-widget .content .header-panel .field-item {
  min-width: 120px;
  padding-left: 5px;
}

.price-ladder-widget .content .header-panel .field-item {
  height: 26px;
}

.price-ladder-widget .content .header-panel .field-item .dd-container-widget {
  width: 110px;
  height: inherit;
}

.price-ladder-widget .content .header-panel .field-item .dd-container-widget .dd-container-button {
  align-self: center;
}

.price-ladder-widget .content .header-panel .selection-section {
  padding: 5px;
}

.price-ladder-widget .content .header-panel .selection-section > :first-child {
  border-bottom: 1px solid;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  transition: all 0.1s ease-in-out;
}

.price-ladder-widget .content .header-panel .selection-section > :first-child .title-item {
  min-width: unset;
  width: fit-content;
}

.price-ladder-widget .content .header-panel .selection-section > :first-child .title-item:after {
  content: " :";
}

.price-ladder-widget .content .header-panel .selection-section .selectors {
  display: flex;
}

.price-ladder-widget .content .header-panel .selection-section .selectors .selection-element .title-item {
  width: 100%;
  border-right: 1px solid;
}

.price-ladder-widget .content .header-panel .selection-section .selectors .selection-element .field-item {
  width: 100%;
  border-right: 1px dashed;
}

.price-ladder-widget .content .header-panel .selection-section .selectors .selection-element:last-child .title-item, .price-ladder-widget .content .header-panel .selection-section .selectors .selection-element:last-child .field-item {
  border-right: none;
}

.price-ladder-widget .content .header-panel .selection-section .shape-selection-mode {
  padding-top: 3px;
}

.price-ladder-widget .content .header-panel .selection-section .shape-selection-mode .caption {
  font-size: 14px;
}

.price-ladder-widget .content .header-panel .selection-section .shape-selection-mode .static {
  border-left-width: 1px;
  border-left-style: solid;
  padding-left: 5px;
}

.price-ladder-widget .content .header-panel .selection-section .shape-selection-mode .dynamic, .price-ladder-widget .content .header-panel .selection-section .shape-selection-mode .static {
  margin-right: 5px;
}

.price-ladder-widget .content .header-panel .selection-section .shape-selection-mode input[type=radio] {
  margin-right: 3px;
  display: none;
}

.price-ladder-widget .content .header-panel .selection-section .shape-selection-mode input[type=radio] + label {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
}

.price-ladder-widget .content .header-panel .selection-section .shape-selection-mode input[type=radio] + label:before {
  margin-right: 2px;
}

.price-ladder-widget .content .header-panel .selection-section .shape-selection-mode input[type=radio]:checked + label:before {
  font-family: webappsdk;
  content: '\ee6e';
}

.price-ladder-widget .content .header-panel .selection-section .shape-selection-mode input[type=radio]:not(:checked) + label:before {
  font-family: webappsdk;
  content: '\ee70';
}

@container (min-width: 530px) {
  .price-ladder-widget .content .header-panel .selection-section {
    display: flex;
  }
  .price-ladder-widget .content .header-panel .selection-section > :first-child {
    border-right: 1px solid;
    border-bottom: none;
    margin-bottom: 0px;
    display: block;
  }
  .price-ladder-widget .content .header-panel .selection-section > :first-child .title-item:after {
    content: "";
  }
}

.price-ladder-widget .content .no-ladder {
  padding-top: 5px;
}

.price-ladder-widget .content .no-ladder:before {
  content: '\ed61';
  font-family: 'webappsdk';
  margin-right: 5px;
}

.price-ladder-widget .content .info-panel {
  display: flex;
  margin-top: 5px;
}

.price-ladder-widget .content .info-panel .gwt-Label {
  padding: 0 5px;
  position: relative;
}

.price-ladder-widget .content .info-panel .gwt-Label:after {
  content: '';
  position: absolute;
  height: 10px;
  right: 0;
  top: 4px;
}

.price-ladder-widget .content .info-panel .gwt-Label:first-of-type {
  padding-left: 0;
}

.price-ladder-widget .content .info-panel .gwt-Label.info-default-value:after {
  border-right: none;
}

.price-ladder-widget .content .info-panel .gwt-Label.info-default-value:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 5px;
  filter: blur(0.5px);
  display: inline-block;
  margin-right: 5px;
}

.price-ladder-widget .content .info-panel .switch-checkbox-field {
  margin: 0px;
  margin-left: 75px;
}

.price-ladder-widget .content .force-consistency-panel .caption {
  text-align: right;
}

.price-ladder-widget .content .price-band-panel {
  border-radius: 5px 5px 0px 0px;
  border-width: 1px;
  border-style: solid;
  margin-top: 4px;
  width: 400px;
}

.price-ladder-widget .content .price-band-panel .price-line-panel {
  min-width: 130px;
}

.price-ladder-widget .content .price-band-panel .price-panel {
  display: flex;
  justify-content: space-between;
  line-height: 37px;
}

.price-ladder-widget .content .price-band-panel .dd-container-widget {
  border-width: 1px;
  border-style: solid;
  height: 24px;
  font-size: 11px;
  line-height: 0px;
  margin: auto;
}

.price-ladder-widget .content .price-band-panel .dd-container-widget .dd-container-state {
  padding-top: 0px;
  width: 11px;
}

.price-ladder-widget .content .price-band-panel .dd-container-widget .dd-container-state::after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid;
}

.price-ladder-widget .content .price-band-panel .form-field {
  margin: 1px 0 0 0;
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  border-radius: 5px 5px 0px 0px;
  height: 32px;
  padding: 0 5px;
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel .dd-container-widget {
  width: 93px;
  height: 26px;
  border-radius: 5px;
  font-size: 13px;
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel .quantity-band {
  line-height: 22px;
  font-weight: bold;
  font-size: 14px;
  width: 80px;
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel .skew-bottons-panel {
  font-family: 'webappsdk';
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel .skew-bottons-panel .gwt-Button {
  background: transparent;
  border: none;
  position: relative;
  padding-top: 2px;
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel .skew-bottons-panel .gwt-Button:after {
  content: '';
  position: absolute;
  height: 15px;
  top: 3px;
  right: 0;
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel .skew-bottons-panel .gwt-Button:last-of-type:after {
  border-right: none;
  border-top: none;
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel .skew-bottons-panel .increase, .price-ladder-widget .content .price-band-panel .price-band-header-panel .skew-bottons-panel .decrease {
  transform: rotate(90deg);
  padding-top: 0;
  padding-left: 2px;
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel .skew-bottons-panel .increase:after, .price-ladder-widget .content .price-band-panel .price-band-header-panel .skew-bottons-panel .decrease:after {
  border-right: none !important;
  left: 1px;
  top: 0;
  width: 15px;
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel .skew-bottons-panel .increase:before {
  content: '\ee38';
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel .skew-bottons-panel .decrease:before {
  content: '\ee3a';
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel .skew-bottons-panel .shift-left:before {
  content: '\edc0';
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel .skew-bottons-panel .shift-right:before {
  content: '\edb8';
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel {
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
  box-sizing: border-box;
  border-radius: 0px 0px 1px 1px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .new-numeric-spinner {
  background-color: inherit !important;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side {
  position: relative;
  width: 200px;
  justify-content: center;
  display: flex;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .offer-multiplier {
  position: absolute;
  top: 10px;
  left: 5px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .bid-multiplier {
  position: absolute;
  top: 10px;
  right: 5px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .form-field {
  margin: 5px 0;
  display: flex;
  justify-content: center;
  position: relative;
  height: 26px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .form-field:after, .price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .form-field:before {
  content: '';
  position: absolute;
  height: 20px;
  top: 3px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .form-field:last-of-type:after {
  border-right: none;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .spinner-btn-box {
  border: none;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .bid-offset, .price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .offer-offset {
  width: 65px;
  align-items: center;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .bid-offset .dirty:after, .price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .offer-offset .dirty:after {
  content: '';
  position: absolute;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  filter: blur(0.5px);
  display: inline-block;
  margin-right: 5px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .offer-price {
  padding-left: 10px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .bid-price {
  padding-right: 10px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .offer-offset {
  text-align-last: left;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .offer-offset:after {
  right: 1px;
  border-left: 1px solid;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .bid-offset {
  text-align-last: right;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .bid-offset:before {
  left: 1px;
  border-left: 1px solid;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .flat-price {
  font-weight: 700;
  font-size: 14px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .bid-tradability.dirty:after, .price-ladder-widget .content .price-band-panel .price-band-body-panel .side .offer-tradability.dirty:after {
  content: '';
  position: absolute;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  filter: blur(0.5px);
  display: inline-block;
  margin-right: 5px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side:after {
  content: '';
  position: absolute;
  right: 0;
  top: 10px;
  height: 50px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side:last-of-type:after {
  border-right: none;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .tradability-radio-button {
  width: fit-content;
  margin: auto;
  position: relative;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .piped-price .pip-prenum-left, .price-ladder-widget .content .price-band-panel .price-band-body-panel .side .piped-price .pip-exponent {
  font-size: 13px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .piped-price .pip-num {
  font-size: 20px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side.bid .bid-offset .dirty:after {
  right: -15px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side.bid .bid-tradability.dirty:after {
  left: -15px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side.bid .price-line-panel .bid-offset:after {
  border-right: none;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side.offer .offer-offset .dirty:after {
  left: -10px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side.offer .offer-tradability.dirty:after {
  right: -20px;
}

.auto-skew {
  display: flex;
  width: 270px;
}

.auto-skew .auto-skew-name {
  margin: 0px 2px 0px 2px;
  font-weight: bold;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.auto-skew .off-pricing:before {
  content: '\ed4d';
  font-family: 'webappsdk';
  margin: 0px 4px 0px 4px;
}

.auto-skew-alert {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 4px;
}

.auto-skew-alert:before {
  content: '\ed4d';
  font-family: 'webappsdk';
  margin: 0px 4px 0px 4px;
}

.pricer-widget .auto-skew {
  position: absolute;
  left: -175px;
  bottom: -5px;
}

.new-pricing-blotter .spread-group-header .gwt-Label {
  max-width: 325px;
}

.new-pricing-blotter .currency-pair-cell.cross {
  cursor: not-allowed;
}

.new-pricing-blotter .currency-pair-cell.cross .top-panel {
  pointer-events: none;
}

.new-pricing-blotter .currency-pair-cell.cross .setting-button {
  opacity: 0;
}

.new-pricing-blotter .currency-pair-cell.cross .bottom-panel {
  display: none;
}

.new-pricing-blotter .pricing-cell .bid-price-panel, .new-pricing-blotter .pricing-cell .offer-price-panel {
  width: 125px;
}

.new-pricing-blotter .pricing-cell .price-panel {
  margin-top: 7px;
}

.new-pricing-blotter .pricing-cell .dd-container-widget {
  width: 60px;
}

.new-pricing-blotter .pricing-cell .bid-price-panel .dd-container-widget {
  margin-left: 55px;
}

.new-pricing-blotter .pricing-cell .numeric-spinner {
  pointer-events: none;
  border: none !important;
  background: none;
}

.new-pricing-blotter .pricing-cell .numeric-spinner .spinner-btn-box {
  display: none;
}

.new-pricing-blotter .pricing-cell .numeric-spinner .piped-price {
  height: 100%;
  line-height: 22px;
}

.new-pricing-blotter .pricing-cell .numeric-spinner input {
  background: none;
  font-size: 14px;
}

.new-tenor-blotter.no-actions .dtgb-header-row .option-widget.ccy-pair {
  border-right-style: solid !important;
  border-right-width: 1px !important;
}

.new-tenor-blotter .spread-group-header .gwt-Label {
  max-width: 95px;
}

.new-tenor-blotter .tenor-cell .top-panel {
  justify-content: center;
}

.new-tenor-blotter .pricing-cell .bid-price-panel, .new-tenor-blotter .pricing-cell .offer-price-panel {
  width: 140px;
}

.new-tenor-blotter .pricing-cell .price-panel {
  margin-top: 10px;
}

.new-tenor-blotter .pricing-cell .dd-container-widget {
  width: 70px;
}

.new-tenor-blotter .pricing-cell .bid-price-panel .dd-container-widget {
  margin-left: 59px;
}

.new-tenor-blotter .pricing-cell .editable-price-widget {
  width: 70px;
  line-height: 20px;
  border: 1px solid;
}

.new-tenor-blotter .pricing-cell .editable-price-widget .numeric-spinner {
  line-height: 22px;
  height: 100%;
  border: none;
}

.new-tenor-blotter .pricing-cell .editable-price-widget .numeric-spinner .spinner-btn-box {
  line-height: 10px;
  width: 16.5px;
  background: transparent;
}

.new-tenor-blotter .pricing-cell .editable-price-widget .numeric-spinner .spinner-btn-box .spinner-btn {
  border: none;
  background: transparent;
}

.new-tenor-blotter .pricing-cell .editable-price-widget .numeric-spinner .spinner-container {
  width: 51.5px;
}

.new-tenor-blotter .pricing-cell .editable-price-widget:not(.edit) {
  width: 100%;
  font-size: 14px !important;
  border-color: transparent;
}

.new-tenor-blotter .pricing-cell .editable-price-widget:not(.edit) .pip-num {
  font-size: 14px !important;
}

.new-tenor-blotter .pricing-cell .editable-price-widget:not(.edit) .spinner-btn-box {
  display: none;
}

.new-tenor-blotter .pricing-cell .editable-price-widget:not(.edit) .numeric-spinner {
  background: transparent;
  border-color: transparent;
}

.new-tenor-blotter .pricing-cell .editable-price-widget:not(.edit) input {
  background: transparent;
  text-overflow: ellipsis;
}

.new-tenor-blotter .pricing-cell .editable-price-widget:not(.edit) .spinner-container {
  pointer-events: none;
}

.new-tenor-blotter .pricing-cell .editable-price-widget:not(.edit).bid-price {
  text-align-last: right;
}

.new-tenor-blotter .pricing-cell .editable-price-widget:not(.edit).offer-price {
  text-align-last: left;
}

.new-pricing-blotter .dtgb-col-header.dtgb-col-header-left, .new-tenor-blotter .dtgb-col-header.dtgb-col-header-left {
  width: 100%;
}

.new-pricing-blotter.no-actions .skew-value, .new-pricing-blotter.no-actions .global-controls, .new-tenor-blotter.no-actions .skew-value, .new-tenor-blotter.no-actions .global-controls {
  display: none !important;
}

.new-pricing-blotter.no-actions .pony-grid-row, .new-tenor-blotter.no-actions .pony-grid-row {
  height: 47px !important;
}

.new-pricing-blotter.no-actions .left-panel, .new-tenor-blotter.no-actions .left-panel {
  display: none !important;
}

.new-pricing-blotter.no-actions .action-panel, .new-tenor-blotter.no-actions .action-panel {
  display: none !important;
}

.new-pricing-blotter.no-actions .price-panel, .new-tenor-blotter.no-actions .price-panel {
  margin-top: 0px !important;
}

.new-pricing-blotter.has-actions .pony-grid-row, .new-tenor-blotter.has-actions .pony-grid-row {
  height: 100px !important;
}

.new-pricing-blotter.max-actions .pony-grid-row, .new-tenor-blotter.max-actions .pony-grid-row {
  height: 120px !important;
}

.new-pricing-blotter div[data-column-id], .new-tenor-blotter div[data-column-id] {
  border-right-width: 1px;
  border-right-style: solid;
}

.new-pricing-blotter .gwt-Label, .new-pricing-blotter .gwt-Button, .new-pricing-blotter .piped-price, .new-tenor-blotter .gwt-Label, .new-tenor-blotter .gwt-Button, .new-tenor-blotter .piped-price {
  overflow: hidden;
  text-overflow: ellipsis;
}

.new-pricing-blotter .numeric-spinner .spinner-btn-box, .new-tenor-blotter .numeric-spinner .spinner-btn-box {
  border-left: none;
  border-right: none;
}

.new-pricing-blotter.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell, .new-tenor-blotter.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell {
  height: 100%;
  border-right-style: solid;
  padding: 0 0;
}

.new-pricing-blotter.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header, .new-tenor-blotter.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header {
  text-align: center;
  align-items: center;
}

.new-pricing-blotter.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .gwt-Label, .new-tenor-blotter.dtgb-atom .pony-grid .pony-grid-header .dtgb-col-header .gwt-Label {
  font-weight: 700;
  font-size: 14px;
}

.new-pricing-blotter .icon, .new-tenor-blotter .icon {
  height: 21px;
  width: 21px;
  border: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: 5px;
  font-size: 13px;
}

.new-pricing-blotter .icon.dd-container-opened, .new-pricing-blotter .icon:active, .new-tenor-blotter .icon.dd-container-opened, .new-tenor-blotter .icon:active {
  transform: translate(1px);
}

.new-pricing-blotter .icon.icon-menu-open, .new-pricing-blotter .icon.icon-menu-close, .new-tenor-blotter .icon.icon-menu-open, .new-tenor-blotter .icon.icon-menu-close {
  rotate: 90deg;
}

.new-pricing-blotter .icon.icon-cog, .new-pricing-blotter .icon.icon-reset, .new-tenor-blotter .icon.icon-cog, .new-tenor-blotter .icon.icon-reset {
  font-size: 10px;
}

.new-pricing-blotter .dtgb-header .custom-options, .new-tenor-blotter .dtgb-header .custom-options {
  display: flex;
  gap: 5px;
}

.new-pricing-blotter .dtgb-header .multi-pair-control-panel, .new-tenor-blotter .dtgb-header .multi-pair-control-panel {
  align-self: center;
}

.new-pricing-blotter .dtgb-header .option-widget, .new-tenor-blotter .dtgb-header .option-widget {
  display: flex;
  font-size: 14px;
  align-items: center;
  left: 0;
  padding-right: 5px;
}

.new-pricing-blotter .dtgb-header .option-widget .numeric-spinner, .new-tenor-blotter .dtgb-header .option-widget .numeric-spinner {
  width: 80px;
  height: 26px;
}

.new-pricing-blotter .dtgb-header .option-widget.skew-value, .new-tenor-blotter .dtgb-header .option-widget.skew-value {
  gap: 5px;
}

.new-pricing-blotter .dtgb-header .option-widget.skew-value .gwt-ListBox, .new-tenor-blotter .dtgb-header .option-widget.skew-value .gwt-ListBox {
  border-radius: unset;
  height: 26px;
}

.new-pricing-blotter .dtgb-header .option-widget.spread-group-column-filter, .new-tenor-blotter .dtgb-header .option-widget.spread-group-column-filter {
  min-width: 137px;
  height: 25px;
  margin-right: 5px;
  border-radius: 5px;
}

.new-pricing-blotter .dtgb-header .option-widget.spread-group-column-filter .dd-container-state, .new-tenor-blotter .dtgb-header .option-widget.spread-group-column-filter .dd-container-state {
  height: 25px;
}

.new-pricing-blotter .dtgb-header .option-widget.ccy-pair, .new-tenor-blotter .dtgb-header .option-widget.ccy-pair {
  gap: 5px;
}

.new-pricing-blotter .dtgb-header .option-widget.global-controls .dd-container-widget, .new-tenor-blotter .dtgb-header .option-widget.global-controls .dd-container-widget {
  width: 130px;
  height: 26px;
  border-radius: 5px;
  border-width: 1px;
}

.new-pricing-blotter .dtgb-header .option-widget.global-controls .dd-container-widget button::before, .new-tenor-blotter .dtgb-header .option-widget.global-controls .dd-container-widget button::before {
  font-family: 'webappsdk';
  content: '\eb5c';
  margin-right: 5px;
}

.new-pricing-blotter .dtgb-header .option-widget.global-controls .dd-container-widget:active, .new-tenor-blotter .dtgb-header .option-widget.global-controls .dd-container-widget:active {
  transform: none;
}

.new-pricing-blotter .dtgb-header .option-widget.global-controls .dd-container-state, .new-tenor-blotter .dtgb-header .option-widget.global-controls .dd-container-state {
  display: none;
}

.new-pricing-blotter .dtgb-header .option-widget.global-controls .widget-separator, .new-tenor-blotter .dtgb-header .option-widget.global-controls .widget-separator {
  margin-left: 5px;
  border-right-style: solid;
  border-right-width: 1px;
  height: 26px;
}

.new-pricing-blotter .dtgb-header .option-widget.multi-pair-controls, .new-tenor-blotter .dtgb-header .option-widget.multi-pair-controls {
  border-right-width: 1px;
  border-right-style: solid;
  border: 0.5px solid;
  height: 26px;
  border-radius: 5px;
  border-width: 1px;
}

.new-pricing-blotter .dtgb-header .option-widget.multi-pair-controls::before, .new-tenor-blotter .dtgb-header .option-widget.multi-pair-controls::before {
  font-family: 'webappsdk';
  content: '\eec8';
  margin-right: 5px;
}

.new-pricing-blotter .dtgb-header .option-widget.multi-pair-controls:hover, .new-tenor-blotter .dtgb-header .option-widget.multi-pair-controls:hover {
  border: 1px solid;
}

.new-pricing-blotter .dtgb-header .option-widget.multi-pair-controls:active, .new-tenor-blotter .dtgb-header .option-widget.multi-pair-controls:active {
  transform: none;
}

.new-pricing-blotter .setting-button, .new-tenor-blotter .setting-button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
}

.new-pricing-blotter .setting-button .dd-container-button, .new-tenor-blotter .setting-button .dd-container-button {
  position: absolute;
  left: 0;
}

.new-pricing-blotter .setting-button .dd-container-button:active, .new-tenor-blotter .setting-button .dd-container-button:active {
  background-color: transparent;
}

.new-pricing-blotter .setting-button .dd-container-state, .new-tenor-blotter .setting-button .dd-container-state {
  display: none;
}

.new-pricing-blotter .dtgb-col-header, .new-tenor-blotter .dtgb-col-header {
  display: flex;
  justify-content: center;
  height: 26px !important;
  line-height: 23px !important;
  width: 90%;
}

.new-pricing-blotter .dtgb-col-header .left-panel, .new-tenor-blotter .dtgb-col-header .left-panel {
  display: flex;
  grid-gap: 5px;
  margin: auto 0;
  align-items: center;
}

.new-pricing-blotter .dtgb-col-header .right-panel, .new-tenor-blotter .dtgb-col-header .right-panel {
  display: flex;
  grid-gap: 10px;
  padding-left: 10px;
  align-self: center;
}

.new-pricing-blotter .dtgb-col-header .right-panel:before, .new-tenor-blotter .dtgb-col-header .right-panel:before {
  content: '';
  width: 1px;
  height: 15px;
  margin-top: 3px;
}

.new-pricing-blotter .dtgb-col-header:hover, .new-tenor-blotter .dtgb-col-header:hover {
  background-color: transparent !important;
}

.new-pricing-blotter .dtgb-col-header.spread-group-header, .new-tenor-blotter .dtgb-col-header.spread-group-header {
  margin: auto;
}

.new-pricing-blotter .currency-pair-cell .top-panel, .new-pricing-blotter .tenor-cell .top-panel, .new-tenor-blotter .currency-pair-cell .top-panel, .new-tenor-blotter .tenor-cell .top-panel {
  display: flex;
  margin: auto;
}

.new-pricing-blotter .currency-pair-cell .top-panel .gwt-Label, .new-pricing-blotter .tenor-cell .top-panel .gwt-Label, .new-tenor-blotter .currency-pair-cell .top-panel .gwt-Label, .new-tenor-blotter .tenor-cell .top-panel .gwt-Label {
  font-weight: 700;
  line-height: 20px;
  align-self: center;
}

.new-pricing-blotter .currency-pair-cell .bottom-panel, .new-pricing-blotter .tenor-cell .bottom-panel, .new-tenor-blotter .currency-pair-cell .bottom-panel, .new-tenor-blotter .tenor-cell .bottom-panel {
  display: flex;
  grid-gap: 5px;
  margin-left: -4px;
}

.new-pricing-blotter .currency-pair-cell, .new-tenor-blotter .currency-pair-cell {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
}

.new-pricing-blotter .currency-pair-cell .top-panel, .new-tenor-blotter .currency-pair-cell .top-panel {
  grid-gap: 5px;
}

.new-pricing-blotter .pricing-cell, .new-tenor-blotter .pricing-cell {
  display: flex;
  place-content: center;
  padding: 5px 0 !important;
}

.new-pricing-blotter .pricing-cell .editable-price-widget:not(.edit), .new-tenor-blotter .pricing-cell .editable-price-widget:not(.edit) {
  width: 100%;
}

.new-pricing-blotter .pricing-cell .editable-price-widget:not(.edit).bid-price, .new-tenor-blotter .pricing-cell .editable-price-widget:not(.edit).bid-price {
  text-align-last: right;
}

.new-pricing-blotter .pricing-cell .editable-price-widget:not(.edit).offer-price, .new-tenor-blotter .pricing-cell .editable-price-widget:not(.edit).offer-price {
  text-align-last: left;
}

.new-pricing-blotter .pricing-cell .gwt-Label, .new-tenor-blotter .pricing-cell .gwt-Label {
  font-size: 11px;
  line-height: 25px;
}

.new-pricing-blotter .pricing-cell .icon-reset.disabled, .new-tenor-blotter .pricing-cell .icon-reset.disabled {
  display: none;
}

.new-pricing-blotter .pricing-cell .dd-container-widget, .new-tenor-blotter .pricing-cell .dd-container-widget {
  border-width: 1px;
  border-style: solid;
  font-size: 11px;
  line-height: 20px;
}

.new-pricing-blotter .pricing-cell .dd-container-widget.dd-container-opened .dd-container-state::after, .new-tenor-blotter .pricing-cell .dd-container-widget.dd-container-opened .dd-container-state::after {
  border-bottom: 3px solid;
  border-top: none;
}

.new-pricing-blotter .pricing-cell .dd-container-widget .dd-container-state::after, .new-tenor-blotter .pricing-cell .dd-container-widget .dd-container-state::after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid;
  top: calc(50% - 2px);
  left: calc(50% - 1px);
}

.new-pricing-blotter .pricing-cell .left-panel, .new-tenor-blotter .pricing-cell .left-panel {
  border-right-style: dashed;
  border-right-width: 1px;
  padding: 0px 5px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 185px;
}

.new-pricing-blotter .pricing-cell .left-panel .field, .new-tenor-blotter .pricing-cell .left-panel .field {
  display: flex;
  height: 20px;
  gap: 5px;
  margin-top: 1px;
}

.new-pricing-blotter .pricing-cell .left-panel .field .title, .new-tenor-blotter .pricing-cell .left-panel .field .title {
  min-width: 65px;
  max-width: 65px;
}

.new-pricing-blotter .pricing-cell .left-panel .field .value, .new-tenor-blotter .pricing-cell .left-panel .field .value {
  width: 115px;
}

.new-pricing-blotter .pricing-cell .left-panel .ref-px-panel .ref-px, .new-tenor-blotter .pricing-cell .left-panel .ref-px-panel .ref-px {
  font-weight: bold;
}

.new-pricing-blotter .pricing-cell .left-panel .profile-field, .new-tenor-blotter .pricing-cell .left-panel .profile-field {
  position: relative;
}

.new-pricing-blotter .pricing-cell .left-panel .profile-field .profile-title, .new-tenor-blotter .pricing-cell .left-panel .profile-field .profile-title {
  width: 65px;
  display: flex;
  position: relative;
}

.new-pricing-blotter .pricing-cell .left-panel .profile-field .profile-title .title, .new-tenor-blotter .pricing-cell .left-panel .profile-field .profile-title .title {
  width: auto;
}

.new-pricing-blotter .pricing-cell .left-panel .profile-field .profile-title .warning-icon, .new-tenor-blotter .pricing-cell .left-panel .profile-field .profile-title .warning-icon {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  position: absolute;
  left: 40px;
}

.new-pricing-blotter .pricing-cell .left-panel .profile-field .profile-title .warning-icon::before, .new-tenor-blotter .pricing-cell .left-panel .profile-field .profile-title .warning-icon::before {
  font-family: 'webappsdk';
  content: '\ed4d';
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
}

.new-pricing-blotter .pricing-cell .right-panel, .new-tenor-blotter .pricing-cell .right-panel {
  align-self: center;
  width: 100%;
}

.new-pricing-blotter .pricing-cell .right-panel .action-panel, .new-tenor-blotter .pricing-cell .right-panel .action-panel {
  display: flex;
  justify-content: center;
  height: 21px;
  gap: 5px;
  position: relative;
}

.new-pricing-blotter .pricing-cell .right-panel .action-panel .dd-container-widget, .new-tenor-blotter .pricing-cell .right-panel .action-panel .dd-container-widget {
  max-width: 100px;
  width: fit-content;
}

.new-pricing-blotter .pricing-cell .right-panel .action-panel .dd-container-widget.event-only, .new-tenor-blotter .pricing-cell .right-panel .action-panel .dd-container-widget.event-only {
  border-radius: 5px;
}

.new-pricing-blotter .pricing-cell .right-panel .action-panel .icon-reset, .new-tenor-blotter .pricing-cell .right-panel .action-panel .icon-reset {
  position: absolute;
  right: 5px;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel, .new-tenor-blotter .pricing-cell .right-panel .price-panel {
  display: flex;
  justify-content: center;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .gwt-ListBox, .new-tenor-blotter .pricing-cell .right-panel .price-panel .gwt-ListBox {
  width: 60px;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-offset, .new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-offset, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-offset, .new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-offset {
  width: 35px;
  align-self: center;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel, .new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel, .new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel {
  position: relative;
  margin: 0px 5px 0px 5px;
  padding: 0px 5px 0px 5px;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel input,
.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .piped-price, .new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel input,
.new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .piped-price, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel input,
.new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .piped-price, .new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel input,
.new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .piped-price {
  font-weight: 700;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel input .pip-prenum-left,
.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel input .pip-exponent,
.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .piped-price .pip-prenum-left,
.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .piped-price .pip-exponent, .new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel input .pip-prenum-left,
.new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel input .pip-exponent,
.new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .piped-price .pip-prenum-left,
.new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .piped-price .pip-exponent, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel input .pip-prenum-left,
.new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel input .pip-exponent,
.new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .piped-price .pip-prenum-left,
.new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .piped-price .pip-exponent, .new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel input .pip-prenum-left,
.new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel input .pip-exponent,
.new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .piped-price .pip-prenum-left,
.new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .piped-price .pip-exponent {
  font-size: 14px;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel input .pip-num,
.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .piped-price .pip-num, .new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel input .pip-num,
.new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .piped-price .pip-num, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel input .pip-num,
.new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .piped-price .pip-num, .new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel input .pip-num,
.new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .piped-price .pip-num {
  font-size: 18px;
  font-weight: 700;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .price, .new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .price, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .price, .new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .price {
  font-size: 14px;
  font-weight: 700;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .top, .new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .top, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .top, .new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .top {
  display: flex;
  justify-content: space-between;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .top .offset-multiplier, .new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .top .offset-multiplier, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .top .offset-multiplier, .new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .top .offset-multiplier {
  display: flex;
  gap: 5px;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .top .warning-icon, .new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .top .warning-icon, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .top .warning-icon, .new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .top .warning-icon {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  margin: 0 5px 0 5px;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .top .warning-icon::before, .new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .top .warning-icon::before, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .top .warning-icon::before, .new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .top .warning-icon::before {
  font-family: 'webappsdk';
  content: '\ed4d';
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .dd-container-widget, .new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .dd-container-widget, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .dd-container-widget, .new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .dd-container-widget {
  margin-top: 5px;
  margin-bottom: 5px;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel {
  text-align: right;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .bid-offset, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .bid-offset {
  text-align: left;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .offer-offset, .new-tenor-blotter .pricing-cell .right-panel .price-panel .offer-price-panel .offer-offset {
  text-align: right;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .center-panel, .new-tenor-blotter .pricing-cell .right-panel .price-panel .center-panel {
  display: flex;
  flex-direction: column;
  width: 45px;
  text-align: center;
  justify-content: space-between;
  padding-bottom: 6px;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .center-panel .global-spread, .new-tenor-blotter .pricing-cell .right-panel .price-panel .center-panel .global-spread {
  font-size: 14px;
  font-weight: 700;
  height: 22px;
  width: 45px;
  padding: 0 3px 0 3px;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .center-panel .icon-loop, .new-tenor-blotter .pricing-cell .right-panel .price-panel .center-panel .icon-loop {
  width: 100%;
  margin-top: 10px;
  font-family: 'Roboto';
  padding-left: 1px;
  padding-right: 1px;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .center-panel .icon-loop:before, .new-tenor-blotter .pricing-cell .right-panel .price-panel .center-panel .icon-loop:before {
  font-family: 'webappsdk';
  margin-right: 2px;
  font-size: 10px;
}

.new-pricing-blotter .pricing-cell .right-panel .price-panel .center-panel .lock-widget, .new-tenor-blotter .pricing-cell .right-panel .price-panel .center-panel .lock-widget {
  font-size: 10px;
}

.new-pricing-blotter .pricing-cell.cross, .new-tenor-blotter .pricing-cell.cross {
  cursor: not-allowed;
  padding-bottom: 0 !important;
}

.new-pricing-blotter .pricing-cell.cross .left-panel, .new-pricing-blotter .pricing-cell.cross .right-panel, .new-tenor-blotter .pricing-cell.cross .left-panel, .new-tenor-blotter .pricing-cell.cross .right-panel {
  pointer-events: none;
}

.new-pricing-blotter .pricing-cell.cross .field, .new-pricing-blotter .pricing-cell.cross .action-panel, .new-pricing-blotter .pricing-cell.cross .price-panel .dd-container-widget, .new-pricing-blotter .pricing-cell.cross .center-panel .icon-loop, .new-tenor-blotter .pricing-cell.cross .field, .new-tenor-blotter .pricing-cell.cross .action-panel, .new-tenor-blotter .pricing-cell.cross .price-panel .dd-container-widget, .new-tenor-blotter .pricing-cell.cross .center-panel .icon-loop {
  visibility: hidden;
}

.new-pricing-blotter .tenor-cell, .new-tenor-blotter .tenor-cell {
  position: relative;
  display: grid;
  text-align: center;
  place-content: center;
}

.new-pricing-blotter .tenor-cell .gwt-Label, .new-tenor-blotter .tenor-cell .gwt-Label {
  font-size: 11px;
}

.new-pricing-blotter .tenor-cell .top-panel .gwt-Label, .new-tenor-blotter .tenor-cell .top-panel .gwt-Label {
  font-size: 14px;
  align-self: center;
}

.new-pricing-blotter .tenor-cell .icon-info2, .new-tenor-blotter .tenor-cell .icon-info2 {
  position: absolute;
  top: 2px;
  left: 5px;
  border: none;
}

.pricing-warning-widget .pricing-panel {
  height: calc(100% - 5px);
  display: flex;
  flex-direction: column;
  position: relative;
}

.pricing-warning-widget .content {
  padding: 10px 10px 20px 10px;
}

.pricing-warning-widget .is-viewport {
  scrollbar-gutter: stable;
}

.pricing-warning-widget .grid-title, .pricing-warning-widget .grid-row {
  display: flex;
  align-items: center;
}

.pricing-warning-widget .grid-title .gwt-Label, .pricing-warning-widget .grid-row .gwt-Label {
  padding-left: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.pricing-warning-widget .grid-title .currency-pair, .pricing-warning-widget .grid-row .currency-pair {
  min-width: 105px;
  width: 105px;
}

.pricing-warning-widget .grid-title .spread-group, .pricing-warning-widget .grid-row .spread-group {
  min-width: 95px;
  width: 95px;
}

.pricing-warning-widget .grid-title .tenor, .pricing-warning-widget .grid-row .tenor {
  min-width: 60px;
  width: 60px;
}

.pricing-warning-widget .grid-title .tenor-or-date, .pricing-warning-widget .grid-row .tenor-or-date {
  min-width: 96px;
  width: 96px;
}

.pricing-warning-widget .grid-title .bid-status, .pricing-warning-widget .grid-title .offer-status, .pricing-warning-widget .grid-row .bid-status, .pricing-warning-widget .grid-row .offer-status {
  min-width: 80px;
  width: 80px;
}

.pricing-warning-widget .grid-title .gwt-Label:nth-of-type(1n+2), .pricing-warning-widget .grid-row .gwt-Label:nth-of-type(1n+2) {
  border-left-width: 1px;
}

.pricing-warning-widget .grid-title {
  height: 20px;
  margin-right: 8px;
}

.pricing-warning-widget .grid-title .gwt-Label:nth-of-type(1n+2) {
  border-left-style: solid;
}

.pricing-warning-widget .grid-row {
  height: 24px;
}

.pricing-warning-widget .grid-row .gwt-Label:nth-of-type(1n+2) {
  border-left-style: dashed;
}

.todays-news-event-widget .content {
  padding: 10px 5px;
}

.todays-news-event-widget .content .news-event-items {
  overflow: auto;
}

.todays-news-event-widget .content .collapse-panel {
  border: 1px solid;
  border-radius: 2px;
  margin-bottom: 5px;
  padding: 4px;
}

.todays-news-event-widget .content .collapse-panel .default-collapse-title {
  border: none;
  text-align-last: right;
  padding-right: 18px;
}

.todays-news-event-widget .content .collapse-panel .default-collapse-title:before {
  position: absolute;
  left: 0;
  content: attr(time-range);
}

.todays-news-event-widget .content .collapse-panel .default-collapse-title:after {
  font-size: 12px;
  line-height: 20px;
  right: 0;
  content: '\edbc';
}

.todays-news-event-widget .content .collapse-panel .container {
  max-height: 110px;
  overflow: auto;
  width: auto;
  padding: 5px 0 0 0;
}

.todays-news-event-widget .content .collapse-panel .container .news-event-property:not(:last-child) {
  border-bottom: 1px solid;
}

.todays-news-event-widget .content .collapse-panel .container .property-label {
  display: flex;
  white-space: normal;
}

.todays-news-event-widget .content .collapse-panel .container .property-label:before {
  flex-shrink: 0;
  width: 150px;
  content: attr(caption);
}

.todays-news-event-widget .content .collapse-panel.collapsed .default-collapse-title:after {
  content: '\edb8';
}

.pricing-multipair-dialog .dialog-widget-large {
  width: 700px !important;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container {
  display: flex;
  padding: 15px 10px 15px 15px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .footer-warning::before {
  font-family: 'webappsdk';
  content: '\ed61';
  margin-right: 5px;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container {
  width: 100%;
  display: flex;
  padding: 5px;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .conditions-header-label, .pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .consequence-header-label {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  font-size: 11px;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .condition-container {
  width: 50%;
  padding-right: 10px;
  border-right-width: 1px;
  border-right-style: solid;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .condition-container .filters-container {
  display: flex;
  font-family: Roboto;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .condition-container .filters-container .criterions-container {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding-left: 10px;
  border-right-width: 1px;
  border-right-style: solid;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .condition-container .filters-container .criterions-container input[type="checkbox"] {
  display: none;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .condition-container .filters-container .criterions-container .gwt-CheckBox {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: -.5em;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .condition-container .filters-container .criterions-container .gwt-CheckBox label {
  font-weight: normal;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .condition-container .filters-container .criterions-container .gwt-CheckBox label::before {
  font-family: 'webappsdk';
  margin-right: 5px;
  position: relative;
  top: 1px;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .condition-container .filters-container .criterions-container .gwt-CheckBox:not(.selected) > label::before {
  content: '\ee6c';
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .condition-container .filters-container .criterions-container .gwt-CheckBox.selected > label::before {
  content: '\ee6b';
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .condition-container .filters-container .values-container {
  display: flex;
  flex-direction: column;
  width: 60%;
  padding-left: 10px;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .condition-container .filters-container .values-container .dd-container-widget {
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 16px;
  border-radius: 5px;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .condition-container .filters-container .values-container .criterion-warning {
  line-height: 13.5px;
  text-transform: initial;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .consequence-container {
  padding-left: 10px;
  width: 50%;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .consequence-container .actions-container {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  font-family: Roboto;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .consequence-container .actions-container .action-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 1px 10px;
  border-width: 1px;
  border-style: solid;
  line-height: 16px;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .consequence-container .actions-container .action-container .gwt-RadioButton {
  margin-right: 5px;
  margin-bottom: 1px;
  margin-top: -1px;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .consequence-container .actions-container .action-container .first {
  border: none;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .consequence-container .actions-container .action-container input[type=radio] {
  margin-right: 8px;
  display: none;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .consequence-container .actions-container .action-container input[type=radio] + label {
  margin-bottom: 0px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 26px;
  cursor: pointer;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .consequence-container .actions-container .action-container input[type=radio] + label:before {
  margin-right: 5px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .consequence-container .actions-container .action-container input[type=radio]:checked + label:before {
  font-family: webappsdk;
  content: '\ee6e';
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .consequence-container .actions-container .action-container input[type=radio]:not(:checked) + label:before {
  font-family: webappsdk;
  content: '\ee70';
}

.pricing-multipair-dialog .dialog-widget-large .multi-pair-controls-container .rule-container .consequence-container .actions-container .dd-container-widget {
  display: flex;
  width: 120px;
  height: 20px;
  padding: 0px 4px;
  justify-content: center;
}

.pricing-multipair-dialog .dialog-widget-large .dialog-footer .dialog-button-primary:disabled {
  pointer-events: none;
}

.tenor-blotter-action-container {
  display: flex;
  border-right-style: solid;
  border-right-width: 1px;
  padding-right: 5px;
  margin-right: 5px;
}

.new-pricing-blotter .dropdown-menu {
  width: 350px !important;
}

.new-pricing-blotter .dropdown-menu .radio-group-widget {
  justify-content: unset !important;
}

.new-pricing-blotter .dropdown-menu .radio-group-widget:before {
  flex-shrink: 0;
  content: attr(caption);
  margin-right: 10px;
}

.new-pricing-blotter .dropdown-menu .radio-group-widget button {
  background: none;
  width: unset !important;
  line-height: 12px;
  text-transform: uppercase;
}

.new-pricing-blotter .dropdown-menu .radio-group-widget button:first-child {
  border-right: 1px solid;
}

.new-pricing-blotter .dropdown-menu .divider {
  display: none;
}

.retail-editor-atom {
  overflow: unset;
}

.sms-ui-retailtrading .open-help {
  float: right;
  padding-right: 10px;
}

.sms-ui-retailtrading .open-help .lbl {
  padding-left: 5px;
}

.sms-ui-retailtrading .primary-area, .sms-ui-retailtrading .tabContainer-panel, .sms-ui-retailtrading .tabContainer-content {
  width: 100%;
  height: 100%;
}

.sms-ui-retailtrading .tabContainer-content {
  height: calc(100% - 22px);
  overflow: auto;
}

.sms-ui-retailtrading .header .custom-url-header {
  text-align: left;
  font-weight: bold;
  margin-bottom: 5px;
}

.sms-ui-retailtrading .header a.custom-url {
  overflow: hidden;
  padding: 0 !important;
  text-overflow: ellipsis;
  text-decoration: underline;
}

.sms-ui-retailtrading .header .retail-obo-bu-select {
  float: right;
  margin: 0 10px;
}

.sms-ui-retailtrading .header .retail-obo-bu-select > div {
  float: left;
}

.sms-ui-retailtrading .header .retail-obo-bu-select > div .field-label {
  margin-right: 5px;
}

.sms-ui-retailtrading .footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.sms-ui-retailtrading .footer .contact-panel {
  display: flex;
  height: 30px;
  line-height: 30px;
  justify-content: flex-end;
}

.sms-ui-retailtrading .footer .contact-panel .contact-panel-header {
  font-weight: bold;
  margin-right: 20px;
}

.sms-ui-retailtrading .footer .contact-panel .item {
  display: flex;
  margin-right: 20px;
}

.sms-ui-retailtrading .footer .contact-panel .item .item-key {
  margin-right: 5px;
}

.sms-ui-retailtrading .footer .contact-panel .item .item-value {
  font-weight: bold;
}

.sms-ui-retailtrading .footer.footer-with-sidebar {
  right: 20px;
}

.sms-ui-retailtrading .main-container {
  display: flex;
  height: 100%;
  width: 100%;
  padding: 10px;
}

.sms-ui-retailtrading .main-container .grid-panel {
  margin-right: 10px;
  min-width: 250px;
}

.sms-ui-retailtrading .main-container .card {
  position: relative;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 10px;
  align-self: flex-start;
}

.sms-ui-retailtrading .main-container .card .value {
  margin-bottom: 10px;
}

.sms-ui-retailtrading .main-container .card .value:before {
  font-weight: normal;
  content: attr(value);
  display: inline-block;
  width: 47.5%;
  max-width: 50%;
  margin-right: 10px;
}

.sms-ui-retailtrading .main-container .card .value .nbdays, .sms-ui-retailtrading .main-container .card .value .error-icon {
  display: inline-block;
}

.sms-ui-retailtrading .main-container .card .value .invalid {
  border-width: 0 0 1px 0;
}

.sms-ui-retailtrading .main-container .card .subcontainer {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.sms-ui-retailtrading .main-container .card .subcontainer .first-column {
  width: 60%;
}

.sms-ui-retailtrading .main-container .card .subcontainer .first-column .field-panel {
  position: relative;
}

.sms-ui-retailtrading .main-container .card .subcontainer .first-column .field-panel .invalid, .sms-ui-retailtrading .main-container .card .subcontainer .first-column .field-panel .has-error {
  border-width: 0 0 1px 0;
}

.sms-ui-retailtrading .main-container .card .subcontainer .first-column .field-panel .days-from-spot-widget {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 22px;
}

.sms-ui-retailtrading .main-container .card .subcontainer .first-column .field-panel .days-from-spot-widget .days-from-spot-title {
  font-size: 12px;
}

.sms-ui-retailtrading .main-container .card .subcontainer .first-column .field-panel .days-from-spot-widget .days-from-spot-spinner {
  width: 54px;
  font-size: 13px;
}

.sms-ui-retailtrading .main-container .form-field {
  position: relative;
  margin-bottom: 15px;
  display: flex;
}

.sms-ui-retailtrading .main-container .form-field.with-days-from-spot {
  margin-bottom: 5px;
}

.sms-ui-retailtrading .main-container .form-field:after {
  content: attr(data-title);
  font-size: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  line-height: 0px;
}

.sms-ui-retailtrading .main-container .form-field .form-field-validator:after {
  content: attr(data-title);
  font-size: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  line-height: 0px;
}

.sms-ui-retailtrading .main-container .form-field.comment .caption {
  width: 43.5%;
}

.sms-ui-retailtrading .main-container .form-field .second-column {
  margin-left: auto;
}

.sms-ui-retailtrading .main-container .form-field .caption {
  width: 100%;
  text-align: left;
  display: block;
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 2px;
  white-space: nowrap;
  align-self: center;
}

.sms-ui-retailtrading .main-container .form-field .caption.required:after {
  margin-left: 5px;
  font-size: 16px;
  line-height: 15px;
  content: "*";
  font-weight: normal;
  font-family: monospace;
}

.sms-ui-retailtrading .main-container .form-field .field {
  width: 100%;
  outline: none;
  box-sizing: border-box;
  height: 26px;
  position: relative;
}

.sms-ui-retailtrading .main-container .form-field input {
  height: 24px;
  padding: 0 8px;
  border-radius: 0;
  outline: none;
}

.sms-ui-retailtrading .main-container .form-field input[disabled] {
  height: 24px;
}

.sms-ui-retailtrading .main-container .form-field input[disabled]:hover {
  cursor: not-allowed;
}

.sms-ui-retailtrading .main-container .form-field .select2-choice {
  border-radius: 0;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
}

.sms-ui-retailtrading .main-container .form-field .select2-choice .select2-arrow {
  border-radius: 0;
  border: none;
}

.sms-ui-retailtrading .main-container .form-field .select2-container-multi {
  height: auto;
}

.sms-ui-retailtrading .main-container .form-field .select2-container-multi .select2-choices {
  background-image: none;
  border-radius: 0;
  outline: none;
}

.sms-ui-retailtrading .main-container .form-field .select2-container-multi .select2-choices .select2-search-choice {
  background-image: none;
  box-shadow: none;
}

.sms-ui-retailtrading .main-container .form-field .select2-container-multi .select2-choices .select2-search-field {
  height: 26px;
}

.sms-ui-retailtrading .main-container .form-field .select2-container-multi .select2-choices .select2-search-field input.select2-active {
  height: 26px;
  padding: 0 5px;
}

.sms-ui-retailtrading .main-container .form-field.has-error input {
  border-radius: 0;
}

.sms-ui-retailtrading .main-container .form-field .switch-checkbox-field .switch-checkbox {
  width: 50px;
}

.sms-ui-retailtrading .main-container .form-field .form-field-validator.has-error {
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
}

.sms-ui-retailtrading .main-container .form-field .form-field-validator.has-error::after, .sms-ui-retailtrading .main-container .form-field .form-field-validator.has-error::before {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 12px;
  opacity: 0;
  padding-bottom: 1px;
  padding-top: 2px;
  white-space: initial;
}

.sms-ui-retailtrading .main-container .form-field .form-field-validator.has-error::before {
  font-family: "webappsdk";
  content: none;
  width: 20px;
  z-index: 3;
  padding-left: 4px;
}

.sms-ui-retailtrading .main-container .form-field .form-field-validator.has-error::after {
  content: attr(data-title);
  min-width: 100%;
  padding-left: 2px;
  padding-right: .5em;
  z-index: 2;
}

.sms-ui-retailtrading .main-container .form-field .form-field-validator.has-error:hover::before, .sms-ui-retailtrading .main-container .form-field .form-field-validator.has-error:hover::after {
  opacity: .9;
  transition: opacity .25s;
}

.sms-ui-retailtrading .main-container .retail-form-panel {
  display: flex;
}

.sms-ui-retailtrading .main-container .retail-form-panel .field {
  flex-wrap: wrap;
  width: 44%;
}

.sms-ui-retailtrading .main-container .retail-form-panel .numeric-spinner {
  flex-wrap: nowrap;
}

.sms-ui-retailtrading .main-container .retail-form-panel .gwt-TextBox {
  width: 100%;
}

.sms-ui-retailtrading .main-container .retail-form-panel .caption {
  width: 50%;
}

.sms-ui-retailtrading .main-container .retail-form-panel .error-icon {
  float: right;
}

.sms-ui-retailtrading .main-container .retail-form-panel .field-error-icon {
  position: absolute;
  top: 6px;
  right: 0;
  z-index: 1;
}

.sms-ui-retailtrading .main-container .form-panel .global-form {
  width: 600px;
  margin-right: 10px;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .value .nrdays.invalid {
  border-width: 0 0 1px 0;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .switch-widget {
  display: flex;
  padding: 0 5px;
  user-select: none;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .switch-widget.disabled {
  opacity: 0.75;
  cursor: default;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .switch-widget .gwt-Label {
  cursor: pointer;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .switch-widget .switch-checkbox {
  margin: 0 5px;
  position: relative;
  width: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: block;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .switch-widget .switch-checkbox input {
  display: none;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .switch-widget .switch-checkbox label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 22px;
  padding: 0;
  line-height: 22px;
  border-radius: 22px;
  transition: background-color 0.3s ease-in;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .switch-widget .switch-checkbox label:before {
  content: "";
  display: block;
  width: 22px;
  margin: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  height: inherit;
  right: 26px;
  border-radius: 50%;
  transition: all 0.3s ease-in 0s;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .switch-widget .switch-checkbox input:checked + label:before {
  right: 0px;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .button-panel {
  padding: 5px;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .button-panel .message {
  flex: 1;
  display: flex;
  justify-content: flex-start;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .button-panel .message .gwt-Label {
  margin: auto 15px;
  font-size: larger;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .button-panel .buttons {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .button-panel .buttons button {
  font-weight: bold;
  width: 150px;
  height: 32px;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .money-market-price-panel {
  margin-top: 55px;
  width: 200px;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .money-market-price-panel .gwt-Label {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  min-height: 42px;
}

.sms-ui-retailtrading .main-container .form-panel .global-form .money-market-price-panel .gwt-Label:before {
  font-weight: normal;
  content: attr(caption);
  font-size: 12px;
}

.sms-ui-retailtrading .main-container .summary {
  width: 500px;
}

.sms-ui-retailtrading .main-container .summary .value {
  margin-bottom: 0px;
}

.sms-ui-retailtrading .main-container .summary .value:before {
  font-weight: normal;
  content: attr(value);
  display: inline-block;
  width: 50%;
  max-width: 50%;
  margin-right: 10px;
}

.sms-ui-retailtrading .main-container .summary .button {
  margin-top: 5px;
}

.sms-ui-retailtrading .main-container .summary .icon-printer3 {
  margin-right: 10px;
}

.sms-ui-retailtrading .main-container .summary .sentence {
  font-size: 1.4em;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
}

.sms-ui-retailtrading .curve-widget .edit-icon {
  height: 26px;
  display: flex;
  padding: 0 5px;
  margin-left: 15px;
  border-radius: 5px;
}

.sms-ui-retailtrading .curve-widget .edit-icon .icon-cog {
  display: block;
  height: 100%;
  align-self: center;
  margin-right: 5px;
}

.sms-ui-retailtrading .curve-widget .edit-icon .lbl {
  display: block;
  text-align: left;
}

.sms-ui-retailtrading .curve-widget .edit-panel {
  margin: 0 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.sms-ui-retailtrading .curve-widget .edit-panel .list-box {
  width: 50%;
}

.sms-ui-retailtrading .curve-widget .edit-panel .add-all-btn[disabled] {
  cursor: not-allowed;
}

.sms-ui-retailtrading .curve-widget .header-row {
  padding-right: 5px;
  display: flex;
  font-size: 12px;
  margin: 1px 5px;
  line-height: 1.7;
  justify-content: flex-end;
}

.sms-ui-retailtrading .curve-widget .header-row .gwt-Label {
  width: 40%;
  text-align: center;
}

.sms-ui-retailtrading .curve-widget .rows-panel {
  margin: 5px 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.sms-ui-retailtrading .curve-widget .rows-panel .tenor-row {
  padding-right: 5px;
  display: flex;
  font-size: 12px;
  margin: 1px 5px;
  line-height: 1.7;
  flex-direction: row;
}

.sms-ui-retailtrading .curve-widget .rows-panel .tenor-row .tenor {
  width: 20%;
  flex-grow: 1;
  text-align: center;
}

.sms-ui-retailtrading .curve-widget .rows-panel .tenor-row .price {
  width: 40%;
  text-align: center;
}

.sms-ui-retailtrading .curve-widget .rows-panel .tenor-row .price:hover {
  cursor: pointer;
}

.sms-ui-retailtrading .curve-widget .rows-panel .tenor-row .delete-icon {
  opacity: 0;
  font-size: .7em;
}

.sms-ui-retailtrading .curve-widget .rows-panel.edited .delete-icon {
  opacity: 1;
}

.sms-ui-retailtrading .curve-widget button {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  font-size: 1em;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out ,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.sms-ui-retailtrading .single-account-retail-editor-atom {
  display: flex;
  overflow: auto;
  height: 100%;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel {
  margin: 10px;
  max-width: 650px;
  min-width: 650px;
  flex: 1;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .field-panel {
  position: relative;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .field-panel .field-error-icon {
  position: absolute;
  top: -18px;
  right: 2px;
  z-index: 1;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .field-panel .field-error-icon.with-days-from-spot {
  top: 7px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel {
  border-radius: 5px;
  padding: 15px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header {
  display: flex;
  flex-direction: column;
  font-size: 15px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row {
  display: flex;
  padding: 0 0 5px 0;
  justify-content: space-between;
  line-height: 26px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .new-account-selection {
  display: flex;
  justify-content: space-between;
  width: 330px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .new-account-selection .dd-container-widget {
  width: 190px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .header-title {
  font-weight: bold;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row.on-behalf {
  margin-bottom: 5px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row.on-behalf .clients {
  display: flex;
  width: 330px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row.on-behalf .clients .select2-container {
  width: 190px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .field-option {
  display: flex;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .field-option .error-icon {
  display: none !important;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .field-option {
  display: flex;
  justify-content: space-between;
  width: 330px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .field-option.account .field, .sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .field-option.portfolio .field {
  width: 190px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .field-option.sec-def .select2-container {
  width: 190px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget {
  display: flex;
  padding: 0 5px;
  user-select: none;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget.disabled {
  opacity: 0.75;
  cursor: default;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget .gwt-Label {
  cursor: pointer;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget .switch-checkbox {
  margin: 0 5px;
  position: relative;
  width: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: block;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget .switch-checkbox input {
  display: none;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget .switch-checkbox label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 22px;
  padding: 0;
  line-height: 22px;
  border-radius: 22px;
  transition: background-color 0.3s ease-in;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget .switch-checkbox label:before {
  content: "";
  display: block;
  width: 22px;
  margin: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  height: inherit;
  right: 28px;
  border-radius: 50%;
  transition: all 0.3s ease-in 0s;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget .switch-checkbox input:checked + label:before {
  right: 0px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .gwt-Label.spot {
  font-weight: bold;
  cursor: default;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .comment {
  width: 100%;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .comment .field {
  margin-left: 5px;
  width: 100%;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .comment .field input {
  width: 100%;
  padding-left: 5px;
  height: 25px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row {
  display: flex;
  padding: 5px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row .column {
  display: flex;
  padding: 0 5px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row .column .field-option .error-icon {
  display: none !important;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg {
  border-radius: 5px;
  margin: 10px 0px;
  position: relative;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column {
  flex-direction: column;
  justify-content: space-between;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column.with-days-from-spot {
  justify-content: center;
  margin-bottom: 25px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column.with-days-from-spot.swap-qty-column .even-switch {
  margin-top: 0px;
  margin-left: 115px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column.with-days-from-spot.price-column {
  margin-bottom: 0px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .switch-field-widget {
  display: flex;
  padding-right: 5px;
  justify-content: space-between;
  text-align: start !important;
  text-indent: 5px;
  padding: 3px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .switch-field-widget .switch-label {
  display: flex;
  line-height: 15px;
  align-items: center;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .switch-field-widget.side, .sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .switch-field-widget.currency {
  min-width: 65px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .switch-field-widget.disabled {
  pointer-events: none;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .side, .sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .quantity, .sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .currency {
  margin: auto;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .valuedate-container.with-days-from-spot {
  margin-top: 27px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .flexi-valuedate-container {
  display: contents;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .valuedate-container,
.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .quantity-container {
  margin: auto;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .valuedate-container.with-day-from-spot,
.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .quantity-container.with-day-from-spot {
  margin-top: 25px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .valuedate-container .field input,
.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .quantity-container .field input {
  padding-left: 5px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .valuedate-container .days-from-spot-summary,
.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .quantity-container .days-from-spot-summary {
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
  margin-top: 5px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .valuedate-container .days-from-spot-summary .days-from-spot-prefix,
.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .quantity-container .days-from-spot-summary .days-from-spot-prefix {
  margin-right: 1px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .column .even-switch {
  background: transparent;
  position: absolute;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-top: 25px;
  margin-left: 105px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .swap-qty-column {
  position: relative;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .leg-label {
  position: absolute;
  margin-left: 5px;
  font-weight: bold;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .uneven-swap-label {
  bottom: 0px;
  position: absolute;
  margin: 5px;
  font-size: 12px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg.flexi-form-row .column .flexi-valuedate-container {
  display: block;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg.flexi-form-row .column .price-retail-widget {
  margin-top: 8px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .field-option.with-days-from-spot {
  margin-top: 27px;
  margin-bottom: 5px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .days-from-spot-widget {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .days-from-spot-widget .days-from-spot-title {
  font-size: 12px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .days-from-spot-widget .days-from-spot-spinner {
  width: 64px;
  font-size: 14px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .price-retail-widget {
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  padding: 1px 15px;
  width: 130px;
  min-width: 130px;
  text-align: center;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .price-retail-widget hr {
  margin: 3px 0;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .allin {
  display: flex;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .allin .left-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .allin .comment {
  display: flex;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .allin .comment .field-label {
  line-height: 23px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .allin .comment .field {
  margin-left: 5px;
  width: 100%;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .allin .comment .field input {
  width: 100%;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .allin .all-in-label {
  text-align: end;
  font-weight: bold;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .allin .price-retail-widget {
  margin: 0px 10px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .progress {
  height: 15px;
  border-radius: 5px;
  margin: 5px 0;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .progress.invisible {
  visibility: hidden;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .progress .progress-bar {
  border-radius: 5px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .progress .progress-bar .progress-bar-label {
  display: flex;
  position: relative;
  margin-left: 6px;
  justify-content: space-around;
  width: 30px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .form-panel .progress .progress-bar .progress-bar-label .icon-clock2 {
  cursor: default;
  pointer-events: none;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .button-panel {
  display: flex;
  padding: 5px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .button-panel .message-panel {
  flex: 1;
  display: flex;
  justify-content: flex-start;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .button-panel .message-panel .gwt-Label {
  margin: auto 15px;
  font-size: larger;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .button-panel .buttons {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .editor-panel .button-panel .buttons button {
  font-weight: bold;
  width: 150px;
  height: 32px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel {
  margin: 10px 0px 10px;
  flex: 1;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .details-panel {
  border-radius: 5px;
  padding: 15px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .details-panel .details-header {
  font-weight: bold;
  font-size: 16px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .details-panel .details-title {
  display: flex;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 5px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .details-panel .details-title .gwt-Label {
  white-space: nowrap;
  margin-right: 5px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .details-panel .details-content {
  margin: 5px 0px;
  font-size: 15px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .details-panel .details-content *[caption] {
  display: flex;
  align-items: flex-end;
  padding: 2px 0;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .details-panel .details-content *[caption]:before {
  width: 120px;
  content: attr(caption);
  display: block;
  text-transform: capitalize;
  padding-right: 10px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .details-panel .details-content div {
  display: flex;
  margin: 3px 0px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .details-panel .details-content div .gwt-Label:nth-child(1) {
  flex: 1;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .details-panel .details-content div .gwt-Label:nth-child(2) {
  flex: 3;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .summary-panel {
  border-radius: 5px;
  padding: 15px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .summary-panel .summary {
  font-size: 16px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .summary-panel .trade-summary-container {
  margin-top: 0;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .info-panel .summary-panel .icon-printer3 {
  margin-right: 5px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .curve-widget {
  min-width: 250px;
  max-height: 700px;
  margin: 10px;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  outline: none;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .curve-widget .title {
  margin: 5px;
  font-weight: bold;
  line-height: 26px;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .curve-widget .rows-panel {
  overflow: auto;
  display: flow-root;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .curve-widget .rows-panel .tenor-row {
  border-bottom: 1px solid;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .curve-widget .rows-panel .tenor-row:hover {
  cursor: pointer;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .curve-widget .rows-panel .tenor-row.disabled {
  cursor: default;
  pointer-events: none;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .curve-widget .rows-panel .tenor-row.spot-row {
  font-weight: bolder;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .curve-widget .rows-panel .tenor-row .price:hover {
  background: none;
  cursor: default;
  pointer-events: none;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .curve-widget .rows-panel .tenor-header {
  border-bottom: 1px solid;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .invalid, .sms-ui-retailtrading .single-account-retail-editor-atom .has-error {
  border-width: 0 0 1px 0;
}

.sms-ui-retailtrading .single-account-retail-editor-atom .invalid:after, .sms-ui-retailtrading .single-account-retail-editor-atom .invalid:before, .sms-ui-retailtrading .single-account-retail-editor-atom .has-error:after, .sms-ui-retailtrading .single-account-retail-editor-atom .has-error:before {
  display: none;
}

.retail-trade-confirmation-dialog .modal-content {
  width: 400px;
}

.retail-trade-confirmation-dialog .row-caption {
  display: inline-block;
  width: 190px;
}

.retail-trade-confirmation-dialog .row-value {
  display: inline;
}

.retail-trade-confirmation-dialog .trade-confirmation-question {
  margin-bottom: 20px;
}

.retail-trade-confirmation-dialog .trade-confirmation-row {
  padding: 5px 0;
}

.retail-trade-confirmation-dialog .trade-confirmation-row.price {
  border: none;
}

.retail-trade-confirmation-dialog .trade-confirmation-row .row-value {
  font-size: 13px;
}

.retail-trade-confirmation-dialog .trade-confirmation-row .side, .retail-trade-confirmation-dialog .trade-confirmation-row .amount {
  padding-right: 5px;
  font-weight: bold;
}

.retail-trade-confirmation-dialog .trade-confirmation-btn {
  width: 55px;
}

.retail-trade-confirmation-dialog .bold {
  font-weight: bold;
}

.retail-trade-confirmation-dialog .pip-pre-num {
  font-size: 13px;
}

.retail-trade-confirmation-dialog .pip-num {
  font-size: 19px;
  padding: 0 1px;
}

.retail-trade-confirmation-dialog .pip-exponent {
  font-size: 15px;
}

.retail-trade-confirmation-dialog .progress {
  width: 150px;
  height: 5px;
  float: left;
  position: relative;
  margin-top: 25px;
  margin-bottom: 0;
  overflow: visible;
}

.retail-trade-confirmation-dialog .progress .progress-bar .progress-bar-label {
  position: absolute;
  top: -20px;
  right: auto;
  left: 0;
  font-size: 13px;
}

.retail-trade-confirmation-dialog .progress .progress-bar .progress-bar-label .gwt-Button {
  padding-left: 1px;
}

.retail-trade-confirmation-dialog .progress .progress-bar .progress-bar-label .gwt-Label {
  float: right;
  padding-left: 5px;
}

.retail-trade-confirmation-dialog .progress .expired-label {
  display: none;
  position: absolute;
  top: -20px;
  left: 20px;
}

.retail-trade-confirmation-dialog .progress.expired .progress-bar .progress-bar-label .gwt-Label {
  display: none;
}

.retail-trade-confirmation-dialog .progress.expired .expired-label {
  display: block;
}

.retail-trading-preference-atom .default-currency-label,
.retail-trading-preference-atom .trade-confirmation-label {
  font-weight: normal;
}

.flexi-single-account-retail-editor-atom .trade-type .select2-container {
  width: 190px;
}

.flexi-single-account-retail-editor-atom .form-panel .flexi-form-row .column .side,
.flexi-single-account-retail-editor-atom .form-panel .flexi-form-row .column .quantity-container,
.flexi-single-account-retail-editor-atom .form-panel .flexi-form-row .column .switch-field-widget,
.flexi-single-account-retail-editor-atom .form-panel .flexi-form-row .column .flexi-valuedate-container {
  margin: 0px !important;
  margin-top: 8px !important;
}

.flexi-single-account-retail-editor-atom .form-panel .flexi-form-row .column .flexi-valuedate-container .valuedate-container:first-child + .valuedate-container {
  margin-top: 20px;
}

.flexi-single-account-retail-editor-atom .form-panel .flexi-form-row .nb-day-row {
  display: flex;
  justify-content: flex-end;
}

.flexi-single-account-retail-editor-atom .form-panel .flexi-form-row .nb-day-row div:last-child {
  margin-left: 3px;
  margin-right: 4px;
  font-weight: bold;
}

.flexi-single-account-retail-editor-atom .info-panel .summary-panel .trade-summary-footer .edit-drawdown-icon {
  margin-left: 10px;
}

.flexi-single-account-retail-editor-atom .info-panel .summary-panel .trade-summary-footer .edit-drawdown-icon::before {
  font-family: "webappsdk";
  content: "\e90e";
  margin-right: 5px;
}

.flexi-single-account-retail-editor-atom .spinnerContent {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1031;
}

.flexi-single-account-retail-editor-atom .spinnerContent .gwt-Label {
  position: absolute;
  left: 47%;
  top: 52%;
  color: white;
  font-size: 30px;
}

.flexi-single-account-retail-editor-atom .spinnerContent .spinner {
  position: absolute;
  left: 53.5%;
  top: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 6px solid;
  animation: circle-anim 1s linear infinite;
}

@keyframes circle-anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.single-account-retail-editor-atom .ssi-col {
  width: 185px !important;
}

.sms-ui-salesnegotiation .multi-columns-row {
  display: flex !important;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 1px;
}

.sms-ui-salesnegotiation .market-blotter-atom .resizer {
  height: 40px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .numeric-spinner {
  display: block;
  height: 25px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .numeric-spinner .spinner-btn-box .spinner-btn-increase,
.sms-ui-salesnegotiation .tiering-blotter-atom .numeric-spinner .spinner-btn-box .spinner-btn-decrease {
  height: 13px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .numeric-spinner .spinner-btn-box .spinner-btn-increase:hover,
.sms-ui-salesnegotiation .tiering-blotter-atom .numeric-spinner .spinner-btn-box .spinner-btn-decrease:hover {
  font-size: x-small;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .numeric-spinner .spinner-btn-box .spinner-btn-increase {
  top: -5px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .numeric-spinner .spinner-btn-box .spinner-btn-decrease {
  bottom: 5px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .output-bid-renderer,
.sms-ui-salesnegotiation .tiering-blotter-atom .output-ask-renderer {
  flex: 0.5;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .tier-bid-spread,
.sms-ui-salesnegotiation .tiering-blotter-atom .tier-ask-spread,
.sms-ui-salesnegotiation .tiering-blotter-atom .tier-output-bid-renderer,
.sms-ui-salesnegotiation .tiering-blotter-atom .tier-output-ask-renderer {
  flex: 0.25;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .grid-action-btn-group {
  justify-content: space-around;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .size-increment .numeric-spinner,
.sms-ui-salesnegotiation .tiering-blotter-atom .price-increment .numeric-spinner {
  display: block;
  height: 27px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .size-increment .numeric-spinner .spinner-btn-box .spinner-btn-increase,
.sms-ui-salesnegotiation .tiering-blotter-atom .size-increment .numeric-spinner .spinner-btn-box .spinner-btn-decrease,
.sms-ui-salesnegotiation .tiering-blotter-atom .price-increment .numeric-spinner .spinner-btn-box .spinner-btn-increase,
.sms-ui-salesnegotiation .tiering-blotter-atom .price-increment .numeric-spinner .spinner-btn-box .spinner-btn-decrease {
  height: 13px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .size-increment .numeric-spinner .spinner-btn-box .spinner-btn-increase:hover,
.sms-ui-salesnegotiation .tiering-blotter-atom .size-increment .numeric-spinner .spinner-btn-box .spinner-btn-decrease:hover,
.sms-ui-salesnegotiation .tiering-blotter-atom .price-increment .numeric-spinner .spinner-btn-box .spinner-btn-increase:hover,
.sms-ui-salesnegotiation .tiering-blotter-atom .price-increment .numeric-spinner .spinner-btn-box .spinner-btn-decrease:hover {
  font-size: 1em;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .size-increment .numeric-spinner .spinner-btn-box .spinner-btn-increase,
.sms-ui-salesnegotiation .tiering-blotter-atom .price-increment .numeric-spinner .spinner-btn-box .spinner-btn-increase {
  top: 0px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .size-increment .numeric-spinner .spinner-btn-box .spinner-btn-decrease,
.sms-ui-salesnegotiation .tiering-blotter-atom .price-increment .numeric-spinner .spinner-btn-box .spinner-btn-decrease {
  bottom: 0px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .actions-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .actions-column .actions-panel {
  display: flex !important;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  padding-top: 2px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .actions-column .actions-panel .increase-spread-button,
.sms-ui-salesnegotiation .tiering-blotter-atom .actions-column .actions-panel .decrease-spread-button {
  font-size: 18px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .instrument-column {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-start;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .instrument-column .actions {
  padding-left: 5px;
  padding-right: 5px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .instrument-column .instrument {
  cursor: pointer;
  text-overflow: ellipsis;
  overflow-x: hidden;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .price-increment,
.sms-ui-salesnegotiation .tiering-blotter-atom .size-increment {
  display: flex;
  flex-direction: row;
  height: 30px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .on {
  margin-right: 10px;
  border-radius: 5px;
  height: 30px;
  font-size: large;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .off {
  margin-right: 10px;
  border-radius: 5px;
  width: 80px;
  font-size: large;
  height: 30px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .indicative {
  margin-right: 10px;
  border-radius: 5px;
  font-size: large;
  height: 30px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .bid-core-prices,
.sms-ui-salesnegotiation .tiering-blotter-atom .ask-core-prices,
.sms-ui-salesnegotiation .tiering-blotter-atom .bid-spread-core-prices,
.sms-ui-salesnegotiation .tiering-blotter-atom .ask-spread-core-prices {
  flex: 0.25;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .output-bid,
.sms-ui-salesnegotiation .tiering-blotter-atom .output-ask {
  flex: 0.5;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .bid-quantity,
.sms-ui-salesnegotiation .tiering-blotter-atom .ask-quantity,
.sms-ui-salesnegotiation .tiering-blotter-atom .output-bid,
.sms-ui-salesnegotiation .tiering-blotter-atom .output-ask {
  flex: 0.5;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .multi-columns-row {
  display: flex !important;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 1px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .security-picker-panel {
  display: flex;
  flex-direction: row;
  width: 300px;
  max-width: 300px;
  min-width: 300px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .security-picker-panel button {
  height: 30px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .security-picker-panel .security-panel {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .security-picker-panel .security-panel div {
  width: 100%;
  max-width: 200px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .live-status-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .live-status-panel .left-column {
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .live-status-panel .right-column {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 200px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .live-status-panel .right-column .right-on-column,
.sms-ui-salesnegotiation .tiering-blotter-atom .live-status-panel .right-column .right-error-column,
.sms-ui-salesnegotiation .tiering-blotter-atom .live-status-panel .right-column .right-indicative-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .rowbuttons {
  width: 100%;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .rowbuttons .grid-action-btn-group {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .rowbuttons .grid-action-btn-group .security-picker-panel .security-panel {
  align-items: center;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .rowbuttons .grid-action-btn-group .security-picker-panel .security-panel .select2-choice {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom .rowbuttons .grid-action-btn-group .security-picker-panel button {
  height: 26px;
  outline: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.sms-ui-salesnegotiation .tiering-blotter-atom tr th.ptc > div {
  align-items: normal !important;
}

.sms-ui-salesnegotiation .tiering-blotter-atom td.ptc .main-panel,
.sms-ui-salesnegotiation .tiering-blotter-atom td.ptc .expanded-panel {
  display: flex;
}

.sms-ui-salesnegotiation .market-blotter-atom .table thead {
  height: 40px;
}

.sms-ui-salesnegotiation .market-blotter-atom .table thead tr th.ptc:hover .pinner {
  display: flex !important;
}

.sms-ui-salesnegotiation .market-blotter-atom .table thead tr th > div > .gwt-Label,
.sms-ui-salesnegotiation .market-blotter-atom .table thead tr th > div .pinner {
  height: 40px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sms-ui-salesnegotiation .market-blotter-atom .table tbody {
  margin-top: 40px !important;
  margin-right: 3px;
}

.sms-ui-salesnegotiation .market-blotter-atom .bullet-flag {
  margin-left: 0;
}

.rfq-blotter-atom .credit-breach-action-icon {
  margin: 4px;
}

.order-editor-atom .sales-commission {
  width: 305px;
}

.order-editor-atom .sales-commission-container {
  display: flex;
}

.order-editor-atom .sales-commission-container .type {
  width: 150px;
  margin-right: 5px;
}

.order-editor-atom .sales-commission-container .value {
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
}

.order-editor-atom .sales-commission-container .value .value-content {
  padding: 5px;
}

.order-editor-atom .right-align-menu .forward-date-dropdown-menu {
  left: unset;
  right: 0;
}

.order-editor-with-tracking-price .option-row.stop-limit {
  display: flex;
  align-items: center;
}

.order-editor-with-tracking-price .option-row.stop-limit .trader-prices, .order-editor-with-tracking-price .option-row.stop-limit .client-prices {
  display: grid;
}

.order-editor-with-tracking-price .option-row.stop-limit .client-prices {
  padding: 0.5em;
  border: 1px solid;
}

.strategy-editor .sales-commission-container {
  display: flex;
}

.strategy-editor .sales-commission-container .type {
  width: 100px;
  margin-right: 5px;
}

.strategy-editor .sales-commission-container .value {
  width: 150px;
}

.strategy-editor .sales-commission-container .value .value-content {
  padding: 5px;
}

.strategy-editor .form .numeric-spinner {
  width: 120px;
}

.strategy-editor .form .price-lock-button {
  border: none;
  position: absolute;
  top: -20px;
  right: -5px;
}

.strategy-editor .form .price-lock-button:after {
  font-family: 'webappsdk';
  line-height: 14px;
  font-size: 14px;
}

.strategy-editor .form .price-lock-button.unlock:after {
  content: '\eb53';
}

.strategy-editor .form .price-lock-button.lock:after {
  content: '\eb4e';
}

.strategy-editor .rich-account-selection {
  margin-left: 5px;
}

.credit-breach-message {
  text-align: center;
}

.creditbreach-header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.creditbreach-quantity-header {
  font-weight: bold;
}

.creditbreach-header-element {
  margin: 4px 8px;
  font-size: 12px;
  align-self: start;
}

.creditbreach-header-element-security-div {
  font-size: 14px;
  display: flex;
}

.creditbreach-header-title {
  padding: 0px 5px;
  margin: 0 4px 4px 4px;
  display: inline-block;
}

.creditbreach-header-title .creditbreach-header-title-caption {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 26px;
}

.creditbreach-header-left {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 4px 4px 4px;
}

.creditbreach-header-left .creditbreach-header-business-unit {
  display: flex;
}

.creditbreach-header-left .creditbreach-header-business-unit .creditbreach-header-business-unit-child {
  display: inline-flex;
  margin-left: 3px;
  margin-right: 3px;
}

.creditbreach-header-right {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 4px 4px 0;
}

.creditbreach-header-reason {
  display: flex;
  width: 100%;
  padding: 4px 8px;
  margin: 4px;
}

.creditbreach-header-reason .icon {
  display: flex;
  align-items: baseline;
  font-weight: bold;
  white-space: nowrap;
  cursor: default;
  pointer-events: none;
}

.creditbreach-header-reason .icon .lbl {
  margin: 0px 4px;
}

.creditbreach-header-reason .creditbreach-header-reason-caption {
  font-weight: bold;
}

.creditbreach-header-reason .creditbreach-header-reason-value {
  margin-left: 35px;
}

.creditbreach-window .notification-content-container {
  overflow: auto;
  max-height: calc(100vh - 100px);
}

.creditbreach-window .notification-action-button {
  box-shadow: none !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
}

.creditbreach-window .item-slider {
  position: absolute;
  bottom: 5px;
  left: 25px;
  z-index: 100;
}

.creditbreach-window .item-slider ~ .item-slider {
  right: 25px;
  left: unset;
}

.creditbreach-content {
  overflow: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.creditbreach-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin: 4px;
  flex: 1;
}

.creditbreach-card-header {
  width: 100%;
  padding: 2px;
  text-align: center;
}

.creditbreach-table-header {
  padding: 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.creditbreach-table-account {
  margin: 0;
  margin-right: 20px;
}

.creditbreach-table-netqty {
  margin: 0;
}

.creditbreach-table-accountnobreach {
  text-align: center;
  margin: 0;
}

.creditbreach-card table {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.creditbreach-card label {
  font-weight: normal;
}

.creditbreach-card tbody {
  font-weight: normal;
}

.creditbreach-card th {
  font-weight: 700;
}

.creditbreach-card th, .creditbreach-card td {
  padding: 4px;
  text-align: center;
}

.creditbreach-table-creditlimit {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 4px;
  min-width: 128px;
}

.creditbreach-table-stackedbar {
  display: flex;
  height: 18px;
  width: 20%;
  min-width: 128px;
}

.creditbreach-table-stackedbar-limit {
  width: 4px;
}

.creditbreach-breached, .creditbreach-available, .creditbreach-used {
  min-width: 150px;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rollover-container {
  height: 100%;
  width: 100%;
  padding: 10px;
}

.rollover-container .caption {
  font-weight: bold;
}

.rollover-container .form-panel {
  width: 600px;
  margin-right: 10px;
  position: relative;
}

.rollover-container .form-panel .columns-panel {
  display: flex;
  flex-direction: row;
}

.rollover-container .form-panel .left-column {
  position: relative;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  flex: 2 1 auto;
}

.rollover-container .form-panel .left-column:after {
  content: attr(data-title);
  font-size: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  line-height: 0px;
}

.rollover-container .form-panel .left-column .form-field {
  position: relative;
  margin-bottom: 10px;
  display: flex;
}

.rollover-container .form-panel .left-column .form-field .read-only-value {
  width: 100%;
  text-align: right;
}

.rollover-container .form-panel .left-column .form-field:after {
  content: attr(data-title);
  font-size: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  line-height: 0px;
}

.rollover-container .form-panel .left-column .form-field .second-column {
  margin-left: auto;
}

.rollover-container .form-panel .left-column .form-field .caption {
  width: 100%;
  text-align: left;
  display: block;
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 2px;
  white-space: nowrap;
  align-self: center;
}

.rollover-container .form-panel .left-column .form-field .caption.required:after {
  margin-left: 5px;
  font-size: 16px;
  line-height: 15px;
  content: "*";
  font-weight: normal;
  font-family: monospace;
}

.rollover-container .form-panel .left-column .form-field .field {
  width: 100%;
  outline: none;
  box-sizing: border-box;
  height: 26px;
  position: relative;
  margin-left: 10px;
}

.rollover-container .form-panel .left-column .form-field input {
  padding: 0 8px;
  border-radius: 0;
  outline: none;
}

.rollover-container .form-panel .left-column .form-field input[disabled]:hover {
  cursor: not-allowed;
}

.rollover-container .form-panel .left-column .form-field .select2-choice {
  border-radius: 0;
  outline: none;
  box-shadow: none;
  box-sizing: border-box;
}

.rollover-container .form-panel .left-column .form-field .select2-choice .select2-arrow {
  border-radius: 0;
  border: none;
}

.rollover-container .form-panel .left-column .form-field .select2-container-multi {
  height: auto;
}

.rollover-container .form-panel .left-column .form-field .select2-container-multi .select2-choices {
  background-image: none;
  border-radius: 0;
  outline: none;
}

.rollover-container .form-panel .left-column .form-field .select2-container-multi .select2-choices .select2-search-choice {
  background-image: none;
  box-shadow: none;
}

.rollover-container .form-panel .left-column .form-field .select2-container-multi .select2-choices .select2-search-field {
  height: 26px;
}

.rollover-container .form-panel .left-column .form-field .select2-container-multi .select2-choices .select2-search-field input.select2-active {
  height: 26px;
  padding: 0 5px;
}

.rollover-container .form-panel .left-column .form-field.has-error input {
  border-radius: 0;
}

.rollover-container .form-panel .left-column .form-field.invalid {
  border: 1px solid;
  border-radius: 0;
}

.rollover-container .form-panel .left-column .form-field.invalid::after, .rollover-container .form-panel .left-column .form-field.invalid::before {
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 12px;
  opacity: 0;
  padding-bottom: 1px;
  padding-top: 2px;
  white-space: initial;
}

.rollover-container .form-panel .left-column .form-field.invalid::after {
  content: attr(data-title);
  min-width: 100%;
  padding-left: 20px;
  padding-right: .5em;
  z-index: 2;
}

.rollover-container .form-panel .left-column .form-field.invalid::before {
  font-family: "webappsdk";
  content: "\ed4e";
  width: 20px;
  z-index: 3;
  padding-left: 4px;
}

.rollover-container .form-panel .left-column .form-field.invalid:hover::before, .rollover-container .form-panel .left-column .form-field.invalid:hover::after {
  opacity: .9;
  transition: opacity .25s;
}

.rollover-container .form-panel .right-column {
  margin-left: 10px;
}

.rollover-container .form-panel .right-column .switch-widget {
  display: flex;
  flex-direction: row;
  padding: 0 5px;
  user-select: none;
}

.rollover-container .form-panel .right-column .switch-widget.disabled {
  opacity: 0.75;
  cursor: default;
}

.rollover-container .form-panel .right-column .switch-widget .gwt-Label {
  cursor: pointer;
}

.rollover-container .form-panel .right-column .switch-widget .switch-checkbox {
  margin: 0 5px;
  position: relative;
  width: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: block;
}

.rollover-container .form-panel .right-column .switch-widget .switch-checkbox input {
  display: none;
}

.rollover-container .form-panel .right-column .switch-widget .switch-checkbox label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 22px;
  padding: 0;
  line-height: 22px;
  border-radius: 22px;
}

.rollover-container .form-panel .right-column .switch-widget .switch-checkbox label:before {
  content: "";
  display: block;
  width: 22px;
  margin: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  height: inherit;
  right: 26px;
  border-radius: 50%;
  transition: all 0.3s ease-in 0s;
}

.rollover-container .form-panel .right-column .switch-widget .switch-checkbox input:checked + label:before {
  right: 0px;
}

.rollover-container .form-panel .right-column .money-market-price-panel {
  margin-top: 55px;
  width: 200px;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
}

.rollover-container .form-panel .right-column .money-market-price-panel .gwt-Label {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  min-height: 42px;
}

.rollover-container .form-panel .right-column .money-market-price-panel .gwt-Label:before {
  font-weight: normal;
  content: attr(caption);
  font-size: 12px;
}

.rollover-container .form-panel .comment-panel .caption {
  width: calc(100% / 3);
}

.rollover-container .form-panel .comment-panel .field {
  width: 100%;
}

.rollover-container .form-panel .button-panel {
  display: flex;
  padding: 5px;
}

.rollover-container .form-panel .button-panel .message {
  flex: 1;
  display: flex;
  justify-content: flex-start;
}

.rollover-container .form-panel .button-panel .message .gwt-Label {
  margin: auto 15px;
  font-size: larger;
}

.rollover-container .form-panel .button-panel .buttons {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.rollover-container .form-panel .button-panel .buttons button {
  font-weight: bold;
  width: 150px;
  height: 32px;
}

thead .creditbreach-breached::after, thead .creditbreach-available::after, thead .creditbreach-used::after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
}

.delayed-commission-check {
  margin-left: 5px;
}

.delayed-commission-check label {
  padding-right: 3px;
  font-weight: initial;
  font-size: 12px;
}

.call-notifyclient-check {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
  gap: 0px;
  width: 80px;
  height: 26px;
  border: 1px solid #000000;
  border-radius: 3px;
}

.call-notifyclient-check input[type="checkbox"] {
  width: 13px;
  height: 26px;
  margin: 0px;
  cursor: pointer;
}

.call-notifyclient-check label {
  width: auto;
  height: 26px;
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 26px;
  margin: 0px;
  padding-left: 4px;
  cursor: pointer;
}

.call-notifyclient-check input[disabled] + label {
  cursor: default;
}

.multi-mode-box-atom[data-panel-type="RFS"] .header .flip.trd {
  left: 50px;
}

.multi-mode-box-atom[data-panel-type="RFS"] .trade-item {
  display: flex;
  justify-content: space-between;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 2%;
}

.multi-mode-box-atom.greater-qty-input .leg1 .numeric-spinner .spinner-container, .multi-mode-box-atom.greater-qty-input .leg2 .numeric-spinner .spinner-container {
  display: flex;
  align-items: center;
}

.multi-mode-box-atom.greater-qty-input .leg1 .qtty input, .multi-mode-box-atom.greater-qty-input .leg2 .qtty input {
  font-size: 10px;
}

.multi-mode-box-atom.greater-qty-input .leg1 .switchers .btn-switch, .multi-mode-box-atom.greater-qty-input .leg2 .switchers .btn-switch {
  font-size: 10px !important;
}

.multi-mode-box-atom.greater-qty-input .esp .leg1 .qtty-panel, .multi-mode-box-atom.greater-qty-input .esp .leg2 .qtty-panel {
  width: 50% !important;
}

.multi-mode-box-atom.greater-qty-input .esp .leg1 .switchers, .multi-mode-box-atom.greater-qty-input .esp .leg2 .switchers {
  width: 16% !important;
}

.multi-mode-box-atom.greater-qty-input .rfs .leg1 .qtty-panel, .multi-mode-box-atom.greater-qty-input .rfs .leg2 .qtty-panel {
  width: 44% !important;
}

.multi-mode-box-atom.greater-qty-input .rfs .leg1 .switchers, .multi-mode-box-atom.greater-qty-input .rfs .leg2 .switchers {
  width: 22% !important;
}

.box-atom .header-onbehalf .user-panel {
  position: relative;
}

.box-atom .header-onbehalf .user-panel .user-badge {
  border-radius: 3px;
  padding: 0 4px;
  position: absolute;
  left: 50px;
  top: 1px;
  line-height: 12px;
  cursor: pointer;
}

.box-atom .header-onbehalf .user-panel .user-badge:before {
  content: '\eb05';
  font-family: 'webappsdk';
  font-size: 10px;
}

.box-atom .header-onbehalf .user-panel .user-list {
  display: none;
  min-width: 123px;
  max-width: 228px;
  position: absolute;
  top: 15px;
  left: 50px;
  z-index: 10;
  padding: 0 5px;
  border: 0.5px solid #000000;
  border-radius: 3px;
  max-height: 260px;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #A6A6A6 #111A29;
}

.box-atom .header-onbehalf .user-panel .user-list .user-list-row {
  padding: 2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box-atom .header-onbehalf .user-panel .user-list::-webkit-scrollbar {
  width: 3px;
}

.box-atom .header-onbehalf .user-panel .user-list::-webkit-scrollbar-thumb {
  background-color: #A6A6A6;
  border-radius: 3px;
}

.box-atom .header-onbehalf .user-panel .user-list::-webkit-scrollbar-track {
  background: #111A29;
}

.box-atom .header-onbehalf .user-panel:hover .user-list {
  display: block;
}

.voice-trading-preference-atom .col-xs-4 {
  width: 40%;
}

.voice-trading-preference-atom .col-xs-8 {
  width: 60%;
}

.creditbreach-window .notification-slide-content {
  position: absolute;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.creditbreach-window .notification-slide-content .notification-multileg-view {
  height: calc(100vh - 130px);
}

.creditbreach-window .notification-slide-content .notification-multileg-view .creditbreach-header-reason {
  border-radius: 4px;
}

.modal-open .trade-summary-dialog.enlarge-popup {
  overflow: auto;
}

.modal-open .trade-summary-dialog.enlarge-popup .trade-summary-atom .trade-summary-container .r .left {
  width: 20em;
}

.modal-open .trade-summary-dialog.enlarge-popup .modal-dialog {
  width: 70em;
}

.form-container.rfs-flexi-box-atom .leg0 {
  position: relative;
}

.form-container.rfs-flexi-box-atom .leg0 .start-date-row .date-panel::after {
  position: absolute;
  top: 32%;
  right: 2%;
}

.form-container.rfs-flexi-box-atom .leg0 .end-date-row .date-panel::after {
  position: absolute;
  top: 59%;
  right: 2%;
}

.form-container.rfs-flexi-box-atom.leg2-visible .switch-lock {
  top: 155px;
}

.delta-exchange-panel {
  display: flex;
  margin-top: 5px;
  padding-top: 5px;
}

.delta-exchange-panel .delta-exchange-label {
  width: fit-content;
  font-size: 12px;
  margin-top: 5px;
}

.delta-exchange-panel .delta-exchange-info {
  margin-left: 5px;
}

.delta-exchange-panel .delta-exchange-class {
  width: 145px;
  margin-left: auto;
}

.delta-exchange-field {
  display: flex;
  margin-top: 2px;
}

.delta-exchange-field .delta-exchange-checkbox-label {
  font-size: 12px;
  min-width: 105px;
}

.delta-exchange-field .delta-exchange-checkbox-label:before {
  font-family: 'webappsdk';
  content: '\ee6c';
  font-size: 14px;
  margin-right: 5px;
}

.delta-exchange-field .delta-exchange-checkbox-label.checked {
  cursor: default;
}

.delta-exchange-field .delta-exchange-checkbox-label.checked:before {
  content: '\ee6b';
}

.delta-exchange-field .delta-exchange-label {
  padding-left: 8px;
  width: 145px;
  margin-left: auto;
}

.delta-exchange-field .delta-exchange-spinner {
  width: 145px;
  margin-left: auto;
}

.delta-exchange-field .delta-exchange-spinner.invalid .numeric-spinner {
  border: 0;
}

.delta-exchange-field .delta-exchange-spinner.invalid:hover::after, .delta-exchange-field .delta-exchange-spinner.invalid:hover::before {
  content: none;
}

.order-editor-atom .option-row .sales-margin {
  width: 150px;
}

.order-editor-atom .option-row .sales-margin .sales-margin-lock-button, .order-editor-atom .option-row .client-price .price-lock-button {
  border: none;
  position: absolute;
  top: -1px;
  right: -5px;
}

.order-editor-atom .option-row .sales-margin .sales-margin-lock-button:after, .order-editor-atom .option-row .client-price .price-lock-button:after {
  font-family: 'webappsdk';
  line-height: 14px;
  font-size: 14px;
}

.order-editor-atom .option-row .sales-margin .sales-margin-lock-button.unlock:after, .order-editor-atom .option-row .client-price .price-lock-button.unlock:after {
  content: '\eb53';
}

.order-editor-atom .option-row .sales-margin .sales-margin-lock-button.lock:after, .order-editor-atom .option-row .client-price .price-lock-button.lock:after {
  content: '\eb4e';
}

.order-editor-atom .option-row .fixing-settlement .forward-date-dropdown-menu {
  position: fixed;
  left: 193px;
  top: 354px;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode {
  padding: 4px 5px 3px 5px;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .widget-caption-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .widget-caption {
  text-transform: uppercase;
  font-weight: 400;
  margin-right: 5px;
  padding: 0;
  font-size: 11px;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .widget-caption::after {
  content: none;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .trade-context-header-button {
  background: none;
  border: none;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .trade-context-header-button:after {
  content: '\edbc';
  font-family: 'webappsdk';
  font-size: 9px;
  float: right;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .trade-context-header-button.content-hidden:after {
  content: '\edb8';
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .trade-context-hover-info {
  flex-grow: 2;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .trade-context-hover-info::before {
  font-family: 'webappsdk';
  content: '\ead5';
  font-size: 12px;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .trade-context-hover-info.must-hide {
  visibility: hidden;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .trade-context-hover-info:hover .trade-context-pophover {
  display: block;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .trade-context-pophover {
  display: none;
  position: absolute;
  top: 20px;
  z-index: 1;
  border-radius: 5px;
  padding: 5px;
  font-size: 14px;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .form-field-container,
.multi-mode-box-atom .trade-context.enhanced-compact-mode .widget-caption-wrapper {
  margin-bottom: 2px;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .form-field {
  height: 20px;
  margin: 0;
  font-size: 13px;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .caption {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: unset;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .gwt-TextBox {
  height: 20px;
  text-align: left;
  text-indent: 8px;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .numeric-spinner .spinner-container .gwt-TextBox {
  height: 18px;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .numeric-spinner .spinner-btn-box {
  border-left: none;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .select2-container .select2-choice {
  height: 20px;
  line-height: 20px;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .select2-container .select2-choice .select2-chosen {
  height: 18px;
}

.multi-mode-box-atom .trade-context.enhanced-compact-mode .select2-container .select2-choice .select2-arrow {
  top: -4px;
}

.multi-mode-box-atom .center-panel-content.enhanced-compact-mode .south .widgets-group {
  justify-content: flex-start;
  margin: 0 4px;
  gap: 4px;
}

.multi-mode-box-atom .center-panel-content.enhanced-compact-mode .south .widgets-group .widget-label {
  padding: 0 4px 0 0;
}

.sales-margin-form {
  font-size: 11px;
  font-weight: 400;
}

.sales-margin-form .numeric-spinner .piped-price .pip-num,
.sales-margin-form .pip-num {
  font-size: 14px;
}

.sales-margin-form .sales-margin-pnl {
  font-weight: 700;
}

.sales-margin-form .sales-margin-widget-section {
  padding: 2px 0;
}

.sales-margin-form .sales-margin-field {
  margin: 2px 0;
}

.sales-margin-form .ui-radio-button-group-icon {
  text-align: center;
  padding: 0;
  margin: 2px 0;
  font-size: 10px;
}

.sales-margin-form .sales-margin-field,
.sales-margin-form .sales-margin-pnl {
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sales-margin-form .sales-margin-field .field-value,
.sales-margin-form .sales-margin-pnl .field-value {
  width: 32%;
  margin: 0;
}

.sales-margin-form .sales-margin-field .field-caption,
.sales-margin-form .sales-margin-pnl .field-caption {
  width: 36%;
  position: relative;
}

.sales-margin-form .piped-price,
.sales-margin-form .piped-point,
.sales-margin-form .field-caption,
.sales-margin-form .sales-margin-pnl .field-value,
.sales-margin-form .sales-margin-field.read-only .field-value .numeric-spinner input,
.sales-margin-form .sales-margin-field.read-only .field-value .numeric-spinner .piped-price {
  text-align: center;
}

.sales-margin-form .field-value .numeric-spinner input,
.sales-margin-form .field-value .numeric-spinner .piped-price {
  text-align: right;
  padding-right: 5px;
}

.sales-margin-form .sales-margin-field.read-only .spinner-container input,
.sales-margin-form .sales-margin-field.read-only .numeric-spinner,
.sales-margin-form .sales-margin-field.read-only .price-spinner-label {
  border: none;
  background: transparent !important;
}

.sales-margin-form .sales-margin-field.read-only .spinner-btn-box {
  display: none;
}

.sales-margin-form .lock-margin-button {
  background: transparent;
  border: none;
  position: absolute;
  left: 4px;
  font-size: 10px;
}

.sales-margin-form .lock-margin-button input {
  display: none;
}

.sales-margin-form .lock-margin-button label:after {
  font-family: 'webappsdk';
  content: '\eb51';
  cursor: pointer;
}

.sales-margin-form .lock-margin-button input:checked + label:after {
  content: '\eb50';
}

.sales-margin-form .field-hidden {
  position: relative;
  color: transparent !important;
}

.sales-margin-form .field-hidden::after {
  content: "-";
  position: absolute;
  left: 50%;
  top: 50%;
  line-height: 0;
  font-weight: 400;
}

.sales-margin-form .field-hidden > * {
  visibility: hidden;
}

.aggregator-buyside-form {
  height: 100%;
  overflow: auto;
  display: flex;
  padding: 10px;
}

.aggregator-buyside-form .aggregator-buyside-field {
  display: flex;
  width: 400px;
  margin-bottom: 5px;
}

.aggregator-buyside-form .aggregator-buyside-field .caption {
  width: 200px;
  font-weight: bold;
}

.aggregator-buyside-form .aggregator-buyside-field .widget {
  width: 100%;
}

.aggregator-buyside-form .market-price {
  margin-top: 15px;
}

.aggregator-buyside-form .market-price .widget {
  font-style: italic;
  text-align: center;
}

.aggregator-buyside-form .right-panel {
  margin-left: 20px;
  width: 500px;
}

.aggregator-buyside-form .actions {
  display: flex;
  flex-direction: column;
}

.aggregator-buyside-form .actions button {
  margin-bottom: 5px;
}

.aggregator-buyside-form .order-details {
  text-align: center;
  padding: 15px;
  margin-bottom: 20px;
}

.aggregator-buyside-form .order-details .title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}

.aggregator-buyside-form .order-details .status {
  display: flex;
  justify-content: center;
  font-size: 14px;
  margin-top: 5px;
}

.aggregator-buyside-form .order-details .status .quantity {
  margin-right: 3px;
}

.aggregator-buyside-form .quote-request-details {
  margin-bottom: 20px;
}

.aggregator-buyside-form .quote-request-details .best {
  font-size: 40px;
}

.aggregator-buyside-form .quote-request-details .best .owner {
  font-size: 18px;
}

.aggregator-buyside-form .quote-request-details .quote-widget {
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.aggregator-buyside-form .quote-request-details .quote-widget .owner {
  margin-left: 5px;
  width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sms-ui-controlcenter {
  position: relative;
}

.sms-ui-controlcenter .middle {
  position: absolute;
  top: 0 !important;
  bottom: 0;
  width: 100%;
}

.sms-ui-controlcenter .credit-break-center-atom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: scroll;
  height: 100%;
}

.sms-ui-controlcenter .circuit-break {
  min-width: 200px;
  margin-top: 10px;
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.sms-ui-controlcenter .circuit-break .circuit-break-button {
  width: 350px;
  border-radius: 15px;
  font-size: 25px;
  padding: 15px 5px;
}

.sms-ui-controlcenter .circuit-break .default-mode-button {
  width: 350px;
  border-radius: 15px;
  font-size: 25px;
  padding: 15px 5px;
}

.sms-ui-controlcenter .circuit-break .circuit-break-lock {
  margin-left: 10px;
  align-self: flex-start;
  font-size: 30px;
}

.sms-ui-controlcenter .fuse {
  position: relative;
  width: 400px;
  min-width: 200px;
  text-align: center;
  margin: 5px;
  padding: 5px;
  border-radius: 4px;
}

.sms-ui-controlcenter .fuse .title {
  font-size: 25px;
  font-weight: bold;
}

.sms-ui-controlcenter .fuse .fuse-lock {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 25px;
}

.sms-ui-controlcenter .fuse .status {
  padding-top: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.sms-ui-controlcenter .fuse .bootstrap-switch {
  min-width: 180px;
}

.sms-ui-controlcenter .event-blotter-atom {
  width: 100%;
  height: 40%;
  position: relative;
  margin: 0;
}

.sms-ui-controlcenter .event-blotter-atom .message {
  text-align: left;
}

.lp-control-center-atom {
  height: 100%;
  min-height: 200px;
  min-width: 400px;
  margin-top: 5px;
  font-weight: bold;
}

.lp-control-center-atom .lp-header {
  display: flex;
  font-weight: normal;
}

.lp-control-center-atom .lp-header .lp-label {
  width: calc(30% - 10px);
}

.lp-control-center-atom .lp-header .lp-label .lp-style {
  margin-left: 5px;
}

.lp-control-center-atom .lp-header .halted-state-label {
  width: calc(30% - 10px);
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

.lp-control-center-atom .lp-header .pricing-label {
  width: calc(17% - 10px);
  text-align: center;
}

.lp-control-center-atom .lp-header .book-hedging-label {
  width: calc(30% - 10px);
  text-align: center;
}

.lp-control-center-atom .lp-header.header-without-lp-halted .lp-label {
  width: calc(40% - 10px);
}

.lp-control-center-atom .lp-header.header-without-lp-halted .pricing-label {
  width: calc(27% - 10px);
}

.lp-control-center-atom .lp-header.header-without-lp-halted .book-hedging-label {
  width: calc(40% - 10px);
}

.lp-control-center-atom .lp-row-tab {
  height: calc(100% - $header-height);
  overflow: overlay;
}

.lp-control-center-atom .lp-row {
  display: flex;
  padding: 5px 0;
}

.lp-control-center-atom .lp-row .icon {
  width: 25%;
}

.lp-control-center-atom .lp-row .lp-halted-state-panel {
  width: calc(30% - 10px);
}

.lp-control-center-atom .lp-row .lp-halted-state-panel .status {
  display: flex;
  align-items: center;
  border-radius: 5px;
  font-size: 14px;
  min-width: 100px;
  width: calc(30% - 10px);
  margin-left: auto;
  margin-right: auto;
}

.lp-control-center-atom .lp-row .lp-halted-state-panel .status:after {
  font-family: 'webappsdk';
  content: '\eda5';
  background: transparent;
  border: none;
}

.lp-control-center-atom .lp-row .lp-halted-state-panel .status.unhalted:after {
  margin-left: 10px;
}

.lp-control-center-atom .lp-row .lp-halted-state-panel .status.halted:after {
  margin-left: 27px;
}

.lp-control-center-atom .lp-row .label-box {
  border-radius: 5px;
}

.lp-control-center-atom .lp-row .label-box.unhalted, .lp-control-center-atom .lp-row .label-box.halted {
  max-width: 80px;
  margin: auto;
}

.lp-control-center-atom .lp-row .status button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2px 5px;
  height: 12px;
  line-height: 12px;
  width: 12px;
}

.lp-control-center-atom .lp-row .lp-name {
  display: flex;
  width: calc(30% - 10px);
}

.lp-control-center-atom .lp-row .lp-name .gwt-Label {
  width: 145%;
  text-overflow: ellipsis;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
}

.lp-control-center-atom .lp-row .lp-name .lp-status {
  width: 80%;
  margin-top: 3px;
  font-size: 10px;
}

.lp-control-center-atom .lp-row .lp-name .icon {
  width: 20%;
  position: relative;
}

.lp-control-center-atom .lp-row .pricing {
  width: calc(17% - 10px);
}

.lp-control-center-atom .lp-row .hedging {
  width: calc(30% - 10px);
}

.lp-control-center-atom .lp-row.lp-row-without-lp-halted .lp-name {
  width: calc(40% - 10px);
}

.lp-control-center-atom .lp-row.lp-row-without-lp-halted .pricing {
  width: calc(27% - 10px);
}

.lp-control-center-atom .lp-row.lp-row-without-lp-halted .hedging {
  width: calc(40% - 10px);
}

.hoarding-control-center-atom {
  min-height: 200px;
  min-width: 400px;
}

.hoarding-control-center-atom .hoarding-rule-header .hoarding-status-btn {
  display: flex;
  width: 240px;
  border-radius: 10px;
  padding: 5px 15px;
  margin: 10px auto;
  text-align: center;
  cursor: pointer;
}

.hoarding-control-center-atom .hoarding-rule-header .hoarding-status-btn .header-title {
  font-size: 15px;
  width: 90%;
}

.hoarding-control-center-atom .hoarding-rule-header .hoarding-status-btn .status-zone {
  font-size: 20px;
  margin-bottom: -5px;
}

.hoarding-control-center-atom .btn-zone button {
  width: 50%;
}

.hoarding-control-center-atom .riskbooks-status-table {
  margin: 0 10px;
}

.hoarding-control-center-atom .riskbooks-status-table .riskbooks-status-header {
  display: flex;
  padding: 5px;
}

.hoarding-control-center-atom .riskbooks-status-table .riskbooks-status-header > * {
  width: 50%;
  text-align: center;
}

.hoarding-control-center-atom .riskbooks-status-table .riskbooks-status .message {
  padding: 5px 0;
  text-align: center;
  font-size: 12px;
  font-style: italic;
}

.hoarding-control-center-atom .riskbooks-status-table .riskbooks-status .riskbook-row {
  display: flex;
  padding: 5px 0;
}

.hoarding-control-center-atom .riskbooks-status-table .riskbooks-status .riskbook-row .gwt-Label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.hoarding-control-center-atom .riskbooks-status-table .riskbooks-status .riskbook-row > * {
  width: 50%;
  text-align: center;
}

.value-date-discrepancy-control-center-atom {
  height: 100%;
  min-height: 200px;
}

.value-date-discrepancy-control-center-atom .b-search-field {
  margin-top: 2px;
}

.value-date-discrepancy-control-center-atom .gwt-Label {
  width: 25%;
  text-align: center;
  display: inline-block;
}

.value-date-discrepancy-control-center-atom .vdd-header {
  display: block;
  height: 25px;
  margin-top: 5px;
  font-weight: bold;
}

.value-date-discrepancy-control-center-atom .vdd-row-tab {
  height: calc(100% - $header-height);
  overflow: auto;
}

.value-date-discrepancy-control-center-atom .vdd-row {
  display: flex;
  padding: 5px 0;
}

.aggregation-orders-control-atom {
  width: 400px;
  min-height: 220px;
  left: 1252px;
  top: 16px;
}

.aggregation-orders-control-atom .aggregation-orders-control-header {
  width: 390px;
  white-space: normal;
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
  top: 35px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
}

.aggregation-orders-control-atom .all-orders-enabled-wrapper, .aggregation-orders-control-atom .algo-orders-disabled-wrapper, .aggregation-orders-control-atom .manual-orders-disabled-wrapper, .aggregation-orders-control-atom .all-orders-disabled-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 5px;
  width: 390px;
  margin-left: 5px;
  top: 65px;
  border: 1px solid;
  box-sizing: border-box;
  border-radius: 5px;
}

.aggregation-orders-control-atom .all-orders-enabled-wrapper .radio-button-label, .aggregation-orders-control-atom .algo-orders-disabled-wrapper .radio-button-label, .aggregation-orders-control-atom .manual-orders-disabled-wrapper .radio-button-label, .aggregation-orders-control-atom .all-orders-disabled-wrapper .radio-button-label {
  cursor: pointer;
  width: 370px;
  height: 25px;
  position: static;
  left: 22px;
  top: 0px;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 15px;
  display: flex;
  align-items: center;
  text-align: center;
  border-bottom: 1px solid;
  font-weight: normal;
  margin-top: 5px;
  margin-left: 5px;
}

.aggregation-orders-control-atom .all-orders-enabled-wrapper .radio-button-label:before, .aggregation-orders-control-atom .algo-orders-disabled-wrapper .radio-button-label:before, .aggregation-orders-control-atom .manual-orders-disabled-wrapper .radio-button-label:before, .aggregation-orders-control-atom .all-orders-disabled-wrapper .radio-button-label:before {
  font-family: 'webappsdk';
  content: '\ee70';
  font-size: 14px;
  margin-right: 5px;
}

.aggregation-orders-control-atom .all-orders-enabled-wrapper .radio-button-label.checked, .aggregation-orders-control-atom .algo-orders-disabled-wrapper .radio-button-label.checked, .aggregation-orders-control-atom .manual-orders-disabled-wrapper .radio-button-label.checked, .aggregation-orders-control-atom .all-orders-disabled-wrapper .radio-button-label.checked {
  cursor: default;
}

.aggregation-orders-control-atom .all-orders-enabled-wrapper .radio-button-label.checked:before, .aggregation-orders-control-atom .algo-orders-disabled-wrapper .radio-button-label.checked:before, .aggregation-orders-control-atom .manual-orders-disabled-wrapper .radio-button-label.checked:before, .aggregation-orders-control-atom .all-orders-disabled-wrapper .radio-button-label.checked:before {
  content: '\ee6e';
}

.algo-orders-disabled-confirm-dialog .modal-header .modal-title, .all-orders-disabled-confirm-dialog .modal-header .modal-title, .all-orders-enabled-confirm-dialog .modal-header .modal-title, .manual-orders-disabled-confirm-dialog .modal-header .modal-title {
  font-family: Roboto !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 20px !important;
}

.lp-halted-instruments-atom {
  min-width: 400px;
}

.lp-halted-instruments-atom .content {
  margin: 5px;
}

.lp-halted-instruments-atom .content.collapsed .halted-grid-panel {
  height: calc(100% - 26px);
}

.lp-halted-instruments-atom .content.shown .halted-grid-panel {
  height: calc(100% - 98px);
}

.lp-halted-instruments-atom .collapse-panel.shown .container {
  display: flex;
  padding-bottom: 10px;
}

.lp-halted-instruments-atom .collapse-panel .collapse-title {
  font-weight: bold;
}

.lp-halted-instruments-atom .collapse-panel .container {
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
}

.lp-halted-instruments-atom .collapse-panel .container .lp-panel {
  width: calc(30% - 5px);
}

.lp-halted-instruments-atom .collapse-panel .container .lp-panel .gwt-Label {
  padding-right: 5px;
  margin-bottom: 5px;
}

.lp-halted-instruments-atom .collapse-panel .container .lp-panel .dd-listbox {
  margin-right: 5px;
  height: 26px;
}

.lp-halted-instruments-atom .collapse-panel .container .instrument-panel {
  width: calc(50% - 10px);
}

.lp-halted-instruments-atom .collapse-panel .container .instrument-panel .gwt-Label {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 5px;
}

.lp-halted-instruments-atom .collapse-panel .container .instrument-panel .dd-listbox {
  margin-left: 5px;
  margin-right: 5px;
  height: 26px;
}

.lp-halted-instruments-atom .collapse-panel .container .instrument-panel .dd-listbox:before {
  position: absolute;
  content: '';
  height: 100%;
  left: -6px;
}

.lp-halted-instruments-atom .collapse-panel .container .instrument-panel .dd-listbox:after {
  position: absolute;
  content: '';
  height: 100%;
  left: calc(100% + 5px);
}

.lp-halted-instruments-atom .collapse-panel .container .action-panel {
  width: calc(20% - 5px);
}

.lp-halted-instruments-atom .collapse-panel .container .action-panel .gwt-Label {
  padding-left: 5px;
  margin-bottom: 5px;
}

.lp-halted-instruments-atom .collapse-panel .container .action-panel .btn {
  margin-left: 5px;
  width: 68px;
  height: 26px;
  padding-top: 2px;
}

.lp-halted-instruments-atom .collapse-panel .container .action-panel .btn:before {
  font-family: 'webappsdk';
  content: '\ed7d';
  margin-right: 5px;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-title {
  margin-top: 10px;
  font-weight: bold;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content {
  height: calc(100% - 41px);
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-header {
  display: flex;
  margin-top: 10px;
  margin-bottom: 5px;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-header .lp-label {
  width: calc(30% - 10px);
  padding-right: 5px;
  margin-left: 5px;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-header .instrument-label {
  width: calc(50% - 10px);
  padding-left: 5px;
  padding-right: 5px;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-header .action-label {
  width: calc(20% - 5px);
  padding-left: 5px;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows {
  overflow: overlay;
  height: calc(100% - 25px);
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .halted.primary-row .lp-panel {
  display: flex;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .halted.primary-row .lp-panel .gwt-Label {
  width: 145%;
  white-space: nowrap;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .halted.primary-row .lp-panel .warning-label {
  background: transparent;
  border: none;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .halted.primary-row .lp-panel .warning-label:after {
  content: '\ed4d';
  font-family: 'webappsdk';
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row {
  display: flex;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row .lp-panel {
  width: calc(30% - 5px);
  padding-right: 5px;
  margin-bottom: 5px;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row .lp-panel .gwt-Label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row .instrument-panel {
  width: calc(50% - 10px);
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 5px;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row .instrument-panel .gwt-Label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row .action-panel {
  width: calc(20% - 5px);
  padding-left: 5px;
  margin-bottom: 5px;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row .action-panel .btn {
  background: none;
  width: 85px;
  height: 21px;
  padding-top: 0px;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row .action-panel .btn:before {
  font-family: 'webappsdk';
  content: '\ed7b';
  margin-right: 5px;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row.primary-row .gwt-Label {
  font-weight: bold;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row.multi-instrument-row .lp-panel {
  cursor: pointer;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row.multi-instrument-row .lp-panel .gwt-Label:before {
  font-family: 'webappsdk';
  margin-right: 5px;
  font-weight: normal;
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row.multi-instrument-row .lp-panel .collapsed:before {
  content: '\edc5';
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row.multi-instrument-row .lp-panel .shown:before {
  content: '\edc6';
}

.lp-halted-instruments-atom .halted-grid-panel .halted-grid-content .lp-rows .lp-row.multi-instrument-row .instrument-panel .gwt-Label {
  font-weight: bold;
}

.sms-ui-controlcenter .trading-control-panel {
  height: 100%;
}

.sms-ui-controlcenter .trading-control-panel .dtgb-atom {
  position: relative;
}

.sms-ui-controlcenter .trading-control-panel .dtgb-atom .dtgb-col-header {
  text-transform: capitalize;
}

.sms-ui-controlcenter .trading-control-panel .dtgb-atom .pony-grid-row {
  width: unset !important;
}

.sms-ui-analytics {
  /*
 * Table styles
 */
  /*
 * Control feature layout
 */
}

.sms-ui-analytics .axreport .col-1 > *, .sms-ui-analytics .axreport .col-2 > *, .sms-ui-analytics .axreport .col-3 > *, .sms-ui-analytics .axreport .col-4 > *, .sms-ui-analytics .axreport .col-5 > *, .sms-ui-analytics .axreport .col-6 > *, .sms-ui-analytics .axreport .col-7 > *, .sms-ui-analytics .axreport .col-8 > *, .sms-ui-analytics .axreport .col-9 > *, .sms-ui-analytics .axreport .col-10 > *, .sms-ui-analytics .axreport .col-11 > *, .sms-ui-analytics .axreport .col-12 > *, .sms-ui-analytics .axreport .decorated-panel {
  flex-grow: 1;
}

.sms-ui-analytics .axreport .col-1, .sms-ui-analytics .axreport .col-2, .sms-ui-analytics .axreport .col-3, .sms-ui-analytics .axreport .col-4, .sms-ui-analytics .axreport .col-5, .sms-ui-analytics .axreport .col-6, .sms-ui-analytics .axreport .col-7, .sms-ui-analytics .axreport .col-8, .sms-ui-analytics .axreport .col-9, .sms-ui-analytics .axreport .col-10, .sms-ui-analytics .axreport .col-11, .sms-ui-analytics .axreport .col-12 {
  flex-grow: 1;
  display: flex;
  height: fit-content;
}

.sms-ui-analytics .axreport .line {
  display: flex;
  width: 100%;
}

.sms-ui-analytics .axreport .form {
  padding: 15px;
}

.sms-ui-analytics .axreport .form .line {
  padding-top: 5px;
}

.sms-ui-analytics .axreport .form button[type="submit"] {
  margin-top: 20px;
}

.sms-ui-analytics .axreport input[type="radio"], .sms-ui-analytics .axreport input[type="checkbox"] {
  margin: 0;
  flex-grow: unset;
}

.sms-ui-analytics .axreport * {
  flex-wrap: wrap;
  flex-direction: row;
}

.sms-ui-analytics .axreport .dd-container-widget {
  flex-wrap: nowrap;
}

.sms-ui-analytics .axreport .message-panel {
  margin-left: 10px;
  flex-grow: 1;
  width: 100%;
}

.sms-ui-analytics .axreport .model-editor table {
  width: 100%;
  margin-top: 15px;
}

.sms-ui-analytics .axreport .model-editor table td, .sms-ui-analytics .axreport .model-editor table th {
  padding: 2px;
  text-align: center;
}

@media (min-width: 1200px) {
  .sms-ui-analytics .col-12 {
    width: 100%;
  }
  .sms-ui-analytics .col-11 {
    width: 91.66666667%;
  }
  .sms-ui-analytics .col-10 {
    width: 83.33333333%;
  }
  .sms-ui-analytics .col-9 {
    width: 75%;
  }
  .sms-ui-analytics .col-8 {
    width: 66.66666667%;
  }
  .sms-ui-analytics .col-7 {
    width: 58.33333333%;
  }
  .sms-ui-analytics .col-6 {
    width: 50%;
  }
  .sms-ui-analytics .col-5 {
    width: 41.66666667%;
  }
  .sms-ui-analytics .col-4 {
    width: 33.33333333%;
  }
  .sms-ui-analytics .col-3 {
    width: 25%;
  }
  .sms-ui-analytics .col-2 {
    width: 16.66666667%;
  }
  .sms-ui-analytics .col-1 {
    width: 8.33333333%;
  }
}

.sms-ui-analytics .cluster-migration {
  margin: 10px;
  padding: 15px;
  position: relative;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  box-sizing: border-box;
  border-radius: 5px;
}

.sms-ui-analytics .cluster-migration .title {
  text-transform: uppercase;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 20px;
  font-size: large;
}

.sms-ui-analytics .cluster-migration .form {
  margin: 15px;
  margin-top: 45px;
  height: calc(100% - 60px);
}

.sms-ui-analytics .cluster-migration .form .pony-grid-row {
  width: 100% !important;
}

.sms-ui-analytics .cluster-migration .line {
  display: flex;
  padding-top: 5px;
}

.sms-ui-analytics .cluster-migration .paramLabel {
  padding-left: 10px;
  padding-right: 10px;
  width: 150px;
}

.sms-ui-analytics .cluster-migration .dd-listbox, .sms-ui-analytics .cluster-migration .gwt-DateBox, .sms-ui-analytics .cluster-migration .gwt-TextBox {
  width: 400px;
}

.sms-ui-analytics .cluster-migration .createButton {
  margin-left: 10px;
  width: 540px;
}

.sms-ui-analytics .features-selectors-panel {
  display: flex;
  padding-left: 10px;
}

.sms-ui-analytics .axreport {
  padding-right: 10px !important;
  display: flex;
  font-size: 12px !important;
  flex-wrap: wrap;
}

.sms-ui-analytics .axreport .decorated-panel {
  margin-top: 10px;
  margin-left: 10px;
  overflow-y: hidden;
}

.sms-ui-analytics .execution {
  content: url("../img/execution.png");
}

.sms-ui-analytics .gutter {
  background-repeat: no-repeat;
  background-position: 50%;
}

.sms-ui-analytics .gutter.gutter-horizontal {
  background-image: url("grips/vertical.png");
  cursor: ew-resize;
}

.sms-ui-analytics .gutter.gutter-vertical {
  background-image: url("grips/horizontal.png");
  cursor: ns-resize;
}

.sms-ui-analytics .split {
  box-sizing: border-box;
}

.sms-ui-analytics .split, .sms-ui-analytics .gutter.gutter-horizontal {
  height: 100%;
  float: left;
}

.sms-ui-analytics .split {
  overflow-y: auto;
  overflow-x: hidden;
}

.sms-ui-analytics .pony-LoadingMessageBox {
  position: absolute;
}

.sms-ui-analytics .time-filter-panel {
  display: flex;
  flex-direction: column;
}

.sms-ui-analytics .filter-panel {
  justify-content: left;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
}

.sms-ui-analytics .filter-panel .time-panel {
  display: flex;
  gap: 5px;
}

.sms-ui-analytics .filter-panel .time-panel .refresh-panel {
  display: flex;
}

.sms-ui-analytics .filter-panel .time-panel .refresh-panel .manual-refresh {
  border-radius: 5px 0 0 5px !important;
}

.sms-ui-analytics .filter-panel .time-panel .refresh-panel .delay-selection button {
  border-radius: 0 5px 5px 0 !important;
}

.sms-ui-analytics .filter-panel .filters {
  position: relative;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding-left: 25px;
}

.sms-ui-analytics .filter-panel .filters::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\ee88';
  font-family: 'webappsdk';
  font-size: 16px;
  width: 20px;
  line-height: 26px;
  height: 26px;
}

.sms-ui-analytics .filter-panel .filters .filter {
  width: 250px;
}

.sms-ui-analytics * {
  box-sizing: border-box;
}

.sms-ui-analytics html, .sms-ui-analytics body, .sms-ui-analytics .window, .sms-ui-analytics .main-container {
  height: 100%;
}

.sms-ui-analytics body {
  overflow: hidden;
}

.sms-ui-analytics .main-layout .blotters-area {
  overflow: hidden;
}

.sms-ui-analytics .main-layout .blotters-area .tabContainer-panel {
  height: 100%;
}

.sms-ui-analytics .main-layout .blotters-area .tabContainer-panel .menu-tab {
  padding-top: 2px;
  margin-right: 4px;
}

.sms-ui-analytics .main-layout .footer {
  position: absolute;
  height: 0px;
  bottom: 0;
  width: 100%;
}

.sms-ui-analytics .pop-red {
  font-size: 13px;
  border: 1px solid red;
}

.sms-ui-analytics .pop-red .danger {
  border-radius: 2px;
  padding: 3px;
}

.sms-ui-analytics .pop-green {
  font-size: 13px;
  border: 1px solid green;
}

.sms-ui-analytics .pop-green .info {
  border-radius: 2px;
  padding: 3px;
}

.sms-ui-analytics .main-container {
  overflow-y: scroll;
  overflow-x: hidden;
  bottom: 20px !important;
  scrollbar-width: thin;
}

.sms-ui-analytics .decorated-panel-report {
  flex-basis: calc(25% - 24px);
  margin: 12px;
  webkit-box-flex: 0;
  ms-flex-positive: 0;
  flex-grow: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  webkit-box-orient: vertical;
  webkit-box-direction: normal;
  ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
}

.sms-ui-analytics .headerPanelReport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  webkit-box-orient: vertical;
  webkit-box-direction: normal;
  ms-flex-direction: column;
  flex-direction: column;
  padding: 16px;
  min-height: 1px;
  webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
  box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
  border-radius: 4px;
  webkit-box-flex: 1;
  ms-flex-positive: 1;
  flex-grow: 1;
}

.sms-ui-analytics .euiPage {
  max-width: 1300px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  margin-left: auto;
  margin-right: auto;
}

.sms-ui-analytics .euiPageBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  webkit-box-orient: vertical;
  webkit-box-direction: normal;
  ms-flex-direction: column;
  flex-direction: column;
  webkit-box-align: stretch;
  ms-flex-align: stretch;
  align-items: stretch;
  webkit-box-flex: 1;
  ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-left: auto;
  margin-right: auto;
}

.sms-ui-analytics .euiTitle {
  font-size: 36px;
  line-height: 1.25;
  font-weight: 300;
  line-height: 3rem;
}

.sms-ui-analytics .euiFlexGrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.sms-ui-analytics .report-Description-Widget {
  padding-top: 8px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  display: block;
  font-weight: 500;
}

.sms-ui-analytics .report-title-Widget {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.25;
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: 2.5rem;
  letter-spacing: -.04em;
}

.sms-ui-analytics .euiTabs {
  scrollbar-width: thin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.sms-ui-analytics .euiTabs:before {
  max-width: 1250px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  content: '';
}

.sms-ui-analytics .BUTTON-TabList {
  font-size: 22px;
  line-height: 2;
  position: relative;
  cursor: pointer;
  padding: 7px 18px;
}

.sms-ui-analytics .euiSpacer {
  height: 24px;
}

.sms-ui-analytics .volume-widget {
  padding: 10px 0;
  margin: 40px 20px 20px 20px;
}

.sms-ui-analytics .volume-widget .volume-component {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 10px 0 10px 0;
}

.sms-ui-analytics .volume-widget .volume-component .volume-value {
  margin: 0 !important;
}

.sms-ui-analytics .clear-left {
  clear: left;
}

.sms-ui-analytics .volume-widget h1 {
  margin-top: 45px;
  font-size: 28px;
  text-align: center;
}

.sms-ui-analytics .volume-widget div {
  text-align: center;
}

.sms-ui-analytics .filter-manager {
  margin: 10px;
  border-width: 1px;
  border-style: solid;
}

.sms-ui-analytics .filter-manager input[type="text"] {
  float: left;
  margin-right: 5px;
  padding-left: 5px;
  height: 22px;
  margin-top: -1px;
}

.sms-ui-analytics .filter-manager button {
  cursor: pointer;
}

.sms-ui-analytics .filter-manager .filter-panel div {
  float: left;
  margin-right: 10px;
  padding: 2px 10px 0 0;
  margin-bottom: 10px;
  position: relative;
}

.sms-ui-analytics .filter-manager .filter-panel div:last-child {
  border-right: none;
}

.sms-ui-analytics .filter-manager .filter-panel .filter-condition:hover {
  cursor: pointer;
}

.sms-ui-analytics .filter-manager .filter-panel .filter-condition:hover:after {
  width: 12px;
  height: 12px;
  font-size: 9px;
  padding-top: 1px;
  text-align: center;
  line-height: 12px;
  background: red;
  right: 2px;
  top: -7px;
  border-radius: 50%;
  position: absolute;
  font-family: 'webappsdk';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: '\ed6a';
  display: block;
  clear: both;
}

.sms-ui-analytics .filter-manager .filter-panel .filter-vs {
  font-weight: 900;
  color: yellow;
}

.sms-ui-analytics .filter-manager .filter-panel div:hover:after {
  width: 12px;
  height: 12px;
  font-size: 9px;
  padding-top: 1px;
  text-align: center;
  line-height: 12px;
  right: 2px;
  top: -7px;
  border-radius: 50%;
  position: absolute;
  font-family: 'webappsdk';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  content: '\ed6a';
  display: block;
  clear: both;
}

.sms-ui-analytics .filter-manager .predefined-filter {
  cursor: pointer;
  float: left;
  margin-right: 10px;
  padding-right: 10px;
}

.sms-ui-analytics .filter-manager .predefined-filter:last-child {
  border-right: none;
}

.sms-ui-analytics .footer {
  font-size: 12px;
}

.sms-ui-analytics .decorated-panel {
  position: relative;
  border: 1px 1px 0 1px;
  border-style: solid;
  min-height: 35px !important;
  /*& > .content {
		 border-radius: 10px 10px 10px 10px;
	}*/
}

.sms-ui-analytics .decorated-panel .header {
  padding: 1px;
  border-radius: 5px 5px 0px 0px;
}

.sms-ui-analytics .decorated-panel.time-filter-panel .content {
  margin-top: 38px;
}

.sms-ui-analytics .decorated-panel.time-filter-panel .content .filter-manager {
  border: none;
}

.sms-ui-analytics .decorated-panel .dataTable {
  padding-top: 8px;
  width: 100% !important;
}

.sms-ui-analytics .decorated-panel .header {
  position: absolute;
  left: 0;
  right: 0;
}

.sms-ui-analytics .decorated-panel .header .gwt-Label {
  float: left;
}

.sms-ui-analytics .decorated-panel .header:after {
  content: '';
  display: block;
  clear: both;
}

.sms-ui-analytics .decorated-panel .header .icon {
  z-index: 1;
  width: 25px;
  height: 25px;
  float: left;
  margin-top: 5px;
  margin-left: 8px;
  line-height: 30px;
}

.sms-ui-analytics .decorated-panel .content {
  overflow: auto;
}

.sms-ui-analytics .decorated-panel .title {
  margin-left: 20px;
  height: 38px;
  line-height: 38px;
  font-size: large;
}

.sms-ui-analytics .clear {
  clear: both;
}

.sms-ui-analytics .chart-widget .highcharts-container {
  margin-top: 38px;
  height: 383px !important;
  width: 100% !important;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .menu-tab ul {
  margin-top: 5px;
  max-height: 700px;
  overflow-y: auto;
  overflow-x: hidden;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .menu-tab ul li {
  font-size: 13px;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .menu-tab {
  border-radius: 5px 5px 0 0;
  width: auto;
  position: relative;
  float: left;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .menu-tab ul {
  position: absolute;
  top: 20px;
  display: none;
  z-index: 99999 !important;
  min-width: 200px !important;
  width: auto !important;
  padding-left: 0px;
  list-style: none;
  border-radius: 0 3px 3px 3px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 4px 3px;
  padding: 2px;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .menu-tab ul li {
  padding: 2px 3px;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .menu-tab ul li:hover {
  cursor: pointer;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .menu-tab .menu-tab-left {
  left: 0;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .menu-tab .menu-tab-right {
  left: -175px;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers {
  height: 22px;
  position: relative;
  width: -webkit-calc(100%);
  width: calc(100%);
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header {
  padding: 3px;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-property: margin-left, margin-right;
  transition-property: margin-left, margin-right;
  padding-left: 8px;
  cursor: default;
  height: 22px !important;
  font-size: 12px;
  cursor: pointer;
  width: 100%;
  min-width: 0;
  max-width: 160px;
  border-left-width: 2px;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header > .gwt-Label {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header.tab-header-fill {
  -webkit-transition: none;
  transition: none;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header input {
  border: none;
  max-width: 107px;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header .actions {
  width: 0px;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  margin-top: 999990px;
  text-align: right;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header .actions button {
  font-size: 7pt;
  padding-left: 3px;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header .actions button:first-child {
  padding-left: 0px;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header:hover .actions, .sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header.active .actions {
  opacity: 1;
  width: 40px;
  margin-top: 0px;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header:hover > .gwt-Label, .sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header.active > .gwt-Label {
  max-width: 107px;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header.active {
  font-weight: bolder;
  border-radius: 5px 0 0 0;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header.is-dragging {
  z-index: 1;
  box-shadow: none !important;
}

.sms-ui-analytics .tabContainer-panel .tabContainer-header .tab-headers .tab-header:hover {
  border-bottom-width: 0px !important;
}

.sms-ui-analytics .tabContainer-panel .tab-contents .tab-content {
  height: 100%;
  display: none;
}

.sms-ui-analytics .tabContainer-panel .tab-contents .tab-content.active {
  display: block;
}

.sms-ui-analytics .tabContainer-panel .tutorial .box-board {
  padding-top: 50px;
  width: 500px !important;
  margin: auto;
  font-size: 17px;
}

.sms-ui-analytics .tabContainer-panel .tutorial .box-board .gwt-HTML {
  padding: 0.5em;
}

.sms-ui-analytics .tabContainer-panel .tutorial .box-board .title {
  font-weight: bold;
  text-align: center;
}

.sms-ui-analytics .tabContainer-panel .tutorial .box-board b:hover {
  text-decoration: underline;
  cursor: pointer;
}

.sms-ui-analytics .box-board {
  max-width: 1200px !important;
}

.sms-ui-analytics .prefScreen .nav-tabs li:nth-child(3), .sms-ui-analytics .prefScreen .nav-tabs li:nth-child(4), .sms-ui-analytics .prefScreen .nav-tabs li:nth-child(5) {
  display: none;
}

.sms-ui-analytics .main-container {
  bottom: 30px !important;
}

.sms-ui-analytics .main-container > .row {
  margin: 5px 5px 5px 5px !important;
  border-radius: 10px 10px 10px 10px;
}

.sms-ui-analytics .ax-tab-min {
  float: left;
}

.sms-ui-analytics .ax-tab-min input {
  font-size: 13px;
  font-weight: bold;
  border-radius: 4px;
  padding: 5px 0px 7px 7px;
  margin: 5px 5px 0px 20px;
}

.sms-ui-analytics .ax-autocomplete {
  margin: 0% 0 5px 1%;
  float: left;
  overflow: hidden !important;
  font-size: 12px;
  min-width: 180px;
  margin-top: 5px;
  margin-left: 8px;
  margin-right: 15px;
}

.sms-ui-analytics .ax-large-autocomplete {
  margin: 0% 0 5px 1%;
  float: left;
  overflow: hidden !important;
  font-size: 12px;
  min-width: 500px;
  margin-top: 5px;
  margin-left: 8px;
  margin-right: 15px;
}

.sms-ui-analytics .select24-container, .sms-ui-analytics .select24-results {
  font-size: 12px;
  autocomplete: "off";
  /* STAXS-1439  Disable autocomplete*/
}

.sms-ui-analytics .select24-container .select24-search--inline .select24-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 7px;
  padding: 0;
  size: 168px;
}

.sms-ui-analytics .select24-container--default .select24-selection--multiple .select24-selection__choice {
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 6px;
  padding: 0 5px;
}

.sms-ui-analytics .ax-tab-min input, .sms-ui-analytics .axreport .ax-tab-min input {
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  padding: 5px 0px 7px 7px;
  margin: 5px 5px 0px 20px;
}

.sms-ui-analytics .ax-mds-widget {
  width: 100%;
  text-align: center !important;
}

.sms-ui-analytics .ax-mds-widget .bids {
  width: 50%;
  border-right: 1px solid #fff;
}

.sms-ui-analytics .ax-mds-widget .offers {
  width: 50%;
}

.sms-ui-analytics .ax-mds-widget .offers .action {
  position: absolute;
  right: 2px;
  top: 11px;
  font-size: 18px;
  z-index: 5;
}

.sms-ui-analytics .decorated-panel .export {
  margin: 5px;
  margin-top: 50px;
  margin-right: 50px;
}

.sms-ui-analytics .order-details-dialog .modal-body {
  height: 500px;
  overflow: auto;
  font-size: 12px;
}

.sms-ui-analytics .order-details-dialog .value {
  float: right;
  clear: both;
  padding-right: 5px;
}

.sms-ui-analytics .order-details-dialog .label {
  font-size: 100%;
}

.sms-ui-analytics .report-title {
  font-size: 30px;
  padding-left: 20px;
}

.sms-ui-analytics .report-title .help {
  font-size: 17px;
}

.sms-ui-analytics .help {
  cursor: help !important;
}

.sms-ui-analytics .report-
.ax-warning {
  text-align: center;
  border: #a94442 2px solid;
  padding: 20px;
}

.sms-ui-analytics .hidden
.col-xs-1, .sms-ui-analytics .col-sm-1, .sms-ui-analytics .col-md-1, .sms-ui-analytics .col-lg-1, .sms-ui-analytics .col-xs-2, .sms-ui-analytics .col-sm-2, .sms-ui-analytics .col-md-2, .sms-ui-analytics .col-lg-2, .sms-ui-analytics .col-xs-3, .sms-ui-analytics .col-sm-3, .sms-ui-analytics .col-md-3, .sms-ui-analytics .col-lg-3, .sms-ui-analytics .col-xs-4, .sms-ui-analytics .col-sm-4, .sms-ui-analytics .col-md-4, .sms-ui-analytics .col-lg-4, .sms-ui-analytics .col-xs-5, .sms-ui-analytics .col-sm-5, .sms-ui-analytics .col-md-5, .sms-ui-analytics .col-lg-5, .sms-ui-analytics .col-xs-6, .sms-ui-analytics .col-sm-6, .sms-ui-analytics .col-md-6, .sms-ui-analytics .col-lg-6, .sms-ui-analytics .col-xs-7, .sms-ui-analytics .col-sm-7, .sms-ui-analytics .col-md-7, .sms-ui-analytics .col-lg-7, .sms-ui-analytics .col-xs-8, .sms-ui-analytics .col-sm-8, .sms-ui-analytics .col-md-8, .sms-ui-analytics .col-lg-8, .sms-ui-analytics .col-xs-9, .sms-ui-analytics .col-sm-9, .sms-ui-analytics .col-md-9, .sms-ui-analytics .col-lg-9, .sms-ui-analytics .col-xs-10, .sms-ui-analytics .col-sm-10, .sms-ui-analytics .col-md-10, .sms-ui-analytics .col-lg-10, .sms-ui-analytics .col-xs-11, .sms-ui-analytics .col-sm-11, .sms-ui-analytics .col-md-11, .sms-ui-analytics .col-lg-11, .sms-ui-analytics .col-xs-12, .sms-ui-analytics .col-sm-12, .sms-ui-analytics .col-md-12, .sms-ui-analytics .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0px !important;
  padding-left: 0px !important;
  font-size: 12px;
}

.sms-ui-analytics .redock-button {
  float: right;
}

.sms-ui-analytics .redock-button .icon-esc {
  transform: rotate(90deg);
}

.sms-ui-analytics .redock-button .lbl {
  font-size: 13px;
  padding-left: 5px;
}

.sms-ui-analytics .modal-footer .left-button {
  float: left;
}

.sms-ui-analytics .loading-container {
  position: fixed;
  top: 118px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #222222;
  z-index: 99998;
  width: 100%;
  height: 100%;
  opacity: 0.80;
}

.sms-ui-analytics .no-scroll {
  overflow: hidden !important;
}

.sms-ui-analytics .fs-modal .modal-dialog {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

.sms-ui-analytics .fs-modal .modal-content {
  position: absolute;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0;
  box-shadow: none;
}

.sms-ui-analytics .fs-modal .modal-title {
  font-weight: 300;
  font-size: 2em;
  line-height: 30px;
}

.sms-ui-analytics .fs-modal .modal-body {
  position: absolute;
  top: 50px;
  bottom: 60px;
  width: 100%;
  font-weight: 300;
  overflow: auto;
}

.sms-ui-analytics .fs-modal .modal-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  padding: 10px;
}

.sms-ui-analytics .fs-modal .body-style, .sms-ui-analytics .fs-modal .pop-up-ax-widget {
  height: 95%;
}

.sms-ui-analytics .documentation-dialog .modal-body {
  height: 100%;
  width: 600px;
  overflow: auto;
  font-size: 12px;
}

.sms-ui-analytics .documentation-dialog .description {
  font-size: 14px;
  margin-bottom: 10px;
}

.sms-ui-analytics .documentation-dialog .widget {
  border: solid 1px;
  border-radius: 5px;
  padding: 5px;
  margin: 3px;
}

.sms-ui-analytics .documentation-dialog .widget .widget-title {
  border-radius: 5px;
  font-size: 18px;
  padding: 2px 5px 2px 5px;
  margin: 0px 0px 5px 0px;
}

.sms-ui-analytics .documentation-dialog .widget .query {
  margin: 5px 0px 0px 0px;
}

.sms-ui-analytics .documentation-dialog .widget .query .query-title {
  font-size: 15px;
  margin: 0px 0px 5px 0px;
}

.sms-ui-analytics .documentation-dialog .widget .query table.fields {
  width: 100%;
  margin: 10px 0px 0px 0px;
}

.sms-ui-analytics .documentation-dialog .widget .query table.fields td {
  padding: 3px;
}

.sms-ui-analytics .documentation-dialog .widget .query .queryController {
  margin: 10px 0px 0px 0px;
}

.sms-ui-analytics .documentation-dialog .widget .query .queryController .curlController {
  padding: 3px;
  margin: 0px 10px 0px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.sms-ui-analytics .documentation-dialog .widget .query .queryController .viewCosoleController {
  padding: 3px;
  margin: 0px 10px 0px 10px;
  border-radius: 5px;
}

.sms-ui-analytics .documentation-dialog .value {
  float: right;
  clear: both;
  padding-right: 5px;
}

.sms-ui-analytics .documentation-dialog .label {
  font-size: 100%;
}

.sms-ui-analytics .main-layout > .footer .footer-widget {
  width: 100%;
  padding: 2px 2em;
}

.sms-ui-analytics .main-layout > .footer .footer-widget .userguide {
  float: right;
}

.sms-ui-analytics .main-layout > .footer .footer-widget .connectionstatus {
  float: right;
}

.sms-ui-analytics .main-layout > .footer .footer-widget .versions {
  float: right;
}

.sms-ui-analytics .main-layout > .footer .footer-widget .versions div {
  float: left;
  margin: 0 1em;
}

.sms-ui-analytics .main-layout > .footer .footer-widget .serverdate {
  float: right;
}

.sms-ui-analytics .main-layout > .footer .footer-widget .copyright {
  float: right;
}

.sms-ui-analytics .ax-blotter {
  margin-top: 45px;
  margin-left: 5px;
}

.sms-ui-analytics .ax-blotter .dtgb-cell, .sms-ui-analytics .ax-blotter .gwt-Label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .pony-grid-row {
  height: 60px !important;
}

.sms-ui-analytics .ax-blotter .dtgb-atom:not(.comparaison-blotter) .pony-grid-row {
  height: 33px !important;
}

.sms-ui-analytics .ax-blotter .dtgb-atom .gwt-Label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.sms-ui-analytics .ax-blotter .dtgb-atom .pony-grid {
  display: flex;
  flex-direction: column;
  height: 376px;
}

.sms-ui-analytics .ax-blotter .dtgb-atom .pony-grid .dtgb-row-header {
  font-size: 12px;
  color: #BDBDBD;
  line-height: 18px;
}

.sms-ui-analytics .ax-blotter .dtgb-atom .pony-grid .dtgb-row-header > div {
  padding: 0px 5px;
}

.sms-ui-analytics .ax-blotter .dtgb-atom .pony-grid .dtgb-row-header .pony-grid-row {
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
  height: 28px !important;
}

.sms-ui-analytics .ax-blotter .dtgb-atom .pony-grid .dtgb-row-header .pony-grid-row > div {
  line-height: 20px;
}

.sms-ui-analytics .ax-blotter .dtgb-atom .pony-grid .dtgb-row-header .pony-grid-row .dtgb-cell {
  padding: 3px 5px;
}

.sms-ui-analytics .ax-blotter .dtgb-atom .pony-grid .dtgb-cell {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 5px;
}

.sms-ui-analytics .ax-blotter .comparison-bar-cell, .sms-ui-analytics .ax-blotter .comparison-cell {
  display: flex;
  align-items: center;
  gap: 5px;
}

.sms-ui-analytics .ax-blotter .comparison-bar-cell .right, .sms-ui-analytics .ax-blotter .comparison-cell .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-weight: 700;
  flex: 1;
}

.sms-ui-analytics .ax-blotter .comparison-bar-cell .right .bar, .sms-ui-analytics .ax-blotter .comparison-cell .right .bar {
  height: 4px;
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .left {
  min-width: 30px;
  width: 70px;
  max-width: 70px;
  padding: 2px;
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .left .percent-value {
  width: 100%;
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .left .up, .sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .left .down {
  border: 1px solid #333333;
  text-align: center;
  padding: 2px;
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .left .up:before, .sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .left .down:before {
  font-family: 'webappsdk';
  font-size: 8px;
  margin-right: 10px;
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .left .up {
  color: #73E777;
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .left .up:before {
  content: '\edc9';
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .left .down {
  color: #F39090;
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .left .down:before {
  content: '\edcd';
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .comparison-bar-cell .right .value:nth-of-type(4n+1) {
  color: #8EC7F6;
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .comparison-bar-cell .right .bar:nth-of-type(4n+2) {
  background-color: #8EC7F6;
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .comparison-bar-cell .right .value:nth-of-type(4n+3) {
  color: #FFBC85;
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .comparison-bar-cell .right .bar:nth-of-type(4n+4) {
  background-color: #FFBC85;
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .comparison-cell .right .value:nth-of-type(2n+1) {
  color: #8EC7F6;
}

.sms-ui-analytics .ax-blotter .dtgb-atom.comparaison-blotter .comparison-cell .right .value:nth-of-type(2n+2) {
  color: #FFBC85;
}

.sms-ui-analytics .ax-blotter .dtgb-atom:not(.comparaison-blotter) .comparison-bar-cell .right .value, .sms-ui-analytics .ax-blotter .dtgb-atom:not(.comparaison-blotter) .comparison-cell .right .value {
  color: #FFFFFF;
}

.sms-ui-analytics .ax-blotter .dtgb-atom:not(.comparaison-blotter) .comparison-bar-cell .right .bar, .sms-ui-analytics .ax-blotter .dtgb-atom:not(.comparaison-blotter) .comparison-cell .right .bar {
  background-color: #8EC7F6;
}

.sms-ui-analytics .filter-manager .time-panel {
  position: absolute;
  top: 2px;
  right: 0;
  z-index: 20;
  line-height: 20px;
}

.sms-ui-analytics .filter-manager .time-panel > div {
  display: inline-block;
}

.sms-ui-analytics .time-panel {
  margin-right: 10px;
}

.sms-ui-analytics .time-panel .range-selector {
  width: 780px;
}

.sms-ui-analytics .time-panel .refresher {
  width: 150px;
}

.sms-ui-analytics .time-panel .interval {
  display: flex;
  flex-direction: column;
}

.sms-ui-analytics .time-panel .interval .predefined-filter {
  border: none;
}

.sms-ui-analytics .time-panel .quick-interval-panel {
  margin-left: 20px;
}

.sms-ui-analytics .time-panel .interval-selector {
  min-width: max-content;
}

.sms-ui-analytics .main-layout > .header {
  line-height: 30px;
}

.sms-ui-analytics .main-layout > .header .menu-panel h1 {
  font-size: 1em;
  float: left;
  margin: 0px;
  height: 30px;
  line-height: 30px;
  margin-left: 5px;
  font-weight: bold;
  white-space: nowrap;
}

.sms-ui-analytics .main-layout > .header .menu-panel .user-btn-dropdown {
  float: right;
  height: 30px;
  line-height: 30px;
}

.sms-ui-analytics .main-layout > .header .menu-panel .user-btn-dropdown .user-btn {
  height: 30px;
  line-height: 30px;
  border: none;
  min-width: 150px;
  border-radius: 0;
}

.sms-ui-analytics .main-layout > .header .menu-panel .user-btn-dropdown .user-btn .lbl {
  margin-left: 5px;
  margin-right: 5px;
}

.sms-ui-analytics .main-layout > .header .menu-panel .add-esp, .sms-ui-analytics .main-layout > .header .menu-panel .add-rfs, .sms-ui-analytics .main-layout > .header .menu-panel .supervision {
  float: right;
}

.sms-ui-analytics .main-layout > .header .menu-panel .add-esp .lbl, .sms-ui-analytics .main-layout > .header .menu-panel .add-rfs .lbl, .sms-ui-analytics .main-layout > .header .menu-panel .supervision .lbl {
  margin-left: 5px;
  margin-right: 15px;
}

.sms-ui-analytics .main-layout > .header .menu-panel .lp-status {
  float: right;
  margin-right: 1em;
  height: 30px;
  line-height: 30px;
}

.sms-ui-analytics .main-layout > .header .menu-panel .lp-status button {
  border: none;
}

.sms-ui-analytics .main-layout > .header .menu-panel .lp-status .dropdown-menu {
  width: 180px;
  top: 20px;
}

.sms-ui-analytics .main-layout > .header .menu-panel .lp-status .dropdown-menu .btn {
  border-radius: 0;
  display: block;
  margin-bottom: 2px;
  width: 100%;
}

.sms-ui-analytics .main-layout > .header .menu-panel .lp-status .dropdown-menu .btn .icon-circle2 {
  margin-right: 5px;
  float: left;
  display: inline-block;
  vertical-align: middle;
}

.sms-ui-analytics .main-layout > .header .menu-panel .dropdown {
  padding-top: 0px;
}

.sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu {
  right: 0px;
  left: auto;
  top: 40px;
  z-index: 9999;
  padding: 5px;
  width: 300px;
}

.sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu li {
  line-height: 25px;
  margin-left: 5px;
  margin-right: 5px;
}

.sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu li div {
  text-align: left;
}

.sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu li button, .sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu li .bootstrap-switch, .sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu li .gwt-CheckBox, .sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu li .select24-container, .sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu li .ordertype-label, .sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu li .aggress-mode-label, .sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu li .quantity-format-label {
  float: right;
  min-width: 90px;
}

.sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu li .title {
  float: left;
}

.sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu li .select24-container {
  width: 50%;
}

.sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu li .work-the-balance {
  margin: 0px;
}

.sms-ui-analytics .main-layout > .header .menu-panel .dropdown-menu .trading-options {
  font-weight: bold;
  margin-bottom: 5px;
}

.sms-ui-analytics .main-layout > .header .menu-panel .freezone {
  float: right;
  margin-right: 1em;
}

@media print {
  .sms-ui-analytics html,
.sms-ui-analytics body {
    width: 100%;
    height: 5000px !important;
    visibility: visible !important;
    overview: visible !important;
    height: auto;
    overflow-y: overlay;
    text-align: left;
    horizontal-align: middle;
  }
  .sms-ui-analytics body * {
    visibility: visible !important;
    overview: visible !important;
  }
  .sms-ui-analytics .ax-tab-min,
.sms-ui-analytics .tabContainer-header,
.sms-ui-analytics .time-panel,
.sms-ui-analytics .main-layout .header > .menu-panel {
    display: none !important;
  }
  .sms-ui-analytics .axreport {
    height: 100% !important;
    float: left;
    margin: 0px;
  }
  .sms-ui-analytics .axreport * {
    visibility: visible !important;
  }
  .sms-ui-analytics .axreport .decorated-panel {
    border-width: 1px;
    margin: 5px;
  }
  .sms-ui-analytics .axreport .dataTables_length {
    page-break-before: auto;
  }
  .sms-ui-analytics .axreport .dataTables_length .exportBtn {
    display: none !important;
  }
  .sms-ui-analytics .main-layout .primary-area {
    position: relative !important;
  }
  .sms-ui-analytics .highcharts-background {
    height: 0;
  }
  .sms-ui-analytics .col-md-6,
.sms-ui-analytics .col-md-8,
.sms-ui-analytics .col-md-10,
.sms-ui-analytics .col-md-12 {
    width: 205mm;
  }
}

@page {
  .sms-ui-analytics {
    size: A4;
    margin: 0;
  }
}

.sms-ui-analytics .filter-manager .dropdown-menu {
  left: auto;
  right: 0px;
}

.sms-ui-analytics .filter-manager .open > .dropdown-menu {
  display: flex;
}

.sms-ui-analytics .filter-manager .quick-range-panel {
  display: block;
  width: 500px;
}

.sms-ui-analytics .filter-manager .custom-range-panel {
  display: block;
  width: 200px;
  margin-left: 25px;
  margin-right: 25px;
}

.sms-ui-analytics .filter-manager .custom-range-panel input.form-control {
  width: 180px;
  padding: 0px;
  text-align: center;
  margin: 0px;
}

.sms-ui-analytics .filter-manager .input-panel {
  float: left;
  margin-bottom: 10px;
}

.sms-ui-analytics .filter-manager .button-apply {
  margin-top: 6px;
  margin-left: 8px;
}

.sms-ui-analytics .filter-manager .button-panel {
  position: absolute;
  bottom: 0;
}

.sms-ui-analytics .filter-manager .refresh-button {
  margin-left: 5px;
  margin-right: 5px;
}

.sms-ui-analytics .filter-manager .columns {
  display: flex;
  flex-direction: row;
}

.sms-ui-analytics .filter-manager .column {
  display: flex;
  flex-direction: column;
}

.sms-ui-analytics span.lbl {
  margin-left: 5px;
  margin-right: 5px;
}

.sms-ui-analytics .ax-autocomplete input {
  font-weight: bold;
}

.sms-ui-analytics table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}

.sms-ui-analytics table.dataTable thead th,
.sms-ui-analytics table.dataTable tfoot th {
  font-weight: bold;
}

.sms-ui-analytics table.dataTable thead th:active,
.sms-ui-analytics table.dataTable thead td:active,
.sms-ui-analytics table.dataTable tfoot th:active,
.sms-ui-analytics table.dataTable tfoot td:active {
  outline: none;
}

.sms-ui-analytics table.dataTable tfoot th,
.sms-ui-analytics table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
}

.sms-ui-analytics table.dataTable thead .sorting,
.sms-ui-analytics table.dataTable thead .sorting_asc,
.sms-ui-analytics table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}

.sms-ui-analytics table.dataTable thead .sorting,
.sms-ui-analytics table.dataTable thead .sorting_asc,
.sms-ui-analytics table.dataTable thead .sorting_desc,
.sms-ui-analytics table.dataTable thead .sorting_asc_disabled,
.sms-ui-analytics table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}

.sms-ui-analytics table.dataTable tbody th,
.sms-ui-analytics table.dataTable tbody td {
  padding: 8px 10px;
}

.sms-ui-analytics table.dataTable.row-border tbody tr:first-child th,
.sms-ui-analytics table.dataTable.row-border tbody tr:first-child td, .sms-ui-analytics table.dataTable.display tbody tr:first-child th,
.sms-ui-analytics table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

.sms-ui-analytics table.dataTable.cell-border tbody tr:first-child th,
.sms-ui-analytics table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

.sms-ui-analytics table.dataTable.nowrap th, .sms-ui-analytics table.dataTable.nowrap td {
  white-space: nowrap;
}

.sms-ui-analytics table.dataTable.compact thead th,
.sms-ui-analytics table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}

.sms-ui-analytics table.dataTable.compact tfoot th,
.sms-ui-analytics table.dataTable.compact tfoot td {
  padding: 4px;
}

.sms-ui-analytics table.dataTable.compact tbody th,
.sms-ui-analytics table.dataTable.compact tbody td {
  padding: 4px;
}

.sms-ui-analytics table.dataTable th.dt-left,
.sms-ui-analytics table.dataTable td.dt-left {
  text-align: left;
}

.sms-ui-analytics table.dataTable th.dt-center,
.sms-ui-analytics table.dataTable td.dt-center,
.sms-ui-analytics table.dataTable td.dataTables_empty {
  text-align: center;
}

.sms-ui-analytics table.dataTable th.dt-right,
.sms-ui-analytics table.dataTable td.dt-right {
  text-align: right;
}

.sms-ui-analytics table.dataTable th.dt-justify,
.sms-ui-analytics table.dataTable td.dt-justify {
  text-align: justify;
}

.sms-ui-analytics table.dataTable th.dt-nowrap,
.sms-ui-analytics table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

.sms-ui-analytics table.dataTable thead th.dt-head-left,
.sms-ui-analytics table.dataTable thead td.dt-head-left,
.sms-ui-analytics table.dataTable tfoot th.dt-head-left,
.sms-ui-analytics table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

.sms-ui-analytics table.dataTable thead th.dt-head-center,
.sms-ui-analytics table.dataTable thead td.dt-head-center,
.sms-ui-analytics table.dataTable tfoot th.dt-head-center,
.sms-ui-analytics table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

.sms-ui-analytics table.dataTable thead th.dt-head-right,
.sms-ui-analytics table.dataTable thead td.dt-head-right,
.sms-ui-analytics table.dataTable tfoot th.dt-head-right,
.sms-ui-analytics table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

.sms-ui-analytics table.dataTable thead th.dt-head-justify,
.sms-ui-analytics table.dataTable thead td.dt-head-justify,
.sms-ui-analytics table.dataTable tfoot th.dt-head-justify,
.sms-ui-analytics table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

.sms-ui-analytics table.dataTable thead th.dt-head-nowrap,
.sms-ui-analytics table.dataTable thead td.dt-head-nowrap,
.sms-ui-analytics table.dataTable tfoot th.dt-head-nowrap,
.sms-ui-analytics table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

.sms-ui-analytics table.dataTable tbody th.dt-body-left,
.sms-ui-analytics table.dataTable tbody td.dt-body-left {
  text-align: left;
}

.sms-ui-analytics table.dataTable tbody th.dt-body-center,
.sms-ui-analytics table.dataTable tbody td.dt-body-center {
  text-align: center;
}

.sms-ui-analytics table.dataTable tbody th.dt-body-right,
.sms-ui-analytics table.dataTable tbody td.dt-body-right {
  text-align: right;
}

.sms-ui-analytics table.dataTable tbody th.dt-body-justify,
.sms-ui-analytics table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

.sms-ui-analytics table.dataTable tbody th.dt-body-nowrap,
.sms-ui-analytics table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

.sms-ui-analytics table.dataTable,
.sms-ui-analytics table.dataTable th,
.sms-ui-analytics table.dataTable td {
  box-sizing: content-box;
}

.sms-ui-analytics .dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}

.sms-ui-analytics .dataTables_wrapper .dataTables_length {
  float: left;
}

.sms-ui-analytics .dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.sms-ui-analytics .dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}

.sms-ui-analytics .dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
  bottom: 0;
}

.sms-ui-analytics .dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}

.sms-ui-analytics .dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  border-radius: 2px;
}

.sms-ui-analytics .dataTables_wrapper .dataTables_paginate .paginate_button.current, .sms-ui-analytics .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, gainsboro 100%);
  /* W3C */
}

.sms-ui-analytics .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .sms-ui-analytics .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .sms-ui-analytics .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  box-shadow: none;
}

.sms-ui-analytics .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
}

.sms-ui-analytics .dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.sms-ui-analytics .dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.sms-ui-analytics .dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.sms-ui-analytics .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.sms-ui-analytics .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .sms-ui-analytics .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: middle;
}

.sms-ui-analytics .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.sms-ui-analytics .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.sms-ui-analytics .dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.sms-ui-analytics .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}

.sms-ui-analytics .dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .sms-ui-analytics .dataTables_wrapper .dataTables_info,
.sms-ui-analytics .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .sms-ui-analytics .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}

@media screen and (max-width: 640px) {
  .sms-ui-analytics .dataTables_wrapper .dataTables_length,
.sms-ui-analytics .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .sms-ui-analytics .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

.sms-ui-analytics .ax-datatable .sorting {
  position: relative;
}

.sms-ui-analytics .ax-datatable .sorting::after {
  font-family: "webappsdk";
  content: "\ee45";
  position: absolute;
  top: 7px;
  right: 2px;
  line-height: 100%;
  font-size: 12px;
}

.sms-ui-analytics .ax-datatable .sorting_asc {
  position: relative;
}

.sms-ui-analytics .ax-datatable .sorting_asc::after {
  font-family: "webappsdk";
  content: "\ee4d";
  position: absolute;
  top: 7px;
  right: 2px;
  line-height: 100%;
  font-size: 12px;
}

.sms-ui-analytics .ax-datatable .sorting_desc {
  position: relative;
}

.sms-ui-analytics .ax-datatable .sorting_desc::after {
  font-family: "webappsdk";
  content: "\ee4e";
  position: absolute;
  top: 7px;
  right: 2px;
  line-height: 100%;
  font-size: 12px;
}

.sms-ui-analytics .col-md-3 .ax-datatable .dataTables_length {
  display: none;
}

.sms-ui-analytics .col-md-3 .ax-datatable .dataTables_wrapper {
  padding-top: 30px;
}

.sms-ui-analytics .col-md-3 .ax-datatable .exportBtn {
  right: 16px;
}

.sms-ui-analytics .exportBtn .dd-container-widget {
  border: none;
  background: none;
  padding: 0;
}

.sms-ui-analytics .exportBtn .dd-container-widget .dd-container-button:after {
  padding: .2em;
  font-family: 'webappsdk';
  content: '\ea84';
}

.sms-ui-analytics .exportBtn .dd-container-widget .dd-container-state {
  display: none;
}

.sms-ui-analytics .ax-datatable .datatable-header {
  padding: 0 0;
  text-align: center;
}

.sms-ui-analytics .ax-datatable .dataTable thead tr th, .sms-ui-analytics .ax-datatable .dataTable tfoot tr th {
  text-align: center;
  padding: 5px;
  white-space: nowrap;
}

.sms-ui-analytics .ax-datatable .dataTable tbody th, .sms-ui-analytics .ax-datatable .dataTable tbody td {
  padding: 2px;
  white-space: nowrap;
}

.sms-ui-analytics .ax-datatable .exportBtn {
  position: absolute;
  right: 160px;
  top: 8px;
  z-index: 10;
}

.sms-ui-analytics .ax-datatable .ax-tab-min .dataTables_length {
  visibility: hidden;
}

.sms-ui-analytics .ax-datatable .ax-tab-min .dataTables_filter {
  display: none;
}

.sms-ui-analytics .ax-datatable tbody tr td {
  text-align: center;
}

.sms-ui-analytics .ax-datatable .dataTables_wrapper .row-action tbody tr td:nth-child(1) {
  cursor: auto;
}

.sms-ui-analytics .ax-datatable .ax-mds-widget .dataTables_paginate, .sms-ui-analytics .ax-datatable .ax-mds-widget .dataTables_info {
  display: none !important;
}

.sms-ui-analytics .ax-datatable .dataTables_wrapper .dataTables_info {
  padding-left: 10px;
  width: 100%;
  position: absolute;
  height: 30px;
}

.sms-ui-analytics .ax-datatable .dataTables_wrapper .dataTables_filter {
  padding: 8px 10px 0;
  z-index: 2;
}

.sms-ui-analytics .ax-datatable .dataTables_wrapper .dataTables_filter label {
  line-height: 20px;
}

.sms-ui-analytics .ax-datatable .dataTables_wrapper .dataTables_filter input {
  border: 0;
  vertical-align: bottom;
}

.sms-ui-analytics .ax-datatable .dataTables_wrapper .dataTables_length {
  padding: 10px 10px 0;
  float: right;
  z-index: 2;
}

.sms-ui-analytics .ax-datatable .dataTables_wrapper .dataTables_length label {
  margin-bottom: 2px;
}

.sms-ui-analytics .ax-datatable .dataTables_wrapper .dataTables_length select {
  margin: 0 3px;
}

.sms-ui-analytics .ax-datatable .dataTables_wrapper .dataTables_paginate {
  padding-top: 0;
  z-index: 1;
  position: relative;
}

.sms-ui-analytics .ax-datatable .dataTables_wrapper .dataTable thead tr th {
  padding-right: 16px;
}

.sms-ui-analytics .ax-datatable .dataTables_wrapper .dataTable thead tr th:last-child, .sms-ui-analytics .ax-datatable .dataTables_wrapper .dataTable tfoot tr th:last-child {
  border-right: none;
}

.sms-ui-analytics .ax-datatable .col-action {
  float: right;
  margin-right: 5px;
  margin-top: 2px;
}

.sms-ui-analytics .ax-datatable .cell-hover {
  position: relative;
}

.sms-ui-analytics .ax-datatable .cell-hover .cell-actions {
  position: absolute;
  float: right;
  white-space: nowrap;
  right: 0;
  display: none;
  padding-right: 5px;
  padding-left: 5px;
}

.sms-ui-analytics .ax-datatable .cell-hover:hover .cell-actions {
  display: inline;
}

.sms-ui-analytics .ax-datatable .cell-action, .sms-ui-analytics .ax-datatable .row-action {
  cursor: pointer;
  padding-right: 5px;
}

.sms-ui-analytics .top_3rd {
  background-color: green;
  color: white;
  display: block;
}

.sms-ui-analytics .middle_3rd {
  background-color: yellow;
  color: black;
  display: block;
}

.sms-ui-analytics .bottom_3rd {
  background-color: red;
  color: white;
  display: block;
}

.sms-ui-analytics span.comparison {
  font-size: 1.2em;
  display: block;
  font-weight: 900;
  line-height: 0.9em;
}

.sms-ui-analytics span.better {
  color: green;
}

.sms-ui-analytics span.worse {
  color: red;
}

.sms-ui-analytics span.comparison-details {
  font-size: 0.8em;
}

.sms-ui-analytics .highcharts-tooltip td.value {
  padding-right: 10px;
  text-align: right;
}

.sms-ui-analytics .highcharts-tooltip td.item {
  padding-left: 10px;
}

.sms-ui-analytics .highcharts-tooltip td.row {
  vertical-align: top;
}

.sms-ui-analytics .chart-widget .select-all {
  bottom: 7px;
  left: 30px;
  position: absolute;
}

.sms-ui-analytics .gears {
  width: 350px;
  margin: 100px auto;
  display: block;
  text-align: center;
  font-weight: bold;
  font-family: Arial;
}

.sms-ui-analytics .gears .gear-loader-big {
  content: url(../img/gear-big.png);
  -moz-animation: rotate 1.5s linear infinite;
  -o-animation: rotate 1.5s linear infinite;
  animation: rotate 1.5s linear infinite;
}

.sms-ui-analytics .gears .gear-loader-small {
  content: url(../img/gear-small.png);
  -moz-animation: reverseRotate 1.5s linear infinite;
  -o-animation: reverseRotate 1.5s linear infinite;
  animation: reverseRotate 1.5s linear infinite;
}

.sms-ui-analytics .gears .big {
  width: 100px;
  height: 100px;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-animation: rotate 1.5s linear infinite;
  -moz-animation: rotate 1.5s linear infinite;
  -o-animation: rotate 1.5s linear infinite;
  animation: rotate 1.5s linear infinite;
}

.sms-ui-analytics .gears .small {
  width: 70px;
  height: 70px;
  margin-left: -6px;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-animation: reverseRotate 1.5s linear infinite;
  -moz-animation: reverseRotate 1.5s linear infinite;
  -o-animation: reverseRotate 1.5s linear infinite;
  animation: reverseRotate 1.5s linear infinite;
}

.sms-ui-analytics .gears .text {
  margin-top: 10px;
  font-size: 25px;
}

.sms-ui-analytics .gears .pulse {
  animation-name: pulse;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@-o-keyframes rotate {
  0% {
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@-webkit-keyframes reverseRotate {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@-moz-keyframes reverseRotate {
  0% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
}

@-o-keyframes reverseRotate {
  0% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes reverseRotate {
  0% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}

.sms-ui-analytics .overflow-visible {
  overflow: visible !important;
}

.sms-ui-analytics .axreport {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
}

.sms-ui-analytics .report {
  font-size: 1.2em;
  overflow: auto;
  height: 100%;
  position: relative;
}

.sms-ui-analytics2 {
  /*
 * Table styles
 */
  /*
 * Control feature layout
 */
}

.sms-ui-analytics2 .axreport .col-1 > *, .sms-ui-analytics2 .axreport .col-2 > *, .sms-ui-analytics2 .axreport .col-3 > *, .sms-ui-analytics2 .axreport .col-4 > *, .sms-ui-analytics2 .axreport .col-5 > *, .sms-ui-analytics2 .axreport .col-6 > *, .sms-ui-analytics2 .axreport .col-7 > *, .sms-ui-analytics2 .axreport .col-8 > *, .sms-ui-analytics2 .axreport .col-9 > *, .sms-ui-analytics2 .axreport .col-10 > *, .sms-ui-analytics2 .axreport .col-11 > *, .sms-ui-analytics2 .axreport .col-12 > *, .sms-ui-analytics2 .axreport .decorated-panel {
  flex-grow: 1;
}

.sms-ui-analytics2 .axreport .col-1, .sms-ui-analytics2 .axreport .col-2, .sms-ui-analytics2 .axreport .col-3, .sms-ui-analytics2 .axreport .col-4, .sms-ui-analytics2 .axreport .col-5, .sms-ui-analytics2 .axreport .col-6, .sms-ui-analytics2 .axreport .col-7, .sms-ui-analytics2 .axreport .col-8, .sms-ui-analytics2 .axreport .col-9, .sms-ui-analytics2 .axreport .col-10, .sms-ui-analytics2 .axreport .col-11, .sms-ui-analytics2 .axreport .col-12 {
  flex-grow: 1;
  display: flex;
  height: fit-content;
}

.sms-ui-analytics2 .axreport .line {
  display: flex;
  width: 100%;
}

.sms-ui-analytics2 .axreport .form {
  padding: 15px;
}

.sms-ui-analytics2 .axreport .form .line {
  padding-top: 5px;
}

.sms-ui-analytics2 .axreport .form button[type="submit"] {
  margin-top: 20px;
}

.sms-ui-analytics2 .axreport input[type="radio"], .sms-ui-analytics2 .axreport input[type="checkbox"] {
  margin: 0;
  flex-grow: unset;
}

.sms-ui-analytics2 .axreport * {
  flex-wrap: wrap;
  flex-direction: row;
}

.sms-ui-analytics2 .axreport .dd-container-widget {
  flex-wrap: nowrap;
}

.sms-ui-analytics2 .axreport .message-panel {
  margin-left: 10px;
  flex-grow: 1;
  width: 100%;
}

.sms-ui-analytics2 .axreport .model-editor table {
  width: 100%;
  margin-top: 15px;
}

.sms-ui-analytics2 .axreport .model-editor table td, .sms-ui-analytics2 .axreport .model-editor table th {
  padding: 2px;
  text-align: center;
}

@media (min-width: 1200px) {
  .sms-ui-analytics2 .col-12 {
    width: 100%;
  }
  .sms-ui-analytics2 .col-11 {
    width: 91.66666667%;
  }
  .sms-ui-analytics2 .col-10 {
    width: 83.33333333%;
  }
  .sms-ui-analytics2 .col-9 {
    width: 75%;
  }
  .sms-ui-analytics2 .col-8 {
    width: 66.66666667%;
  }
  .sms-ui-analytics2 .col-7 {
    width: 58.33333333%;
  }
  .sms-ui-analytics2 .col-6 {
    width: 50%;
  }
  .sms-ui-analytics2 .col-5 {
    width: 41.66666667%;
  }
  .sms-ui-analytics2 .col-4 {
    width: 33.33333333%;
  }
  .sms-ui-analytics2 .col-3 {
    width: 25%;
  }
  .sms-ui-analytics2 .col-2 {
    width: 16.66666667%;
  }
  .sms-ui-analytics2 .col-1 {
    width: 8.33333333%;
  }
}

.sms-ui-analytics2 .cluster-migration {
  margin: 10px;
  padding: 15px;
  position: relative;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  box-sizing: border-box;
  border-radius: 5px;
}

.sms-ui-analytics2 .cluster-migration .title {
  text-transform: uppercase;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 20px;
  font-size: large;
}

.sms-ui-analytics2 .cluster-migration .form {
  margin: 15px;
  margin-top: 45px;
  height: calc(100% - 60px);
}

.sms-ui-analytics2 .cluster-migration .form .pony-grid-row {
  width: 100% !important;
}

.sms-ui-analytics2 .cluster-migration .line {
  display: flex;
  padding-top: 5px;
}

.sms-ui-analytics2 .cluster-migration .paramLabel {
  padding-left: 10px;
  padding-right: 10px;
  width: 150px;
}

.sms-ui-analytics2 .cluster-migration .dd-listbox, .sms-ui-analytics2 .cluster-migration .gwt-DateBox, .sms-ui-analytics2 .cluster-migration .gwt-TextBox {
  width: 400px;
}

.sms-ui-analytics2 .cluster-migration .createButton {
  margin-left: 10px;
  width: 540px;
}

.sms-ui-analytics2 .features-selectors-panel {
  display: flex;
  padding-left: 10px;
}

.sms-ui-analytics2 .gutter {
  background-repeat: no-repeat;
  background-position: 50%;
}

.sms-ui-analytics2 .gutter.gutter-horizontal {
  background-image: url("grips/vertical.png");
  cursor: ew-resize;
}

.sms-ui-analytics2 .gutter.gutter-vertical {
  background-image: url("grips/horizontal.png");
  cursor: ns-resize;
}

.sms-ui-analytics2 .split {
  box-sizing: border-box;
}

.sms-ui-analytics2 .split, .sms-ui-analytics2 .gutter.gutter-horizontal {
  height: 100%;
  float: left;
}

.sms-ui-analytics2 .split {
  overflow-y: auto;
  overflow-x: hidden;
}

.sms-ui-analytics2 .pony-LoadingMessageBox {
  position: absolute;
}

.sms-ui-analytics2 * {
  box-sizing: border-box;
}

.sms-ui-analytics2 html, .sms-ui-analytics2 body, .sms-ui-analytics2 .window, .sms-ui-analytics2 .main-container {
  height: 100%;
}

.sms-ui-analytics2 body {
  overflow: hidden;
}

.sms-ui-analytics2 .main-layout .blotters-area {
  overflow: hidden;
}

.sms-ui-analytics2 .main-layout .blotters-area .tabContainer-panel {
  height: 100%;
}

.sms-ui-analytics2 .main-layout .blotters-area .tabContainer-panel .menu-tab {
  padding-top: 2px;
  margin-right: 4px;
}

.sms-ui-analytics2 .main-layout .footer {
  position: absolute;
  height: 0px;
  bottom: 0;
  width: 100%;
}

.sms-ui-analytics2 .pop-red {
  font-size: 13px;
  border: 1px solid red;
}

.sms-ui-analytics2 .pop-red .danger {
  border-radius: 2px;
  padding: 3px;
}

.sms-ui-analytics2 .pop-green {
  font-size: 13px;
  border: 1px solid green;
}

.sms-ui-analytics2 .pop-green .info {
  border-radius: 2px;
  padding: 3px;
}

.sms-ui-analytics2 .decorated-panel-report {
  flex-basis: calc(25% - 24px);
  margin: 12px;
  webkit-box-flex: 0;
  ms-flex-positive: 0;
  flex-grow: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  webkit-box-orient: vertical;
  webkit-box-direction: normal;
  ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
}

.sms-ui-analytics2 .headerPanelReport {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  webkit-box-orient: vertical;
  webkit-box-direction: normal;
  ms-flex-direction: column;
  flex-direction: column;
  padding: 16px;
  min-height: 1px;
  webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
  box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
  border-radius: 4px;
  webkit-box-flex: 1;
  ms-flex-positive: 1;
  flex-grow: 1;
}

.sms-ui-analytics2 .euiPage {
  max-width: 1300px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  margin-left: auto;
  margin-right: auto;
}

.sms-ui-analytics2 .euiPageBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  webkit-box-orient: vertical;
  webkit-box-direction: normal;
  ms-flex-direction: column;
  flex-direction: column;
  webkit-box-align: stretch;
  ms-flex-align: stretch;
  align-items: stretch;
  webkit-box-flex: 1;
  ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin-left: auto;
  margin-right: auto;
}

.sms-ui-analytics2 .euiTitle {
  font-size: 36px;
  line-height: 1.25;
  font-weight: 300;
  line-height: 3rem;
}

.sms-ui-analytics2 .euiFlexGrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.sms-ui-analytics2 .report-Description-Widget {
  padding-top: 8px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  display: block;
  font-weight: 500;
}

.sms-ui-analytics2 .report-title-Widget {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.25;
  font-weight: 300;
  letter-spacing: -.05em;
  line-height: 2.5rem;
  letter-spacing: -.04em;
}

.sms-ui-analytics2 .euiTabs {
  scrollbar-width: thin;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.sms-ui-analytics2 .euiTabs:before {
  max-width: 1250px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  content: '';
}

.sms-ui-analytics2 .BUTTON-TabList {
  font-size: 22px;
  line-height: 2;
  position: relative;
  cursor: pointer;
  padding: 7px 18px;
}

.sms-ui-analytics2 .euiSpacer {
  height: 24px;
}

.sms-ui-analytics2 .analytics_report_salesMargin .row1 {
  height: 420px;
  overflow: hidden;
}

.sms-ui-analytics2 .analytics_report_salesMargin .row1 .counter-summary div.col-md-12 {
  height: 75px;
}

.sms-ui-analytics2 .analytics_report_salesMargin .row1 .counter-summary .content {
  height: 420px;
}

.sms-ui-analytics2 .analytics_report_salesMargin .row1 .fwd-spot div.col-md-12 {
  height: 200px;
}

.sms-ui-analytics2 .analytics_report_salesMargin .row1 .fwd-spot .content {
  height: 420px;
}

.sms-ui-analytics2 .main-container {
  display: flex;
  height: 100%;
}

.sms-ui-analytics2 .main-container .axreport {
  overflow: auto;
}

.sms-ui-analytics2 .main-container .ax-datatable {
  position: relative;
}

.sms-ui-analytics2 .main-container .ax-datatable .exportBtn {
  left: 5px;
  width: 22px;
}

.sms-ui-analytics2 .main-container .decorated-panel .header {
  position: relative;
}

.sms-ui-analytics2 .poc-container {
  display: flex;
  height: 100%;
  background-color: #ededed;
}

.sms-ui-analytics2 .poc-container .header-panel {
  border-radius: 10px;
  margin: 5px 5px 0px 5px !important;
}

.sms-ui-analytics2 .poc-container .poc-content-container {
  flex-grow: 1;
  position: relative;
  overflow-x: auto;
}

.sms-ui-analytics2 .poc-container .poc-content-container .axreport {
  overflow: auto;
}

.sms-ui-analytics2 .poc-container .poc-content-container .ax-datatable {
  position: relative;
}

.sms-ui-analytics2 .poc-container .poc-content-container .ax-datatable .exportBtn {
  left: 5px;
  width: 22px;
}

.sms-ui-analytics2 .poc-container .poc-content-container .decorated-panel .header {
  position: relative;
}

.sms-ui-analytics2 .poc-container .am-menu {
  background-color: #fff;
  width: 250px;
  height: 100%;
  overflow: auto;
  flex-shrink: 0;
}

.sms-ui-analytics2 .poc-container .am-menu .am-item {
  color: #7b747b;
  cursor: pointer;
  width: 100%;
  font-size: 14px;
  text-transform: capitalize;
  padding-left: 5px;
  padding-inline-end: 20px;
  position: relative;
  line-height: 30px;
  border-left: 5px solid transparent;
  border-bottom: 1px solid #e5e5e5;
  transition: border 500ms ease-out;
}

.sms-ui-analytics2 .poc-container .am-menu .am-item:hover {
  color: black;
  font-weight: bold;
  border-left-color: black;
}

.sms-ui-analytics2 .poc-container .am-menu .am-selected-item {
  color: black;
  font-weight: bold;
  border-left-color: transparent !important;
}

.sms-ui-analytics2 .poc-container .am-menu .am-node-container .am-node {
  max-height: 0;
  overflow: hidden;
  transition: max-height 300ms ease-out;
  padding-left: 10px;
}

.sms-ui-analytics2 .poc-container .am-menu .am-node-container[am-open] .am-node {
  max-height: 1000px;
}

.sms-ui-analytics2 .poc-container .am-menu .am-node-container[am-open] > :first-child::after {
  content: '\edc6';
}

.sms-ui-analytics2 .poc-container .am-menu .am-node-container > :first-child {
  text-transform: uppercase;
  color: black;
}

.sms-ui-analytics2 .poc-container .am-menu .am-node-container > :first-child::after {
  content: '\edc5';
  font-family: "webappsdk";
  font-size: 14px;
  line-height: 30px;
  color: black;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  display: flex;
  justify-content: center;
}

.sms-ui-analytics2 .poc-container .ccr-chart {
  background-color: white;
  padding: 3px;
}

.sms-ui-analytics2 .poc-container .ccr-chart .ccr-row {
  background-color: #f8f5f5;
  border-left: 8px solid;
  padding: 4px;
  margin: 4px;
  border-radius: 4px;
  height: 65px;
}

.sms-ui-analytics2 .poc-container .ccr-chart .ccr-row .ccr-title {
  font-size: 14px;
}

.sms-ui-analytics2 .poc-container .ccr-chart .ccr-row .ccr-subtitle {
  font-size: 12px;
  font-weight: bold;
}

.sms-ui-analytics2 .poc-container .ccr-chart .ccr-row .ccr-value {
  height: 4px;
  margin: 6px 4px 4px;
  border-radius: 8px;
  background-color: #d3d3d3;
}

.sms-ui-analytics2 .poc-container .ccr-chart .ccr-row .ccr-value .ccr-progress {
  background-color: #000;
  height: 100%;
  border-radius: inherit;
}

.sms-ui-analytics2 .decorated-panel {
  margin: 0;
  border-radius: 5px;
  background: white;
  border: 1px solid #8E8E8E;
  color: black;
}

.sms-ui-analytics2 .decorated-panel .header {
  border-radius: 0 !important;
}

.sms-ui-analytics2 .decorated-panel > .content {
  border-radius: 0 !important;
}

.sms-ui-analytics2 .report-title {
  display: none;
}

.sms-ui-analytics2 .filter-panel {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}

.sms-ui-analytics2 .header-panel {
  padding: 10px;
  margin: 0;
  background: #d9d9d9;
  border-bottom: 1px solid #8E8E8E;
  color: black;
}

.sms-ui-analytics2 .filter-manager {
  border-style: none;
}

.sms-ui-analytics2 .time-panel {
  display: flex;
  gap: 5px;
}

.sms-ui-analytics2 .time-panel .refresh-panel {
  display: flex;
}

.sms-ui-analytics2 .time-panel .refresh-panel .manual-refresh {
  border-radius: 5px 0 0 5px !important;
}

.sms-ui-analytics2 .time-panel .refresh-panel .delay-selection button {
  border-radius: 0 5px 5px 0 !important;
}

.sms-ui-analytics2 .filters {
  position: relative;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding-left: 25px;
}

.sms-ui-analytics2 .filters::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '\ee88';
  font-family: 'webappsdk';
  font-size: 16px;
  color: black;
  width: 20px;
  line-height: 26px;
  height: 26px;
}

.sms-ui-analytics2 .filters .filter {
  width: 250px;
}

.sms-ui-analytics2 .main-container {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.sms-ui-analytics2 .axreport {
  padding-right: 10px !important;
  display: flex;
  font-size: 12px !important;
  flex-wrap: wrap;
}

.sms-ui-analytics2 .axreport .decorated-panel {
  margin-top: 10px;
  margin-left: 10px;
  overflow-y: hidden;
}

.sms-ui-analytics2 .volume-widget {
  display: flex;
  padding: 10px 0;
  margin: 20px;
  width: calc(100% - 40px);
  justify-content: center;
  overflow: auto;
}

.sms-ui-analytics2 .volume-widget .volume-component {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 10px 0 10px 0;
}

.sms-ui-analytics2 .volume-widget .volume-component .volume-value {
  margin: 0 !important;
}

.sms-ui-analytics2 .volume-widget .volume-component:only-child, .sms-ui-analytics2 .volume-widget .volume-component:last-child {
  border: 0 !important;
}

.sms-ui-analytics2 .table-parent .header .title {
  max-width: calc(100% - 260px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sms-ui-analytics2 .ax-datatable .exportBtn {
  position: absolute;
  left: auto !important;
  right: 140px;
  top: -27px;
  height: 30px;
  line-height: 30px;
}

.sms-ui-analytics2 .ax-datatable .exportBtn::after {
  content: '';
  height: 20px;
  border-right: 1px solid #8E8E8E;
  position: absolute;
  top: 5px;
  right: 0;
}

.sms-ui-analytics2 .ax-datatable .dataTables_length {
  position: absolute;
  right: 5px;
  top: -27px;
  padding: 0 !important;
}

.sms-ui-analytics2 .ax-datatable .dataTables_length label {
  height: 30px !important;
  line-height: 30px !important;
  margin-bottom: 0 !important;
  width: 130px;
}

.sms-ui-analytics2 .clear-left {
  clear: left;
}

.sms-ui-analytics2 .volume-widget h1 {
  margin-top: 45px;
  font-size: 28px;
  text-align: center;
}

.sms-ui-analytics2 .volume-widget div {
  text-align: center;
}

.sms-ui-analytics2 .filter-manager {
  margin: 0px;
  border-width: 1px;
  border-style: solid;
}

.sms-ui-analytics2 .filter-manager input[type="text"] {
  float: left;
  margin-right: 5px;
  padding-left: 5px;
  height: 22px;
  margin-top: -1px;
}

.sms-ui-analytics2 .filter-manager button {
  cursor: pointer;
}

.sms-ui-analytics2 .filter-manager .filter-panel div {
  float: left;
  margin-right: 10px;
  padding: 2px 10px 0 0;
  margin-bottom: 10px;
  position: relative;
}

.sms-ui-analytics2 .time-panel .predefined-filter {
  cursor: pointer;
  margin-right: 10px;
  padding-right: 10px;
}

.sms-ui-analytics2 .footer {
  font-size: 12px;
}

.sms-ui-analytics2 .decorated-panel {
  position: relative;
  border: 1px 1px 0 1px;
  border-style: solid;
}

.sms-ui-analytics2 .decorated-panel .header {
  padding: 1px;
  border-radius: 5px 5px 0px 0px;
}

.sms-ui-analytics2 .decorated-panel > .content {
  border-radius: 10px 10px 10px 10px;
}

.sms-ui-analytics2 .decorated-panel.time-filter-panel .content {
  margin-top: 38px;
}

.sms-ui-analytics2 .decorated-panel.time-filter-panel .content .filter-manager {
  border: none;
}

.sms-ui-analytics2 .decorated-panel .dataTable {
  padding-top: 8px;
  width: 100% !important;
}

.sms-ui-analytics2 .decorated-panel .header {
  position: absolute;
  left: 0;
  right: 0;
}

.sms-ui-analytics2 .decorated-panel .header .gwt-Label {
  float: left;
}

.sms-ui-analytics2 .decorated-panel .header:after {
  content: '';
  display: block;
  clear: both;
}

.sms-ui-analytics2 .decorated-panel .header .icon {
  z-index: 1;
  width: 25px;
  height: 25px;
  float: left;
  margin-top: 5px;
  margin-left: 8px;
  line-height: 30px;
}

.sms-ui-analytics2 .decorated-panel .title {
  margin-left: 5px;
  line-height: 20px;
  font-size: large;
  margin-top: 8px;
  max-width: calc(100% - 105px);
  overflow: hidden;
  cursor: default;
}

.sms-ui-analytics2 .clear {
  clear: both;
}

.sms-ui-analytics2 .chart-widget {
  position: relative;
  width: 100%;
  padding: 25px 0;
}

.sms-ui-analytics2 .chart-widget .highcharts-container {
  width: 100% !important;
}

.sms-ui-analytics2 .chart-widget .highcharts-container .highcharts-root {
  width: 100% !important;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .menu-tab ul {
  margin-top: 5px;
  max-height: 700px;
  overflow-y: auto;
  overflow-x: hidden;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .menu-tab ul li {
  font-size: 13px;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .menu-tab {
  border-radius: 5px 5px 0 0;
  width: auto;
  position: relative;
  float: left;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .menu-tab ul {
  position: absolute;
  top: 20px;
  display: none;
  z-index: 99999 !important;
  min-width: 200px !important;
  width: auto !important;
  padding-left: 0px;
  list-style: none;
  border-radius: 0 3px 3px 3px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 4px 3px;
  padding: 2px;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .menu-tab ul li {
  padding: 2px 3px;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .menu-tab ul li:hover {
  cursor: pointer;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .menu-tab .menu-tab-left {
  left: 0;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .menu-tab .menu-tab-right {
  left: -175px;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers {
  height: 22px;
  position: relative;
  width: -webkit-calc(100%);
  width: calc(100%);
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header {
  padding: 3px;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-property: margin-left, margin-right;
  transition-property: margin-left, margin-right;
  padding-left: 8px;
  cursor: default;
  height: 22px !important;
  font-size: 12px;
  cursor: pointer;
  width: 100%;
  min-width: 0;
  max-width: 160px;
  border-left-width: 2px;
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  text-overflow: ellipsis;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header > .gwt-Label {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header.tab-header-fill {
  -webkit-transition: none;
  transition: none;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header input {
  border: none;
  max-width: 107px;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header .actions {
  width: 0px;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  margin-top: 999990px;
  text-align: right;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header .actions button {
  font-size: 7pt;
  padding-left: 3px;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header .actions button:first-child {
  padding-left: 0px;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header:hover .actions, .sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header.active .actions {
  opacity: 1;
  width: 40px;
  margin-top: 0px;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header:hover > .gwt-Label, .sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header.active > .gwt-Label {
  max-width: 107px;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header.active {
  font-weight: bolder;
  border-radius: 5px 0 0 0;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header.is-dragging {
  z-index: 1;
  box-shadow: none !important;
}

.sms-ui-analytics2 .tabContainer-panel .tabContainer-header .tab-headers .tab-header:hover {
  border-bottom-width: 0px !important;
}

.sms-ui-analytics2 .tabContainer-panel .tab-contents .tab-content {
  height: 100%;
  display: none;
}

.sms-ui-analytics2 .tabContainer-panel .tab-contents .tab-content.active {
  display: block;
}

.sms-ui-analytics2 .tabContainer-panel .tutorial .box-board {
  padding-top: 50px;
  width: 500px !important;
  margin: auto;
  font-size: 17px;
}

.sms-ui-analytics2 .tabContainer-panel .tutorial .box-board .gwt-HTML {
  padding: 0.5em;
}

.sms-ui-analytics2 .tabContainer-panel .tutorial .box-board .title {
  font-weight: bold;
  text-align: center;
}

.sms-ui-analytics2 .tabContainer-panel .tutorial .box-board b:hover {
  text-decoration: underline;
  cursor: pointer;
}

.sms-ui-analytics2 .box-board {
  max-width: 1200px !important;
}

.sms-ui-analytics2 .prefScreen .nav-tabs li:nth-child(3), .sms-ui-analytics2 .prefScreen .nav-tabs li:nth-child(4), .sms-ui-analytics2 .prefScreen .nav-tabs li:nth-child(5) {
  display: none;
}

.sms-ui-analytics2 .prefScreen {
  color: black;
}

.sms-ui-analytics2 .prefScreen .nav-tabs li:nth-child(3), .sms-ui-analytics2 .prefScreen .prefScreen .nav-tabs li:nth-child(4), .sms-ui-analytics2 .prefScreen .prefScreen .nav-tabs li:nth-child(5) {
  display: none;
}

.sms-ui-analytics2 .prefScreen .select24-selection--single {
  background-color: #dfdfdf;
}

.sms-ui-analytics2 .prefScreen .select24-selection--single .select24-selection__rendered {
  color: black;
}

.sms-ui-analytics2 .main-container {
  bottom: 30px !important;
}

.sms-ui-analytics2 .main-container > .row {
  margin: 5px 5px 5px 5px !important;
  border-radius: 10px 10px 10px 10px;
}

.sms-ui-analytics2 .ax-tab-min {
  float: left;
}

.sms-ui-analytics2 .ax-tab-min input {
  font-size: 13px;
  font-weight: bold;
  border-radius: 4px;
  padding: 5px 0px 7px 7px;
  margin: 5px 5px 0px 20px;
}

.sms-ui-analytics2 .select24-container, .sms-ui-analytics2 .select24-results {
  font-size: 12px;
  autocomplete: "off";
  /* STAXS-1439  Disable autocomplete*/
}

.sms-ui-analytics2 .select24-container .select24-search--inline .select24-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 7px;
  padding: 0;
}

.sms-ui-analytics2 .select24-container--default .select24-selection--multiple .select24-selection__choice {
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 6px;
  padding: 0 5px;
}

.sms-ui-analytics2 .ax-tab-min input, .sms-ui-analytics2 .axreport .ax-tab-min input {
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  padding: 5px 0px 7px 7px;
  margin: 5px 5px 0px 20px;
}

.sms-ui-analytics2 .ax-mds-widget {
  width: 100%;
  text-align: center !important;
}

.sms-ui-analytics2 .ax-mds-widget .bids {
  width: 50%;
  border-right: 1px solid #fff;
}

.sms-ui-analytics2 .ax-mds-widget .offers {
  width: 50%;
}

.sms-ui-analytics2 .ax-mds-widget .offers .action {
  position: absolute;
  right: 2px;
  top: 11px;
  font-size: 18px;
  z-index: 5;
}

.sms-ui-analytics2 .decorated-panel .export {
  margin: 5px;
  margin-top: 50px;
  margin-right: 50px;
}

.sms-ui-analytics2 .order-details-dialog .modal-body {
  overflow: auto;
  font-size: 14px;
}

.sms-ui-analytics2 .report-title {
  font-size: 30px;
  padding-left: 20px;
}

.sms-ui-analytics2 .report-title .help {
  font-size: 17px;
}

.sms-ui-analytics2 .help {
  cursor: help !important;
}

.sms-ui-analytics2 .report-
.ax-warning {
  text-align: center;
  border: #a94442 2px solid;
  padding: 20px;
}

.sms-ui-analytics2 .hidden
.col-xs-1, .sms-ui-analytics2 .col-sm-1, .sms-ui-analytics2 .col-md-1, .sms-ui-analytics2 .col-lg-1, .sms-ui-analytics2 .col-xs-2, .sms-ui-analytics2 .col-sm-2, .sms-ui-analytics2 .col-md-2, .sms-ui-analytics2 .col-lg-2, .sms-ui-analytics2 .col-xs-3, .sms-ui-analytics2 .col-sm-3, .sms-ui-analytics2 .col-md-3, .sms-ui-analytics2 .col-lg-3, .sms-ui-analytics2 .col-xs-4, .sms-ui-analytics2 .col-sm-4, .sms-ui-analytics2 .col-md-4, .sms-ui-analytics2 .col-lg-4, .sms-ui-analytics2 .col-xs-5, .sms-ui-analytics2 .col-sm-5, .sms-ui-analytics2 .col-md-5, .sms-ui-analytics2 .col-lg-5, .sms-ui-analytics2 .col-xs-6, .sms-ui-analytics2 .col-sm-6, .sms-ui-analytics2 .col-md-6, .sms-ui-analytics2 .col-lg-6, .sms-ui-analytics2 .col-xs-7, .sms-ui-analytics2 .col-sm-7, .sms-ui-analytics2 .col-md-7, .sms-ui-analytics2 .col-lg-7, .sms-ui-analytics2 .col-xs-8, .sms-ui-analytics2 .col-sm-8, .sms-ui-analytics2 .col-md-8, .sms-ui-analytics2 .col-lg-8, .sms-ui-analytics2 .col-xs-9, .sms-ui-analytics2 .col-sm-9, .sms-ui-analytics2 .col-md-9, .sms-ui-analytics2 .col-lg-9, .sms-ui-analytics2 .col-xs-10, .sms-ui-analytics2 .col-sm-10, .sms-ui-analytics2 .col-md-10, .sms-ui-analytics2 .col-lg-10, .sms-ui-analytics2 .col-xs-11, .sms-ui-analytics2 .col-sm-11, .sms-ui-analytics2 .col-md-11, .sms-ui-analytics2 .col-lg-11, .sms-ui-analytics2 .col-xs-12, .sms-ui-analytics2 .col-sm-12, .sms-ui-analytics2 .col-md-12, .sms-ui-analytics2 .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0px !important;
  padding-left: 0px !important;
  font-size: 12px;
}

.sms-ui-analytics2 .redock-button {
  float: right;
}

.sms-ui-analytics2 .redock-button .icon-esc {
  transform: rotate(90deg);
}

.sms-ui-analytics2 .redock-button .lbl {
  font-size: 13px;
  padding-left: 5px;
}

.sms-ui-analytics2 .modal-footer .left-button {
  float: left;
}

@keyframes make-visible {
  0% {
    opacity: 0.80;
  }
  100% {
    opacity: 0.80;
  }
}

.sms-ui-analytics2 .loading-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #222222;
  z-index: 9998;
  opacity: 0;
  animation: make-visible 1s linear infinite;
  animation-delay: 0.5s;
}

.sms-ui-analytics2 .no-scroll {
  overflow: hidden !important;
}

.sms-ui-analytics2 .fs-modal {
  height: 100%;
  width: 100%;
}

.sms-ui-analytics2 .fs-modal .modal-dialog {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.sms-ui-analytics2 .fs-modal .modal-content {
  display: flex;
  flex-direction: column;
  width: 80%;
}

.sms-ui-analytics2 .fs-modal .modal-content .modal-body {
  flex-grow: 1;
}

.sms-ui-analytics2 .fs-modal .dataTables_wrapper {
  overflow: auto;
}

.sms-ui-analytics2 .order-details-dialog .modal-content {
  min-width: 400px;
}

.sms-ui-analytics2 .order-details-dialog .modal-content .row {
  margin: 0 !important;
}

.sms-ui-analytics2 .documentation-dialog, .sms-ui-analytics2 .order-details-dialog {
  height: 100%;
  width: 100%;
}

.sms-ui-analytics2 .documentation-dialog .modal-dialog, .sms-ui-analytics2 .order-details-dialog .modal-dialog {
  align-items: center;
  justify-content: center;
}

.sms-ui-analytics2 .documentation-dialog .modal-content, .sms-ui-analytics2 .order-details-dialog .modal-content {
  max-height: 80%;
}

.sms-ui-analytics2 .documentation-dialog .modal-content .modal-body, .sms-ui-analytics2 .order-details-dialog .modal-content .modal-body {
  overflow: auto;
}

.sms-ui-analytics2 .documentation-dialog .description, .sms-ui-analytics2 .order-details-dialog .description {
  font-size: 14px;
  margin-bottom: 10px;
}

.sms-ui-analytics2 .documentation-dialog .widget .widget-title, .sms-ui-analytics2 .order-details-dialog .widget .widget-title {
  border-radius: 5px;
  font-size: 18px;
  padding: 2px 5px 2px 5px;
  margin: 0px 0px 5px 0px;
}

.sms-ui-analytics2 .documentation-dialog .widget .query, .sms-ui-analytics2 .order-details-dialog .widget .query {
  margin: 5px 0px 0px 0px;
}

.sms-ui-analytics2 .documentation-dialog .widget .query .query-title, .sms-ui-analytics2 .order-details-dialog .widget .query .query-title {
  font-size: 15px;
  margin: 0px 0px 5px 0px;
}

.sms-ui-analytics2 .documentation-dialog .widget .query table.fields, .sms-ui-analytics2 .order-details-dialog .widget .query table.fields {
  width: 100%;
  margin: 10px 0px 0px 0px;
}

.sms-ui-analytics2 .documentation-dialog .widget .query table.fields td, .sms-ui-analytics2 .order-details-dialog .widget .query table.fields td {
  padding: 3px;
}

.sms-ui-analytics2 .documentation-dialog .widget .query .queryController, .sms-ui-analytics2 .order-details-dialog .widget .query .queryController {
  margin: 10px 0px 0px 0px;
}

.sms-ui-analytics2 .documentation-dialog .widget .query .queryController .curlController, .sms-ui-analytics2 .order-details-dialog .widget .query .queryController .curlController {
  padding: 3px;
  margin: 0px 10px 0px 10px;
  border-radius: 5px;
  cursor: pointer;
}

.sms-ui-analytics2 .documentation-dialog .widget .query .queryController .viewCosoleController, .sms-ui-analytics2 .order-details-dialog .widget .query .queryController .viewCosoleController {
  padding: 3px;
  margin: 0px 10px 0px 10px;
  border-radius: 5px;
}

.sms-ui-analytics2 .documentation-dialog .value, .sms-ui-analytics2 .order-details-dialog .value {
  float: right;
  clear: both;
  padding-right: 5px;
}

.sms-ui-analytics2 .documentation-dialog .label, .sms-ui-analytics2 .order-details-dialog .label {
  font-size: 100%;
}

.sms-ui-analytics2 .main-layout > .footer .footer-widget {
  width: 100%;
  padding: 2px 2em;
}

.sms-ui-analytics2 .main-layout > .footer .footer-widget .userguide {
  float: right;
}

.sms-ui-analytics2 .main-layout > .footer .footer-widget .connectionstatus {
  float: right;
}

.sms-ui-analytics2 .main-layout > .footer .footer-widget .versions {
  float: right;
}

.sms-ui-analytics2 .main-layout > .footer .footer-widget .versions div {
  float: left;
  margin: 0 1em;
}

.sms-ui-analytics2 .main-layout > .footer .footer-widget .serverdate {
  float: right;
}

.sms-ui-analytics2 .main-layout > .footer .footer-widget .copyright {
  float: right;
}

.sms-ui-analytics2 .ax-blotter {
  margin-top: 45px;
  margin-left: 5px;
}

.sms-ui-analytics2 .ax-blotter .dtgb-cell, .sms-ui-analytics2 .ax-blotter .gwt-Label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .pony-grid-row {
  height: 60px !important;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom:not(.comparaison-blotter) .pony-grid-row {
  height: 33px !important;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom .gwt-Label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom .pony-grid {
  display: flex;
  flex-direction: column;
  height: 376px;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom .pony-grid .dtgb-row-header {
  font-size: 12px;
  color: #BDBDBD;
  line-height: 18px;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom .pony-grid .dtgb-row-header > div {
  padding: 0px 5px;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom .pony-grid .dtgb-row-header .pony-grid-row {
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
  height: 28px !important;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom .pony-grid .dtgb-row-header .pony-grid-row > div {
  line-height: 20px;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom .pony-grid .dtgb-row-header .pony-grid-row .dtgb-cell {
  padding: 3px 5px;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom .pony-grid .dtgb-cell {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 5px;
}

.sms-ui-analytics2 .ax-blotter .comparison-bar-cell, .sms-ui-analytics2 .ax-blotter .comparison-cell {
  display: flex;
  align-items: center;
  gap: 5px;
}

.sms-ui-analytics2 .ax-blotter .comparison-bar-cell .right, .sms-ui-analytics2 .ax-blotter .comparison-cell .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-weight: 700;
  flex: 1;
}

.sms-ui-analytics2 .ax-blotter .comparison-bar-cell .right .bar, .sms-ui-analytics2 .ax-blotter .comparison-cell .right .bar {
  height: 4px;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .left {
  min-width: 30px;
  width: 70px;
  max-width: 70px;
  padding: 2px;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .left .percent-value {
  width: 100%;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .left .up, .sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .left .down {
  border: 1px solid #333333;
  text-align: center;
  padding: 2px;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .left .up:before, .sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .left .down:before {
  font-family: 'webappsdk';
  font-size: 8px;
  margin-right: 10px;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .left .up {
  color: #73E777;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .left .up:before {
  content: '\edc9';
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .left .down {
  color: #F39090;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .left .down:before {
  content: '\edcd';
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .comparison-bar-cell .right .value:nth-of-type(4n+1) {
  color: #8EC7F6;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .comparison-bar-cell .right .bar:nth-of-type(4n+2) {
  background-color: #8EC7F6;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .comparison-bar-cell .right .value:nth-of-type(4n+3) {
  color: #FFBC85;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .comparison-bar-cell .right .bar:nth-of-type(4n+4) {
  background-color: #FFBC85;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .comparison-cell .right .value:nth-of-type(2n+1) {
  color: #8EC7F6;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom.comparaison-blotter .comparison-cell .right .value:nth-of-type(2n+2) {
  color: #FFBC85;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom:not(.comparaison-blotter) .comparison-bar-cell .right .value, .sms-ui-analytics2 .ax-blotter .dtgb-atom:not(.comparaison-blotter) .comparison-cell .right .value {
  color: #FFFFFF;
}

.sms-ui-analytics2 .ax-blotter .dtgb-atom:not(.comparaison-blotter) .comparison-bar-cell .right .bar, .sms-ui-analytics2 .ax-blotter .dtgb-atom:not(.comparaison-blotter) .comparison-cell .right .bar {
  background-color: #8EC7F6;
}

.sms-ui-analytics2 .filter-manager .time-panel {
  flex-direction: column;
  display: flex;
  justify-content: right;
  position: relative;
  top: 0px;
  right: 0px;
  z-index: 20;
  line-height: 20px;
}

.sms-ui-analytics2 .filter-manager .time-panel > div {
  width: 100%;
  justify-content: right;
  display: flex;
}

.sms-ui-analytics2 .time-panel .range-selector {
  width: 780px;
}

.sms-ui-analytics2 .time-panel .refresher {
  width: 150px;
}

.sms-ui-analytics2 .time-panel .interval {
  display: flex;
  flex-direction: column;
}

.sms-ui-analytics2 .time-panel .interval .predefined-filter {
  border: none;
}

.sms-ui-analytics2 .time-panel .quick-interval-panel {
  margin-left: 20px;
}

.sms-ui-analytics2 .time-panel .interval-selector {
  min-width: max-content;
}

.sms-ui-analytics2 .main-layout > .header {
  line-height: 56px;
  background-color: black;
  background-image: url(../img/header-bg-new.9841d286e2d303bb.png);
  background-position-x: right;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.sms-ui-analytics2 .main-layout > .header .logo {
  background-image: url(../img/logo-dark.74548bb8b6a1e11b.svg);
  display: inline-block;
  width: 168px;
  height: 56px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 10px;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel h1 {
  display: none;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .user-btn-dropdown {
  float: right;
  height: 56px;
  line-height: 56px;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .user-btn-dropdown .user-btn {
  height: 56px;
  line-height: 56px;
  border: none !important;
  background-color: transparent !important;
  min-width: 150px;
  border-radius: 0 !important;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .user-btn-dropdown .user-btn .lbl {
  margin-left: 5px;
  margin-right: 5px;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .add-esp, .sms-ui-analytics2 .main-layout > .header .menu-panel .add-rfs, .sms-ui-analytics2 .main-layout > .header .menu-panel .supervision {
  float: right;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .add-esp .lbl, .sms-ui-analytics2 .main-layout > .header .menu-panel .add-rfs .lbl, .sms-ui-analytics2 .main-layout > .header .menu-panel .supervision .lbl {
  margin-left: 5px;
  margin-right: 15px;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .lp-status {
  float: right;
  margin-right: 1em;
  height: 56px;
  line-height: 56px;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .lp-status button {
  border: none;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .lp-status .dropdown-menu {
  width: 180px;
  top: 20px;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .lp-status .dropdown-menu .btn {
  border-radius: 0;
  display: block;
  margin-bottom: 2px;
  width: 100%;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .lp-status .dropdown-menu .btn .icon-circle2 {
  margin-right: 5px;
  float: left;
  display: inline-block;
  vertical-align: middle;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown {
  padding-top: 0px;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu {
  right: 0px;
  left: auto;
  top: 40px;
  z-index: 9999;
  padding: 5px;
  width: 300px;
  background-color: white;
  color: black;
  border-color: #555;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  color: white;
  background-color: #005105;
  text-transform: uppercase;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: white;
  background-color: #900000;
  text-transform: uppercase;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu .bootstrap-switch .bootstrap-switch-label {
  background-color: #333;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu li {
  line-height: 25px;
  margin-left: 5px;
  margin-right: 5px;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu li div {
  text-align: left;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu li button, .sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu li .bootstrap-switch, .sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu li .gwt-CheckBox, .sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu li .select24-container, .sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu li .ordertype-label, .sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu li .aggress-mode-label, .sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu li .quantity-format-label {
  float: right;
  min-width: 90px;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu li .title {
  float: left;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu li .select24-container {
  width: 50%;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu li .work-the-balance {
  margin: 0px;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .dropdown-menu .trading-options {
  font-weight: bold;
  margin-bottom: 5px;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .freezone {
  float: right;
  margin-right: 1em;
}

@media print {
  .sms-ui-analytics2 html,
.sms-ui-analytics2 body {
    width: 100%;
    height: 5000px !important;
    visibility: visible !important;
    overview: visible !important;
    height: auto;
    overflow-y: overlay;
    text-align: left;
    horizontal-align: middle;
  }
  .sms-ui-analytics2 body * {
    visibility: visible !important;
    overview: visible !important;
  }
  .sms-ui-analytics2 .ax-tab-min,
.sms-ui-analytics2 .tabContainer-header,
.sms-ui-analytics2 .time-panel,
.sms-ui-analytics2 .main-layout .header > .menu-panel {
    display: none !important;
  }
  .sms-ui-analytics2 .axreport {
    height: 100% !important;
    float: left;
    margin: 0px;
  }
  .sms-ui-analytics2 .axreport * {
    visibility: visible !important;
  }
  .sms-ui-analytics2 .axreport .decorated-panel {
    border-width: 1px;
    margin: 5px;
  }
  .sms-ui-analytics2 .axreport .dataTables_length {
    page-break-before: auto;
  }
  .sms-ui-analytics2 .axreport .dataTables_length .exportBtn {
    display: none !important;
  }
  .sms-ui-analytics2 .main-layout .primary-area {
    position: relative !important;
  }
  .sms-ui-analytics2 .highcharts-background {
    height: 0;
  }
  .sms-ui-analytics2 .col-md-6,
.sms-ui-analytics2 .col-md-8,
.sms-ui-analytics2 .col-md-10,
.sms-ui-analytics2 .col-md-12 {
    width: 205mm;
  }
}

@page {
  .sms-ui-analytics2 {
    size: A4;
    margin: 0;
  }
}

.sms-ui-analytics2 .filter-condition {
  font-size: 12px;
  position: relative;
  display: inline-block;
  text-align: center;
  min-width: calc(1*(1.414em + 13px));
  font-size: 12px;
  background-color: #0079a5;
  color: #ffffff;
  margin-right: 4px;
  max-width: 100%;
  vertical-align: middle;
  padding: 4px 8px;
  border-radius: 12px;
}

.sms-ui-analytics2 .filter-condition.negate {
  background-color: #a30000;
}

.sms-ui-analytics2 .filter-condition:hover {
  cursor: pointer;
}

.sms-ui-analytics2 .filter-condition:hover .descr {
  visibility: hidden;
}

.sms-ui-analytics2 .filter-condition:not(:hover) .actions {
  visibility: hidden;
}

.sms-ui-analytics2 .filter-condition .actions {
  font-size: 1.1em;
  position: absolute;
  padding: 4px 8px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  white-space: nowrap;
  display: flex;
}

.sms-ui-analytics2 .filter-condition .actions button {
  color: #ffffff;
  border: none;
  padding: 0;
  background-color: transparent;
  flex: 1 1 auto;
}

.sms-ui-analytics2 .time-panel .dropdown-menu {
  left: auto;
  right: 0px;
}

.sms-ui-analytics2 .time-panel .open > .dropdown-menu {
  display: flex;
}

.sms-ui-analytics2 .time-panel .quick-range-panel {
  display: block;
  width: 500px;
}

.sms-ui-analytics2 .time-panel .custom-range-panel {
  display: block;
  width: 200px;
  margin-left: 25px;
  margin-right: 25px;
}

.sms-ui-analytics2 .time-panel .custom-range-panel input.form-control {
  width: 180px;
  padding: 0px;
  text-align: center;
  margin: 0px;
}

.sms-ui-analytics2 .time-panel .input-panel {
  float: left;
  margin-bottom: 10px;
}

.sms-ui-analytics2 .time-panel .button-apply {
  margin-top: 6px;
  margin-left: 8px;
}

.sms-ui-analytics2 .time-panel .button-panel {
  position: absolute;
  bottom: 0;
}

.sms-ui-analytics2 .time-panel .refresh-button {
  margin-left: 5px;
  margin-right: 5px;
}

.sms-ui-analytics2 .time-panel .columns {
  display: flex;
  flex-direction: row;
}

.sms-ui-analytics2 .time-panel .column {
  display: flex;
  flex-direction: column;
}

.sms-ui-analytics2 span.lbl {
  margin-left: 5px;
  margin-right: 5px;
}

.sms-ui-analytics2 .ax-autocomplete input {
  font-weight: bold;
}

.sms-ui-analytics2 table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}

.sms-ui-analytics2 table.dataTable thead th,
.sms-ui-analytics2 table.dataTable tfoot th {
  font-weight: bold;
}

.sms-ui-analytics2 table.dataTable thead th:active,
.sms-ui-analytics2 table.dataTable thead td:active,
.sms-ui-analytics2 table.dataTable tfoot th:active,
.sms-ui-analytics2 table.dataTable tfoot td:active {
  outline: none;
}

.sms-ui-analytics2 table.dataTable tfoot th,
.sms-ui-analytics2 table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
}

.sms-ui-analytics2 table.dataTable thead .sorting,
.sms-ui-analytics2 table.dataTable thead .sorting_asc,
.sms-ui-analytics2 table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}

.sms-ui-analytics2 table.dataTable thead .sorting,
.sms-ui-analytics2 table.dataTable thead .sorting_asc,
.sms-ui-analytics2 table.dataTable thead .sorting_desc,
.sms-ui-analytics2 table.dataTable thead .sorting_asc_disabled,
.sms-ui-analytics2 table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}

.sms-ui-analytics2 table.dataTable tbody th,
.sms-ui-analytics2 table.dataTable tbody td {
  padding: 8px 10px;
}

.sms-ui-analytics2 table.dataTable.row-border tbody tr:first-child th,
.sms-ui-analytics2 table.dataTable.row-border tbody tr:first-child td, .sms-ui-analytics2 table.dataTable.display tbody tr:first-child th,
.sms-ui-analytics2 table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

.sms-ui-analytics2 table.dataTable.cell-border tbody tr:first-child th,
.sms-ui-analytics2 table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

.sms-ui-analytics2 table.dataTable.nowrap th, .sms-ui-analytics2 table.dataTable.nowrap td {
  white-space: nowrap;
}

.sms-ui-analytics2 table.dataTable.compact thead th,
.sms-ui-analytics2 table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}

.sms-ui-analytics2 table.dataTable.compact tfoot th,
.sms-ui-analytics2 table.dataTable.compact tfoot td {
  padding: 4px;
}

.sms-ui-analytics2 table.dataTable.compact tbody th,
.sms-ui-analytics2 table.dataTable.compact tbody td {
  padding: 4px;
}

.sms-ui-analytics2 table.dataTable th.dt-left,
.sms-ui-analytics2 table.dataTable td.dt-left {
  text-align: left;
}

.sms-ui-analytics2 table.dataTable th.dt-center,
.sms-ui-analytics2 table.dataTable td.dt-center,
.sms-ui-analytics2 table.dataTable td.dataTables_empty {
  text-align: center;
}

.sms-ui-analytics2 table.dataTable th.dt-right,
.sms-ui-analytics2 table.dataTable td.dt-right {
  text-align: right;
}

.sms-ui-analytics2 table.dataTable th.dt-justify,
.sms-ui-analytics2 table.dataTable td.dt-justify {
  text-align: justify;
}

.sms-ui-analytics2 table.dataTable th.dt-nowrap,
.sms-ui-analytics2 table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

.sms-ui-analytics2 table.dataTable thead th.dt-head-left,
.sms-ui-analytics2 table.dataTable thead td.dt-head-left,
.sms-ui-analytics2 table.dataTable tfoot th.dt-head-left,
.sms-ui-analytics2 table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

.sms-ui-analytics2 table.dataTable thead th.dt-head-center,
.sms-ui-analytics2 table.dataTable thead td.dt-head-center,
.sms-ui-analytics2 table.dataTable tfoot th.dt-head-center,
.sms-ui-analytics2 table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

.sms-ui-analytics2 table.dataTable thead th.dt-head-right,
.sms-ui-analytics2 table.dataTable thead td.dt-head-right,
.sms-ui-analytics2 table.dataTable tfoot th.dt-head-right,
.sms-ui-analytics2 table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

.sms-ui-analytics2 table.dataTable thead th.dt-head-justify,
.sms-ui-analytics2 table.dataTable thead td.dt-head-justify,
.sms-ui-analytics2 table.dataTable tfoot th.dt-head-justify,
.sms-ui-analytics2 table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

.sms-ui-analytics2 table.dataTable thead th.dt-head-nowrap,
.sms-ui-analytics2 table.dataTable thead td.dt-head-nowrap,
.sms-ui-analytics2 table.dataTable tfoot th.dt-head-nowrap,
.sms-ui-analytics2 table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

.sms-ui-analytics2 table.dataTable tbody th.dt-body-left,
.sms-ui-analytics2 table.dataTable tbody td.dt-body-left {
  text-align: left;
}

.sms-ui-analytics2 table.dataTable tbody th.dt-body-center,
.sms-ui-analytics2 table.dataTable tbody td.dt-body-center {
  text-align: center;
}

.sms-ui-analytics2 table.dataTable tbody th.dt-body-right,
.sms-ui-analytics2 table.dataTable tbody td.dt-body-right {
  text-align: right;
}

.sms-ui-analytics2 table.dataTable tbody th.dt-body-justify,
.sms-ui-analytics2 table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

.sms-ui-analytics2 table.dataTable tbody th.dt-body-nowrap,
.sms-ui-analytics2 table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

.sms-ui-analytics2 table.dataTable,
.sms-ui-analytics2 table.dataTable th,
.sms-ui-analytics2 table.dataTable td {
  box-sizing: content-box;
}

.sms-ui-analytics2 .dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_length {
  float: left;
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  border-radius: 2px;
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_paginate .paginate_button.current, .sms-ui-analytics2 .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
  /* Chrome10+,Safari5.1+ */
  /* FF3.6+ */
  /* IE10+ */
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, gainsboro 100%);
  /* W3C */
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .sms-ui-analytics2 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .sms-ui-analytics2 .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  box-shadow: none;
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .sms-ui-analytics2 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  vertical-align: middle;
}

.sms-ui-analytics2 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.sms-ui-analytics2 .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.sms-ui-analytics2 .dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.sms-ui-analytics2 .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}

.sms-ui-analytics2 .dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .sms-ui-analytics2 .dataTables_wrapper .dataTables_info,
.sms-ui-analytics2 .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .sms-ui-analytics2 .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}

@media screen and (max-width: 640px) {
  .sms-ui-analytics2 .dataTables_wrapper .dataTables_length,
.sms-ui-analytics2 .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .sms-ui-analytics2 .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}

.sms-ui-analytics2 .ax-datatable .sorting {
  position: relative;
}

.sms-ui-analytics2 .ax-datatable .sorting::after {
  font-family: "webappsdk";
  content: "\ee45";
  position: absolute;
  top: 7px;
  right: 2px;
  line-height: 100%;
  font-size: 12px;
}

.sms-ui-analytics2 .ax-datatable .sorting_asc {
  position: relative;
}

.sms-ui-analytics2 .ax-datatable .sorting_asc::after {
  font-family: "webappsdk";
  content: "\ee4d";
  position: absolute;
  top: 7px;
  right: 2px;
  line-height: 100%;
  font-size: 12px;
}

.sms-ui-analytics2 .ax-datatable .sorting_desc {
  position: relative;
}

.sms-ui-analytics2 .ax-datatable .sorting_desc::after {
  font-family: "webappsdk";
  content: "\ee4e";
  position: absolute;
  top: 7px;
  right: 2px;
  line-height: 100%;
  font-size: 12px;
}

.sms-ui-analytics2 .col-md-3 .ax-datatable .dataTables_length {
  display: none;
}

.sms-ui-analytics2 .col-md-3 .ax-datatable .dataTables_wrapper {
  padding-top: 30px;
}

.sms-ui-analytics2 .col-md-3 .ax-datatable .exportBtn {
  right: 16px;
}

.sms-ui-analytics2 .exportBtn .dd-container-widget {
  border: none !important;
  background: none;
  padding: 0;
}

.sms-ui-analytics2 .exportBtn .dd-container-widget .dd-container-button:after {
  padding: .2em;
  font-family: 'webappsdk';
  content: '\ea84';
}

.sms-ui-analytics2 .exportBtn .dd-container-widget .dd-container-state {
  display: none;
}

.sms-ui-analytics2 .ax-datatable .datatable-header {
  padding: 0 0;
  text-align: center;
}

.sms-ui-analytics2 .ax-datatable .dataTable thead tr th, .sms-ui-analytics2 .ax-datatable .dataTable tfoot tr th {
  text-align: center;
  padding: 5px;
  white-space: nowrap;
}

.sms-ui-analytics2 .ax-datatable .dataTable tbody th, .sms-ui-analytics2 .ax-datatable .dataTable tbody td {
  padding: 2px;
  white-space: nowrap;
}

.sms-ui-analytics2 .ax-datatable .exportBtn {
  position: absolute;
  right: 160px;
  top: 8px;
  z-index: 10;
}

.sms-ui-analytics2 .ax-datatable .ax-tab-min .dataTables_length {
  visibility: hidden;
}

.sms-ui-analytics2 .ax-datatable .ax-tab-min .dataTables_filter {
  display: none;
}

.sms-ui-analytics2 .ax-datatable tbody tr td {
  text-align: center;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sms-ui-analytics2 .ax-datatable .dataTables_wrapper .row-action tbody tr td:nth-child(1) {
  cursor: auto;
}

.sms-ui-analytics2 .ax-datatable .ax-mds-widget .dataTables_paginate, .sms-ui-analytics2 .ax-datatable .ax-mds-widget .dataTables_info {
  display: none !important;
}

.sms-ui-analytics2 .ax-datatable .dataTables_wrapper .dataTables_info {
  padding-left: 10px;
  width: 100%;
  position: absolute;
  height: 30px;
}

.sms-ui-analytics2 .ax-datatable .dataTables_wrapper .dataTables_filter {
  padding: 8px 10px 0;
  z-index: 2;
}

.sms-ui-analytics2 .ax-datatable .dataTables_wrapper .dataTables_filter label {
  line-height: 20px;
}

.sms-ui-analytics2 .ax-datatable .dataTables_wrapper .dataTables_filter input {
  border: 0;
  vertical-align: bottom;
}

.sms-ui-analytics2 .ax-datatable .dataTables_wrapper .dataTables_length {
  padding: 10px 10px 0;
  float: right;
  z-index: 2;
}

.sms-ui-analytics2 .ax-datatable .dataTables_wrapper .dataTables_length label {
  margin-bottom: 2px;
}

.sms-ui-analytics2 .ax-datatable .dataTables_wrapper .dataTables_length select {
  margin: 0 3px;
}

.sms-ui-analytics2 .ax-datatable .dataTables_wrapper .dataTables_paginate {
  padding-top: 0;
  z-index: 1;
  position: relative;
}

.sms-ui-analytics2 .ax-datatable .dataTables_wrapper .dataTable thead tr th {
  padding-right: 16px;
}

.sms-ui-analytics2 .ax-datatable .dataTables_wrapper .dataTable thead tr th:last-child, .sms-ui-analytics2 .ax-datatable .dataTables_wrapper .dataTable tfoot tr th:last-child {
  border-right: none;
}

.sms-ui-analytics2 .ax-datatable .col-action {
  float: right;
  margin-right: 5px;
  margin-top: 2px;
}

.sms-ui-analytics2 .ax-datatable .cell-hover {
  position: relative;
}

.sms-ui-analytics2 .ax-datatable .cell-hover .cell-actions {
  position: absolute;
  float: right;
  white-space: nowrap;
  right: 0;
  display: none;
  padding-right: 5px;
  padding-left: 5px;
}

.sms-ui-analytics2 .ax-datatable .cell-hover:hover .cell-actions {
  display: inline;
}

.sms-ui-analytics2 .ax-datatable .cell-action, .sms-ui-analytics2 .ax-datatable .row-action {
  cursor: pointer;
  padding-right: 5px;
}

.sms-ui-analytics2 .top_3rd {
  background-color: green;
  color: white;
  display: block;
}

.sms-ui-analytics2 .middle_3rd {
  background-color: yellow;
  color: black;
  display: block;
}

.sms-ui-analytics2 .bottom_3rd {
  background-color: red;
  color: white;
  display: block;
}

.sms-ui-analytics2 span.comparison {
  display: block;
  font-weight: 700;
  line-height: 0.9em;
}

.sms-ui-analytics2 span.better {
  color: green;
}

.sms-ui-analytics2 span.worse {
  color: red;
}

.sms-ui-analytics2 span.comparison-details {
  font-size: 0.8em;
}

.sms-ui-analytics2 .highcharts-tooltip td.value {
  padding-right: 10px;
  text-align: right;
}

.sms-ui-analytics2 .highcharts-tooltip td.item {
  padding-left: 10px;
}

.sms-ui-analytics2 .highcharts-tooltip td.row {
  vertical-align: top;
}

.sms-ui-analytics2 .chart-widget .select-all {
  bottom: 7px;
  left: 30px;
  position: absolute;
}

.sms-ui-analytics2 .gears {
  width: 350px;
  margin: 100px auto;
  display: block;
  text-align: center;
  font-weight: bold;
  font-family: Arial;
}

.sms-ui-analytics2 .gears .gear-loader-big {
  content: url(../img/gear-big.png);
  -moz-animation: rotate 1.5s linear infinite;
  -o-animation: rotate 1.5s linear infinite;
  animation: rotate 1.5s linear infinite;
}

.sms-ui-analytics2 .gears .gear-loader-small {
  content: url(../img/gear-small.png);
  -moz-animation: reverseRotate 1.5s linear infinite;
  -o-animation: reverseRotate 1.5s linear infinite;
  animation: reverseRotate 1.5s linear infinite;
}

.sms-ui-analytics2 .gears .big {
  width: 100px;
  height: 100px;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-animation: rotate 1.5s linear infinite;
  -moz-animation: rotate 1.5s linear infinite;
  -o-animation: rotate 1.5s linear infinite;
  animation: rotate 1.5s linear infinite;
}

.sms-ui-analytics2 .gears .small {
  width: 70px;
  height: 70px;
  margin-left: -6px;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-animation: reverseRotate 1.5s linear infinite;
  -moz-animation: reverseRotate 1.5s linear infinite;
  -o-animation: reverseRotate 1.5s linear infinite;
  animation: reverseRotate 1.5s linear infinite;
}

.sms-ui-analytics2 .gears .text {
  margin-top: 10px;
  font-size: 25px;
}

.sms-ui-analytics2 .gears .pulse {
  animation-name: pulse;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@-o-keyframes rotate {
  0% {
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@-webkit-keyframes reverseRotate {
  0% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@-moz-keyframes reverseRotate {
  0% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
}

@-o-keyframes reverseRotate {
  0% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes reverseRotate {
  0% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}

.sms-ui-analytics2 .overflow-visible {
  overflow: visible !important;
}

.sms-ui-analytics2 .axreport {
  padding: 0px;
  margin: 0px;
  font-size: 18px;
}

.sms-ui-analytics2 .execution {
  content: url("../img/execution.png");
}

.sms-ui-analytics2 .report {
  font-size: 1.2em;
  overflow: auto;
  height: 100%;
  position: relative;
}

.sms-ui-analytics2 .main-layout > .header {
  background-image: none;
  line-height: 30px;
}

.sms-ui-analytics2 .main-layout > .header .logo {
  background-image: none;
  height: 30px;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .user-btn-dropdown {
  float: right;
  height: 30px;
  line-height: 30px;
}

.sms-ui-analytics2 .main-layout > .header .menu-panel .user-btn-dropdown .user-btn {
  height: 30px;
  line-height: 30px;
}

.sms-ui-analytics2 .main-layout > .primary-area {
  position: absolute;
  top: 30px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu > .am-item {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: none;
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu > .am-item:before {
  display: block;
  font-family: "webappsdk";
  content: "\ea58";
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu > .am-item:hover::before {
  font-weight: bold;
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu .am-item {
  font-size: 16px;
  line-height: 30px;
  text-transform: uppercase;
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu .am-item[value] {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: none;
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu .am-item[value]::before {
  display: block;
  font-family: "webappsdk";
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu .am-item[value][value="overview"]::before {
  content: "\eb7e";
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu .am-item[value][value="client"]::before {
  content: "\eb05";
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu .am-item[value][value="lp"]::before {
  content: "\e998";
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu .am-item[value][value="cluster"]::before {
  content: "\edb1";
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu .am-item[value][value="mds"]::before {
  content: "\eb8c";
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu .am-item[value][value="other"]::before {
  content: "\ed39";
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu .am-item[value][value="test"]::before {
  content: "\ed23";
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu .am-item[value][value="notifications"]::before {
  content: "\ea58";
}

.sms-ui-analytics2 .main-layout > .primary-area .am-menu .am-item[value]:hover::before {
  font-weight: normal;
}

.sms-ui-analytics2 .main-layout > .primary-area .event-blotter-panel {
  margin: 10px;
  padding: 15px;
  position: relative;
  height: calc(100% - 20px);
  width: calc(100% - 20px);
  box-sizing: border-box;
  border-radius: 5px;
}

.sms-ui-analytics2 .main-layout > .primary-area .event-blotter-panel .title {
  text-transform: uppercase;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 20px;
  font-size: large;
}

.sms-ui-analytics2 .main-layout > .primary-area .event-blotter-panel .dtgb-atom {
  margin: 15px;
  margin-top: 250px;
  height: calc(100% - 265px);
}

.sms-ui-analytics2 .main-layout > .primary-area .event-blotter-panel .dtgb-atom .pony-grid-row {
  width: 100% !important;
}

.sms-ui-analytics2 .main-layout > .primary-area .event-blotter-panel .dtgb-atom .dd-container-widget {
  display: flex !important;
}

.sms-ui-analytics2 .main-layout > .primary-area .event-blotter-panel .dtgb-atom .dtgb-filter-container-expand {
  display: none !important;
}

.sms-ui-analytics2 .order-details-dialog .modal-content .row {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 2px !important;
}

.sms-ui-analytics2 .order-details-dialog .modal-content .row .label {
  width: 150px;
  text-align: left;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0;
}

.sms-ui-analytics2 .order-details-dialog .modal-content .row .value {
  flex-grow: 1;
  text-align: left;
  float: none;
  padding: 0;
}

.sms-ui-analytics2 .axreport .dataTables_processing {
  display: none !important;
}

.sms-ui-analytics2 .axreport .decorated-panel .header {
  padding-bottom: 5px;
}

.sms-ui-analytics2 .axreport .decorated-panel .header .title {
  text-transform: uppercase;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.sms-ui-analytics2 .axreport .decorated-panel .header .icon {
  z-index: 1;
  width: 20px;
  height: 20px;
  float: left;
  margin-top: 8px;
  margin-left: 8px;
  line-height: 20px;
}

.sms-ui-analytics2 .axreport .decorated-panel .header .help::before {
  font-family: "webappsdk";
  content: "\ed53";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 100%;
  font-size: 18px;
}

.sms-ui-analytics2 .axreport .decorated-panel .ax-datatable .exportBtn {
  top: -30px;
  width: auto;
}

.sms-ui-analytics2 .summary-container {
  display: flex;
  width: 100%;
  justify-content: space-around;
  gap: 30px;
  padding: 30px;
  margin-top: 10px;
  border-radius: 5px;
  height: 185px;
}

.sms-ui-analytics2 .summary-container .title {
  font-weight: unset !important;
}

.sms-ui-analytics2 .summary-container .activity {
  padding: 0px 5px;
  border-radius: 5px;
  height: 125px;
  flex: 1;
}

.sms-ui-analytics2 .summary-container .activity .icon {
  width: 100%;
  text-align: right;
  border-bottom: 1px solid;
  margin-bottom: 10px;
  padding: 2px;
  font-size: 15px;
}

.sms-ui-analytics2 .summary-container .activity .config-container {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  animation: fadeIn 0.5s ease-in-out;
}

.sms-ui-analytics2 .summary-container .activity .config-container div {
  flex: 1;
  height: 25px;
}

.sms-ui-analytics2 .summary-container .activity .config-container div .gwt-Label {
  font-weight: bold;
}

.sms-ui-analytics2 .summary-container .activity .config-container .dd-container-widget {
  border-radius: 5px;
}

.sms-ui-analytics2 .summary-container .activity .summary {
  animation: fadeIn 1s ease-in-out;
}

.sms-ui-analytics2 .summary-container .activity .summary .gwt-Label.summary-description {
  margin-top: 10px;
}

.sms-ui-analytics2 .summary-container .activity .summary .count {
  text-align: end;
  font-size: 25px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.post-trade-manual-trade-dialog .notification-widget {
  float: left;
  margin-top: 5px;
}

.post-trade-manual-trade-dialog .notification-widget .notification-panel {
  display: flex;
  transition: all 300ms ease-in-out;
  opacity: 0;
  visibility: hidden;
}

.post-trade-manual-trade-dialog .notification-widget .notification-panel.open {
  opacity: 1;
  visibility: visible;
  top: 0;
}

.post-trade-manual-trade-dialog .notification-widget .notification-panel .gwt-Label {
  margin-left: 5px;
}

.post-trade-manual-trade-dialog .linked-trades-blotter {
  text-align: center;
}

.post-trade-manual-trade-dialog .lines {
  max-height: 100px;
  overflow: auto;
}

.post-trade-manual-trade-dialog .header {
  height: 20px;
  font-size: 12px;
}

.post-trade-manual-trade-dialog .linked-trade-item, .post-trade-manual-trade-dialog .header {
  display: flex;
  justify-content: space-evenly;
  border-bottom: 1px solid;
}

.post-trade-manual-trade-dialog .linked-trade-item > div {
  width: 20%;
  text-align: center;
}

.post-trade-manual-trade-dialog .header > div {
  width: 20%;
  text-align: center;
}

.post-trade-manual-trade-dialog .btn-sm {
  margin-top: 10px;
}

.post-trade-manual-trade-dialog .credit-label {
  display: inline-block;
  font-weight: bold;
  padding-right: 0.5em;
}

.post-trade-manual-trade-dialog .modal-footer {
  display: flex;
  justify-content: flex-end;
}

.post-trade-manual-trade-dialog .modal-footer .risk-book-panel {
  margin-right: auto;
  display: flex;
  text-align: left;
}

.post-trade-manual-trade-dialog .modal-footer .risk-book-panel .book-panel {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.post-trade-manual-trade-dialog .modal-footer .risk-book-panel .book-panel .leg-panel .book-leg-panel {
  display: flex;
}

.post-trade-manual-trade-dialog .modal-footer .risk-book-panel .book-panel .leg-panel .book-leg-panel .swap-field {
  margin-left: 10px;
}

.post-trade-manual-trade-dialog .modal-footer .risk-book-panel .book-panel .leg-panel .book-leg-panel .swap-field:before {
  content: '';
  position: absolute;
  height: 26px;
  left: -5px;
  bottom: 0;
}

.post-trade-manual-trade-dialog .modal-footer .risk-book-panel .dd-listbox {
  width: 200px;
  height: 26px;
  border-radius: 4px;
}

.post-trade-manual-trade-dialog .modal-footer .risk-book-panel .swap-field {
  margin-left: 10px;
}

.post-trade-manual-trade-dialog .modal-footer .risk-book-panel .swap-field:before {
  content: '';
  position: absolute;
  height: 26px;
  left: -5px;
  bottom: 0;
}

.sms-ui-posttrade .blotters-area {
  height: 100%;
}

.sms-ui-posttrade .header .header-trade-action {
  float: right;
}

.sms-ui-posttrade .header .header-trade-action .icon {
  margin-right: 10px;
}

.sms-ui-posttrade .header .header-trade-action .icon .lbl {
  margin-left: 5px;
}

.sms-ui-posttrade .trade-db-blotter-atom .btn-linked, .sms-ui-posttrade .trade-db-blotter-atom .btn-pending, .sms-ui-posttrade .trade-db-blotter-atom .btn-complete, .sms-ui-posttrade .trade-db-blotter-atom .btn-oms {
  width: 100px;
  margin-right: 5px;
  border-radius: 3px !important;
  border: 1px solid;
}

.post-trade-manual-trade-dialog .modal-dialog {
  width: 64%;
}

.post-trade-manual-trade-dialog .modal-dialog .modal-header, .post-trade-manual-trade-dialog .modal-dialog .modal-body, .post-trade-manual-trade-dialog .modal-dialog .modal-footer {
  padding: 10px 20px;
}

.post-trade-manual-trade-dialog .modal-dialog .modal-body {
  overflow: auto;
  max-height: 755px;
}

.post-trade-manual-trade-dialog .field-option {
  float: left;
  width: 22%;
  margin-right: 4%;
}

.post-trade-manual-trade-dialog .field-option.qty .field-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.post-trade-manual-trade-dialog .field-option.counter-qty .field-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.post-trade-manual-trade-dialog .field-option.counter-qty input {
  text-align: center;
  pointer-events: none;
  width: 100%;
}

.post-trade-manual-trade-dialog .field-option.counter-qty input[readonly] {
  background-color: #9E9E9E;
  color: black;
  font-weight: bold;
}

.post-trade-manual-trade-dialog .field-option .field-option-bswitch {
  display: flex;
  justify-content: space-between;
}

.post-trade-manual-trade-dialog .date-picker-not-physical-product-field {
  margin-right: 4% !important;
}

.post-trade-manual-trade-dialog .qty-lock {
  width: 15px;
  height: 22px;
  line-height: 65px;
  margin-left: -3%;
  cursor: pointer;
}

.post-trade-manual-trade-dialog .qty-lock:after {
  font-family: 'webappsdk';
  line-height: 14px;
  font-size: 14px;
  color: #DDDDDD;
}

.post-trade-manual-trade-dialog .qty-lock.qty-lock-open:after {
  content: '\eb53';
}

.post-trade-manual-trade-dialog .qty-lock.qty-lock-close:after {
  content: '\eb4e';
}

.post-trade-manual-trade-dialog .swap-editor .row2 .field-option {
  margin-right: 3%;
}

.post-trade-manual-trade-dialog .swap-editor .qty-lock {
  left: 49.25%;
  margin-top: 69px;
  position: absolute;
  line-height: unset;
  margin-left: 0;
}

.post-trade-manual-trade-dialog .side-panel {
  display: flex;
  justify-content: space-between;
}

.post-trade-manual-trade-dialog .side-panel .field-option {
  width: 45%;
  margin-right: 0;
}

.post-trade-manual-trade-dialog .comment {
  width: 100%;
}

.post-trade-manual-trade-dialog .comment .gwt-TextBox {
  width: 100%;
  padding-left: 5px;
}

.post-trade-manual-trade-dialog .gwt-DateBox, .post-trade-manual-trade-dialog .date-picker-label {
  width: 100%;
  height: 26px;
  font-size: small;
  padding-left: 5px;
}

.post-trade-manual-trade-dialog .global-header, .post-trade-manual-trade-dialog .trade-ref-panel {
  padding: .5em;
  margin-top: .5em;
}

.post-trade-manual-trade-dialog .global-header::after, .post-trade-manual-trade-dialog .trade-ref-panel::after {
  clear: both;
  content: '';
  display: block;
}

.post-trade-manual-trade-dialog .global-header .no-asset, .post-trade-manual-trade-dialog .trade-ref-panel .no-asset {
  pointer-events: none;
  font-size: 1.2em;
  height: 50px;
  margin-left: 30px;
}

.post-trade-manual-trade-dialog .global-header .no-asset .lbl, .post-trade-manual-trade-dialog .trade-ref-panel .no-asset .lbl {
  margin-left: 5px;
}

.post-trade-manual-trade-dialog .row1 .field-option:last-child {
  margin: 0;
}

.post-trade-manual-trade-dialog .row2 .field-option:nth-child(4n), .post-trade-manual-trade-dialog .global-header .field-option:nth-child(4n) {
  margin: 0;
}

.post-trade-manual-trade-dialog .row1, .post-trade-manual-trade-dialog .row2, .post-trade-manual-trade-dialog .row3, .post-trade-manual-trade-dialog .row4, .post-trade-manual-trade-dialog .row5, .post-trade-manual-trade-dialog .row6 {
  width: 100%;
  padding: .5em;
  margin-top: .5em;
}

.post-trade-manual-trade-dialog .row1::after, .post-trade-manual-trade-dialog .row2::after, .post-trade-manual-trade-dialog .row3::after, .post-trade-manual-trade-dialog .row4::after, .post-trade-manual-trade-dialog .row5::after, .post-trade-manual-trade-dialog .row6::after {
  clear: both;
  content: '';
  display: block;
}

.post-trade-manual-trade-dialog .row3, .post-trade-manual-trade-dialog .row4, .post-trade-manual-trade-dialog .row6 {
  display: flex;
  flex-direction: row;
}

.post-trade-manual-trade-dialog .row5 .qty-lock, .post-trade-manual-trade-dialog .row4 .qty-lock {
  position: initial;
  margin-top: initial;
  margin-left: initial;
  line-height: inherit;
}

.post-trade-manual-trade-dialog .row5 .sales-margin-price-panel, .post-trade-manual-trade-dialog .row4 .sales-margin-price-panel {
  width: 25% !important;
  padding-left: 1em;
}

.post-trade-manual-trade-dialog .row5 .sales-margin-price-panel .trade-price, .post-trade-manual-trade-dialog .row5 .sales-margin-price-panel .field-option, .post-trade-manual-trade-dialog .row4 .sales-margin-price-panel .trade-price, .post-trade-manual-trade-dialog .row4 .sales-margin-price-panel .field-option {
  width: 80% !important;
}

.post-trade-manual-trade-dialog .row5 .point-price-header, .post-trade-manual-trade-dialog .row4 .point-price-header {
  display: flex;
}

.post-trade-manual-trade-dialog .row5 .point-price-header .client-fields, .post-trade-manual-trade-dialog .row4 .point-price-header .client-fields {
  margin-left: 3%;
}

.post-trade-manual-trade-dialog .row5 .point-price-header .qty-lock, .post-trade-manual-trade-dialog .row4 .point-price-header .qty-lock {
  padding-left: 1em;
}

.post-trade-manual-trade-dialog .row5 .cross-label input:disabled, .post-trade-manual-trade-dialog .row5 .cross-label .numeric-spinner.disabled, .post-trade-manual-trade-dialog .row5 .cross-label .point-spinner, .post-trade-manual-trade-dialog .row5 .cross-label price-spinner-label, .post-trade-manual-trade-dialog .row4 .cross-label input:disabled, .post-trade-manual-trade-dialog .row4 .cross-label .numeric-spinner.disabled, .post-trade-manual-trade-dialog .row4 .cross-label .point-spinner, .post-trade-manual-trade-dialog .row4 .cross-label price-spinner-label {
  border: none;
}

.post-trade-manual-trade-dialog .row5 .cross-label input:disabled .spinner-btn-box.disabled, .post-trade-manual-trade-dialog .row5 .cross-label input:disabled .spinner-btn-box:disabled.spinner-btn-box disabled, .post-trade-manual-trade-dialog .row5 .cross-label .numeric-spinner.disabled .spinner-btn-box.disabled, .post-trade-manual-trade-dialog .row5 .cross-label .numeric-spinner.disabled .spinner-btn-box:disabled.spinner-btn-box disabled, .post-trade-manual-trade-dialog .row5 .cross-label .point-spinner .spinner-btn-box.disabled, .post-trade-manual-trade-dialog .row5 .cross-label .point-spinner .spinner-btn-box:disabled.spinner-btn-box disabled, .post-trade-manual-trade-dialog .row5 .cross-label price-spinner-label .spinner-btn-box.disabled, .post-trade-manual-trade-dialog .row5 .cross-label price-spinner-label .spinner-btn-box:disabled.spinner-btn-box disabled, .post-trade-manual-trade-dialog .row4 .cross-label input:disabled .spinner-btn-box.disabled, .post-trade-manual-trade-dialog .row4 .cross-label input:disabled .spinner-btn-box:disabled.spinner-btn-box disabled, .post-trade-manual-trade-dialog .row4 .cross-label .numeric-spinner.disabled .spinner-btn-box.disabled, .post-trade-manual-trade-dialog .row4 .cross-label .numeric-spinner.disabled .spinner-btn-box:disabled.spinner-btn-box disabled, .post-trade-manual-trade-dialog .row4 .cross-label .point-spinner .spinner-btn-box.disabled, .post-trade-manual-trade-dialog .row4 .cross-label .point-spinner .spinner-btn-box:disabled.spinner-btn-box disabled, .post-trade-manual-trade-dialog .row4 .cross-label price-spinner-label .spinner-btn-box.disabled, .post-trade-manual-trade-dialog .row4 .cross-label price-spinner-label .spinner-btn-box:disabled.spinner-btn-box disabled {
  visibility: hidden;
}

.post-trade-manual-trade-dialog .ofec-editor .row4,
.post-trade-manual-trade-dialog .row5,
.post-trade-manual-trade-dialog .cross-row4 {
  display: flex;
  flex-wrap: wrap;
}

.post-trade-manual-trade-dialog .ofec-editor .row4 .cross-row,
.post-trade-manual-trade-dialog .row5 .cross-row,
.post-trade-manual-trade-dialog .cross-row4 .cross-row {
  width: 100%;
}

.post-trade-manual-trade-dialog .ofec-editor .row4 .prices-header,
.post-trade-manual-trade-dialog .row5 .prices-header,
.post-trade-manual-trade-dialog .cross-row4 .prices-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: .3em;
  margin-bottom: .5em;
}

.post-trade-manual-trade-dialog .ofec-editor .row4 .prices-header .toggle-cross,
.post-trade-manual-trade-dialog .row5 .prices-header .toggle-cross,
.post-trade-manual-trade-dialog .cross-row4 .prices-header .toggle-cross {
  display: flex;
}

.post-trade-manual-trade-dialog .ofec-editor .row4 .prices-header .toggle-cross .gwt-Label,
.post-trade-manual-trade-dialog .row5 .prices-header .toggle-cross .gwt-Label,
.post-trade-manual-trade-dialog .cross-row4 .prices-header .toggle-cross .gwt-Label {
  padding-right: .5em;
}

.post-trade-manual-trade-dialog .cross-row4 .point-price-panel {
  display: flex;
}

.post-trade-manual-trade-dialog .cross-row4 .prices-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.post-trade-manual-trade-dialog .cross-row4 .prices-panel .price {
  width: 40%;
}

.post-trade-manual-trade-dialog .cross-row4 .cross-legs-panel {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.post-trade-manual-trade-dialog .ofec-editor .row4 .prices-cross-panel,
.post-trade-manual-trade-dialog .row5 .prices-cross-panel {
  display: flex;
  width: 40%;
  margin-left: .2em;
}

.post-trade-manual-trade-dialog .ofec-editor .row4 .prices-cross-panel .point-price-panel,
.post-trade-manual-trade-dialog .row5 .prices-cross-panel .point-price-panel {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-left: 2em;
}

.post-trade-manual-trade-dialog .ofec-editor .row4 .prices-cross-panel .point-price-panel .field-option,
.post-trade-manual-trade-dialog .row5 .prices-cross-panel .point-price-panel .field-option {
  width: 70%;
}

.post-trade-manual-trade-dialog .ofec-editor .row4 .prices-cross-panel .point-price-panel .market-rate-oz, .post-trade-manual-trade-dialog .ofec-editor .row4 .prices-cross-panel .point-price-panel .trade-rate-oz, .post-trade-manual-trade-dialog .ofec-editor .row4 .prices-cross-panel .point-price-panel .trade-price-oz, .post-trade-manual-trade-dialog .ofec-editor .row4 .prices-cross-panel .point-price-panel .pip-point-oz,
.post-trade-manual-trade-dialog .row5 .prices-cross-panel .point-price-panel .market-rate-oz,
.post-trade-manual-trade-dialog .row5 .prices-cross-panel .point-price-panel .trade-rate-oz,
.post-trade-manual-trade-dialog .row5 .prices-cross-panel .point-price-panel .trade-price-oz,
.post-trade-manual-trade-dialog .row5 .prices-cross-panel .point-price-panel .pip-point-oz {
  font-size: 0.9em;
  text-align: center;
}

.post-trade-manual-trade-dialog .ofec-editor .row4 .market-trade-panel .point-price-panel,
.post-trade-manual-trade-dialog .row5 .market-trade-panel .point-price-panel {
  padding: .3em;
  margin-left: 1.5em;
}

.post-trade-manual-trade-dialog .ssi-panel {
  border-top-style: dashed;
  border-top-width: 1px;
  border-color: #686868;
  margin-top: 5px;
}

.post-trade-manual-trade-dialog .ssi-panel .top-separator {
  border: none;
}

.post-trade-manual-trade-dialog .ssi-panel .trade-type {
  margin-bottom: 10px;
}

.post-trade-manual-trade-dialog .ssi-panel .trade-type .ui-radio-button-group .gwt-RadioButton {
  text-transform: uppercase;
  margin-right: 5px;
  font-family: 'Roboto';
  font-style: normal;
  font-size: 11px;
}

.post-trade-manual-trade-dialog .ssi-panel .trade-type .ui-radio-button-group .gwt-RadioButton:not(:first-child):before {
  content: "|";
  margin-right: 5px;
  display: inline-block;
  transform: translateY(0.09em);
}

.post-trade-manual-trade-dialog .ssi-panel .trade-type .ui-radio-button-group .gwt-RadioButton input[type=radio] {
  display: none;
}

.post-trade-manual-trade-dialog .ssi-panel .trade-type .ui-radio-button-group .gwt-RadioButton input[type=radio] + label {
  font-size: 14px;
  cursor: pointer;
}

.post-trade-manual-trade-dialog .ssi-panel .trade-type .ui-radio-button-group .gwt-RadioButton input[type=radio] + label:before {
  font-family: webappsdk;
  font-size: 15px;
  line-height: 15px;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

.post-trade-manual-trade-dialog .ssi-panel .trade-type .ui-radio-button-group .gwt-RadioButton:not(.ui-radio-button-selected) > label:before {
  content: '\ee70';
}

.post-trade-manual-trade-dialog .ssi-panel .trade-type .ui-radio-button-group .gwt-RadioButton.ui-radio-button-selected > label:before {
  content: '\ee6e';
}

.post-trade-manual-trade-dialog .ssi-panel .trade-type .ui-radio-button-group .gwt-RadioButton-disabled input[type=radio] + label {
  cursor: default;
}

.post-trade-manual-trade-dialog .ssi-panel .addAlloc-icon {
  margin-top: 7px;
  display: flex;
  align-items: center;
}

.post-trade-manual-trade-dialog .ssi-panel .addAlloc-icon .lbl {
  margin-left: 5px;
}

.post-trade-manual-trade-dialog .pnl-credit-check-panel .pnl-value {
  display: flex;
  justify-content: center;
}

.post-trade-manual-trade-dialog .pnl-credit-check-panel .pnl-value .pnl-value-label {
  text-align: right;
  padding-left: 5px;
}

.post-trade-manual-trade-dialog .final-price-panel .commission-value-label {
  text-align: center;
}

.post-trade-manual-trade-dialog .final-price-panel .commission-absolute-label {
  color: green;
}

.post-trade-manual-trade-dialog .final-price-panel, .post-trade-manual-trade-dialog .pnl-credit-check-panel {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.post-trade-manual-trade-dialog .final-price-panel .r, .post-trade-manual-trade-dialog .pnl-credit-check-panel .r {
  display: inline-flex;
}

.post-trade-manual-trade-dialog .final-price-panel .r .left, .post-trade-manual-trade-dialog .pnl-credit-check-panel .r .left {
  width: 50%;
}

.post-trade-manual-trade-dialog .final-price-panel .r .right, .post-trade-manual-trade-dialog .pnl-credit-check-panel .r .right {
  width: 50%;
  text-align: center;
}

.post-trade-manual-trade-dialog .clear-both {
  clear: both;
}

.post-trade-manual-trade-dialog .side-qty-panel {
  width: 48%;
  display: flex;
  flex-wrap: wrap;
}

.post-trade-manual-trade-dialog .side-qty-panel .field {
  height: 26px;
}

.post-trade-manual-trade-dialog .price {
  text-align: center;
}

.post-trade-manual-trade-dialog .price .pip-content {
  height: 20px;
  line-height: 20px;
}

.post-trade-manual-trade-dialog .price .pip-exponent {
  font-size: .8em;
  margin-left: 2px;
}

.post-trade-manual-trade-dialog .price .pip-prenum-left {
  margin-right: 2px;
  font-size: .8em;
  height: 20px;
  line-height: 20px;
}

.post-trade-manual-trade-dialog .price .pip-num {
  font-size: 16px;
}

.post-trade-manual-trade-dialog .read-only-panel {
  width: 40%;
  display: flex;
  flex-direction: column;
}

.post-trade-manual-trade-dialog .read-only-panel .header-row {
  height: 25px;
  display: flex;
  justify-content: flex-end;
}

.post-trade-manual-trade-dialog .read-only-panel .client-row {
  border-top-width: 1px;
  border-top-style: solid;
}

.post-trade-manual-trade-dialog .read-only-panel .market-row, .post-trade-manual-trade-dialog .read-only-panel .client-row {
  display: flex;
  flex-direction: row;
}

.post-trade-manual-trade-dialog .read-only-panel .market-row .market-panel, .post-trade-manual-trade-dialog .read-only-panel .market-row .client-panel, .post-trade-manual-trade-dialog .read-only-panel .client-row .market-panel, .post-trade-manual-trade-dialog .read-only-panel .client-row .client-panel {
  width: 80%;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

.post-trade-manual-trade-dialog .read-only-panel .market-row .market-bid-panel, .post-trade-manual-trade-dialog .read-only-panel .market-row .market-offer-panel, .post-trade-manual-trade-dialog .read-only-panel .market-row .client-bid-panel, .post-trade-manual-trade-dialog .read-only-panel .market-row .client-offer-panel, .post-trade-manual-trade-dialog .read-only-panel .client-row .market-bid-panel, .post-trade-manual-trade-dialog .read-only-panel .client-row .market-offer-panel, .post-trade-manual-trade-dialog .read-only-panel .client-row .client-bid-panel, .post-trade-manual-trade-dialog .read-only-panel .client-row .client-offer-panel {
  width: 50%;
  padding: 5px;
  display: inline-block;
}

.post-trade-manual-trade-dialog .read-only-panel .bids-label, .post-trade-manual-trade-dialog .read-only-panel .offers-label {
  width: 40%;
  float: right;
  text-align: center;
}

.post-trade-manual-trade-dialog .read-only-panel .market-label, .post-trade-manual-trade-dialog .read-only-panel .client-label {
  width: 20%;
  float: left;
  text-align: center;
  margin: auto;
}

.post-trade-manual-trade-dialog .read-only-panel .market-row .pip-panel, .post-trade-manual-trade-dialog .read-only-panel .client-row .pip-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.post-trade-manual-trade-dialog .read-only-panel .market-row .pip-panel .price, .post-trade-manual-trade-dialog .read-only-panel .client-row .pip-panel .price {
  width: 40%;
}

.post-trade-manual-trade-dialog .read-only-panel .market-bid-panel, .post-trade-manual-trade-dialog .read-only-panel .market-offer-panel {
  border-top-width: 1px;
  border-top-style: dotted;
}

.post-trade-manual-trade-dialog .read-only-panel .client-bid-panel, .post-trade-manual-trade-dialog .read-only-panel .client-offer-panel {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

.post-trade-manual-trade-dialog .read-only-panel .market-bid-panel, .post-trade-manual-trade-dialog .read-only-panel .client-bid-panel {
  border-left-width: 1px;
  border-left-style: dotted;
}

.post-trade-manual-trade-dialog .read-only-panel .market-offer-panel, .post-trade-manual-trade-dialog .read-only-panel .client-offer-panel {
  border-right-width: 1px;
  border-right-style: dotted;
}

.post-trade-manual-trade-dialog .read-only-panel.disabled .market-panel, .post-trade-manual-trade-dialog .read-only-panel.disabled .client-panel:hover {
  cursor: default;
}

.post-trade-manual-trade-dialog .price-panel {
  width: 55%;
  margin-left: auto;
}

.post-trade-manual-trade-dialog .market-trade-panel {
  display: flex;
  justify-content: space-evenly;
}

.post-trade-manual-trade-dialog .market-trade-panel .point-price-panel {
  width: 40%;
  display: flex;
  flex-direction: column;
}

.post-trade-manual-trade-dialog .market-trade-panel .point-price-panel .field-option {
  width: 100%;
}

.post-trade-manual-trade-dialog .market-trade-panel .point-price-panel .market-rate-oz, .post-trade-manual-trade-dialog .market-trade-panel .point-price-panel .trade-rate-oz, .post-trade-manual-trade-dialog .market-trade-panel .point-price-panel .trade-price-oz, .post-trade-manual-trade-dialog .market-trade-panel .point-price-panel .pip-point-oz {
  font-size: 0.9em;
  text-align: center;
}

.post-trade-manual-trade-dialog .product-qty {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

.post-trade-manual-trade-dialog .numeric-spinner {
  margin: 2px;
}

.post-trade-manual-trade-dialog .icon-warning2 {
  float: right;
  padding: 2px;
}

.post-trade-manual-trade-dialog .selected .aligned-center {
  border-width: 1px;
  border-style: dotted;
}

.post-trade-manual-trade-dialog .action-create-panel {
  display: inline-flex;
  height: 35px;
  line-height: 35px;
}

.post-trade-manual-trade-dialog .action-create-panel .btn-warning {
  float: left;
}

.post-trade-manual-trade-dialog .action-create-panel .loading {
  margin: 0 5px;
}

.post-trade-manual-trade-dialog .create-another-posttrade {
  margin-left: 5px;
  margin-right: 5px;
  color: #BBB;
}

.post-trade-manual-trade-dialog .create-another-posttrade label {
  padding-right: 3px;
  font-weight: initial;
  font-size: 12px;
}

.post-trade-manual-trade-dialog .future-editor .point-price-panel, .post-trade-manual-trade-dialog .future-pending-editor .point-price-panel, .post-trade-manual-trade-dialog .future-linked-editor .point-price-panel {
  float: left;
  width: 20%;
  margin-right: 6.6%;
}

.post-trade-manual-trade-dialog .future-editor .point-price-panel .field-option, .post-trade-manual-trade-dialog .future-pending-editor .point-price-panel .field-option, .post-trade-manual-trade-dialog .future-linked-editor .point-price-panel .field-option {
  width: 100%;
}

.post-trade-manual-trade-dialog .swap-editor .comment, .post-trade-manual-trade-dialog .swap-linked-editor .comment {
  width: 73.2%;
}

.post-trade-manual-trade-dialog .ofec-editor .comment,
.post-trade-manual-trade-dialog .fx-editor .comment,
.post-trade-manual-trade-dialog .fx-linked-editor .comment,
.post-trade-manual-trade-dialog .fx-option-editor .comment,
.post-trade-manual-trade-dialog .fx-option-linked-editor .comment {
  margin: 0;
  width: 73.2%;
}

.post-trade-manual-trade-dialog .fx-editor .client-info-icon {
  float: left;
  margin-left: -5.25%;
}

.post-trade-manual-trade-dialog .fx-editor .side-info-icon {
  margin-left: -20.25%;
  margin-bottom: 3%;
  margin-right: 18.8%;
}

.post-trade-manual-trade-dialog .fx-editor .quantity-info-icon {
  margin-left: -5.25%;
  margin-bottom: 3%;
}

.post-trade-manual-trade-dialog .fx-editor .client-info-icon, .post-trade-manual-trade-dialog .fx-editor .side-info-icon, .post-trade-manual-trade-dialog .fx-editor .quantity-info-icon {
  cursor: help;
}

.post-trade-manual-trade-dialog .swap-editor .row3 .qty-fields, .post-trade-manual-trade-dialog .swap-pending-editor .row3 .qty-fields, .post-trade-manual-trade-dialog .swap-linked-editor .row3 .qty-fields {
  display: flex;
  flex-direction: column;
  width: 22%;
  margin-right: 4%;
}

.post-trade-manual-trade-dialog .swap-editor .row3 .qty-fields .field-option, .post-trade-manual-trade-dialog .swap-pending-editor .row3 .qty-fields .field-option, .post-trade-manual-trade-dialog .swap-linked-editor .row3 .qty-fields .field-option {
  width: auto;
  margin-right: initial;
}

.post-trade-manual-trade-dialog .swap-editor .row3 .qty-fields .field-option .field-label, .post-trade-manual-trade-dialog .swap-pending-editor .row3 .qty-fields .field-option .field-label, .post-trade-manual-trade-dialog .swap-linked-editor .row3 .qty-fields .field-option .field-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.post-trade-manual-trade-dialog .swap-editor .row3 .switch-lock, .post-trade-manual-trade-dialog .swap-pending-editor .row3 .switch-lock, .post-trade-manual-trade-dialog .swap-linked-editor .row3 .switch-lock {
  left: 49.25%;
  margin-top: 25px;
  position: absolute;
}

.post-trade-manual-trade-dialog .swap-editor .row3 .field-option:last-child, .post-trade-manual-trade-dialog .swap-pending-editor .row3 .field-option:last-child, .post-trade-manual-trade-dialog .swap-linked-editor .row3 .field-option:last-child {
  margin: 0;
}

.post-trade-manual-trade-dialog .swap-editor .comment, .post-trade-manual-trade-dialog .swap-pending-editor .comment, .post-trade-manual-trade-dialog .swap-linked-editor .comment {
  margin: 0;
}

.post-trade-manual-trade-dialog .swap-editor .point-price-panel, .post-trade-manual-trade-dialog .swap-pending-editor .point-price-panel, .post-trade-manual-trade-dialog .swap-linked-editor .point-price-panel {
  width: 50%;
  display: flex;
  flex-direction: column;
}

.post-trade-manual-trade-dialog .swap-editor .point-price-panel .field-option, .post-trade-manual-trade-dialog .swap-pending-editor .point-price-panel .field-option, .post-trade-manual-trade-dialog .swap-linked-editor .point-price-panel .field-option {
  width: 45%;
}

.post-trade-manual-trade-dialog .swap-editor .point-price-panel .pip-price, .post-trade-manual-trade-dialog .swap-editor .point-price-panel .all-in-price, .post-trade-manual-trade-dialog .swap-pending-editor .point-price-panel .pip-price, .post-trade-manual-trade-dialog .swap-pending-editor .point-price-panel .all-in-price, .post-trade-manual-trade-dialog .swap-linked-editor .point-price-panel .pip-price, .post-trade-manual-trade-dialog .swap-linked-editor .point-price-panel .all-in-price {
  margin-right: 7%;
}

.post-trade-manual-trade-dialog .swap-editor .point-price-panel .all-in-price2, .post-trade-manual-trade-dialog .swap-editor .point-price-panel .pip-price2, .post-trade-manual-trade-dialog .swap-pending-editor .point-price-panel .all-in-price2, .post-trade-manual-trade-dialog .swap-pending-editor .point-price-panel .pip-price2, .post-trade-manual-trade-dialog .swap-linked-editor .point-price-panel .all-in-price2, .post-trade-manual-trade-dialog .swap-linked-editor .point-price-panel .pip-price2 {
  margin: 0;
}

.post-trade-manual-trade-dialog .swap-editor .point-price-panel:last-child, .post-trade-manual-trade-dialog .swap-pending-editor .point-price-panel:last-child, .post-trade-manual-trade-dialog .swap-linked-editor .point-price-panel:last-child {
  border-left-width: 1px;
  border-left-style: solid;
}

.post-trade-manual-trade-dialog .swap-editor .point-price-panel:last-child .trade-price, .post-trade-manual-trade-dialog .swap-editor .point-price-panel:last-child .pip-price, .post-trade-manual-trade-dialog .swap-editor .point-price-panel:last-child .all-in-price, .post-trade-manual-trade-dialog .swap-pending-editor .point-price-panel:last-child .trade-price, .post-trade-manual-trade-dialog .swap-pending-editor .point-price-panel:last-child .pip-price, .post-trade-manual-trade-dialog .swap-pending-editor .point-price-panel:last-child .all-in-price, .post-trade-manual-trade-dialog .swap-linked-editor .point-price-panel:last-child .trade-price, .post-trade-manual-trade-dialog .swap-linked-editor .point-price-panel:last-child .pip-price, .post-trade-manual-trade-dialog .swap-linked-editor .point-price-panel:last-child .all-in-price {
  margin-left: 3%;
}

.post-trade-manual-trade-dialog .swap-editor .days-from-spot-summary, .post-trade-manual-trade-dialog .swap-pending-editor .days-from-spot-summary, .post-trade-manual-trade-dialog .swap-linked-editor .days-from-spot-summary {
  display: flex;
  justify-content: flex-end;
  padding-left: 6px;
  font-size: 14px;
}

.post-trade-manual-trade-dialog .swap-editor .days-from-spot-summary .days-from-spot-prefix, .post-trade-manual-trade-dialog .swap-pending-editor .days-from-spot-summary .days-from-spot-prefix, .post-trade-manual-trade-dialog .swap-linked-editor .days-from-spot-summary .days-from-spot-prefix {
  margin-right: 1px;
}

.post-trade-manual-trade-dialog .swap-editor .trade-price-oz, .post-trade-manual-trade-dialog .swap-editor .pip-point-oz, .post-trade-manual-trade-dialog .swap-editor .market-rate-oz, .post-trade-manual-trade-dialog .swap-editor .trade-rate-oz, .post-trade-manual-trade-dialog .swap-pending-editor .trade-price-oz, .post-trade-manual-trade-dialog .swap-pending-editor .pip-point-oz, .post-trade-manual-trade-dialog .swap-pending-editor .market-rate-oz, .post-trade-manual-trade-dialog .swap-pending-editor .trade-rate-oz, .post-trade-manual-trade-dialog .swap-linked-editor .trade-price-oz, .post-trade-manual-trade-dialog .swap-linked-editor .pip-point-oz, .post-trade-manual-trade-dialog .swap-linked-editor .market-rate-oz, .post-trade-manual-trade-dialog .swap-linked-editor .trade-rate-oz {
  text-align: center;
}

.post-trade-manual-trade-dialog .swap-pending-editor .point-price-panel:last-child {
  border-left: none !important;
}

.post-trade-manual-trade-dialog .global-pending-editor .market-bid-panel, .post-trade-manual-trade-dialog .global-pending-editor .market-offer-panel {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

.post-trade-manual-trade-dialog .global-linked-editor .trade-ref-panel .field-option {
  width: 23%;
}

.post-trade-manual-trade-dialog .global-linked-editor .label-value {
  height: 26px;
  padding: 0 5px;
  line-height: 26px;
  border-width: 1px;
  border-style: dotted;
}

.post-trade-manual-trade-dialog .global-linked-editor .ref-container-panel {
  width: 50%;
  float: left;
}

.post-trade-manual-trade-dialog .global-linked-editor .ref-container-panel .field-option {
  width: 40%;
}

.post-trade-manual-trade-dialog .global-linked-editor .pie-chart-panel {
  width: 50%;
  float: left;
  height: 200px;
  margin-bottom: -90px;
}

.post-trade-manual-trade-dialog .global-linked-editor .client-bid-panel, .post-trade-manual-trade-dialog .global-linked-editor .client-offer-panel {
  border-top-width: 1px;
  border-top-style: dotted;
}

.posttrade-alloc {
  display: flex;
  flex-direction: column;
}

.posttrade-alloc .posttrade-error {
  font-size: 17px;
  text-align: center;
  margin-bottom: 5px;
}

.posttrade-alloc .posttrade-alloc-header {
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 10px;
}

.posttrade-alloc .posttrade-alloc-header .posttrade-resume-elt {
  display: inline-block;
  margin-right: 5px;
}

.posttrade-alloc .post-trade-allocation-panel {
  flex-grow: 2;
}

.posttrade-alloc .post-trade-allocation-panel .posttrade-alloc-export-import-action {
  margin-bottom: 10px;
}

.posttrade-alloc .post-trade-allocation-panel .posttrade-alloc-action {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.posttrade-alloc .post-trade-allocation-panel .posttrade-alloc-action .add-allocation-panel {
  display: flex;
}

.posttrade-alloc .post-trade-allocation-panel .posttrade-alloc-action .add-allocation-panel .icon-plus2 {
  margin-right: 5px;
}

.posttrade-alloc .post-trade-allocation-panel .posttrade-alloc-action .add-allocation-panel .add-allocation-count {
  margin-left: 5px;
}

.posttrade-alloc .post-trade-allocation-panel .posttrade-alloc-action .delete-all-allocations-icon {
  margin-left: 20px;
}

.posttrade-alloc .post-trade-allocation-panel .posttrade-alloc-action .delete-all-allocations-icon .icon-bin {
  margin-right: 5px;
}

.posttrade-alloc .post-trade-allocation-panel .allocation-leg-panel {
  max-height: 300px;
  min-height: 50px;
  overflow-y: auto;
  padding: 5px 0;
}

.posttrade-alloc .post-trade-allocation-panel .allocation-leg-panel .allocation {
  margin-top: 5px;
  width: 100%;
  height: 1.8em;
  display: flex;
  justify-content: space-around;
  padding: 0 5px;
}

.posttrade-alloc .post-trade-allocation-panel .allocation-leg-panel .allocation .account-picker {
  width: 12em;
  min-width: 12em;
}

.posttrade-alloc .post-trade-allocation-panel .allocation-leg-panel .allocation .sides-list {
  width: 20%;
  border-radius: 4px;
  height: 26px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  margin: 0 5px;
}

.posttrade-alloc .post-trade-allocation-panel .allocation-leg-panel .allocation .percent-label {
  min-width: 55px;
  margin: 0 5px;
}

.posttrade-alloc .post-trade-allocation-panel .allocation-leg-panel .allocation .quantity-label {
  min-width: 8em;
  margin: 0 5px;
}

.posttrade-alloc .post-trade-allocation-panel .allocation-leg-panel .allocation .gwt-Label {
  border: 1px solid;
  border-radius: 3px;
  border-style: dotted;
  padding-left: .5em;
  padding-right: .5em;
  overflow: hidden;
  text-overflow: clip;
  line-height: 1.8em;
  text-align: center;
}

.posttrade-alloc .post-trade-allocation-panel .allocation-leg-panel .allocation .icon-calculator2 {
  margin-right: 5px;
}

.posttrade-alloc .post-trade-allocation-panel .allocation-leg-panel .allocation .alloc-ro-index {
  width: 10%;
  border-style: solid !important;
}

.posttrade-alloc .post-trade-allocation-panel .allocation-leg-panel .allocation .alloc-ro-acc, .posttrade-alloc .post-trade-allocation-panel .allocation-leg-panel .allocation .alloc-ro-qty {
  width: 32%;
  border-style: solid !important;
}

.posttrade-alloc .post-trade-allocation-panel .allocation-leg-panel .allocation .alloc-ro-side {
  width: 20%;
  border-style: solid !important;
}

.posttrade-alloc .post-trade-allocation-panel .posttrade-alloc-import {
  position: absolute;
  top: 55%;
  left: 40%;
}

.posttrade-alloc .post-trade-allocation-panel .posttrade-alloc-import label {
  padding: 10px;
}

.posttrade-alloc .post-trade-allocation-panel .posttrade-trade-alloc-enabled-import {
  margin-left: 10px;
}

.posttrade-alloc .post-trade-allocation-panel .posttrade-alloc-import label, .posttrade-alloc .post-trade-allocation-panel .posttrade-trade-alloc-enabled-import label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
}

.posttrade-alloc .post-trade-allocation-panel .posttrade-alloc-import input, .posttrade-alloc .post-trade-allocation-panel .posttrade-trade-alloc-enabled-import input {
  display: none;
}

.posttrade-alloc .posttrade-alloc-footer .posttrade-quantity-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.posttrade-alloc .posttrade-alloc-footer .posttrade-quantity-row .icon-warning2 {
  margin-right: 5px;
  cursor: default;
  pointer-events: none;
}

.posttrade-alloc .posttrade-alloc-footer .posttrade-quantity-row .posttrade-quantity-elt {
  margin-right: 20px;
  padding-top: 6px;
}

.posttrade-alloc .posttrade-loading {
  position: absolute;
  top: 45%;
  left: 45%;
  z-index: 101;
}

.posttrade-alloc .posttrade-loading-glass {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  z-index: 100;
}

.posttrade-error-panel {
  overflow-y: auto;
  max-height: 500px;
}

.posttrade-error-panel .posttrade-error-elt {
  margin: 5px;
  white-space: nowrap;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-trade-import-panel {
  overflow-y: auto;
  max-height: 300px;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-trade-import-panel .linked-trade {
  margin-top: 5px;
  width: 100%;
  height: 1.8em;
  display: flex;
  justify-content: space-around;
  padding: 0 5px;
  font-size: 11px;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-trade-import-panel .linked-trade .linked-trade-elt {
  border: 1px #999 solid;
  border-radius: 3px;
  padding-left: .5em;
  padding-right: .5em;
  overflow: hidden;
  text-overflow: clip;
  line-height: 1.8em;
  text-align: center;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-trade-import-panel .linked-trade .linked-trade-ccy {
  width: 19%;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-trade-import-panel .linked-trade .linked-trade-bu {
  width: 25%;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-trade-import-panel .linked-trade .linked-trade-acc {
  width: 20%;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-trade-import-panel .linked-trade .linked-trade-instr {
  width: 25%;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-trade-import-panel .linked-trade .linked-trade-qty1 {
  width: 11%;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-trade-import-panel .linked-trade .linked-trade-qty1.swap {
  width: 8%;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-trade-import-panel .linked-trade .linked-trade-qty2 {
  width: 8%;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-trade-import {
  text-align: center;
  margin-top: 10px;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-trade-import .posttrade-linked-trade-import-btn label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  padding: 10px;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-trade-import .posttrade-linked-trade-import-btn input {
  display: none;
}

.posttrade-linked-trade .posttrade-linked-trade-panel .posttrade-linked-resume .posttrade-linked-resume-elt {
  display: inline-block;
  margin-right: 5px;
}

.posttrade-linked-trade .posttrade-linked-trade-panel-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}

.posttrade-linked-trade .posttrade-linked-trade-panel-footer .export-template-btn {
  align-self: center;
  margin-right: 20px;
}

.loading-lock {
  position: relative;
}

.loading-lock:before {
  content: " ";
  background-color: #444;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  opacity: 0;
  animation: look-disabled 1s linear infinite;
  animation-delay: 0.3s;
}

.loading-lock:after {
  content: " ";
  display: block;
  animation: in-progress 0.5s linear infinite;
  animation-delay: 0.3s;
  position: absolute;
  width: 100px;
  height: 100px;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  z-index: 11;
  border: 10px solid rgba(0, 174, 239, 0.15);
  border-top: 10px solid rgba(0, 174, 239, 0.8);
  border-radius: 50%;
  box-sizing: border-box;
  opacity: 0;
}

@keyframes look-disabled {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.5;
  }
}

@keyframes in-progress {
  0% {
    transform: rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: rotate(360deg);
    opacity: 1;
  }
}

.swap-editor .days-from-spot-widget,
.swap-pending-editor .days-from-spot-widget,
.swap-linked-editor .days-from-spot-widget,
.ofec-editor .days-from-spot-widget,
.ofec-pending-editor .days-from-spot-widget,
.ofec-linked-editor .days-from-spot-widget,
.fx-editor .days-from-spot-widget,
.fx-pending-editor .days-from-spot-widget,
.fx-linked-editor .days-from-spot-widget {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.swap-editor .days-from-spot-widget .days-from-spot-title,
.swap-pending-editor .days-from-spot-widget .days-from-spot-title,
.swap-linked-editor .days-from-spot-widget .days-from-spot-title,
.ofec-editor .days-from-spot-widget .days-from-spot-title,
.ofec-pending-editor .days-from-spot-widget .days-from-spot-title,
.ofec-linked-editor .days-from-spot-widget .days-from-spot-title,
.fx-editor .days-from-spot-widget .days-from-spot-title,
.fx-pending-editor .days-from-spot-widget .days-from-spot-title,
.fx-linked-editor .days-from-spot-widget .days-from-spot-title {
  font-size: 12px;
}

.swap-editor .days-from-spot-widget .days-from-spot-spinner,
.swap-pending-editor .days-from-spot-widget .days-from-spot-spinner,
.swap-linked-editor .days-from-spot-widget .days-from-spot-spinner,
.ofec-editor .days-from-spot-widget .days-from-spot-spinner,
.ofec-pending-editor .days-from-spot-widget .days-from-spot-spinner,
.ofec-linked-editor .days-from-spot-widget .days-from-spot-spinner,
.fx-editor .days-from-spot-widget .days-from-spot-spinner,
.fx-pending-editor .days-from-spot-widget .days-from-spot-spinner,
.fx-linked-editor .days-from-spot-widget .days-from-spot-spinner {
  width: 64px;
  font-size: 14px;
}

.fx-option-editor .field-option.with-days-from-spot,
.fx-option-pending-editor .field-option.with-days-from-spot,
.fx-option-linked-editor .field-option.with-days-from-spot {
  display: flex;
}

.fx-option-editor .field-option.with-days-from-spot > *,
.fx-option-pending-editor .field-option.with-days-from-spot > *,
.fx-option-linked-editor .field-option.with-days-from-spot > * {
  width: 50%;
}

.fx-option-editor .days-from-spot-widget .days-from-spot-spinner,
.fx-option-pending-editor .days-from-spot-widget .days-from-spot-spinner,
.fx-option-linked-editor .days-from-spot-widget .days-from-spot-spinner {
  height: 28px;
  margin: 0px 0px 0px 2px;
}

.posttrade-editor-tooltip .tooltip-body {
  line-height: normal;
}

.posttrade-editor-tooltip .tooltip-footer button {
  height: 29px;
  line-height: normal;
  border-radius: 9px;
}

.posttrade-editor-tooltip .tooltip-footer button:first-child {
  margin-right: 5px;
}

.interest-fwpp .fwdp-value {
  text-align: center;
  margin: 2px;
  padding-right: 25px;
  padding-left: 2px;
}

.field-option.percent-fwd {
  margin-top: 46.1px;
}

.percent-fwd .pip-price {
  margin-top: 46.1px;
}

.cancel-action-dialog .form-field {
  margin-bottom: 0;
}

.cancel-action-dialog .form-field textarea {
  resize: none;
}

.cancel-action-dialog .form-field .caption {
  display: flex;
  justify-content: space-between;
}

.cancel-action-dialog .cancel-comment-info-label {
  display: inline-flex;
  color: #A6A6A6;
}

.cancel-action-dialog .cancel-comment-info-label .icon {
  margin-right: 5px;
}

.sms-ui-ems .trade-summary {
  padding: 15px;
}

.sms-ui-ems .trade-summary .title {
  color: white;
  border-bottom: 2px solid gray;
}

.sms-ui-ems .trade-summary .info-area {
  display: flex;
  color: white;
  margin-bottom: 5px;
  margin-top: 10px;
  justify-content: space-between;
}

.sms-ui-ems .trade-summary .info-area .area-title {
  border-bottom: 1px solid #424242;
  font-weight: 600;
}

.sms-ui-ems .trade-summary .info-area .summary-area {
  width: 40%;
  border-right: 1px solid #424242;
  padding-right: 1%;
}

.sms-ui-ems .trade-summary .info-area .summary-area *[caption] {
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid #424242;
  word-break: break-word;
  min-height: 20px;
}

.sms-ui-ems .trade-summary .info-area .summary-area *[caption].instrument {
  color: white;
  font-weight: 600;
}

.sms-ui-ems .trade-summary .info-area .summary-area *[caption].offer {
  color: #128612;
  font-weight: 600;
}

.sms-ui-ems .trade-summary .info-area .summary-area *[caption].bid {
  color: #F19A47;
  font-weight: 600;
}

.sms-ui-ems .trade-summary .info-area .summary-area *[caption]:before {
  width: 150px;
  content: attr(caption);
  font-size: 12px;
  color: #BDBDBD;
  display: block;
  padding-right: 10px;
  flex-shrink: 0;
}

.sms-ui-ems .trade-summary .info-area .summary-area .status-div {
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid #424242;
  word-break: break-word;
  height: 20px;
  font-weight: 600;
}

.sms-ui-ems .trade-summary .info-area .summary-area .status-div .status-title {
  width: 150px;
  font-size: 12px;
  color: #BDBDBD;
  display: block;
  padding-right: 10px;
  flex-shrink: 0;
}

.sms-ui-ems .trade-summary .info-area .summary-area .status-div .status {
  border-radius: 3px;
  font-size: 11px;
  padding: 0px 15px;
  align-self: center;
}

.sms-ui-ems .trade-summary .info-area .summary-area .status-div .status.terminal {
  background: #8D2929;
}

.sms-ui-ems .trade-summary .info-area .summary-area .status-div .status.alive {
  background: #1D6121;
}

.sms-ui-ems .trade-summary .info-area .quotes-area {
  width: 59%;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list .quote-column {
  color: white;
  text-align: right;
  min-width: 100px;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list .quote-column.dealers {
  text-align: left;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list .quote-column.dealers .dealer {
  display: flex;
  border-right: 1px dashed #424242;
  justify-content: space-between;
  padding-right: 5px;
  margin-top: 5px;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list .quote-column.dealers .dealer .gwt-Label {
  border-right: none;
  margin-top: 0px;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list .quote-column.dealers .dealer .icon {
  cursor: default;
  font-size: 12px;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list .quote-column.dealers .dealer .icon:hover {
  color: #BBB;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list .quote-column.dealers .dealer .icon.icon-crown {
  color: yellow;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list .quote-column.dealers .dealer .icon.icon-crown:hover {
  color: yellow;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list .quote-column .gwt-Label {
  padding-right: 5px;
  border-right: 1px dashed #424242;
  margin-top: 5px;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list .quote-column .gwt-Label.dist {
  border-right: none;
  color: #FF8989;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list .quote-column .gwt-Label.column-name {
  font-weight: 400;
  color: #BDBDBD;
  border-right: 1px solid #424242;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list .quote-column .gwt-Label.column-name.dist {
  border-right: none;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .quote-list .quote-column .gwt-Label.dealer-id {
  text-align: left;
}

.sms-ui-ems .trade-summary .info-area .quotes-area .message {
  color: gray;
  display: flex;
  white-space: break-spaces;
}

.sms-ui-ems .blotter-atom .header .rowbuttons {
  padding: 1px;
  margin-bottom: 0;
  background: black;
}

.sms-ui-ems .blotter-atom .header .rowbuttons .title {
  padding: 1px 5px;
  color: white;
  font-size: 12px;
  font-weight: 900;
  height: 20px;
  display: flex;
  align-items: center;
  margin-right: 5px;
}

.sms-ui-ems .child-blotter-container,
.sms-ui-ems .parent-blotter-container {
  position: relative;
}

.sms-ui-ems .child-blotter-container {
  height: 30%;
}

.sms-ui-ems .child-blotter-container .rowfilter {
  display: none;
}

.sms-ui-ems .parent-blotter-container {
  height: 70%;
}

.sms-ui-ems .select2-container-multi .select2-choices {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.sms-ui-ems .select2-container-multi .select2-choices .select2-search-choice {
  padding: 1px 1px 1px 15px;
  font-size: 11px;
  letter-spacing: 1px;
  margin: 1px 2px;
}

.sms-ui-ems .select2-container-multi .select2-choices .select2-search-field {
  height: 17px;
}

.sms-ui-ems .select2-container-multi .select2-choices .select2-search-field input {
  margin: 1px;
  padding: 0 5px;
}

.sms-ui-ems .main-layout .header .logo h1 {
  margin: 0;
  color: #333;
  padding: 3px;
  font-size: x-large;
  background: orange;
}

.sms-ui-ems .main-layout .header .lp-status .dropdown-menu .btn .gwt-Button {
  cursor: auto;
}

.sms-ui-ems .main-layout .middle .primary-area {
  position: relative;
  height: calc(100% - 320px);
}

.sms-ui-ems .main-layout .middle .blotters-area {
  height: 320px;
  position: relative;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom,
.sms-ui-ems .main-layout .middle .blotters-area .transaction-blotter {
  height: 100%;
  position: absolute;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom {
  width: 500px;
  padding: 5px;
  color: #dddddd;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .info-item .info-value {
  padding-left: 5px;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-header {
  display: flex;
  min-height: 40px;
  flex-direction: column;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-header .subscription-type-panel {
  display: flex;
  align-items: center;
  background-color: black;
  justify-content: space-between;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-header .title {
  padding: 0 5px;
  font-size: 12px;
  font-weight: 900;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-header .instrument-panel {
  height: 36px;
  display: flex;
  background: #333;
  padding-left: 5px;
  align-items: center;
  justify-content: space-between;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-header .instrument-panel .info-value,
.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-header .instrument-panel .select2-container {
  width: 50%;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-header .instrument-panel .select2-container .select2-choice {
  height: 27px;
  border-width: 0;
  background: transparent;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-header .instrument-panel .select2-container .select2-choice .select2-chosen {
  color: #bbb;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-header .instrument-panel .select2-container .select2-choice .select2-arrow,
.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-header .instrument-panel .select2-container .select2-choice .select2-search-choice-close {
  visibility: hidden;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-header .instrument-panel .select2-container:hover .select2-choice {
  border-width: 1px;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-header .instrument-panel .select2-container:hover .select2-choice .select2-arrow,
.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-header .instrument-panel .select2-container:hover .select2-choice .select2-search-choice-close {
  visibility: visible;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .depthPanel {
  padding: 5px 0;
  overflow-y: auto;
  height: calc(100% - 95x);
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .depthPanel .depth-header {
  color: #b7b1b1;
  display: flex;
  font-size: small;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .depthPanel .depth-header .bid {
  background: #0f131d;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .depthPanel .depth-header .offer {
  background: #271e12;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .depthPanel .depth-header .gwt-Label {
  width: 16.66%;
  padding: 2px 0;
  text-align: center;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .depthPanel .market-row {
  height: 31px;
  display: flex;
  border-bottom: 1px solid black;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .depthPanel .row-label {
  width: 16.66%;
  padding: 5px 0;
  text-align: center;
  border: 1px solid transparent;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .depthPanel .row-label.bid {
  background: #162035;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .depthPanel .row-label.offer {
  background: #382509;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .depthPanel .row-label.qty {
  color: #b7b1b1;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .depthPanel .row-label.price {
  color: white;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .depthPanel .row-label.qty-highlighted {
  color: rgba(0, 0, 0, 0.87) !important;
  background-color: #FFD600;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .depthPanel .row-label.price-highlighted {
  color: rgba(0, 0, 0, 0.87) !important;
  background-color: #FFD600;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .infoPanel {
  display: flex;
  flex-wrap: wrap;
  padding-left: 5px;
  border: 1px solid #333;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .infoPanel .info-item {
  width: calc(100%/6);
  text-align: center;
}

.sms-ui-ems .main-layout .middle .blotters-area .market-atom .ems-market-body .infoPanel .info-item:before {
  content: attr(caption);
  color: #a9a6a6;
  line-height: 20px;
  display: block;
  font-size: 12px;
}

.sms-ui-ems .main-layout .middle .blotters-area .transaction-blotter {
  right: 0;
  left: 500px;
  min-width: 600px;
}

.sms-ui-ems .main-layout .middle .blotters-area .transaction-blotter .grid-customize-btn-group {
  flex-grow: 1;
}

.sms-ui-ems .ems-quoting-blotter-atom {
  margin-bottom: 4px;
}

.sms-ui-ems .ems-quoting-blotter-atom .grid-action-btn-group .send-quotes-btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 12px;
  border-radius: 0px;
}

.sms-ui-ems .ems-quoting-blotter-atom .grid-action-btn-group .cancel-quotes-btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 12px;
  border-radius: 0px 3px 3px 0px;
}

.sms-ui-ems .ems-quoting-blotter-atom .grid-action-btn-group .add-line-btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 12px;
  border-radius: 3px 0px 0px 3px;
}

.sms-ui-ems .ems-quoting-blotter-atom .disabled-qty-label {
  margin-right: 16.8px;
}

.sms-ui-ems .ems-quoting-blotter-atom .ems-status-filled {
  background-color: #ad5424 !important;
}

.sms-ui-ems .ems-quoting-blotter-atom .ems-status-filled:nth-child(even) {
  background-color: #9e5026 !important;
}

.sms-ui-ems .ems-quoting-blotter-atom .depth-pos-first {
  background-color: #254a0a !important;
}

.sms-ui-ems .ems-quoting-blotter-atom .depth-pos-first:nth-child(even) {
  background-color: #265206 !important;
}

.sms-ui-ems .ems-quoting-blotter-atom .depth-pos-second {
  background-color: #880000 !important;
}

.sms-ui-ems .ems-quoting-blotter-atom .depth-pos-second:nth-child(even) {
  background-color: #790000 !important;
}

.sms-ui-ems .ems-quoting-blotter-atom .depth-position-renderer {
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
}

.sms-ui-ems .ems-quoting-blotter-atom .numeric-spinner .spinner-btn-box {
  line-height: 1.3em;
}

.sms-ui-ems .ems-quoting-blotter-atom .security-renderer {
  height: 27px;
}

.sms-ui-ems .ems-quoting-blotter-atom .select2-container .select2-choice {
  height: 27px;
  border-width: 0;
  background: transparent;
}

.sms-ui-ems .ems-quoting-blotter-atom .select2-container .select2-choice .select2-chosen {
  color: #bbb;
}

.sms-ui-ems .ems-quoting-blotter-atom .select2-container .select2-choice .select2-arrow,
.sms-ui-ems .ems-quoting-blotter-atom .select2-container .select2-choice .select2-search-choice-close {
  visibility: hidden;
}

.sms-ui-ems .ems-quoting-blotter-atom .hovered .select2-container .select2-choice {
  border-width: 1px;
}

.sms-ui-ems .ems-quoting-blotter-atom .hovered .select2-container .select2-choice .select2-arrow,
.sms-ui-ems .ems-quoting-blotter-atom .hovered .select2-container .select2-choice .select2-search-choice-close {
  visibility: visible;
}

.sms-ui-ems .ems-quoting-blotter-atom .numeric-spinner {
  border-width: 0;
  border-radius: 4px;
  background: transparent;
}

.sms-ui-ems .ems-quoting-blotter-atom .numeric-spinner .spinner-value {
  color: #bbb;
  background-color: transparent;
}

.sms-ui-ems .ems-quoting-blotter-atom .numeric-spinner .spinner-btn-box {
  visibility: hidden;
}

.sms-ui-ems .ems-quoting-blotter-atom .hovered .numeric-spinner {
  border-width: 1px;
}

.sms-ui-ems .ems-quoting-blotter-atom .hovered .numeric-spinner .spinner-btn-box {
  visibility: visible;
}

.sms-ui-ems .ems-quoting-blotter-atom.blotter-atom.scrollable .table tbody tr.hovered {
  background-color: rgba(0, 174, 239, 0.35) !important;
}

.sms-ui-ems .ems-reporting-panel {
  display: flex;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.sms-ui-ems .ems-reporting-panel .blotter-container {
  position: relative;
  width: 100%;
}

.sms-ui-ems .ems-reporting-panel .form-container {
  position: relative;
  border-radius: 5px;
  background: #333;
}

.sms-ui-ems .ems-reporting-panel .form-container {
  display: flex;
}

.sms-ui-ems .ems-reporting-panel .link-form {
  margin: 5px;
  width: 250px;
  animation: slide-in-left 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.sms-ui-ems .ems-reporting-panel .link-form .header-form {
  height: 45px;
  position: absolute;
  color: white;
  width: 100%;
}

.sms-ui-ems .ems-reporting-panel .link-form .title-form,
.sms-ui-ems .ems-reporting-panel .link-form .summary-form {
  text-align: center;
  width: 100%;
}

.sms-ui-ems .ems-reporting-panel .link-form .body-form {
  top: 45px;
  position: relative;
  align-items: center;
  bottom: 40px;
}

.sms-ui-ems .ems-reporting-panel .link-form .body-form .field-option {
  padding: 5px;
  display: flex;
  justify-content: space-between;
}

.sms-ui-ems .ems-reporting-panel .link-form .body-form .field-option .field-caption {
  width: 40%;
  color: #ddd;
}

.sms-ui-ems .ems-reporting-panel .link-form .body-form .field-option .field-value {
  width: 50%;
}

.sms-ui-ems .ems-reporting-panel .link-form .body-form .field-option .field-value .gwt-DateBox,
.sms-ui-ems .ems-reporting-panel .link-form .body-form .field-option .field-value .gwt-TextBox {
  width: 100%;
}

.sms-ui-ems .ems-reporting-panel .link-form .body-form .orders-description {
  margin-left: 30px;
  color: white;
}

.sms-ui-ems .ems-reporting-panel .link-form .footer-form {
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  padding: 0 5px 5px 5px;
  justify-content: space-between;
  height: 40px;
}

.sms-ui-ems .ems-reporting-panel .link-form .footer-form .confirm-link {
  color: #fff;
  border-color: #4cae4c;
  background-color: #5cb85c;
  width: 40%;
}

.sms-ui-ems .ems-reporting-panel .link-form .footer-form .cancel-link {
  width: 40%;
}

.sms-ui-ems .ems-reporting-panel .link-form .form-field {
  display: flex;
  align-items: center;
  color: white;
  padding-top: 5px;
}

.sms-ui-ems .ems-reporting-panel .link-form .form-field .caption {
  padding-right: 3px;
  width: 40%;
  box-sizing: border-box;
}

.sms-ui-ems .ems-reporting-panel .link-form .form-field .field {
  width: 60%;
}

.sms-ui-ems .ems-reporting-panel .link-form .gwt-RadioButton {
  color: white;
  display: block;
}

.sms-ui-ems .ems-reporting-panel .link-form input[type="radio"] {
  -webkit-appearance: checkbox;
  /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;
  /* Firefox */
  -ms-appearance: checkbox;
  margin-right: 5px;
}

.sms-ui-ems .ems-taking-panel {
  display: flex;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.sms-ui-ems .ems-taking-panel .blotter-container {
  width: 100%;
}

.sms-ui-ems .ems-taking-panel .form-container {
  position: relative;
  border-radius: 5px;
}

.sms-ui-ems .ems-taking-panel .form-container {
  display: flex;
}

.sms-ui-ems .ems-taking-panel .slice-form {
  margin: 5px;
  width: 290px;
  animation: slide-in-left 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.sms-ui-ems .ems-taking-panel .slice-form .header-form {
  height: 45px;
  position: absolute;
  color: white;
  width: 100%;
}

.sms-ui-ems .ems-taking-panel .slice-form .title-form,
.sms-ui-ems .ems-taking-panel .slice-form .summary-form {
  text-align: center;
  width: 100%;
}

.sms-ui-ems .ems-taking-panel .slice-form .body-form {
  top: 45px;
  position: absolute;
  align-items: center;
  bottom: 40px;
}

.sms-ui-ems .ems-taking-panel .slice-form .body-form .field-option {
  padding: 5px;
  display: flex;
  justify-content: space-between;
}

.sms-ui-ems .ems-taking-panel .slice-form .body-form .field-option .field-caption {
  width: 45%;
  color: #ddd;
}

.sms-ui-ems .ems-taking-panel .slice-form .body-form .field-option .field-value {
  width: 50%;
}

.sms-ui-ems .ems-taking-panel .slice-form .body-form .field-option .field-value .gwt-DateBox,
.sms-ui-ems .ems-taking-panel .slice-form .body-form .field-option .field-value .gwt-TextBox {
  width: 100%;
}

.sms-ui-ems .ems-taking-panel .slice-form .footer-form {
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  padding: 0 5px 5px 5px;
  justify-content: space-between;
  height: 40px;
}

.sms-ui-ems .ems-taking-panel .slice-form .footer-form .send-slice {
  color: #fff;
  border-color: #4cae4c;
  background-color: #5cb85c;
  width: 45%;
}

.sms-ui-ems .ems-taking-panel .slice-form .footer-form .cancel-slice {
  width: 45%;
}

.sms-ui-ems .ems-taking-panel .slice-form .form-field {
  display: flex;
  align-items: center;
  color: white;
  padding-top: 5px;
}

.sms-ui-ems .ems-taking-panel .slice-form .form-field .caption {
  padding-right: 3px;
  width: 40%;
  box-sizing: border-box;
}

.sms-ui-ems .ems-taking-panel .slice-form .form-field .field {
  width: 60%;
}

.sms-ui-ems .ems-historical-panel {
  display: flex;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.sms-ui-ems .ems-historical-panel .blotter-historical-container {
  width: 100%;
}

.sms-ui-ems .ems-historical-panel .form-container {
  position: relative;
  border-radius: 5px;
  background: #333;
  width: 100%;
  display: flex;
}

.sms-ui-ems .test-ui-container {
  height: 98vh;
  display: flex;
}

.sms-ui-ems .test-ui-container .action {
  width: 10%;
  height: 100%;
  display: flex;
  min-width: 150px;
  flex-direction: column;
}

.sms-ui-ems .test-ui-container .action .gwt-Button {
  width: 90%;
  height: 30px;
  margin: 5%;
}

.sms-ui-ems .test-ui-container .body {
  width: 100%;
  position: relative;
  background: silver;
}

.sms-ui-ems .blotters-area {
  height: 400px;
  position: relative;
}

.sms-ui-ems .primary-area {
  position: relative;
  height: calc(100% - 400px);
}

.sms-ui-ems .tabContainer-panel {
  width: 100%;
  height: 100%;
}

.sms-ui-ems .ems-action {
  display: flex !important;
  align-items: center;
  justify-content: space-evenly;
}

.sms-ui-ems .ems-action .icon {
  font-size: 15px;
  line-height: 25px;
}

.sms-ui-ems .ems-action .icon:hover:not([disabled]) {
  background: rgba(255, 255, 255, 0.15);
}

.sms-ui-ems .ems-action .ems-action-icon {
  width: 30%;
}

.sms-ui-ems .ems-action .ems-action-icon.icon-send-nos {
  color: grey;
}

.sms-ui-ems .ems-action .ems-action-icon.icon-send-quote {
  color: green;
}

.sms-ui-ems .ems-highlight-row .symbol-renderer,
.sms-ui-ems .ems-highlight-row .symbol-renderer .select2-container .select2-choice .select2-chosen {
  color: rgba(0, 0, 0, 0.87) !important;
  background-color: #FFD600;
}

.sms-ui-ems .ems-highlight-row .security-id-renderer,
.sms-ui-ems .ems-highlight-row .security-id-renderer .select2-container .select2-choice .select2-chosen {
  color: rgba(0, 0, 0, 0.87) !important;
  background-color: #FFD600;
}

.sms-ui-ems .ems-highlight-row .security-renderer,
.sms-ui-ems .ems-highlight-row .security-renderer .select2-container .select2-choice .select2-chosen {
  color: rgba(0, 0, 0, 0.87) !important;
  background-color: #FFD600;
}

.sms-ui-ems .highlight-instrument {
  color: rgba(0, 0, 0, 0.87);
  background-color: #FFD600;
}

.sms-ui-ems .highlight-instrument.select2-container .select2-choice .select2-chosen {
  color: rgba(0, 0, 0, 0.87) !important;
  background-color: #FFD600;
}

.sms-ui-ems .instrument-panel .highlight-instrument .select2-choice .select2-chosen {
  color: rgba(0, 0, 0, 0.87);
  background-color: #FFD600;
}

.sms-ui-ems .btn[disabled],
.sms-ui-ems .btn-primary[disabled] {
  border-color: transparent;
}

@keyframes slide-in-left {
  0% {
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.sms-ui-ems .details-atom .native-fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: black;
  margin: 12px;
  border-radius: 5px;
  padding: 0;
}

.sms-ui-ems .details-atom .native-fields .field {
  background: transparent;
}

.sms-ui-ems .details-atom .native-fields .field-name {
  font-size: 13px !important;
}

.sms-ui-ems .details-atom .native-fields .field-value {
  font-size: 15px !important;
}

.sms-ui-ems .details-atom .details {
  display: flex;
  flex-wrap: wrap;
  padding: 0 5px;
}

.sms-ui-ems .details-atom .details .field {
  padding: 5px;
  flex-grow: 1;
  margin: 2px 5px;
  background: black;
  border-radius: 5px;
}

.sms-ui-ems .details-atom .field {
  padding: 5px;
  display: block !important;
}

.sms-ui-ems .details-atom .field .field-value,
.sms-ui-ems .details-atom .field .field-name {
  display: block !important;
}

.sms-ui-ems .details-atom .field .field-name {
  width: 100%;
  color: #a9a6a6;
  font-size: 12px;
  font-weight: normal;
}

.sms-ui-ems .details-atom .field .field-value {
  color: white;
  font-size: 14px;
  padding-top: 1px;
}

.sms-ui-ems .ticker-atom {
  width: 100%;
  height: 100%;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .header {
  padding: 0 !important;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .header .ems-row {
  width: 100%;
  color: white;
  background: #424242;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .header .ems-row .px,
.sms-ui-ems .ticker-atom .ticker-atom-content .header .ems-row .qty {
  color: white;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .header .ems-row .px {
  margin-right: 10px;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .body {
  overflow-x: hidden;
  height: calc(100% - 30px);
}

.sms-ui-ems .ticker-atom .ticker-atom-content .body .ems-row {
  color: #BBB;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .body .ems-row:nth-child(odd) {
  background: #111;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .body .ems-row:nth-child(even) {
  background: #222;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .body .ems-row .px,
.sms-ui-ems .ticker-atom .ticker-atom-content .body .ems-row .qty {
  color: #DDD;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .ems-row {
  display: flex;
  padding: 5px 0 5px 5px;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .ems-row .date,
.sms-ui-ems .ticker-atom .ticker-atom-content .ems-row .security,
.sms-ui-ems .ticker-atom .ticker-atom-content .ems-row .price {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .ems-row .date {
  width: 5ch;
  min-width: 10%;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .ems-row .security {
  width: 55%;
  font-weight: bold;
  text-align: center;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .ems-row .qap {
  display: flex;
  width: 35%;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .ems-row .qap .px {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  margin-right: 12px;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .ems-row .qap .px .right-px {
  width: 3ch;
}

.sms-ui-ems .ticker-atom .ticker-atom-content .ems-row .qap .qty {
  width: 50%;
  text-align: right;
}

.sms-ui-ems .curve-atom {
  overflow-y: auto !important;
}

.sms-ui-ems .curve-atom .grid-container .curve-grid-row {
  display: flex;
}

.sms-ui-ems .curve-atom .grid-container .curve-grid-row .gwt-Label {
  width: 25%;
  text-align: right;
  padding-right: 5%;
  letter-spacing: 2px;
}

.sms-ui-ems .curve-atom .grid-container .header-grid {
  display: flex;
  background-color: black;
}

.sms-ui-ems .curve-atom .grid-container .header-grid .gwt-Label {
  width: 25%;
  text-align: center;
  letter-spacing: 2px;
}

.sms-ui-ems .curve-atom .grid-container .body-grid {
  display: flex;
  flex-direction: column;
}

.sms-ui-ems .curve-atom .grid-container .curve-grid-row {
  height: 23px;
  border-bottom: 1px solid black;
}

.sms-ui-ems .curve-atom .grid-container .curve-grid-row:hover {
  background-color: #353535;
}

.sms-ui-ems .curve-atom .grid-container .curve-grid-row.row-selected {
  background-color: #577999;
}

@media (min-width: 768px) {
  .sms-ui-ems .modal-dialog {
    width: 50% !important;
  }
}

.sms-ui-ems .select2-container,
.sms-ui-ems .select2-results {
  font-size: 13px;
  line-height: 13px;
}

.sms-ui-ems .select2-container .select2-choice > .select2-chosen {
  overflow: hidden;
  text-overflow: initial;
}

.sms-ui-ems .select2-container .select2-choice {
  text-align: left;
  padding-left: 5px;
}

.sms-ui-ems .numeric-spinner .spinner-btn-box .spinner-btn {
  line-height: 11px;
}

.sms-ui-ems .reset-sorting {
  height: 20px;
  margin-top: 1px;
}

.sms-ui-ems .header .grid-action-btn-group .btn {
  padding: 3px 5px;
  font-size: 11px;
  line-height: 14px;
  text-transform: uppercase;
}

.sms-ui-ems thead .ptc div > div:first-of-type {
  width: 100% !important;
}

.sms-ui-ems .blotter-atom thead .ptc:hover .resizer {
  width: 8px;
  right: -4px;
  background: #ff6700;
}

.sms-ui-ems .blotter-atom thead .ptc:hover .pinner {
  visibility: visible;
}

.sms-ui-ems .blotter-atom .sorter {
  position: absolute;
  left: 3px;
}

.sms-ui-ems .blotter-atom .resizer {
  position: absolute;
  right: -1px;
  width: 2px;
  z-index: 1000;
}

.sms-ui-ems .blotter-atom .resizer:hover ~ .pinner {
  visibility: hidden !important;
}

.sms-ui-ems .blotter-atom .pinner {
  position: absolute;
  right: 5px;
  height: 20px;
  visibility: hidden;
  background: rgba(255, 255, 255, 0.1);
}

.sms-ui-ems .blotter-atom .pinner.pinned {
  visibility: visible;
}

.sms-ui-ems .blotter-atom .pinner .icon {
  color: #BBB;
  font-size: 14px;
  line-height: 20px;
  border-radius: 0;
  padding-left: 2px;
}

.sms-ui-ems .blotter-atom .pinner .icon:hover {
  color: white;
}

.sms-ui-ems .quoting-blotter .ems-status-filled {
  background-color: #ad5424 !important;
}

.sms-ui-ems .quoting-blotter .ems-status-filled:nth-child(even) {
  background-color: #9e5026 !important;
}

.sms-ui-ems .quoting-blotter .depth-pos-first {
  background-color: #254a0a !important;
}

.sms-ui-ems .quoting-blotter .depth-pos-first:nth-child(even) {
  background-color: #265206 !important;
}

.sms-ui-ems .quoting-blotter .depth-pos-second {
  background-color: #880000 !important;
}

.sms-ui-ems .quoting-blotter .depth-pos-second:nth-child(even) {
  background-color: #790000 !important;
}

.sms-ui-ems .quoting-blotter .depth-position-renderer {
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
}

.sms-ui-ems .select2-choices {
  border-radius: 0px;
}

.sms-ui-ems tbody .ptc {
  margin: 0px;
  padding: 0px;
}

.sms-ui-ems .select2-container {
  border-radius: 0px;
}

.sms-ui-ems .select2-container .select2-choice {
  border-radius: 0px;
}

.sms-ui-ems .blotter-atom .grid-atom.infinite-scrolling tbody td > * {
  margin: 0px;
}

.sms-ui-ems .numeric-spinner .spinner-container {
  line-height: 22px;
}

.sms-ui-ems .blotter-atom tbody tr {
  min-height: 22px;
  line-height: 22px;
}

.sms-ui-ems .blotter-atom .gwt-HTML,
.sms-ui-ems .blotter-atom .gwt-Label {
  min-height: 22px;
  line-height: 22px;
}

.sms-ui-ems .select2-container {
  display: block !important;
}

.sms-ui-ems .blotter-atom thead th span.resizer:hover {
  background: #ff6700;
}

.sms-ui-ems .select2-container .select2-choice {
  height: 24px;
  line-height: 24px;
}

.sms-ui-ems .btn:focus {
  border: 1px solid #FFD600 !important;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v19/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.sms-ui-tablet {
  background-color: white;
  font-family: 'Roboto', sans-serif;
}

.sms-ui-tablet ::-webkit-scrollbar {
  background-color: #E0E0E0;
}

.sms-ui-tablet ::-webkit-scrollbar-thumb {
  border-radius: 5px;
}

.sms-ui-tablet .main-panel {
  display: flex;
  font-size: 16px;
}

.sms-ui-tablet .rates-atom {
  display: flex;
  margin-left: 2px;
  margin-right: 1px;
  flex-direction: column;
}

.sms-ui-tablet .rates-atom .title-panel {
  display: flex;
  align-items: center;
  background-color: black;
  font-size: 20px;
}

.sms-ui-tablet .rates-atom .title-panel::before {
  order: 2;
  flex-grow: 1;
  height: 40px;
  font-size: 20px;
  color: white;
  line-height: 40px;
  font-weight: bold;
  content: attr(caption);
  text-transform: uppercase;
}

.sms-ui-tablet .rates-atom .title-panel .edit {
  order: 1;
  width: 3em;
  padding: 0 10px;
  font-size: 20px;
}

.sms-ui-tablet .rates-atom .title-panel .add {
  order: 3;
  width: 3em;
  padding: 0 10px;
  font-size: 20px;
}

.sms-ui-tablet .rates-atom .title-panel .back {
  width: 3em;
  padding: 0 10px;
}

.sms-ui-tablet .rates-atom .header-item {
  width: 33.33%;
}

.sms-ui-tablet .rates-atom .instrument {
  text-align: center;
  text-transform: uppercase;
}

.sms-ui-tablet .rates-atom .edit-face {
  height: 100%;
}

.sms-ui-tablet .rates-atom .edit-face .edit-rows {
  height: calc(100% - 40px);
  overflow: auto;
}

.sms-ui-tablet .rates-atom .edit-face .rate-row {
  padding: 0 10px;
}

.sms-ui-tablet .rates-atom .edit-face .rate-row .instrument {
  flex-grow: 1;
}

.sms-ui-tablet .rates-atom .edit-face .rate-row .remove, .sms-ui-tablet .rates-atom .edit-face .rate-row .drag-drop {
  width: 2em;
  color: black;
}

.sms-ui-tablet .rates-atom .rate-row .instrument, .sms-ui-tablet .rates-atom .rate-row .price, .sms-ui-tablet .rates-atom .rate-row .qty {
  width: 33.33%;
  text-align: center;
}

.sms-ui-tablet .rates-atom .rates-face {
  height: 100%;
}

.sms-ui-tablet .rates-atom .rates-face .grid-panel {
  height: calc(100% - 40px);
}

.sms-ui-tablet .rates-atom .body {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 28px);
}

.sms-ui-tablet .rates-atom .t-selected {
  background-color: #FFD8B5 !important;
}

.sms-ui-tablet .rates-atom .price {
  display: flex;
  color: #333;
}

.sms-ui-tablet .rates-atom .price .pip-exponent {
  text-align: left;
  width: calc(100% - 40px);
}

.sms-ui-tablet .rates-atom .price .pip-prenum-left {
  text-align: right;
  width: calc(50% - 20px);
}

.sms-ui-tablet .rates-atom .price .pip-content {
  display: flex;
  width: calc(50% + 20px);
}

.sms-ui-tablet .rates-atom .price .pip-content .pip-num {
  width: 40px;
  font-size: 25px;
}

.sms-ui-tablet .depth-atom, .sms-ui-tablet .rates-atom {
  margin-top: 2px;
  margin-bottom: 2px;
  border-radius: 5px;
  border: 1px solid #f1f2f2;
  font-size: 18px;
  overflow: hidden;
}

.sms-ui-tablet .depth-atom .header, .sms-ui-tablet .rates-atom .header {
  height: 2em;
  display: flex;
  font-size: 15px;
  font-weight: bold;
  line-height: 2em;
  background-color: #CDCDCD;
  justify-content: space-evenly;
}

.sms-ui-tablet .depth-atom .header .header-item, .sms-ui-tablet .rates-atom .header .header-item {
  text-align: center;
  text-transform: uppercase;
}

.sms-ui-tablet .depth-atom .header div:before, .sms-ui-tablet .rates-atom .header div:before {
  color: black;
  content: attr(caption);
}

.sms-ui-tablet .depth-atom .depth-row, .sms-ui-tablet .depth-atom .rate-row, .sms-ui-tablet .rates-atom .depth-row, .sms-ui-tablet .rates-atom .rate-row {
  height: 3em;
  display: flex;
  line-height: 3em;
  margin-bottom: 1px;
  justify-content: space-evenly;
}

.sms-ui-tablet .depth-atom .depth-row .price.bid, .sms-ui-tablet .depth-atom .rate-row .price.bid, .sms-ui-tablet .rates-atom .depth-row .price.bid, .sms-ui-tablet .rates-atom .rate-row .price.bid {
  border-right: 1px solid white;
}

.sms-ui-tablet .depth-atom .depth-row .price.offer, .sms-ui-tablet .depth-atom .rate-row .price.offer, .sms-ui-tablet .rates-atom .depth-row .price.offer, .sms-ui-tablet .rates-atom .rate-row .price.offer {
  border-left: 1px solid white;
}

.sms-ui-tablet .depth-atom .depth-row .bid .pip-num, .sms-ui-tablet .depth-atom .rate-row .bid .pip-num, .sms-ui-tablet .rates-atom .depth-row .bid .pip-num, .sms-ui-tablet .rates-atom .rate-row .bid .pip-num {
  color: #107304;
  font-weight: bold;
}

.sms-ui-tablet .depth-atom .depth-row .offer .pip-num, .sms-ui-tablet .depth-atom .rate-row .offer .pip-num, .sms-ui-tablet .rates-atom .depth-row .offer .pip-num, .sms-ui-tablet .rates-atom .rate-row .offer .pip-num {
  color: #A40000;
  font-weight: bold;
}

.sms-ui-tablet .depth-atom .depth-row:nth-child(even), .sms-ui-tablet .depth-atom .rate-row:nth-child(even), .sms-ui-tablet .rates-atom .depth-row:nth-child(even), .sms-ui-tablet .rates-atom .rate-row:nth-child(even) {
  background-color: #FAFAFA;
}

.sms-ui-tablet .depth-atom .depth-row:nth-child(odd), .sms-ui-tablet .depth-atom .rate-row:nth-child(odd), .sms-ui-tablet .rates-atom .depth-row:nth-child(odd), .sms-ui-tablet .rates-atom .rate-row:nth-child(odd) {
  background-color: #F5F5F5;
}

.sms-ui-tablet .depth-atom {
  overflow: auto;
  flex-direction: column;
  margin-left: 1px;
  margin-right: 2px;
}

.sms-ui-tablet .depth-atom:before {
  display: block;
  height: 40px;
  color: white;
  padding: 0 10px;
  line-height: 40px;
  font-size: 20px;
  font-weight: bold;
  content: attr(caption);
  text-transform: uppercase;
  background-color: black;
}

.sms-ui-tablet .depth-atom .body {
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 70px);
}

.sms-ui-tablet .depth-atom .header-item {
  width: 25%;
}

.sms-ui-tablet .depth-atom .depth-row .instrument, .sms-ui-tablet .depth-atom .depth-row .price, .sms-ui-tablet .depth-atom .depth-row .qty {
  width: 25%;
  text-align: center;
}

.sms-ui-tablet .depth-atom .price {
  color: #333;
}

.sms-ui-tablet .depth-atom .price .pip-exponent {
  margin-left: 2px;
}

.sms-ui-tablet .depth-atom .price .pip-prenum-left {
  margin-right: 2px;
}

.sms-ui-tablet .depth-atom .price .pip-content .pip-num {
  font-size: 25px;
}

.sms-ui-tablet .chart-atom {
  margin: 2px;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid #f1f2f2;
}

.sms-ui-tablet .chart-atom .header {
  height: 80px;
}

.sms-ui-tablet .chart-atom .header:before {
  display: block;
  height: 50%;
  color: white;
  padding: 0 10px;
  line-height: 40px;
  font-weight: bold;
  content: attr(caption);
  text-transform: uppercase;
  background-color: black;
}

.sms-ui-tablet .chart-atom .header .radio {
  height: 50%;
  margin: auto;
  display: flex;
  font-size: 15px;
  overflow: hidden;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.sms-ui-tablet .chart-atom .header .radio .gwt-RadioButton {
  width: 9%;
  min-width: 60px;
  max-width: 100px;
  position: relative;
}

.sms-ui-tablet .chart-atom .header .radio input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}

.sms-ui-tablet .chart-atom .header .radio .gwt-RadioButton:first-child label {
  border-radius: 5px 0 0 5px;
  border-left: 1px solid transparent;
}

.sms-ui-tablet .chart-atom .header .radio .gwt-RadioButton:first-child input[type=radio]:checked + label {
  border-color: black;
}

.sms-ui-tablet .chart-atom .header .radio .gwt-RadioButton:last-child label {
  border-radius: 0 5px 5px 0;
  border-right: 1px solid transparent;
}

.sms-ui-tablet .chart-atom .header .radio .gwt-RadioButton:last-child input[type=radio]:checked + label {
  border-color: black;
}

.sms-ui-tablet .chart-atom .header .radio label {
  width: 100%;
  height: 2em;
  padding: 0px;
  color: white;
  line-height: 2em;
  text-align: center;
  background: black;
  display: inline-block;
  box-sizing: border-box;
  transition: background 0.3s;
  border-top: 1px solid transparent;
  border-right: 1px solid #f1f2f2;
  border-bottom: 1px solid transparent;
}

.sms-ui-tablet .chart-atom .header .radio label:hover {
  color: white;
}

.sms-ui-tablet .chart-atom .header .radio input[type=radio]:checked + label {
  color: black;
  background: #f1f2f2;
  border-color: black;
}

.sms-ui-tablet .chart-atom .chart-panel {
  overflow: hidden;
  background-color: #333;
  height: calc(100% - 80px);
}

.sms-ui-tablet .position-atom {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sms-ui-tablet .position-atom .accounts {
  margin: auto;
  height: 30px;
}

.sms-ui-tablet .position-atom .grid-panel {
  height: calc(100% - 40px);
}

.sms-ui-tablet .position-atom .position-header {
  height: 2em;
  display: flex;
  font-size: 15px;
  line-height: 2em;
  background-color: #f8f8f8;
  justify-content: space-evenly;
}

.sms-ui-tablet .position-atom .position-header .header-label {
  width: 20%;
  text-align: center;
  text-transform: uppercase;
}

.sms-ui-tablet .position-atom .position-body {
  margin: 0;
  padding: 0;
  height: calc(100% - 30px);
  overflow-y: auto;
  overflow-x: hidden;
  text-align: center;
}

.sms-ui-tablet .position-atom .position-body .position-row {
  height: 3em;
  display: flex;
  line-height: 3em;
  margin-bottom: 1px;
  align-items: center;
  justify-content: space-evenly;
}

.sms-ui-tablet .position-atom .position-body .position-row:nth-child(even) {
  background-color: #FAFAFA;
}

.sms-ui-tablet .position-atom .position-body .position-row:nth-child(odd) {
  background-color: #F5F5F5;
}

.sms-ui-tablet .position-atom .position-body .position-row .u-pnl, .sms-ui-tablet .position-atom .position-body .position-row .r-pnl {
  font-weight: bold;
}

.sms-ui-tablet .position-atom .position-body .position-row .net-equiv-qty {
  margin: auto;
  font-weight: bold;
}

.sms-ui-tablet .position-atom .position-body .position-row .instrument {
  margin: auto;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sms-ui-tablet .position-atom .position-body .position-row .u-pnl.good, .sms-ui-tablet .position-atom .position-body .position-row .r-pnl.good {
  color: #7CB342;
}

.sms-ui-tablet .position-atom .position-body .position-row .u-pnl.bad, .sms-ui-tablet .position-atom .position-body .position-row .r-pnl.bad {
  color: #E53935;
}

.sms-ui-tablet .position-atom .position-body .position-row .position-bar .amount {
  height: 100%;
  line-height: 51px;
}

.sms-ui-tablet .position-atom .position-body .position-row .account, .sms-ui-tablet .position-atom .position-body .position-row .instrument, .sms-ui-tablet .position-atom .position-body .position-row .net-qty, .sms-ui-tablet .position-atom .position-body .position-row .net-equiv-qty, .sms-ui-tablet .position-atom .position-body .position-row .u-pnl, .sms-ui-tablet .position-atom .position-body .position-row .r-pnl {
  width: 20%;
}

.sms-ui-tablet .t-app {
  position: fixed;
  display: flex;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
}

.sms-ui-tablet .t-app ::-webkit-scrollbar {
  width: 3px;
}

.sms-ui-tablet .t-app .t-scroll {
  overflow-y: auto !important;
}

.sms-ui-tablet .t-app .t-header {
  min-height: 50px;
  height: 50px;
  overflow: hidden;
  line-height: 50px;
  font-size: 18px;
  padding-left: 10px;
  display: flex;
  align-items: center;
}

.sms-ui-tablet .t-app .t-header:before {
  content: attr(title);
}

.sms-ui-tablet .t-app .t-title {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 10px;
}

.sms-ui-tablet .t-app .t-sub-header, .sms-ui-tablet .t-app .t-row {
  padding: 5px 0;
  font-size: 16px;
  margin-bottom: 5px;
}

.sms-ui-tablet .t-app .t-sub-header .icon, .sms-ui-tablet .t-app .t-row .icon {
  width: 30px;
  height: 30px;
}

.sms-ui-tablet .t-app .t-sub-header {
  text-transform: uppercase;
  font-weight: bold;
}

.sms-ui-tablet .t-app .t-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  padding: 5px 0;
}

.sms-ui-tablet .t-app .t-row .t-caption {
  flex: 1;
}

.sms-ui-tablet .t-app .t-tab {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  padding: 0 10px;
  text-transform: capitalize;
  transition: flex .3s ease-out;
}

.sms-ui-tablet .t-app .t-tab > * {
  padding: 0 10px;
}

.sms-ui-tablet .t-app .t-tab:not(.t-active) *:not(.gwt-Label) {
  display: none;
}

.sms-ui-tablet .t-app .t-tab .gwt-Label {
  text-transform: uppercase;
}

.sms-ui-tablet .t-app .t-tab.t-active {
  flex: 1;
}

.sms-ui-tablet .t-app .t-tab.t-active > .gwt-Label {
  text-transform: uppercase;
  font-weight: bold;
}

.sms-ui-tablet .t-app .t-body {
  overflow: hidden;
  position: relative;
  flex: 1;
  height: 100%;
}

.sms-ui-tablet .t-app .t-popup {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: center;
}

.sms-ui-tablet .t-app .t-popup .t-header, .sms-ui-tablet .t-app .t-popup .t-popup-body {
  position: relative;
  width: 700px;
}

.sms-ui-tablet .t-app .t-popup .t-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}

.sms-ui-tablet .t-app .t-popup .t-header .t-popup-close {
  float: left;
}

.sms-ui-tablet .t-app .t-popup .t-header .t-title {
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.sms-ui-tablet .t-app .t-popup .t-popup-body {
  height: 650px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
}

.sms-ui-tablet .t-app .t-menu-cxt {
  position: fixed;
  height: 100%;
  width: 100%;
  right: 0;
  top: 0;
  z-index: 5;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  transition: width .2s;
}

.sms-ui-tablet .t-app .t-menu-cxt .t-sub-header .t-caption {
  padding-left: 10px;
}

.sms-ui-tablet .t-app .t-menu-cxt .t-menu-cxt-panel {
  width: 250px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.sms-ui-tablet .t-app .t-menu-cxt .t-backdrop {
  opacity: .6;
  flex: 1;
  transition: opacity .2s;
}

.sms-ui-tablet .t-app .t-menu-cxt.t-hide {
  z-index: -1;
  width: 200%;
  transition: width .2s, z-index .1s linear .2s;
}

.sms-ui-tablet .t-app .t-menu-cxt.t-hide .t-backdrop {
  opacity: 0;
}

.sms-ui-tablet .t-app select {
  height: 30px;
}

.sms-ui-tablet .t-app .editable-panel {
  position: relative;
}

.sms-ui-tablet .t-app .editable-panel .gwt-ListBox {
  position: absolute;
  opacity: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.sms-ui-tablet .t-app .t-notif:after {
  content: attr(t-notif);
  position: absolute;
  right: 0;
  font-size: .7em;
  border-radius: 50%;
  height: 1em;
  min-width: 1em;
  line-height: 100%;
  text-align: center;
}

.sms-ui-tablet .t-strategy-editor .t-group-field {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-radius: 5px;
  margin-top: 10px;
  overflow: hidden;
}

.sms-ui-tablet .t-strategy-editor .t-group-field .t-field {
  width: 45%;
  height: 30px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 0 10px;
}

.sms-ui-tablet .t-strategy-editor .t-group-field .t-caption {
  font-weight: bold;
  width: 100px;
  text-transform: capitalize;
}

.sms-ui-tablet .t-strategy-editor .t-group-field .t-title {
  width: 100%;
  margin-bottom: 10px;
}

.sms-ui-tablet .t-strategy-editor .t-group-field .t-input {
  flex: 1;
}

.sms-ui-tablet .t-strategy-editor .t-group-field.t-limit .t-side {
  margin-right: 50%;
}

.sms-ui-tablet .t-strategy-editor .t-group-field .radio .gwt-RadioButton {
  flex: 1;
}

.sms-ui-tablet .t-strategy-editor .t-submit {
  position: absolute;
  text-transform: uppercase;
  bottom: 10px;
  padding: 10px 20px;
  width: 200px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 50px;
  background-color: #007aff !important;
  border-color: #007ae6 !important;
  color: white;
}

.sms-ui-tablet .instrument-picker {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.sms-ui-tablet .instrument-picker .search-panel {
  display: flex;
  width: 100%;
  padding: 10px;
  background-color: #e8e8e8;
}

.sms-ui-tablet .instrument-picker .search-panel .search {
  height: 2em;
  margin: auto;
  padding: 0 5px;
  line-height: 2em;
  border-radius: 5px;
  text-transform: uppercase;
}

.sms-ui-tablet .instrument-picker .search-panel input::placeholder {
  color: white;
}

.sms-ui-tablet .instrument-picker .body-instrument {
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
  height: 100%;
}

.sms-ui-tablet .instrument-picker .body-instrument .instrument-row {
  height: 3em;
  display: flex;
  padding: 0 5px;
  line-height: 3em;
}

.sms-ui-tablet .instrument-picker .body-instrument .instrument-row .add {
  width: 2em;
  color: #4CAF50;
}

.sms-ui-tablet .instrument-picker .body-instrument .instrument-row .symbol {
  width: 30%;
  color: #212121;
  font-weight: bold;
  padding-left: 10px;
  text-transform: uppercase;
}

.sms-ui-tablet .instrument-picker .body-instrument .instrument-row .description {
  overflow: hidden;
  color: #212121;
  padding-left: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
}

.sms-ui-tablet .instrument-picker .body-instrument .instrument-row:nth-child(even) {
  background-color: #FAFAFA;
}

.sms-ui-tablet .instrument-picker .body-instrument .instrument-row:nth-child(odd) {
  background-color: #F5F5F5;
}

@media (orientation: portrait) {
  .sms-ui-tablet .t-app {
    flex-direction: column-reverse;
  }
  .sms-ui-tablet .t-app .t-menu {
    display: flex;
    height: 70px;
    width: 100%;
    flex-direction: row-reverse;
  }
  .sms-ui-tablet .t-app .t-menu .t-menu-home {
    width: 70px;
    height: 70px;
  }
  .sms-ui-tablet .t-app .t-menu .t-menu-before, .sms-ui-tablet .t-app .t-menu .t-menu-after {
    display: flex;
    flex-direction: row;
    height: 70px;
    width: calc(50% - 35px);
  }
  .sms-ui-tablet .t-app .t-menu .t-menu-before {
    justify-content: flex-end;
    align-items: center;
  }
  .sms-ui-tablet .t-app .t-menu .t-menu-after {
    justify-content: flex-start;
  }
  .sms-ui-tablet .t-app .t-menu .icon {
    width: 70px;
    height: 70px;
    font-size: 35px;
  }
  .sms-ui-tablet .t-app .t-layout {
    width: 100%;
    height: calc(100% - 70px);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
  }
  .sms-ui-tablet .t-app .rates-layout {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
    grid-template-areas: "rates depth" "orderblotters orderblotters";
  }
  .sms-ui-tablet .t-app .rates-layout .rates-atom {
    grid-area: rates;
  }
  .sms-ui-tablet .t-app .rates-layout .depth-atom {
    grid-area: depth;
  }
  .sms-ui-tablet .t-app .rates-layout .orderblotters-atom {
    grid-area: orderblotters;
  }
}

@media (orientation: landscape) {
  .sms-ui-tablet .t-app .t-menu {
    display: flex;
    height: 100%;
    width: 70px;
    flex-direction: column;
  }
  .sms-ui-tablet .t-app .t-menu .t-menu-home {
    width: 70px;
    height: 70px;
  }
  .sms-ui-tablet .t-app .t-menu .t-menu-before, .sms-ui-tablet .t-app .t-menu .t-menu-after {
    display: flex;
    flex-direction: column;
    height: calc(50% - 35px);
  }
  .sms-ui-tablet .t-app .t-menu .t-menu-before {
    justify-content: flex-start;
    align-items: center;
  }
  .sms-ui-tablet .t-app .t-menu .t-menu-after {
    justify-content: flex-end;
  }
  .sms-ui-tablet .t-app .t-menu .icon {
    height: 70px;
    font-size: 35px;
  }
  .sms-ui-tablet .t-app .t-layout {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: calc(100% - 70px);
  }
  .sms-ui-tablet .t-app .rates-layout {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
    grid-template-areas: "rates depth" "orderblotters orderblotters";
  }
  .sms-ui-tablet .t-app .rates-layout .rates-atom {
    grid-area: rates;
  }
  .sms-ui-tablet .t-app .rates-layout .depth-atom {
    grid-area: depth;
  }
  .sms-ui-tablet .t-app .rates-layout .orderblotters-atom {
    grid-area: orderblotters;
  }
}

.sms-ui-tablet .tablet-blotter .t-blotter-columns-row {
  background-color: #CDCDCD;
  font-weight: bold;
  color: black;
}

.sms-ui-tablet .tablet-blotter table {
  box-sizing: content-box;
}

.sms-ui-tablet .tablet-blotter thead {
  z-index: 2;
}

.sms-ui-tablet .tablet-blotter tbody .t-ob-side {
  text-transform: uppercase;
}

.sms-ui-tablet .tablet-blotter td, .sms-ui-tablet .tablet-blotter th {
  text-align: center;
  border: none;
}

.sms-ui-tablet .tablet-blotter tbody, .sms-ui-tablet .tablet-blotter thead {
  display: flex;
  flex-direction: column;
}

.sms-ui-tablet .tablet-blotter tbody tr, .sms-ui-tablet .tablet-blotter thead tr {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
}

.sms-ui-tablet .tablet-position-summary {
  overflow: auto;
  height: 400px;
}

.sms-ui-tablet .tablet-position-summary table {
  width: 100%;
}

.sms-ui-tablet .tablet-position-summary td:first-child {
  padding-left: 10px;
}

.sms-ui-tablet .tablet-position-summary th:first-child {
  padding-left: 30px;
}

.sms-ui-tablet .tablet-position-summary .security {
  font-size: x-large;
  font-weight: bold;
}

.sms-ui-tablet .tablet-position-summary th {
  font-size: large;
}

.sms-ui-tablet .tablet-position-summary .t-caption {
  width: 100px;
}

.sms-ui-tablet .tablet-position-summary .t-quantity {
  text-align: end;
  width: 15ch;
}

.sms-ui-tablet .tablet-position-summary .at {
  width: 3ch;
  text-align: center;
}

.sms-ui-tablet .tablet-position-summary .t-price {
  text-align: start;
  width: 10ch;
}

.sms-ui-tablet .tablet-position-summary .t-sum-graph {
  height: 20px;
  display: flex;
  width: 75%;
  margin: auto;
}

.sms-ui-tablet .tablet-position-summary .t-sum-graph .gwt-Label {
  padding: 0 10px;
  width: 50%;
}

.sms-ui-tablet .tablet-position-summary .t-sum-graph span {
  height: 90%;
  padding: 1px;
}

.sms-ui-tablet .tablet-position-summary .t-sum-graph.t-buy {
  justify-content: flex-start;
  text-align: end;
}

.sms-ui-tablet .tablet-position-summary .t-sum-graph.t-buy span {
  background-color: green;
}

.sms-ui-tablet .tablet-position-summary .t-sum-graph.t-sell {
  justify-content: flex-end;
  text-align: start;
}

.sms-ui-tablet .tablet-position-summary .t-sum-graph.t-sell span {
  background-color: red;
}

.sms-ui-tablet .t-filter-icon {
  padding-right: 10px;
}

.sms-ui-tablet .t-blotter-atom {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.sms-ui-tablet .t-blotter-atom .tablet-blotter {
  min-height: 60%;
  flex: 1;
}

.sms-ui-tablet .t-blotter-atom .t-b-checkbox {
  width: 30px;
}

.sms-ui-tablet .t-blotter-atom .t-ob-timestamp {
  width: 80px;
}

.sms-ui-tablet .t-blotter-atom .t-ob-side {
  width: 40px;
}

.sms-ui-tablet .t-blotter-atom .t-ob-secdef {
  width: 70px;
}

.sms-ui-tablet .t-blotter-atom .t-ob-ccy {
  width: 40px;
}

.sms-ui-tablet .t-blotter-atom .t-ob-quantity {
  flex: 1;
}

.sms-ui-tablet .t-blotter-atom .t-ob-price {
  flex: 1;
}

.sms-ui-tablet .t-blotter-atom .t-ob-status {
  width: 70px;
}

.sms-ui-tablet .t-blotter-atom .t-ob-type {
  width: 80px;
}

.sms-ui-tablet .tablet-settings-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.sms-ui-tablet .tablet-settings-panel .t-body {
  display: flex;
  flex-direction: column;
}

.sms-ui-tablet .tablet-settings-panel .t-body .t-scroll {
  width: 100%;
  flex: 1;
}

.sms-ui-tablet .tablet-settings-panel .t-row {
  margin: 10px 0;
}

.sms-ui-tablet .tablet-settings-panel .t-row:not(.t-sub-header) .t-caption {
  text-align: center;
}

.sms-ui-tablet .tablet-settings-panel .t-sub-header {
  padding: 5px 10px;
  font-size: 20px;
}

.sms-ui-tablet .tablet-settings-panel .account {
  width: 200px;
  margin: 10px;
  padding: 10px;
  font-size: 20px;
  display: flex;
  justify-content: space-evenly;
}

.sms-ui-tablet .tablet-settings-panel .account .list-container {
  display: flex;
}

.sms-ui-tablet .tablet-settings-panel .account .list-container .icon {
  padding-left: 10px;
  padding-right: 10px;
}

.sms-ui-tablet .tablet-settings-panel .t-quantity {
  position: relative;
  display: flex;
  width: 250px;
  height: 55px;
  margin-right: 20px;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
}

.sms-ui-tablet .tablet-settings-panel .t-quantity .value-label, .sms-ui-tablet .tablet-settings-panel .t-quantity input {
  flex: 1;
  text-align: center;
  font-size: 18px;
}

.sms-ui-tablet .tablet-settings-panel .t-quantity input {
  border: none;
  background: none;
  color: initial;
}

.sms-ui-tablet .tablet-settings-panel .t-quantity input.disabled {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.sms-ui-tablet .tablet-settings-panel .t-quantity input.disabled + .quick-qty-group {
  display: none;
}

.sms-ui-tablet .tablet-settings-panel .t-quantity .quick-qty-group {
  flex: 1;
  padding-left: 5px;
  display: flex;
  color: black;
  text-transform: uppercase;
  justify-content: space-around;
  z-index: 2;
}

.sms-ui-tablet .tablet-settings-panel .t-quantity .quick-qty-group .gwt-Label {
  margin: auto;
  border-radius: 50%;
  border: 1px solid grey;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
}

.sms-ui-tablet .tablet-settings-panel .t-quantity .quick-qty-group .gwt-Label.selected {
  color: white;
  background-color: black;
}

.sms-ui-tablet .tablet-settings-panel .t-remove-icon {
  width: 60px !important;
  font-size: x-large;
}

.sms-ui-tablet .tablet-settings-panel .t-row:first-child {
  margin-left: 60px;
}

.sms-ui-tablet .tablet-settings-panel .t-secdef {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}

.sms-ui-tablet .radio {
  margin: auto;
  display: flex;
  font-size: 15px;
  overflow: hidden;
  align-items: center;
  text-transform: uppercase;
}

.sms-ui-tablet .radio .gwt-RadioButton {
  width: 25%;
  min-width: 60px;
  border-radius: 5px;
  position: relative;
}

.sms-ui-tablet .radio input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}

.sms-ui-tablet .radio .gwt-RadioButton:first-child label {
  border-radius: 5px 0 0 5px;
  border-left: 1px solid;
}

.sms-ui-tablet .radio .gwt-RadioButton:first-child input[type=radio]:checked + label {
  border-color: black;
}

.sms-ui-tablet .radio .gwt-RadioButton:last-child label {
  border-radius: 0 5px 5px 0;
  border-right: 1px solid;
}

.sms-ui-tablet .radio .gwt-RadioButton:last-child input[type=radio]:checked + label {
  border-color: black;
}

.sms-ui-tablet .radio label {
  width: 100%;
  height: 2em;
  padding: 0px;
  border-color: black;
  color: black;
  line-height: 2em;
  text-align: center;
  background: #f1f2f2;
  display: inline-block;
  box-sizing: border-box;
  transition: background 0.3s;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
}

.sms-ui-tablet .radio label:hover {
  color: white;
}

.sms-ui-tablet .radio input[type=radio]:checked + label {
  font-weight: bold;
  color: white;
  background: black;
  border-color: black;
}

.sms-ui-tablet .t-check {
  width: 25px;
  height: 25px;
}

.sms-ui-tablet .t-check label {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.sms-ui-tablet .t-check label:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.sms-ui-tablet .t-check input:checked + label:after {
  content: "";
  position: absolute;
  width: 40%;
  height: 80%;
  left: 7px;
  transform: rotate(45deg);
}

.sms-ui-tablet .t-check input:indeterminate + label:after {
  content: "";
  position: absolute;
  width: 80%;
  top: calc(50% - 2px);
  height: 0;
  right: 10%;
}

.sms-ui-tablet .t-check, .sms-ui-tablet .t-switch {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.sms-ui-tablet .t-check input, .sms-ui-tablet .t-switch input {
  position: absolute;
  margin: 0;
  visibility: hidden;
  z-index: 1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.sms-ui-tablet .t-switch {
  display: flex;
  align-items: center;
  /*
	  * change value with a click in the whole area
	  */
}

.sms-ui-tablet .t-switch:before {
  content: attr(label);
  padding-right: 10px;
}

.sms-ui-tablet .t-switch input:after {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.sms-ui-tablet .t-switch input:after {
  content: ' ';
  visibility: visible;
  z-index: 1;
}

.sms-ui-tablet .t-switch label {
  cursor: pointer;
  display: inline-flex;
  height: 18px;
  width: 18px;
  box-sizing: content-box;
  border: 2px solid #999;
  border-radius: 22px;
  background-color: #888;
  padding: 0;
  padding-right: 20px;
  padding-left: 0;
  transition-duration: .3s;
  transition-timing-function: ease-in;
  transition-property: padding;
  margin: 0;
}

.sms-ui-tablet .t-switch label:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: 0;
  background: white;
  border-radius: 50%;
  transition: linear 0.3s ease-in 0s;
}

.sms-ui-tablet .t-switch input:checked + label {
  padding-right: 0;
  padding-left: 20px;
}

.sms-ui-tablet .t-switch.gwt-CheckBox-disabled {
  opacity: .5;
}

.sms-ui-tablet .t-app {
  /* style buy sell
	  tbody{
	    .t-buy {
	      &:nth-child(odd) {
	        background-color: mix(green, $lightGray, 10% );
	      }
	      &:nth-child(even) {
	        background-color: mix(green, $lightGray, 15% );
	      }
	    }
	    .t-sell{
	      &:nth-child(odd) {
	        background-color: mix(red, $lightGray, 15% );
	      }
	      &:nth-child(even) {
	        background-color: mix(red, $lightGray, 10% );
	      }
	    }
	  }
	  */
}

.sms-ui-tablet .t-app .t-sub-header {
  background-color: #d1d1d6;
}

.sms-ui-tablet .t-app .t-popup {
  background-color: rgba(0, 0, 0, 0.5);
}

.sms-ui-tablet .t-app .t-popup .t-popup-header {
  background-color: #111;
  color: #bbb;
}

.sms-ui-tablet .t-app .t-popup .t-popup-body {
  background-color: #f2f2f7;
  color: #111;
}

.sms-ui-tablet .t-app .t-tab:not(.t-active), .sms-ui-tablet .t-app .t-tab:not(.t-active) .t-title {
  background-color: #8e8e93;
}

.sms-ui-tablet .t-app .t-notif:after {
  background-color: #ff4530;
  color: #f2f2f7;
}

.sms-ui-tablet .t-app .t-menu, .sms-ui-tablet .t-app .t-header, .sms-ui-tablet .t-app .t-title {
  background-color: #1c1c1e;
  border: 1px solid #1c1c1e;
  color: #f2f2f7;
}

.sms-ui-tablet .t-app .t-menu button, .sms-ui-tablet .t-app .t-header button, .sms-ui-tablet .t-app .t-title button {
  color: #f2f2f7;
}

.sms-ui-tablet .t-app .t-menu {
  color: #f2f2f7;
}

.sms-ui-tablet .t-app .t-menu .t-active {
  background-color: #f2f2f7;
  color: #1c1c1e !important;
}

.sms-ui-tablet .t-app .t-menu .t-menu-home {
  background: url(../img/logo-min.png);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  border: none;
}

.sms-ui-tablet .t-app .t-menu .icon-stats-bars4:before {
  transform: rotate(90deg);
  display: block;
}

.sms-ui-tablet .t-app .t-menu .t-menu-before .button-container {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.sms-ui-tablet .t-app .t-menu .t-menu-before .button-container button {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  position: relative;
  background: #f2f2f7;
}

.sms-ui-tablet .t-app .t-menu .t-menu-before .button-container button::before {
  color: black;
  font-size: 20px;
  content: "\ed58";
  font-family: webappsdk;
}

.sms-ui-tablet .t-app .t-menu .t-menu-before .button-container::after {
  padding-top: 5px;
  text-align: center;
  content: attr(name);
  text-transform: uppercase;
}

.sms-ui-tablet .t-app .t-clickable.icon, .sms-ui-tablet .t-app .t-clickable .icon {
  color: #1c1c1e !important;
}

.sms-ui-tablet .t-app .t-clickable:active, .sms-ui-tablet .t-app .t-clickable:focus {
  background: #d1d1d6 !important;
}

.sms-ui-tablet .t-app .t-editor {
  padding: 10px;
}

.sms-ui-tablet .t-app .t-editor .edit {
  color: #1c1c1e !important;
}

.sms-ui-tablet .t-app .t-editor .editable-panel.invalid {
  border-color: #ff9500;
}

.sms-ui-tablet .t-app .t-editor input, .sms-ui-tablet .t-app .t-editor .price-spinner-label {
  background-color: white;
  color: #1c1c1e !important;
}

.sms-ui-tablet .t-app thead {
  margin-bottom: 3px solid #1c1c1e;
  text-transform: uppercase;
}

.sms-ui-tablet .t-app thead tr {
  background-color: #ddd;
}

.sms-ui-tablet .t-app tbody tr:nth-child(even) {
  background-color: #ddd;
}

.sms-ui-tablet .t-app tbody tr:nth-child(odd) {
  background-color: #eee;
}

.sms-ui-tablet .t-app tbody .t-center {
  border-top: 3px solid #ff9500;
}

.sms-ui-tablet .t-app .tt-row.tt-selected:nth-child(odd) {
  background-color: #bfe3f2;
}

.sms-ui-tablet .t-app .tt-row.tt-selected:nth-child(even) {
  background-color: #b3d7e6;
}

.sms-ui-tablet .t-app .tt-row.tt-disabled {
  color: #d1d1d6;
}

.sms-ui-tablet .t-app .rates-layout {
  background-color: #E5E5E5;
}

.sms-ui-tablet .t-app .rates-layout > div {
  background-color: #f2f2f7;
  border: none;
}

.sms-ui-tablet .t-app .tablet-position-summary {
  border-top: 6px solid #8e8e93;
}

.sms-ui-tablet .t-app .t-menu-cxt-panel {
  background-color: #f2f2f7;
}

.sms-ui-tablet .t-app .t-menu-cxt-panel .t-title:not(:first-child) {
  border-top: 1px solid #8e8e93;
}

.sms-ui-tablet .t-app .t-backdrop {
  background-color: #1c1c1e;
}

.sms-ui-tablet .t-app .radio label {
  color: #1c1c1e;
  background: #f2f2f7;
}

.sms-ui-tablet .t-app .radio input:checked + label {
  color: #f2f2f7;
  background: #1c1c1e;
  font-weight: bold;
}

@media (orientation: portrait) {
  .sms-ui-tablet .t-app .t-menu .t-menu-before button {
    border-left: 1px solid #bbb;
  }
  .sms-ui-tablet .t-app .t-menu .t-menu-after button {
    border-right: 1px solid #bbb;
  }
}

@media (orientation: landscape) {
  .sms-ui-tablet .t-app .t-menu .t-menu-before button {
    border-bottom: 1px solid #bbb;
  }
  .sms-ui-tablet .t-app .t-menu .t-menu-after button {
    border-top: 3px solid #bbb;
  }
}

.sms-ui-tablet .account select {
  background-color: white !important;
  color: black !important;
  border-color: black !important;
}

.sms-ui-tablet .t-check label:before {
  border: 1px solid #50c8fa;
  background-color: white;
}

.sms-ui-tablet .t-check input:checked + label:before, .sms-ui-tablet .t-check input:indeterminate + label:before {
  background-color: #50c8fa;
}

.sms-ui-tablet .t-check input:checked + label:after {
  border-bottom: 4px solid white;
  border-right: 4px solid white;
}

.sms-ui-tablet .t-check input:indeterminate + label:after {
  border-bottom: 4px solid white;
}

.sms-ui-tablet .t-switch label {
  border: 2px solid #8e8e93;
  background-color: #8e8e93;
}

.sms-ui-tablet .t-switch label:after {
  background: white;
}

.sms-ui-tablet .t-switch input:checked + label {
  background-color: #30d158;
}

.sms-ui-tablet .t-switch input:checked + label {
  border-color: #30d158;
}

.sms-ui-tablet .t-switch.gwt-CheckBox-disabled {
  opacity: .5;
}

.sms-ui-tablet .t-editor {
  display: flex;
  height: 100%;
  flex-direction: column;
}

.sms-ui-tablet .t-editor .t-order-content-editor .t-title, .sms-ui-tablet .t-editor .t-leg-editor .t-title {
  border-radius: 5px 5px 0 0;
}

.sms-ui-tablet .t-editor.t-order-editor .t-order-type {
  height: 40px;
  justify-content: center;
}

.sms-ui-tablet .t-editor.t-order-editor .t-common-fields, .sms-ui-tablet .t-editor.t-order-editor .t-order-content-editor {
  border-color: transparent !important;
}

.sms-ui-tablet .t-editor.t-order-editor .t-common-fields .field-option, .sms-ui-tablet .t-editor.t-order-editor .t-order-content-editor .field-option {
  margin: 10px 4px;
}

.sms-ui-tablet .t-editor .account {
  display: flex;
  justify-content: space-evenly;
}

.sms-ui-tablet .t-editor .account .list-container {
  display: flex;
}

.sms-ui-tablet .t-editor .account .list-container .icon {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 18px;
}

.sms-ui-tablet .t-editor .refresh {
  top: 1px;
  width: 2em;
  margin: auto;
  height: 1.5em;
  line-height: 1.5;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  right: calc(50% - 1em);
  border: 1px solid grey;
}

.sms-ui-tablet .t-editor .icon {
  color: black !important;
}

.sms-ui-tablet .t-editor .has-error {
  border-color: #ef5757 !important;
}

.sms-ui-tablet .t-editor .has-error::before {
  color: #ef5757 !important;
}

.sms-ui-tablet .t-editor .has-error:after {
  top: 0;
  width: 100%;
  display: block;
  padding: 0 10px;
  color: #ef5757;
  font-weight: bold;
  text-align: right;
  position: absolute;
  content: attr(data-title);
}

.sms-ui-tablet .t-editor .has-error .error-icon {
  display: none;
}

.sms-ui-tablet .t-editor .has-error .invalid {
  border-color: transparent !important;
}

.sms-ui-tablet .t-editor .trade-summary {
  margin: 5px;
  height: 60px;
  padding: 10px;
  display: flex;
  border-radius: 5px;
  align-items: center;
  justify-content: flex-start;
}

.sms-ui-tablet .t-editor .trade-summary.disabled {
  visibility: hidden;
}

.sms-ui-tablet .t-editor .trade-summary.success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.sms-ui-tablet .t-editor .trade-summary.failure {
  background-color: #FF9494;
  color: #721c24;
  border-color: #f5c6cb;
}

.sms-ui-tablet .t-editor .footer {
  width: 100%;
  margin: 5px;
  flex-grow: 1;
  padding: 10px;
  display: flex;
  justify-content: center;
}

.sms-ui-tablet .t-editor .footer button {
  width: 30%;
  height: 3em;
  margin: auto;
  color: white;
  background-color: #0288D1;
  border-color: #1565C0;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 20px;
}

.sms-ui-tablet .t-editor .main-information {
  flex-direction: column;
  border-color: transparent;
  height: 155px;
}

.sms-ui-tablet .t-editor .t-caption {
  font-size: 14px !important;
}

.sms-ui-tablet .main-information, .sms-ui-tablet .t-common-fields, .sms-ui-tablet .t-order-content-editor, .sms-ui-tablet .t-leg-editor {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  border-radius: 5px;
  margin: 5px;
  border: 1px solid black;
}

.sms-ui-tablet .main-information .t-title, .sms-ui-tablet .t-common-fields .t-title, .sms-ui-tablet .t-order-content-editor .t-title, .sms-ui-tablet .t-leg-editor .t-title {
  width: 100%;
}

.sms-ui-tablet .main-information .field-option, .sms-ui-tablet .t-common-fields .field-option, .sms-ui-tablet .t-order-content-editor .field-option, .sms-ui-tablet .t-leg-editor .field-option {
  margin: 3px;
  width: 32%;
  height: 65px;
  display: flex;
  position: relative;
  border-radius: 5px;
  flex-direction: column;
  border: 1px solid #d8d4d4;
}

.sms-ui-tablet .main-information .field-option:before, .sms-ui-tablet .t-common-fields .field-option:before, .sms-ui-tablet .t-order-content-editor .field-option:before, .sms-ui-tablet .t-leg-editor .field-option:before {
  display: block;
  color: black;
  padding: 0 10px;
  font-weight: bold;
  content: attr(caption);
  text-transform: uppercase;
}

.sms-ui-tablet .main-information .field-option .field, .sms-ui-tablet .t-common-fields .field-option .field, .sms-ui-tablet .t-order-content-editor .field-option .field, .sms-ui-tablet .t-leg-editor .field-option .field {
  padding: 5px;
  height: calc(100% - 20px);
}

.sms-ui-tablet .main-information .field-option .field .editable-panel, .sms-ui-tablet .t-common-fields .field-option .field .editable-panel, .sms-ui-tablet .t-order-content-editor .field-option .field .editable-panel, .sms-ui-tablet .t-leg-editor .field-option .field .editable-panel {
  display: flex;
  align-items: center;
  height: 100%;
}

.sms-ui-tablet .main-information .field-option .field .editable-panel .value-label, .sms-ui-tablet .t-common-fields .field-option .field .editable-panel .value-label, .sms-ui-tablet .t-order-content-editor .field-option .field .editable-panel .value-label, .sms-ui-tablet .t-leg-editor .field-option .field .editable-panel .value-label {
  flex: 1;
  padding-left: 10px;
}

.sms-ui-tablet .main-information .field-option .field .editable-panel .edit, .sms-ui-tablet .t-common-fields .field-option .field .editable-panel .edit, .sms-ui-tablet .t-order-content-editor .field-option .field .editable-panel .edit, .sms-ui-tablet .t-leg-editor .field-option .field .editable-panel .edit {
  padding: 0 10px;
}

.sms-ui-tablet .main-information .field-option .field .value-label, .sms-ui-tablet .t-common-fields .field-option .field .value-label, .sms-ui-tablet .t-order-content-editor .field-option .field .value-label, .sms-ui-tablet .t-leg-editor .field-option .field .value-label {
  width: 100%;
  font-size: 20px;
  padding-left: 10px;
}

.sms-ui-tablet .main-information .field-option .field input, .sms-ui-tablet .t-common-fields .field-option .field input, .sms-ui-tablet .t-order-content-editor .field-option .field input, .sms-ui-tablet .t-leg-editor .field-option .field input {
  border: 0;
  left: 5px;
  bottom: 8px;
  display: flex;
  font-size: 20px;
  position: absolute;
  padding-left: 10px;
  width: 100%;
  color: black !important;
  border-color: transparent !important;
  background-color: transparent !important;
  height: 30px;
  line-height: 30px;
}

.sms-ui-tablet .main-information .field-option .field input.disabled, .sms-ui-tablet .t-common-fields .field-option .field input.disabled, .sms-ui-tablet .t-order-content-editor .field-option .field input.disabled, .sms-ui-tablet .t-leg-editor .field-option .field input.disabled {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sms-ui-tablet .main-information .field-option .field .t-quantity, .sms-ui-tablet .t-common-fields .field-option .field .t-quantity, .sms-ui-tablet .t-order-content-editor .field-option .field .t-quantity, .sms-ui-tablet .t-leg-editor .field-option .field .t-quantity {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.sms-ui-tablet .main-information .field-option .field .t-quantity .value-label, .sms-ui-tablet .main-information .field-option .field .t-quantity input:not(.disabled), .sms-ui-tablet .t-common-fields .field-option .field .t-quantity .value-label, .sms-ui-tablet .t-common-fields .field-option .field .t-quantity input:not(.disabled), .sms-ui-tablet .t-order-content-editor .field-option .field .t-quantity .value-label, .sms-ui-tablet .t-order-content-editor .field-option .field .t-quantity input:not(.disabled), .sms-ui-tablet .t-leg-editor .field-option .field .t-quantity .value-label, .sms-ui-tablet .t-leg-editor .field-option .field .t-quantity input:not(.disabled) {
  line-height: 30px;
  height: 30px;
}

.sms-ui-tablet .main-information .field-option .field .t-quantity input:not(.disabled), .sms-ui-tablet .t-common-fields .field-option .field .t-quantity input:not(.disabled), .sms-ui-tablet .t-order-content-editor .field-option .field .t-quantity input:not(.disabled), .sms-ui-tablet .t-leg-editor .field-option .field .t-quantity input:not(.disabled) {
  position: initial !important;
  padding: 0 0 0 10px;
  border: none !important;
}

.sms-ui-tablet .main-information .field-option .field .t-quantity .quick-qty-group, .sms-ui-tablet .t-common-fields .field-option .field .t-quantity .quick-qty-group, .sms-ui-tablet .t-order-content-editor .field-option .field .t-quantity .quick-qty-group, .sms-ui-tablet .t-leg-editor .field-option .field .t-quantity .quick-qty-group {
  top: 0;
  right: 0;
  width: 120px;
  padding: 5px;
  display: flex;
  color: black;
  position: absolute;
  text-transform: uppercase;
  justify-content: space-evenly;
}

.sms-ui-tablet .main-information .field-option .field .t-quantity .quick-qty-group .gwt-Label, .sms-ui-tablet .t-common-fields .field-option .field .t-quantity .quick-qty-group .gwt-Label, .sms-ui-tablet .t-order-content-editor .field-option .field .t-quantity .quick-qty-group .gwt-Label, .sms-ui-tablet .t-leg-editor .field-option .field .t-quantity .quick-qty-group .gwt-Label {
  margin: auto;
  border-radius: 50%;
  border: 1px solid grey;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
}

.sms-ui-tablet .main-information .field-option .field .t-quantity .quick-qty-group .gwt-Label.selected, .sms-ui-tablet .t-common-fields .field-option .field .t-quantity .quick-qty-group .gwt-Label.selected, .sms-ui-tablet .t-order-content-editor .field-option .field .t-quantity .quick-qty-group .gwt-Label.selected, .sms-ui-tablet .t-leg-editor .field-option .field .t-quantity .quick-qty-group .gwt-Label.selected {
  color: white;
  background-color: black;
}

.sms-ui-tablet .main-information .price, .sms-ui-tablet .t-common-fields .price, .sms-ui-tablet .t-order-content-editor .price, .sms-ui-tablet .t-leg-editor .price {
  height: 100%;
  display: flex;
  color: black;
  align-items: center;
  border: none !important;
  position: relative;
}

.sms-ui-tablet .main-information .price .pip-exponent, .sms-ui-tablet .t-common-fields .price .pip-exponent, .sms-ui-tablet .t-order-content-editor .price .pip-exponent, .sms-ui-tablet .t-leg-editor .price .pip-exponent {
  margin-left: 2px;
}

.sms-ui-tablet .main-information .price .pip-prenum-left, .sms-ui-tablet .t-common-fields .price .pip-prenum-left, .sms-ui-tablet .t-order-content-editor .price .pip-prenum-left, .sms-ui-tablet .t-leg-editor .price .pip-prenum-left {
  margin-right: 2px;
}

.sms-ui-tablet .main-information .price .pip-content .pip-num, .sms-ui-tablet .t-common-fields .price .pip-content .pip-num, .sms-ui-tablet .t-order-content-editor .price .pip-content .pip-num, .sms-ui-tablet .t-leg-editor .price .pip-content .pip-num {
  font-size: 25px;
  color: #FFCC80;
}

.sms-ui-tablet .main-information .price .up, .sms-ui-tablet .main-information .price .down, .sms-ui-tablet .t-common-fields .price .up, .sms-ui-tablet .t-common-fields .price .down, .sms-ui-tablet .t-order-content-editor .price .up, .sms-ui-tablet .t-order-content-editor .price .down, .sms-ui-tablet .t-leg-editor .price .up, .sms-ui-tablet .t-leg-editor .price .down {
  height: 100%;
  width: 50px;
  border: 1px solid;
  border-radius: 5px;
  font-size: 15px;
  font-weight: bold;
  z-index: 1;
}

.sms-ui-tablet .main-information .price input:not(.disabled), .sms-ui-tablet .t-common-fields .price input:not(.disabled), .sms-ui-tablet .t-order-content-editor .price input:not(.disabled), .sms-ui-tablet .t-leg-editor .price input:not(.disabled) {
  position: initial !important;
  height: 100%;
  margin-top: 6px;
}

.sms-ui-tablet .main-information .price .value-label, .sms-ui-tablet .main-information .price input, .sms-ui-tablet .t-common-fields .price .value-label, .sms-ui-tablet .t-common-fields .price input, .sms-ui-tablet .t-order-content-editor .price .value-label, .sms-ui-tablet .t-order-content-editor .price input, .sms-ui-tablet .t-leg-editor .price .value-label, .sms-ui-tablet .t-leg-editor .price input {
  height: 100%;
  padding: 0px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sms-ui-tablet .main-information .price .value-label, .sms-ui-tablet .t-common-fields .price .value-label, .sms-ui-tablet .t-order-content-editor .price .value-label, .sms-ui-tablet .t-leg-editor .price .value-label {
  margin-top: 6px;
}

.sms-ui-tablet .main-information .price input, .sms-ui-tablet .t-common-fields .price input, .sms-ui-tablet .t-order-content-editor .price input, .sms-ui-tablet .t-leg-editor .price input {
  left: 20%;
  width: 60%;
  bottom: 0px;
  text-align: center;
}

.sms-ui-tablet .main-information .gwt-ListBox, .sms-ui-tablet .t-common-fields .gwt-ListBox, .sms-ui-tablet .t-order-content-editor .gwt-ListBox, .sms-ui-tablet .t-leg-editor .gwt-ListBox {
  opacity: 0;
}

.sms-ui-tablet .t-editor .t-group-field:not(:first-child) {
  background-color: #d1d1d6;
}

.sms-ui-tablet .t-editor .t-tif-panel {
  width: 32%;
}

.sms-ui-tablet .t-editor .t-tif-panel .field-option {
  width: 100%;
}

.sms-ui-tablet .t-editor .t-tif-label-widget {
  font-size: 20px;
}

.sms-ui-tablet .t-editor .tablet-price-side-widget {
  width: 100%;
  display: flex;
  position: relative;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
}

.sms-ui-tablet .t-editor .tablet-price-side-widget .pip-num {
  font-size: 1.7em;
  font-weight: bold;
}

.sms-ui-tablet .t-editor .tablet-price-side-widget .bid, .sms-ui-tablet .t-editor .tablet-price-side-widget .offer {
  flex: 1;
}

.sms-ui-tablet .t-editor .tablet-price-side-widget .t-price {
  width: 100%;
  display: flex;
  font-size: 40px;
  text-align: center;
  flex-direction: row;
  font-size: 15px;
  background-color: transparent;
  border: 0px;
}

.sms-ui-tablet .t-editor .tablet-price-side-widget .t-price .offer {
  border-left: 1px solid #e2dede;
}

.sms-ui-tablet .t-editor .tablet-price-side-widget .t-price .bid .pip-num {
  color: #4CAF50;
}

.sms-ui-tablet .t-editor .tablet-price-side-widget .t-price .offer .pip-num {
  color: #D32F2F;
}

.sms-ui-tablet .tablet-settings-panel .icon {
  color: black !important;
}

.sms-ui-tablet .tablet-settings-panel .account, .sms-ui-tablet .tablet-settings-panel .t-quantity {
  border: 1px solid #1c1c1e;
  border-radius: 5px;
}

.sms-ui-tablet .tablet-position-summary .t-sum-graph {
  border-left: 1px solid #d1d1d6;
  border-right: 1px solid #d1d1d6;
}

.sms-ui-tablet .t-header .t-filter-icon.t-active {
  color: #ff9500;
  font-weight: bold;
}

.t-dialog {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.t-dialog.t-hide {
  display: none;
}

.t-dialog .t-dialog-content {
  border-radius: 20px;
  min-width: 300px;
  overflow: hidden;
  font-size: 16px;
}

.t-dialog .t-dialog-content .t-title {
  font-weight: bold;
  text-transform: capitalize;
  padding-top: 20px;
  padding-bottom: 5px;
  font-size: 1.2em;
}

.t-dialog .t-dialog-content .t-title, .t-dialog .t-dialog-content button, .t-dialog .t-dialog-content .t-body {
  padding-left: 40px;
  padding-right: 40px;
}

.t-dialog .t-dialog-content .t-body {
  padding-bottom: 20px;
}

.t-dialog .t-dialog-content .t-btn-panel {
  display: flex;
  font-size: .9em;
}

.t-dialog .t-dialog-content .t-btn-panel button {
  flex: 1;
  padding: 10px 0;
  text-transform: uppercase;
}

.t-dialog {
  background: rgba(28, 28, 30, 0.5);
}

.t-dialog .t-popup-close {
  color: #f2f2f7;
}

.t-dialog .t-dialog-content {
  background: #f2f2f7;
  border: 1px solid #8e8e93;
}

.t-dialog .t-dialog-content .t-btn-panel {
  border-top: 1px solid #8e8e93;
}

.t-dialog .t-dialog-content .t-btn-panel button {
  background: inherit;
  border: none;
  color: #007aff;
}

.t-dialog .t-dialog-content .t-btn-panel button:active, .t-dialog .t-dialog-content .t-btn-panel button:focus {
  background: #d1d1d6;
}

.t-dialog .t-dialog-content .t-btn-panel button:not(:first-child) {
  border-left: 1px solid #8e8e93;
}

.physical-metals-trading-board .sec-def-symbol {
  font-size: large;
}

.physical-metals-trading-board .tab-container {
  width: 400px;
  margin: 5px auto 0px;
}

.physical-metals-trading-board .tab-container .tabs {
  display: flex;
}

.physical-metals-trading-board .tab-container .tabs .btn {
  width: 50%;
}

.physical-metals-trading-board .tab-container .tabs.active {
  border-bottom: none;
}

.physical-metals-trading-board .main-container {
  width: 400px;
  margin: auto;
  padding: 5px;
  border-top: none !important;
}

.physical-metals-trading-board .main-container .buy-button {
  margin: auto auto 18px auto;
  width: 140px;
  height: 45px;
}

.physical-metals-trading-board .main-container .buy-button button {
  width: 140px;
}

.physical-metals-trading-board .main-container .top-panel {
  display: flex;
  justify-content: space-between;
  margin: 23px 10px;
}

.physical-metals-trading-board .main-container .qty-panel {
  display: flex;
  justify-content: center;
}

.physical-metals-trading-board .main-container .qty-panel .gwt-Label {
  padding: 0px 5px;
  border: 1px solid black;
  border-right: 0;
}

.physical-metals-trading-board .main-container .qty-panel {
  width: 250px;
  margin: 23px 45px;
  position: relative;
  height: 23px;
}

.physical-metals-trading-board .main-container .qty-panel .quantity-spinner {
  width: 170px;
}

.physical-metals-trading-board .main-container .qty-panel .quantity-caption {
  width: 120px;
  text-align: center;
}

.physical-metals-trading-board .main-container .qty-panel .unit-label {
  position: absolute;
  right: -25px;
}

.physical-metals-trading-board .main-container .market-editor-atom .price-panel {
  background-color: cornflowerblue;
  border: white 1px solid;
  border-radius: 4px;
  margin: auto auto 23px auto;
  width: 285px;
  height: 65px;
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.physical-metals-trading-board .main-container .market-editor-atom .price-panel .price-value {
  font-size: 2.5em;
  flex: auto;
  text-align: center;
}

.physical-metals-trading-board .main-container .market-editor-atom .price-panel .price-unit {
  flex: 1;
  align-self: end;
  text-align: end;
  min-width: 75px;
}

.physical-metals-trading-board .main-container .fixing-editor-atom .fixing-info {
  margin-left: 5px;
}

.physical-metals-trading-board .main-container .fixing-editor-atom .fixing-info .fixing-item {
  display: flex;
  margin: 23px 0px;
}

.physical-metals-trading-board .main-container .fixing-editor-atom .fixing-info .fixing-item .fixing-item-label {
  width: 120px;
  line-height: 25px;
  text-align: center;
}

.physical-metals-trading-board .main-container .fixing-editor-atom .fixing-info .fixing-item .fixing-item-value {
  width: 170px;
  text-align: center;
}

.physical-metals-trading-board .main-container .fixing-editor-atom .fixing-info .fixing-item .select2-choice {
  border-radius: 0;
}

.physical-metals-trading-board .main-container .fixing-editor-atom .fixing-session {
  width: 120px;
  margin: auto;
}

.physical-metals-trading-board .credit-check-limit-panel {
  margin: 18px auto auto auto;
  padding: 5px;
  border-top: none;
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
}

.physical-metals-trading-board .credit-check-limit-value {
  font-weight: bold;
  margin-left: 5px;
}

.physical-amend-fixing-dialog .details {
  display: inline-block;
  margin-left: 5px;
}

.physical-amend-fixing-dialog .fixing-details {
  display: flex;
}

.physical-amend-fixing-dialog .fixing-details .source, .physical-amend-fixing-dialog .fixing-details .date, .physical-amend-fixing-dialog .fixing-details .session {
  padding: 5px 10px;
  margin: 10px 40px 10px 0px;
  border-radius: 2px;
  width: 150px;
  text-align: center;
}

.physical-amend-fixing-dialog .fixing-details .source :first-child, .physical-amend-fixing-dialog .fixing-details .date :first-child, .physical-amend-fixing-dialog .fixing-details .session :first-child {
  font-weight: bold;
}

.physical-amend-fixing-dialog .qty-panel {
  display: flex;
}

.physical-amend-fixing-dialog .qty-panel .quantity-spinner {
  width: 100px;
}

.physical-amend-fixing-dialog .qty-panel .unit-label {
  border: 1px black solid;
  padding: 0px 3px;
}

.fixing-item-date-picker .datePickerPreviousButton {
  margin-left: 20px;
}

.fixing-item-date-picker .datePickerNextButton {
  margin-right: 20px;
}

.fixing-item-date-picker .datePickerPreviousYearButton, .fixing-item-date-picker .datePickerNextYearButton {
  cursor: pointer;
}

.sms-ui-manualmarket-new.main-layout {
  height: 100%;
}

.sms-ui-manualmarket-new.main-layout .disabled {
  opacity: 0.50;
  pointer-events: none;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget {
  display: flex;
  position: absolute;
  justify-content: space-between;
  top: 30px;
  left: 0;
  right: 0;
  height: 120px;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-header {
  height: 40px;
  display: flex;
  justify-content: space-between;
  padding: 0px 10px;
  width: 100%;
  align-items: center;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-header .circuit-break {
  width: auto;
  position: relative;
  font-size: 1.6vw;
  font-weight: 600;
  width: 100%;
  text-align: center;
  z-index: 1;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-header .manualmarket-title {
  font-size: 20px;
  min-width: 210px;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-header .manualmarket-mode-container {
  display: flex;
  margin-left: 10px;
  min-width: 150px;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-header .manualmarket-mode-container .manualmarket-mode {
  align-self: center;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox {
  position: relative;
  display: block;
  width: 50px;
  height: 26px;
  margin-left: 10px;
  box-sizing: content-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox.gwt-CheckBox-disabled {
  opacity: 0.7;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox input {
  display: none;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 22px;
  padding: 0;
  line-height: 22px;
  border: 2px solid;
  border-radius: 22px;
  box-sizing: content-box;
  transition: background-color 0.3s ease-in;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox label:before {
  content: "";
  display: block;
  width: 22px;
  margin: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
  border: 2px solid;
  border-radius: 50%;
  transition: all 0.3s ease-in 0s;
  box-sizing: content-box;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox input:checked + label:before {
  right: 0px;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top {
  position: absolute;
  height: 80px;
  top: 40px;
  left: 25px;
  display: flex;
  width: 100%;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-midprice {
  width: 200px;
  margin-top: 20px;
  margin-right: 10px;
  flex-shrink: 0;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-midprice .gwt-Label {
  width: 100%;
  font-weight: bold;
  text-align: center;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-midprice .price-spinner {
  height: 30px;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-midprice .price-spinner input {
  font-size: 15px;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-midprice .price-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease {
  display: flex;
  flex-direction: column;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-midprice .price-spinner .price-spinner-label .pip-prenum-left,
.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-midprice .price-spinner .price-spinner-label .pip-exponent {
  font-size: 15px;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-midprice .price-spinner .price-spinner-label .pip-num {
  font-size: 20px;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-button {
  margin: 30px 5px 0 5px;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-button button {
  font-size: 25px;
  border-radius: 50%;
  padding: 5px;
  margin-right: 5px;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-button.manualmarket-button-stop {
  background-color: #860000;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-multiplier {
  margin-top: 20px;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-multiplier .gwt-Label {
  font-weight: bold;
  text-align: center;
}

.sms-ui-manualmarket-new.main-layout .manualmarket-header-widget .manualmarket-top .manualmarket-multiplier .manualmarket-multiplier-item {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  height: 40px;
  display: inline-block;
}

.sms-ui-manualmarket-new.main-layout .midprice-item .midprice-label {
  padding-left: 5px;
}

.sms-ui-manualmarket-new.main-layout .midprice-item .spinner-value {
  height: 30px !important;
}

.sms-ui-manualmarket-new.main-layout .midprice-item .spinner-btn-increase:after {
  position: absolute;
  top: -8px;
  left: 6px;
}

.sms-ui-manualmarket-new.main-layout .midprice-item .spinner-btn-decrease:after {
  position: absolute;
  top: -7px;
  left: 6px;
}

.sms-ui-manualmarket-new.main-layout .column-layout {
  overflow: inherit;
}

.sms-ui-manualmarket-new.main-layout .column-layout .column-layout-column .nest {
  margin: 5px 5px 5px 5px;
  overflow: visible;
  position: inherit;
  height: auto;
}

.sms-ui-manualmarket-new.main-layout .column-layout .column-layout-container.grow-right {
  padding-left: 15px;
}

.sms-ui-manualmarket-new.main-layout .manul-market-box-board {
  width: 100%;
  overflow: auto;
  margin: auto;
}

.sms-ui-manualmarket-new.main-layout .box-board {
  top: 150px;
  height: calc(100% - 150px);
  position: absolute;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box {
  width: 800px !important;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  border-width: 1px;
  border-color: #1c1c1e;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-group-header {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  height: 40px;
  position: absolute;
  width: 100%;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-group-header .manualmarket-button {
  display: inline;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-group-header .manualmarket-button button {
  margin-top: 10%;
  border-radius: 50%;
  padding: 5px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-group-header .manualmarket-button.manualmarket-button-stop {
  background-color: #860000;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-group-header .manualmarket-group-header-item {
  margin: 5px;
  display: inline-block;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-group-header .manualmarket-group-header-item.manualmarket-group-title {
  margin-top: 10px;
  font-weight: bold;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-group-header .manualmarket-group-header-item.manualmarket-group-add {
  font-size: 18px;
  vertical-align: bottom;
  margin-right: 65%;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body-hidden {
  visibility: hidden;
  height: 40px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body {
  border: 1px solid black;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-mid {
  display: flex;
  justify-content: flex-end;
  height: 100px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-mid .lines-highcharts {
  width: 80%;
  height: 110px;
  margin-top: 5%;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-mid .lines-highcharts .highcharts-legend-item .highcharts-point {
  display: none;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-limit-warning {
  text-align: right;
  font-size: 12px;
  font-weight: 100;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-limit-warning:before {
  font-family: "webappsdk";
  line-height: 20px;
  font-size: 12px;
  height: 20px;
  width: 15px;
  content: "\ed4d";
  margin-right: 3px;
  color: #d70000;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group {
  width: 95%;
  height: calc(100% - 185px);
  box-sizing: border-box;
  margin: auto;
  margin-top: 25px;
  padding: 10px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body {
  height: calc(100% - 40px);
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band {
  padding: 5px;
  margin: 5px -5px 0px;
  height: 60px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .regen-read-panel {
  display: flex;
  font-size: 10px;
  font-weight: 100;
  float: right;
  margin-top: 1%;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside {
  display: flex;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .regen-panel {
  display: flex;
  flex-grow: 0;
  padding: 3px 0;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .regen-panel .impact-qty {
  display: flex;
  margin: 0 5px;
  width: 100px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .regen-panel .impact-qty .icon {
  margin-right: 3px;
  pointer-events: none;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .regen-panel .impact-qty .quantity-spinner {
  max-width: 85px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .regen-panel .regen-time {
  display: flex;
  margin: 0 5px;
  width: 85px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .regen-panel .regen-time .icon {
  margin-right: 3px;
  pointer-events: none;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .regen-panel .regen-time .numeric-spinner {
  max-width: 70px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .side-panel-read {
  margin-left: 150px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .sides-panel {
  display: flex;
  flex-grow: 1;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .sides-panel .manualmarket-quantity-widget {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .sides-panel .manualmarket-quantity-widget .manualmarket-quantity-widget-panel {
  display: flex;
  flex-grow: 2;
  margin: 0 5px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .sides-panel .manualmarket-quantity-widget .manualmarket-quantity-widget-panel .icon {
  margin: 0 3px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .sides-panel .manualmarket-quantity-widget .manualmarket-quantity-widget-panel .manualmarket-quantity-label {
  margin: auto;
  white-space: nowrap;
  cursor: default;
  text-overflow: ellipsis;
  max-width: 120px;
  overflow: hidden;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .sides-panel .manualmarket-quantity-widget .progress {
  width: auto;
  height: 3px;
  margin-bottom: 0;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .sides-panel .manualmarket-offset {
  flex-grow: 1;
  margin: 0 5px;
  max-width: 70px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .sides-panel .manualmarket-price {
  flex-grow: 0;
  text-align: center;
  margin: 0 5px;
  padding-top: 3px;
  cursor: default;
  width: 80px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .sides-panel .manualmarket-price .pip-num {
  font-weight: bold;
  font-size: 19px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .sides-panel .manualmarket-price-splitter {
  flex-grow: 0;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .edit-mode {
  pointer-events: auto;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .actions-panel {
  display: flex;
  flex-grow: 0;
  justify-content: flex-end;
  width: 130px;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .actions-panel .btn {
  margin-left: 5px;
  border-radius: 50%;
}

.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .actions-panel .button-start:focus,
.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .actions-panel .button-save:focus,
.sms-ui-manualmarket-new.main-layout .box-board .manualmarket-box .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .manualmarket-band-inside .actions-panel .button-stop:focus {
  opacity: 0.8;
}

.sms-ui-manualmarket .main-layout {
  height: 100%;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget {
  position: relative;
  top: 30px;
  height: calc(100% - 30px);
  max-width: 1200px;
  min-width: 800px;
  margin: 0 auto;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-header {
  height: 54px;
  display: flex;
  justify-content: space-between;
  padding: 10px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-header .manualmarket-title {
  font-size: x-large;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-header .manualmarket-mode-container {
  padding-top: 6px;
  display: flex;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-header .manualmarket-mode-container .manualmarket-mode {
  opacity: 0.6;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-header .manualmarket-mode-container .manualmarket-mode.active-mode {
  opacity: 1;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox {
  position: relative;
  display: block;
  width: 50px;
  height: 26px;
  margin-left: 10px;
  box-sizing: content-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox.gwt-CheckBox-disabled {
  opacity: 0.7;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox input {
  display: none;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 22px;
  padding: 0;
  line-height: 22px;
  border: 2px solid;
  border-radius: 22px;
  box-sizing: content-box;
  transition: background-color 0.3s ease-in;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox label:before {
  content: "";
  display: block;
  width: 22px;
  margin: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 24px;
  border: 2px solid;
  border-radius: 50%;
  transition: all 0.3s ease-in 0s;
  box-sizing: content-box;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox input:checked + label:before {
  right: 0px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body {
  height: calc(100% - 54px);
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-top {
  display: flex;
  justify-content: space-between;
  height: 95px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-top .manualmarket-limit-warning {
  margin: 20px 10px 10px 30px;
  max-width: 200px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-top .manualmarket-midprice {
  margin: 5px;
  width: 30%;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-top .manualmarket-midprice .gwt-Label {
  width: 100%;
  text-align: center;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-top .manualmarket-midprice .price-spinner {
  width: 100%;
  height: 60px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-top .manualmarket-midprice .price-spinner input {
  font-size: 35px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-top .manualmarket-midprice .price-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease {
  display: flex;
  flex-direction: column-reverse;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-top .manualmarket-midprice .price-spinner .price-spinner-label {
  padding-top: 2px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-top .manualmarket-midprice .price-spinner .price-spinner-label .pip-prenum-left,
.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-top .manualmarket-midprice .price-spinner .price-spinner-label .pip-exponent {
  font-size: 35px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-top .manualmarket-midprice .price-spinner .price-spinner-label .pip-num {
  font-size: 40px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-top .manualmarket-distance {
  margin: 10px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-top .manualmarket-distance .price-spinner {
  height: 25px;
  width: 100px;
  margin: auto;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-mid {
  display: flex;
  justify-content: flex-end;
  height: 100px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-mid .lines-highcharts {
  width: 80%;
  height: 110px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-mid .lines-highcharts .highcharts-legend-item .highcharts-point {
  display: none;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-mid .manualmarket-button {
  margin: 0 20px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-mid .manualmarket-button button {
  font-size: 25px;
  margin: 50% 5px;
  border-radius: 5px;
  padding: 5px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group {
  width: 95%;
  height: calc(100% - 185px);
  box-sizing: border-box;
  margin: 10px auto;
  padding: 10px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-header {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  height: 40px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-header .manualmarket-group-header-item {
  margin: 5px;
  display: inline-block;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-header .manualmarket-group-header-item.manualmarket-group-title {
  font-weight: bold;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-header .manualmarket-group-header-item.manualmarket-group-add {
  font-size: 18px;
  vertical-align: bottom;
  padding-top: 5px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body {
  height: calc(100% - 40px);
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container {
  overflow-y: auto;
  height: 100%;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band {
  display: flex;
  padding: 5px;
  margin: 5px 5px 0px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .regen-panel {
  display: flex;
  flex-grow: 0;
  padding: 3px 0;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .regen-panel .impact-qty {
  display: flex;
  margin: 0 5px;
  width: 100px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .regen-panel .impact-qty .icon {
  margin-right: 3px;
  pointer-events: none;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .regen-panel .impact-qty .quantity-spinner {
  max-width: 85px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .regen-panel .regen-time {
  display: flex;
  margin: 0 5px;
  width: 85px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .regen-panel .regen-time .icon {
  margin-right: 3px;
  pointer-events: none;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .regen-panel .regen-time .numeric-spinner {
  max-width: 70px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .sides-panel {
  display: flex;
  flex-grow: 1;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .sides-panel .manualmarket-quantity-widget {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  width: 150px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .sides-panel .manualmarket-quantity-widget .manualmarket-quantity-widget-panel {
  display: flex;
  flex-grow: 2;
  margin: 0 5px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .sides-panel .manualmarket-quantity-widget .manualmarket-quantity-widget-panel .icon {
  margin: 0 3px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .sides-panel .manualmarket-quantity-widget .manualmarket-quantity-widget-panel .manualmarket-quantity-label {
  margin: auto;
  white-space: nowrap;
  cursor: default;
  text-overflow: ellipsis;
  max-width: 120px;
  overflow: hidden;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .sides-panel .manualmarket-quantity-widget .progress {
  width: auto;
  height: 3px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .sides-panel .manualmarket-offset {
  flex-grow: 1;
  margin: 0 5px;
  max-width: 100px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .sides-panel .manualmarket-price {
  flex-grow: 0;
  text-align: center;
  margin: 0 5px;
  padding-top: 3px;
  cursor: default;
  width: 80px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .sides-panel .manualmarket-price .pip-num {
  font-weight: bold;
  font-size: 19px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .sides-panel .manualmarket-price-splitter {
  flex-grow: 0;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .edit-mode {
  pointer-events: auto;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .actions-panel {
  display: flex;
  flex-grow: 0;
  justify-content: flex-end;
  width: 130px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .actions-panel .btn {
  margin-left: 5px;
}

.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .actions-panel .button-start:focus,
.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .actions-panel .button-save:focus,
.sms-ui-manualmarket .main-layout .manualmarket-widget .manualmarket-body .manualmarket-group .manualmarket-group-body .manualmarket-container .manualmarket-band .actions-panel .button-stop:focus {
  opacity: 0.8;
}

.sms-ui-manualmarket .main-layout .midprice-item .midprice-label {
  padding-left: 5px;
}

.sms-ui-manualmarket .main-layout .midprice-item .spinner-value {
  height: 30px !important;
}

.sms-ui-manualmarket .main-layout .midprice-item .spinner-btn-increase:after {
  position: absolute;
  top: -8px;
  left: 6px;
}

.sms-ui-manualmarket .main-layout .midprice-item .spinner-btn-decrease:after {
  position: absolute;
  top: -7px;
  left: 6px;
}

.sms-ui-payment-control-center .blotters-area {
  height: 100%;
}

.sms-ui-payment-control-center .blotters-area .header .btn-group {
  line-height: 18px;
}

.sms-ui-payment-control-center .blotters-area .header .btn-group .btn-primary {
  line-height: 16px;
}

.sms-ui-payment-control-center .blotters-area .header .btn-group .dropdown {
  line-height: 18px;
  top: -.5px;
}

.sms-ui-payment-control-center .blotters-area .header .btn-group .dropdown .btn-group .dropdown-toggle {
  line-height: 18px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.sms-ui-payment-control-center .control-center-panel {
  display: flex;
  flex-direction: row;
  height: 100vh;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel {
  margin: 10px;
  margin-bottom: 0px;
  width: 33%;
  display: flex;
  flex-direction: column;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .title {
  font-size: 1.5em;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel thead {
  left: 0px !important;
  margin-left: 0px !important;
  height: 30px;
  width: 100% !important;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .blotter-atom .grid-atom .table {
  height: calc(100% - 50px);
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .blotter-atom .grid-atom .table .body-table {
  width: 100% !important;
  margin-left: 0px !important;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .blotter-atom .grid-atom .table .body-table table thead tr th div .gwt-Label {
  width: 100% !important;
  height: 30px;
  line-height: 30px;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .grid-atom {
  top: 32px !important;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .grid-atom.infinite-scrolling .table .body-table table tbody td > * {
  height: 30px;
  line-height: 30px;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .benchmark-blotter {
  margin-top: 9px;
  flex-grow: 1;
  position: relative;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .benchmark-blotter .stylised-checkbox {
  padding-left: 39px;
  height: 30px;
  line-height: 30px;
  pointer-events: none;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .benchmark-blotter .stylised-checkbox label {
  transition: unset;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .benchmark-blotter .stylised-checkbox label:after {
  transition: unset;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .lp-price-control-blotter {
  margin-top: 9px;
  flex-grow: 1;
  position: relative;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .lp-price-control-blotter .grid-atom {
  overflow: auto;
  border-left: none;
  border-right: none;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .lp-price-control-blotter .grid-atom .body-table {
  width: 610px !important;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .lp-price-control-blotter .grid-atom .body-table table {
  width: 100% !important;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .lp-price-control-blotter .stylised-checkbox {
  padding-left: 37px;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .payment-currency-state {
  margin-top: 9px;
  flex-grow: 1;
  position: relative;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .payment-currency-state .payment-currency-filters .checkbox-dropdown {
  height: 30px;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .payment-currency-state .stylised-checkbox {
  padding-left: 39px;
  height: 30px;
  line-height: 30px;
  pointer-events: none;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .payment-currency-state .stylised-checkbox label {
  transition: unset;
}

.sms-ui-payment-control-center .control-center-panel .blotter-panel .payment-currency-state .stylised-checkbox label:after {
  transition: unset;
}

.sms-ui-payment-control-center .payment-rfq-filter-widget {
  display: flex;
  flex-grow: 1;
}

.sms-ui-payment-control-center .payment-rfq-filter-widget .checkbox-dropdown {
  height: 25px;
  width: 180px;
  margin: 5px 5px 5px 0px;
  border-radius: 5px;
}

.sms-ui-payment-control-center .payment-rfq-filter-widget .checkbox-dropdown .dropdown-button {
  border-radius: 5px;
  border: none;
  max-width: 180px;
}

.sms-ui-payment-control-center .dropdown-within-date-amount {
  margin-right: 5px;
  width: 45px;
  margin-left: 5px;
  text-align: center;
}

.sms-ui-payment-control-center .dropdown-date-box {
  width: 80px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
}

.trade-history .modal-body {
  height: 500px !important;
}

@media screen and (min-width: 992px) {
  .trade-history .modal-lg {
    width: 90% !important;
  }
}

.ext-credit-avail .ext-credit-avail-form {
  padding-bottom: 10px;
  align-items: center;
  margin: 0px 10px;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-title {
  height: 25px;
  padding-top: 5px;
  display: flex;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-title .ext-credit-avail-form-account {
  margin-right: 6px;
  width: 40%;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-title .ext-credit-avail-form-sett {
  width: 30%;
  padding-right: 5px;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector {
  height: 26px;
  display: flex;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .ext-credit-avail-form-account .gwt-Label {
  text-overflow: ellipsis;
  overflow: hidden;
  height: 26px;
  line-height: 30px;
  padding: 0px;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .ext-credit-avail-form-account,
.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .ext-credit-avail-form-sett {
  padding-right: 5px;
  margin-right: 6px;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .ext-credit-avail-form-account .form-field,
.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .ext-credit-avail-form-sett .form-field {
  height: 26px;
  margin: 0px;
  position: centered;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .ext-credit-avail-form-account {
  width: 40%;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .ext-credit-avail-form-sett {
  width: 30%;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .ext-credit-avail-form-sett .date-picker-label {
  color: white;
  line-height: 1px;
  height: 24px;
  padding-left: 7px;
  padding-top: 1px;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .ext-credit-avail-form-button {
  width: 10rem;
  height: 2.5rem;
  font-size: 13px;
  box-sizing: border-box;
  border-radius: 3px;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .tooltip-widget.tooltip-upsideDown .tooltip-notif {
  top: 100%;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .tooltip-arrow {
  margin-top: -20px;
}

.ext-credit-avail .ext-credit-avail-result-title {
  margin: 10px 0 5px 5px;
  font-weight: 900;
}

.ext-credit-avail .ext-credit-avail-result-top {
  display: flex;
  margin-left: 5px;
}

.ext-credit-avail .ext-credit-avail-result-top .ext-credit-avail-result-sett {
  margin-left: 5px;
  width: 25%;
  text-align: left;
}

.ext-credit-avail .ext-credit-avail-result-top .ext-credit-avail-result-available,
.ext-credit-avail .ext-credit-avail-result-top .ext-credit-avail-result-limit {
  width: 25%;
  padding-right: 5px;
  text-align: right;
}

.ext-credit-avail .ext-credit-avail-result-top .ext-credit-avail-result-avail-percent {
  width: 25%;
  margin-left: 5px;
}

.ext-credit-avail .ext-credit-avail-result-row {
  display: flex;
  margin-left: 5px;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-sett {
  margin-left: 5px;
  width: 25%;
  text-align: left;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-available,
.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-limit {
  width: 25%;
  padding-right: 5px;
  text-align: right;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-avail-percent {
  width: 25%;
  margin-left: 5px;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-avail-percent .percentage-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-left: 5px;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-avail-percent .percentage-panel .percentage-label {
  font-size: 11px;
  height: 17px;
  line-height: 20px;
  font-weight: 800;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-avail-percent .percentage-panel .percentage-progress-container {
  width: 100%;
  height: 4px;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-avail-percent .percentage-panel .percentage-progress-container .percentage-progress-bar {
  height: 100%;
}

.ext-credit-avail .ext-credit-avail-result-label {
  margin: 5px 10px;
}

.ext-credit-avail .ext-credit-link-panel {
  display: flex;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.ext-credit-avail .ext-credit-link-panel .ext-credit-link-title:before {
  font-family: 'webappsdk';
  content: '\ed61';
  padding: 5px;
}

.ext-credit-avail .ext-credit-link-panel .ext-credit-unlink-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px 5px;
  right: 0;
  position: absolute;
  margin-right: 20%;
  box-sizing: border-box;
  border-radius: 3px;
}

.ext-credit-avail .ext-credit-link-panel .ext-credit-unlink-button:before {
  font-family: 'webappsdk';
  content: '\ec99';
  padding-right: 2px;
  padding-left: 2px;
}

.ext-credit-box-icon {
  vertical-align: unset !important;
  margin-left: -2px !important;
}

.tnc-panel {
  height: 100%;
  width: 100%;
  display: block;
}

.tnc-panel .tnc-image {
  height: 326.05px;
  width: 576px;
  display: block;
  margin: auto;
}

.tnc-panel .tnc-container {
  margin: auto;
  width: 576px;
  border: 1px solid;
  box-sizing: border-box;
  border-radius: 5px;
  font-family: 'Arial';
  font-style: normal;
  font-weight: 400;
  padding: 15px;
}

.tnc-panel .tnc-container h1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 34px;
  margin: 0;
  margin-bottom: 5px;
}

.tnc-panel .tnc-container .tnc-container-text {
  margin-bottom: 5px;
}

.tnc-panel .tnc-container .tnc-container-text p {
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
  margin: 0;
}

.tnc-panel .tnc-container .tnc-container-text a {
  text-decoration: underline;
  font-size: 18px;
  line-height: 30px;
  font-weight: bold;
}

.tnc-panel .tnc-container .tnc-container-buttons {
  display: grid;
  justify-content: end;
  column-gap: 10px;
}

.tnc-panel .tnc-container .tnc-container-buttons button {
  grid-row: 1;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  min-width: 71px;
  min-height: 32px;
  -webkit-appearance: none;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0;
  padding-left: 7px;
  padding-right: 7px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  text-transform: capitalize;
}

.tnc-panel .tnc-container .tnc-container-buttons button:hover {
  cursor: pointer;
}

.tnc-panel .tnc-container .tnc-container-buttons .btn-primary {
  border: 1px solid;
}

.tnc-panel .tnc-container .tnc-container-buttons .btn-default {
  border: 1px solid;
}

/**
 * alertifyjs 1.4.1 http://alertifyjs.com
 * AlertifyJS is a javascript framework for developing pretty browser dialogs and notifications.
 * Copyright 2015 Mohammad Younes <Mohammad@alertifyjs.com> (http://alertifyjs.com) 
 * Licensed under MIT <http://opensource.org/licenses/mit-license.php>*/
.alertify .ajs-dimmer {
  position: fixed;
  z-index: 1981;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  background-color: #252525;
  opacity: .5;
}

.alertify .ajs-modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  overflow-y: auto;
  z-index: 1981;
}

.alertify .ajs-dialog {
  position: relative;
  margin: 5% auto;
  min-height: 110px;
  max-width: 500px;
  padding: 24px 24px 0 24px;
  outline: 0;
  background-color: #fff;
}

.alertify .ajs-dialog.ajs-capture:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1;
}

.alertify .ajs-reset {
  position: absolute !important;
  display: inline !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

.alertify .ajs-commands {
  position: absolute;
  right: 4px;
  margin: -14px 24px 0 0;
  z-index: 2;
}

.alertify .ajs-commands button {
  display: none;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  padding: 10px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.alertify .ajs-commands button.ajs-close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC);
}

.alertify .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC);
}

.alertify .ajs-header {
  margin: -24px;
  margin-bottom: 0;
  padding: 16px 24px;
  background-color: #fff;
}

.alertify .ajs-body {
  min-height: 56px;
}

.alertify .ajs-body .ajs-content {
  padding: 16px 24px 16px 16px;
}

.alertify .ajs-footer {
  padding: 4px;
  margin-left: -24px;
  margin-right: -24px;
  min-height: 43px;
  background-color: #fff;
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
  text-align: right;
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
  margin: 4px;
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
  float: left;
  clear: none;
  text-align: left;
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
  margin: 4px;
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
  min-width: 88px;
  min-height: 35px;
}

.alertify .ajs-handle {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  cursor: se-resize;
}

.alertify.ajs-no-overflow .ajs-body .ajs-content {
  overflow: hidden !important;
}

.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
  left: 0;
  right: 0;
  padding: 0;
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
  margin-left: -24px;
  margin-right: -24px;
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
  padding: 0;
}

.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
  left: 0;
  right: 0;
}

.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
.alertify.ajs-maximizable .ajs-commands button.ajs-restore {
  display: inline-block;
}

.alertify.ajs-closable .ajs-commands button.ajs-close {
  display: inline-block;
}

.alertify.ajs-maximized .ajs-dialog {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  top: 0 !important;
  left: 0 !important;
}

.alertify.ajs-maximized.ajs-modeless .ajs-modal {
  position: fixed !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
}

.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=);
}

.alertify.ajs-resizable .ajs-dialog,
.alertify.ajs-maximized .ajs-dialog {
  padding: 0;
}

.alertify.ajs-resizable .ajs-commands,
.alertify.ajs-maximized .ajs-commands {
  margin: 14px 24px 0 0;
}

.alertify.ajs-resizable .ajs-header,
.alertify.ajs-maximized .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 16px 24px;
}

.alertify.ajs-resizable .ajs-body,
.alertify.ajs-maximized .ajs-body {
  min-height: 224px;
  display: inline-block;
}

.alertify.ajs-resizable .ajs-body .ajs-content,
.alertify.ajs-maximized .ajs-body .ajs-content {
  position: absolute;
  top: 50px;
  right: 24px;
  bottom: 50px;
  left: 24px;
  overflow: auto;
}

.alertify.ajs-resizable .ajs-footer,
.alertify.ajs-maximized .ajs-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
  min-width: 548px;
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
  display: block;
}

.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
  cursor: move;
}

.alertify.ajs-modeless .ajs-dimmer,
.alertify.ajs-modeless .ajs-reset {
  display: none;
}

.alertify.ajs-modeless .ajs-modal {
  overflow: visible;
  max-width: none;
  max-height: 0;
}

.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC);
}

.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
  position: absolute;
}

.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=);
}

.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
  max-height: 500px;
  overflow: auto;
}

.alertify.ajs-basic .ajs-header {
  opacity: 0;
}

.alertify.ajs-basic .ajs-footer {
  visibility: hidden;
}

.alertify.ajs-frameless .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 60px;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 1;
}

.alertify.ajs-frameless .ajs-footer {
  display: none;
}

.alertify.ajs-frameless .ajs-body .ajs-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
  padding-top: 0;
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
  margin-top: 0;
}

.ajs-no-overflow {
  overflow: hidden !important;
  outline: none;
}

.ajs-no-selection,
.ajs-no-selection * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width: 568px) {
  .alertify .ajs-dialog {
    min-width: 150px;
  }
  .alertify:not(.ajs-maximized) .ajs-modal {
    padding: 0 5%;
  }
  .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
    min-width: initial;
    min-width: auto;
  }
}

@-moz-document url-prefix() {
  .alertify button:focus {
    outline: 1px dotted #3593D2;
  }
}

.alertify .ajs-dimmer,
.alertify .ajs-modal {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-property: opacity, visibility;
  transition-timing-function: linear;
  transition-duration: 250ms;
}

.alertify.ajs-hidden .ajs-dimmer,
.alertify.ajs-hidden .ajs-modal {
  visibility: hidden;
  opacity: 0;
}

.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.alertify.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
}

.alertify .ajs-dialog.ajs-shake {
  -webkit-animation-name: ajs-shake;
  animation-name: ajs-shake;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes ajs-shake {
  0%,
100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
30%,
50%,
70%,
90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
40%,
60%,
80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes ajs-shake {
  0%,
100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
30%,
50%,
70%,
90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
40%,
60%,
80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-slideIn;
  animation-name: ajs-slideIn;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-slideOut;
  animation-name: ajs-slideOut;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-zoomIn;
  animation-name: ajs-zoomIn;
}

.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-zoomOut;
  animation-name: ajs-zoomOut;
}

.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-fadeIn;
  animation-name: ajs-fadeIn;
}

.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-fadeOut;
  animation-name: ajs-fadeOut;
}

.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-pulseIn;
  animation-name: ajs-pulseIn;
}

.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-pulseOut;
  animation-name: ajs-pulseOut;
}

.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInX;
  animation-name: ajs-flipInX;
}

.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutX;
  animation-name: ajs-flipOutX;
}

.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInY;
  animation-name: ajs-flipInY;
}

.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutY;
  animation-name: ajs-flipOutY;
}

@-webkit-keyframes ajs-pulseIn {
  0%,
20%,
40%,
60%,
80%,
100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes ajs-pulseIn {
  0%,
20%,
40%,
60%,
80%,
100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@-webkit-keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25);
  }
}

@keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25);
  }
}

@-webkit-keyframes ajs-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes ajs-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes ajs-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes ajs-fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@-webkit-keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@-webkit-keyframes ajs-slideIn {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 5%;
  }
}

@keyframes ajs-slideIn {
  0% {
    margin-top: -100%;
  }
  100% {
    margin-top: 5%;
  }
}

@-webkit-keyframes ajs-slideOut {
  0% {
    margin-top: 5%;
  }
  100% {
    margin-top: -100%;
  }
}

@keyframes ajs-slideOut {
  0% {
    margin-top: 5%;
  }
  100% {
    margin-top: -100%;
  }
}

.alertify-notifier {
  position: fixed;
  width: 0;
  overflow: visible;
  z-index: 1982;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.alertify-notifier .ajs-message {
  position: relative;
  width: 260px;
  max-height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-duration: 250ms;
  transition-timing-function: linear;
}

.alertify-notifier .ajs-message.ajs-visible {
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 1;
  max-height: 100%;
  padding: 15px;
  margin-top: 10px;
}

.alertify-notifier .ajs-message.ajs-success {
  background: rgba(91, 189, 114, 0.95);
}

.alertify-notifier .ajs-message.ajs-error {
  background: rgba(217, 92, 92, 0.95);
}

.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, 0.95);
}

.alertify-notifier.ajs-top {
  top: 10px;
}

.alertify-notifier.ajs-bottom {
  bottom: 10px;
}

.alertify-notifier.ajs-right {
  right: 10px;
}

.alertify-notifier.ajs-right .ajs-message {
  right: -320px;
}

.alertify-notifier.ajs-right .ajs-message.ajs-visible {
  right: 290px;
}

.alertify-notifier.ajs-left {
  left: 10px;
}

.alertify-notifier.ajs-left .ajs-message {
  left: -300px;
}

.alertify-notifier.ajs-left .ajs-message.ajs-visible {
  left: 0;
}

@keyframes slide-to-left {
  0% {
    right: 0;
  }
  100% {
    right: 100%;
  }
}

@keyframes slide-from-left {
  0% {
    right: 100%;
  }
  100% {
    right: 0;
  }
}

@keyframes slide-to-right {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

@keyframes slide-from-right {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}

@keyframes slide-to-top {
  0% {
    bottom: 0;
  }
  100% {
    bottom: 100%;
  }
}

@keyframes slide-from-top {
  0% {
    bottom: 100%;
  }
  100% {
    bottom: 0;
  }
}

.mobile * {
  scrollbar-width: thin;
}

.mobile .login-atom, .mobile .login-atom .body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mobile .login-atom .body {
  gap: 1em;
  width: 100%;
  height: 100%;
  max-width: 40em;
}

.mobile .login-atom .logo-container {
  width: 100%;
  height: 150px;
  max-height: 40%;
}

.mobile .login-atom .logo-container .logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.mobile .login-atom .logo-container .title {
  display: none;
}

.mobile .login-atom .form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}

.mobile .login-atom .form input,
.mobile .login-atom .form button {
  border-radius: 4px;
}

.mobile .login-atom .form .form-field-validator {
  height: 3.8em;
}

.mobile .login-atom .form .action-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin: .3em 0;
  line-height: unset;
  height: unset;
}

.mobile .login-atom .form .action-container:after {
  display: none;
}

.mobile .login-atom .form button.sign-in {
  min-width: 6em;
  width: unset;
  margin: 0;
  padding: .4em;
}

.mobile .login-atom .form .stay-signed {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .4em;
}

.mobile .login-atom .form .stay-signed input[type="checkbox"] {
  margin: 0;
}

.mobile .login-atom .form .alert-container {
  order: 1;
  font-size: 1.3em;
  margin-top: 3em;
  padding: .5em;
}

.mobile .mobile-application {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-rows: 4.4rem 1fr minmax(3em, max-content);
}

.mobile .mobile-application .atom-container {
  overflow: hidden;
  position: relative;
}

.mobile .mobile-application .atom-container .mobile-atom {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
}

.mobile .mobile-application .atom-container .mobile-atom[started=false] {
  z-index: -1;
  transition: 300ms z-index;
}

.mobile .mobile-application .atom-container .mobile-atom.slide-to-left {
  animation: slide-to-left 300ms both;
}

.mobile .mobile-application .atom-container .mobile-atom.slide-from-left {
  animation: slide-from-left 300ms both;
}

.mobile .mobile-application .atom-container .mobile-atom.slide-to-right {
  animation: slide-to-right 300ms both;
}

.mobile .mobile-application .atom-container .mobile-atom.slide-from-right {
  animation: slide-from-right 300ms both;
}

.mobile .mobile-application .atom-container .mobile-atom.slide-to-top {
  animation: slide-to-top 300ms both;
}

.mobile .mobile-application .atom-container .mobile-atom.slide-from-top {
  animation: slide-from-top 300ms both;
}

.mobile .mobile-application .mobile-footer .button-panel,
.mobile .mobile-application .mobile-footer .left-panel {
  height: 100%;
}

.mobile .mobile-application .mobile-footer .left-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.mobile .mobile-application .mobile-footer .tab {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: .3em 0;
  text-transform: uppercase;
  flex: 1;
}

.mobile .mobile-application .mobile-footer .tab .title {
  font-weight: 500;
}

.mobile .mobile-application .mobile-footer .tab::before {
  font-family: 'webappsdk';
  font-size: 1.3em;
}

.mobile .mobile-application .mobile-footer .tab.rates::before {
  content: "\eb8d";
}

.mobile .mobile-application .mobile-footer .tab.orders::before {
  content: "\ec57";
}

.mobile .mobile-application .mobile-footer .tab.position::before {
  content: "\ebe2";
}

.mobile .mobile-application .mobile-footer .tab.profile::before {
  content: "\eb05";
}

.mobile .mobile-application .mobile-footer .notification {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 1.5em;
  height: 1.5em;
  font-size: .8em;
  display: flex;
  justify-content: center;
  align-content: center;
  border-radius: 50%;
}

.mobile .mobile-header {
  display: grid;
  grid-template-columns: 8rem 1fr 8rem;
  grid-template-areas: "left title right";
  justify-items: center;
  align-items: center;
}

.mobile .mobile-header .icon {
  font-size: 1.8em;
  padding: .3em;
}

.mobile .mobile-header .left {
  grid-area: left;
  justify-self: left;
}

.mobile .mobile-header .left button.back {
  line-height: 1;
}

.mobile .mobile-header .left button.back:before {
  content: '\EDDF';
  font-family: 'webappsdk';
}

.mobile .mobile-header .left .tooltip-widget.tooltip-alignLeft .tooltip-notif {
  left: 0;
}

.mobile .mobile-header .left-icons {
  display: flex;
}

.mobile .mobile-header .right {
  grid-area: right;
  justify-self: right;
}

.mobile .mobile-header .title {
  position: relative;
  grid-area: title;
  justify-self: center;
  font-size: 1.3em;
  text-wrap: nowrap;
  font-weight: bold;
}

.mobile .mobile-header .title button.invert {
  font-weight: normal;
  position: absolute;
  top: 0;
  left: calc(100% + .5em);
  height: 100%;
  line-height: 1;
  font-size: 1em;
}

.mobile .mobile-header .title button.invert:before {
  content: '\ee43';
  font-family: 'webappsdk';
}

.mobile .mobile-header .title button.invert:disabled {
  display: none;
}

.mobile .mobile-header .title .dd-listbox {
  font-weight: normal;
  padding: .2em 1em;
  border-radius: .2em;
}

.mobile .mobile-header .title .dd-listbox .dd-container-state {
  position: absolute;
  right: .2em;
  top: 50%;
}

.mobile .mobile-header.global-position-header {
  grid-template-areas: "title right";
  grid-template-columns: min-content 1fr;
  gap: .8em;
  padding: 0 .8em;
}

.mobile .mobile-header.global-position-header .left {
  display: none;
}

.mobile .mobile-header.global-position-header .right {
  justify-self: stretch;
}

.mobile .mobile-header.global-position-header .accounts {
  width: 100%;
  height: 1.8em;
}

.mobile .rates-body {
  position: relative;
}

.mobile .rates-body .nodata {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 2em;
}

.mobile .rates-body .quick-trade {
  background-image: url("../img/mobile/rate_wave.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
}

.mobile .rates-body .quick-trade > button,
.mobile .rates-body .quick-trade .countdown {
  position: absolute;
}

.mobile .rates-body .quick-trade > button {
  font-size: 1.3em;
}

.mobile .rates-body .quick-trade .fields {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5.5em;
  align-items: center;
  padding: 0 .3em;
}

.mobile .rates-body .quick-trade fieldset {
  width: 100%;
  max-width: 20em;
  justify-self: center;
}

.mobile .rates-body .quick-trade legend {
  margin-bottom: .2em;
}

.mobile .rates-body .quick-trade select {
  width: 100%;
}

.mobile .rates-body .countdown {
  position: relative;
  font-size: .7em;
  width: 3.5ch;
  height: 3.5ch;
  line-height: 3.5ch;
  text-align: center;
  z-index: 1;
}

.mobile .rates-body .countdown::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.mobile .rates-body .countdown::after {
  content: ' ';
  position: absolute;
  top: -1em;
  left: -1em;
  right: -1em;
  bottom: -1em;
  border-radius: 50%;
}

.mobile .rates-body .market-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.mobile .rates-body .market-panel .quick-trade {
  height: 3em;
}

.mobile .rates-body .market-panel .rates-grid {
  flex: 1;
}

.mobile .rates-body .rates-grid {
  overflow: auto;
}

.mobile .rates-body .rates-grid .title-headered {
  z-index: 3;
  position: sticky;
  top: 0;
  font-weight: bold;
}

.mobile .rates-body .rates-grid .title-headered,
.mobile .rates-body .rates-grid .slidable-row .mobile-row:not(.option-row) {
  display: grid;
  grid-template-columns: 1fr repeat(2, minmax(6em, 0.5fr)) 2.85em;
  align-items: center;
  justify-items: center;
}

.mobile .rates-body .rates-grid .title-headered > *,
.mobile .rates-body .rates-grid .slidable-row .mobile-row:not(.option-row) > * {
  display: grid;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-content: center;
}

.mobile .rates-body .rates-grid .widget-panel {
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
}

.mobile .rates-body .rates-grid .widget-panel .mobile-row {
  height: 4em;
}

.mobile .rates-body .rates-grid .symbol.cell,
.mobile .rates-body .rates-grid .title-headered .instrument-label {
  padding: .5em;
  justify-content: left;
}

.mobile .rates-body .rates-grid .mobile-grid .symbol.cell {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mobile .rates-body .rates-grid .mobile-grid .symbol.cell select,
.mobile .rates-body .rates-grid .mobile-grid .symbol.cell .spot-secdef {
  font-size: .8em;
}

.mobile .rates-body .rates-grid .mobile-grid .symbol.cell select {
  background: none !important;
  position: relative;
  padding: .2em 0;
  left: -4px;
  text-indent: -1px;
}

.mobile .rates-body .rates-grid .mobile-grid .symbol.cell select:disabled {
  opacity: 1;
  left: 0;
  border: none;
  background: none;
  appearance: none;
}

.mobile .rates-body .rates-grid .chart::after {
  font-family: "webappsdk";
  content: '\eb8d';
}

.mobile .rates-body .rates-grid .rfs-cell .dd-listbox {
  border: none;
  position: relative;
}

.mobile .rates-body .rates-grid .rfs-cell .dd-listbox .dd-container-state {
  display: none;
}

.mobile .rates-body .rates-grid .rfs-cell .dd-listbox .dd-container-button {
  width: 100%;
  text-align: center;
}

.mobile .rates-body .rates-grid .rfs-cell .dd-listbox .dd-container-button::after {
  font-family: "webappsdk";
  content: '\EC67';
}

.mobile .rates-body .rates-grid .currency {
  border-radius: 8px;
  padding: .1em .8em;
  display: none;
}

.mobile .rates-body .rates-grid .title-headered:has(+ .quick-mod) .rfs-label {
  display: none;
}

.mobile .rates-body .rates-grid .title-headered:has(+ .quick-mod),
.mobile .rates-body .rates-grid .quick-mod .slidable-row .mobile-row:not(.option-row) {
  display: grid;
  grid-template-columns: 1fr repeat(2, minmax(6em, 0.5fr));
}

.mobile .rates-body .rates-grid .quick-mod .currency {
  display: block;
}

.mobile .rates-body .rates-grid .quick-mod .rfs-label,
.mobile .rates-body .rates-grid .quick-mod .rfs-cell {
  display: none !important;
}

.mobile .rates-body .rates-grid .remove-icon,
.mobile .rates-body .rates-grid .edit-panel {
  display: none;
}

.mobile .rates-body .rates-grid.edit .symbol {
  padding-left: 2em;
}

.mobile .rates-body .rates-grid.edit .remove-icon {
  position: absolute;
  left: .5em;
  display: block;
}

.mobile .rates-body .rates-grid.edit .rfs-cell {
  display: none !important;
}

.mobile .rates-body .rates-grid.edit .edit-panel {
  display: block;
}

.mobile .rates-body .rates-grid.edit .drag-drop {
  z-index: 2;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 2.85em;
}

.mobile .orders-main .tab-navigation {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.mobile .orders-main .tab-navigation > .menu {
  font-size: 2em;
  display: grid;
  grid-template-columns: 1fr min-content min-content;
}

.mobile .orders-main .tab-navigation > .menu .back {
  justify-self: left;
}

.mobile .orders-main .tab-navigation > .menu .icon {
  padding: .2em;
}

.mobile .orders-main .tabs {
  display: flex;
  align-items: center;
  text-transform: uppercase;
}

.mobile .orders-main .tabs .active {
  font-weight: bold;
}

.mobile .orders-main .tabs .tab {
  position: relative;
  padding: .4em 0;
  flex: 1;
  text-align: center;
}

.mobile .orders-main .tabs .notification {
  position: absolute;
  top: .2px;
  right: 2px;
  width: 1.5em;
  height: 1.5em;
  font-size: .8em;
  display: flex;
  justify-content: center;
  align-content: center;
  border-radius: 50%;
}

.mobile .orders-main .content {
  overflow: auto;
  max-height: -webkit-fill-available;
}

.mobile .orders-main .main-row {
  display: flex;
}

.mobile .orders-main .row-list {
  gap: .2em;
  padding: .2em;
}

.mobile .orders-main .row-list.infinite-scroll .is-item {
  margin-bottom: .2em;
}

.mobile .orders-main .mobile-slidable-list {
  overflow: hidden;
  position: relative;
  width: -webkit-fill-available;
}

.mobile .orders-main .mobile-grid .option-row {
  width: -webkit-fill-available;
  height: -webkit-fill-available;
}

.mobile .orders-main .buy,
.mobile .orders-main .sell {
  overflow: hidden;
}

.mobile .orders-main .with-reason {
  display: grid;
}

.mobile .orders-main .with-reason .main-content {
  padding-bottom: 0;
}

.mobile .orders-main .with-reason .missed-order-reason {
  padding: .2em .8em;
  line-height: 1.2em;
  font-size: .9em;
  font-weight: 100;
}

.mobile .orders-main .with-reason .missed-order-reason:before {
  content: '\ED61';
  font-family: 'webappsdk';
  padding-right: .6em;
}

.mobile .orders-main .main-content {
  width: 100%;
  padding: .2em .5em;
  display: grid;
  grid-template-columns: min-content 9em 1fr;
  align-items: center;
  justify-items: center;
}

.mobile .orders-main .main-content .details {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
}

.mobile .orders-main .main-content .details .price-quantity-container {
  width: 6em;
}

.mobile .orders-main .main-content .details .qty {
  font-weight: bold;
}

.mobile .orders-main .main-content .secdef-currency-container,
.mobile .orders-main .main-content .price-quantity-container,
.mobile .orders-main .main-content .type-status-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.mobile .orders-main .main-content .type-time-in-force-container {
  display: flex;
}

.mobile .orders-main .main-content .type-time-in-force-container .type::after {
  content: '-';
  margin: .2em;
}

.mobile .orders-main .main-content .secdef-currency-container {
  font-weight: normal;
}

.mobile .orders-main .main-content .secdef {
  font-weight: bold;
}

.mobile .orders-main .main-content .side {
  width: 3.5em;
  border-radius: 20px;
  font-weight: bold;
  text-align: center;
}

.mobile .orders-main .update-icon {
  display: none;
}

.mobile .position-atom {
  display: flex;
  flex-direction: column;
}

.mobile .position-atom .global-pnl {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: .7em;
  font-size: 1.5em;
  gap: .3em;
}

.mobile .position-atom .global-pnl .label {
  font-weight: bold;
  font-size: inherit;
}

.mobile .position-atom .position-header,
.mobile .position-atom .position-row {
  font-size: .8em;
  display: grid;
  width: 100%;
  grid-template-columns: 7em 8.5em 6.5em 1fr;
  align-items: stretch;
  justify-items: stretch;
}

.mobile .position-atom .position-header {
  text-transform: uppercase;
  font-weight: bold;
  height: 4em;
}

.mobile .position-atom .position-body {
  overflow: auto;
}

.mobile .position-atom .position-row {
  height: 5em;
}

.mobile .position-atom .position-row .net-qty {
  font-size: 1.2em;
  font-weight: bold;
}

.mobile .position-atom .position-header .header-label,
.mobile .position-atom .position-row > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.mobile .position-atom .edit-panel {
  display: flex;
  justify-content: space-between;
  padding: 0 .5em;
  font-size: 1.3em;
}

.mobile .position-atom .selection > *:not(.selected) {
  opacity: .4;
}

.mobile .mobile-rfq-editor-atom,
.mobile .mobile-order-editor-atom {
  /**************************************
        PRICE WIDGET details-offset Feature flag
        ***************************************/
}

.mobile .mobile-rfq-editor-atom .fields-container,
.mobile .mobile-order-editor-atom .fields-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.mobile .mobile-rfq-editor-atom .mobile-editor,
.mobile .mobile-order-editor-atom .mobile-editor {
  flex: 1;
  overflow: auto;
  max-height: fit-content;
  margin-bottom: .2em;
  position: relative;
}

.mobile .mobile-rfq-editor-atom .mobile-editor .form-field,
.mobile .mobile-order-editor-atom .mobile-editor .form-field {
  font-size: 1.3em;
  height: 3em;
  display: grid;
  grid-template-columns: 7em 1fr;
  padding: 0 .8em;
  align-items: center;
}

.mobile .mobile-rfq-editor-atom .mobile-editor .form-field.disabled .caption:after,
.mobile .mobile-order-editor-atom .mobile-editor .form-field.disabled .caption:after {
  visibility: hidden;
}

.mobile .mobile-rfq-editor-atom .mobile-editor .form-field .radio-button-group-form-field,
.mobile .mobile-rfq-editor-atom .mobile-editor .form-field .inner-widget.toggle,
.mobile .mobile-rfq-editor-atom .mobile-editor .form-field .inner-widget.gwt-Button,
.mobile .mobile-rfq-editor-atom .mobile-editor .form-field select,
.mobile .mobile-order-editor-atom .mobile-editor .form-field .radio-button-group-form-field,
.mobile .mobile-order-editor-atom .mobile-editor .form-field .inner-widget.toggle,
.mobile .mobile-order-editor-atom .mobile-editor .form-field .inner-widget.gwt-Button,
.mobile .mobile-order-editor-atom .mobile-editor .form-field select {
  height: 2.3em;
  text-align: center;
}

.mobile .mobile-rfq-editor-atom .mobile-editor .form-field .numeric-spinner,
.mobile .mobile-order-editor-atom .mobile-editor .form-field .numeric-spinner {
  height: 1.7em;
}

.mobile .mobile-rfq-editor-atom .mobile-editor .form-field .radio-button-group-form-field,
.mobile .mobile-rfq-editor-atom .mobile-editor .form-field .inner-widget.toggle,
.mobile .mobile-rfq-editor-atom .mobile-editor .form-field select,
.mobile .mobile-rfq-editor-atom .mobile-editor .form-field .gwt-Button.inner-widget
.numeric-spinner,
.mobile .mobile-order-editor-atom .mobile-editor .form-field .radio-button-group-form-field,
.mobile .mobile-order-editor-atom .mobile-editor .form-field .inner-widget.toggle,
.mobile .mobile-order-editor-atom .mobile-editor .form-field select,
.mobile .mobile-order-editor-atom .mobile-editor .form-field .gwt-Button.inner-widget
.numeric-spinner {
  overflow: hidden;
  border-radius: .2em;
}

.mobile .mobile-rfq-editor-atom .mobile-editor .date-time-button,
.mobile .mobile-order-editor-atom .mobile-editor .date-time-button {
  position: absolute;
  height: 3em;
  left: 8em;
  width: 8em;
  z-index: 1;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  margin-top: .4em;
}

.mobile .mobile-rfq-editor-atom .mobile-editor .date-time-button:before,
.mobile .mobile-order-editor-atom .mobile-editor .date-time-button:before {
  content: '\ea5f';
  font-family: 'webappsdk';
  display: block;
  margin-right: 1.6em;
}

.mobile .mobile-rfq-editor-atom .submit-container,
.mobile .mobile-order-editor-atom .submit-container {
  padding: .2em 0;
}

.mobile .mobile-rfq-editor-atom .submit-container .submit,
.mobile .mobile-order-editor-atom .submit-container .submit {
  transition: .3s background-color;
  width: 100%;
  padding: .25em;
  font-size: 1.3em;
  border-radius: .2em;
  text-transform: uppercase;
  border: none;
  font-weight: bold;
}

.mobile .mobile-rfq-editor-atom .rfq-accept-button-container,
.mobile .mobile-order-editor-atom .rfq-accept-button-container {
  display: grid;
  width: 100%;
  height: 4em;
  padding: .3em;
  gap: .3em;
  grid-template-columns: 1fr 1fr;
  text-transform: capitalize;
  font-weight: bold;
}

.mobile .mobile-rfq-editor-atom .rfq-accept-button-container button,
.mobile .mobile-order-editor-atom .rfq-accept-button-container button {
  font-size: 1.5em;
  border: none;
  border-radius: .2em;
}

.mobile .mobile-rfq-editor-atom .date-editor-atom .date-summary-container,
.mobile .mobile-order-editor-atom .date-editor-atom .date-summary-container {
  text-align: center;
  padding: .5em;
}

.mobile .mobile-rfq-editor-atom .date-editor-atom .dateBoxPopup,
.mobile .mobile-order-editor-atom .date-editor-atom .dateBoxPopup {
  grid-template-columns: unset;
  height: unset;
}

.mobile .mobile-rfq-editor-atom .date-editor-atom .dateBoxPopup .caption,
.mobile .mobile-order-editor-atom .date-editor-atom .dateBoxPopup .caption {
  font-size: 1.2em;
  height: 1.5em;
  align-content: center;
}

.mobile .mobile-rfq-editor-atom .date-editor-atom .dateBoxPopup table,
.mobile .mobile-order-editor-atom .date-editor-atom .dateBoxPopup table {
  border: none;
  width: 90%;
  height: 90%;
  margin: auto;
}

.mobile .mobile-rfq-editor-atom .date-editor-atom .dateBoxPopup table .datePickerMonthSelector,
.mobile .mobile-order-editor-atom .date-editor-atom .dateBoxPopup table .datePickerMonthSelector {
  font-size: 1.2em;
}

.mobile .mobile-rfq-editor-atom .date-editor-atom .dateBoxPopup table .datePickerMonthSelector td:not(.datePickerMonth),
.mobile .mobile-order-editor-atom .date-editor-atom .dateBoxPopup table .datePickerMonthSelector td:not(.datePickerMonth) {
  padding: .1em .3em;
}

.mobile .mobile-rfq-editor-atom .date-editor-atom .date-editor,
.mobile .mobile-order-editor-atom .date-editor-atom .date-editor {
  max-height: unset;
  display: grid;
}

.mobile .mobile-rfq-editor-atom .date-editor-atom .time-panel,
.mobile .mobile-order-editor-atom .date-editor-atom .time-panel {
  text-align: center;
  font-size: 2em;
  margin-top: .2em;
}

.mobile .mobile-rfq-editor-atom .date-editor-atom .time-panel input,
.mobile .mobile-order-editor-atom .date-editor-atom .time-panel input {
  border: none;
  background: none;
  padding-right: .5em;
}

.mobile .mobile-rfq-editor-atom .date-editor-atom .time-panel input::-webkit-calendar-picker-indicator,
.mobile .mobile-order-editor-atom .date-editor-atom .time-panel input::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.mobile .mobile-rfq-editor-atom .date-editor-atom .time-panel::after,
.mobile .mobile-order-editor-atom .date-editor-atom .time-panel::after {
  content: '\EA4D';
  font-family: 'webappsdk';
}

.mobile .mobile-rfq-editor-atom .date-editor-atom .submit-container,
.mobile .mobile-order-editor-atom .date-editor-atom .submit-container {
  margin-top: .5em;
}

.mobile .mobile-rfq-editor-atom .best-prices,
.mobile .mobile-order-editor-atom .best-prices {
  position: relative;
}

.mobile .mobile-rfq-editor-atom .best-prices .container-label,
.mobile .mobile-order-editor-atom .best-prices .container-label {
  width: 100%;
  height: 2.5em;
  display: table;
  table-layout: fixed;
}

.mobile .mobile-rfq-editor-atom .best-prices .container-label .sell-label,
.mobile .mobile-rfq-editor-atom .best-prices .container-label .buy-label,
.mobile .mobile-rfq-editor-atom .best-prices .container-label .spread-label,
.mobile .mobile-order-editor-atom .best-prices .container-label .sell-label,
.mobile .mobile-order-editor-atom .best-prices .container-label .buy-label,
.mobile .mobile-order-editor-atom .best-prices .container-label .spread-label {
  display: table-cell;
  text-transform: uppercase;
  text-align: center;
}

.mobile .mobile-rfq-editor-atom .best-prices .container-label .spread-label,
.mobile .mobile-order-editor-atom .best-prices .container-label .spread-label {
  font-size: smaller;
  vertical-align: bottom;
}

.mobile .mobile-rfq-editor-atom .best-prices .container-label .sell-label,
.mobile .mobile-order-editor-atom .best-prices .container-label .sell-label {
  vertical-align: middle;
}

.mobile .mobile-rfq-editor-atom .best-prices .container-label .buy-label,
.mobile .mobile-order-editor-atom .best-prices .container-label .buy-label {
  vertical-align: middle;
}

.mobile .mobile-rfq-editor-atom .best-prices .offer-details,
.mobile .mobile-rfq-editor-atom .best-prices .bid-details,
.mobile .mobile-order-editor-atom .best-prices .offer-details,
.mobile .mobile-order-editor-atom .best-prices .bid-details {
  z-index: 2;
  height: 7.5em;
  width: 50%;
}

.mobile .mobile-rfq-editor-atom .best-prices .price-details,
.mobile .mobile-order-editor-atom .best-prices .price-details {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.mobile .mobile-rfq-editor-atom .best-prices .price-details .offer-value,
.mobile .mobile-rfq-editor-atom .best-prices .price-details .bid-value,
.mobile .mobile-order-editor-atom .best-prices .price-details .offer-value,
.mobile .mobile-order-editor-atom .best-prices .price-details .bid-value {
  width: 100%;
  height: 100%;
  z-index: 0;
  font-size: 1.8em;
}

.mobile .mobile-rfq-editor-atom .best-prices .price-details .offer-value .best-offer,
.mobile .mobile-rfq-editor-atom .best-prices .price-details .offer-value .best-bid,
.mobile .mobile-rfq-editor-atom .best-prices .price-details .bid-value .best-offer,
.mobile .mobile-rfq-editor-atom .best-prices .price-details .bid-value .best-bid,
.mobile .mobile-order-editor-atom .best-prices .price-details .offer-value .best-offer,
.mobile .mobile-order-editor-atom .best-prices .price-details .offer-value .best-bid,
.mobile .mobile-order-editor-atom .best-prices .price-details .bid-value .best-offer,
.mobile .mobile-order-editor-atom .best-prices .price-details .bid-value .best-bid {
  height: 100%;
  width: 100%;
  display: flex;
}

.mobile .mobile-rfq-editor-atom .best-prices .price-details .offer-value .best-offer .price,
.mobile .mobile-rfq-editor-atom .best-prices .price-details .offer-value .best-bid .price,
.mobile .mobile-rfq-editor-atom .best-prices .price-details .bid-value .best-offer .price,
.mobile .mobile-rfq-editor-atom .best-prices .price-details .bid-value .best-bid .price,
.mobile .mobile-order-editor-atom .best-prices .price-details .offer-value .best-offer .price,
.mobile .mobile-order-editor-atom .best-prices .price-details .offer-value .best-bid .price,
.mobile .mobile-order-editor-atom .best-prices .price-details .bid-value .best-offer .price,
.mobile .mobile-order-editor-atom .best-prices .price-details .bid-value .best-bid .price {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin: auto;
}

.mobile .mobile-rfq-editor-atom .best-prices .price-details .offer-value .best-offer .price > *:nth-child(2n+1),
.mobile .mobile-rfq-editor-atom .best-prices .price-details .offer-value .best-bid .price > *:nth-child(2n+1),
.mobile .mobile-rfq-editor-atom .best-prices .price-details .bid-value .best-offer .price > *:nth-child(2n+1),
.mobile .mobile-rfq-editor-atom .best-prices .price-details .bid-value .best-bid .price > *:nth-child(2n+1),
.mobile .mobile-order-editor-atom .best-prices .price-details .offer-value .best-offer .price > *:nth-child(2n+1),
.mobile .mobile-order-editor-atom .best-prices .price-details .offer-value .best-bid .price > *:nth-child(2n+1),
.mobile .mobile-order-editor-atom .best-prices .price-details .bid-value .best-offer .price > *:nth-child(2n+1),
.mobile .mobile-order-editor-atom .best-prices .price-details .bid-value .best-bid .price > *:nth-child(2n+1) {
  padding-top: 0.4em;
}

.mobile .mobile-rfq-editor-atom .best-prices .price-details .mobile-chart,
.mobile .mobile-order-editor-atom .best-prices .price-details .mobile-chart {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.mobile .mobile-rfq-editor-atom .best-prices .price-details .mobile-chart .chart-addon,
.mobile .mobile-order-editor-atom .best-prices .price-details .mobile-chart .chart-addon {
  height: 100%;
}

.mobile .mobile-rfq-editor-atom .best-prices .pip-details,
.mobile .mobile-order-editor-atom .best-prices .pip-details {
  position: absolute;
  left: calc(50% - 2em/2);
  z-index: 3;
  display: table;
  font-size: larger;
}

.mobile .mobile-rfq-editor-atom .best-prices .pip-details .best-spread,
.mobile .mobile-order-editor-atom .best-prices .pip-details .best-spread {
  width: 2em;
  line-height: 2em;
  display: table-cell;
}

.mobile .mobile-rfq-editor-atom .warning-indicative,
.mobile .mobile-order-editor-atom .warning-indicative {
  width: 100%;
  height: 2em;
  text-align: center;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile .mobile-rfq-editor-atom .warning-indicative::before,
.mobile .mobile-order-editor-atom .warning-indicative::before {
  font-family: 'webappsdk';
  content: '\ed61';
  margin-right: 0.38em;
}

.mobile .mobile-rfq-editor-atom .best-prices.details-offset .price-details .offer-details,
.mobile .mobile-rfq-editor-atom .best-prices.details-offset .price-details .bid-details,
.mobile .mobile-order-editor-atom .best-prices.details-offset .price-details .offer-details,
.mobile .mobile-order-editor-atom .best-prices.details-offset .price-details .bid-details {
  height: calc(7.5em - 2*1.5em);
}

.mobile .mobile-rfq-editor-atom .best-numeric,
.mobile .mobile-order-editor-atom .best-numeric {
  display: grid;
  grid-template-columns: 40% 20% 40%;
  width: 100%;
  height: 1.5em;
  font-size: 16px;
  margin: 0 0.8em;
}

.mobile .mobile-rfq-editor-atom .best-numeric .best-numeric-title,
.mobile .mobile-order-editor-atom .best-numeric .best-numeric-title {
  font-size: 14px;
  text-transform: uppercase;
}

.mobile .mobile-rfq-editor-atom .best-numeric > .gwt-Label,
.mobile .mobile-order-editor-atom .best-numeric > .gwt-Label {
  margin: auto;
}

.mobile .mobile-rates-chart {
  overflow: hidden;
}

.mobile .mobile-rates-chart .mobile-mode {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 100%;
}

.mobile .mobile-rates-chart .mobile-mode button {
  display: flex;
  gap: 5px;
  background-color: transparent;
  border: none;
  outline: none;
  text-transform: uppercase;
  padding: 0 5px;
}

.mobile .mobile-rates-chart .mobile-mode button::before {
  font-family: "webappsdk";
  display: block;
  content: "\ee70";
}

.mobile .mobile-rates-chart .mobile-mode button.mobile-mode-selected::before {
  content: "\ee6e";
}

.mobile .mobile-rates-chart .mobile-rates-current {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 100%;
  font-size: x-large;
  font-weight: bold;
}

.mobile .mobile-rates-chart .mobile-rates-current.mobile-rates-up::after {
  font-family: "webappsdk";
  display: block;
  content: "\edc4";
}

.mobile .mobile-rates-chart .mobile-rates-current.mobile-rates-down::after {
  font-family: "webappsdk";
  display: block;
  content: "\edc6";
}

.mobile .mobile-rates-chart .mobile-rates-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 100%;
  gap: 10px;
}

.mobile .mobile-rates-chart .mobile-rates-panel .mobile-rates-highest,
.mobile .mobile-rates-chart .mobile-rates-panel .mobile-rates-lowest,
.mobile .mobile-rates-chart .mobile-rates-panel .mobile-rates-mid {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: large;
  padding: 0 15px;
}

.mobile .mobile-rates-chart .mobile-rates-panel .mobile-rates-highest::after,
.mobile .mobile-rates-chart .mobile-rates-panel .mobile-rates-lowest::after,
.mobile .mobile-rates-chart .mobile-rates-panel .mobile-rates-mid::after {
  display: block;
  font-size: medium;
}

.mobile .mobile-rates-chart .mobile-rates-panel .mobile-rates-mid::after,
.mobile .mobile-rates-chart .mobile-rates-panel .mobile-rates-lowest::after,
.mobile .mobile-rates-chart .mobile-rates-panel .mobile-rates-highest::after {
  content: attr(caption);
}

.mobile .footer-menu .logout-logo {
  margin: 2em auto;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.mobile .footer-menu .text-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1.4em;
}

.mobile .footer-menu .text-panel .user-name {
  font-size: 1.8em;
  font-weight: bold;
}

.mobile .footer-menu .text-panel .logout-button {
  margin-top: 1em;
  text-decoration: underline;
}

.mobile .footer-menu .settings-body {
  display: grid;
  grid-auto-flow: row;
  align-items: stretch;
}

.mobile .footer-menu .settings-body .preference-row {
  height: 3em;
  padding: 0 .5em;
  display: grid;
  grid-template-columns: 1fr 7em;
  align-items: center;
}

.mobile .footer-menu .settings-body .preference-input {
  justify-self: right;
}

.mobile .footer-menu .settings-body select {
  font-size: .9em;
  padding: .1em;
}

.mobile .instrument-grid {
  position: absolute;
  top: 0;
  transition: all .2s ease;
  height: 0%;
  width: 0%;
  overflow: hidden;
  z-index: 100;
  gap: .2em;
}

.mobile .instrument-grid .mass-select {
  padding: 0;
}

.mobile .instrument-grid .header-find-dialog {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: .3em;
}

.mobile .instrument-grid .header-find-dialog .container-header {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile .instrument-grid .header-find-dialog .container-header:before {
  font-family: webappsdk;
  content: '\eb30';
  left: .3em;
  position: absolute;
  pointer-events: none;
  font-size: 1.2em;
  opacity: .7;
}

.mobile .instrument-grid .header-find-dialog .container-header .find-icon {
  left: .3em;
  position: absolute;
  pointer-events: none;
  font-size: 1.2em;
}

.mobile .instrument-grid .header-find-dialog .container-header input {
  width: 100%;
  height: 2.2em;
  padding-left: 1.8em;
  background: none;
}

.mobile .instrument-grid .header-find-dialog,
.mobile .instrument-grid .mobile-row {
  padding-left: 1em;
  padding-right: 1em;
}

.mobile .instrument-grid .header-find-dialog {
  padding-top: .3em;
  padding-bottom: .3em;
}

.mobile .instrument-grid .mobile-row {
  padding-top: .7em;
  padding-bottom: .7em;
  font-weight: bold;
}

.mobile .instrument-grid.slide-show {
  height: 100%;
  width: 100%;
}

.mobile .instrument-grid .mobile-row {
  display: flex;
  align-items: center;
  gap: .8em;
}

.mobile .instrument-grid .mobile-row::before {
  content: "\ee6c";
  font-family: "webappsdk";
}

.mobile .instrument-grid .mobile-row.selected::before {
  content: "\ee6b";
}

.mobile .instrument-grid .container-list {
  overflow: auto;
  height: 100%;
}

.mobile .mobile-grid {
  display: grid;
  padding: 0;
}

.mobile .mobile-gridul,
.mobile .mobile-grid ul,
.mobile .mobile-grid li {
  list-style: none;
  padding: 0;
}

.mobile .mobile-grid .slidable-row {
  position: relative;
  width: 100%;
}

.mobile .mobile-grid.slidable,
.mobile .mobile-grid .mobile-slidable-list,
.mobile .mobile-grid .mobile-row {
  height: 100%;
  width: 100%;
}

.mobile .mobile-grid .mobile-slidable-list {
  display: grid;
}

.mobile .mobile-grid .option-row {
  position: absolute;
  height: 100%;
  width: 100%;
}

.mobile .mobile-grid .option-row .btn-group {
  height: 100%;
  width: 100%;
  display: flex;
  z-index: 0;
  padding: .2em;
  gap: .2em;
}

.mobile .mobile-grid .option-row .btn-group button {
  flex: 1;
  border-radius: .4em !important;
}

.mobile .mobile-grid .main-row {
  position: relative;
  z-index: 1;
}

.mobile .mobile-grid .mobile-row {
  transition: .3s margin-left, .3s height;
}

.mobile .mobile-grid .mobile-row.delete {
  margin-left: -100% !important;
  height: 0 !important;
}

.mobile .mass-select {
  border: none;
  background: none;
}

.mobile .mass-select::before {
  font-family: "webappsdk";
  content: "\ee6c";
}

.mobile .mass-select.partial::before {
  content: "\ee6d";
}

.mobile .mass-select.checked::before {
  content: "\ee6b";
}

.mobile .price {
  display: flex;
  align-items: baseline;
}

.mobile .price .highter {
  font-size: 1.25em;
}

.mobile .price .bold {
  font-weight: bold;
}

.mobile .form-field-validator.invalid::before,
.mobile .form-field-validator.invalid::after {
  content: none;
}

.mobile .numeric-spinner,
.mobile .numeric-spinner.price-spinner {
  border-radius: 4px;
  overflow: hidden;
}

.mobile .numeric-spinner .spinner-container,
.mobile .numeric-spinner.price-spinner .spinner-container {
  overflow: hidden;
  position: relative;
  left: 15%;
  width: 70%;
  flex-grow: 0;
}

.mobile .numeric-spinner .spinner-container .piped-price,
.mobile .numeric-spinner.price-spinner .spinner-container .piped-price {
  height: 100%;
  width: 101%;
}

.mobile .numeric-spinner .spinner-container .piped-price .pip-num,
.mobile .numeric-spinner.price-spinner .spinner-container .piped-price .pip-num {
  font-size: inherit;
}

.mobile .numeric-spinner .spinner-container input,
.mobile .numeric-spinner.price-spinner .spinner-container input {
  height: 103%;
  width: 101%;
  background: none;
}

.mobile .numeric-spinner .spinner-btn-box,
.mobile .numeric-spinner.price-spinner .spinner-btn-box {
  position: initial;
  height: 0;
  width: 0;
}

.mobile .numeric-spinner .spinner-btn-box .spinner-btn,
.mobile .numeric-spinner.price-spinner .spinner-btn-box .spinner-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 15%;
  min-width: 1.5em;
  height: 100%;
  background: none;
  font-size: 1.2em;
}

.mobile .numeric-spinner .spinner-btn-box .spinner-btn:after,
.mobile .numeric-spinner.price-spinner .spinner-btn-box .spinner-btn:after {
  height: 0;
  line-height: 0;
}

.mobile .numeric-spinner .spinner-btn-box .spinner-btn-increase,
.mobile .numeric-spinner.price-spinner .spinner-btn-box .spinner-btn-increase {
  right: 0;
}

.mobile .numeric-spinner .spinner-btn-box .spinner-btn-increase:after,
.mobile .numeric-spinner.price-spinner .spinner-btn-box .spinner-btn-increase:after {
  content: '\EDC6';
}

.mobile .numeric-spinner .spinner-btn-box .spinner-btn-decrease,
.mobile .numeric-spinner.price-spinner .spinner-btn-box .spinner-btn-decrease {
  left: 0;
}

.mobile .numeric-spinner .spinner-btn-box .spinner-btn-decrease:after,
.mobile .numeric-spinner.price-spinner .spinner-btn-box .spinner-btn-decrease:after {
  content: '\EDC4';
}

.mobile .switch.gwt-CheckBox {
  position: relative;
  width: 3em;
  padding: 0 .1em;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.mobile .switch.gwt-CheckBox input,
.mobile .switch.gwt-CheckBox label {
  transition: .4s ease;
}

.mobile .switch.gwt-CheckBox input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  border: none !important;
  appearance: none;
  border-radius: 3em;
}

.mobile .switch.gwt-CheckBox label {
  position: relative;
  pointer-events: none;
  margin: 0;
  margin-left: .1em;
}

.mobile .switch.gwt-CheckBox label:before {
  content: "\ed63";
  font-family: 'webappsdk';
}

.mobile .switch.gwt-CheckBox input:checked + label {
  margin-left: 1.7em;
}

.mobile .switch.gwt-CheckBox input:checked + label:before {
  content: "\ee73";
}

.mobile .inner-widget.toggle {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  user-select: none;
}

.mobile .inner-widget.toggle .gwt-CheckBox {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}

.mobile .inner-widget.toggle .label-on,
.mobile .inner-widget.toggle .label-off {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  pointer-events: none;
  text-align: center;
}

.mobile .inner-widget.toggle .gwt-Label:not(.checked) {
  opacity: .4;
}

.mobile .inner-widget.toggle label,
.mobile .inner-widget.toggle label:before,
.mobile .inner-widget.toggle .gwt-Label {
  transition: 0.3s ease-in;
}

.mobile .inner-widget.toggle .label:before {
  pointer-events: none;
}

.mobile .inner-widget.toggle input[type="checkbox"] {
  display: none;
}

.mobile .inner-widget.toggle label {
  display: block;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  margin-right: 50%;
}

.mobile .inner-widget.toggle label:before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  width: 50%;
  height: inherit;
  margin: 0;
}

.mobile .inner-widget.toggle label:after {
  pointer-events: all;
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 50%;
  height: inherit;
  margin: 0;
}

.mobile .inner-widget.toggle input:checked + label:before {
  left: 0;
}

.mobile .inner-widget.toggle input:checked + label:after {
  left: 50%;
}

.mobile .radio-button-group-form-field {
  display: flex;
}

.mobile .radio-button-group-form-field .gwt-RadioButton {
  transition: 0.3s ease-out;
  flex: 1;
  align-content: center;
}

.mobile .radio-button-group-form-field .gwt-RadioButton:not(.radio-button-selected) {
  opacity: .4;
}

.mobile .radio-button-group-form-field input {
  appearance: none;
}

.mobile .radio-button-group-form-field label {
  margin: 0;
}

.mobile .dd-listbox-container.mobile {
  z-index: 100;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.mobile .dd-listbox-container.mobile .title {
  text-transform: uppercase;
}

.mobile .dd-listbox-container.mobile .dd-listbox-filter,
.mobile .dd-listbox-container.mobile .is-viewport {
  font-size: 1.2em;
}

.mobile .dd-listbox-container.mobile .is-item,
.mobile .dd-listbox-container.mobile .dd-listbox-filter {
  padding-left: 2.5em;
}

.mobile .dd-listbox-container.mobile .is-viewport .is-container .is-item .gwt-Label,
.mobile .dd-listbox-container.mobile .dd-listbox-filter {
  display: flex;
  align-items: center;
  height: 2.5em;
  padding: 0 .5em;
  gap: .5em;
}

.mobile .dd-listbox-container.mobile .is-viewport .is-container .is-item .gwt-Label::after,
.mobile .dd-listbox-container.mobile .dd-listbox-filter::after {
  order: -1;
}

.mobile .dd-listbox-container.mobile .dd-listbox-filter input {
  border-radius: .2em;
  padding: 0 .2em;
}

.mobile .dd-listbox-container.mobile .dd-listbox-filter:after {
  position: initial;
}

.mobile .dd-listbox-container.mobile .is-viewport {
  max-height: -webkit-fill-available;
}

.mobile .dd-listbox-container.mobile .is-viewport .is-item {
  padding: 0;
  height: fit-content;
}

.mobile .dd-listbox-container.mobile .is-viewport .is-item .gwt-Label:after {
  content: "\ee70";
  font-family: "webappsdk";
}

.mobile .dd-listbox-container.mobile .is-viewport .is-item.dd-listbox-item-selected .gwt-Label:after {
  content: "\ee6e";
}

.mobile .form-field {
  margin: 0;
}

.mobile .form-field:before, .mobile .form-field:after {
  display: none !important;
}

.mobile .modal-dialog .modal-header {
  font-size: 1.2em;
}

.mobile .tooltip-widget {
  z-index: 1000;
}

.mobile .tooltip-widget .tooltip-footer {
  gap: 1em;
  font-size: 1em;
}

.mobile .tooltip-widget .tooltip-footer button {
  font-size: unset;
  width: 3em !important;
  height: unset !important;
  border-radius: 1em !important;
  padding: .2em .5em !important;
  text-transform: uppercase;
}

.mobile .tooltip-widget .tooltip-footer button:after {
  content: none;
}

.mobile .alertify-notifier {
  z-index: 500;
  width: 90%;
}

.mobile .alertify-notifier.ajs-right {
  right: 5%;
}

.mobile .alertify-notifier.ajs-bottom {
  bottom: 4.4rem;
}

.mobile .alertify-notifier.ajs-top {
  top: 4.4rem;
}

.mobile .alertify-notifier.ajs-left {
  left: 1%;
}

.mobile .alertify-notifier .ajs-message {
  right: 0 !important;
  left: 0 !important;
  width: 100%;
  margin-left: 110%;
}

.mobile .alertify-notifier .ajs-message.ajs-visible {
  margin-left: 0;
}

.mobile ul,
.mobile ul ul {
  margin: 0;
}

.mobile legend {
  border: none;
  padding: 0;
  margin: 0;
}

.instrument-picker .matching-securities .security .security-name {
  text-overflow: ellipsis;
  max-height: 25px;
  overflow: hidden;
  white-space: nowrap;
}

.notification-atom .status-preference .pop-up {
  width: 150px;
  border-bottom: 1px solid;
  display: inline-block;
  margin-bottom: 5px;
  padding-bottom: 5px;
  text-align: center;
  text-transform: capitalize;
  margin-left: 10px;
}

.notification-atom .status-preference .bootstrap-switch:nth-child(5) {
  margin-left: 10px;
}

.blotter-atom .multi-title-container {
  display: flex;
  flex-direction: column;
}

.blotter-atom .multi-title-main-title {
  text-align: center;
  width: 100%;
}

.blotter-atom .not-visible {
  visibility: hidden;
}

.blotter-atom .delete-cell {
  width: 12px;
}

.blotter-atom .delete-cell-header {
  min-width: 12px !important;
}

.blotter-atom .from-date-label {
  margin: auto 3px auto 6px;
}

.blotter-atom .to-date-label {
  margin: auto 3px auto 6px;
}

.blotter-atom .from-date {
  width: 75px;
}

.blotter-atom .grid-customize-btn-group button {
  height: auto;
}

.blotter-atom .to-date-label {
  margin-left: 8px;
}

.blotter-atom .to-date {
  width: 75px;
  margin-right: 12px;
}

.blotter-atom .multi-title-second-row {
  display: flex !important;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
}

.blotter-atom .remove-terminated-label {
  margin: auto 3px auto 6px;
}

.blotter-atom .remove-terminated-label .from-date-label .to-date-label {
  font-size: 11px;
}

.blotter-atom .select2-delete-terminated-orders {
  width: 150px !important;
}

.notification-server-info {
  text-align: center;
}

.rfq-blotter-atom .grid-atom tbody .blotter-price-renderer {
  display: flex !important;
  justify-content: center;
}

.rfq-blotter-atom .grid-atom tbody .blotter-price-renderer tbody:first-child tr:first-child {
  background-color: transparent;
}

.rfq-blotter-atom .grid-atom tbody .blotter-pip-num-big {
  bottom: 2px;
  font-size: 15px;
  font-weight: bold;
  position: relative;
}

.rfq-blotter-atom .grid-atom tbody .blotter-prenum-pip {
  position: relative;
}

.rfq-blotter-atom .grid-atom tbody .blotter-afternum-pip {
  position: relative;
}

.rfq-blotter-atom .grid-atom tbody .blotter-price-slash {
  font-size: 1.2em;
  font-weight: bold;
}

.rfq-blotter-atom .grid-atom tbody .blotter-bold-num {
  font-weight: bold;
}

.payment-alert {
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-around;
}

.payment-alert-details {
  margin-left: 30px;
}

.payment-balance-blotter-filter-panel {
  display: flex;
  flex-direction: row;
}

.payment-balance-blotter-filter-panel .payment-filter {
  width: 120px;
}

.all-display-usd-panel {
  display: flex;
  align-content: center;
  flex-flow: wrap;
  margin-right: 5px;
  margin-left: 5px;
}

.balance-buttons-header {
  display: flex;
}

.stylised-checkbox {
  position: relative !important;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  align-items: center !important;
  /*
    * change value with a click in the whole area
    */
}

.stylised-checkbox:before {
  content: attr(label);
  padding-right: 10px;
}

.stylised-checkbox input {
  position: absolute !important;
  margin: 0;
  visibility: hidden;
  z-index: 1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.stylised-checkbox input:after {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.stylised-checkbox input:after {
  content: ' ';
  visibility: visible;
  z-index: 1;
}

.stylised-checkbox label {
  cursor: pointer;
  display: inline-flex;
  height: 20px;
  width: 20px;
  box-sizing: content-box;
  border-radius: 22px;
  padding: 0;
  padding-right: 20px;
  padding-left: 0;
  transition-duration: .3s;
  transition-timing-function: ease-in;
  transition-property: padding;
  margin: 0;
  border-style: solid;
  border-width: 2px;
}

.stylised-checkbox label:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  border-radius: 50%;
  transition: linear 0.3s ease-in 0s;
}

.stylised-checkbox input:checked + label {
  padding-right: 0;
  padding-left: 20px;
}

.open-order-editor {
  float: right;
  padding-right: 10px;
}

.open-order-editor .lbl {
  margin-left: 5px;
  margin-right: 15px;
}

.algo-editor .selected-by-account .select2-choice .select2-chosen,
.strategy-editor .selected-by-account .select2-choice .select2-chosen,
.manual-trade-editor-atom .selected-by-account .select2-choice .select2-chosen,
.deal-editor-atom .selected-by-account .select2-choice .select2-chosen,
.order-editor-atom .selected-by-account .select2-choice .select2-chosen,
.asset-editor .selected-by-account .select2-choice .select2-chosen,
.box-atom .selected-by-account .select2-choice .select2-chosen {
  text-align: center;
}

.algo-editor .selected-by-account .select2-choice .select2-arrow,
.strategy-editor .selected-by-account .select2-choice .select2-arrow,
.manual-trade-editor-atom .selected-by-account .select2-choice .select2-arrow,
.deal-editor-atom .selected-by-account .select2-choice .select2-arrow,
.order-editor-atom .selected-by-account .select2-choice .select2-arrow,
.asset-editor .selected-by-account .select2-choice .select2-arrow,
.box-atom .selected-by-account .select2-choice .select2-arrow {
  display: none;
}

.chat-symphony .content .symphony-ecm {
  flex: 1;
}

.select2-drop-active {
  border-top-color: unset;
  border-right-color: unset;
  border-bottom-color: unset;
  border-left-color: unset;
}

.select2-container:focus {
  outline: none;
}

.select2-container-active .select2-choice, .select2-choice, .select2-choice:focus {
  border-color: unset;
}

.box-atom:focus {
  outline: none;
}

.btn[disabled], .btn-primary[disabled], .btn-primary[disabled]:hover {
  border: none;
  outline: none;
}

.btn, .btn:focus, .btn:active:focus {
  outline: none;
}

.uat .main-layout > .header {
  background-color: #f1f12f;
}

.manual-trade-editor-atom .credit-label.over, .post-trade-manual-trade-dialog .credit-label.over {
  color: #ff4530;
}

.manual-trade-editor-atom .credit-label.under, .post-trade-manual-trade-dialog .credit-label.under {
  color: #30d158;
}

.manual-trade-editor-atom .credit-label.expired, .post-trade-manual-trade-dialog .credit-label.expired {
  color: #ef6c00;
}

.loading, .rpc-button-widget.rpc-loading::after {
  border-left-color: #ff5900;
  border-right-color: #ff5900;
  border-bottom-color: #ff5900;
  border-top-color: #eceff1;
}

.login-atom {
  background-image: url("../img/SDM.jpg");
  background-size: cover;
}

.login-atom .body, .login-atom .freezone {
  background-color: rgba(248, 248, 248, 0.8) !important;
  color: #333;
}

.login-atom .body {
  margin-top: 18vh;
  padding-bottom: 1%;
}

.login-atom .body .message-container {
  height: auto;
}

.login-atom .body .logo-container {
  position: relative;
}

.login-atom .body .logo-container::after {
  display: block;
  content: '';
  clear: both !important;
}

.login-atom .body .logo-container .logo {
  float: left;
  width: 176px;
  height: 50px;
  background-image: url("../img/logo.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 176px 50px;
  margin: 0 !important;
}

.login-atom .body .logo-container .title {
  position: absolute;
  font-size: 40px;
  line-height: 40px;
  bottom: 0;
  left: 190px;
  text-transform: none;
  color: #404040;
  margin: 0 !important;
}

.login-atom .freezone {
  white-space: initial;
  width: 30%;
  overflow: auto;
  max-height: 10%;
  padding: 0 5%;
  text-align: left;
  font-weight: bold;
  box-sizing: content-box;
  border-bottom: 5vh solid transparent;
}

.login-atom .footer {
  background-color: #e0e0e0;
  border-top: 1px solid #424242;
}

.login-atom .sign-in {
  color: #ffffff;
  background-color: #009c4b;
  border-color: #00833f;
  opacity: 1;
  border-radius: 5px;
}

.login-atom .sign-in:hover {
  color: #ffffff;
  background-color: #00833f;
  border-color: #000000;
}

.update-pwd-btn button {
  color: #ffffff;
  background-color: #009c4b;
  border: 1px solid #00833f;
  opacity: 1;
  border-radius: 5px;
}

.update-pwd-btn button:hover {
  color: #ffffff;
  background-color: #00833f;
  border-color: #000000;
}

body {
  background-color: #eeeeee;
}

.gutter {
  background-color: #f5f5f5;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background-color: #92d7ab;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #009c4b;
}

::-webkit-scrollbar-corner {
  background-color: #eeeeee;
}

.btn-primary,
.btn-default,
.notification-action-button {
  color: #ffffff;
  background-color: #009c4b;
  border-color: #00833f;
}

.btn-primary .icon,
.btn-default .icon,
.notification-action-button .icon {
  color: #ffffff;
}

.btn-primary .icon:hover,
.btn-default .icon:hover,
.notification-action-button .icon:hover {
  color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-default:hover,
.btn-default:focus,
.notification-action-button:hover,
.notification-action-button:focus {
  color: #ffffff;
  background-color: #00833f;
  border-color: #006932;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #006932;
  border-color: #000000;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  color: #ffffff;
  background-color: #92d7ab;
  border-color: #009c4b;
}

.btn-danger,
.notification-action-reject {
  color: #ffffff;
  background-color: #d32f2f;
  border-color: #c62828;
}

.btn-danger:hover,
.btn-danger:focus,
.notification-action-reject:hover,
.notification-action-reject:focus {
  color: #ffffff;
  background-color: #b71c1c;
  border-color: #000000;
}

.btn-danger:active,
.btn-danger.active {
  color: #ffffff;
  background-color: #b71c1c;
  border-color: #000000;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  color: #ffffff;
  background-color: #f44336;
  border-color: #e53935;
}

.btn-warning {
  color: #ffffff;
  background-color: #ef6c00;
  border-color: #c62828;
}

.btn-warning:hover,
.btn-warning:focus {
  color: #ffffff;
  background-color: #e65100;
  border-color: #000000;
}

.btn-warning:active,
.btn-warning.active {
  color: #ffffff;
  background-color: #e65100;
  border-color: #000000;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  color: #ffffff;
  background-color: #ff9800;
  border-color: #fb8c00;
}

.btn-group.disabled {
  cursor: not-allowed;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  color: #ffffff;
  background-color: #009c4b;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #ffffff;
  background-color: #616161;
}

.user-btn-dropdown li:hover {
  background-color: initial !important;
}

.user-btn-dropdown li a:hover {
  background-color: initial !important;
}

.user-btn-dropdown .signout {
  background-color: #d32f2f;
  border-color: #c62828;
}

.user-btn-dropdown .signout:hover {
  background-color: #b71c1c;
  border-color: #000000;
}

.dropdown-menu {
  background-color: #ffffff;
  border: 1px solid #757575;
}

.dropdown-menu li:hover {
  background-color: #deebe1;
}

.dropdown-menu li a:hover {
  background-color: #deebe1;
}

.select2-container-multi .select2-choices .select2-search-choice {
  background-color: #deebe1;
  color: #000000;
  border: 1px solid #9e9e9e;
}

.selectize-input .item {
  background-color: #deebe1 !important;
  color: #000000 !important;
  border: 1px solid #9e9e9e !important;
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.select2-results .select2-highlighted {
  background-color: #deebe1;
  color: #000000;
}

.select2-container-disabled .select2-choice,
.select2-container-disabled .select2-choices {
  background-color: #eeeeee !important;
}

input {
  outline: 0;
}

input[disabled] {
  background-color: #eeeeee !important;
}

select[disabled] {
  background-color: #eeeeee !important;
  cursor: default;
}

.spinner-addon.disabled {
  background-color: #eeeeee !important;
  cursor: default;
  opacity: 1 !important;
}

.spinner-addon.disabled .spinner-btn:hover {
  background-color: #009c4b;
  cursor: default;
}

button:focus {
  outline: 0;
}

.forward-date-dropdown {
  border: 1px solid #9e9e9e;
}

.forward-date-dropdown .date-picker-label {
  background-color: #ffffff;
}

.forward-date-dropdown .date-picker-label:focus {
  background-color: #deebe1;
}

.forward-date-dropdown .date-picker-label.disabled {
  background-color: #eeeeee !important;
}

.forward-date-dropdown .forward-date-picker .tenor-list option:hover {
  background-color: #deebe1;
}

.forward-date-dropdown .forward-date-picker .datePickerDayIsValue {
  background-color: #d32f2f;
  color: white;
  font-weight: bold;
}

.forward-date-dropdown .forward-date-picker .datePickerDayIsToday {
  border: 1px dashed #ef6c00;
}

.forward-date-dropdown .forward-date-picker .date-picker .datePickerDays .datePickerDayIsDisabled {
  color: #9e9e9e !important;
}

.dateBoxPopup {
  background-color: #fafafa;
  border: 1px solid #bdbdbd;
}

.dateBoxPopup .datePickerDayIsValue {
  background-color: #d32f2f !important;
  color: white;
  font-weight: bold;
}

.dateBoxPopup .datePickerDayIsToday {
  border: 1px dashed #ef6c00;
}

:not([class^='ui-'], [class*=' ui-']).numeric-spinner {
  background-color: #ffffff;
  border: 1px solid #9e9e9e;
}

:not([class^='ui-'], [class*=' ui-']).numeric-spinner .spinner-btn-box {
  border-left: 1px solid #9e9e9e;
  background-color: #009c4b;
}

:not([class^='ui-'], [class*=' ui-']).numeric-spinner .spinner-btn {
  color: #ffffff !important;
}

:not([class^='ui-'], [class*=' ui-']).numeric-spinner .spinner-btn:hover {
  background-color: #00833f;
}

:not([class^='ui-'], [class*=' ui-']).numeric-spinner .price-spinner-label .pip-num {
  font-weight: bolder;
  color: #ef6c00;
}

:not([class^='ui-'], [class*=' ui-']).numeric-spinner .spinner-container input:focus {
  background-color: #deebe1;
}

:not([class^='ui-'], [class*=' ui-']).numeric-spinner.invalid:before {
  background-color: #d32f2f;
  color: #ffffff;
}

:not([class^='ui-'], [class*=' ui-']).numeric-spinner.invalid:after {
  background-color: #d32f2f;
  color: #ffffff;
}

:not([class^='ui-'], [class*=' ui-']).numeric-spinner.invalid {
  border: 1px solid #d32f2f;
  border-radius: 0;
}

:not([class^='ui-'], [class*=' ui-']).numeric-spinner.invalid::before {
  font-family: "webappsdk";
  content: '\ed4e';
  left: 0;
  width: 20px;
  z-index: 3;
  padding-left: 4px;
  position: absolute;
  top: 100%;
  opacity: 0;
}

:not([class^='ui-'], [class*=' ui-']).numeric-spinner.invalid::after {
  left: 0;
  content: attr(data-title);
  min-width: 100%;
  padding-left: 1.5em;
  padding-right: 0.5em;
  z-index: 2;
  position: absolute;
  top: 100%;
  opacity: 0;
}

:not([class^='ui-'], [class*=' ui-']).numeric-spinner.invalid:hover::before, :not([class^='ui-'], [class*=' ui-']).numeric-spinner.invalid:hover::after {
  opacity: 1;
}

.numeric-spinner.disabled input, .numeric-spinner.disabled .spinner-btn, .numeric-spinner.disabled .price-spinner-label {
  background-color: #eeeeee;
  color: #000000 !important;
}

.numeric-spinner.disabled input .pip-num, .numeric-spinner.disabled .spinner-btn .pip-num, .numeric-spinner.disabled .price-spinner-label .pip-num {
  color: #000000;
}

:not([class^='ui-'], [class*=' ui-']).price-spinner {
  background-color: #ffffff;
  border: 1px solid #9e9e9e;
  border-radius: 0;
}

:not([class^='ui-'], [class*=' ui-']).price-spinner .spinner input:focus {
  background-color: #deebe1;
}

:not([class^='ui-'], [class*=' ui-']).price-spinner .price-pip::selection,
:not([class^='ui-'], [class*=' ui-']).price-spinner .full-price::selection {
  background: #d32f2f !important;
  color: #ffffff !important;
}

:not([class^='ui-'], [class*=' ui-']).price-spinner .spinner-btn {
  color: #ffffff !important;
  border-left: 1px solid #9e9e9e;
  background-color: #009c4b;
}

:not([class^='ui-'], [class*=' ui-']).price-spinner .spinner-btn:hover {
  background-color: #00833f;
}

:not([class^='ui-'], [class*=' ui-']).price-spinner.warning:after {
  background-color: #d32f2f;
  color: #ffffff;
}

:not([class^='ui-'], [class*=' ui-']).price-spinner:hover::before, :not([class^='ui-'], [class*=' ui-']).price-spinner:hover::after {
  opacity: 1 !important;
}

.error-label {
  background-color: #d32f2f;
  color: #ffffff;
}

.error-icon {
  color: #d32f2f !important;
  cursor: default;
}

input {
  background-color: #ffffff;
  border: 1px solid #9e9e9e;
}

input:focus {
  background-color: #deebe1;
}

.date-picker-label:focus {
  background-color: #deebe1;
}

.gwt-DateBox:focus {
  background-color: #deebe1;
}

.gwt-ListBox[tabindex='0']:focus {
  background-color: #deebe1;
}

:not([class^='ui-'], [class*=' ui-']).gwt-Button[tabindex="0"]:focus {
  background-color: #e65100;
}

.select2-container.select2-container-active .select2-choice {
  background: #deebe1 !important;
}

.price-widget .spread {
  color: #ffffff;
}

.price-widget .spread .pip-num {
  background-color: #424242;
  border-radius: 0;
  border: none;
  border-top: 1px solid #ffffff;
}

.price-widget .spread .negative-spread .pip-num {
  background-color: #d32f2f;
}

.price-widget .mid-price {
  color: #ffffff;
  background-color: #424242;
}

.price-direction .bad {
  color: #d32f2f;
}

.price-direction .good {
  color: #62c462;
}

.buy {
  color: #2e8c04;
}

.buy.btn, .buy.btn-xs {
  background-color: #2e8c04;
  color: #ffffff;
  border-color: #1e5a03;
}

.buy.btn:hover, .buy.btn:focus, .buy.btn-xs:hover, .buy.btn-xs:focus {
  background-color: #1e5a03;
  color: #ffffff;
  border-color: #0d2901;
}

.sell {
  color: #c76219;
}

.sell.btn, .sell.btn-xs {
  background-color: #c76219;
  color: #ffffff;
  border-color: #9a4c13;
}

.sell.btn:hover, .sell.btn:focus, .sell.btn-xs:hover, .sell.btn-xs:focus {
  background-color: #9a4c13;
  color: #ffffff;
  border-color: #6c350e;
}

.icon {
  color: #616161;
  background-color: transparent;
}

.icon:hover {
  color: #000000;
}

.icon:disabled {
  color: #9e9e9e;
}

.tooltip .tooltip-arrow {
  background-color: transparent !important;
  border: none !important;
}

.tooltip .tooltip-inner {
  background-color: #006932;
}

.progress .progress-bar {
  color: #000000;
}

.progress .progress-bar .icon-clock2 {
  color: black;
}

.progress .progress-bar .progress-bar-clock {
  color: #000000;
}

.time-progress-bar-addon {
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
}

.time-progress-bar-addon .pb-content {
  background-color: #4caf50;
}

.time-progress-bar-addon .pb-content .icon {
  color: #000000 !important;
}

.time-progress-bar-addon .pb-content .gwt-Label {
  color: #000000;
}

.progress-button.finished {
  background-color: #ef6c00 !important;
}

.progress-button.in-progress, .progress-button.finished {
  color: transparent !important;
}

.progress-button.in-progress:after, .progress-button.finished:after {
  color: #ffffff !important;
}

.progress-button .tz-bar {
  background-color: #ef6c00;
}

.notification-content .slider {
  background-color: #616161;
  color: #ffffff;
}

.modal-content {
  background-color: #f5f5f5;
}

.nav-tabs {
  border-bottom: 1px solid #e0e0e0;
}

.nav-tabs li.active a {
  color: #ffffff;
  background-color: #d32f2f;
}

.nav-tabs li a {
  color: #000000;
  background-color: #e0e0e0;
}

.nav-tabs li a:hover {
  color: #000000 !important;
  background-color: #bdbdbd !important;
}

.nav-pills li a {
  cursor: pointer;
  color: #000000;
  background-color: #e0e0e0;
}

.nav-pills li a:hover {
  color: #000000 !important;
  background-color: #bdbdbd !important;
}

.nav-pills li a.active {
  color: #ffffff;
  background-color: #d32f2f;
}

.main-layout > .header {
  background-color: #ffffff;
  height: 40px;
  line-height: 40px;
}

.main-layout > .header .logo {
  position: relative;
  background: url("../img/logo.png") center center no-repeat;
  float: left;
  width: 160px;
  height: 40px;
  background-size: contain;
}

.main-layout > .header .user-btn-dropdown {
  height: 40px !important;
}

.main-layout > .header .user-btn-dropdown .user-btn {
  height: 39px !important;
}

.main-layout > .header .lp-status,
.main-layout > .header .postTradeTags {
  line-height: 40px !important;
}

.main-layout > .header .menu-panel .logo h1 {
  margin-left: 165px;
  font-size: 18px;
  padding-top: 10px;
}

.main-layout > .header button.icon, .main-layout > .header .open-ssp-editor.icon {
  color: #00833f;
  font-weight: bold;
}

.main-layout > .header button.icon .lbl, .main-layout > .header .open-ssp-editor.icon .lbl {
  border-color: transparent;
}

.main-layout > .header button label:before, .main-layout > .header .open-ssp-editor label:before {
  font-weight: normal !important;
}

.main-layout > .header button:hover.icon, .main-layout > .header .open-ssp-editor:hover.icon {
  color: #006932;
}

.main-layout .middle {
  position: absolute;
  top: 40px;
  bottom: 0px;
  width: 100%;
}

.main-layout .blotters-area {
  background-color: #eeeeee;
}

.sms-ui-dashboard .module-entries .module.started button.start:after {
  background: #c62828;
}

.sms-ui-dashboard .module-entries .module:hover .content-wrapper .subtitle {
  opacity: 0.8;
}

.sms-ui-dashboard .tile {
  background-color: #009c4b;
  color: #ffffff;
  border: 1px solid #424242;
}

.sms-ui-dashboard .tile .tile-holder img {
  opacity: 1 !important;
}

.sms-ui-dashboard .tile button.start,
.sms-ui-dashboard .tile button.stop {
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 15px solid #c62828;
  border-right-color: transparent;
  font-size: 0;
  color: transparent;
  background: transparent;
  cursor: pointer;
}

.sms-ui-dashboard .tile button.start:before {
  border: 4px solid #c62828;
}

.skin-switcher .skin img {
  border: 1px solid #bdbdbd;
  cursor: pointer;
}

.skin-switcher .skin img.selected {
  border-color: #d32f2f;
}

.business-channels-list-item {
  line-height: 30px;
  color: black;
}

.business-channels-list-item.clickable:hover {
  background-color: #bbbbbb;
}

.business-channels-list-item.activated .icon {
  color: green !important;
}

.business-channels-list-item.deactivated .icon {
  color: red !important;
}

.lp-status .business-channels-list-item:hover {
  background-color: #deebe1;
}

.lp-status .ready .icon,
.lp-status .activated .icon {
  color: #4caf50 !important;
}

.lp-status .ready .icon .lbl,
.lp-status .activated .icon .lbl {
  color: #424242;
}

.lp-status .not-ready .icon,
.lp-status .deactivated .icon {
  color: #d32f2f !important;
}

.lp-status .not-ready .icon .lbl,
.lp-status .deactivated .icon .lbl {
  color: #424242;
}

.lp-status .dropdown-menu .btn.deactivated .icon-circle2 {
  color: #ff5900;
}

.column-layout .column-layout-placeholder {
  background: #9e9e9e;
}

.column-layout .column-dock-fx {
  background-color: #ef6c00;
}

.column-layout .dock-fx {
  background: #ef6c00;
}

.column-layout .removed-box-placeholder,
.column-layout .fakebox {
  background: #9e9e9e;
}

.column-layout .removed-box-placeholder {
  background: transparent;
}

.column-layout .col-layout-position-indicator {
  background: linear-gradient(to bottom, #9e9e9e 0%, #ef6c00 30%);
}

.widget-store {
  background-color: #eeeeee;
}

.widget-store .available-widgets .available-widget {
  line-height: 40px;
  border-bottom: 1px solid #e0e0e0;
}

.widget-store .available-widgets .available-widget .icon {
  line-height: 40px;
}

.widget-store .available-widgets .available-widget .icon.add {
  color: #62c462;
}

.widget-store .available-widgets .available-widget .icon.remove {
  color: #d32f2f;
}

.widget-store .col-layout-widget {
  background-color: #eeeeee;
}

.widget-store .col-layout-widget .header {
  background-color: #009c4b;
}

.widget-store .col-layout-widget .header .icon {
  color: #e0e0e0;
}

.widget-store .col-layout-widget .header .icon:hover {
  color: #ffffff;
}

.widget-store .col-layout-widget .header .title {
  color: #ffffff !important;
  font-weight: 800;
}

.widget-store .col-layout-widget .resizer {
  background-color: #f5f5f5;
}

.widget-store .col-layout-widget .scrollable-down-button,
.widget-store .col-layout-widget .scrollable-up-button {
  background-color: #e0e0e0;
}

.widget-store .market-finder-atom .add-box,
.widget-store .market-finder-atom .remove-channel-line {
  color: #ffffff;
  background-color: #009c4b;
  padding: 2px;
}

.widget-store .market-finder-atom .add-box:hover,
.widget-store .market-finder-atom .remove-channel-line:hover {
  background-color: #00833f;
}

.widget-store .market-finder-atom .add-box {
  border-radius: 15px 0 0 15px;
  border-right: 1px solid #ffffff;
}

.widget-store .market-finder-atom .remove-channel-line {
  border-radius: 0 15px 15px 0;
  border-left: 1px solid #ffffff;
}

.widget-store .notification-atom .b-search-field {
  margin-top: 2px;
}

@keyframes highlight {
  from {
    background-color: #ef6c00;
  }
  to {
    background-color: transparent;
  }
}

.widget-store .notification-atom .notification-entry {
  border-bottom: 1px solid #e0e0e0;
}

.widget-store .notification-atom .notification-entry.type-warning .date,
.widget-store .notification-atom .notification-entry.type-warning .icon {
  color: #ef6c00;
}

.widget-store .notification-atom .notification-entry.type-problem .date,
.widget-store .notification-atom .notification-entry.type-problem .icon {
  color: #d32f2f;
}

.ticket {
  border-style: solid;
  border-width: 1px;
}

.ticket.new {
  border-color: #009c4b;
}

.ticket.new .order-status {
  background-color: #009c4b;
  color: #ffffff;
}

.ticket.new-strategy {
  border-color: #009c4b;
}

.ticket.new-strategy .strategy-status {
  background-color: #009c4b;
  color: #ffffff;
}

.ticket.new-strategy .svg-line {
  stroke: #009c4b;
}

.ticket.new-strategy .svg-circle {
  fill: #009c4b;
}

.ticket.missed {
  border-color: #d32f2f;
}

.ticket.missed .order-status {
  background-color: #d32f2f;
  color: #ffffff;
}

.ticket.pending {
  border-color: #ef6c00;
}

.ticket.pending .order-status {
  background-color: #ef6c00;
  color: #ffffff;
}

.ticket.partial-expired {
  border-color: #757575;
}

.ticket.partial-expired .order-status {
  background-color: #757575;
  color: #ffffff;
}

.ticket.partial-closed {
  border-color: #757575;
}

.ticket.partial-closed .order-status {
  background-color: #757575;
  color: #ffffff;
}

.ticket.partial-working {
  border-color: #00833f;
}

.ticket.partial-working .order-status {
  background-color: #00833f;
  color: #ffffff;
}

.ticket.rejected {
  border-color: #d32f2f;
}

.ticket.rejected .order-status {
  background-color: #d32f2f;
  color: #ffffff;
}

.ticket.suspended {
  border-color: #424242;
}

.ticket.suspended .order-status {
  background-color: #424242;
  color: #ffffff;
}

.ticket.dormant {
  border-color: #424242;
}

.ticket.dormant .order-status {
  background-color: #424242;
  color: #ffffff;
}

.ticket.filled {
  border-color: #424242;
}

.ticket.filled .order-status {
  background-color: #424242;
  color: #ffffff;
}

.ticket.canceled {
  border-color: #424242;
}

.ticket.canceled .order-status {
  background-color: #424242;
  color: #ffffff;
}

.ticket.canceled-strategy {
  border-color: #424242;
}

.ticket.canceled-strategy .strategy-status {
  background-color: #424242;
  color: #ffffff;
}

.ticket.canceled-strategy .svg-line {
  stroke: #424242;
}

.ticket.canceled-strategy .svg-circle {
  fill: #424242;
}

.ticket.expired {
  border-color: #d32f2f;
}

.ticket.expired .order-status {
  background-color: #d32f2f;
  color: #ffffff;
}

.ticket.done {
  border-color: #424242;
}

.ticket.done .order-status {
  background-color: #424242;
  color: #ffffff;
}

.ticket.done .strategy-status {
  background-color: #424242;
  color: #ffffff;
}

.ticket.done .svg-line {
  stroke: #424242;
}

.ticket.done .svg-circle {
  fill: #424242;
}

.ticket.unknown {
  border-color: #ef6c00;
}

.ticket.unknown .order-status {
  background-color: #ef6c00;
  color: #ffffff;
}

.ticket.fx-opt-rfq-ticket .detail-zone .opt-class, .ticket.fx-opt-rfq-ticket .detail-zone .ccy-pair {
  color: #ffffff;
}

.ticket.fx-opt-rfq-ticket .detail-zone .opt-class {
  font-weight: bold;
}

.ticket .fx-opt-ticket .top-summary .optClass {
  font-weight: bold;
}

.ticket .fx-opt-ticket .detail-panel {
  border-color: #424242;
}

.ticket .fx-opt-ticket .detail-panel .leg-ccy, .ticket .fx-opt-ticket .detail-panel .leg-type {
  color: #000000;
}

.ticket .fx-opt-ticket .ccy-pair {
  color: #000000;
  font-weight: bold;
}

.ticket.fx-opt-rfq-ticket .detail-panel .gwt-Label, .ticket .fx-opt-ticket .detail-panel .gwt-Label {
  font-weight: bold;
}

.ticket.fx-opt-rfq-ticket .leg-price, .ticket.fx-opt-rfq-ticket .leg-premium, .ticket.fx-opt-rfq-ticket .leg-type, .ticket.fx-opt-rfq-ticket .leg-ccy, .ticket .fx-opt-ticket .leg-price, .ticket .fx-opt-ticket .leg-premium, .ticket .fx-opt-ticket .leg-type, .ticket .fx-opt-ticket .leg-ccy {
  color: #000000;
}

.ticket.fx-opt-rfq-ticket .leg-maturity, .ticket .fx-opt-ticket .leg-maturity {
  font-weight: normal;
}

.ticket.fx-opt-rfq-ticket .leg-cut, .ticket .fx-opt-ticket .leg-cut {
  font-weight: normal;
}

.ticket.fx-opt-rfq-ticket .at, .ticket.fx-opt-rfq-ticket .leg-strike, .ticket .fx-opt-ticket .at, .ticket .fx-opt-ticket .leg-strike {
  color: #000000;
}

.rfq-ticket-blotter-atom {
  border-right: 1px solid #e0e0e0;
}

.rfq-ticket-blotter-atom .tickets {
  display: block;
}

.rfq-ticket-blotter-atom .tickets .rfq-ticket {
  border-width: 1px !important;
}

.rfq-ticket-notification.rfq-ticket {
  border-width: 1px !important;
}

.rfq-ticket.selected {
  border: 1px solid #d32f2f !important;
  box-shadow: 0 4px 8px 0 #d32f2f, 0 6px 20px 0 #d32f2f;
}

.rfq-ticket.new {
  border-color: #009c4b;
}

.rfq-ticket.new .rfq-status {
  background-color: #009c4b;
  color: #ffffff;
}

.rfq-ticket.pending_new {
  border-color: #ef6c00;
}

.rfq-ticket.pending_new .rfq-status {
  background-color: #ef6c00;
  color: #ffffff;
}

.rfq-ticket.pending_cancel {
  border-color: #ef6c00;
}

.rfq-ticket.pending_cancel .rfq-status {
  background-color: #ef6c00;
  color: #ffffff;
}

.rfq-ticket.executed {
  border-color: #424242;
}

.rfq-ticket.executed .rfq-status {
  background-color: #424242;
  color: #ffffff;
}

.rfq-ticket.quoting {
  border-color: #009c4b;
}

.rfq-ticket.quoting .rfq-status {
  background-color: #009c4b;
  color: #ffffff;
}

.rfq-ticket.lastlook {
  background: linear-gradient(to top, #ef6c00, #bc5500);
  color: #ffffff;
  border-color: #ef6c00;
}

.rfq-ticket.lastlook .rfq-status {
  background-color: #ef6c00;
  color: #ffffff;
}

.rfq-ticket.reject {
  border-color: #d32f2f;
}

.rfq-ticket.reject .rfq-status {
  background-color: #d32f2f;
  color: #ffffff;
}

.rfq-ticket.discarded {
  border-color: #d32f2f;
}

.rfq-ticket.discarded .rfq-status {
  background-color: #d32f2f;
  color: #ffffff;
}

.rfq-ticket.canceled {
  border-color: #d32f2f;
}

.rfq-ticket.canceled .rfq-status {
  background-color: #d32f2f;
  color: #ffffff;
}

.rfq-ticket.dealer_reject {
  border-color: #d32f2f;
}

.rfq-ticket.dealer_reject .rfq-status {
  background-color: #d32f2f;
  color: #ffffff;
}

.rfq-ticket.unknown {
  border-color: #d32f2f;
}

.rfq-ticket.unknown .rfq-status {
  background-color: #d32f2f;
  color: #ffffff;
}

.rfq-ticket.rejected_dealer {
  border-color: #d32f2f;
}

.rfq-ticket.rejected_dealer .rfq-status {
  background-color: #d32f2f;
  color: #ffffff;
}

.rfq-ticket.rejected_client {
  border-color: #d32f2f;
}

.rfq-ticket.rejected_client .rfq-status {
  background-color: #d32f2f;
  color: #ffffff;
}

.rfq-ticket.expired {
  border-color: #424242;
}

.rfq-ticket.expired .rfq-status {
  background-color: #424242;
  color: #ffffff;
}

.rfq-ticket.accepted_dealer {
  border-color: #009c4b;
}

.rfq-ticket.accepted_dealer .rfq-status {
  background-color: #009c4b;
  color: #ffffff;
}

.rfq-ticket.accepted_client {
  border-color: #009c4b;
}

.rfq-ticket.accepted_client .rfq-status {
  background-color: #009c4b;
  color: #ffffff;
}

.rfq-ticket.pending_send {
  border-color: #009c4b;
}

.rfq-ticket.pending_send .rfq-status {
  background-color: #009c4b;
  color: #ffffff;
}

.rfq-ticket.quote_received {
  border-color: #009c4b;
}

.rfq-ticket.quote_received .rfq-status {
  background-color: #009c4b;
  color: #ffffff;
}

.sales-rfq-center .content .bullet {
  color: #ffffff;
  background-color: #009c4b;
  border-color: #00833f;
}

.sales-rfq-center .content .bullet:hover {
  color: #ffffff;
  background-color: #00833f;
  border-color: #006932;
}

.sales-rfq-center .received-quote {
  border: 1px solid #bdbdbd;
  background-color: #e0e0e0;
}

.sales-rfq-center .received-quote .quote-title {
  font-weight: bold;
}

.sales-rfq-center .received-quote .quote-entry {
  font-weight: bold;
}

.sales-rfq-center .rfq-editor .price-widget .price {
  background-color: #00833f;
  color: #ffffff;
}

.sales-rfq-center .rfq-editor .details {
  background-color: #e0e0e0;
  border: 1px solid #bdbdbd;
}

.rfq-center .rfq-editor-atom .margin-containers-panel {
  border-top: 1px solid #bdbdbd !important;
  border-left: 1px solid #bdbdbd !important;
}

.rfq-center .rfq-editor-atom .margin-containers-panel .margin-title-panel {
  border-bottom: 1px solid #bdbdbd !important;
}

.dealer-intervention-preference-atom .listbox-disable {
  background-color: #BBB !important;
}

.sms-ui-dealerintervention .popup-panel {
  background-color: #FFFFFF;
}

.sms-ui-dealerintervention .blinking tbody {
  animation: glowing 1000ms infinite;
}

.sms-ui-dealerintervention .blink {
  background-color: transparent !important;
}

@keyframes glowing {
  0% {
    background-color: #f5f5f5;
  }
  50% {
    background-color: #ffcc80;
  }
  100% {
    background-color: #f5f5f5;
  }
}

.widget-store .col-layout-widget .blinking {
  animation: glowing 1000ms infinite;
}

@keyframes glowing {
  0% {
    background-color: #f5f5f5;
  }
  50% {
    background-color: #ffcc80;
  }
  100% {
    background-color: #f5f5f5;
  }
}

.widget-store .col-layout-widget .pending-tickets-settings {
  background-color: #00833f;
  color: #e0e0e0;
}

.widget-store .col-layout-widget .pending-tickets-settings .setting-box .sound-selection {
  background-color: #e0e0e0;
  color: #000000;
}

.dealer-intervention-editor .summary .dealer-intervention-field {
  border-color: #e0e0e0;
}

.dealer-intervention-editor .warning {
  color: #b71c1c;
}

.dealer-intervention-editor .warning:hover {
  color: #b71c1c;
}

.dealer-intervention-editor .switch-widget {
  color: #aaa;
  background-color: #E7E7E7;
  border-color: #000000;
}

.dealer-intervention-editor .switch-widget.flow-rupture {
  background-color: #b71c1c;
}

.dealer-intervention-editor .switch-widget.flow-rupture .gwt-Label.selected {
  color: #ffffff;
}

.dealer-intervention-editor .switch-widget .gwt-Label.selected {
  color: #333;
}

.dealer-intervention-editor .switch-widget .switch-checkbox label {
  border: 2px solid #aaa;
}

.dealer-intervention-editor .switch-widget .switch-checkbox label:before {
  background: #FFFFFF;
  border: 2px solid #aaa;
}

.tabContainer-panel .tabContainer-header .tab-headers {
  background-color: #deebe1;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header {
  color: #ffffff;
  background-color: #92d7ab;
  border-bottom: 2px solid transparent;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header:hover {
  background-color: #009c4b;
  color: #ffffff;
  border-bottom: 2px solid #000000;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header.active {
  background-color: #009c4b;
  color: #ffffff;
  border-bottom: 2px solid #d32f2f;
}

.tabContainer-panel .menu-tab ul {
  background: #ffffff;
  border: 1px solid #9e9e9e;
}

.tabContainer-panel .menu-tab ul li:hover {
  background-color: #deebe1;
}

.desks-atom .offline {
  background-color: #757575;
  color: #ffffff;
}

.desks-atom .online {
  background-color: #4caf50;
  color: #ffffff;
}

.desks-atom .warning {
  background-color: #ef6c00 !important;
  color: #ffffff;
}

.desks-atom .time-bar {
  color: #d32f2f;
  background-color: #d32f2f;
}

.desks-atom .hour-panel .hour-label {
  border-left: 1px solid #9e9e9e;
  color: #424242;
  font-weight: bold;
}

.desks-atom .desk-info {
  border-right: 1px solid #ffffff;
  font-weight: bold;
}

.desks-atom .desk-info .icon {
  color: #ffffff;
}

.desks-atom .desk-info .icon:hover {
  color: #ffffff;
}

.desks-atom .rule {
  background-color: #bdbdbd;
}

.desks-atom .rule .caption {
  font-style: italic;
}

.desks-atom .rule .rule-name {
  border-right: 1px solid #ffffff;
}

.desks-atom .rule .rule-name .value {
  font-weight: bold;
}

.desks-atom .rule .rule-desk {
  border-left: 1px solid #ffffff;
}

.boxgrid {
  background-color: #eeeeee;
}

.box-atom {
  border: 1px solid #9e9e9e;
  background-color: #eeeeee;
}

.box-atom.quick-trading-box .price-widget .price {
  background-color: #d32f2f !important;
}

.box-atom.quick-trading-box .price-widget .selected .side-name {
  background-color: #d32f2f !important;
  color: #ffffff;
}

.box-atom.quick-trading-box:before {
  background-color: #d32f2f;
  color: #ffffff;
}

.box-atom .header {
  background-color: #e0e0e0;
}

.box-atom .header .select2-arrow {
  background: none;
  border: none;
}

.box-atom.focused {
  border-color: #d32f2f;
}

.box-atom[data-panel-type='ESP'] .header .flip {
  background-color: #009c4b;
}

.box-atom[data-panel-type='ESP'].disable .header .flip {
  background-color: #009c4b;
}

.box-atom[data-panel-type='RFS'] .header .flip {
  background-color: #006e54;
}

.box-atom[data-panel-type='RFS'].disable .header .flip {
  background-color: #006e54;
}

.box-atom .flip {
  color: #ffffff;
}

.box-atom .price-widget .is-indicative {
  font-weight: normal;
  color: #ffffff;
}

.box-atom .esp .price-widget .price {
  background-color: #009c4b;
  color: #ffffff;
  border-radius: 5px 5px 0 0;
}

.box-atom .esp .price-widget .side-name {
  color: #ffffff;
  background-color: #009c4b;
  border-top: 1px solid #ffffff;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0 0 5px 5px;
}

.box-atom .esp .price-widget .side-name:hover {
  color: #ffffff;
  background-color: #00833f;
}

.box-atom .esp .price-widget .side-name:focus {
  color: #ffffff;
  background-color: #00833f;
}

.box-atom .rfs .price-widget .price {
  background-color: #006e54;
  color: #ffffff;
}

.box-atom .switch-currency {
  color: #616161;
}

.box-atom .switch-currency.t {
  color: #ef6c00;
}

.box-atom .switch-currency:hover {
  color: #000000;
}

.box-atom .switch-fwd-swp,
.box-atom .switch-currency {
  background-color: transparent;
}

.box-atom .lps-dropdown.lp-deactivated .icon {
  color: #ef6c00;
}

.box-atom .lps-dropdown .lps {
  background: transparent;
  color: #000000;
}

.box-atom .lps-dropdown:after {
  border-color: #ffffff;
}

.box-atom .lps-dropdown .lp-group:hover,
.box-atom .lps-dropdown .lp:hover {
  background-color: #deebe1;
}

.box-atom .lps-dropdown .lp-disabled {
  color: #9e9e9e;
}

.box-atom .widgets-group .widget-label {
  text-transform: uppercase;
  color: #616161;
  border-bottom: 2px solid transparent;
}

.box-atom .widgets-group .widget-label:hover {
  color: #000000;
  border-bottom: 2px solid #000000;
}

.box-atom .widgets-group .widget-label.selected {
  color: #000000;
  border-bottom: 2px solid #d32f2f;
}

.box-atom .box-widget .bid.best .price,
.box-atom .box-widget .offer.best .price {
  border-color: #ef6c00;
}

.box-atom .box-widget .bid .price,
.box-atom .box-widget .offer .price {
  color: #ffffff;
  background-color: #009c4b;
  border-radius: 5px;
  border: 1px solid #eeeeee;
}

.box-atom .box-widget .bid .price:hover,
.box-atom .box-widget .offer .price:hover {
  color: #ffffff;
  background-color: #00833f;
  border-radius: 5px;
}

.box-atom .allocations .allocation-tab-button {
  color: #ffffff;
}

.box-atom .allocations .allocation-tab-button.allocation-current-tab {
  color: #ffffff;
  background-color: #d32f2f;
}

.box-atom .box-footer {
  background-color: #e0e0e0;
}

.box-atom .box-footer .one-click .one {
  color: #ef6c00;
}

.box-atom .box-footer .settings-panel {
  background-color: #e0e0e0;
  border: 1px solid #9e9e9e;
  border-radius: 5px 5px 0 0;
}

.embedded-order-editor .editor-row.has-error-container .select2-choice {
  border-color: #d32f2f;
  color: #d32f2f;
}

.embedded-order-editor .editor-row .numeric-spinner.invalid:hover:after, .embedded-order-editor .editor-row .numeric-spinner.invalid:hover:before {
  color: #ffffff;
}

.embedded-order-editor .editor-row .numeric-spinner.invalid:hover:after {
  background: #d32f2f;
}

.embedded-order-editor .editor-row.price-row .has-error .spinner-addon {
  border-color: #d32f2f;
}

.embedded-order-editor .editor-row .has-error {
  border-color: #d32f2f;
}

.embedded-order-editor .editor-row .has-error:hover:after, .embedded-order-editor .editor-row .has-error:hover:before {
  color: #ffffff;
}

.embedded-order-editor .editor-row .has-error:hover:after {
  background: #d32f2f;
}

.embedded-order-editor .editor-row .has-error-container input {
  border-color: #d32f2f;
}

.embedded-order-editor .editor-row .has-error-container:hover:after, .embedded-order-editor .editor-row .has-error-container:hover:before {
  color: #ffffff;
}

.embedded-order-editor .editor-row .has-error-container:hover:after {
  background: #d32f2f;
}

.embedded-order-editor .editor-row .select2-choice[data-title] {
  border-color: #d32f2f;
}

.embedded-order-editor .editor-row .select2-choice[data-title]:hover:after, .embedded-order-editor .editor-row .select2-choice[data-title]:hover:before {
  color: #ffffff;
}

.embedded-order-editor .editor-row .select2-choice[data-title]:hover:after {
  background: #d32f2f;
}

.embedded-order-editor .editor-row .dropdown-menu li + div.lp:first-child {
  border-top-color: #000000;
}

.embedded-order-editor .st-fieldset {
  border-left-color: #000000;
}

.embedded-order-editor .st-fieldset:before {
  font-weight: bold;
  opacity: 1;
}

.embedded-order-editor .st-tooltip {
  background-color: #424242;
  color: #ffffff;
}

.embedded-order-editor .st-tooltip .arrow:after {
  border-bottom-color: #424242;
}

.embedded-order-editor .expiry-row .timeinforce-row select.has-error option {
  color: #ffffff;
}

.embedded-order-editor .expiry-row .expiration-date-row .input-container.has-error-container input {
  color: #d32f2f;
}

.embedded-order-editor .order-editor-field.has-error-container:hover:after, .embedded-order-editor .order-editor-field.has-error-container:hover:before {
  color: #ffffff;
}

.embedded-order-editor .order-editor-field.has-error-container:hover:after {
  background: #d32f2f;
}

.embedded-order-editor .additionnal-controls .expand-btn:after {
  background: #d32f2f;
}

.embedded-order-editor .additionnal-controls .expand-btn:hover {
  color: #ffffff;
}

.embedded-order-editor .trigger-row .gwt-CheckBox input[type='checkbox']:focus + label, .embedded-order-editor .execution-row .gwt-CheckBox input[type='checkbox']:focus + label {
  background-color: #deebe1;
}

.blotter-atom {
  background-color: #eeeeee;
}

.blotter-atom .buttons-container .btn .btn {
  background-color: transparent;
}

.blotter-atom .cell-select {
  width: 20px;
}

.blotter-atom .grid-atom {
  border-right: 1px solid #bdbdbd;
  border-left: 1px solid #bdbdbd;
}

.blotter-atom .grid-center {
  border-bottom: 2px solid #ef6c00;
}

.blotter-atom thead tr {
  background-color: #757575 !important;
  color: #ffffff !important;
}

.blotter-atom thead tr .icon {
  color: #e0e0e0;
}

.blotter-atom thead tr .icon:hover {
  color: #ffffff;
}

.blotter-atom thead .resizer {
  background-color: #bdbdbd;
}

.blotter-atom tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.blotter-atom tr:nth-child(odd).selectedRow {
  background-color: #deebe1;
  color: #000000;
}

.blotter-atom tr:nth-child(even) {
  background-color: #eeeeee;
}

.blotter-atom tr:nth-child(even).selectedRow {
  background-color: #deebe1;
  color: #000000;
}

.blotter-atom tbody tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.blotter-atom tbody tr:nth-child(odd).selectedRow {
  background-color: #92d7ab;
  color: #000000;
}

.blotter-atom tbody tr:nth-child(even) {
  background-color: #eeeeee;
}

.blotter-atom tbody tr:nth-child(even).selectedRow {
  background-color: #92d7ab;
  color: #000000;
}

.blotter-atom tbody tr.hovered {
  background-color: #deebe1;
  color: #000000;
}

.blotter-atom .heat-slider .icon {
  color: #000000 !important;
  cursor: normal !important;
}

.blotter-atom .heat-slider .ui-slider {
  background-color: #ffffff;
  border: 1px solid #9e9e9e;
}

.blotter-atom .heat-slider .ui-slider .value {
  color: #ffffff;
}

.blotter-atom .position-bar .short {
  background-color: #f48fb1;
}

.blotter-atom .position-bar .long {
  background-color: #c2185b;
}

.blotter-atom .highlightedRow {
  background-color: yellow !important;
}

.global-trade-atom .trade-type-caption .trade-type-ext-client {
  background-color: #cfd8dc;
}

.global-trade-atom .trade-type-caption .trade-type-ext-bank {
  background-color: #c8e6c9;
}

.global-trade-atom .trade-type-caption .trade-type-ext-venue {
  background-color: #90a4ae;
}

.global-trade-atom .global-trade-order-ext-client {
  background-color: #cfd8dc !important;
}

.global-trade-atom .global-trade-order-ext-bank {
  background-color: #90a4ae !important;
}

.global-trade-atom .global-trade-order-ext-venue {
  background-color: #c8e6c9 !important;
}

.global-trade-atom .highlighted {
  background-color: #ffcc80 !important;
}

.chat-atom .content {
  border-bottom: 1px solid #bdbdbd;
}

.chat-atom .header {
  border-color: #bdbdbd;
}

.chat-atom .left-column {
  border-color: #bdbdbd;
}

.chat-atom .left-column .menu-header {
  background-color: #424242;
  border-color: #eeeeee;
  color: #ffffff;
}

.chat-atom .left-column .menu-header .menu-choice.selected:before {
  border-color: transparent transparent #eeeeee transparent;
}

.chat-atom .left-column .menu-header .menu-choice.selected:after {
  border-color: transparent transparent #eeeeee transparent;
}

.chat-atom .left-column .roster .search .search-border:after {
  border-bottom-color: #d32f2f;
}

.chat-atom .left-column .contact .status-bullet:after {
  color: #ffffff;
}

.chat-atom .left-column .contact.available .status-bullet {
  color: #62c462;
}

.chat-atom .left-column .contact.selected {
  background-color: #deebe1;
}

.chat-atom .right-column .conversations .contact-icon {
  background-color: #424242;
  color: #ffffff;
}

.chat-atom .right-column .conversations .record-remember {
  color: #757575;
}

.chat-atom .right-column .conversations .conversations-header {
  border-color: #bdbdbd;
}

.chat-atom .right-column .conversations .speech-bubble.not-mine {
  background-color: #424242;
  color: #ffffff;
}

.chat-atom .right-column .conversations .speech-bubble.not-mine div:last-child:before {
  border-left-color: #424242 !important;
}

.chat-atom .right-column .conversations .speech-bubble.not-mine div:last-child:after {
  background: #eeeeee;
}

.chat-atom .right-column .conversations .speech-bubble.mine {
  background-color: #00833f;
  color: #ffffff;
}

.chat-atom .right-column .conversations .speech-bubble.mine div:last-child:before {
  border-right-color: #00833f !important;
}

.chat-atom .right-column .conversations .speech-bubble.mine div:last-child:after {
  background: #eeeeee;
}

.chat-atom .right-column .conversations .speech-bubble::after {
  color: #000000;
}

.chat-atom .right-column .conversations .speech-bubble[data-sender]:not([data-sender=''])::before {
  color: #424242;
}

.strategy-editor .has-error {
  border-color: #d32f2f !important;
}

.strategy-editor .has-error input {
  border-color: #d32f2f !important;
  color: #d32f2f !important;
}

.strategy-editor .has-error::after {
  background-color: #d32f2f;
  color: #ffffff;
}

.strategy-editor .has-error::before {
  color: #ffffff;
}

.retail-editor-atom .retail-editor-container .select2-container .select2-choice {
  border: 1px solid #bdbdbd;
}

.retail-editor-atom .retail-editor-container .rhd {
  color: #616161 !important;
}

.retail-editor-atom .retail-editor-container .retail-row .label {
  color: #616161;
}

.retail-editor-atom .retail-editor-container .priceWidget {
  color: #ffffff;
  background-color: #006932;
}

.retail-editor-atom .btn-success,
.retail-editor-atom .progress-button {
  color: #ffffff;
  background-color: #009c4b;
  border: 1px solid #00833f;
  box-shadow: none;
  background-image: none;
}

.retail-editor-atom .btn-success:hover,
.retail-editor-atom .btn-success:focus,
.retail-editor-atom .progress-button:hover,
.retail-editor-atom .progress-button:focus {
  color: #ffffff;
  background-color: #00833f;
  border-color: #006932;
}

.sms-ui-pricing .tradability-global-on {
  background-color: #2e7d32 !important;
  border: 1px solid transparent;
}

.sms-ui-pricing .tradability-global-on:hover, .sms-ui-pricing .tradability-global-on:focus {
  background-color: rgba(0, 94, 0, 0.5) !important;
  border: 1px solid green;
}

.sms-ui-pricing .tradability-global-on:active {
  background-color: grey !important;
}

.sms-ui-pricing .tradability-global-off {
  color: #ffffff !important;
  background-color: #d32f2f !important;
  border-color: #c62828 !important;
}

.sms-ui-pricing .tradability-global-off:hover {
  color: #ffffff;
  background-color: #b71c1c;
  border-color: #000000;
}

.sms-ui-pricing .quoting-blotter-atom .quote-status.status-on {
  background-color: #388e3c;
  color: #ffffff;
}

.sms-ui-pricing .quoting-blotter-atom .quote-status.status-off {
  background-color: rgba(255, 0, 0, 0.7);
  color: #ffffff;
}

.sms-ui-pricing .quoting-blotter-atom .quote-status.status-ref {
  background-color: rgba(255, 187, 40, 0.7);
}

.sms-ui-pricing .quoting-blotter-atom .quote-status.status-error {
  background-color: red;
}

.sms-ui-pricing .tradability-global-ref {
  background-color: rgba(255, 187, 40, 0.7) !important;
  color: black;
  border: 1px solid transparent;
}

.sms-ui-pricing .tradability-global-ref:hover, .sms-ui-pricing .tradability-global-ref:focus {
  background-color: #ffbb28 !important;
  border: 1px solid yellow;
}

.sms-ui-pricing .tradability-global-ref:active {
  background-color: grey !important;
}

.sms-ui-pricing .PricingAtom th {
  border-right: 1px solid #ffffff !important;
}

.sms-ui-pricing .PricingAtom td {
  border-right: 1px solid #9e9e9e;
}

.sms-ui-pricing .PricingAtom td:hover {
  background-color: #deebe1;
}

.sms-ui-pricing .PricingAtom .pricer-widget.editable.REF {
  border-bottom: 2px solid #9e9e9e;
}

.sms-ui-pricing .PricingAtom .no-price {
  background-color: #d32f2f;
  color: #e0e0e0;
}

.sms-ui-pricing .PricingAtom .no-price .icon {
  color: #e0e0e0;
}

.sms-ui-pricing .PricingAtom .no-price .pricer-widget.editable .bid .pip-num {
  color: #e0e0e0 !important;
}

.sms-ui-pricing .PricingAtom .no-price .pricer-widget.editable .offer .pip-num {
  color: #e0e0e0 !important;
}

.sms-ui-pricing .PricingAtom .pricer-widget.editable .bid .pip-num {
  color: #2e8c04 !important;
}

.sms-ui-pricing .PricingAtom .pricer-widget.editable .offer .pip-num {
  color: #c76219 !important;
}

.notification-window-box
.notification-container
.notification-content
.slider
.icon-arrow-left2::before,
.notification-window-box
.notification-container
.notification-content
.slider
.icon-arrow-right2::before {
  background-color: #009c4b;
}

.sms-ui-voicetrading .actions-icon.has-canceled .icon-search2 {
  color: #ef6c00 !important;
}

.efp-editor-atom .channels .efp-line .validate-efp:active {
  color: #4caf50;
}

.efp-editor-atom .future-list-box {
  position: relative;
}

.efp-editor-atom .future-list-box select {
  width: 100%;
  border-radius: 0;
}

.efp-editor-atom .future-list-box.invalid:before {
  background-color: #d32f2f;
  color: #ffffff;
}

.efp-editor-atom .future-list-box.invalid:after {
  background-color: #d32f2f;
  color: #ffffff;
}

.efp-editor-atom .future-list-box.invalid {
  border: 1px solid #d32f2f;
  border-radius: 0;
}

.efp-editor-atom .future-list-box.invalid select {
  border: none;
}

.efp-editor-atom .future-list-box.invalid::before {
  font-family: "webappsdk";
  content: '\ed4e';
  left: 0;
  width: 20px;
  z-index: 3;
  padding-left: 4px;
  position: absolute;
  top: 100%;
  opacity: 0;
}

.efp-editor-atom .future-list-box.invalid::after {
  left: 0;
  content: attr(data-title);
  min-width: 100%;
  padding-left: 1.5em;
  padding-right: 0.5em;
  z-index: 2;
  position: absolute;
  top: 100%;
  opacity: 0;
}

.efp-editor-atom .future-list-box.invalid:hover::before, .efp-editor-atom .future-list-box.invalid:hover::after {
  opacity: 1;
}

.main-layout > .header .menu-panel .banners {
  height: 40px;
}

.main-layout > .header .menu-panel .banners .banner {
  padding: 5px;
  background-color: #ef6c00;
  color: #ffffff;
}

.sms-ui-controlcenter .circuit-break .circuit-break-button {
  color: white;
  background-color: #c62828;
  border: 2px solid #ffffff;
  transition: opacity 0.6s;
}

.sms-ui-controlcenter .circuit-break .circuit-break-button:hover {
  background-color: #e53935;
}

.sms-ui-controlcenter .circuit-break .circuit-break-button:disabled {
  background-color: #c62828;
  opacity: 0.5;
}

.sms-ui-controlcenter .circuit-break .default-mode-button {
  color: white;
  background-color: #1b5e20;
  border: 2px solid #ffffff;
  transition: opacity 0.6s;
}

.sms-ui-controlcenter .circuit-break .default-mode-button:hover {
  background-color: #388e3c;
}

.sms-ui-controlcenter .circuit-break .default-mode-button:disabled {
  background-color: #1b5e20;
  opacity: 0.5;
}

.sms-ui-controlcenter .fuse {
  color: #ffffff;
  background-color: #1b5e20;
}

.sms-ui-controlcenter .fuse.off {
  background-color: #c62828;
}

.sms-ui-controlcenter .fuse .status {
  color: #eeeeee;
}

.sms-ui-controlcenter .fuse .bootstrap-switch {
  transition: opacity 0.6s;
}

.sms-ui-controlcenter .fuse .bootstrap-switch-handle-on {
  background-color: #388e3c !important;
  color: #ffffff !important;
}

.sms-ui-controlcenter .fuse .bootstrap-switch-handle-off {
  background-color: #e53935 !important;
  color: #ffffff !important;
}

.circuit-break-modal .modal-content {
  background-color: #c62828;
  color: #ffffff;
}

.aggregator-buyside-form {
  color: #000000;
}

.aggregator-buyside-form .aggregator-buyside-field {
  color: #000000;
}

.aggregator-buyside-form .market-price {
  border-top: 1px solid #e0e0e0;
}

.aggregator-buyside-form .order-details, .aggregator-buyside-form .quote-request-details {
  background-color: #f5f5f5;
  border-radius: 5px;
}

.sms-ui-analytics .main-layout input::placeholder {
  color: #000000;
}

.sms-ui-analytics .main-layout .select24-container--default .select24-search__field {
  color: #ffffff;
  background-color: #ffffff;
}

.sms-ui-analytics .main-layout .select24-container--default .select24-selection--multiple .select24-selection__choice, .sms-ui-analytics .main-layout .select24-container--default .select24-selection--single .select24-selection__choice {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #c8e6c9;
}

.sms-ui-analytics .main-layout .select24-container--default .select24-results__option[aria-selected=true] {
  background-color: #ffffff;
}

.sms-ui-analytics .main-layout .select24-container--default .select24-selection--multiple, .sms-ui-analytics .main-layout .select24-container--default .select24-selection--single {
  background: #ffffff;
  color: #000000;
  border: 1px solid #c8e6c9;
}

.sms-ui-analytics .main-layout .select24-container--default .select24-selection--multiple .select24-selection__rendered, .sms-ui-analytics .main-layout .select24-container--default .select24-selection--single .select24-selection__rendered {
  color: #000000;
}

.sms-ui-analytics .main-layout .select24-dropdown {
  background: #ffffff;
  color: #000000;
  border: 1px solid #c8e6c9;
}

.sms-ui-analytics .main-layout .tabContainer-panel .tab-contents {
  background-color: #eeeeee;
}

.sms-ui-analytics .main-layout .decorated-panel {
  border-color: #eeeeee !important;
}

.sms-ui-analytics .main-layout .axreport select {
  background-color: #ffffff;
  color: #000000;
  border-color: #ffffff;
}

.sms-ui-analytics .main-layout .decorated-panel.time-filter-panel {
  background: #009c4b;
  color: #ffffff;
}

.sms-ui-analytics .main-layout .decorated-panel .header {
  background: #f5f5f5;
  color: #000000;
}

.sms-ui-analytics .main-layout .chart-widget .highcharts-container {
  background: #eeeeee;
}

.sms-ui-analytics .main-layout .tabContainer-panel .tabContainer-header .tab-headers .tab-header.active {
  background-color: #009c4b !important;
}

.sms-ui-analytics .main-layout .ax-autocomplete input {
  color: #000000 !important;
}

.sms-ui-analytics .main-layout .highcharts-container .highcharts-axis text, .sms-ui-analytics .main-layout .highcharts-container .highcharts-axis-labels text {
  color: #000000 !important;
  fill: #000000 !important;
}

.sms-ui-analytics .main-layout .report-title {
  color: #000000;
}

.sms-ui-analytics .main-layout .filter-manager .open > .dropdown-menu, .sms-ui-analytics .main-layout .axreport .filter-manager .open > .dropdown-menu {
  background-color: #eeeeee;
  color: #000000;
}

.sms-ui-analytics .main-layout .dropdown-menu li:hover {
  background-color: #eeeeee;
}

.sms-ui-analytics .main-layout .sms-ui-analytics .filter-manager .predefined-filter, .sms-ui-analytics .main-layout .axreport .filter-manager .predefined-filter:hover {
  background: #ffffff;
}

.sms-ui-analytics .main-layout .axreport .ax-datatable .dataTables_wrapper .dataTable tbody tr:nth-child(odd) {
  background: #ffffff;
}

.sms-ui-analytics .main-layout .axreport .ax-datatable tr:nth-child(odd) .cell-hover .cell-actions {
  background-color: #ffffff;
}

.sms-ui-analytics .main-layout .axreport .ax-datatable tr:nth-child(even) .cell-hover .cell-actions {
  background-color: #eeeeee;
}

.sms-ui-analytics .main-layout table.dataTable thead th.group {
  border: solid 1px #81c784 !important;
}

.sms-ui-analytics .main-layout > .header {
  position: absolute;
  right: 0px;
  left: 0px;
  height: 40px;
}

.sms-ui-analytics .main-layout .primary-area {
  position: absolute;
  top: 40px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: auto;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}

.sms-ui-analytics .main-layout .primary-area .tabContainer-panel {
  height: 100%;
}

.sms-ui-analytics .main-layout .primary-area .tabContainer-panel .boxgrid {
  height: 100%;
}

.sms-ui-analytics .main-layout .primary-area .tab-content {
  overflow: hidden;
}

.popover.pop-green {
  background-color: black;
  border: 1px solid green;
}

.popover.pop-green .arrow {
  border-top-color: green;
}

.popover.pop-green .info {
  background-color: green;
}

.popover.pop-green > .arrow:after {
  border-top-color: green !important;
  border-bottom-color: green !important;
}

.popover.pop-red {
  background-color: black;
  font-size: 13px;
  border: 1px solid red;
}

.popover.pop-red .arrow {
  border-top-color: red;
}

.popover.pop-red .danger {
  background-color: red;
}

.popover.pop-red > .arrow:after {
  border-top-color: red !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .linked:nth-child(odd) {
  background-color: #90CAF9 !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .pending:nth-child(odd) {
  background-color: #FFCDD2 !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .complete:nth-child(odd) {
  background-color: #FFE082 !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .linked:nth-child(even) {
  background-color: #64B5F6 !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .pending:nth-child(even) {
  background-color: #EF9A9A !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .complete:nth-child(even) {
  background-color: #FFD54F !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .oms:nth-child(even) {
  background-color: #81C784 !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .oms:nth-child(odd) {
  background-color: #A5D6A7 !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .btn-linked {
  border-color: #64B5F6 !important;
  background-color: #64B5F6 !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .btn-linked:hover {
  background-color: #90CAF9 !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .btn-pending {
  border-color: #EF9A9A !important;
  background-color: #EF9A9A !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .btn-pending:hover {
  background-color: #FFCDD2 !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .btn-complete {
  border-color: #FFD54F !important;
  background-color: #FFD54F !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .btn-complete:hover {
  background-color: #FFE082 !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .btn-oms {
  border-color: #81C784 !important;
  background-color: #81C784 !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .btn-oms:hover {
  background-color: #A5D6A7 !important;
}

.sms-ui-posttrade .trade-db-blotter-atom .btn-linked.active, .sms-ui-posttrade .trade-db-blotter-atom .btn-pending.active, .sms-ui-posttrade .trade-db-blotter-atom .btn-complete.active, .sms-ui-posttrade .trade-db-blotter-atom .btn-oms.active {
  color: #757575;
  background-color: #bdbdbd !important;
}

.post-trade-manual-trade-dialog .global-header, .post-trade-manual-trade-dialog .trade-ref-panel {
  background-color: #e0e0e0;
}

.post-trade-manual-trade-dialog .row1, .post-trade-manual-trade-dialog .row2, .post-trade-manual-trade-dialog .row3, .post-trade-manual-trade-dialog .row4, .post-trade-manual-trade-dialog .row5 {
  background-color: #e0e0e0;
}

.post-trade-manual-trade-dialog .pnl-credit-check-panel .credit-check-value.under {
  color: #388e3c;
}

.post-trade-manual-trade-dialog .pnl-credit-check-panel .credit-check-value.over {
  color: #d32f2f;
}

.post-trade-manual-trade-dialog .pnl-credit-check-panel .pnl-value.over {
  color: #d32f2f;
}

.post-trade-manual-trade-dialog .pnl-credit-check-panel .pnl-value.under {
  color: #388e3c;
}

.post-trade-manual-trade-dialog .read-only-panel .client-row {
  border-top-color: #bdbdbd;
}

.post-trade-manual-trade-dialog .read-only-panel .market-panel:hover, .post-trade-manual-trade-dialog .read-only-panel .client-panel:hover {
  background-color: #f5f5f5;
}

.post-trade-manual-trade-dialog .read-only-panel .market-bid-panel, .post-trade-manual-trade-dialog .read-only-panel .market-offer-panel {
  border-top-color: #ff9800;
  border-top-style: solid;
}

.post-trade-manual-trade-dialog .read-only-panel .client-bid-panel, .post-trade-manual-trade-dialog .read-only-panel .client-offer-panel {
  border-bottom-color: #ff9800;
  border-bottom-style: solid;
}

.post-trade-manual-trade-dialog .read-only-panel .market-bid-panel, .post-trade-manual-trade-dialog .read-only-panel .client-bid-panel {
  border-left-color: #ff9800;
  border-left-style: solid;
}

.post-trade-manual-trade-dialog .read-only-panel .market-offer-panel, .post-trade-manual-trade-dialog .read-only-panel .client-offer-panel {
  border-right-color: #ff9800;
  border-right-style: solid;
}

.post-trade-manual-trade-dialog .icon-warning2 {
  color: #d32f2f !important;
}

.post-trade-manual-trade-dialog .swap-editor .point-price-panel:last-child, .post-trade-manual-trade-dialog .swap-pending-editor .point-price-panel:last-child, .post-trade-manual-trade-dialog .swap-linked-editor .point-price-panel:last-child {
  border-left-color: #9e9e9e;
}

.post-trade-manual-trade-dialog .global-pending-editor .market-bid-panel, .post-trade-manual-trade-dialog .global-pending-editor .market-offer-panel {
  border-bottom-color: #ff9800;
  border-bottom-style: solid;
}

.post-trade-manual-trade-dialog .global-linked-editor .label-value {
  border-color: #9e9e9e;
  border-style: solid;
}

.post-trade-manual-trade-dialog .global-linked-editor .client-row {
  border: none;
}

.post-trade-manual-trade-dialog .global-linked-editor .client-bid-panel, .post-trade-manual-trade-dialog .global-linked-editor .client-offer-panel {
  border-top-color: #ff9800;
}

.post-trade-manual-trade-dialog .price .pip-num {
  color: #ef6c00;
}

.pie-chart-panel text {
  fill: #424242 !important;
}

.customize-panel .customize-apply-to-panel-folded {
  background-color: #eeeeee;
}

.customize-panel .rule-widget {
  background-color: #eeeeee;
}

.customize-panel .rule-condition-style-list {
  background-color: #eeeeee;
}

.customize-panel .gwt-DateBox.invalid {
  border-color: #d32f2f;
}

.customize-panel .ui-slider {
  background-color: #ffffff;
  border: 1px solid #9e9e9e;
}

.customize-panel .ui-slider-handle {
  background-color: #e0e0e0;
  border: 1px solid #9e9e9e;
}

.form-field-validator.invalid {
  border-color: #d32f2f;
}

.form-field-validator.invalid::before {
  color: #ffffff;
}

.form-field-validator.invalid::after {
  background: #d32f2f;
  color: #ffffff;
}

.creditbreach-header-reason {
  background-color: #f5f5f5;
}

.creditbreach-header-left {
  background-color: #f5f5f5;
}

.creditbreach-header-right {
  background-color: #f5f5f5;
}

.creditbreach-card {
  background-color: #f5f5f5;
}

.creditbreach-table-header {
  background-color: rgba(244, 67, 54, 0.45);
}

.creditbreach-table-header.creditbreach-nobreach {
  background-color: rgba(67, 160, 71, 0.45);
}

.creditbreach-card tbody {
  background-color: #ffffff;
}

.creditbreach-table-stackedbar-used {
  background-color: #212121;
}

.creditbreach-table-stackedbar-available {
  background-color: rgba(67, 160, 71, 0.5);
}

.creditbreach-table-stackedbar-breached {
  background-color: rgba(183, 28, 28, 0.5);
}

.creditbreach-table-stackedbar-limit {
  background-color: #000000;
}

.creditbreach-breached::after {
  background-color: rgba(183, 28, 28, 0.45);
}

.creditbreach-available::after {
  background-color: rgba(67, 160, 71, 0.45);
}

.creditbreach-used::after {
  background-color: #212121;
}

.live-order-blotter-atom .pending-remove {
  opacity: 0.6;
}

.live-order-blotter-atom .pending-remove.hovered {
  opacity: 1;
}

.lp-control-center-atom .lp-row:nth-child(even) {
  background-color: #f5f5f5;
}

.lp-control-center-atom .lp-row .not-ready {
  color: #d32f2f;
}

.lp-control-center-atom .lp-row .ready {
  color: #4caf50;
}

.value-date-discrepancy-control-center-atom .vdd-row-dark {
  background-color: #f5f5f5;
}

.lp-credit-data-blotter-atom .balance-gauge .gauge .available {
  background-color: #84f766;
}

.lp-credit-data-blotter-atom .balance-gauge .gauge .remaining {
  background-color: #5192de;
}

.lp-credit-data-blotter-atom .balance-gauge .gwt-Label {
  color: #000000;
}

.ssp-editor .title {
  color: #388e3c;
}

.ssp-editor table {
  border: 1px solid #a5d6a7;
}

.ssp-editor table thead {
  background-color: #c8e6c9;
}

.ssp-editor table .ssp-leg {
  border-top: 1px solid #a5d6a7;
}

.hoarding-control-center-atom .hoarding-rule-header .hoarding-status-btn {
  background-color: #e0e0e0;
  box-shadow: 2px 5px 3px -5px black;
  transition: box-shadow 0.1s cubic-bezier(0.4, 0, 1, 1);
}

.hoarding-control-center-atom .hoarding-rule-header .hoarding-status-btn.pressed {
  box-shadow: none;
}

.hoarding-control-center-atom .hoarding-rule-header .hoarding-status-btn .header-title {
  font-weight: bold;
}

.hoarding-control-center-atom .hoarding-rule-header.enabled .status-zone .icon-circle2 {
  color: #4caf50;
}

.hoarding-control-center-atom .hoarding-rule-header.disabled .status-zone .icon-circle2 {
  color: #d32f2f;
}

.hoarding-control-center-atom .riskbooks-status-table .riskbooks-status-header {
  font-weight: bold;
}

.hoarding-control-center-atom .riskbooks-status-table .riskbook-row:nth-child(odd) {
  background-color: #f5f5f5;
}

.hoarding-control-center-atom .riskbooks-status-table .status.enabled {
  color: #4caf50;
}

.hoarding-control-center-atom .riskbooks-status-table .status.disabled {
  color: #d32f2f;
}

.prefScreen .warning-label {
  color: #ef6c00;
}

.skew-form-fail {
  border: 1px solid;
  border-color: #ef6c00;
}

.price-ladder-widget .settings {
  background-color: #c8e6c9;
  border-top: 1px solid #4caf50;
  border-bottom: 1px solid #4caf50;
}

.price-ladder-widget .settings .expiration-title-panel .error-icon {
  color: red;
}

.price-ladder-widget .entry .step-quantity {
  border: 1px solid #009c4b;
  background-color: #009c4b;
  color: #ffffff;
}

.price-ladder-widget .entry .step-inhouse-quantity {
  background-color: black;
  color: white;
}

.price-ladder-widget .entry.mid-price .lock-button {
  border: 1px solid #a5d6a7;
  background-color: #66bb6a;
  color: #f5f5f5;
}

.price-ladder-widget .entry.mid-price .lock-button:before {
  color: #ffffff;
}

.price-ladder-widget .entry.mid-price .lock-button:hover:before {
  color: #ffffff;
}

.price-ladder-widget .entry.mid-price:before {
  border-top: 2px solid #66bb6a;
}

.price-ladder-widget .entry.mid-price.locked:before {
  border-top: 2px solid #ef6c00;
}

.price-ladder-widget .entry.mid-price.locked .lock-button {
  border: 1px solid #ef6c00;
  background-color: #ef6c00;
  color: #f5f5f5;
}

.price-ladder-widget .entry.mid-price.locked .lock-button:before {
  color: #000000;
}

.price-ladder-widget .entry.mid-price.locked .lock-button:hover:before {
  color: #000000;
}

.rolling-position-dialog .value-dates .value-date-panel {
  background-color: #eeeeee;
  border: 1px solid #bdbdbd;
}

.rolling-position-dialog .value-dates .value-date-panel.has-error {
  border-bottom-color: #d32f2f;
}

.rolling-position-dialog .value-dates .value-date-panel.has-error:after {
  color: #d32f2f;
}

.rolling-position-dialog .value-dates .line {
  background-color: #ffcc80;
  color: #000000;
}

.rolling-position-dialog .value-dates .edge {
  border-left: 20px solid #ffcc80;
}

.rolling-position-dialog .price-panel.has-notif .swap-price {
  border-bottom-color: #d32f2f;
}

.rolling-position-dialog .price-panel.has-notif:after {
  color: #d32f2f;
}

.rolling-position-dialog .price-panel .swap-price {
  background: #eeeeee;
  color: #000000;
  border: 1px solid #bdbdbd;
}

.rolling-position-dialog .price-panel .swap-price .near:before, .rolling-position-dialog .price-panel .swap-price .spot:before, .rolling-position-dialog .price-panel .swap-price .far:before {
  color: #757575;
}

.sms-ui-manualmarket .main-layout .manualmarket-header-widget {
  top: 40px !important;
  height: calc(100% - 40px) !important;
}

.sms-ui-manualmarket .main-layout .manualmarket-header-widget .manualmarket-header {
  background-color: #ffffff;
}

.sms-ui-manualmarket .main-layout .manualmarket-header-widget .manualmarket-header.manualmarket-auto {
  background: #E65100;
}

.sms-ui-manualmarket .main-layout .manualmarket-header-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox label {
  background-color: #eeeeee;
  border-color: #009c4b;
}

.sms-ui-manualmarket .main-layout .manualmarket-header-widget .manualmarket-header .manualmarket-mode-container .switch-checkbox label:before {
  background: #009c4b;
  border-color: #009c4b;
}

.sms-ui-manualmarket .main-layout .manualmarket-header-widget .manualmarket-button button {
  color: #cfd8dc;
  border: 1px solid black;
}

.sms-ui-manualmarket .main-layout .manualmarket-header-widget .manualmarket-button button.manualmarket-button-start {
  background-color: #1A600E;
}

.sms-ui-manualmarket .main-layout .manualmarket-header-widget .manualmarket-button button.manualmarket-button-stop {
  background-color: #860000;
}

.sms-ui-manualmarket .main-layout .box-board {
  top: 160px !important;
  height: calc(100% - (40px + 120px)) !important;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body {
  background-color: #eeeeee;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-mid .lines-highcharts .highcharts-data-label text {
  fill: #000000 !important;
  font-weight: normal !important;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-mid .lines-highcharts .highcharts-data-label text tspan {
  stroke-width: 0;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-mid .lines-highcharts .highcharts-line-series {
  opacity: 1 !important;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-mid .lines-highcharts .highcharts-legend-item text {
  fill: #000000 !important;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-mid .lines-highcharts .highcharts-legend-item.highcharts-legend-item-hidden text {
  fill: #666 !important;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-mid .lines-highcharts .highcharts-series-0 .highcharts-graph {
  stroke: #1E88E5;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-mid .lines-highcharts .highcharts-series-0 .highcharts-point {
  fill: #000000;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-mid .lines-highcharts .highcharts-series-1 .highcharts-graph {
  stroke: #DDD900;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-mid .lines-highcharts .highcharts-series-1 .highcharts-point {
  fill: #000000;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-mid .lines-highcharts.disabled .highcharts-series-0 .highcharts-graph {
  stroke: #546e7a;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-group-header {
  background-color: #bdbdbd;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-group-header .manualmarket-button button {
  border: 1px solid black;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-group-header .manualmarket-button button.manualmarket-button-start {
  background-color: #1A600E;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-group-header .manualmarket-button button.manualmarket-button-stop {
  background-color: #860000;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-band {
  background-color: #e0e0e0;
  border: 1px solid #e0e0e0;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-band .regen-read-panel {
  color: #000000;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-band.edit-mode {
  border-color: #E65100;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-band.stopped {
  background-color: #860000;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-band.stopped .manualmarket-quantity-label, .sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-band.stopped .manualmarket-price {
  color: #ffffff;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-band.stopped .regen-read-panel {
  color: #000000;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-band.stopped .regen-panel .icon-pie-chart, .sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-band.stopped .regen-panel .icon-clock {
  color: #cfd8dc;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-band .splitter {
  border-left: 1px solid #546e7a;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-band .button-start, .sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-band .button-save {
  background-color: #1A600E;
}

.sms-ui-manualmarket .main-layout .box-board .manualmarket-body .manualmarket-band .button-stop {
  background-color: #860000;
}

.single-account-retail-editor-atom .editor-panel .form-panel {
  background: #e7e7e7;
  border: 1px solid #aaa;
}

.single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row {
  color: #333;
}

.single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row.on-behalf {
  border-bottom: 1px solid #aaa;
}

.single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget {
  color: #aaa;
}

.single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget .gwt-Label.selected {
  color: #333;
}

.single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget .switch-checkbox label {
  border: 2px solid #aaa;
}

.single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget .switch-checkbox label:before {
  background: #FFFFFF;
  border: 2px solid #aaa;
}

.single-account-retail-editor-atom .editor-panel .form-panel .form-row {
  color: #333;
}

.single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg {
  background-color: #eee;
  border: 1px solid #aaa;
}

.single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .switch-field-widget {
  border: 1px solid #9e9e9e;
  background-color: white;
}

.single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .switch-field-widget.disabled {
  background-color: #eee;
}

.single-account-retail-editor-atom .editor-panel .form-panel .form-row.leg .uneven-swap-label {
  color: #fb8c00;
}

.single-account-retail-editor-atom .editor-panel .form-panel .price-retail-widget {
  color: #eee;
  background: #006932;
}

.single-account-retail-editor-atom .editor-panel .form-panel .progress-bar {
  background-color: #5cb85c;
}

.single-account-retail-editor-atom .editor-panel .button-panel .message-panel .gwt-Label.cancel {
  color: #ef6c00;
}

.single-account-retail-editor-atom .editor-panel .button-panel .message-panel .gwt-Label.reject {
  color: #d32f2f;
}

.single-account-retail-editor-atom .editor-panel .button-panel .buttons button {
  color: #eee;
}

.single-account-retail-editor-atom .editor-panel .button-panel .buttons .request, .single-account-retail-editor-atom .editor-panel .button-panel .buttons .accept {
  background-color: #2e8c04;
}

.single-account-retail-editor-atom .info-panel {
  color: #333;
}

.single-account-retail-editor-atom .info-panel .details-panel {
  background: #e7e7e7;
  border: 1px solid #aaa;
}

.single-account-retail-editor-atom .info-panel .details-panel .details-title .buy {
  color: #2e8c04;
}

.single-account-retail-editor-atom .info-panel .details-panel .details-title .sell {
  color: #c76219;
}

.single-account-retail-editor-atom .info-panel .details-panel .details-content *[caption] {
  border-bottom: 1px solid #aaa;
}

.single-account-retail-editor-atom .info-panel .summary-panel {
  background: #e7e7e7;
  border: 1px solid #aaa;
}

.single-account-retail-editor-atom .info-panel .summary-panel .trade-summary-content .r {
  border-bottom: 1px solid #aaa;
}

.single-account-retail-editor-atom .curve-widget {
  color: #333;
  background: #e7e7e7;
  border: 1px solid #aaa;
}

.single-account-retail-editor-atom .curve-widget .tenor-row, .single-account-retail-editor-atom .curve-widget header-row {
  border-color: #aaa;
}

.single-account-retail-editor-atom .curve-widget .tenor-row:hover {
  background-color: #deebe1;
}

.box-widget.depth-vwap-widget .bid-panel .bid.aggregate .price {
  border: none;
  color: #FFFFFF;
  background: transparent;
}

.embedded-order-editor .confirm-panel {
  background-color: #e0e0e0;
}

.order-editor-dialog .confirm-panel, .strategy-editor .confirm-panel, .popup-editor .confirm-panel {
  background-color: #ffffff;
}

.order-editor-dialog .confirm-panel .gwt-Label, .embedded-order-editor .confirm-panel .gwt-Label, .strategy-editor .confirm-panel .gwt-Label, .popup-editor .confirm-panel .gwt-Label {
  color: #000000;
}

.order-editor-dialog .confirm-panel .confirm-icon, .embedded-order-editor .confirm-panel .confirm-icon, .strategy-editor .confirm-panel .confirm-icon, .popup-editor .confirm-panel .confirm-icon {
  border-color: #009c4b;
  background-color: #009c4b;
}

.order-editor-dialog .confirm-panel .confirm-icon:hover, .order-editor-dialog .confirm-panel .confirm-icon:focus, .embedded-order-editor .confirm-panel .confirm-icon:hover, .embedded-order-editor .confirm-panel .confirm-icon:focus, .strategy-editor .confirm-panel .confirm-icon:hover, .strategy-editor .confirm-panel .confirm-icon:focus, .popup-editor .confirm-panel .confirm-icon:hover, .popup-editor .confirm-panel .confirm-icon:focus {
  background-color: #00833f;
}

.order-editor-dialog .confirm-panel .back-icon, .embedded-order-editor .confirm-panel .back-icon, .strategy-editor .confirm-panel .back-icon, .popup-editor .confirm-panel .back-icon {
  background-color: #212121;
}

.order-editor-dialog .confirm-panel .back-icon:hover, .order-editor-dialog .confirm-panel .back-icon:focus, .embedded-order-editor .confirm-panel .back-icon:hover, .embedded-order-editor .confirm-panel .back-icon:focus, .strategy-editor .confirm-panel .back-icon:hover, .strategy-editor .confirm-panel .back-icon:focus, .popup-editor .confirm-panel .back-icon:hover, .popup-editor .confirm-panel .back-icon:focus {
  background-color: #424242;
}

.order-editor-dialog .confirm-panel .confirm-icon, .order-editor-dialog .confirm-panel .back-icon, .embedded-order-editor .confirm-panel .confirm-icon, .embedded-order-editor .confirm-panel .back-icon, .strategy-editor .confirm-panel .confirm-icon, .strategy-editor .confirm-panel .back-icon, .popup-editor .confirm-panel .confirm-icon, .popup-editor .confirm-panel .back-icon {
  color: #ffffff;
}

.box-widget.depth-vwap-widget .offer-panel .offer.aggregate .price {
  border: none;
  color: #FFFFFF;
  background: transparent;
}

.order-editor-atom .option-row .tif {
  width: 150px;
}

.order-editor-atom .label-display:after {
  background-color: #eeeeee;
  color: #333;
  border-color: rgba(118, 118, 118, 0.3);
}

.notification-broadcaster-atom .displayed-message-area-panel {
  background-color: #004E77;
}

.notification-broadcaster-atom .displayed-message-area-panel .button-panel .correct-message-button {
  color: #ffffff;
}

.notification-broadcaster-atom .displayed-message-area-panel .button-panel .delete-message-button {
  color: #ffffff;
}

.notification-broadcaster-atom .displayed-message-area-panel .displayed-message {
  color: #ffffff;
}

.notification-broadcaster-atom .displayed-message-editor-panel {
  border: 1px solid #aaa;
}

.notification-broadcaster-atom .displayed-message-editor-panel .message-editor {
  background-color: #e0e0e0;
  color: #000000;
}

.notification-broadcaster-atom .confirm-message-panel {
  color: #ffffff;
  background-color: #e0e0e0;
}

.notification-broadcaster-atom .confirm-message-panel .cancel-button {
  background-color: #757575;
  border-color: #0D2901;
}

.notification-broadcaster-atom .confirm-message-panel .cancel-button:focus, .notification-broadcaster-atom .confirm-message-panel .cancel-button:hover {
  background-color: #616161;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-button {
  background-color: #2E8C04;
  border-color: #0D2901;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-button:focus, .notification-broadcaster-atom .confirm-message-panel .confirm-button:hover {
  background-color: #1E5A03;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-update-message-label-panel .gwt-Label {
  color: #000000;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-update-message-label-panel .confirm-update-new-message {
  background-color: #004E77;
}

.notification-broadcaster-atom .confirm-message-panel .confirm-delete-message-label {
  color: #000000;
}

.client-notification-widget {
  background: #F3C000;
}

.client-notification-widget .content {
  color: #000000;
}

.client-notification-widget .close-button {
  color: #000000;
}

.trade-summary-print-atom {
  background-color: white;
}

@keyframes blinkAnimation {
  25%,
75% {
    background-color: #deebe1;
  }
}

.move-risk-modal .modal-dialog .side-field {
  border: 1px solid #9e9e9e;
  background-color: #fff;
}

.move-risk-modal .modal-dialog .field-disabled {
  color: #000;
  background-color: #EEEEEE;
}

.move-risk-modal .modal-dialog .field-disabled .icon {
  color: #333;
}

.move-risk-modal .modal-dialog .move-risk-separator {
  border-color: #9E9E9E;
}

.move-risk-modal .modal-dialog .spinner-btn-box {
  border-radius: 0 3px 3px 0;
}

.move-risk-modal .modal-dialog .blink .spinner-container,
.move-risk-modal .modal-dialog .blink .numeric-spinner,
.move-risk-modal .modal-dialog .blink input {
  animation: blinkAnimation 1s linear;
}

.move-risk-modal .modal-dialog .icon-warning2 {
  color: #ff7400;
}

.algo-editor {
  background: #E0E0E0;
}

.algo-editor.finder-mode .algo-finder .titled-panel .titled-panel-title {
  font-weight: bold;
  color: #000000;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag {
  border-bottom: 1px solid #505050;
  background-color: transparent;
  color: #000000;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag::before {
  color: #424242;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag:focus, .algo-editor.finder-mode .algo-finder .titled-panel .tag:hover, .algo-editor.finder-mode .algo-finder .titled-panel .tag:active {
  border-bottom: 1px solid #505050;
  color: white;
  background-color: black;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag:focus::before, .algo-editor.finder-mode .algo-finder .titled-panel .tag:hover::before, .algo-editor.finder-mode .algo-finder .titled-panel .tag:active::before {
  color: white;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag:disabled {
  border-bottom: 1px solid #505050;
  color: #9e9e9e;
  background-color: transparent;
  opacity: 0.6;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag:disabled::before {
  color: #9e9e9e;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag:disabled:hover {
  border-bottom: 1px solid #505050;
  color: #9e9e9e;
  background-color: transparent;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag:disabled:hover::before {
  color: #9e9e9e;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag.selected {
  border-bottom: 1px solid #505050;
  color: white;
  background-color: #3d1b01;
}

.algo-editor.finder-mode .algo-finder .titled-panel .tag.selected::before {
  color: white;
}

.algo-editor.finder-mode .algo-finder .algo-finder-footer {
  border-top: 1px solid #505050;
}

.algo-editor.finder-mode .algo-finder .algo-finder-footer .algo-name {
  font-weight: bold;
  color: #000000;
}

.algo-editor.finder-mode .algo-finder .algo-finder-footer .algo-description {
  color: #424242;
}

.algo-editor.finder-mode .algo-finder .algo-finder-footer .validate {
  color: white;
  background-color: #009c4b;
  border: 1px solid #00833f;
}

.algo-editor.finder-mode .algo-finder .algo-finder-footer .validate:disabled {
  opacity: 0.5;
}

.algo-editor.finder-mode .algo-finder .algo-finder-footer .validate:focus, .algo-editor.finder-mode .algo-finder .algo-finder-footer .validate:hover, .algo-editor.finder-mode .algo-finder .algo-finder-footer .validate:active {
  color: white;
  background-color: #00833f;
  border: 1px solid #006932;
}

.algo-editor.editor-mode .header {
  background-color: #eeeeee;
  border: 1px solid #505050;
}

.algo-editor.editor-mode .header .title {
  font-weight: bold;
  color: #000000;
}

.algo-editor.editor-mode .header .header-container .algo-editor-header .gwt-Label::after {
  color: #F44336;
}

.algo-editor.editor-mode .header .header-container .prices .piped-price-on-bid::before, .algo-editor.editor-mode .header .header-container .prices .piped-price-on-offer::before {
  color: #333333;
}

.algo-editor.editor-mode .header .header-container .prices .piped-price-on-bid {
  border-right: 1px dashed #505050;
}

.algo-editor.editor-mode .header .header-container .prices .piped-price {
  color: #000000;
}

.algo-editor.editor-mode .footer .summary {
  opacity: 0.95;
  color: black;
}

.algo-editor.editor-mode .footer .summary.success {
  background-color: #A5D6A7;
}

.algo-editor.editor-mode .footer .summary.success::after {
  border-top-color: #A5D6A7;
}

.algo-editor.editor-mode .footer .summary.error {
  background-color: #EF9A9A;
}

.algo-editor.editor-mode .footer .summary.error::after {
  border-top-color: #EF9A9A;
}

.algo-editor.editor-mode .footer .reset, .algo-editor.editor-mode .footer .back {
  color: white;
  background-color: #373737;
  border: 1px solid #505050;
}

.algo-editor.editor-mode .footer .reset:focus, .algo-editor.editor-mode .footer .reset:hover, .algo-editor.editor-mode .footer .reset:active, .algo-editor.editor-mode .footer .back:focus, .algo-editor.editor-mode .footer .back:hover, .algo-editor.editor-mode .footer .back:active {
  color: white;
  background-color: #1f1f1f;
  border: 1px solid #505050;
}

.algo-editor.editor-mode .footer .send {
  color: white;
  background-color: #009c4b;
  border: 1px solid #00833f;
}

.algo-editor.editor-mode .footer .send:focus, .algo-editor.editor-mode .footer .send:hover, .algo-editor.editor-mode .footer .send:active {
  color: white;
  background-color: #00833f;
  border: 1px solid #006932;
}

.algo-editor .body .section[name]:before {
  color: #000000;
  border-bottom: 1px solid #505050;
}

.algo-editor .form-field .caption {
  color: #333333;
}

.algo-editor .form-field[description] .caption:before {
  color: #333333;
}

.algo-editor .form-field[description]:hover:after {
  background: #000000;
  color: #ffffff;
}

.algo-editor .form-field[error] .caption:before {
  color: #F44336;
}

.algo-editor .form-field[error]:hover::after {
  color: #ffffff;
  background-color: #8D2929;
}

.algo-editor .form-field[error] .inner-widget {
  border: 1px solid #505050;
  border-bottom-color: #F44336;
}

.algo-editor .form-field.required .caption::after {
  color: #F44336;
}

.algo-editor .toggle-button {
  border: 1px solid #505050;
  background-color: #ffffff;
  color: #333333;
}

.algo-editor .toggle-button:focus, .algo-editor .toggle-button:hover, .algo-editor .toggle-button:active {
  border: 1px solid #505050;
  background-color: #ffffff;
  color: #000000;
}

.algo-editor .toggle-button:focus::after, .algo-editor .toggle-button:hover::after, .algo-editor .toggle-button:active::after {
  color: #000000;
}

.algo-editor .toggle-button:focus::after {
  color: #1E88E5 !important;
}

.algo-editor .toggle-button::after {
  color: #333333;
}

.algo-editor .toggle-button.true {
  background-color: #ccffb5;
}

.algo-editor .toggle-button.true:focus, .algo-editor .toggle-button.true:hover, .algo-editor .toggle-button.true:active {
  background-color: #ccffb5 !important;
}

.algo-editor .toggle-button.false {
  background-color: #f8b4b4;
}

.algo-editor .toggle-button.false:focus, .algo-editor .toggle-button.false:hover, .algo-editor .toggle-button.false:active {
  background-color: #f8b4b4 !important;
}

.algo-editor .toggle-button.buy {
  background-color: #D2F8C1;
  border-color: #505050;
}

.algo-editor .toggle-button.buy:focus, .algo-editor .toggle-button.buy:hover, .algo-editor .toggle-button.buy:active {
  background-color: #D2F8C1 !important;
  border-color: #505050;
  color: #000000;
}

.algo-editor .toggle-button.buy:focus::after, .algo-editor .toggle-button.buy:hover::after, .algo-editor .toggle-button.buy:active::after {
  color: #000000;
}

.algo-editor .toggle-button.sell {
  background-color: #FFDEBF;
  border-color: #505050;
}

.algo-editor .toggle-button.sell:focus, .algo-editor .toggle-button.sell:hover, .algo-editor .toggle-button.sell:active {
  background-color: #FFDEBF;
  border-color: #505050;
  color: #000000;
}

.algo-editor .toggle-button.sell:focus::after, .algo-editor .toggle-button.sell:hover::after, .algo-editor .toggle-button.sell:active::after {
  color: #000000;
}

.algo-editor .toggle-button.sell:focus::after {
  color: #1E88E5;
}

.algo-editor .toggle-button:disabled.buy, .algo-editor .toggle-button:disabled.sell, .algo-editor .toggle-button:disabled.true, .algo-editor .toggle-button:disabled.false {
  background-color: #eeeeee !important;
  border-color: #505050 !important;
  color: #000000 !important;
}

.algo-editor .toggle-button:disabled.buy:focus, .algo-editor .toggle-button:disabled.buy:hover, .algo-editor .toggle-button:disabled.buy:active, .algo-editor .toggle-button:disabled.sell:focus, .algo-editor .toggle-button:disabled.sell:hover, .algo-editor .toggle-button:disabled.sell:active, .algo-editor .toggle-button:disabled.true:focus, .algo-editor .toggle-button:disabled.true:hover, .algo-editor .toggle-button:disabled.true:active, .algo-editor .toggle-button:disabled.false:focus, .algo-editor .toggle-button:disabled.false:hover, .algo-editor .toggle-button:disabled.false:active {
  background-color: #eeeeee !important;
  border-color: #505050 !important;
  color: #000000 !important;
}

.algo-editor .toggle-button:disabled.buy:focus::after, .algo-editor .toggle-button:disabled.buy:hover::after, .algo-editor .toggle-button:disabled.buy:active::after, .algo-editor .toggle-button:disabled.sell:focus::after, .algo-editor .toggle-button:disabled.sell:hover::after, .algo-editor .toggle-button:disabled.sell:active::after, .algo-editor .toggle-button:disabled.true:focus::after, .algo-editor .toggle-button:disabled.true:hover::after, .algo-editor .toggle-button:disabled.true:active::after, .algo-editor .toggle-button:disabled.false:focus::after, .algo-editor .toggle-button:disabled.false:hover::after, .algo-editor .toggle-button:disabled.false:active::after {
  color: #000000;
}

.algo-editor .toggle-button:disabled.buy::after, .algo-editor .toggle-button:disabled.sell::after, .algo-editor .toggle-button:disabled.true::after, .algo-editor .toggle-button:disabled.false::after {
  color: #000000;
}

.algo-editor .select2-container .select2-choice {
  background-color: #ffffff;
  border-color: #505050;
  background-image: none;
}

.algo-editor .select2-container .select2-arrow {
  background: transparent;
  border: none;
}

.algo-editor .select2-container.select2-container-active .select2-choice {
  border-bottom-color: #1E88E5;
  background-color: #ffffff !important;
}

.algo-editor .select2-container-disabled .select2-choice {
  background-color: #eeeeee;
  border-color: #505050;
  color: #000000;
}

.algo-editor .select2-container-disabled .select2-arrow {
  background: #eeeeee !important;
  border: none;
}

.algo-editor .gwt-DateBox, .algo-editor .gwt-TextBox {
  background-color: #ffffff;
  border-color: #505050;
}

.algo-editor .gwt-DateBox:disabled, .algo-editor .gwt-TextBox:disabled {
  background-color: #eeeeee !important;
  border-color: #505050 !important;
  color: #000000 !important;
}

.algo-editor .gwt-DateBox:focus, .algo-editor .gwt-TextBox:focus {
  background-color: #ffffff;
  border-bottom-color: #1E88E5;
}

.algo-editor .spinner-btn-box {
  background-color: transparent;
}

.algo-editor .spinner-btn-box .spinner-btn {
  background-color: transparent;
  border: none;
}

.algo-editor .numeric-spinner, .algo-editor .form-field-validator.invalid {
  background-color: #ffffff;
  border-color: #505050 !important;
}

.algo-editor .numeric-spinner .disabled .spinner-btn, .algo-editor .form-field-validator.invalid .disabled .spinner-btn {
  background-color: #eeeeee !important;
  border-color: #505050 !important;
  color: #000000 !important;
}

.algo-editor .numeric-spinner .spinner-container input, .algo-editor .form-field-validator.invalid .spinner-container input {
  background-color: #ffffff;
  border: 1px solid transparent !important;
}

.algo-editor .numeric-spinner .spinner-container input:focus, .algo-editor .form-field-validator.invalid .spinner-container input:focus {
  background-color: #ffffff;
  border-bottom-color: #1E88E5;
}

.algo-editor .numeric-spinner .spinner-container .price-spinner-label .pip-prenum-left, .algo-editor .numeric-spinner .spinner-container .price-spinner-label .pip-exponent, .algo-editor .form-field-validator.invalid .spinner-container .price-spinner-label .pip-prenum-left, .algo-editor .form-field-validator.invalid .spinner-container .price-spinner-label .pip-exponent {
  color: #000000;
}

.sms-ui-aggregation .actions-icon.has-canceled .icon-search2 {
  color: #ef6c00 !important;
}

.suspended-order-notification {
  background-color: #eeeeee;
  color: #212121;
}

.suspended-order-notification .notification-content .slider.left:not([disabled])::after {
  color: #ef6c00;
}

.suspended-order-notification .notification-content .slider.right:not([disabled])::before {
  color: #ef6c00;
}

.suspended-order-notification .notification-content .item .warning-header {
  color: #ef6c00;
}

.suspended-order-notification .notification-content .item .table-container {
  background-color: #e0e0e0;
}

.suspended-order-notification .notification-content .item .table-container table th {
  border-bottom: 1px solid #757575;
  color: #424242;
}

.suspended-order-notification .notification-content .item .table-container table td {
  border-bottom: 1px solid #757575;
}

.suspended-order-notification .notification-content .item .table-container table .buy {
  color: #2e8c04;
}

.suspended-order-notification .notification-content .item .table-container table .sell {
  color: #c76219;
}

.delayed-commission-check {
  color: #BBB;
}

.multi-mode-box-atom[data-panel-type="RFS"] .header .flip.trd {
  background-color: #444;
}

.multi-mode-box-atom[data-panel-type="RFS"] .header .flip.trd.on {
  background-color: #413D6A;
}

.multi-mode-box-atom[data-panel-type="RFS"] .center-panel-content.rfs.trd.on .price-widget .price {
  background-color: #413D6A;
}

.multi-mode-box-atom[data-panel-type="RFS"] .center-panel-content.rfs.trd.on .price-widget .price.disable {
  background-color: #4D4B5C;
}

.multi-mode-box-atom[data-panel-type="RFS"] .center-panel-content.rfs.trd.on .price-widget .tooltip .tooltip-inner {
  background-color: #413D6A;
}

.multi-mode-box-atom[data-panel-type="RFS"] .trade-container {
  border-top: 1px solid #3a3a3a;
}

.multi-mode-box-atom[data-panel-type="ESP"] .center-panel-content .leg1 .date-panel .tooltip-footer .icon {
  color: #FFF;
  background: #000;
}

.multi-mode-box-atom[data-panel-type="ESP"] .center-panel-content .leg1 .date-panel .tooltip-footer .icon:hover {
  color: #C4C4C4;
}

.ssp-window {
  background: #e0e0e0;
}

.ssp-window .ssp-creation-form, .ssp-window .ssp-streaming {
  color: black;
}

.ssp-window .ssp-creation-form .value,
.ssp-window .ssp-creation-form .leg > *,
.ssp-window .ssp-creation-form .allocation > *,
.ssp-window .ssp-creation-form .numeric-spinner, .ssp-window .ssp-streaming .value,
.ssp-window .ssp-streaming .leg > *,
.ssp-window .ssp-streaming .allocation > *,
.ssp-window .ssp-streaming .numeric-spinner {
  border-color: #505050;
}

.ssp-window .ssp-creation-form .caption, .ssp-window .ssp-creation-form .captions, .ssp-window .ssp-streaming .caption, .ssp-window .ssp-streaming .captions {
  color: #424242;
}

.ssp-window .ssp-creation-form .actions .primary, .ssp-window .ssp-streaming .actions .primary {
  border: none;
  background: #009c4b;
  color: white;
}

.ssp-window .ssp-creation-form .actions .primary:focus, .ssp-window .ssp-creation-form .actions .primary:hover, .ssp-window .ssp-streaming .actions .primary:focus, .ssp-window .ssp-streaming .actions .primary:hover {
  background-color: #00c55f;
}

.ssp-window .ssp-creation-form .actions .primary:active, .ssp-window .ssp-streaming .actions .primary:active {
  background-color: #00ee72;
}

.ssp-window .ssp-creation-form .actions .primary:disabled, .ssp-window .ssp-streaming .actions .primary:disabled {
  background-color: #006932;
  color: #e6e6e6;
}

.ssp-window .ssp-creation-form .actions .secondary, .ssp-window .ssp-streaming .actions .secondary {
  border: 1px solid #505050;
  background: #373737;
  color: white;
}

.ssp-window .ssp-creation-form .actions .secondary:focus, .ssp-window .ssp-creation-form .actions .secondary:hover, .ssp-window .ssp-streaming .actions .secondary:focus, .ssp-window .ssp-streaming .actions .secondary:hover {
  background: #4b4b4b;
}

.ssp-window .ssp-creation-form .actions .secondary:active, .ssp-window .ssp-streaming .actions .secondary:active {
  background: #606060;
}

.ssp-window .ssp-creation-form .numeric-spinner .spinner-btn-box, .ssp-window .ssp-streaming .numeric-spinner .spinner-btn-box {
  height: calc(100% - 2px);
  margin-top: 1px;
  margin-right: 1px;
}

.ssp-window .ssp-creation-form .numeric-spinner,
.ssp-window .ssp-creation-form .numeric-spinner .spinner-btn-box,
.ssp-window .ssp-creation-form .numeric-spinner .spinner-btn-box .spinner-btn,
.ssp-window .ssp-creation-form .settlement .field, .ssp-window .ssp-streaming .numeric-spinner,
.ssp-window .ssp-streaming .numeric-spinner .spinner-btn-box,
.ssp-window .ssp-streaming .numeric-spinner .spinner-btn-box .spinner-btn,
.ssp-window .ssp-streaming .settlement .field {
  background: none;
  border: none;
}

.ssp-window .ssp-creation-form input,
.ssp-window .ssp-creation-form .form-field button,
.ssp-window .ssp-creation-form .numeric-spinner input,
.ssp-window .ssp-creation-form .price-spinner-label,
.ssp-window .ssp-creation-form .select2-container a,
.ssp-window .ssp-creation-form .settlement .field input, .ssp-window .ssp-streaming input,
.ssp-window .ssp-streaming .form-field button,
.ssp-window .ssp-streaming .numeric-spinner input,
.ssp-window .ssp-streaming .price-spinner-label,
.ssp-window .ssp-streaming .select2-container a,
.ssp-window .ssp-streaming .settlement .field input {
  border: 1px solid #505050;
  background: white;
  color: black;
}

.ssp-window .ssp-creation-form input:focus, .ssp-window .ssp-creation-form input:hover,
.ssp-window .ssp-creation-form .form-field button:focus,
.ssp-window .ssp-creation-form .form-field button:hover,
.ssp-window .ssp-creation-form .numeric-spinner input:focus,
.ssp-window .ssp-creation-form .numeric-spinner input:hover,
.ssp-window .ssp-creation-form .price-spinner-label:focus,
.ssp-window .ssp-creation-form .price-spinner-label:hover,
.ssp-window .ssp-creation-form .select2-container a:focus,
.ssp-window .ssp-creation-form .select2-container a:hover,
.ssp-window .ssp-creation-form .settlement .field input:focus,
.ssp-window .ssp-creation-form .settlement .field input:hover, .ssp-window .ssp-streaming input:focus, .ssp-window .ssp-streaming input:hover,
.ssp-window .ssp-streaming .form-field button:focus,
.ssp-window .ssp-streaming .form-field button:hover,
.ssp-window .ssp-streaming .numeric-spinner input:focus,
.ssp-window .ssp-streaming .numeric-spinner input:hover,
.ssp-window .ssp-streaming .price-spinner-label:focus,
.ssp-window .ssp-streaming .price-spinner-label:hover,
.ssp-window .ssp-streaming .select2-container a:focus,
.ssp-window .ssp-streaming .select2-container a:hover,
.ssp-window .ssp-streaming .settlement .field input:focus,
.ssp-window .ssp-streaming .settlement .field input:hover {
  background: #ffd69a;
}

.ssp-window .ssp-creation-form input:active,
.ssp-window .ssp-creation-form .form-field button:active,
.ssp-window .ssp-creation-form .numeric-spinner input:active,
.ssp-window .ssp-creation-form .price-spinner-label:active,
.ssp-window .ssp-creation-form .select2-container a:active,
.ssp-window .ssp-creation-form .settlement .field input:active, .ssp-window .ssp-streaming input:active,
.ssp-window .ssp-streaming .form-field button:active,
.ssp-window .ssp-streaming .numeric-spinner input:active,
.ssp-window .ssp-streaming .price-spinner-label:active,
.ssp-window .ssp-streaming .select2-container a:active,
.ssp-window .ssp-streaming .settlement .field input:active {
  background: #ffcc80;
}

.ssp-window .ssp-streaming .leg, .ssp-window .ssp-streaming .allocations {
  border: none;
}

.ssp-window .ssp-streaming .time-progress-bar-addon button, .ssp-window .ssp-streaming .time-progress-bar-addon div {
  color: black;
}

.ssp-window .ssp-streaming .block-fields .status .value {
  padding: 0 2em;
  border-radius: 5px;
  background: #505050;
  color: white;
}

.ssp-window .ssp-streaming .block-fields .status .value.filled {
  background: #840000;
  color: white;
}

.ssp-window .ssp-streaming .time-progress-bar-addon {
  background-color: #505050;
}

.ssp-window .ssp-creation-form .allocations {
  border-top: none;
}

.ssp-window .ssp-creation-form .summary {
  border-color: #bdbdbd;
}

.ssp-window .ssp-creation-form .switch-widget {
  color: #424242;
  background: white;
  border-color: #505050;
}

.ssp-window .ssp-creation-form .switch-widget .selected {
  color: black;
}

.ssp-window .ssp-creation-form .switch-widget .switch-checkbox label {
  border-color: #505050;
  background-color: white;
}

.ssp-window .ssp-creation-form .switch-widget .switch-checkbox label:before {
  background: black;
  border-color: #505050;
}

.ssp-window .ssp-creation-form .add-leg {
  color: white;
  background: #009c4b;
}

.ssp-window .ssp-creation-form .add-leg:hover {
  background-color: #007337;
}

.ssp-window .ssp-creation-form .add-leg:active {
  background-color: #004a24;
}

.ssp-window .ssp-creation-form .settlement .field.open input {
  background: #ebebeb;
}

.ssp-window .ssp-creation-form .switch.buy {
  background-color: #2e8c04;
  color: white;
}

.ssp-window .ssp-creation-form .switch.buy:focus, .ssp-window .ssp-creation-form .switch.buy:hover {
  background-color: #216403;
}

.ssp-window .ssp-creation-form .switch.buy:active {
  background-color: #143d02;
}

.ssp-window .ssp-creation-form .switch.sell {
  background-color: #c76219;
  color: white;
}

.ssp-window .ssp-creation-form .switch.sell:focus, .ssp-window .ssp-creation-form .switch.sell:hover {
  background-color: #a35014;
}

.ssp-window .ssp-creation-form .switch.sell:active {
  background-color: #7f3e10;
}

.ssp-window .ssp-creation-form .select2-container a.select2-default.select2-choice .select2-chosen,
.ssp-window .ssp-creation-form input::placeholder {
  color: #757575;
}

.ssp-window .ssp-creation-form .settlement .field::after,
.ssp-window .ssp-creation-form .delete::after,
.ssp-window .ssp-creation-form .duplicate::after {
  color: #616161;
}

.ssp-window .ssp-creation-form .delete::after {
  font-family: 'webappsdk';
  content: '\ebfa';
}

.ssp-window .ssp-creation-form .duplicate::after {
  font-family: 'webappsdk';
  content: '\e9c7';
}

.ssp-window .ssp-creation-form .select2-container.has-error a,
.ssp-window .ssp-creation-form .quantity-spinner.has-error input,
.ssp-window .ssp-creation-form .quantity-spinner.invalid input,
.ssp-window .ssp-creation-form .settlement .dropdown.has-error input,
.ssp-window .ssp-creation-form .settlement .dropdown.invalid input {
  border-bottom: 2px solid red;
}

.ssp-window .ssp-creation-form .quantity-spinner.has-error input,
.ssp-window .ssp-creation-form .quantity-spinner.invalid input,
.ssp-window .ssp-creation-form .settlement .field.has-error input,
.ssp-window .ssp-creation-form .settlement .field.invalid input {
  padding-top: 1px;
}

.ssp-window .ssp-creation-form .quantity-spinner.has-error input:after,
.ssp-window .ssp-creation-form .quantity-spinner.invalid input:after,
.ssp-window .ssp-creation-form .settlement .field.has-error input:after,
.ssp-window .ssp-creation-form .settlement .field.invalid input:after {
  top: calc(50% - 1px);
}

.ssp-window .ssp-creation-form .switch.has-error {
  background: #ff3333;
  border-color: red;
}

.ssp-window .ssp-creation-form .switch.has-error:focus {
  background: #ff3333;
}

.ssp-window .ssp-creation-form .import-error {
  background: #ff3333;
  border-color: red;
  color: white;
}

.ssp-window .ssp-creation-form .commission label {
  color: #424242;
}

.tooltip-widget .tooltip-notif {
  color: #000000;
}

.tooltip-widget .tooltip-notif.tooltip-info {
  background-color: #606060;
  color: white;
}

.tooltip-widget .tooltip-notif.tooltip-success {
  background-color: #A5D6A7;
}

.tooltip-widget .tooltip-notif.tooltip-warn {
  background-color: #E89D59;
}

.tooltip-widget .tooltip-notif.tooltip-error {
  background-color: #EF9A9A;
}

.tooltip-widget .tooltip-arrow.tooltip-info {
  border-top-color: #606060;
  border-bottom-color: #606060;
}

.tooltip-widget .tooltip-arrow.tooltip-success {
  border-top-color: #A5D6A7;
  border-bottom-color: #A5D6A7;
}

.tooltip-widget .tooltip-arrow.tooltip-warn {
  border-top-color: #E89D59;
  border-bottom-color: #E89D59;
}

.tooltip-widget .tooltip-arrow.tooltip-error {
  border-top-color: #EF9A9A;
  border-bottom-color: #EF9A9A;
}

.tooltip-widget .tooltip-close:hover {
  color: #616161;
}

.tooltip-widget .tooltip-close:focus {
  background-color: rgba(255, 255, 255, 0.1);
}

.tooltip-widget .tooltip-close:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .checkbox-dropdown {
  border: 1px solid #009c4b;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .checkbox-dropdown button {
  background: #009c4b;
  border-color: #00833f;
  color: #ffffff;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .checkbox-dropdown .checkbox-panel {
  background: #eeeeee;
  border: 1px solid #388e3c;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .checkbox-dropdown .checkbox-panel .checkbox-item:hover {
  background: #c8e6c9;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu .dropdown-menu {
  background: #eeeeee;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu .dropdown-menu li:hover {
  background: none;
}

.metal-position-blotter-atom .header .balance-buttons-header .balance-filter-widget .columns-menu .dropdown-menu li:hover .checkboxes-panel li:hover {
  background: #c8e6c9;
}

.metal-position-blotter-atom .header .menu-button-container .customized-columns-menu .dropdown-menu {
  background: #eeeeee;
}

.metal-position-blotter-atom .header .menu-button-container .customized-columns-menu .dropdown-menu li:hover {
  background: none;
}

.metal-position-blotter-atom .header .menu-button-container .customized-columns-menu .dropdown-menu li:hover .checkboxes-panel li:hover {
  background: #c8e6c9;
}

.metal-position-blotter-atom .grid-atom .metal-cell {
  border-right: 1px dashed #6B6B6B;
}

.metal-position-blotter-atom .grid-atom .metal-cell .metal-cell-child.move {
  background: #009c4b;
  border: 1px solid #006e54;
}

.metal-position-blotter-atom .grid-atom .metal-cell .metal-cell-child.move button {
  color: #ffffff;
}

.metal-position-blotter-atom .grid-atom .positive {
  color: #4caf50;
}

.metal-position-blotter-atom .grid-atom .negative {
  color: #f44336;
}

.settlement-credit-blotter-atom .grid-customize-btn-group .credit-data-filter-widget .checkbox-panel {
  background: #eeeeee;
  border: 1px solid #616161;
}

.settlement-credit-blotter-atom .aggregation-mode .separator {
  color: #616161;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList thead .resizer {
  background: #616161 !important;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell .warning {
  color: #DFA000;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell .critical {
  color: #B23030;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell .credit-data-cell-child {
  border-right: 1px dashed #616161;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell .credit-data-cell-child .percentage-panel .percentage-progress-container {
  border: 0.5px solid #616161;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell .credit-data-cell-child .percentage-panel .percentage-progress-container .percentage-progress-bar.critical {
  background: #E24D4D;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell .credit-data-cell-child .percentage-panel .percentage-progress-container .percentage-progress-bar.warning {
  background: #FFD558;
}

.settlement-credit-blotter-atom .body-table .pony-PFlexTable.pony-SimpleList .credit-data-cell .credit-data-cell-child .percentage-panel .percentage-progress-container .percentage-progress-bar:not(.warning):not(.critical) {
  background: #3D9641;
}

.presettlement-credit-blotter-atom .total-usage-progress-widget .total-usage-panel.warning .gwt-Label {
  color: #DFA000;
}

.presettlement-credit-blotter-atom .total-usage-progress-widget .total-usage-panel.critical .gwt-Label {
  color: #B23030;
}

.presettlement-credit-blotter-atom .total-usage-progress-widget .percentage-progress-container {
  border: 0.5px solid #616161;
  background: white;
}

.presettlement-credit-blotter-atom .total-usage-progress-widget .percentage-progress-container .percentage-progress-bar.critical {
  background: #E24D4D;
}

.presettlement-credit-blotter-atom .total-usage-progress-widget .percentage-progress-container .percentage-progress-bar.warning {
  background: #FFD558;
}

.presettlement-credit-blotter-atom .total-usage-progress-widget .percentage-progress-container .percentage-progress-bar:not(.warning):not(.critical) {
  background: #3D9641;
}

.presettlement-credit-blotter-atom .body-table .ptc {
  border-right: 1px dashed #616161;
}

.presettlement-credit-blotter-atom .body-table .ptc .gwt-Label.warning {
  color: #DFA000;
}

.presettlement-credit-blotter-atom .body-table .ptc .gwt-Label.critical {
  color: #B23030;
}

.presettlement-credit-blotter-atom .body-table .ptc .percentage-panel .percentage-progress-container {
  background: white;
  border: 0.5px solid #616161;
}

.presettlement-credit-blotter-atom .body-table .ptc .percentage-panel .percentage-progress-container .percentage-progress-bar.critical {
  background: #E24D4D;
}

.presettlement-credit-blotter-atom .body-table .ptc .percentage-panel .percentage-progress-container .percentage-progress-bar.warning {
  background: #FFD558;
}

.presettlement-credit-blotter-atom .body-table .ptc .percentage-panel .percentage-progress-container .percentage-progress-bar:not(.warning):not(.critical) {
  background: #3D9641;
}

.ext-credit-avail .ext-credit-avail-form {
  border-bottom: 1px solid #000000;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-title .ext-credit-avail-form-account, .ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-title .ext-credit-avail-form-sett {
  border-right: 1px solid #000000;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .ext-credit-avail-form-account, .ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .ext-credit-avail-form-sett {
  border-right: 1px dashed #000000;
}

.ext-credit-avail .ext-credit-avail-form .ext-credit-avail-form-selector .ext-credit-avail-form-button {
  background: #004E92;
  border: 0.5px solid #00833f;
  color: #ffffff;
}

.ext-credit-avail .ext-credit-avail-result-title {
  border-bottom: 2px solid #000000;
}

.ext-credit-avail .ext-credit-avail-result-top .ext-credit-avail-result-sett {
  border-right: 1px solid #000000;
}

.ext-credit-avail .ext-credit-avail-result-top .ext-credit-avail-result-available,
.ext-credit-avail .ext-credit-avail-result-top .ext-credit-avail-result-limit {
  border-right: 1px solid #000000;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-sett {
  border-right: 1px dashed #000000;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-available,
.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-limit {
  border-right: 1px dashed #000000;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-avail-percent .percentage-panel .percentage-label.critical {
  color: #E24D4D;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-avail-percent .percentage-panel .percentage-label.warning {
  color: #FFD558;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-avail-percent .percentage-panel .percentage-label:not(.warning):not(.critical) {
  color: #3D9641;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-avail-percent .percentage-panel .percentage-progress-container {
  background: white;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-avail-percent .percentage-panel .percentage-progress-container .percentage-progress-bar.critical {
  background: #E24D4D;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-avail-percent .percentage-panel .percentage-progress-container .percentage-progress-bar.warning {
  background: #FFD558;
}

.ext-credit-avail .ext-credit-avail-result-row .ext-credit-avail-result-avail-percent .percentage-panel .percentage-progress-container .percentage-progress-bar:not(.warning):not(.critical) {
  background: #3D9641;
}

.ext-credit-avail .ext-credit-link-panel {
  border-bottom: 1px solid #000000;
}

.ext-credit-avail .ext-credit-link-panel .ext-credit-unlink-button {
  color: #ffffff;
  background: #373737;
  border: 0.5px solid #000000;
}

.ext-credit-avail .ext-credit-link-na {
  color: #FF8989;
}

.ext-credit-box-icon-linked {
  color: #ff7400 !important;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] {
  background-color: #30d158;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .header {
  background: #e0e0e0;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .header .box-type {
  color: #ffffff;
  background: #444444;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content {
  background: #fafafa;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer {
  color: #ffffff;
  border: 1px solid #BBB;
  background-color: #008768;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer.disabled {
  background-color: #015743;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer:hover:not(.disabled) {
  background-color: #5CB85C;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-header {
  color: #ffffff;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-header .side, .box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-header .delta {
  color: #E1E1E1;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-body .fx-price {
  color: #ffffff;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-body .pr-type {
  color: #E1E1E1;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .fx-option-price-side .market-data-renderer .entry-footer .qty-name {
  color: #E1E1E1;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .menu-bar {
  border-bottom: 1px solid #000000;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .menu-bar .menu-item {
  color: #333333;
  background-color: #E8E8E8;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .menu-bar .menu-item.selected {
  color: #333333;
  background-color: #D4D4D4;
  border-bottom: 2px solid #ef6c00;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .select2-container .select2-choice {
  background: #ffffff;
  border: 0.5px solid #9e9e9e;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .select2-container .select2-choice .select2-arrow {
  border-left: none;
  background: #ffffff;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .select2-container.select2-container-disabled .select2-arrow {
  background: #eeeeee;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .form-panel {
  color: #ffffff;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-label {
  color: #333333;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .error-icon {
  color: #ff7400;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values {
  color: #333333;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .field-value.invalid {
  border-color: #ff7400;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .field-value.disabled {
  color: #000000;
  background: #EEEEEE;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .field-value.disabled .notional-label {
  color: #000000;
  border: 1px solid #000000;
  background: transparent;
  border-color: transparent !important;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .field-value.disabled .numeric-spinner, .box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .field-value.disabled .spinner-value, .box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .field-value.disabled .date-picker-label {
  color: #000000;
  background-color: #EEEEEE;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .field-value .spinner-btn-box .spinner-btn {
  border-left: none;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .switch-field-widget {
  background: #FFFFFF;
  border: 1px solid #9e9e9e;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .notional-field-widget {
  border: 1px solid #9e9e9e;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .notional-field-widget .notional-label {
  color: #ffffff;
  background: #616161;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .select2-container {
  border: 1px solid #9e9e9e;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .edit-panel .field-option .field-values .select2-container .select2-choice {
  border: none;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .leg1-header, .box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .leg2-header {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .row-panel {
  border-bottom: 1px solid #424242;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .row-panel .row-label {
  color: #545454;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .row-panel .row-value {
  color: #333333;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .form-container .live-detail-panel .request-notifier-panel .icon {
  color: #753800;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .box-footer .footer-left .one-click .lbl {
  color: #555;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .box-footer .footer-right .button-panel .gwt-Label {
  color: #ffffff;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .box-footer .footer-right .button-panel .icon {
  color: #ffffff;
  background: #333;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .box-footer .footer-right .footer-bar-container .cancel-icon {
  color: #ffffff;
  background: #333;
}

.box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .box-footer .footer-right .footer-bar-container .time-progress-bar-addon .icon, .box-atom[data-panel-type="RFS_FX_OPTION"] .center-panel-content .box-footer .footer-right .footer-bar-container .time-progress-bar-addon .gwt-Label {
  color: #ffffff;
}

.rss-feed-atom .content {
  background: #E6E6E6;
  color: black;
}

.rss-feed-atom .feed-tabs {
  background: #CCCCCC;
  border-right: 1px solid #424242;
}

.rss-feed-atom .feed-tabs .news-title, .rss-feed-atom .feed-tabs .settings-title {
  border-right: 1px solid #424242;
}

.rss-feed-atom .feed-tabs .news-title.selected, .rss-feed-atom .feed-tabs .settings-title.selected {
  background: #E6E6E6;
}

.rss-feed-atom .latest-message-container .feed-row {
  border-bottom: 1px solid #505050;
}

.rss-feed-atom .latest-message-container .feed-row:hover {
  background: white;
}

.rss-feed-atom .latest-message-container .feed-row .feed-date {
  color: #444;
}

.rss-feed-atom .latest-message-container .feed-row .feed-description {
  color: #333;
}

.rss-feed-atom .managed-feed-container .form-field input {
  color: #333;
  border: 1px solid #505050;
  background: #F7F7F7;
}

.rss-feed-atom .managed-feed-container .entry {
  border-bottom: 1px solid #505050;
}

.time-progress-bar-addon-v2.legacy {
  border: 1px solid #bdbdbd;
}

.time-progress-bar-addon-v2.legacy .bar {
  background-color: #ffffff;
}

.time-progress-bar-addon-v2.legacy .progress {
  background-color: #4caf50;
}

.time-progress-bar-addon-v2.legacy .label {
  color: #000000;
}

.time-progress-bar-addon-v2.legacy .label::before {
  color: #000000;
}

.select24-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select24-container .select24-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select24-container .select24-selection--single .select24-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select24-container .select24-selection--single .select24-selection__clear {
  position: relative;
}

.select24-container[dir="rtl"] .select24-selection--single .select24-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select24-container .select24-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select24-container .select24-selection--multiple .select24-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select24-container .select24-search--inline {
  float: left;
}

.select24-container .select24-search--inline .select24-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select24-container .select24-search--inline .select24-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select24-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select24-results {
  display: block;
}

.select24-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select24-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select24-results__option[aria-selected] {
  cursor: pointer;
}

.select24-container--open .select24-dropdown {
  left: 0;
}

.select24-container--open .select24-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select24-container--open .select24-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select24-search--dropdown {
  display: block;
  padding: 4px;
}

.select24-search--dropdown .select24-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select24-search--dropdown .select24-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select24-search--dropdown.select24-search--hide {
  display: none;
}

.select24-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select24-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select24-container--default .select24-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select24-container--default .select24-selection--single .select24-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select24-container--default .select24-selection--single .select24-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select24-container--default .select24-selection--single .select24-selection__placeholder {
  color: #999;
}

.select24-container--default .select24-selection--single .select24-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select24-container--default .select24-selection--single .select24-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select24-container--default[dir="rtl"] .select24-selection--single .select24-selection__clear {
  float: left;
}

.select24-container--default[dir="rtl"] .select24-selection--single .select24-selection__arrow {
  left: 1px;
  right: auto;
}

.select24-container--default.select24-container--disabled .select24-selection--single {
  background-color: #eee;
  cursor: default;
}

.select24-container--default.select24-container--disabled .select24-selection--single .select24-selection__clear {
  display: none;
}

.select24-container--default.select24-container--open .select24-selection--single .select24-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select24-container--default .select24-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select24-container--default .select24-selection--multiple .select24-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select24-container--default .select24-selection--multiple .select24-selection__rendered li {
  list-style: none;
}

.select24-container--default .select24-selection--multiple .select24-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select24-container--default .select24-selection--multiple .select24-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select24-container--default .select24-selection--multiple .select24-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select24-container--default .select24-selection--multiple .select24-selection__choice__remove:hover {
  color: #333;
}

.select24-container--default[dir="rtl"] .select24-selection--multiple .select24-selection__choice, .select24-container--default[dir="rtl"] .select24-selection--multiple .select24-search--inline {
  float: right;
}

.select24-container--default[dir="rtl"] .select24-selection--multiple .select24-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select24-container--default[dir="rtl"] .select24-selection--multiple .select24-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select24-container--default.select24-container--focus .select24-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select24-container--default.select24-container--disabled .select24-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select24-container--default.select24-container--disabled .select24-selection__choice__remove {
  display: none;
}

.select24-container--default.select24-container--open.select24-container--above .select24-selection--single, .select24-container--default.select24-container--open.select24-container--above .select24-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select24-container--default.select24-container--open.select24-container--below .select24-selection--single, .select24-container--default.select24-container--open.select24-container--below .select24-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select24-container--default .select24-search--dropdown .select24-search__field {
  border: 1px solid #aaa;
}

.select24-container--default .select24-search--inline .select24-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select24-container--default .select24-results > .select24-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select24-container--default .select24-results__option[role=group] {
  padding: 0;
}

.select24-container--default .select24-results__option[aria-disabled=true] {
  color: #999;
}

.select24-container--default .select24-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select24-container--default .select24-results__option .select24-results__option {
  padding-left: 1em;
}

.select24-container--default .select24-results__option .select24-results__option .select24-results__group {
  padding-left: 0;
}

.select24-container--default .select24-results__option .select24-results__option .select24-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select24-container--default .select24-results__option .select24-results__option .select24-results__option .select24-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select24-container--default .select24-results__option .select24-results__option .select24-results__option .select24-results__option .select24-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select24-container--default .select24-results__option .select24-results__option .select24-results__option .select24-results__option .select24-results__option .select24-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select24-container--default .select24-results__option .select24-results__option .select24-results__option .select24-results__option .select24-results__option .select24-results__option .select24-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select24-container--default .select24-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select24-container--default .select24-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select24-container--classic .select24-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select24-container--classic .select24-selection--single:focus {
  border: 1px solid #5897fb;
}

.select24-container--classic .select24-selection--single .select24-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select24-container--classic .select24-selection--single .select24-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select24-container--classic .select24-selection--single .select24-selection__placeholder {
  color: #999;
}

.select24-container--classic .select24-selection--single .select24-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select24-container--classic .select24-selection--single .select24-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select24-container--classic[dir="rtl"] .select24-selection--single .select24-selection__clear {
  float: left;
}

.select24-container--classic[dir="rtl"] .select24-selection--single .select24-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select24-container--classic.select24-container--open .select24-selection--single {
  border: 1px solid #5897fb;
}

.select24-container--classic.select24-container--open .select24-selection--single .select24-selection__arrow {
  background: transparent;
  border: none;
}

.select24-container--classic.select24-container--open .select24-selection--single .select24-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select24-container--classic.select24-container--open.select24-container--above .select24-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select24-container--classic.select24-container--open.select24-container--below .select24-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select24-container--classic .select24-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select24-container--classic .select24-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select24-container--classic .select24-selection--multiple .select24-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select24-container--classic .select24-selection--multiple .select24-selection__clear {
  display: none;
}

.select24-container--classic .select24-selection--multiple .select24-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select24-container--classic .select24-selection--multiple .select24-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select24-container--classic .select24-selection--multiple .select24-selection__choice__remove:hover {
  color: #555;
}

.select24-container--classic[dir="rtl"] .select24-selection--multiple .select24-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select24-container--classic[dir="rtl"] .select24-selection--multiple .select24-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select24-container--classic.select24-container--open .select24-selection--multiple {
  border: 1px solid #5897fb;
}

.select24-container--classic.select24-container--open.select24-container--above .select24-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select24-container--classic.select24-container--open.select24-container--below .select24-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select24-container--classic .select24-search--dropdown .select24-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select24-container--classic .select24-search--inline .select24-search__field {
  outline: 0;
  box-shadow: none;
}

.select24-container--classic .select24-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select24-container--classic .select24-dropdown--above {
  border-bottom: none;
}

.select24-container--classic .select24-dropdown--below {
  border-top: none;
}

.select24-container--classic .select24-results > .select24-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select24-container--classic .select24-results__option[role=group] {
  padding: 0;
}

.select24-container--classic .select24-results__option[aria-disabled=true] {
  color: grey;
}

.select24-container--classic .select24-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select24-container--classic .select24-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select24-container--classic.select24-container--open .select24-dropdown {
  border-color: #5897fb;
}

/*Color Variables*/
/*Color Variables*/
@keyframes button-press {
  from {
    transform: scale(1);
    transform-origin: center center;
    animation-timing-function: ease-out;
  }
  10% {
    transform: scale(0.91);
    animation-timing-function: ease-in;
  }
  30% {
    transform: scale(0.98);
    animation-timing-function: ease-out;
  }
  55% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}

@keyframes modal-entrance {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.ui-in-progress[ui-icon]::before {
  animation: rotate-center 1.5s linear infinite both;
  content: "\eda7"!important;
  font-family: "webappsdk";
}

[ui-icon]::before {
  display: block;
  position: relative;
  font-family: "webappsdk";
}

[ui-icon][ui-icon="checkbox-checked"]::before {
  content: "\ee6b";
}

[ui-icon][ui-icon="checkbox-unchecked"]::before {
  content: "\ee6c";
}

[ui-icon][ui-icon="checkbox-partial"]::before {
  content: "\ee65";
}

[ui-icon][ui-icon="radio-unchecked"]::before {
  content: "\ee70";
}

[ui-icon][ui-icon="radio-checked"]::before {
  content: "\ee6e";
}

[ui-icon][ui-icon="search"]::before {
  content: "\eb30";
}

[ui-icon][ui-icon="zoom-in"]::before {
  content: "\eb31";
}

[ui-icon][ui-icon="zoom-out"]::before {
  content: "\eb32";
}

[ui-icon][ui-icon="filter"]::before {
  content: "\ee88";
}

[ui-icon][ui-icon="home"]::before {
  content: "\e900";
}

[ui-icon][ui-icon="validate"]::before {
  content: "\ed6c";
}

[ui-icon][ui-icon="logout"]::before {
  content: "\ec48";
}

[ui-icon][ui-icon="suspend"]::before {
  content: "\ed83";
}

[ui-icon][ui-icon="stop"]::before {
  content: "\ed84";
}

[ui-icon][ui-icon="resume"]::before {
  content: "\ed82";
}

[ui-icon][ui-icon="toggle"]::before {
  content: "\eda5";
}

[ui-icon][ui-icon="refresh"]::before {
  content: "\eda7";
}

[ui-icon][ui-icon="chat"]::before {
  content: "\eac1";
}

[ui-icon][ui-icon="notification"]::before {
  content: "\ea58";
}

[ui-icon][ui-icon="mouse"]::before {
  content: "\ea69";
}

[ui-icon][ui-icon="keyboard"]::before {
  content: "\ea6d";
}

[ui-icon][ui-icon="popout"]::before {
  content: "\eec8";
}

[ui-icon][ui-icon="unlock"]::before {
  content: "\eb51";
}

[ui-icon][ui-icon="lock"]::before {
  content: "\eb50";
}

[ui-icon][ui-icon="copy"]::before {
  content: "\e9c7";
}

[ui-icon][ui-icon="user"]::before {
  content: "\eb05";
}

[ui-icon][ui-icon="download"]::before {
  content: "\ec7a";
}

[ui-icon][ui-icon="upload"]::before {
  content: "\ec7c";
}

[ui-icon][ui-icon="error"]::before {
  content: "\ed4d";
}

[ui-icon][ui-icon="warning"]::before {
  content: "\ed4f";
}

[ui-icon][ui-icon="info"]::before {
  content: "\ed61";
}

[ui-icon][ui-icon="sort-desc"]::before {
  content: "\edd1";
}

[ui-icon][ui-icon="sort-asc"]::before {
  content: "\edd5";
}

[ui-icon][ui-icon="print"]::before {
  content: "\ea66";
}

[ui-icon][ui-icon="left"]::before {
  content: "\edc7";
}

[ui-icon][ui-icon="down"]::before {
  content: "\edc6";
}

[ui-icon][ui-icon="up"]::before {
  content: "\edc4";
}

[ui-icon][ui-icon="right"]::before {
  content: "\edc5";
}

[ui-icon][ui-icon="narrow"]::before {
  content: "\e41b";
}

[ui-icon][ui-icon="widen"]::before {
  content: "\e418";
}

[ui-icon][ui-icon="close"]::before {
  content: "\ed6a";
}

[ui-icon][ui-icon="add"]::before {
  content: "\ed58";
}

[ui-icon][ui-icon="remove"]::before {
  content: "\ed57";
}

[ui-icon][ui-icon="delete"]::before {
  content: "\ebfa";
}

[ui-icon][ui-icon="edit"]::before {
  content: "\e90e";
}

[ui-icon][ui-icon="pin"]::before {
  content: "\ea36";
}

[ui-icon][ui-icon="action"]::before {
  content: "\eb5c";
}

[ui-icon][ui-icon="calendar"]::before {
  content: "\ea5f";
}

[ui-icon][ui-icon="time"]::before {
  content: "\ea4d";
}

[ui-icon][ui-icon="protected"]::before {
  content: "\ef47";
}

[ui-icon][ui-icon="unprotected"]::before {
  content: "\ef48";
}

[ui-icon][ui-icon="list"]::before {
  content: "\ec56";
}

[ui-icon][ui-icon="calculate"]::before {
  content: "\ea18";
}

[ui-icon][ui-icon="required"]::before {
  font-family: "Roboto";
  content: "\*";
}

[ui-icon][ui-icon="drag-horizontal"]::before {
  content: "\ef49";
}

[ui-icon][ui-icon="drag-vertical"]::before {
  content: "\ef4a";
}

[ui-icon][ui-icon="clean-all"]::before {
  content: "\ef4b";
}

[ui-icon][ui-icon="show"]::before {
  content: "\ecaf";
}

[ui-icon][ui-icon="hide"]::before {
  content: "\ecb0";
}

[ui-icon][ui-icon="undo"]::before {
  content: "\eabc";
}

[ui-icon][ui-icon="reset"]::before {
  content: "\ea4b";
}

[ui-icon][ui-icon="first"]::before {
  content: "\e41a";
}

[ui-icon][ui-icon="last"]::before {
  content: "\e419";
}

.ui-button {
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  font-family: "Roboto";
}

.ui-button.icon-only {
  min-width: 0px !important;
}

.ui-button::before {
  font-weight: normal;
}

.ui-button[ui-size="medium"] {
  padding: 0 6px;
  font-size: 14px;
  line-height: 14px;
  height: 26px;
  border-radius: 4px;
  min-width: 60px;
}

.ui-button[ui-size="medium"][ui-icon] {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
}

.ui-button[ui-size="medium"][ui-icon].icon-only {
  border-radius: 100px;
  width: 26px;
  padding: 0px;
}

.ui-button[ui-size="small"] {
  padding: 0 5px;
  font-size: 12px;
  line-height: 12px;
  height: 22px;
  border-radius: 3px;
  min-width: 45px;
}

.ui-button[ui-size="small"][ui-icon] {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}

.ui-button[ui-size="small"][ui-icon].icon-only {
  border-radius: 100px;
  width: 22px;
  padding: 0px;
}

.ui-button[ui-size="large"] {
  padding: 0 7px;
  font-size: 16px;
  line-height: 16px;
  height: 30px;
  border-radius: 5px;
  min-width: 75px;
}

.ui-button[ui-size="large"][ui-icon] {
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
}

.ui-button[ui-size="large"][ui-icon].icon-only {
  border-radius: 100px;
  width: 30px;
  padding: 0px;
}

.ui-button[ui-type="primary"] {
  background-color: #009c4b;
  border: 1px solid transparent;
  color: #FFFFFF;
}

.ui-button[ui-type="primary"]:hover {
  background-color: #00833f;
  border-color: transparent;
  color: #FFFFFF;
}

.ui-button[ui-type="primary"]:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.ui-button[ui-type="primary"]:active {
  background-color: #006932;
  border-color: transparent;
  color: #FFFFFF;
  outline: none !important;
}

.ui-button[ui-type="primary"]:disabled {
  background-color: #92d7ab;
  border-color: transparent;
  color: #FFFFFF;
  cursor: not-allowed;
}

.ui-button[ui-type="secondary"] {
  background-color: #cbcde1;
  border: 1px solid transparent;
  color: #0d0d13;
}

.ui-button[ui-type="secondary"]:hover {
  background-color: #b2b3c4;
  border-color: transparent;
  color: #0d0d13;
}

.ui-button[ui-type="secondary"]:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.ui-button[ui-type="secondary"]:active {
  background-color: #83838a;
  border-color: transparent;
  color: #0d0d13;
  outline: none !important;
}

.ui-button[ui-type="secondary"]:disabled {
  background-color: #cbcde1;
  border-color: transparent;
  color: #83838a;
  cursor: not-allowed;
}

.ui-button[ui-type="tertiary"] {
  background-color: transparent;
  border: 1px solid transparent;
  color: #0d0d13;
}

.ui-button[ui-type="tertiary"]:hover {
  background-color: #b2b3c4;
  border-color: transparent;
  color: #0d0d13;
}

.ui-button[ui-type="tertiary"]:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.ui-button[ui-type="tertiary"]:active {
  background-color: #83838a;
  border-color: transparent;
  color: #0d0d13;
  outline: none !important;
}

.ui-button[ui-type="tertiary"]:disabled {
  background-color: #cbcde1;
  border-color: transparent;
  color: #83838a;
  cursor: not-allowed;
}

.ui-button[ui-type="danger"] {
  background-color: #cc1c1c;
  border: 1px solid transparent;
  color: #FFFFFF;
}

.ui-button[ui-type="danger"]:hover {
  background-color: #a31616;
  border-color: transparent;
  color: #FFFFFF;
}

.ui-button[ui-type="danger"]:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.ui-button[ui-type="danger"]:active {
  background-color: #821212;
  border-color: transparent;
  color: #FFFFFF;
  outline: none !important;
}

.ui-button[ui-type="danger"]:disabled {
  background-color: #cc1c1c;
  border-color: transparent;
  color: #b2b3c4;
  cursor: not-allowed;
}

.ui-button[ui-type="buy"] {
  background-color: #167e16;
  border: 1px solid transparent;
  color: #FFFFFF;
}

.ui-button[ui-type="buy"]:hover {
  background-color: #126512;
  border-color: transparent;
  color: #FFFFFF;
}

.ui-button[ui-type="buy"]:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.ui-button[ui-type="buy"]:active {
  background-color: #0e510e;
  border-color: transparent;
  color: #FFFFFF;
  outline: none !important;
}

.ui-button[ui-type="buy"]:disabled {
  background-color: #167e16;
  border-color: transparent;
  color: #b2b3c4;
  cursor: not-allowed;
}

.ui-button[ui-type="sell"] {
  background-color: #B35100;
  border: 1px solid transparent;
  color: #FFFFFF;
}

.ui-button[ui-type="sell"]:hover {
  background-color: #8F4100;
  border-color: transparent;
  color: #FFFFFF;
}

.ui-button[ui-type="sell"]:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.ui-button[ui-type="sell"]:active {
  background-color: #723400;
  border-color: transparent;
  color: #FFFFFF;
  outline: none !important;
}

.ui-button[ui-type="sell"]:disabled {
  background-color: #B35100;
  border-color: transparent;
  color: #b2b3c4;
  cursor: not-allowed;
}

.ui-button.animated {
  animation: button-press 0.3s ease-in-out both;
}

.ui-text {
  position: relative;
  font-family: "Roboto";
}

.ui-text[ui-size="medium"] {
  line-height: 18px;
  font-size: 14px;
}

.ui-text[ui-size="medium"][ui-icon] {
  padding-left: calc( 6px +  14px);
}

.ui-text[ui-size="small"] {
  line-height: 14px;
  font-size: 12px;
}

.ui-text[ui-size="small"][ui-icon] {
  padding-left: calc( 5px +  12px);
}

.ui-text[ui-size="large"] {
  line-height: 22px;
  font-size: 16px;
}

.ui-text[ui-size="large"][ui-icon] {
  padding-left: calc( 7px +  16px);
}

.ui-text[ui-type="primary"] {
  color: #0d0d13;
}

.ui-text[ui-type="secondary"] {
  color: #63646c;
}

.ui-text[ui-type="warning"] {
  color: #d96300;
}

.ui-text[ui-type="bad"] {
  color: #ff0000;
}

.ui-text[ui-type="good"] {
  color: #009500;
}

.ui-text[ui-type="buy"] {
  color: #167e16;
}

.ui-text[ui-type="sell"] {
  color: #B35100;
}

.ui-text.emphasis {
  font-weight: bold;
  text-transform: uppercase;
}

.ui-text.oneline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-text[ui-text-align="center"] {
  text-align: center;
}

.ui-text[ui-text-align="right"] {
  text-align: right;
}

.ui-text[ui-text-align="left"] {
  text-align: left;
}

.ui-text[ui-icon]::before {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: normal;
}

.ui-text.icon-only {
  display: flex;
  padding-left: 0px !important;
}

.ui-text.icon-only[ui-icon]::before {
  display: block;
  position: relative;
}

.ui-html {
  font-family: "Roboto";
  position: relative;
  color: #0d0d13;
}

.ui-html[ui-size="medium"] {
  line-height: 18px;
  font-size: 14px;
}

.ui-html[ui-size="small"] {
  line-height: 14px;
  font-size: 12px;
}

.ui-html[ui-size="large"] {
  line-height: 22px;
  font-size: 16px;
}

.ui-link {
  font-family: "Roboto";
  color: #0075d4;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 0;
}

.ui-link[ui-size="medium"] {
  line-height: 18px;
  font-size: 14px;
}

.ui-link[ui-size="small"] {
  line-height: 14px;
  font-size: 12px;
}

.ui-link[ui-size="large"] {
  line-height: 22px;
  font-size: 16px;
}

.ui-link:visited {
  color: #0075d4;
  outline: none;
  text-decoration: none;
}

.ui-link:hover {
  color: #0075d4;
  outline: none;
  text-decoration: underline;
}

.ui-link:focus {
  color: #0075d4;
  outline: none;
  text-decoration: underline;
}

.ui-link:active {
  color: #093E6A;
  outline: none;
  text-decoration: underline;
}

.ui-bulleted-list {
  font-family: "Roboto";
  position: relative;
  margin-block-start: 0;
  margin-block-end: 0;
  padding-inline-start: 20px !important;
}

.ui-bulleted-list[ui-size="medium"] {
  line-height: 18px;
  font-size: 14px;
}

.ui-bulleted-list[ui-size="small"] {
  line-height: 14px;
  font-size: 12px;
}

.ui-bulleted-list[ui-size="large"] {
  line-height: 22px;
  font-size: 16px;
}

.ui-bulleted-list .ui-bullet-point[ui-type="primary"] {
  color: #0d0d13;
}

.ui-bulleted-list .ui-bullet-point[ui-type="secondary"] {
  color: #63646c;
}

.ui-bulleted-list .ui-bullet-point[ui-type="warning"] {
  color: #d96300;
}

.ui-bulleted-list .ui-bullet-point[ui-type="bad"] {
  color: #ff0000;
}

.ui-bulleted-list .ui-bullet-point[ui-type="good"] {
  color: #009500;
}

.ui-bulleted-list .ui-bullet-point[ui-type="buy"] {
  color: #167e16;
}

.ui-bulleted-list .ui-bullet-point[ui-type="sell"] {
  color: #B35100;
}

.ui-separator[ui-type="primary"][ui-orientation=horizontal] {
  border-bottom: 1px solid #83838a;
}

.ui-separator[ui-type="primary"][ui-orientation=vertical] {
  border-right: 1px solid #83838a;
}

.ui-separator[ui-type="secondary"][ui-orientation=horizontal] {
  border-bottom: 1px solid #cbcde1;
}

.ui-separator[ui-type="secondary"][ui-orientation=vertical] {
  border-right: 1px solid #cbcde1;
}

.ui-separator[ui-type="tertiary"][ui-orientation=horizontal] {
  border-bottom: 1px dashed #cbcde1;
}

.ui-separator[ui-type="tertiary"][ui-orientation=vertical] {
  border-right: 1px dashed #cbcde1;
}

.ui-separator[ui-orientation=horizontal] {
  width: 100%;
}

.ui-separator[ui-orientation=vertical] {
  align-self: stretch;
}

.ui-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1px;
}

.ui-title .title-tag {
  margin-top: 0px;
  margin-bottom: 0px;
  flex-grow: 1;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ui-title .title-tag[ui-icon]::before {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: normal;
}

.ui-title .custom-area {
  min-width: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.ui-title.h1 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.ui-title.h1 .title-tag {
  color: #0d0d13;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Roboto";
}

.ui-title.h1[ui-size="medium"] {
  gap: 9px;
}

.ui-title.h1[ui-size="medium"] .title-tag {
  font-size: 20px;
  line-height: 36px;
}

.ui-title.h1[ui-size="medium"] .title-tag[ui-icon] {
  padding-left: 29px;
}

.ui-title.h1[ui-size="small"] {
  gap: 8px;
}

.ui-title.h1[ui-size="small"] .title-tag {
  font-size: 17px;
  line-height: 31px;
}

.ui-title.h1[ui-size="small"] .title-tag[ui-icon] {
  padding-left: 25px;
}

.ui-title.h1[ui-size="large"] {
  gap: 10px;
}

.ui-title.h1[ui-size="large"] .title-tag {
  font-size: 23px;
  line-height: 41px;
}

.ui-title.h1[ui-size="large"] .title-tag[ui-icon] {
  padding-left: 33px;
}

.ui-title.h2 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.ui-title.h2 .title-tag {
  color: #0d0d13;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Roboto";
}

.ui-title.h2[ui-size="medium"] {
  gap: 9px;
}

.ui-title.h2[ui-size="medium"] .title-tag {
  font-size: 18px;
  line-height: 30px;
}

.ui-title.h2[ui-size="medium"] .title-tag[ui-icon] {
  padding-left: 27px;
}

.ui-title.h2[ui-size="small"] {
  gap: 8px;
}

.ui-title.h2[ui-size="small"] .title-tag {
  font-size: 15px;
  line-height: 26px;
}

.ui-title.h2[ui-size="small"] .title-tag[ui-icon] {
  padding-left: 23px;
}

.ui-title.h2[ui-size="large"] {
  gap: 10px;
}

.ui-title.h2[ui-size="large"] .title-tag {
  font-size: 21px;
  line-height: 35px;
}

.ui-title.h2[ui-size="large"] .title-tag[ui-icon] {
  padding-left: 31px;
}

.ui-title.h3 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.ui-title.h3 .title-tag {
  color: #0d0d13;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Roboto";
}

.ui-title.h3[ui-size="medium"] {
  gap: 6px;
}

.ui-title.h3[ui-size="medium"] .title-tag {
  font-size: 14px;
  line-height: 26px;
}

.ui-title.h3[ui-size="medium"] .title-tag[ui-icon] {
  padding-left: 20px;
}

.ui-title.h3[ui-size="small"] {
  gap: 5px;
}

.ui-title.h3[ui-size="small"] .title-tag {
  font-size: 12px;
  line-height: 22px;
}

.ui-title.h3[ui-size="small"] .title-tag[ui-icon] {
  padding-left: 17px;
}

.ui-title.h3[ui-size="large"] {
  gap: 7px;
}

.ui-title.h3[ui-size="large"] .title-tag {
  font-size: 16px;
  line-height: 30px;
}

.ui-title.h3[ui-size="large"] .title-tag[ui-icon] {
  padding-left: 23px;
}

.ui-title.h4 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.ui-title.h4 .title-tag {
  color: #0d0d13;
  font-weight: bold;
  text-transform: none;
  font-family: "Roboto";
}

.ui-title.h4[ui-size="medium"] {
  gap: 6px;
}

.ui-title.h4[ui-size="medium"] .title-tag {
  font-size: 14px;
  line-height: 24px;
}

.ui-title.h4[ui-size="medium"] .title-tag[ui-icon] {
  padding-left: 20px;
}

.ui-title.h4[ui-size="small"] {
  gap: 5px;
}

.ui-title.h4[ui-size="small"] .title-tag {
  font-size: 12px;
  line-height: 20px;
}

.ui-title.h4[ui-size="small"] .title-tag[ui-icon] {
  padding-left: 17px;
}

.ui-title.h4[ui-size="large"] {
  gap: 7px;
}

.ui-title.h4[ui-size="large"] .title-tag {
  font-size: 16px;
  line-height: 28px;
}

.ui-title.h4[ui-size="large"] .title-tag[ui-icon] {
  padding-left: 23px;
}

.ui-container {
  display: flex;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  /*ORIENTATION HORIZONTAL*/
  /*ORIENTATION VERTICAL*/
}

.ui-container.wrap {
  flex-wrap: wrap;
}

.ui-container.scrollable {
  overflow: auto;
}

.ui-container[ui-width-mode="content-based"] {
  width: auto;
}

.ui-container[ui-width-mode="stretch"] {
  width: 100%;
  min-width: 0;
}

.ui-container[ui-width-mode="capped"] {
  max-width: 100%;
  width: auto;
  min-width: 0;
}

.ui-container[ui-width-mode="fixed"] {
  flex-shrink: 0;
}

.ui-container[ui-radius-level="none"] {
  border-radius: 0px;
}

.ui-container[ui-type][ui-radius-level="low"] {
  border-radius: 5px;
}

.ui-container[ui-type][ui-radius-level="medium"] {
  border-radius: 10px;
}

.ui-container[ui-type][ui-radius-level="high"] {
  border-radius: 20px;
}

.ui-container[ui-type][ui-emphasis-level="low"] {
  border: 0px solid;
}

.ui-container[ui-type][ui-emphasis-level="medium"] {
  border: 1px solid;
}

.ui-container[ui-type][ui-emphasis-level="high"] {
  border: 1px solid;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}

.ui-container[ui-density="medium"][ui-type] {
  padding: 10px !important;
}

.ui-container[ui-density="max"][ui-type] {
  padding: 0px !important;
}

.ui-container[ui-density="high"][ui-type] {
  padding: 4px !important;
}

.ui-container[ui-density="low"][ui-type] {
  padding: 15px !important;
}

.ui-container[ui-size="medium"].scrollable {
  padding: 2px;
  padding-right: 6px;
}

.ui-container[ui-size="small"].scrollable {
  padding: 2px;
  padding-right: 5px;
}

.ui-container[ui-size="large"].scrollable {
  padding: 2px;
  padding-right: 7px;
}

.ui-container[ui-density="medium"] {
  gap: 10px;
}

.ui-container[ui-density="max"] {
  gap: 0px;
}

.ui-container[ui-density="high"] {
  gap: 4px;
}

.ui-container[ui-density="low"] {
  gap: 15px;
}

.ui-container[ui-type="standard1"] {
  background-color: #fbfbff;
  border-color: #cbcde1 !important;
}

.ui-container[ui-type="standard2"] {
  background-color: #F2F3FA;
  border-color: #cbcde1 !important;
}

.ui-container[ui-type="standard3"] {
  background-color: #ECEEF4;
  border-color: #cbcde1 !important;
}

.ui-container[ui-type="standard4"] {
  background-color: #E7E8EE;
  border-color: #cbcde1 !important;
}

.ui-container[ui-type="standard5"] {
  background-color: #E1E2E8;
  border-color: #cbcde1 !important;
}

.ui-container[ui-type="warning"] {
  background-color: #F5CDAC;
  border-color: #B35100 !important;
}

.ui-container[ui-type="bad"] {
  background-color: #ffb7b7;
  border-color: #cc1c1c !important;
}

.ui-container[ui-type="good"] {
  background-color: #b4dfb4;
  border-color: #167e16 !important;
}

.ui-container[ui-height-mode="stretch"] {
  height: 100%;
  min-height: 0;
}

.ui-container[ui-height-mode="capped"] {
  height: fit-content;
  max-height: 100%;
  min-height: 0;
}

.ui-container[ui-height-mode="content-based"] {
  height: fit-content;
}

.ui-container[ui-height-mode="fixed"] {
  flex-shrink: 0;
}

.ui-container.scrollable {
  padding: 2px;
  padding-right: 6px;
}

.ui-container[ui-orientation="horizontal"] {
  flex-direction: row;
}

.ui-container[ui-orientation="horizontal"] > .stretch-width {
  flex-grow: 1;
  flex-basis: 0;
}

.ui-container[ui-orientation="horizontal"] > .stretch-height {
  align-self: stretch;
}

.ui-container[ui-orientation="horizontal"][ui-horizontal-align="left"] {
  justify-content: left;
}

.ui-container[ui-orientation="horizontal"][ui-horizontal-align="center"] {
  justify-content: center;
}

.ui-container[ui-orientation="horizontal"][ui-horizontal-align="right"] {
  justify-content: right;
}

.ui-container[ui-orientation="horizontal"][ui-horizontal-align="space-between"] {
  justify-content: space-between;
}

.ui-container[ui-orientation="horizontal"][ui-vertical-align="top"] {
  align-items: start;
}

.ui-container[ui-orientation="horizontal"][ui-vertical-align="center"] {
  align-items: center;
}

.ui-container[ui-orientation="horizontal"][ui-vertical-align="bottom"] {
  align-items: end;
}

.ui-container[ui-orientation="horizontal"][ui-vertical-align="space-between"] {
  align-content: space-between;
}

.ui-container[ui-orientation="vertical"] {
  flex-direction: column;
}

.ui-container[ui-orientation="vertical"] > .stretch-width {
  align-self: stretch;
}

.ui-container[ui-orientation="vertical"] > .stretch-height {
  flex-grow: 1;
  flex-basis: 0;
}

.ui-container[ui-orientation="vertical"][ui-horizontal-align="left"] {
  align-items: start;
}

.ui-container[ui-orientation="vertical"][ui-horizontal-align="center"] {
  align-items: center;
}

.ui-container[ui-orientation="vertical"][ui-horizontal-align="right"] {
  align-items: end;
}

.ui-container[ui-orientation="vertical"][ui-horizontal-align="space-between"] {
  align-content: space-between;
}

.ui-container[ui-orientation="vertical"][ui-vertical-align="top"] {
  justify-content: start;
}

.ui-container[ui-orientation="vertical"][ui-vertical-align="center"] {
  justify-content: center;
}

.ui-container[ui-orientation="vertical"][ui-vertical-align="bottom"] {
  justify-content: end;
}

.ui-container[ui-orientation="vertical"][ui-vertical-align="space-between"] {
  justify-content: space-between;
}

.ui-container .fixed-width, .ui-container .fixed-height {
  flex-shrink: 0;
}

.ui-textbox {
  font-family: "Roboto";
  background-color: #FFFFFF;
  color: #0d0d13;
  border: 1px solid #83838a;
}

.ui-textbox[ui-size="medium"] {
  padding: 0 6px;
  font-size: 14px;
  line-height: 14px;
  height: 26px;
  border-radius: 4px;
  min-width: 60px;
}

.ui-textbox[ui-size="small"] {
  padding: 0 5px;
  font-size: 12px;
  line-height: 12px;
  height: 22px;
  border-radius: 3px;
  min-width: 45px;
}

.ui-textbox[ui-size="large"] {
  padding: 0 7px;
  font-size: 16px;
  line-height: 16px;
  height: 30px;
  border-radius: 5px;
  min-width: 75px;
}

.ui-textbox::placeholder {
  color: #83838a;
}

.ui-textbox:hover {
  background-color: #fbfbff !important;
  color: #0d0d13;
  border: 1px solid #63646c;
}

.ui-textbox:hover::placeholder {
  color: #83838a;
}

.ui-textbox:focus {
  background-color: #deebe1 !important;
  color: #0d0d13;
  border: 1px solid #83838a;
  outline: none !important;
}

.ui-textbox:focus::placeholder {
  color: #83838a;
}

.ui-textbox:disabled {
  background-color: #83838a !important;
  color: #FFFFFF;
  border: 1px solid #83838a;
  cursor: not-allowed;
}

.ui-textbox:disabled::placeholder {
  color: #FFFFFF;
}

.ui-textarea {
  font-family: "Roboto";
  resize: none;
  background-color: #FFFFFF;
  border: 1px solid #83838a;
  color: #0d0d13;
}

.ui-textarea[ui-size="medium"] {
  padding: 6px;
  font-size: 14px;
  line-height: 18px;
  border-radius: 4px;
  min-width: 60px;
  min-height: 52px;
}

.ui-textarea[ui-size="small"] {
  padding: 5px;
  font-size: 12px;
  line-height: 14px;
  border-radius: 3px;
  min-width: 45px;
  min-height: 44px;
}

.ui-textarea[ui-size="large"] {
  padding: 7px;
  font-size: 16px;
  line-height: 22px;
  border-radius: 5px;
  min-width: 75px;
  min-height: 60px;
}

.ui-textarea::placeholder {
  color: #83838a;
}

.ui-textarea:hover {
  background-color: #fbfbff !important;
  color: #0d0d13;
  border: 1px solid #63646c;
}

.ui-textarea:hover::placeholder {
  color: #83838a;
}

.ui-textarea:focus {
  background-color: #deebe1 !important;
  color: #0d0d13;
  border: 1px solid #83838a;
  outline: none !important;
}

.ui-textarea:focus::placeholder {
  color: #83838a;
}

.ui-textarea:disabled {
  background-color: #83838a !important;
  color: #FFFFFF;
  border: 1px solid #83838a;
  cursor: not-allowed;
}

.ui-textarea:disabled::placeholder {
  color: #FFFFFF;
}

.ui-radiobutton-group {
  font-family: "Roboto";
  position: relative;
  color: #FFFFFF;
}

.ui-radiobutton-group[ui-orientation="horizontal"] {
  justify-content: center;
}

.ui-radiobutton-group .gwt-RadioButton {
  position: relative;
  display: flex;
  align-items: center;
}

.ui-radiobutton-group input[type="radio"] {
  opacity: 0;
  z-index: 1;
  margin: 0;
  cursor: pointer;
}

.ui-radiobutton-group label {
  position: relative;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
  color: #0d0d13;
  text-transform: none;
  font-weight: normal;
}

.ui-radiobutton-group label::before {
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  color: #0d0d13;
}

.ui-radiobutton-group label::after {
  box-sizing: border-box;
  position: absolute;
  content: "";
  border-radius: 50%;
}

.ui-radiobutton-group input[type="radio"]:hover + label::after {
  background-color: #92d7ab;
}

.ui-radiobutton-group input[type="radio"]:focus + label::after {
  background-color: #92d7ab;
}

.ui-radiobutton-group input[type="radio"]:active + label::after {
  background-color: #92d7ab;
}

.ui-radiobutton-group[ui-type="standard1"] {
  background-color: #FFFFFF !important;
  border: 1px solid #83838a !important;
}

.ui-radiobutton-group[ui-type="standard2"] {
  background-color: #FFFFFF !important;
  border: 1px solid #83838a !important;
}

.ui-radiobutton-group[ui-type="standard3"] {
  background-color: #FFFFFF !important;
  border: 1px solid #83838a !important;
}

.ui-radiobutton-group[ui-type="standard4"] {
  background-color: #FFFFFF !important;
  border: 1px solid #83838a !important;
}

.ui-radiobutton-group[ui-type="standard5"] {
  background-color: #FFFFFF !important;
  border: 1px solid #83838a !important;
}

.ui-radiobutton-group input[type="radio"]:checked + label::before {
  content: "\ee6e";
  font-family: "webappsdk";
  display: block;
  text-align: center;
}

.ui-radiobutton-group input[type="radio"]:not(:checked) + label::before {
  content: "\ee70";
  font-family: "webappsdk";
  display: block;
  text-align: center;
}

.ui-radiobutton-group[ui-size="medium"][ui-type] {
  border-radius: 4px !important;
}

.ui-radiobutton-group[ui-size="medium"][ui-type][ui-orientation="horizontal"] {
  height: 26px;
}

.ui-radiobutton-group[ui-size="medium"] .gwt-RadioButton {
  gap: 3px;
}

.ui-radiobutton-group[ui-size="medium"] input[type="radio"] {
  height: 16px;
  width: 22px;
}

.ui-radiobutton-group[ui-size="medium"] label {
  line-height: 16px;
  font-size: 14px;
  padding-right: calc((22px - 14px) / 2);
}

.ui-radiobutton-group[ui-size="medium"] label::before {
  left: calc(-22px - 3px);
  top: 0;
  height: 16px;
  line-height: 16px;
  width: 22px;
  font-size: 14px;
}

.ui-radiobutton-group[ui-size="medium"] input[type="radio"]:hover + label::after {
  left: calc(-22px - 3px - (22px - 22px) / 2);
  top: calc((16px - 22px) / 2);
  height: 22px;
  width: 22px;
}

.ui-radiobutton-group[ui-size="medium"] input[type="radio"]:focus + label::after {
  left: calc(-22px - 3px - (22px - 22px) / 2);
  top: calc((16px - 22px) / 2);
  height: 22px;
  width: 22px;
}

.ui-radiobutton-group[ui-size="medium"] input[type="radio"]:active + label::after {
  left: calc(-20px - 3px - (22px - 20px) / 2);
  top: calc((16px - 20px) / 2);
  height: 20px;
  width: 20px;
}

.ui-radiobutton-group[ui-size="small"][ui-type] {
  border-radius: 3px !important;
}

.ui-radiobutton-group[ui-size="small"][ui-type][ui-orientation="horizontal"] {
  height: 22px;
}

.ui-radiobutton-group[ui-size="small"] .gwt-RadioButton {
  gap: 2px;
}

.ui-radiobutton-group[ui-size="small"] input[type="radio"] {
  height: 14px;
  width: 20px;
}

.ui-radiobutton-group[ui-size="small"] label {
  line-height: 14px;
  font-size: 12px;
  padding-right: calc((20px - 12px) / 2);
}

.ui-radiobutton-group[ui-size="small"] label::before {
  left: calc(-20px - 2px);
  top: 0;
  height: 14px;
  line-height: 14px;
  width: 20px;
  font-size: 12px;
}

.ui-radiobutton-group[ui-size="small"] input[type="radio"]:hover + label::after {
  left: calc(-20px - 2px - (20px - 20px) / 2);
  top: calc((14px - 20px) / 2);
  height: 20px;
  width: 20px;
}

.ui-radiobutton-group[ui-size="small"] input[type="radio"]:focus + label::after {
  left: calc(-20px - 2px - (20px - 20px) / 2);
  top: calc((14px - 20px) / 2);
  height: 20px;
  width: 20px;
}

.ui-radiobutton-group[ui-size="small"] input[type="radio"]:active + label::after {
  left: calc(-18px - 2px - (20px - 18px) / 2);
  top: calc((14px - 18px) / 2);
  height: 18px;
  width: 18px;
}

.ui-radiobutton-group[ui-size="large"][ui-type] {
  border-radius: 5px !important;
}

.ui-radiobutton-group[ui-size="large"][ui-type][ui-orientation="horizontal"] {
  height: 30px;
}

.ui-radiobutton-group[ui-size="large"] .gwt-RadioButton {
  gap: 4px;
}

.ui-radiobutton-group[ui-size="large"] input[type="radio"] {
  height: 22px;
  width: 24px;
}

.ui-radiobutton-group[ui-size="large"] label {
  line-height: 22px;
  font-size: 16px;
  padding-right: calc((24px - 16px) / 2);
}

.ui-radiobutton-group[ui-size="large"] label::before {
  left: calc(-24px - 4px);
  top: 0;
  height: 22px;
  line-height: 22px;
  width: 24px;
  font-size: 16px;
}

.ui-radiobutton-group[ui-size="large"] input[type="radio"]:hover + label::after {
  left: calc(-24px - 4px - (24px - 24px) / 2);
  top: calc((22px - 24px) / 2);
  height: 24px;
  width: 24px;
}

.ui-radiobutton-group[ui-size="large"] input[type="radio"]:focus + label::after {
  left: calc(-24px - 4px - (24px - 24px) / 2);
  top: calc((22px - 24px) / 2);
  height: 24px;
  width: 24px;
}

.ui-radiobutton-group[ui-size="large"] input[type="radio"]:active + label::after {
  left: calc(-22px - 4px - (24px - 22px) / 2);
  top: calc((22px - 22px) / 2);
  height: 22px;
  width: 22px;
}

.ui-radiobutton-group .gwt-RadioButton-disabled input {
  cursor: not-allowed;
}

.ui-radiobutton-group .gwt-RadioButton-disabled label {
  color: #83838a;
  cursor: not-allowed;
}

.ui-radiobutton-group .gwt-RadioButton-disabled label::before {
  color: #83838a;
}

.ui-radiobutton-group .gwt-RadioButton-disabled label::after {
  display: none;
}

.ui-radiobutton-group.disabled {
  cursor: not-allowed;
}

.ui-radiobutton-group.disabled[ui-type] {
  background-color: #83838a !important;
  border-color: #83838a !important;
}

.ui-radiobutton-group.disabled[ui-type] .gwt-RadioButton-disabled label {
  color: #FFFFFF;
}

.ui-radiobutton-group.disabled[ui-type] .gwt-RadioButton-disabled label::before {
  color: #FFFFFF;
}

.ui-single-listbox,
.ui-multi-listbox {
  position: relative;
  display: flex;
  cursor: pointer;
  background-color: #FFFFFF;
  border: 1px solid #83838a;
  color: #0d0d13;
}

.ui-single-listbox .dd-container-button,
.ui-multi-listbox .dd-container-button {
  font-family: "Roboto";
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-grow: 1;
  background-color: transparent;
  border: none;
  color: #0d0d13;
}

.ui-single-listbox[ui-size="medium"],
.ui-multi-listbox[ui-size="medium"] {
  border-radius: 4px;
  min-width: 60px;
  padding: 0;
  gap: 0;
  height: 26px;
}

.ui-single-listbox[ui-size="medium"] .dd-container-button,
.ui-single-listbox[ui-size="medium"] .dd-container-state,
.ui-single-listbox[ui-size="medium"] .dd-container-clear,
.ui-multi-listbox[ui-size="medium"] .dd-container-button,
.ui-multi-listbox[ui-size="medium"] .dd-container-state,
.ui-multi-listbox[ui-size="medium"] .dd-container-clear {
  font-size: 14px;
  line-height: 14px;
  width: auto;
}

.ui-single-listbox[ui-size="medium"] .dd-container-button,
.ui-multi-listbox[ui-size="medium"] .dd-container-button {
  padding: 0 6px;
}

.ui-single-listbox[ui-size="medium"] .dd-container-state,
.ui-single-listbox[ui-size="medium"] .dd-container-clear,
.ui-multi-listbox[ui-size="medium"] .dd-container-state,
.ui-multi-listbox[ui-size="medium"] .dd-container-clear {
  padding-right: 6px;
}

.ui-single-listbox[ui-size="small"],
.ui-multi-listbox[ui-size="small"] {
  border-radius: 3px;
  min-width: 45px;
  padding: 0;
  gap: 0;
  height: 22px;
}

.ui-single-listbox[ui-size="small"] .dd-container-button,
.ui-single-listbox[ui-size="small"] .dd-container-state,
.ui-single-listbox[ui-size="small"] .dd-container-clear,
.ui-multi-listbox[ui-size="small"] .dd-container-button,
.ui-multi-listbox[ui-size="small"] .dd-container-state,
.ui-multi-listbox[ui-size="small"] .dd-container-clear {
  font-size: 12px;
  line-height: 12px;
  width: auto;
}

.ui-single-listbox[ui-size="small"] .dd-container-button,
.ui-multi-listbox[ui-size="small"] .dd-container-button {
  padding: 0 5px;
}

.ui-single-listbox[ui-size="small"] .dd-container-state,
.ui-single-listbox[ui-size="small"] .dd-container-clear,
.ui-multi-listbox[ui-size="small"] .dd-container-state,
.ui-multi-listbox[ui-size="small"] .dd-container-clear {
  padding-right: 5px;
}

.ui-single-listbox[ui-size="large"],
.ui-multi-listbox[ui-size="large"] {
  border-radius: 5px;
  min-width: 75px;
  padding: 0;
  gap: 0;
  height: 30px;
}

.ui-single-listbox[ui-size="large"] .dd-container-button,
.ui-single-listbox[ui-size="large"] .dd-container-state,
.ui-single-listbox[ui-size="large"] .dd-container-clear,
.ui-multi-listbox[ui-size="large"] .dd-container-button,
.ui-multi-listbox[ui-size="large"] .dd-container-state,
.ui-multi-listbox[ui-size="large"] .dd-container-clear {
  font-size: 16px;
  line-height: 16px;
  width: auto;
}

.ui-single-listbox[ui-size="large"] .dd-container-button,
.ui-multi-listbox[ui-size="large"] .dd-container-button {
  padding: 0 7px;
}

.ui-single-listbox[ui-size="large"] .dd-container-state,
.ui-single-listbox[ui-size="large"] .dd-container-clear,
.ui-multi-listbox[ui-size="large"] .dd-container-state,
.ui-multi-listbox[ui-size="large"] .dd-container-clear {
  padding-right: 7px;
}

.ui-single-listbox .dd-container-clear,
.ui-multi-listbox .dd-container-clear {
  position: relative;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #63646c;
}

.ui-single-listbox .dd-container-clear:hover,
.ui-multi-listbox .dd-container-clear:hover {
  color: #0d0d13;
}

.ui-single-listbox .dd-container-clear:focus,
.ui-multi-listbox .dd-container-clear:focus {
  color: #0d0d13;
}

.ui-single-listbox:hover,
.ui-multi-listbox:hover {
  background-color: #fbfbff !important;
  color: #0d0d13;
  border: 1px solid #63646c;
}

.ui-single-listbox:focus,
.ui-multi-listbox:focus {
  background-color: #deebe1 !important;
  color: #0d0d13;
  border: 1px solid #83838a;
  outline: none !important;
}

.ui-single-listbox.dd-container-disabled,
.ui-multi-listbox.dd-container-disabled {
  background-color: #83838a !important;
  color: #FFFFFF;
  cursor: not-allowed;
  border: 1px solid #83838a;
}

.ui-single-listbox.dd-container-disabled .dd-container-button,
.ui-single-listbox.dd-container-disabled .dd-container-state,
.ui-multi-listbox.dd-container-disabled .dd-container-button,
.ui-multi-listbox.dd-container-disabled .dd-container-state {
  color: #FFFFFF;
  cursor: not-allowed;
}

.ui-single-listbox.dd-container-disabled .dd-container-clear,
.ui-multi-listbox.dd-container-disabled .dd-container-clear {
  display: none;
}

.ui-single-listbox .dd-container-state,
.ui-multi-listbox .dd-container-state {
  position: relative;
  background-color: transparent;
  border: none;
  color: #0d0d13;
  padding: 0;
}

.ui-single-listbox .dd-container-state:after,
.ui-multi-listbox .dd-container-state:after {
  border: none !important;
  position: relative !important;
  top: unset !important;
  left: unset !important;
  content: "\edc6";
  font-family: "webappsdk";
}

.ui-single-listbox.dd-container-opened .dd-container-state:after,
.ui-multi-listbox.dd-container-opened .dd-container-state:after {
  border: none !important;
  content: "\edc4";
  font-family: "webappsdk";
}

.ui-single-listbox .dd-container-clear:after,
.ui-multi-listbox .dd-container-clear:after {
  content: "\ed6a";
  font-family: "webappsdk";
}

.ui-drop-container-single,
.ui-drop-container-multi {
  font-family: "Roboto";
}

.ui-drop-container-single.ui-medium[vertical-position="top"],
.ui-drop-container-multi.ui-medium[vertical-position="top"] {
  padding-bottom: 4px;
}

.ui-drop-container-single.ui-medium[vertical-position="down"],
.ui-drop-container-multi.ui-medium[vertical-position="down"] {
  padding-top: 4px;
}

.ui-drop-container-single.ui-medium .dd-container-default,
.ui-drop-container-multi.ui-medium .dd-container-default {
  border-radius: 4px;
}

.ui-drop-container-single.ui-medium .dd-container-default .is-viewport,
.ui-drop-container-multi.ui-medium .dd-container-default .is-viewport {
  max-height: 230px !important;
}

.ui-drop-container-single.ui-medium .dd-container-default .is-item,
.ui-drop-container-multi.ui-medium .dd-container-default .is-item {
  height: 26px !important;
  margin: 0 6px;
  border-radius: 4px;
}

.ui-drop-container-single.ui-medium .dd-container-default .is-item .gwt-Label,
.ui-drop-container-multi.ui-medium .dd-container-default .is-item .gwt-Label {
  font-size: 14px;
  line-height: 26px;
  padding: 0 6px !important;
  width: 100%;
}

.ui-drop-container-single.ui-medium .dd-container-default .dd-listbox-item-group,
.ui-drop-container-multi.ui-medium .dd-container-default .dd-listbox-item-group {
  height: auto !important;
  margin: 0;
}

.ui-drop-container-single.ui-medium .dd-container-default .dd-listbox-item-group .gwt-Label,
.ui-drop-container-multi.ui-medium .dd-container-default .dd-listbox-item-group .gwt-Label {
  padding: 0 !important;
  margin: 6px;
  margin-bottom: calc(6px / 2);
}

.ui-drop-container-single.ui-medium .dd-container-default .dd-listbox-item-group .gwt-Label:first-child,
.ui-drop-container-multi.ui-medium .dd-container-default .dd-listbox-item-group .gwt-Label:first-child {
  margin-top: 0;
}

.ui-drop-container-single.ui-medium .dd-listbox-filter,
.ui-drop-container-multi.ui-medium .dd-listbox-filter {
  padding: 6px !important;
}

.ui-drop-container-single.ui-medium .is-item.dd-listbox-item-selected::before {
  padding-left: 6px !important;
  font-size: 14px;
}

.ui-drop-container-multi.ui-medium .is-container .is-item .gwt-CheckBox {
  position: absolute !important;
  left: 0 !important;
  padding-top: 0 !important;
  height: 26px !important;
  display: flex;
  align-items: center;
  pointer-events: none !important;
}

.ui-drop-container-multi.ui-medium .is-container .is-item .gwt-CheckBox label {
  padding-left: 6px !important;
  font-size: 14px;
}

.ui-drop-container-multi.ui-medium .is-container .is-item .gwt-Label {
  padding-left: calc(6px * 2 + 14px) !important;
}

.ui-drop-container-single,
.ui-drop-container-multi {
  font-family: "Roboto";
}

.ui-drop-container-single.ui-small[vertical-position="top"],
.ui-drop-container-multi.ui-small[vertical-position="top"] {
  padding-bottom: 3px;
}

.ui-drop-container-single.ui-small[vertical-position="down"],
.ui-drop-container-multi.ui-small[vertical-position="down"] {
  padding-top: 3px;
}

.ui-drop-container-single.ui-small .dd-container-default,
.ui-drop-container-multi.ui-small .dd-container-default {
  border-radius: 3px;
}

.ui-drop-container-single.ui-small .dd-container-default .is-viewport,
.ui-drop-container-multi.ui-small .dd-container-default .is-viewport {
  max-height: 195px !important;
}

.ui-drop-container-single.ui-small .dd-container-default .is-item,
.ui-drop-container-multi.ui-small .dd-container-default .is-item {
  height: 22px !important;
  margin: 0 5px;
  border-radius: 3px;
}

.ui-drop-container-single.ui-small .dd-container-default .is-item .gwt-Label,
.ui-drop-container-multi.ui-small .dd-container-default .is-item .gwt-Label {
  font-size: 12px;
  line-height: 22px;
  padding: 0 5px !important;
  width: 100%;
}

.ui-drop-container-single.ui-small .dd-container-default .dd-listbox-item-group,
.ui-drop-container-multi.ui-small .dd-container-default .dd-listbox-item-group {
  height: auto !important;
  margin: 0;
}

.ui-drop-container-single.ui-small .dd-container-default .dd-listbox-item-group .gwt-Label,
.ui-drop-container-multi.ui-small .dd-container-default .dd-listbox-item-group .gwt-Label {
  padding: 0 !important;
  margin: 5px;
  margin-bottom: calc(5px / 2);
}

.ui-drop-container-single.ui-small .dd-container-default .dd-listbox-item-group .gwt-Label:first-child,
.ui-drop-container-multi.ui-small .dd-container-default .dd-listbox-item-group .gwt-Label:first-child {
  margin-top: 0;
}

.ui-drop-container-single.ui-small .dd-listbox-filter,
.ui-drop-container-multi.ui-small .dd-listbox-filter {
  padding: 5px !important;
}

.ui-drop-container-single.ui-small .is-item.dd-listbox-item-selected::before {
  padding-left: 5px !important;
  font-size: 12px;
}

.ui-drop-container-multi.ui-small .is-container .is-item .gwt-CheckBox {
  position: absolute !important;
  left: 0 !important;
  padding-top: 0 !important;
  height: 22px !important;
  display: flex;
  align-items: center;
  pointer-events: none !important;
}

.ui-drop-container-multi.ui-small .is-container .is-item .gwt-CheckBox label {
  padding-left: 5px !important;
  font-size: 12px;
}

.ui-drop-container-multi.ui-small .is-container .is-item .gwt-Label {
  padding-left: calc(5px * 2 + 12px) !important;
}

.ui-drop-container-single,
.ui-drop-container-multi {
  font-family: "Roboto";
}

.ui-drop-container-single.ui-large[vertical-position="top"],
.ui-drop-container-multi.ui-large[vertical-position="top"] {
  padding-bottom: 5px;
}

.ui-drop-container-single.ui-large[vertical-position="down"],
.ui-drop-container-multi.ui-large[vertical-position="down"] {
  padding-top: 5px;
}

.ui-drop-container-single.ui-large .dd-container-default,
.ui-drop-container-multi.ui-large .dd-container-default {
  border-radius: 5px;
}

.ui-drop-container-single.ui-large .dd-container-default .is-viewport,
.ui-drop-container-multi.ui-large .dd-container-default .is-viewport {
  max-height: 265px !important;
}

.ui-drop-container-single.ui-large .dd-container-default .is-item,
.ui-drop-container-multi.ui-large .dd-container-default .is-item {
  height: 30px !important;
  margin: 0 7px;
  border-radius: 5px;
}

.ui-drop-container-single.ui-large .dd-container-default .is-item .gwt-Label,
.ui-drop-container-multi.ui-large .dd-container-default .is-item .gwt-Label {
  font-size: 16px;
  line-height: 30px;
  padding: 0 7px !important;
  width: 100%;
}

.ui-drop-container-single.ui-large .dd-container-default .dd-listbox-item-group,
.ui-drop-container-multi.ui-large .dd-container-default .dd-listbox-item-group {
  height: auto !important;
  margin: 0;
}

.ui-drop-container-single.ui-large .dd-container-default .dd-listbox-item-group .gwt-Label,
.ui-drop-container-multi.ui-large .dd-container-default .dd-listbox-item-group .gwt-Label {
  padding: 0 !important;
  margin: 7px;
  margin-bottom: calc(7px / 2);
}

.ui-drop-container-single.ui-large .dd-container-default .dd-listbox-item-group .gwt-Label:first-child,
.ui-drop-container-multi.ui-large .dd-container-default .dd-listbox-item-group .gwt-Label:first-child {
  margin-top: 0;
}

.ui-drop-container-single.ui-large .dd-listbox-filter,
.ui-drop-container-multi.ui-large .dd-listbox-filter {
  padding: 7px !important;
}

.ui-drop-container-single.ui-large .is-item.dd-listbox-item-selected::before {
  padding-left: 7px !important;
  font-size: 16px;
}

.ui-drop-container-multi.ui-large .is-container .is-item .gwt-CheckBox {
  position: absolute !important;
  left: 0 !important;
  padding-top: 0 !important;
  height: 30px !important;
  display: flex;
  align-items: center;
  pointer-events: none !important;
}

.ui-drop-container-multi.ui-large .is-container .is-item .gwt-CheckBox label {
  padding-left: 7px !important;
  font-size: 16px;
}

.ui-drop-container-multi.ui-large .is-container .is-item .gwt-Label {
  padding-left: calc(7px * 2 + 16px) !important;
}

.ui-drop-container-single .is-container .is-item {
  cursor: pointer;
}

.ui-drop-container-single .is-container .is-item:not(.dd-listbox-item-group).dd-listbox-item-selected {
  background-color: transparent !important;
}

.ui-drop-container-single .is-container .is-item:not(.dd-listbox-item-group).dd-listbox-item-selected::before {
  content: "\ed6c";
  font-family: "webappsdk";
}

.ui-drop-container-single,
.ui-drop-container-multi {
  position: absolute;
  display: flex;
  min-width: fit-content;
  z-index: 100;
}

.ui-drop-container-single .dd-container-default,
.ui-drop-container-multi .dd-container-default {
  position: relative;
  flex-grow: 1;
  border: 1px solid #83838a;
  background-color: #FFFFFF;
}

.ui-drop-container-single .dd-listbox-filter,
.ui-drop-container-multi .dd-listbox-filter {
  position: relative;
}

.ui-drop-container-single .dd-listbox-filter::after,
.ui-drop-container-multi .dd-listbox-filter::after {
  position: absolute;
}

.ui-drop-container-single .dd-listbox-filter input,
.ui-drop-container-multi .dd-listbox-filter input {
  width: 100%;
  outline: none;
}

.ui-drop-container-single.ui-medium .dd-listbox-filter::after,
.ui-drop-container-multi.ui-medium .dd-listbox-filter::after {
  font-size: 14px !important;
  line-height: 26px !important;
  right: calc(6px * 2) !important;
  top: 6px !important;
}

.ui-drop-container-single.ui-medium .dd-listbox-filter input,
.ui-drop-container-multi.ui-medium .dd-listbox-filter input {
  padding: 0 6px;
  font-size: 14px;
  line-height: 14px;
  height: 26px;
  border-radius: 4px;
  min-width: 60px;
}

.ui-drop-container-single.ui-small .dd-listbox-filter::after,
.ui-drop-container-multi.ui-small .dd-listbox-filter::after {
  font-size: 12px !important;
  line-height: 22px !important;
  right: calc(5px * 2) !important;
  top: 5px !important;
}

.ui-drop-container-single.ui-small .dd-listbox-filter input,
.ui-drop-container-multi.ui-small .dd-listbox-filter input {
  padding: 0 5px;
  font-size: 12px;
  line-height: 12px;
  height: 22px;
  border-radius: 3px;
  min-width: 45px;
}

.ui-drop-container-single.ui-large .dd-listbox-filter::after,
.ui-drop-container-multi.ui-large .dd-listbox-filter::after {
  font-size: 16px !important;
  line-height: 30px !important;
  right: calc(7px * 2) !important;
  top: 7px !important;
}

.ui-drop-container-single.ui-large .dd-listbox-filter input,
.ui-drop-container-multi.ui-large .dd-listbox-filter input {
  padding: 0 7px;
  font-size: 16px;
  line-height: 16px;
  height: 30px;
  border-radius: 5px;
  min-width: 75px;
}

.ui-drop-container-single .is-container,
.ui-drop-container-multi .is-container {
  padding-bottom: 2px;
}

.ui-drop-container-single .is-container .is-item,
.ui-drop-container-multi .is-container .is-item {
  display: flex;
  align-items: center;
  padding: 0 !important;
  position: relative;
  border: 1px solid transparent !important;
  color: #0d0d13 !important;
}

.ui-drop-container-single .is-container .is-item:not(.dd-listbox-item-group).is-item-index,
.ui-drop-container-multi .is-container .is-item:not(.dd-listbox-item-group).is-item-index {
  border: 1px solid #009c4b !important;
}

.ui-drop-container-single .is-container .is-item:not(.dd-listbox-item-group):hover,
.ui-drop-container-multi .is-container .is-item:not(.dd-listbox-item-group):hover {
  background-color: #E1E2E8 !important;
}

.ui-drop-container-single .dd-listbox-item-group,
.ui-drop-container-multi .dd-listbox-item-group {
  border: none !important;
}

.ui-drop-container-single .dd-listbox-item-group .gwt-Label,
.ui-drop-container-multi .dd-listbox-item-group .gwt-Label {
  color: #0d0d13 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid #0d0d13 !important;
}

.ui-drop-container-single .dd-listbox-filter::after,
.ui-drop-container-multi .dd-listbox-filter::after {
  color: #0d0d13 !important;
  content: "\eb30";
  font-family: "webappsdk";
}

.ui-drop-container-single .dd-listbox-filter input,
.ui-drop-container-multi .dd-listbox-filter input {
  background-color: #FFFFFF !important;
  border: 1px solid #83838a !important;
  color: #0d0d13 !important;
}

.ui-drop-container-single .dd-listbox-filter input:hover,
.ui-drop-container-multi .dd-listbox-filter input:hover {
  background-color: #fbfbff !important;
  color: #0d0d13 !important;
  border: 1px solid #63646c !important;
}

.ui-drop-container-single .dd-listbox-filter input:focus,
.ui-drop-container-multi .dd-listbox-filter input:focus {
  background-color: #deebe1 !important;
  color: #0d0d13 !important;
  border: 1px solid #83838a !important;
}

.ui-drop-container-single .dd-listbox-filter input:disabled,
.ui-drop-container-multi .dd-listbox-filter input:disabled {
  background-color: #83838a !important;
  color: #FFFFFF !important;
  border: 1px solid #83838a !important;
  cursor: not-allowed;
}

.ui-drop-container-multi .is-container .is-item {
  cursor: pointer;
}

.ui-drop-container-multi .is-container .is-item label {
  position: relative;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
  font-weight: normal;
}

.ui-drop-container-multi .is-container .is-item input[type="checkbox"] {
  display: none;
}

.ui-drop-container-multi .is-container .is-item input[type="checkbox"] + label::before {
  display: block;
  text-align: center;
}

.ui-drop-container-multi .is-container .is-item input[type="checkbox"]:checked + label::before {
  content: "\ee6b";
  font-family: "webappsdk";
}

.ui-drop-container-multi .is-container .is-item input[type="checkbox"]:not(:checked) + label::before {
  content: "\ee6c";
  font-family: "webappsdk";
}

.ui-checkbox {
  font-family: "Roboto";
  position: relative;
  display: flex;
  align-items: center;
  color: #FFFFFF;
}

.ui-checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1;
  margin: 0;
  cursor: pointer;
}

.ui-checkbox label {
  position: relative;
  align-items: center;
  margin-bottom: 0;
  cursor: pointer;
  color: #0d0d13;
  text-transform: none;
  font-weight: normal;
}

.ui-checkbox label::before {
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  color: #0d0d13;
}

.ui-checkbox label::after {
  box-sizing: border-box;
  position: absolute;
  content: "";
  border-radius: 50%;
}

.ui-checkbox input[type="checkbox"]:hover + label::after {
  background-color: #92d7ab;
}

.ui-checkbox input[type="checkbox"]:focus + label::after {
  background-color: #92d7ab;
}

.ui-checkbox input[type="checkbox"]:active + label::after {
  background-color: #92d7ab;
}

.ui-checkbox input[type="checkbox"]:checked + label::before {
  content: "\ee6b";
  font-family: "webappsdk";
  display: block;
  text-align: center;
}

.ui-checkbox input[type="checkbox"]:not(:checked) + label::before {
  content: "\ee6c";
  font-family: "webappsdk";
  display: block;
  text-align: center;
}

.ui-checkbox input[type="checkbox"]:indeterminate + label::before {
  content: "\ee65";
  font-family: "webappsdk";
  display: block;
  text-align: center;
}

.ui-checkbox[ui-size="medium"] {
  gap: 3px;
}

.ui-checkbox[ui-size="medium"] input[type="checkbox"] {
  height: 16px;
  width: 22px;
}

.ui-checkbox[ui-size="medium"] label {
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  padding-right: calc((22px - 14px) / 2);
}

.ui-checkbox[ui-size="medium"] label::before {
  left: calc(-22px - 3px);
  top: 0;
  height: 16px;
  line-height: 16px;
  width: 22px;
  font-size: 14px;
}

.ui-checkbox[ui-size="medium"] input[type="checkbox"]:hover + label::after {
  left: calc(-22px - 3px - (22px - 22px) / 2);
  top: calc((16px - 22px) / 2);
  height: 22px;
  width: 22px;
}

.ui-checkbox[ui-size="medium"] input[type="checkbox"]:focus + label::after {
  left: calc(-22px - 3px - (22px - 22px) / 2);
  top: calc((16px - 22px) / 2);
  height: 22px;
  width: 22px;
}

.ui-checkbox[ui-size="medium"] input[type="checkbox"]:active + label::after {
  left: calc(-20px - 3px - (22px - 20px) / 2);
  top: calc((16px - 20px) / 2);
  height: 20px;
  width: 20px;
}

.ui-checkbox[ui-size="small"] {
  gap: 2px;
}

.ui-checkbox[ui-size="small"] input[type="checkbox"] {
  height: 14px;
  width: 20px;
}

.ui-checkbox[ui-size="small"] label {
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  padding-right: calc((20px - 12px) / 2);
}

.ui-checkbox[ui-size="small"] label::before {
  left: calc(-20px - 2px);
  top: 0;
  height: 14px;
  line-height: 14px;
  width: 20px;
  font-size: 12px;
}

.ui-checkbox[ui-size="small"] input[type="checkbox"]:hover + label::after {
  left: calc(-20px - 2px - (20px - 20px) / 2);
  top: calc((14px - 20px) / 2);
  height: 20px;
  width: 20px;
}

.ui-checkbox[ui-size="small"] input[type="checkbox"]:focus + label::after {
  left: calc(-20px - 2px - (20px - 20px) / 2);
  top: calc((14px - 20px) / 2);
  height: 20px;
  width: 20px;
}

.ui-checkbox[ui-size="small"] input[type="checkbox"]:active + label::after {
  left: calc(-18px - 2px - (20px - 18px) / 2);
  top: calc((14px - 18px) / 2);
  height: 18px;
  width: 18px;
}

.ui-checkbox[ui-size="large"] {
  gap: 4px;
}

.ui-checkbox[ui-size="large"] input[type="checkbox"] {
  height: 22px;
  width: 24px;
}

.ui-checkbox[ui-size="large"] label {
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  padding-right: calc((24px - 16px) / 2);
}

.ui-checkbox[ui-size="large"] label::before {
  left: calc(-24px - 4px);
  top: 0;
  height: 22px;
  line-height: 22px;
  width: 24px;
  font-size: 16px;
}

.ui-checkbox[ui-size="large"] input[type="checkbox"]:hover + label::after {
  left: calc(-24px - 4px - (24px - 24px) / 2);
  top: calc((22px - 24px) / 2);
  height: 24px;
  width: 24px;
}

.ui-checkbox[ui-size="large"] input[type="checkbox"]:focus + label::after {
  left: calc(-24px - 4px - (24px - 24px) / 2);
  top: calc((22px - 24px) / 2);
  height: 24px;
  width: 24px;
}

.ui-checkbox[ui-size="large"] input[type="checkbox"]:active + label::after {
  left: calc(-22px - 4px - (24px - 22px) / 2);
  top: calc((22px - 22px) / 2);
  height: 22px;
  width: 22px;
}

.ui-checkbox.gwt-CheckBox-disabled label {
  cursor: not-allowed;
  color: #83838a;
}

.ui-checkbox.gwt-CheckBox-disabled label::before {
  color: #83838a;
}

.ui-checkbox.gwt-CheckBox-disabled label::after {
  display: none !important;
}

.ui-checkbox-group[ui-type="standard1"] {
  background-color: #FFFFFF !important;
  border: 1px solid #83838a !important;
}

.ui-checkbox-group[ui-type="standard2"] {
  background-color: #FFFFFF !important;
  border: 1px solid #83838a !important;
}

.ui-checkbox-group[ui-type="standard3"] {
  background-color: #FFFFFF !important;
  border: 1px solid #83838a !important;
}

.ui-checkbox-group[ui-type="standard4"] {
  background-color: #FFFFFF !important;
  border: 1px solid #83838a !important;
}

.ui-checkbox-group[ui-type="standard5"] {
  background-color: #FFFFFF !important;
  border: 1px solid #83838a !important;
}

.ui-checkbox-group[ui-size="medium"][ui-type] {
  border-radius: 4px !important;
}

.ui-checkbox-group[ui-size="medium"][ui-type][ui-orientation="horizontal"] {
  height: 26px;
}

.ui-checkbox-group[ui-size="small"][ui-type] {
  border-radius: 3px !important;
}

.ui-checkbox-group[ui-size="small"][ui-type][ui-orientation="horizontal"] {
  height: 22px;
}

.ui-checkbox-group[ui-size="large"][ui-type] {
  border-radius: 5px !important;
}

.ui-checkbox-group[ui-size="large"][ui-type][ui-orientation="horizontal"] {
  height: 30px;
}

.ui-checkbox-group.disabled {
  cursor: not-allowed;
}

.ui-checkbox-group.disabled[ui-type] {
  background-color: #83838a !important;
  border-color: #83838a !important;
}

.ui-checkbox-group.disabled[ui-type] .gwt-CheckBox-disabled label {
  color: #FFFFFF;
}

.ui-checkbox-group.disabled[ui-type] .gwt-CheckBox-disabled label::before {
  color: #FFFFFF;
}

.ui-switch {
  font-family: "Roboto";
  position: relative;
  line-height: 1;
}

.ui-switch input[type="checkbox"] {
  opacity: 0;
  margin: 0;
  z-index: 1000;
}

.ui-switch label {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  border: 1px solid;
}

.ui-switch label:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 2px;
  transition: 0.15s;
}

.ui-switch label:before {
  content: "\ed6a";
  font-family: "webappsdk";
  position: absolute;
  top: 1px;
  left: 2px;
  text-align: center;
  z-index: 1;
}

.ui-switch input:checked + label:before {
  content: "\ed6c";
  font-family: "webappsdk";
}

.ui-switch[ui-size="medium"] {
  width: 40px;
  height: 18px;
}

.ui-switch[ui-size="medium"] input[type="checkbox"],
.ui-switch[ui-size="medium"] label {
  width: 40px;
  height: 18px;
}

.ui-switch[ui-size="medium"] label {
  line-height: 18px;
  border-radius: calc(18px / 2);
  margin-bottom: 0;
}

.ui-switch[ui-size="medium"] label:after {
  width: 14px;
  height: 14px;
  border-radius: calc(14px / 2);
}

.ui-switch[ui-size="medium"] label:before {
  width: 14px;
  height: 14px;
  font-size: 10px;
  line-height: 14px;
}

.ui-switch[ui-size="medium"] input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}

.ui-switch[ui-size="medium"] input:checked + label:before {
  left: calc(100% - 14px - 2px);
}

.ui-switch[ui-size="small"] {
  width: 34px;
  height: 16px;
}

.ui-switch[ui-size="small"] input[type="checkbox"],
.ui-switch[ui-size="small"] label {
  width: 34px;
  height: 16px;
}

.ui-switch[ui-size="small"] label {
  line-height: 16px;
  border-radius: calc(16px / 2);
  margin-bottom: 0;
}

.ui-switch[ui-size="small"] label:after {
  width: 12px;
  height: 12px;
  border-radius: calc(12px / 2);
}

.ui-switch[ui-size="small"] label:before {
  width: 12px;
  height: 12px;
  font-size: 8px;
  line-height: 12px;
}

.ui-switch[ui-size="small"] input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}

.ui-switch[ui-size="small"] input:checked + label:before {
  left: calc(100% - 12px - 2px);
}

.ui-switch[ui-size="large"] {
  width: 46px;
  height: 20px;
}

.ui-switch[ui-size="large"] input[type="checkbox"],
.ui-switch[ui-size="large"] label {
  width: 46px;
  height: 20px;
}

.ui-switch[ui-size="large"] label {
  line-height: 20px;
  border-radius: calc(20px / 2);
  margin-bottom: 0;
}

.ui-switch[ui-size="large"] label:after {
  width: 16px;
  height: 16px;
  border-radius: calc(16px / 2);
}

.ui-switch[ui-size="large"] label:before {
  width: 16px;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
}

.ui-switch[ui-size="large"] input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}

.ui-switch[ui-size="large"] input:checked + label:before {
  left: calc(100% - 16px - 2px);
}

.ui-switch[ui-type="primary"] label {
  background: #83838a;
  border-color: transparent;
}

.ui-switch[ui-type="primary"] label:before {
  color: #83838a;
}

.ui-switch[ui-type="primary"] label:after {
  background-color: #FFFFFF;
}

.ui-switch[ui-type="primary"] input:hover:not(:checked) + label {
  background: #63646c;
}

.ui-switch[ui-type="primary"] input:hover:not(:checked) + label:before {
  color: #63646c;
}

.ui-switch[ui-type="primary"] input:focus:not(:checked) + label {
  background: #83838a;
  border-color: #0d0d13;
}

.ui-switch[ui-type="primary"] input:focus:not(:checked) + label:before {
  color: #83838a;
}

.ui-switch[ui-type="primary"] input:disabled:not(:checked) + label {
  cursor: not-allowed !important;
  background: #83838a;
  border-color: transparent;
}

.ui-switch[ui-type="primary"] input:disabled:not(:checked) + label:before {
  color: #83838a;
}

.ui-switch[ui-type="primary"] input:disabled:not(:checked) + label:after {
  background-color: #b2b3c4;
}

.ui-switch[ui-type="primary"] input:checked + label {
  background: #167e16;
  border-color: transparent;
}

.ui-switch[ui-type="primary"] input:checked + label:before {
  color: #167e16;
}

.ui-switch[ui-type="primary"] input:checked + label:after {
  background-color: #FFFFFF;
}

.ui-switch[ui-type="primary"] input:hover:checked + label {
  background: #126512;
}

.ui-switch[ui-type="primary"] input:hover:checked + label:before {
  color: #126512;
}

.ui-switch[ui-type="primary"] input:focus:checked + label {
  background: #167e16;
  border-color: #0d0d13;
}

.ui-switch[ui-type="primary"] input:focus:checked + label:before {
  color: #167e16;
}

.ui-switch[ui-type="primary"] input:disabled:checked + label {
  cursor: not-allowed !important;
  background: #167e16;
  border-color: transparent;
}

.ui-switch[ui-type="primary"] input:disabled:checked + label:before {
  color: #167e16;
}

.ui-switch[ui-type="primary"] input:disabled:checked + label:after {
  background-color: #b2b3c4;
}

.ui-switch[ui-type="danger"] label {
  background: #cc1c1c;
  border-color: transparent;
}

.ui-switch[ui-type="danger"] label:before {
  color: #cc1c1c;
}

.ui-switch[ui-type="danger"] label:after {
  background-color: #FFFFFF;
}

.ui-switch[ui-type="danger"] input:hover:not(:checked) + label {
  background: #a31616;
}

.ui-switch[ui-type="danger"] input:hover:not(:checked) + label:before {
  color: #a31616;
}

.ui-switch[ui-type="danger"] input:focus:not(:checked) + label {
  background: #cc1c1c;
  border-color: #0d0d13;
}

.ui-switch[ui-type="danger"] input:focus:not(:checked) + label:before {
  color: #cc1c1c;
}

.ui-switch[ui-type="danger"] input:disabled:not(:checked) + label {
  cursor: not-allowed !important;
  background: #cc1c1c;
  border-color: transparent;
}

.ui-switch[ui-type="danger"] input:disabled:not(:checked) + label:before {
  color: #cc1c1c;
}

.ui-switch[ui-type="danger"] input:disabled:not(:checked) + label:after {
  background-color: #b2b3c4;
}

.ui-switch[ui-type="danger"] input:checked + label {
  background: #167e16;
  border-color: transparent;
}

.ui-switch[ui-type="danger"] input:checked + label:before {
  color: #167e16;
}

.ui-switch[ui-type="danger"] input:checked + label:after {
  background-color: #FFFFFF;
}

.ui-switch[ui-type="danger"] input:hover:checked + label {
  background: #126512;
}

.ui-switch[ui-type="danger"] input:hover:checked + label:before {
  color: #126512;
}

.ui-switch[ui-type="danger"] input:focus:checked + label {
  background: #167e16;
  border-color: #0d0d13;
}

.ui-switch[ui-type="danger"] input:focus:checked + label:before {
  color: #167e16;
}

.ui-switch[ui-type="danger"] input:disabled:checked + label {
  cursor: not-allowed !important;
  background: #167e16;
  border-color: transparent;
}

.ui-switch[ui-type="danger"] input:disabled:checked + label:before {
  color: #167e16;
}

.ui-switch[ui-type="danger"] input:disabled:checked + label:after {
  background-color: #b2b3c4;
}

.ui-button-dropdown {
  cursor: pointer;
  flex-shrink: 0;
  position: relative;
  font-family: "Roboto";
}

.ui-button-dropdown.icon-only {
  min-width: 0px !important;
}

.ui-button-dropdown.icon-only .dd-container-button {
  padding-right: 0 !important;
}

.ui-button-dropdown[ui-icon]::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  font-weight: normal;
  display: flex;
  align-items: center;
}

.ui-button-dropdown .dd-container-button {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: transparent;
  border: none;
}

.ui-button-dropdown[ui-size="medium"] {
  padding: 0;
  gap: 0;
  height: 26px;
  border-radius: 4px;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-button-dropdown[ui-size="medium"] .dd-container-button {
  padding: 0 6px;
}

.ui-button-dropdown[ui-size="medium"] .dd-container-state {
  padding-right: 6px;
}

.ui-button-dropdown[ui-size="medium"] .dd-container-button,
.ui-button-dropdown[ui-size="medium"] .dd-container-state {
  font-size: 14px;
  line-height: 14px;
  height: 100%;
  width: auto;
}

.ui-button-dropdown[ui-size="medium"][ui-icon]::before {
  padding-left: 6px;
  font-size: 14px;
}

.ui-button-dropdown[ui-size="medium"][ui-icon] .dd-container-button {
  padding-left: calc(6px + 6px + 14px);
}

.ui-button-dropdown[ui-size="small"] {
  padding: 0;
  gap: 0;
  height: 22px;
  border-radius: 3px;
  min-width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-button-dropdown[ui-size="small"] .dd-container-button {
  padding: 0 5px;
}

.ui-button-dropdown[ui-size="small"] .dd-container-state {
  padding-right: 5px;
}

.ui-button-dropdown[ui-size="small"] .dd-container-button,
.ui-button-dropdown[ui-size="small"] .dd-container-state {
  font-size: 12px;
  line-height: 12px;
  height: 100%;
  width: auto;
}

.ui-button-dropdown[ui-size="small"][ui-icon]::before {
  padding-left: 5px;
  font-size: 12px;
}

.ui-button-dropdown[ui-size="small"][ui-icon] .dd-container-button {
  padding-left: calc(5px + 5px + 12px);
}

.ui-button-dropdown[ui-size="large"] {
  padding: 0;
  gap: 0;
  height: 30px;
  border-radius: 5px;
  min-width: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-button-dropdown[ui-size="large"] .dd-container-button {
  padding: 0 7px;
}

.ui-button-dropdown[ui-size="large"] .dd-container-state {
  padding-right: 7px;
}

.ui-button-dropdown[ui-size="large"] .dd-container-button,
.ui-button-dropdown[ui-size="large"] .dd-container-state {
  font-size: 16px;
  line-height: 16px;
  height: 100%;
  width: auto;
}

.ui-button-dropdown[ui-size="large"][ui-icon]::before {
  padding-left: 7px;
  font-size: 16px;
}

.ui-button-dropdown[ui-size="large"][ui-icon] .dd-container-button {
  padding-left: calc(7px + 7px + 16px);
}

.ui-button-dropdown[ui-type="primary"] {
  background-color: #009c4b;
  border: 1px solid transparent;
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="primary"] .dd-container-button-placeholder {
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="primary"] .dd-container-state {
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="primary"]:hover {
  background-color: #00833f;
  border-color: transparent;
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="primary"]:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.ui-button-dropdown[ui-type="primary"]:active {
  background-color: #006932;
  border-color: transparent;
  color: #FFFFFF;
  outline: none !important;
}

.ui-button-dropdown[ui-type="primary"]:disabled {
  background-color: #92d7ab;
  border-color: transparent;
  color: #FFFFFF;
  cursor: not-allowed;
}

.ui-button-dropdown[ui-type="secondary"] {
  background-color: #cbcde1;
  border: 1px solid transparent;
  color: #0d0d13;
}

.ui-button-dropdown[ui-type="secondary"] .dd-container-button-placeholder {
  color: #0d0d13;
}

.ui-button-dropdown[ui-type="secondary"] .dd-container-state {
  color: #0d0d13;
}

.ui-button-dropdown[ui-type="secondary"]:hover {
  background-color: #b2b3c4;
  border-color: transparent;
  color: #0d0d13;
}

.ui-button-dropdown[ui-type="secondary"]:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.ui-button-dropdown[ui-type="secondary"]:active {
  background-color: #83838a;
  border-color: transparent;
  color: #0d0d13;
  outline: none !important;
}

.ui-button-dropdown[ui-type="secondary"]:disabled {
  background-color: #cbcde1;
  border-color: transparent;
  color: #83838a;
  cursor: not-allowed;
}

.ui-button-dropdown[ui-type="tertiary"] {
  background-color: transparent;
  border: 1px solid transparent;
  color: #0d0d13;
}

.ui-button-dropdown[ui-type="tertiary"] .dd-container-button-placeholder {
  color: #0d0d13;
}

.ui-button-dropdown[ui-type="tertiary"] .dd-container-state {
  color: #0d0d13;
}

.ui-button-dropdown[ui-type="tertiary"]:hover {
  background-color: #b2b3c4;
  border-color: transparent;
  color: #0d0d13;
}

.ui-button-dropdown[ui-type="tertiary"]:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.ui-button-dropdown[ui-type="tertiary"]:active {
  background-color: #83838a;
  border-color: transparent;
  color: #0d0d13;
  outline: none !important;
}

.ui-button-dropdown[ui-type="tertiary"]:disabled {
  background-color: #cbcde1;
  border-color: transparent;
  color: #83838a;
  cursor: not-allowed;
}

.ui-button-dropdown[ui-type="danger"] {
  background-color: #cc1c1c;
  border: 1px solid transparent;
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="danger"] .dd-container-button-placeholder {
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="danger"] .dd-container-state {
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="danger"]:hover {
  background-color: #a31616;
  border-color: transparent;
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="danger"]:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.ui-button-dropdown[ui-type="danger"]:active {
  background-color: #821212;
  border-color: transparent;
  color: #FFFFFF;
  outline: none !important;
}

.ui-button-dropdown[ui-type="danger"]:disabled {
  background-color: #cc1c1c;
  border-color: transparent;
  color: #b2b3c4;
  cursor: not-allowed;
}

.ui-button-dropdown[ui-type="buy"] {
  background-color: #167e16;
  border: 1px solid transparent;
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="buy"] .dd-container-button-placeholder {
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="buy"] .dd-container-state {
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="buy"]:hover {
  background-color: #126512;
  border-color: transparent;
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="buy"]:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.ui-button-dropdown[ui-type="buy"]:active {
  background-color: #0e510e;
  border-color: transparent;
  color: #FFFFFF;
  outline: none !important;
}

.ui-button-dropdown[ui-type="buy"]:disabled {
  background-color: #167e16;
  border-color: transparent;
  color: #b2b3c4;
  cursor: not-allowed;
}

.ui-button-dropdown[ui-type="sell"] {
  background-color: #B35100;
  border: 1px solid transparent;
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="sell"] .dd-container-button-placeholder {
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="sell"] .dd-container-state {
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="sell"]:hover {
  background-color: #8F4100;
  border-color: transparent;
  color: #FFFFFF;
}

.ui-button-dropdown[ui-type="sell"]:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.ui-button-dropdown[ui-type="sell"]:active {
  background-color: #723400;
  border-color: transparent;
  color: #FFFFFF;
  outline: none !important;
}

.ui-button-dropdown[ui-type="sell"]:disabled {
  background-color: #B35100;
  border-color: transparent;
  color: #b2b3c4;
  cursor: not-allowed;
}

.ui-button-dropdown .dd-container-state {
  background-color: transparent;
  border: none;
}

.ui-button-dropdown .dd-container-state:after {
  border: none !important;
  position: relative !important;
  top: unset !important;
  left: unset !important;
  content: "\edc6";
  font-family: "webappsdk";
}

.ui-button-dropdown.dd-container-opened .dd-container-state:after {
  border: none !important;
  content: "\edc4";
  font-family: "webappsdk";
}

.ui-dropdown-menu-container.ui-medium[vertical-position="top"] {
  padding-bottom: 4px;
}

.ui-dropdown-menu-container.ui-medium[vertical-position="down"] {
  padding-top: 4px;
}

.ui-dropdown-menu-container.ui-medium .dd-container-default {
  width: 100%;
  border-radius: 4px;
}

.ui-dropdown-menu-container.ui-medium .dd-container-default .is-viewport {
  max-height: 230px !important;
}

.ui-dropdown-menu-container.ui-medium .dd-container-default .is-item .is-item-wrapper {
  width: 100%;
  height: 26px !important;
}

.ui-dropdown-menu-container.ui-medium .dd-container-default .is-item .is-item-wrapper .dd-container-button {
  padding-left: 6px !important;
  font-size: 14px;
}

.ui-dropdown-menu-container.ui-medium .dd-container-default .is-item .is-item-wrapper .dd-container-state {
  padding-right: 6px !important;
  font-size: 14px;
}

.ui-dropdown-menu-container.ui-medium .dd-container-default .is-item .is-item-wrapper .gwt-Label {
  font-size: 14px;
  line-height: 26px;
  padding: 0 6px !important;
  width: 100%;
}

.ui-dropdown-menu-container.ui-medium .dd-container-default .dd-listbox-item-group .is-item-wrapper {
  height: auto !important;
}

.ui-dropdown-menu-container.ui-medium .dd-container-default .dd-listbox-item-group .is-item-wrapper .gwt-Label {
  padding: 0 !important;
  margin: 6px;
  margin-bottom: calc(6px / 2);
}

.ui-dropdown-menu-container.ui-medium .dd-container-default .dd-listbox-item-group .is-item-wrapper .gwt-Label:first-child {
  margin-top: 0;
}

.ui-dropdown-menu-container.ui-small[vertical-position="top"] {
  padding-bottom: 3px;
}

.ui-dropdown-menu-container.ui-small[vertical-position="down"] {
  padding-top: 3px;
}

.ui-dropdown-menu-container.ui-small .dd-container-default {
  width: 100%;
  border-radius: 3px;
}

.ui-dropdown-menu-container.ui-small .dd-container-default .is-viewport {
  max-height: 195px !important;
}

.ui-dropdown-menu-container.ui-small .dd-container-default .is-item .is-item-wrapper {
  width: 100%;
  height: 22px !important;
}

.ui-dropdown-menu-container.ui-small .dd-container-default .is-item .is-item-wrapper .dd-container-button {
  padding-left: 5px !important;
  font-size: 12px;
}

.ui-dropdown-menu-container.ui-small .dd-container-default .is-item .is-item-wrapper .dd-container-state {
  padding-right: 5px !important;
  font-size: 12px;
}

.ui-dropdown-menu-container.ui-small .dd-container-default .is-item .is-item-wrapper .gwt-Label {
  font-size: 12px;
  line-height: 22px;
  padding: 0 5px !important;
  width: 100%;
}

.ui-dropdown-menu-container.ui-small .dd-container-default .dd-listbox-item-group .is-item-wrapper {
  height: auto !important;
}

.ui-dropdown-menu-container.ui-small .dd-container-default .dd-listbox-item-group .is-item-wrapper .gwt-Label {
  padding: 0 !important;
  margin: 5px;
  margin-bottom: calc(5px / 2);
}

.ui-dropdown-menu-container.ui-small .dd-container-default .dd-listbox-item-group .is-item-wrapper .gwt-Label:first-child {
  margin-top: 0;
}

.ui-dropdown-menu-container.ui-large[vertical-position="top"] {
  padding-bottom: 5px;
}

.ui-dropdown-menu-container.ui-large[vertical-position="down"] {
  padding-top: 5px;
}

.ui-dropdown-menu-container.ui-large .dd-container-default {
  width: 100%;
  border-radius: 5px;
}

.ui-dropdown-menu-container.ui-large .dd-container-default .is-viewport {
  max-height: 265px !important;
}

.ui-dropdown-menu-container.ui-large .dd-container-default .is-item .is-item-wrapper {
  width: 100%;
  height: 30px !important;
}

.ui-dropdown-menu-container.ui-large .dd-container-default .is-item .is-item-wrapper .dd-container-button {
  padding-left: 7px !important;
  font-size: 16px;
}

.ui-dropdown-menu-container.ui-large .dd-container-default .is-item .is-item-wrapper .dd-container-state {
  padding-right: 7px !important;
  font-size: 16px;
}

.ui-dropdown-menu-container.ui-large .dd-container-default .is-item .is-item-wrapper .gwt-Label {
  font-size: 16px;
  line-height: 30px;
  padding: 0 7px !important;
  width: 100%;
}

.ui-dropdown-menu-container.ui-large .dd-container-default .dd-listbox-item-group .is-item-wrapper {
  height: auto !important;
}

.ui-dropdown-menu-container.ui-large .dd-container-default .dd-listbox-item-group .is-item-wrapper .gwt-Label {
  padding: 0 !important;
  margin: 7px;
  margin-bottom: calc(7px / 2);
}

.ui-dropdown-menu-container.ui-large .dd-container-default .dd-listbox-item-group .is-item-wrapper .gwt-Label:first-child {
  margin-top: 0;
}

.ui-dropdown-menu-container {
  all: unset;
  position: absolute;
  display: flex;
  min-width: fit-content;
  z-index: 100;
}

.ui-dropdown-menu-container .dd-container-default {
  background-color: #FFFFFF;
  border: 1px solid #83838a;
}

.ui-dropdown-menu-container .dd-container-default .is-item-wrapper {
  display: flex;
  align-items: center;
}

.ui-dropdown-menu-container .dd-container-default .dd-container-widget {
  border: none;
  background-color: transparent !important;
  width: 100%;
  display: flex;
}

.ui-dropdown-menu-container .dd-container-default .dd-container-widget .dd-container-button {
  flex-grow: 1;
  text-align: left;
}

.ui-dropdown-menu-container .dd-container-default .dd-container-widget .dd-container-button,
.ui-dropdown-menu-container .dd-container-default .dd-container-widget .dd-container-state {
  background-color: transparent;
  border: none;
}

.ui-dropdown-menu-container .dd-container-default .dd-container-state:after {
  border: none !important;
  position: relative !important;
  top: unset !important;
  left: unset !important;
  content: "\edc5";
  font-family: "webappsdk";
}

.ui-dropdown-menu-container .dd-container-default .is-container .is-item {
  cursor: pointer;
  height: auto !important;
  display: flex;
  align-items: center;
  padding: 0 !important;
  color: #0d0d13 !important;
}

.ui-dropdown-menu-container .dd-container-default .is-container .is-item .dd-container-button,
.ui-dropdown-menu-container .dd-container-default .is-container .is-item .dd-container-state {
  color: #0d0d13 !important;
}

.ui-dropdown-menu-container .dd-container-default .is-container .is-item:not(.dd-listbox-item-group):hover {
  background-color: #E1E2E8 !important;
}

.ui-dropdown-menu-container .dd-container-default .dd-listbox-item-group {
  border: none !important;
}

.ui-dropdown-menu-container .dd-container-default .dd-listbox-item-group .gwt-Label {
  color: #0d0d13 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid #0d0d13 !important;
}

.ui-formfield {
  font-family: "Roboto";
}

.ui-formfield[ui-size="medium"] .field-bottom-text {
  height: 18px;
}

.ui-formfield[ui-size="small"] .field-bottom-text {
  height: 14px;
}

.ui-formfield[ui-size="large"] .field-bottom-text {
  height: 22px;
}

.ui-formfield.ui-horizontal .field-caption[ui-size="medium"] {
  width: 120px;
}

.ui-formfield.ui-horizontal .field-caption[ui-size="small"] {
  width: 100px;
}

.ui-formfield.ui-horizontal .field-caption[ui-size="large"] {
  width: 140px;
}

.ui-formfield[ui-status="warning"] :not(.ui-spinner):not(.ui-datepicker):not(.ui-settlementpicker):not(.ui-timepicker).field-widget {
  border: 1px solid #d96300 !important;
}

.ui-formfield[ui-status="warning"] .ui-spinner.field-widget .spinner-value {
  border: 1px solid #d96300 !important;
}

.ui-formfield[ui-status="warning"] .ui-datepicker.field-widget .ui-textbox, .ui-formfield[ui-status="warning"] .ui-timepicker.field-widget .ui-textbox, .ui-formfield[ui-status="warning"] .ui-settlementpicker.field-widget .ui-textbox {
  border: 1px solid #d96300 !important;
}

.ui-formfield[ui-status="error"] :not(.ui-spinner):not(.ui-datepicker):not(.ui-settlementpicker):not(.ui-timepicker).field-widget {
  border: 1px solid #ff0000 !important;
}

.ui-formfield[ui-status="error"] .ui-spinner.field-widget .spinner-value {
  border: 1px solid #ff0000 !important;
}

.ui-formfield[ui-status="error"] .ui-datepicker.field-widget .ui-textbox, .ui-formfield[ui-status="error"] .ui-timepicker.field-widget .ui-textbox, .ui-formfield[ui-status="error"] .ui-settlementpicker.field-widget .ui-textbox {
  border: 1px solid #ff0000 !important;
}

.ui-composite-formfield.ui-horizontal .field-caption[ui-size="medium"] {
  line-height: 26px;
}

.ui-composite-formfield.ui-horizontal .field-caption[ui-size="medium"] .ui-text {
  line-height: 26px;
}

.ui-composite-formfield.ui-horizontal .field-caption[ui-size="small"] {
  line-height: 22px;
}

.ui-composite-formfield.ui-horizontal .field-caption[ui-size="small"] .ui-text {
  line-height: 22px;
}

.ui-composite-formfield.ui-horizontal .field-caption[ui-size="large"] {
  line-height: 30px;
}

.ui-composite-formfield.ui-horizontal .field-caption[ui-size="large"] .ui-text {
  line-height: 30px;
}

.ui-composite-formfield.ui-horizontal .field-caption[ui-size="medium"] {
  width: 120px;
}

.ui-composite-formfield.ui-horizontal .field-caption[ui-size="small"] {
  width: 100px;
}

.ui-composite-formfield.ui-horizontal .field-caption[ui-size="large"] {
  width: 140px;
}

.ui-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-modal-overlay.ui-opened {
  animation: modal-entrance 400ms cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.ui-modal-overlay.ui-draggable .ui-modal {
  padding-top: 0;
}

.ui-modal-overlay.ui-draggable .ui-header > .ui-title {
  padding: 0 15px;
}

.ui-modal-overlay.ui-draggable .ui-drag-handle {
  cursor: grab;
  display: flex;
  justify-content: center;
  background-color: #cbcde1;
}

.ui-modal-overlay.ui-draggable .ui-drag-handle:hover {
  background-color: #b2b3c4;
}

.ui-modal-overlay.ui-draggable .ui-drag-handle:active {
  background-color: #b2b3c4;
  cursor: grabbing;
}

.ui-modal-overlay[ui-overlay-mode="closeonclick"], .ui-modal-overlay[ui-overlay-mode="nointeraction"] {
  background-color: rgba(0, 0, 0, 0.5);
}

.ui-modal-overlay[ui-overlay-mode="clickthrough"] {
  background-color: transparent;
  pointer-events: none;
  background-color: transparent;
}

.ui-modal-overlay[ui-overlay-mode="clickthrough"] .ui-modal {
  pointer-events: all;
}

.ui-modal-overlay .ui-modal {
  position: absolute;
  background-color: #E7E8EE;
  border: none;
  padding: 15px 0;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}

.ui-modal-overlay .ui-modal > .ui-title {
  padding: 0 15px;
}

.ui-modal-overlay .ui-modal > .ui-body {
  margin: 0 15px;
}

.ui-modal-overlay .ui-modal > .ui-footer {
  padding: 0 15px;
}

.ui-modal-overlay .ui-modal[ui-size="medium"] {
  border-radius: 15px;
  min-width: 400px;
  max-height: 70vh;
  max-width: 70vw;
}

.ui-modal-overlay .ui-modal[ui-size="medium"].ui-fixed-width {
  width: 400px;
}

.ui-modal-overlay .ui-modal[ui-size="medium"] .ui-drag-handle {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.ui-modal-overlay .ui-modal[ui-size="small"] {
  border-radius: 13px;
  min-width: 340px;
  max-height: 70vh;
  max-width: 70vw;
}

.ui-modal-overlay .ui-modal[ui-size="small"].ui-fixed-width {
  width: 340px;
}

.ui-modal-overlay .ui-modal[ui-size="small"] .ui-drag-handle {
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
}

.ui-modal-overlay .ui-modal[ui-size="large"] {
  border-radius: 17px;
  min-width: 460px;
  max-height: 70vh;
  max-width: 70vw;
}

.ui-modal-overlay .ui-modal[ui-size="large"].ui-fixed-width {
  width: 460px;
}

.ui-modal-overlay .ui-modal[ui-size="large"] .ui-drag-handle {
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
}

.ui-modal-overlay[ui-type="good"] .title-tag::before {
  color: #126512;
}

.ui-modal-overlay[ui-type="bad"] .title-tag::before {
  color: #a31616;
}

.ui-modal-overlay[ui-type="warning"] .title-tag::before {
  color: #8F4100;
}

.ui-progress-bar .ui-wrapper {
  position: relative;
  height: 4px;
  background-color: #b2b3c4;
}

.ui-progress-bar .ui-wrapper .ui-bar {
  position: absolute;
  top: 0;
  bottom: 0;
}

.ui-progress-bar[ui-horizontal-align="left"] .ui-bar {
  left: 0;
}

.ui-progress-bar[ui-horizontal-align="right"] .ui-bar {
  right: 0;
}

.ui-progress-bar[ui-size="medium"] .ui-wrapper {
  border-radius: 4px;
}

.ui-progress-bar[ui-size="medium"] .ui-bar {
  border-radius: 4px;
}

.ui-progress-bar[ui-size="medium"] .ui-progress-text {
  line-height: 14px;
}

.ui-progress-bar[ui-size="medium"] .ui-wrapper {
  height: calc(18px - 14px);
}

.ui-progress-bar[ui-size="small"] .ui-wrapper {
  border-radius: 3px;
}

.ui-progress-bar[ui-size="small"] .ui-bar {
  border-radius: 3px;
}

.ui-progress-bar[ui-size="small"] .ui-progress-text {
  line-height: 12px;
}

.ui-progress-bar[ui-size="small"] .ui-wrapper {
  height: calc(14px - 12px);
}

.ui-progress-bar[ui-size="large"] .ui-wrapper {
  border-radius: 5px;
}

.ui-progress-bar[ui-size="large"] .ui-bar {
  border-radius: 5px;
}

.ui-progress-bar[ui-size="large"] .ui-progress-text {
  line-height: 16px;
}

.ui-progress-bar[ui-size="large"] .ui-wrapper {
  height: calc(22px - 16px);
}

.ui-progress-bar[ui-progress-type="default"] .ui-bar {
  background-color: #0075d4;
}

.ui-progress-bar[ui-progress-type="good"] .ui-bar {
  background-color: #009500;
}

.ui-progress-bar[ui-progress-type="bad"] .ui-bar {
  background-color: #ff0000;
}

.ui-progress-bar[ui-progress-type="warning"] .ui-bar {
  background-color: #d96300;
}

.ui-spinner {
  font-family: "Roboto";
  background-color: transparent !important;
  border: none !important;
  padding: 0;
  margin: 0;
}

.ui-spinner.numeric-spinner.disabled {
  background-color: transparent !important;
  border: none !important;
}

.ui-spinner.form-field-validator.invalid::before, .ui-spinner.form-field-validator.invalid::after {
  display: none;
}

.ui-spinner[ui-spinner-prefix]::before {
  position: absolute;
  content: attr(ui-spinner-prefix);
  text-align: center;
}

.ui-spinner[ui-spinner-prefix-type=primary]::before {
  color: #0d0d13;
}

.ui-spinner[ui-spinner-prefix-type=secondary]::before {
  color: #63646c;
}

.ui-spinner[ui-spinner-prefix-type=warning]::before {
  color: #d96300;
}

.ui-spinner[ui-spinner-prefix-type=bad]::before {
  color: #ff0000;
}

.ui-spinner[ui-spinner-prefix-type=good]::before {
  color: #009500;
}

.ui-spinner[ui-spinner-prefix-type=buy]::before {
  color: #167e16;
}

.ui-spinner[ui-spinner-prefix-type=sell]::before {
  color: #B35100;
}

.ui-spinner .spinner-btn-box {
  position: absolute;
  background-color: transparent !important;
  border: none !important;
  right: 0;
  top: 0;
  bottom: 0;
}

.ui-spinner .spinner-btn-box.disabled {
  cursor: not-allowed;
  pointer-events: all;
}

.ui-spinner .spinner-btn-box.disabled .spinner-btn {
  color: #b2b3c4 !important;
  pointer-events: none;
}

.ui-spinner .spinner-btn-box .spinner-btn {
  color: #63646c !important;
}

.ui-spinner .spinner-btn-box .spinner-btn:hover {
  color: #0d0d13 !important;
}

.ui-spinner .spinner-btn-box .spinner-btn:after {
  display: block;
}

.ui-spinner .spinner-btn-box .spinner-btn.spinner-btn-increase:after {
  content: "\edc4";
  font-family: "webappsdk";
}

.ui-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease:after {
  content: "\edc6";
  font-family: "webappsdk";
}

.ui-spinner[ui-size="medium"][ui-spinner-prefix]::before {
  left: 6px;
  width: 20px;
  font-size: 14px;
  line-height: 26px;
  height: 26px;
}

.ui-spinner[ui-size="medium"][ui-spinner-prefix] .spinner-container .spinner-value {
  padding-left: calc(6px * 2 + 20px);
}

.ui-spinner[ui-size="medium"] .spinner-container .spinner-value {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 6px;
  padding-right: calc(6px * 2 + 14px);
  font-size: 14px;
  line-height: 14px;
  height: 26px;
  border-radius: 4px;
  min-width: 60px;
}

.ui-spinner[ui-size="medium"] .spinner-btn-box .spinner-btn {
  padding-right: 6px;
  position: relative;
  width: 14px;
  height: calc(26px/2);
  line-height: calc(26px/2);
}

.ui-spinner[ui-size="medium"] .spinner-btn-box .spinner-btn:after {
  font-size: 14px;
  line-height: calc(26px/2);
  height: calc(26px/2);
  width: 100%;
}

.ui-spinner[ui-size="small"][ui-spinner-prefix]::before {
  left: 5px;
  width: 17px;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
}

.ui-spinner[ui-size="small"][ui-spinner-prefix] .spinner-container .spinner-value {
  padding-left: calc(5px * 2 + 17px);
}

.ui-spinner[ui-size="small"] .spinner-container .spinner-value {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  padding-right: calc(5px * 2 + 12px);
  font-size: 12px;
  line-height: 12px;
  height: 22px;
  border-radius: 3px;
  min-width: 45px;
}

.ui-spinner[ui-size="small"] .spinner-btn-box .spinner-btn {
  padding-right: 5px;
  position: relative;
  width: 12px;
  height: calc(22px/2);
  line-height: calc(22px/2);
}

.ui-spinner[ui-size="small"] .spinner-btn-box .spinner-btn:after {
  font-size: 12px;
  line-height: calc(22px/2);
  height: calc(22px/2);
  width: 100%;
}

.ui-spinner[ui-size="large"][ui-spinner-prefix]::before {
  left: 7px;
  width: 23px;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
}

.ui-spinner[ui-size="large"][ui-spinner-prefix] .spinner-container .spinner-value {
  padding-left: calc(7px * 2 + 23px);
}

.ui-spinner[ui-size="large"] .spinner-container .spinner-value {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 7px;
  padding-right: calc(7px * 2 + 16px);
  font-size: 16px;
  line-height: 16px;
  height: 30px;
  border-radius: 5px;
  min-width: 75px;
}

.ui-spinner[ui-size="large"] .spinner-btn-box .spinner-btn {
  padding-right: 7px;
  position: relative;
  width: 16px;
  height: calc(30px/2);
  line-height: calc(30px/2);
}

.ui-spinner[ui-size="large"] .spinner-btn-box .spinner-btn:after {
  font-size: 16px;
  line-height: calc(30px/2);
  height: calc(30px/2);
  width: 100%;
}

.ui-spinner.disabled[ui-spinner-prefix]::before {
  color: #FFFFFF !important;
}

.ui-spinner.disabled .price-spinner-label {
  background-color: #83838a !important;
  color: #FFFFFF !important;
  border: 1px solid #83838a !important;
  cursor: not-allowed !important;
}

.ui-spinner.disabled .price-spinner-label .pip-num {
  color: #FFFFFF !important;
}

.ui-spinner.disabled .spinner-btn-box.disabled .spinner-btn {
  background-color: transparent !important;
  color: #FFFFFF !important;
}

.ui-spinner .spinner-container .spinner-value {
  width: 100%;
  text-align: right;
  background-color: #FFFFFF;
  border: 1px solid #83838a;
  color: #0d0d13;
}

.ui-spinner .spinner-container .spinner-value::placeholder {
  color: #83838a;
}

.ui-spinner .spinner-container .spinner-value:hover {
  background-color: #fbfbff !important;
  color: #0d0d13;
  border: 1px solid #63646c;
}

.ui-spinner .spinner-container .spinner-value:hover::placeholder {
  color: #83838a;
}

.ui-spinner .spinner-container .spinner-value:focus {
  background-color: #deebe1 !important;
  color: #0d0d13;
  border: 1px solid #83838a;
  outline: none !important;
}

.ui-spinner .spinner-container .spinner-value:focus::placeholder {
  color: #83838a;
}

.ui-spinner .spinner-container .spinner-value:disabled {
  background-color: #83838a !important;
  color: #FFFFFF;
  border: 1px solid #83838a;
  cursor: not-allowed;
}

.ui-spinner .spinner-container .spinner-value:disabled::placeholder {
  color: #FFFFFF;
}

.ui-price-field[ui-size="medium"] .spinner-container .price-spinner-label {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 6px;
  padding-right: calc(6px * 2 + 14px);
  font-size: 14px;
  line-height: 26px;
  height: 26px;
  border-radius: 4px;
  min-width: 60px;
}

.ui-price-field[ui-size="medium"] .spinner-container .price-spinner-label .pip-prenum-left {
  font-size: 14px;
  line-height: 26px;
  height: 26px;
}

.ui-price-field[ui-size="medium"] .spinner-container .price-spinner-label .pip-num {
  font-size: 18px;
  line-height: 26px;
  height: 26px;
}

.ui-price-field[ui-size="medium"] .spinner-container .price-spinner-label .pip-exponent {
  font-size: 14px;
  line-height: 26px;
  height: 26px;
}

.ui-price-field[ui-size="small"] .spinner-container .price-spinner-label {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  padding-right: calc(5px * 2 + 12px);
  font-size: 12px;
  line-height: 22px;
  height: 22px;
  border-radius: 3px;
  min-width: 45px;
}

.ui-price-field[ui-size="small"] .spinner-container .price-spinner-label .pip-prenum-left {
  font-size: 12px;
  line-height: 22px;
  height: 22px;
}

.ui-price-field[ui-size="small"] .spinner-container .price-spinner-label .pip-num {
  font-size: 15px;
  line-height: 22px;
  height: 22px;
}

.ui-price-field[ui-size="small"] .spinner-container .price-spinner-label .pip-exponent {
  font-size: 12px;
  line-height: 22px;
  height: 22px;
}

.ui-price-field[ui-size="large"] .spinner-container .price-spinner-label {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 7px;
  padding-right: calc(7px * 2 + 16px);
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  border-radius: 5px;
  min-width: 75px;
}

.ui-price-field[ui-size="large"] .spinner-container .price-spinner-label .pip-prenum-left {
  font-size: 16px;
  line-height: 30px;
  height: 30px;
}

.ui-price-field[ui-size="large"] .spinner-container .price-spinner-label .pip-num {
  font-size: 21px;
  line-height: 30px;
  height: 30px;
}

.ui-price-field[ui-size="large"] .spinner-container .price-spinner-label .pip-exponent {
  font-size: 16px;
  line-height: 30px;
  height: 30px;
}

.ui-price-field .spinner-container .price-spinner-label {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: right;
  background-color: #FFFFFF;
  border: 1px solid #83838a;
  color: #0d0d13;
}

.ui-price-field .spinner-container .price-spinner-label .pip-content {
  display: flex;
  align-items: center;
}

.ui-price-field .spinner-container .price-spinner-label .pip-num {
  color: #B35100;
}

.ui-price-field .spinner-container .price-spinner-label:hover {
  background-color: #fbfbff;
  color: #0d0d13;
  border: 1px solid #63646c;
}

.ui-datepicker {
  font-family: "Roboto";
  position: relative;
}

.ui-datepicker .ui-input {
  width: 100%;
}

.ui-datepicker:after {
  position: absolute;
  top: 0;
  width: auto;
  color: #0d0d13;
  content: "\ea5f";
  font-family: "webappsdk";
}

.ui-datepicker.disabled:after {
  color: #FFFFFF;
  pointer-events: none;
}

.ui-datepicker[ui-size="medium"] .ui-input {
  padding: 0 6px !important;
  padding-right: calc(6px * 2 + 14px) !important;
}

.ui-datepicker[ui-size="medium"]:after {
  right: 6px;
  font-size: 14px;
  line-height: 26px;
  height: 26px;
}

.ui-datepicker[ui-size="small"] .ui-input {
  padding: 0 5px !important;
  padding-right: calc(5px * 2 + 12px) !important;
}

.ui-datepicker[ui-size="small"]:after {
  right: 5px;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
}

.ui-datepicker[ui-size="large"] .ui-input {
  padding: 0 7px !important;
  padding-right: calc(7px * 2 + 16px) !important;
}

.ui-datepicker[ui-size="large"]:after {
  right: 7px;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
}

.ui-timepicker {
  font-family: "Roboto";
  position: relative;
}

.ui-timepicker .ui-input {
  width: 100%;
}

.ui-timepicker:after {
  position: absolute;
  top: 0;
  width: auto;
  color: #0d0d13;
  content: "\ea4d";
  font-family: "webappsdk";
}

.ui-timepicker.disabled:after {
  color: #FFFFFF;
  pointer-events: none;
}

.ui-timepicker[ui-size="medium"] .ui-input {
  padding: 0 6px !important;
  padding-right: calc(6px * 2 + 14px) !important;
}

.ui-timepicker[ui-size="medium"]:after {
  right: 6px;
  font-size: 14px;
  line-height: 26px;
  height: 26px;
}

.ui-timepicker[ui-size="small"] .ui-input {
  padding: 0 5px !important;
  padding-right: calc(5px * 2 + 12px) !important;
}

.ui-timepicker[ui-size="small"]:after {
  right: 5px;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
}

.ui-timepicker[ui-size="large"] .ui-input {
  padding: 0 7px !important;
  padding-right: calc(7px * 2 + 16px) !important;
}

.ui-timepicker[ui-size="large"]:after {
  right: 7px;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
}

.ui-settlementpicker {
  font-family: "Roboto";
  position: relative;
}

.ui-settlementpicker .ui-input {
  width: 100%;
}

.ui-settlementpicker:after {
  position: absolute;
  top: 0;
  width: auto;
  color: #0d0d13;
  content: "\ea5f";
  font-family: "webappsdk";
}

.ui-settlementpicker.disabled:after {
  color: #FFFFFF;
  pointer-events: none;
}

.ui-settlementpicker[ui-size="medium"] .ui-input {
  padding: 0 6px !important;
  padding-right: calc(6px * 2 + 14px) !important;
}

.ui-settlementpicker[ui-size="medium"]:after {
  right: 6px;
  font-size: 14px;
  line-height: 26px;
  height: 26px;
}

.ui-settlementpicker[ui-size="small"] .ui-input {
  padding: 0 5px !important;
  padding-right: calc(5px * 2 + 12px) !important;
}

.ui-settlementpicker[ui-size="small"]:after {
  right: 5px;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
}

.ui-settlementpicker[ui-size="large"] .ui-input {
  padding: 0 7px !important;
  padding-right: calc(7px * 2 + 16px) !important;
}

.ui-settlementpicker[ui-size="large"]:after {
  right: 7px;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
}

.ui-calendar-container {
  font-family: "Roboto";
}

.ui-calendar-container.ui-medium .ui-tenorselector {
  width: 85px;
}

.ui-calendar-container.ui-medium .ui-tenorselector .ui-tenor {
  height: 26px !important;
  font-size: 14px;
  line-height: 26px;
  padding: 0 6px !important;
  gap: 6px;
  width: 100%;
}

.ui-calendar-container.ui-medium .ui-tenorselector .ui-tenor.selected::before {
  font-size: 14px;
}

.ui-calendar-container.ui-small .ui-tenorselector {
  width: 63.75px;
}

.ui-calendar-container.ui-small .ui-tenorselector .ui-tenor {
  height: 22px !important;
  font-size: 12px;
  line-height: 22px;
  padding: 0 5px !important;
  gap: 5px;
  width: 100%;
}

.ui-calendar-container.ui-small .ui-tenorselector .ui-tenor.selected::before {
  font-size: 12px;
}

.ui-calendar-container.ui-large .ui-tenorselector {
  width: 106.25px;
}

.ui-calendar-container.ui-large .ui-tenorselector .ui-tenor {
  height: 30px !important;
  font-size: 16px;
  line-height: 30px;
  padding: 0 7px !important;
  gap: 7px;
  width: 100%;
}

.ui-calendar-container.ui-large .ui-tenorselector .ui-tenor.selected::before {
  font-size: 16px;
}

.ui-calendar-container .ui-tenorselector .ui-filter::after {
  position: absolute;
  color: #0d0d13 !important;
  content: "\eb30";
  font-family: "webappsdk";
}

.ui-calendar-container .ui-tenorselector .ui-filter[ui-size="medium"]::after {
  font-size: 14px !important;
  line-height: 26px !important;
  right: 6px !important;
  top: 0 !important;
}

.ui-calendar-container .ui-tenorselector .ui-filter[ui-size="small"]::after {
  font-size: 12px !important;
  line-height: 22px !important;
  right: 5px !important;
  top: 0 !important;
}

.ui-calendar-container .ui-tenorselector .ui-filter[ui-size="large"]::after {
  font-size: 16px !important;
  line-height: 30px !important;
  right: 7px !important;
  top: 0 !important;
}

.ui-calendar-container .ui-tenorselector .ui-tenor {
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  padding: 0 !important;
  cursor: pointer;
  color: #0d0d13 !important;
}

.ui-calendar-container .ui-tenorselector .ui-tenor.selected {
  background-color: transparent !important;
}

.ui-calendar-container .ui-tenorselector .ui-tenor.selected::before {
  content: "\ed6c";
  font-family: "webappsdk";
}

.ui-calendar-container .ui-tenorselector .ui-tenor:hover {
  background-color: #E1E2E8 !important;
}

.ui-calendar-container.ui-medium .ui-calendar-container-content.with-days-from-spot {
  height: calc(252px + 26px + 2 * 10px + 1px) !important;
}

.ui-calendar-container.ui-medium .ui-calendar-container-content.with-days-from-spot .ui-days-from-spot {
  width: 80px;
}

.ui-calendar-container.ui-small .ui-calendar-container-content.with-days-from-spot {
  height: calc(211px + 22px + 2 * 10px + 1px) !important;
}

.ui-calendar-container.ui-small .ui-calendar-container-content.with-days-from-spot .ui-days-from-spot {
  width: 68px;
}

.ui-calendar-container.ui-large .ui-calendar-container-content.with-days-from-spot {
  height: calc(291px + 30px + 2 * 10px + 1px) !important;
}

.ui-calendar-container.ui-large .ui-calendar-container-content.with-days-from-spot .ui-days-from-spot {
  width: 92px;
}

.ui-calendar-container {
  font-family: "Roboto";
  position: absolute;
  width: auto !important;
  z-index: 100;
}

.ui-calendar-container table {
  border-collapse: separate;
}

.ui-calendar-container .ui-calendar-container-content {
  background-color: #FFFFFF;
  border: 1px solid #83838a;
  color: #0d0d13;
}

.ui-calendar-container.ui-medium[vertical-position="top"] {
  padding-bottom: 4px;
}

.ui-calendar-container.ui-medium[vertical-position="down"] {
  padding-top: 4px;
}

.ui-calendar-container.ui-medium .ui-calendar-container-content {
  height: 252px !important;
  padding: 6px;
  border-radius: 4px;
}

.ui-calendar-container.ui-medium .datePickerDay,
.ui-calendar-container.ui-medium .datePickerWeekdayLabel,
.ui-calendar-container.ui-medium .datePickerWeekendLabel {
  font-size: 14px;
  width: 32px;
  height: 26px;
  line-height: 26px;
  border-radius: 4px;
}

.ui-calendar-container.ui-medium tr:not(:last-child) .datePickerWeekdayLabel,
.ui-calendar-container.ui-medium tr:not(:last-child) .datePickerWeekendLabel {
  padding-bottom: 4px;
}

.ui-calendar-container.ui-medium tr:not(:last-child) .datePickerDay {
  margin-bottom: 4px;
}

.ui-calendar-container.ui-medium td:not(:last-child).datePickerWeekdayLabel, .ui-calendar-container.ui-medium td:not(:last-child).datePickerWeekendLabel {
  padding-right: 4px;
}

.ui-calendar-container.ui-medium td:not(:last-child) .datePickerDay {
  margin-right: 4px;
}

.ui-calendar-container.ui-medium .datePickerMonthSelector {
  font-size: 14px;
  height: 26px;
  line-height: 26px;
}

.ui-calendar-container.ui-medium .datePickerMonthSelector .datePickerPreviousButton,
.ui-calendar-container.ui-medium .datePickerMonthSelector .datePickerNextButton {
  width: 26px;
}

.ui-calendar-container.ui-small[vertical-position="top"] {
  padding-bottom: 3px;
}

.ui-calendar-container.ui-small[vertical-position="down"] {
  padding-top: 3px;
}

.ui-calendar-container.ui-small .ui-calendar-container-content {
  height: 211px !important;
  padding: 5px;
  border-radius: 3px;
}

.ui-calendar-container.ui-small .datePickerDay,
.ui-calendar-container.ui-small .datePickerWeekdayLabel,
.ui-calendar-container.ui-small .datePickerWeekendLabel {
  font-size: 12px;
  width: 27px;
  height: 22px;
  line-height: 22px;
  border-radius: 3px;
}

.ui-calendar-container.ui-small tr:not(:last-child) .datePickerWeekdayLabel,
.ui-calendar-container.ui-small tr:not(:last-child) .datePickerWeekendLabel {
  padding-bottom: 3px;
}

.ui-calendar-container.ui-small tr:not(:last-child) .datePickerDay {
  margin-bottom: 3px;
}

.ui-calendar-container.ui-small td:not(:last-child).datePickerWeekdayLabel, .ui-calendar-container.ui-small td:not(:last-child).datePickerWeekendLabel {
  padding-right: 3px;
}

.ui-calendar-container.ui-small td:not(:last-child) .datePickerDay {
  margin-right: 3px;
}

.ui-calendar-container.ui-small .datePickerMonthSelector {
  font-size: 12px;
  height: 22px;
  line-height: 22px;
}

.ui-calendar-container.ui-small .datePickerMonthSelector .datePickerPreviousButton,
.ui-calendar-container.ui-small .datePickerMonthSelector .datePickerNextButton {
  width: 22px;
}

.ui-calendar-container.ui-large[vertical-position="top"] {
  padding-bottom: 5px;
}

.ui-calendar-container.ui-large[vertical-position="down"] {
  padding-top: 5px;
}

.ui-calendar-container.ui-large .ui-calendar-container-content {
  height: 291px !important;
  padding: 7px;
  border-radius: 5px;
}

.ui-calendar-container.ui-large .datePickerDay,
.ui-calendar-container.ui-large .datePickerWeekdayLabel,
.ui-calendar-container.ui-large .datePickerWeekendLabel {
  font-size: 16px;
  width: 37px;
  height: 30px;
  line-height: 30px;
  border-radius: 5px;
}

.ui-calendar-container.ui-large tr:not(:last-child) .datePickerWeekdayLabel,
.ui-calendar-container.ui-large tr:not(:last-child) .datePickerWeekendLabel {
  padding-bottom: 5px;
}

.ui-calendar-container.ui-large tr:not(:last-child) .datePickerDay {
  margin-bottom: 5px;
}

.ui-calendar-container.ui-large td:not(:last-child).datePickerWeekdayLabel, .ui-calendar-container.ui-large td:not(:last-child).datePickerWeekendLabel {
  padding-right: 5px;
}

.ui-calendar-container.ui-large td:not(:last-child) .datePickerDay {
  margin-right: 5px;
}

.ui-calendar-container.ui-large .datePickerMonthSelector {
  font-size: 16px;
  height: 30px;
  line-height: 30px;
}

.ui-calendar-container.ui-large .datePickerMonthSelector .datePickerPreviousButton,
.ui-calendar-container.ui-large .datePickerMonthSelector .datePickerNextButton {
  width: 30px;
}

.ui-calendar-container .gwt-DatePicker .datePickerDay,
.ui-calendar-container .gwt-DatePicker .datePickerWeekdayLabel,
.ui-calendar-container .gwt-DatePicker .datePickerWeekendLabel {
  padding: 0;
  text-align: center;
  outline: none;
  cursor: default;
}

.ui-calendar-container .gwt-DatePicker .datePickerDay {
  cursor: pointer;
  color: #0d0d13;
  border: 1px solid transparent;
}

.ui-calendar-container .gwt-DatePicker .datePickerDay:hover {
  background-color: #E1E2E8;
  color: #0d0d13;
}

.ui-calendar-container .gwt-DatePicker .datePickerDay.disabled, .ui-calendar-container .gwt-DatePicker .datePickerDay.datePickerDayIsDisabled {
  color: #83838a;
  pointer-events: none;
}

.ui-calendar-container .gwt-DatePicker .datePickerDayIsFiller {
  color: #63646c;
}

.ui-calendar-container .gwt-DatePicker .gwt-DatePicker td,
.ui-calendar-container .gwt-DatePicker .datePickerMonthSelector td:focus {
  outline: none;
}

.ui-calendar-container .gwt-DatePicker .datePickerDays {
  width: 100%;
}

.ui-calendar-container .gwt-DatePicker .datePickerDayIsToday {
  border: 1px solid #83838a !important;
}

.ui-calendar-container .gwt-DatePicker .datePickerDayIsValue {
  background-color: #009c4b !important;
  color: #FFFFFF !important;
  font-weight: bold !important;
}

.ui-calendar-container .gwt-DatePicker .datePickerMonthSelector {
  width: 100%;
  text-align: center;
}

.ui-calendar-container .gwt-DatePicker .datePickerMonthSelector .datePickerMonth {
  text-align: left;
}

.ui-calendar-container .gwt-DatePicker .datePickerMonthSelector tr {
  display: flex;
}

.ui-calendar-container .gwt-DatePicker .datePickerMonthSelector tr td:nth-child(2) {
  order: 1;
  flex-grow: 1;
}

.ui-calendar-container .gwt-DatePicker .datePickerMonthSelector tr td:nth-child(1) {
  order: 2;
  width: auto;
}

.ui-calendar-container .gwt-DatePicker .datePickerMonthSelector tr td:nth-child(3) {
  order: 3;
  width: auto;
}

.ui-calendar-container .gwt-DatePicker .datePickerPreviousButton,
.ui-calendar-container .gwt-DatePicker .datePickerNextButton,
.ui-calendar-container .gwt-DatePicker .datePickerPreviousYearButton,
.ui-calendar-container .gwt-DatePicker .datePickerNextYearButton {
  cursor: pointer;
  color: #63646c;
}

.ui-calendar-container .gwt-DatePicker .datePickerPreviousButton:hover,
.ui-calendar-container .gwt-DatePicker .datePickerNextButton:hover,
.ui-calendar-container .gwt-DatePicker .datePickerPreviousYearButton:hover,
.ui-calendar-container .gwt-DatePicker .datePickerNextYearButton:hover {
  color: #0d0d13;
}

.ui-calendar-container .gwt-DatePicker .datePickerNextButton:after {
  content: "\edc5";
  font-family: "webappsdk";
}

.ui-calendar-container .gwt-DatePicker .datePickerPreviousButton:after {
  content: "\edc7";
  font-family: "webappsdk";
}

.ui-calendar-container .gwt-DatePicker .html-face {
  display: none;
}

[class^='ui-'] ::-webkit-scrollbar, [class*=' ui-'] ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
}

[class^='ui-'] ::-webkit-scrollbar-thumb, [class*=' ui-'] ::-webkit-scrollbar-thumb {
  background-color: #92d7ab;
  border-radius: 4px;
}

[class^='ui-'] ::-webkit-scrollbar-thumb:hover, [class*=' ui-'] ::-webkit-scrollbar-thumb:hover {
  background-color: #009c4b;
}

[class^='ui-'] ::-webkit-scrollbar-corner, [class*=' ui-'] ::-webkit-scrollbar-corner {
  background-color: transparent;
}

.ui-popover {
  position: absolute;
  z-index: 11;
}

.ui-popover .ui-popover-content {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}

.ui-popover .ui-content-widget {
  min-width: 0;
}

.ui-popover[ui-size="medium"] {
  max-width: 300px;
}

.ui-popover[ui-size="medium"][ui-position="top"] .ui-arrow {
  bottom: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid;
}

.ui-popover[ui-size="medium"][ui-position="bottom"] .ui-arrow {
  top: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid;
}

.ui-popover[ui-size="medium"][ui-position="right"] .ui-arrow {
  left: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid;
}

.ui-popover[ui-size="medium"][ui-position="left"] .ui-arrow {
  right: -10px;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid;
}

.ui-popover[ui-size="medium"][ui-position="top"] .ui-arrow, .ui-popover[ui-size="medium"][ui-position="bottom"] .ui-arrow {
  right: calc(50% - 10px);
}

.ui-popover[ui-size="medium"][ui-position="left"] .ui-arrow, .ui-popover[ui-size="medium"][ui-position="right"] .ui-arrow {
  top: calc(50% - 10px);
}

.ui-popover[ui-size="small"] {
  max-width: 255px;
}

.ui-popover[ui-size="small"][ui-position="top"] .ui-arrow {
  bottom: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid;
}

.ui-popover[ui-size="small"][ui-position="bottom"] .ui-arrow {
  top: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid;
}

.ui-popover[ui-size="small"][ui-position="right"] .ui-arrow {
  left: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid;
}

.ui-popover[ui-size="small"][ui-position="left"] .ui-arrow {
  right: -8px;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid;
}

.ui-popover[ui-size="small"][ui-position="top"] .ui-arrow, .ui-popover[ui-size="small"][ui-position="bottom"] .ui-arrow {
  right: calc(50% - 8px);
}

.ui-popover[ui-size="small"][ui-position="left"] .ui-arrow, .ui-popover[ui-size="small"][ui-position="right"] .ui-arrow {
  top: calc(50% - 8px);
}

.ui-popover[ui-size="large"] {
  max-width: 345px;
}

.ui-popover[ui-size="large"][ui-position="top"] .ui-arrow {
  bottom: -12px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid;
}

.ui-popover[ui-size="large"][ui-position="bottom"] .ui-arrow {
  top: -12px;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid;
}

.ui-popover[ui-size="large"][ui-position="right"] .ui-arrow {
  left: -12px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid;
}

.ui-popover[ui-size="large"][ui-position="left"] .ui-arrow {
  right: -12px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid;
}

.ui-popover[ui-size="large"][ui-position="top"] .ui-arrow, .ui-popover[ui-size="large"][ui-position="bottom"] .ui-arrow {
  right: calc(50% - 12px);
}

.ui-popover[ui-size="large"][ui-position="left"] .ui-arrow, .ui-popover[ui-size="large"][ui-position="right"] .ui-arrow {
  top: calc(50% - 12px);
}

.ui-popover[ui-type="standard1"][ui-position="top"] .ui-arrow {
  border-top-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard1"][ui-position="bottom"] .ui-arrow {
  border-bottom-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard1"][ui-position="right"] .ui-arrow {
  border-right-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard1"][ui-position="left"] .ui-arrow {
  border-left-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard2"][ui-position="top"] .ui-arrow {
  border-top-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard2"][ui-position="bottom"] .ui-arrow {
  border-bottom-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard2"][ui-position="right"] .ui-arrow {
  border-right-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard2"][ui-position="left"] .ui-arrow {
  border-left-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard3"][ui-position="top"] .ui-arrow {
  border-top-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard3"][ui-position="bottom"] .ui-arrow {
  border-bottom-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard3"][ui-position="right"] .ui-arrow {
  border-right-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard3"][ui-position="left"] .ui-arrow {
  border-left-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard4"][ui-position="top"] .ui-arrow {
  border-top-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard4"][ui-position="bottom"] .ui-arrow {
  border-bottom-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard4"][ui-position="right"] .ui-arrow {
  border-right-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard4"][ui-position="left"] .ui-arrow {
  border-left-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard5"][ui-position="top"] .ui-arrow {
  border-top-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard5"][ui-position="bottom"] .ui-arrow {
  border-bottom-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard5"][ui-position="right"] .ui-arrow {
  border-right-color: #cbcde1 !important;
}

.ui-popover[ui-type="standard5"][ui-position="left"] .ui-arrow {
  border-left-color: #cbcde1 !important;
}

.ui-popover[ui-type="warning"][ui-position="top"] .ui-arrow {
  border-top-color: #B35100 !important;
}

.ui-popover[ui-type="warning"][ui-position="bottom"] .ui-arrow {
  border-bottom-color: #B35100 !important;
}

.ui-popover[ui-type="warning"][ui-position="right"] .ui-arrow {
  border-right-color: #B35100 !important;
}

.ui-popover[ui-type="warning"][ui-position="left"] .ui-arrow {
  border-left-color: #B35100 !important;
}

.ui-popover[ui-type="bad"][ui-position="top"] .ui-arrow {
  border-top-color: #cc1c1c !important;
}

.ui-popover[ui-type="bad"][ui-position="bottom"] .ui-arrow {
  border-bottom-color: #cc1c1c !important;
}

.ui-popover[ui-type="bad"][ui-position="right"] .ui-arrow {
  border-right-color: #cc1c1c !important;
}

.ui-popover[ui-type="bad"][ui-position="left"] .ui-arrow {
  border-left-color: #cc1c1c !important;
}

.ui-popover[ui-type="good"][ui-position="top"] .ui-arrow {
  border-top-color: #167e16 !important;
}

.ui-popover[ui-type="good"][ui-position="bottom"] .ui-arrow {
  border-bottom-color: #167e16 !important;
}

.ui-popover[ui-type="good"][ui-position="right"] .ui-arrow {
  border-right-color: #167e16 !important;
}

.ui-popover[ui-type="good"][ui-position="left"] .ui-arrow {
  border-left-color: #167e16 !important;
}

.ui-popover .ui-arrow {
  position: absolute;
}

.ui-tabpanel .ui-tab {
  font-family: "Roboto";
  display: block;
  cursor: pointer;
  border-style: solid;
  border-width: 1px 1px 2px 1px;
  border-color: transparent;
  background-color: transparent;
  color: #63646c;
  font-weight: bold;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  overflow: hidden;
}

.ui-tabpanel .ui-tab::before {
  font-weight: normal;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
}

.ui-tabpanel .ui-tab:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #009c4b 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  transition: transform .5s, opacity 1s;
}

.ui-tabpanel .ui-tab:active:after {
  transform: scale(0, 0);
  opacity: .2;
  transition: 0s;
}

.ui-tabpanel .ui-tab:disabled {
  pointer-events: none;
}

.ui-tabpanel .ui-tab.selected {
  color: #009c4b !important;
  border-color: transparent;
  border-bottom-color: #009c4b !important;
}

.ui-tabpanel .ui-tab:hover {
  color: #63646c;
  border-color: #63646c;
  border-bottom-color: transparent;
}

.ui-tabpanel .ui-tab:focus {
  color: #63646c;
  border-color: #63646c;
  border-bottom-color: transparent;
}

.ui-tabpanel .ui-tab:disabled {
  color: #83838a;
  border-color: transparent;
}

.ui-tabpanel .ui-tab.error {
  color: #ff0000 !important;
}

.ui-tabpanel[ui-size="medium"] .ui-tab {
  font-size: 16px;
  line-height: 16px;
  height: 40px;
  padding: 0 16px;
  border-radius: 6px 6px 0 0;
}

.ui-tabpanel[ui-size="medium"] .ui-tab[ui-icon] {
  padding-left: calc( 6px + 16px + 16px);
}

.ui-tabpanel[ui-size="medium"] .ui-tab[ui-icon]::before {
  left: 16px;
}

.ui-tabpanel[ui-size="medium"] .ui-tab-content {
  margin-top: 15px;
}

.ui-tabpanel[ui-size="small"] .ui-tab {
  font-size: 14px;
  line-height: 14px;
  height: 34px;
  padding: 0 14px;
  border-radius: 5px 5px 0 0;
}

.ui-tabpanel[ui-size="small"] .ui-tab[ui-icon] {
  padding-left: calc( 5px + 14px + 14px);
}

.ui-tabpanel[ui-size="small"] .ui-tab[ui-icon]::before {
  left: 14px;
}

.ui-tabpanel[ui-size="small"] .ui-tab-content {
  margin-top: 13px;
}

.ui-tabpanel[ui-size="large"] .ui-tab {
  font-size: 18px;
  line-height: 18px;
  height: 46px;
  padding: 0 18px;
  border-radius: 7px 7px 0 0;
}

.ui-tabpanel[ui-size="large"] .ui-tab[ui-icon] {
  padding-left: calc( 7px + 18px + 18px);
}

.ui-tabpanel[ui-size="large"] .ui-tab[ui-icon]::before {
  left: 18px;
}

.ui-tabpanel[ui-size="large"] .ui-tab-content {
  margin-top: 17px;
}

.ui-dropdown-container {
  position: absolute;
  width: auto !important;
  z-index: 11;
}

.ui-dropdown-container[ui-size="medium"] {
  padding: 4px 0;
}

.ui-dropdown-container[ui-size="small"] {
  padding: 3px 0;
}

.ui-dropdown-container[ui-size="large"] {
  padding: 5px 0;
}

.ui-price {
  font-family: "Roboto";
  position: relative;
  display: flex;
}

.ui-price[ui-size="medium"] .ui-flat, .ui-price[ui-size="medium"] .ui-prenum, .ui-price[ui-size="medium"] .ui-exponent {
  line-height: 18px;
  font-size: 14px;
}

.ui-price[ui-size="medium"] .ui-pip {
  line-height: 18px;
  font-size: 18px;
}

.ui-price[ui-size="small"] .ui-flat, .ui-price[ui-size="small"] .ui-prenum, .ui-price[ui-size="small"] .ui-exponent {
  line-height: 14px;
  font-size: 12px;
}

.ui-price[ui-size="small"] .ui-pip {
  line-height: 14px;
  font-size: 14px;
}

.ui-price[ui-size="large"] .ui-flat, .ui-price[ui-size="large"] .ui-prenum, .ui-price[ui-size="large"] .ui-exponent {
  line-height: 22px;
  font-size: 16px;
}

.ui-price[ui-size="large"] .ui-pip {
  line-height: 22px;
  font-size: 22px;
}

.ui-price[ui-size="medium"] .ui-pip {
  line-height: 16px;
}

.ui-price[ui-size="small"] .ui-pip {
  line-height: 13px;
}

.ui-price[ui-size="large"] .ui-pip {
  line-height: 18px;
}

.ui-price[ui-type="primary"] {
  color: #0d0d13;
}

.ui-price[ui-type="secondary"] {
  color: #63646c;
}

.ui-price[ui-type="warning"] {
  color: #d96300;
}

.ui-price[ui-type="bad"] {
  color: #ff0000;
}

.ui-price[ui-type="good"] {
  color: #009500;
}

.ui-price[ui-type="buy"] {
  color: #167e16;
}

.ui-price[ui-type="sell"] {
  color: #B35100;
}

.ui-price[ui-text-align="center"] {
  justify-content: center;
}

.ui-price[ui-text-align="right"] {
  justify-content: end;
}

.ui-price[ui-text-align="left"] {
  justify-content: left;
}

.ui-price.emphasis {
  font-weight: bold;
  text-transform: uppercase;
}

.ui-badge {
  position: relative;
  text-transform: capitalize;
  font-weight: bold;
  font-family: "Roboto";
}

.ui-badge[ui-size="medium"] {
  line-height: 18px;
  font-size: 14px;
  padding: 0 6px;
  min-height: 18px;
  min-width: 18px;
}

.ui-badge[ui-size="medium"][ui-rendered-type="text"] {
  border-radius: 2px;
}

.ui-badge[ui-size="medium"][ui-rendered-type="number"] {
  border-radius: 9px;
}

.ui-badge[ui-size="small"] {
  line-height: 14px;
  font-size: 12px;
  padding: 0 5px;
  min-height: 14px;
  min-width: 14px;
}

.ui-badge[ui-size="small"][ui-rendered-type="text"] {
  border-radius: 1px;
}

.ui-badge[ui-size="small"][ui-rendered-type="number"] {
  border-radius: 7px;
}

.ui-badge[ui-size="large"] {
  line-height: 22px;
  font-size: 16px;
  padding: 0 6px;
  min-height: 22px;
  min-width: 22px;
}

.ui-badge[ui-size="large"][ui-rendered-type="text"] {
  border-radius: 3px;
}

.ui-badge[ui-size="large"][ui-rendered-type="number"] {
  border-radius: 11px;
}

.ui-badge[ui-type="secondary"] {
  color: #0d0d13;
  background-color: #b2b3c4;
}

.ui-badge[ui-type="primary"] {
  color: #093E6A;
  background-color: #B1D4F0;
}

.ui-badge[ui-type="warning"] {
  color: #723400;
  background-color: #F5CDAC;
}

.ui-badge[ui-type="bad"] {
  color: #821212;
  background-color: #ffb7b7;
}

.ui-badge[ui-type="good"] {
  color: #0e510e;
  background-color: #b4dfb4;
}

.ui-badge.attached {
  position: absolute;
}

.ui-badge.attached[ui-size="medium"] {
  line-height: 14px;
  font-size: 12px;
  padding: 0 5px;
  min-height: 14px;
  min-width: 14px;
}

.ui-badge.attached[ui-size="medium"][ui-rendered-type="text"] {
  border-radius: 2px;
}

.ui-badge.attached[ui-size="medium"][ui-rendered-type="number"] {
  border-radius: 7px;
}

.ui-badge.attached[ui-size="small"] {
  line-height: 12px;
  font-size: 10px;
  padding: 0 4px;
  min-height: 12px;
  min-width: 12px;
}

.ui-badge.attached[ui-size="small"][ui-rendered-type="text"] {
  border-radius: 1px;
}

.ui-badge.attached[ui-size="small"][ui-rendered-type="number"] {
  border-radius: 6px;
}

.ui-badge.attached[ui-size="large"] {
  line-height: 18px;
  font-size: 14px;
  padding: 0 6px;
  min-height: 18px;
  min-width: 18px;
}

.ui-badge.attached[ui-size="large"][ui-rendered-type="text"] {
  border-radius: 3px;
}

.ui-badge.attached[ui-size="large"][ui-rendered-type="number"] {
  border-radius: 9px;
}

.ui-multiple-input {
  font-family: "Roboto";
}

.ui-multiple-input[ui-size="medium"] .ui-tag-remove {
  line-height: 18px;
  font-size: 14px;
}

.ui-multiple-input[ui-size="small"] .ui-tag-remove {
  line-height: 14px;
  font-size: 12px;
}

.ui-multiple-input[ui-size="large"] .ui-tag-remove {
  line-height: 22px;
  font-size: 16px;
}

.ui-multiple-input[ui-size="medium"] .ui-tag {
  padding: 0 6px;
  height: 22px;
  max-width: 200px;
  border-radius: 11px;
}

.ui-multiple-input[ui-size="small"] .ui-tag {
  padding: 0 5px;
  height: 19px;
  max-width: 170px;
  border-radius: 9.5px;
}

.ui-multiple-input[ui-size="large"] .ui-tag {
  padding: 0 7px;
  height: 25px;
  max-width: 230px;
  border-radius: 12.5px;
}

.ui-multiple-input .ui-tag {
  background-color: #E1E2E8;
}

.ui-multiple-input .ui-tag .ui-tag-remove {
  background-color: transparent;
  border: none;
  padding: 0;
  color: #63646c;
  cursor: pointer;
}

.ui-multiple-input .ui-tag .ui-tag-remove::after {
  content: "\ed6a";
  font-family: "webappsdk";
}

.ui-multiple-input .ui-tag .ui-tag-remove:hover {
  color: #0d0d13;
}

.ui-multiple-input .ui-tag .ui-tag-remove:disabled {
  color: #b2b3c4;
  cursor: not-allowed;
}

.ui-password {
  font-family: "Roboto";
  position: relative;
}

.ui-password .ui-input {
  width: 100%;
}

.ui-password .ui-password-visibility {
  position: absolute;
  background-color: transparent;
  border: none;
  padding: 0;
  color: #63646c;
  cursor: pointer;
}

.ui-password .ui-password-visibility:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "\ecb0";
  font-family: "webappsdk";
}

.ui-password .ui-password-visibility:hover {
  color: #0d0d13;
}

.ui-password[type="password"] .ui-password-visibility:after {
  content: "\ecaf";
  font-family: "webappsdk";
}

.ui-password[ui-size="medium"] .ui-input {
  padding: 0 6px !important;
  padding-right: calc(6px * 2 + 14px) !important;
}

.ui-password[ui-size="medium"] .ui-password-visibility {
  top: 0;
  right: 6px;
  font-size: 14px;
  line-height: 26px;
  height: 26px;
  width: 14px;
}

.ui-password[ui-size="small"] .ui-input {
  padding: 0 5px !important;
  padding-right: calc(5px * 2 + 12px) !important;
}

.ui-password[ui-size="small"] .ui-password-visibility {
  top: 0;
  right: 5px;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
  width: 12px;
}

.ui-password[ui-size="large"] .ui-input {
  padding: 0 7px !important;
  padding-right: calc(7px * 2 + 16px) !important;
}

.ui-password[ui-size="large"] .ui-password-visibility {
  top: 0;
  right: 7px;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
  width: 16px;
}

.ui-list-text {
  font-family: "Roboto";
}

.ui-list-text[ui-size="medium"] {
  height: 18px;
}

.ui-list-text[ui-size="medium"] .ui-list-text-action {
  width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
}

.ui-list-text[ui-size="small"] {
  height: 14px;
}

.ui-list-text[ui-size="small"] .ui-list-text-action {
  width: 14px !important;
  height: 14px !important;
  line-height: 14px !important;
}

.ui-list-text[ui-size="large"] {
  height: 22px;
}

.ui-list-text[ui-size="large"] .ui-list-text-action {
  width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
}

.ui-list-text .ui-list-text-label {
  flex-grow: 1;
}

.ui-list-text .ui-list-text-action {
  border-radius: 0 !important;
  background-color: transparent !important;
  border: none !important;
  color: #63646c;
}

.ui-list-text .ui-list-text-action:hover, .ui-list-text .ui-list-text-action:focus, .ui-list-text .ui-list-text-action:active {
  color: #0d0d13;
}

.ui-colorpicker {
  inline-size: auto;
}

.ui-colorpicker::-webkit-color-swatch {
  border: none;
}

.ui-colorpicker[ui-size="medium"] {
  min-width: 40px;
}

.ui-colorpicker[ui-size="small"] {
  min-width: 34px;
}

.ui-colorpicker[ui-size="large"] {
  min-width: 46px;
}

.ui-search-field {
  position: relative;
}

.ui-search-field .ui-search-input {
  width: 100%;
}

.ui-search-field:after {
  position: absolute;
  top: 0;
  width: auto;
  color: #0d0d13;
  content: "\eb30";
  font-family: "webappsdk";
}

.ui-search-field.disabled:after {
  color: #FFFFFF;
  pointer-events: none;
}

.ui-search-field[ui-size="medium"] .ui-search-input {
  padding: 0 6px !important;
  padding-right: calc(6px * 2 + 14px) !important;
}

.ui-search-field[ui-size="medium"]:after {
  right: 6px;
  font-size: 14px;
  line-height: 26px;
  height: 26px;
}

.ui-search-field[ui-size="small"] .ui-search-input {
  padding: 0 5px !important;
  padding-right: calc(5px * 2 + 12px) !important;
}

.ui-search-field[ui-size="small"]:after {
  right: 5px;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
}

.ui-search-field[ui-size="large"] .ui-search-input {
  padding: 0 7px !important;
  padding-right: calc(7px * 2 + 16px) !important;
}

.ui-search-field[ui-size="large"]:after {
  right: 7px;
  font-size: 16px;
  line-height: 30px;
  height: 30px;
}

.ui-tree {
  font-family: "Roboto";
}

.ui-tree[ui-size="medium"] .ui-nodes .ui-tree-node {
  margin-left: calc(22px / 2);
  padding-left: calc(22px / 2);
  border-left: 1px solid #cbcde1;
}

.ui-tree[ui-size="medium"] .ui-nodes > .ui-tree-node {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

.ui-tree[ui-size="small"] .ui-nodes .ui-tree-node {
  margin-left: calc(20px / 2);
  padding-left: calc(20px / 2);
  border-left: 1px solid #cbcde1;
}

.ui-tree[ui-size="small"] .ui-nodes > .ui-tree-node {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

.ui-tree[ui-size="large"] .ui-nodes .ui-tree-node {
  margin-left: calc(24px / 2);
  padding-left: calc(24px / 2);
  border-left: 1px solid #cbcde1;
}

.ui-tree[ui-size="large"] .ui-nodes > .ui-tree-node {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

.ui-tree .ui-nodes .ui-tree-node-checkbox-container {
  padding: 5px 0;
}

.ui-tree .ui-nodes .ui-tree-node-collapsible {
  padding: 0;
}

.ui-summary-field[ui-orientation="vertical"] .ui-summary-field-caption {
  padding: 1px 4px 1px 0;
  border-right: 1px solid #cbcde1;
}

.ui-summary-field[ui-orientation="vertical"] .ui-summary-field-value {
  padding: 2px 4px 2px 0;
  border-right: 1px dashed #cbcde1;
}

.ui-summary-field[ui-orientation="vertical"]:last-child .ui-summary-field-caption {
  border-right: none;
}

.ui-summary-field[ui-orientation="vertical"]:last-child .ui-summary-field-value {
  border-right: none;
}

.ui-summary-field[ui-orientation="vertical"]:not(.fixed-width):not(.stretch-width)[ui-size="medium"] {
  max-width: 200px;
}

.ui-summary-field[ui-orientation="vertical"]:not(.fixed-width):not(.stretch-width)[ui-size="small"] {
  max-width: 170px;
}

.ui-summary-field[ui-orientation="vertical"]:not(.fixed-width):not(.stretch-width)[ui-size="large"] {
  max-width: 230px;
}

.ui-summary-field[ui-orientation="horizontal"] {
  padding-bottom: 4px;
  border-bottom: 1px solid #cbcde1;
}

.ui-summary-field[ui-orientation="horizontal"]:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.ui-summary-field[ui-orientation="horizontal"][ui-size="medium"] .ui-summary-field-caption {
  width: 120px;
}

.ui-summary-field[ui-orientation="horizontal"][ui-size="small"] .ui-summary-field-caption {
  width: 100px;
}

.ui-summary-field[ui-orientation="horizontal"][ui-size="large"] .ui-summary-field-caption {
  width: 140px;
}

.ui-simplegrid[ui-size="medium"] .ui-simplegrid-header {
  padding-right: calc(4px + 8px);
  padding-left: 4px;
}

.ui-simplegrid[ui-size="medium"] .ui-simplegrid-row {
  padding: 0px 4px;
}

.ui-simplegrid[ui-size="small"] .ui-simplegrid-header {
  padding-right: calc(3px + 8px);
  padding-left: 3px;
}

.ui-simplegrid[ui-size="small"] .ui-simplegrid-row {
  padding: 0px 3px;
}

.ui-simplegrid[ui-size="large"] .ui-simplegrid-header {
  padding-right: calc(5px + 8px);
  padding-left: 5px;
}

.ui-simplegrid[ui-size="large"] .ui-simplegrid-row {
  padding: 0px 5px;
}

.ui-simplegrid .ui-simplegrid-header {
  background-color: transparent;
}

.ui-simplegrid .ui-simplegrid-header .ui-text {
  padding: 3px 0;
}

.ui-simplegrid .ui-simplegrid-header .ui-text.sortable {
  cursor: pointer;
}

.ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="medium"].sorted-asc, .ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="medium"].sorted-desc {
  text-indent: calc(6px + 14px);
}

.ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="medium"].sorted-asc::before, .ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="medium"].sorted-desc::before {
  position: absolute;
  top: 3px;
  left: 0;
  font-weight: normal;
  text-indent: 0;
}

.ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="medium"].sorted-asc::before {
  content: "\edd5";
  font-family: "webappsdk";
}

.ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="medium"].sorted-desc::before {
  content: "\edd1";
  font-family: "webappsdk";
}

.ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="small"].sorted-asc, .ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="small"].sorted-desc {
  text-indent: calc(5px + 12px);
}

.ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="small"].sorted-asc::before, .ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="small"].sorted-desc::before {
  position: absolute;
  top: 3px;
  left: 0;
  font-weight: normal;
  text-indent: 0;
}

.ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="small"].sorted-asc::before {
  content: "\edd5";
  font-family: "webappsdk";
}

.ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="small"].sorted-desc::before {
  content: "\edd1";
  font-family: "webappsdk";
}

.ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="large"].sorted-asc, .ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="large"].sorted-desc {
  text-indent: calc(7px + 16px);
}

.ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="large"].sorted-asc::before, .ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="large"].sorted-desc::before {
  position: absolute;
  top: 3px;
  left: 0;
  font-weight: normal;
  text-indent: 0;
}

.ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="large"].sorted-asc::before {
  content: "\edd5";
  font-family: "webappsdk";
}

.ui-simplegrid .ui-simplegrid-header .ui-text[ui-size="large"].sorted-desc::before {
  content: "\edd1";
  font-family: "webappsdk";
}

.ui-simplegrid .ui-simplegrid-row .ui-simplegrid-cell {
  padding: 3px 0;
}

.ui-simplegrid .ui-simplegrid-row:nth-child(even) {
  background-color: transparent;
}

.ui-simplegrid .ui-simplegrid-row:nth-child(odd) {
  background-color: transparent;
}

.ui-simplegrid .ui-simplegrid-row:hover {
  background-color: #FFFFFF !important;
}

.ui-simplegrid .ui-simplegrid-row[ui-row-type="bad"]:nth-child(even) {
  background-color: #ffb7b7;
}

.ui-simplegrid .ui-simplegrid-row[ui-row-type="bad"]:nth-child(odd) {
  background-color: #ffb7b7;
}

.ui-simplegrid .ui-simplegrid-row[ui-row-type="good"]:nth-child(even) {
  background-color: #b4dfb4;
}

.ui-simplegrid .ui-simplegrid-row[ui-row-type="good"]:nth-child(odd) {
  background-color: #b4dfb4;
}

.ui-simplegrid .ui-simplegrid-row[ui-row-type="warning"]:nth-child(even) {
  background-color: #F5CDAC;
}

.ui-simplegrid .ui-simplegrid-row[ui-row-type="warning"]:nth-child(odd) {
  background-color: #F5CDAC;
}

.ui-simplegrid .is-viewport {
  overflow: hidden scroll !important;
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto/Roboto-Thin.woff") format("woff"), url("fonts/Roboto/Roboto-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto/Roboto-ThinItalic.woff") format("woff"), url("fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto/Roboto-Light.woff") format("woff"), url("fonts/Roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto/Roboto-LightItalic.woff") format("woff"), url("fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto/Roboto-Regular.woff") format("woff"), url("fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto/Roboto-Italic.woff") format("woff"), url("fonts/Roboto/Roboto-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto/Roboto-Medium.woff") format("woff"), url("fonts/Roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto/Roboto-MediumItalic.woff") format("woff"), url("fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto/Roboto-Bold.woff") format("woff"), url("fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto/Roboto-BoldItalic.woff") format("woff"), url("fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto/Roboto-Black.woff") format("woff"), url("fonts/Roboto/Roboto-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto/Roboto-BlackItalic.woff") format("woff"), url("fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}

.dtgb-filter .dd-container-widget {
  background-color: #FFFFFF;
  color: #0d0d13;
  border: 1px solid #83838a;
  outline: none;
}

.dtgb-filter .dd-container-widget:hover {
  background-color: #fbfbff;
  border: 1px solid #63646c;
}

.dtgb-filter .dd-container-widget:focus {
  background-color: #deebe1;
  border: 1px solid #83838a;
}

.dtgb-filter .dd-container-widget.dd-container-disabled {
  color: #FFFFFF;
  background: #83838a;
  border: #83838a;
}

.dtgb-filter .dd-container-widget.dd-container-disabled .dd-container-button-placeholder {
  color: #83838a;
}

.dtgb-filter .dd-container-widget.dd-container-disabled .d-container-state,
.dtgb-filter .dd-container-widget.dd-container-disabled .dd-container-clear {
  color: #FFFFFF;
}

.dtgb-filter .dd-container-widget .dd-container-button-placeholder {
  color: #83838a;
}

.dtgb-filter .dd-container-widget .dd-container-state,
.dtgb-filter .dd-container-widget .dd-container-clear {
  color: #63646c;
}

.dd-container-addon {
  background-color: #FFFFFF;
  color: #0d0d13;
  border: 1px solid #83838a;
}

.dd-container-addon .is-item {
  border: 1px solid transparent !important;
  color: #0d0d13 !important;
}

.dd-container-addon .is-item:not(.dd-listbox-item-group).is-item-index {
  border: 1px solid #009c4b !important;
}

.dd-container-addon .is-item:not(.dd-listbox-item-group):hover {
  background-color: #E1E2E8 !important;
}

.dd-container-addon button {
  background-color: transparent;
  color: #0d0d13;
  border: 1px solid transparent;
}

.dd-datebox-container .dd-datebox-duration .numeric-spinner {
  border: 1px solid #83838a;
}

.dd-datebox-container .dd-datebox-duration .numeric-spinner.dd-datebox-invalid {
  border-bottom: 1px solid #d32f2f;
}

.dd-datebox-container .dd-datebox-duration .numeric-spinner .spinner-container input {
  background-color: #FFFFFF;
  color: #0d0d13;
}

.dd-datebox-container .dd-datebox-duration .gwt-ListBox {
  background-color: #FFFFFF;
  color: #0d0d13;
  border: 1px solid #83838a;
}

.dd-datebox-container .dd-datebox-range .gwt-ListBox {
  background-color: #FFFFFF;
  color: #0d0d13;
  border: 1px solid #83838a;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col input[type="text"] {
  background-color: #FFFFFF;
  color: #0d0d13;
  border: 1px solid #83838a;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .datePickerMonthSelector .datePickerMonth {
  color: #0d0d13;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .datePickerMonthSelector .datePickerPreviousButton,
.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .datePickerMonthSelector .datePickerNextButton {
  color: #63646c;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .datePickerMonthSelector .datePickerPreviousButton:hover,
.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .datePickerMonthSelector .datePickerNextButton:hover {
  color: #0d0d13;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .datePickerDays .datePickerWeekdayLabel,
.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .datePickerDays .datePickerWeekendLabel {
  color: #63646c;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .datePickerDays .datePickerDay {
  color: #0d0d13;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .datePickerDays .datePickerDay.datePickerDayIsFiller {
  color: #63646c;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .datePickerDays .datePickerDay.datePickerDayIsValue {
  background-color: #009c4b !important;
  color: #FFFFFF !important;
  font-weight: bold !important;
}

.dd-datebox-container .dd-datebox-range .dd-datebox-range-row .dd-datebox-range-col .datePickerDays .datePickerDay.datePickerDayIsToday {
  border: 1px solid #83838a !important;
}

.dialog-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

.dialog-overlay .dialog-widget {
  background-color: #E7E8EE;
  border: none;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
}

.dialog-overlay .dialog-widget .dialog-header {
  color: #0d0d13;
  border-bottom: none;
}

.dialog-overlay .dialog-widget .dialog-header .dialog-header-close {
  color: #63646c;
}

.dialog-overlay .dialog-widget .dialog-header .dialog-header-close:hover, .dialog-overlay .dialog-widget .dialog-header .dialog-header-close:focus {
  color: #0d0d13;
}

.dialog-overlay .dialog-widget .dialog-body {
  color: #0d0d13;
}

.dialog-overlay .dialog-widget .dialog-body .dtgb-formatting-creation-btn {
  color: #FFFFFF;
}

.dialog-overlay .dialog-widget .dialog-footer {
  color: #0d0d13;
  border-top: 1px solid none;
}

.dialog-overlay .dialog-widget .dialog-footer .dialog-button-primary {
  background-color: #009c4b;
  border: 1px solid transparent;
  color: #FFFFFF;
}

.dialog-overlay .dialog-widget .dialog-footer .dialog-button-primary:hover {
  background-color: #00833f;
  border-color: transparent;
  color: #FFFFFF;
}

.dialog-overlay .dialog-widget .dialog-footer .dialog-button-primary:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.dialog-overlay .dialog-widget .dialog-footer .dialog-button-primary:active {
  background-color: #006932;
  border-color: transparent;
  color: #FFFFFF;
  outline: none !important;
}

.dialog-overlay .dialog-widget .dialog-footer .dialog-button-primary:disabled {
  background-color: #92d7ab;
  border-color: transparent;
  color: #FFFFFF;
  cursor: not-allowed;
}

.dialog-overlay .dialog-widget .dialog-footer .dialog-button-secondary {
  background-color: #cbcde1;
  border: 1px solid transparent;
  color: #0d0d13;
}

.dialog-overlay .dialog-widget .dialog-footer .dialog-button-secondary:hover {
  background-color: #b2b3c4;
  border-color: transparent;
  color: #0d0d13;
}

.dialog-overlay .dialog-widget .dialog-footer .dialog-button-secondary:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.dialog-overlay .dialog-widget .dialog-footer .dialog-button-secondary:active {
  background-color: #83838a;
  border-color: transparent;
  color: #0d0d13;
  outline: none !important;
}

.dialog-overlay .dialog-widget .dialog-footer .dialog-button-secondary:disabled {
  background-color: #cbcde1;
  border-color: transparent;
  color: #83838a;
  cursor: not-allowed;
}

.dtgb-dialog .dd-container-widget {
  background-color: #FFFFFF;
  color: #0d0d13;
  border: 1px solid #83838a;
  outline: none;
}

.dtgb-dialog .dd-container-widget:hover {
  background-color: #fbfbff;
  border: 1px solid #63646c;
}

.dtgb-dialog .dd-container-widget:focus {
  background-color: #deebe1;
  border: 1px solid #83838a;
}

.dtgb-dialog .dd-container-widget.dd-container-disabled {
  color: #FFFFFF;
  background: #83838a;
  border: #83838a;
}

.dtgb-dialog .dd-container-widget.dd-container-disabled .dd-container-button-placeholder {
  color: #83838a;
}

.dtgb-dialog .dd-container-widget.dd-container-disabled .d-container-state,
.dtgb-dialog .dd-container-widget.dd-container-disabled .dd-container-clear {
  color: #FFFFFF;
}

.dtgb-dialog .dd-container-widget .dd-container-button-placeholder {
  color: #83838a;
}

.dtgb-dialog .dd-container-widget .dd-container-state,
.dtgb-dialog .dd-container-widget .dd-container-clear {
  color: #63646c;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-body .dtgb-formatting-creation-btn:after {
  color: #009c4b;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-body .dtgb-formatting-rule {
  background-color: #F2F3FA;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-columns .dtgb-formatting-rule-column:hover {
  background-color: #fbfbff;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-body .dtgb-formatting-rule .dtgb-formatting-rule-columns .dtgb-formatting-rule-column:last-child {
  border-top: 1px dashed #cbcde1;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-body .dtgb-formatting-content {
  background-color: #F2F3FA;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list {
  border-bottom: 1px solid #cbcde1;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-rule-row {
  background-color: #f5f5f5;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-rule-row.dtgb-formatting-rule-row-even {
  background-color: #eeeeee;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-body .dtgb-formatting-content .dtgb-formatting-content-list .dtgb-formatting-rule-row .dtgb-formatting-list-preview {
  border-left: 1px dashed #cbcde1;
  border-right: 1px dashed #cbcde1;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .dtgb-formatting-rule-style-color {
  border: 1px solid #cbcde1;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .dtgb-formatting-rule-style-color:focus, .dtgb-dialog.dtgb-formatting-dialog .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .dtgb-formatting-rule-style-color:hover {
  border-color: #83838a;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-body .dtgb-formatting-content .dtgb-formatting-content-rule .dtgb-formatting-rule-row .dtgb-formatting-rule-content .dtgb-formatting-rule-content-row .numeric-spinner .spinner-container input {
  background-color: transparent;
}

.dtgb-dialog.dtgb-formatting-dialog .dialog-footer .dtgb-dialog-info {
  color: #0d0d13;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-selection {
  border-bottom: 1px solid #cbcde1;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-dialog-content-title {
  border-bottom: 1px solid #cbcde1;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-configuration-content-column::after {
  color: #63646c;
}

.dtgb-dialog .dtgb-configuration-widget .dtgb-configuration-content .dtgb-configuration-content-part .dtgb-configuration-content-column .gwt-TextBox {
  background-color: #FFFFFF;
  color: #0d0d13;
  border: 1px solid #83838a;
}

.dtgb-header-bulk-actions {
  background-color: #009c4b;
  border: 1px solid transparent;
  color: #FFFFFF;
}

.dtgb-header-bulk-actions:hover {
  background-color: #00833f;
  border-color: transparent;
  color: #FFFFFF;
}

.dtgb-header-bulk-actions:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.dtgb-header-bulk-actions:active {
  background-color: #006932;
  border-color: transparent;
  color: #FFFFFF;
  outline: none !important;
}

.dtgb-header-bulk-actions:disabled {
  background-color: #92d7ab;
  border-color: transparent;
  color: #FFFFFF;
  cursor: not-allowed;
}

.dtgb-header-bulk-actions .dd-container-state {
  color: #FFFFFF;
}

.dtgb-header-bulk-actions .dd-container-button-placeholder {
  color: #FFFFFF;
}

.dtgb-header-bulk-actions.dd-container-opened {
  border: 1px solid #FFFFFF;
}

.dtgb-header-bulk-actions.dd-container-disabled {
  background-color: #92d7ab;
  color: #FFFFFF;
  border: 1px solid transparent;
}

.dtgb-header-bulk-actions.dd-container-disabled .dd-container-state {
  color: #FFFFFF;
}

.dtgb-header-bulk-actions.dd-container-disabled .dd-container-button-placeholder {
  color: #FFFFFF;
}

.dtgb-header-separator {
  border-left: 1px solid #cbcde1;
}

.dtgb-atom *:focus {
  outline: none;
}

.dtgb-atom .dtgb-header .dtgb-filter-list {
  background-color: transparent;
}

.dtgb-atom .dtgb-header .dtgb-filter-list .dd-container-state {
  color: #0d0d13;
}

.dtgb-atom .dtgb-header .dtgb-filter-list:hover, .dtgb-atom .dtgb-header .dtgb-filter-list:focus {
  background-color: #00833f;
  border: 1px solid transparent;
}

.dtgb-atom .dtgb-header .dtgb-filter-list:hover .dd-container-state, .dtgb-atom .dtgb-header .dtgb-filter-list:focus .dd-container-state {
  color: #FFFFFF;
}

.dtgb-atom .dtgb-header .dtgb-header-option-icon-list.dtgb-frozen .dd-container-button {
  color: #c54c00;
}

.dtgb-atom .dtgb-header .dtgb-header-option-icon-list.dd-container-opened, .dtgb-atom .dtgb-header .dtgb-header-option-icon-list.dd-container-opened:hover,
.dtgb-atom .dtgb-header .dtgb-header-option-icon-list .dd-container-widget:focus,
.dtgb-atom .dtgb-header .dtgb-header-option-icon-list .dd-container-widget:hover {
  background-color: #00833f;
  color: #FFFFFF;
}

.dtgb-atom .dtgb-header .dtgb-header-option-icon-list.dtgb-header-option-time-progress .time-progress-bar-addon-v2 .bar {
  background-color: #b2b3c4;
}

.dtgb-atom .dtgb-header .dtgb-header-option-icon-list.dtgb-header-option-time-progress .time-progress-bar-addon-v2 .bar .progress {
  background: #009500 !important;
}

.dtgb-atom .dtgb-header .dtgb-header-linked-rows {
  color: #616161;
}

.dtgb-atom .dtgb-header .dtgb-header-linked-rows:hover {
  background-color: #FFFFFF;
}

.dtgb-atom .dtgb-header .dtgb-header-linked-rows.dtgb-header-linked-rows-active {
  background-color: #F89502;
  color: black;
}

.dtgb-atom .dtgb-header .dtgb-header-tech-actions button {
  background-color: transparent;
  color: #0d0d13;
  border: 1px solid transparent;
}

.dtgb-atom .dtgb-header .dtgb-header-tech-actions:focus, .dtgb-atom .dtgb-header .dtgb-header-tech-actions:hover {
  background-color: #00833f;
  color: #FFFFFF;
  border-color: transparent;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.dtgb-atom .dtgb-header .dtgb-header-tech-actions:focus .dd-container-button-placeholder, .dtgb-atom .dtgb-header .dtgb-header-tech-actions:hover .dd-container-button-placeholder {
  color: #FFFFFF;
}

.dtgb-atom .dtgb-header .dtgb-header-tech-actions.dd-container-opened, .dtgb-atom .dtgb-header .dtgb-header-tech-actions.dd-container-opened:hover {
  background-color: #00833f;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.dtgb-atom .dtgb-header .dtgb-header-tech-actions.dd-container-opened .dd-container-button-placeholder, .dtgb-atom .dtgb-header .dtgb-header-tech-actions.dd-container-opened:hover .dd-container-button-placeholder {
  color: #FFFFFF !important;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-bulk-button {
  background-color: #009c4b;
  border: 1px solid transparent;
  color: #FFFFFF;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-bulk-button:hover {
  background-color: #00833f;
  border-color: transparent;
  color: #FFFFFF;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-bulk-button:focus {
  border-color: #FFFFFF;
  outline: 2px solid #009c4b !important;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-bulk-button:active {
  background-color: #006932;
  border-color: transparent;
  color: #FFFFFF;
  outline: none !important;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-bulk-button:disabled {
  background-color: #92d7ab;
  border-color: transparent;
  color: #FFFFFF;
  cursor: not-allowed;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-icon {
  background-color: transparent;
  color: #0d0d13;
  border: 1px solid transparent;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-icon button {
  color: #0d0d13;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-icon.dtgbo-centered {
  border-radius: 13px;
  background-color: #F89502;
  color: black;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-icon:hover, .dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-icon:focus {
  background-color: #00833f;
  color: #FFFFFF !important;
  border: 1px solid transparent;
  border-radius: 13px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-header-icon:active {
  color: #FFFFFF;
}

.dtgb-atom .dtgb-header .dtgb-header-row .dtgb-filter .dtgb-filter-container-expand {
  color: #FFFFFF;
  background-color: #009c4b;
  border: 1px solid transparent;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row:not(.dtgb-formatting-rule-applied) .dtgb-cell:not(.dtgb-formatting-rule-applied).dtgb-side {
  font-weight: bold;
  text-transform: uppercase;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row:not(.dtgb-formatting-rule-applied) .dtgb-cell:not(.dtgb-formatting-rule-applied).dtgb-side.dtgb-buy {
  color: #2e8c04;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row:not(.dtgb-formatting-rule-applied) .dtgb-cell:not(.dtgb-formatting-rule-applied).dtgb-side.dtgb-sell {
  color: #c76219;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row:not(.dtgb-formatting-rule-applied) .dtgb-cell:not(.dtgb-formatting-rule-applied).dtgb-enum {
  font-weight: bold;
  text-transform: uppercase;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row:not(.dtgb-formatting-rule-applied) .dtgb-cell:not(.dtgb-formatting-rule-applied).dtgb-status {
  font-weight: bold;
  text-transform: uppercase;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row:not(.dtgb-formatting-rule-applied) .dtgb-cell:not(.dtgb-formatting-rule-applied).dtgb-status.dtgb-initiated {
  color: #0d0d13;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row:not(.dtgb-formatting-rule-applied) .dtgb-cell:not(.dtgb-formatting-rule-applied).dtgb-status.dtgb-processing {
  color: #ef6c00;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row:not(.dtgb-formatting-rule-applied) .dtgb-cell:not(.dtgb-formatting-rule-applied).dtgb-status.dtgb-success {
  color: #62c462;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row:not(.dtgb-formatting-rule-applied) .dtgb-cell:not(.dtgb-formatting-rule-applied).dtgb-status.dtgb-fail {
  color: #d32f2f;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row,
.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-hide-cell::before {
  color: #0d0d13;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row.dtgb-odd-index {
  background-color: #f5f5f5;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row:not(.dtgb-odd-index) {
  background-color: #eeeeee;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row[pony-hovered] {
  background-color: #deebe1 !important;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row.dtgb-selected.dtgb-odd-index {
  background-color: #6dc98e !important;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row.dtgb-selected:not(.dtgb-odd-index) {
  background-color: #6dc98e !important;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row[linked-row] {
  background-color: #f5f5f5;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell {
  border-right: 1px dashed #cbcde1;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-aggregation-cell .dtgb-aggregation-expand::before,
.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-aggregation-cell .dtgb-aggregation-collapse::before {
  color: #FFFFFF;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.highlight-control-cell {
  color: #FF9595;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell {
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell .dtgb-heat-pip-distance {
  background-color: #FFFFFF;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-10 .dtgb-heat {
  background-color: #002195;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-10 .dtgb-heat-pip-distance {
  color: #002195;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-20 .dtgb-heat {
  background-color: #101D84;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-20 .dtgb-heat-pip-distance {
  color: #101D84;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-30 .dtgb-heat {
  background-color: #201A74;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-30 .dtgb-heat-pip-distance {
  color: #201A74;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-40 .dtgb-heat {
  background-color: #2F1663;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-40 .dtgb-heat-pip-distance {
  color: #2F1663;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-50 .dtgb-heat {
  background-color: #3F1253;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-50 .dtgb-heat-pip-distance {
  color: #3F1253;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-60 .dtgb-heat {
  background-color: #4F0F42;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-60 .dtgb-heat-pip-distance {
  color: #4F0F42;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-70 .dtgb-heat {
  background-color: #5F0B32;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-70 .dtgb-heat-pip-distance {
  color: #5F0B32;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-80 .dtgb-heat {
  background-color: #6E0721;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-80 .dtgb-heat-pip-distance {
  color: #6E0721;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-90 .dtgb-heat {
  background-color: #7E0411;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-90 .dtgb-heat-pip-distance {
  color: #7E0411;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-100 .dtgb-heat {
  background-color: #8E0000;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-row .dtgb-cell.dtgb-heat-cell.dtgb-heat-100 .dtgb-heat-pip-distance {
  color: #8E0000;
}

.dtgb-atom .pony-grid .pony-grid-body pony-grid-loading-data {
  background-color: white;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-error-msg {
  background-color: rgba(28, 43, 68, 0.8);
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-error-msg div {
  background: #8D2929;
  border-color: #F44339;
  color: white;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-pinned-body .pony-grid-row .recent-data-notification.update {
  color: black;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-pinned-body .pony-grid-row .recent-data-notification.create {
  color: #62c462;
}

.dtgb-atom .pony-grid .pony-grid-body .pony-grid-pinned-body .pony-grid-row div:last-child .dtgb-cell {
  border-right: 1px dashed #ef6c00;
}

.dtgb-atom .pony-grid-header {
  background-color: #757575;
}

.dtgb-atom .pony-grid-header .technical-column-header {
  color: #ef6c00;
}

.dtgb-atom .pony-grid-header .pony-grid-pinned-header > div {
  background-color: #757575;
}

.dtgb-atom .pony-grid-header .pony-grid-pinned-header > div:last-child .dtgb-resizer {
  border-right: 1px solid #ef6c00;
}

.dtgb-atom .pony-grid-header .pony-grid-pinned-header > div:nth-child(1):nth-last-child(2), .dtgb-atom .pony-grid-header .pony-grid-pinned-header > div:nth-child(2):nth-last-child(1) {
  background-color: #757575;
}

.dtgb-atom .pony-grid-header .dtgb-col-header {
  color: #FFFFFF;
}

.dtgb-atom .pony-grid-header .dtgb-col-header.dtgb-col-header-pinned .dtgb-col-header-title,
.dtgb-atom .pony-grid-header .dtgb-col-header.dtgb-col-header-pinned .icon-more2 {
  color: #FFFFFF;
}

.dtgb-atom .pony-grid-header .dtgb-col-header-actions:hover .dd-container-state {
  color: #FFFFFF;
}

.dtgb-atom .pony-grid-header .dtgb-row-header .dtgb-resizer {
  border-right: 1px solid #83838a;
}

.dtgb-config-panel .dtgb-filter .dd-container-widget .dd-container-widget,
.dtgb-atom .dtgb-filter .dd-container-widget .dd-container-widget,
.dtgb-dialog .dtgb-filter .dd-container-widget .dd-container-widget {
  background-color: #FFFFFF;
  color: #0d0d13;
  border: 1px solid #83838a;
  outline: none;
}

.dtgb-config-panel .dtgb-filter .dd-container-widget .dd-container-widget:hover,
.dtgb-atom .dtgb-filter .dd-container-widget .dd-container-widget:hover,
.dtgb-dialog .dtgb-filter .dd-container-widget .dd-container-widget:hover {
  background-color: #fbfbff;
  border: 1px solid #63646c;
}

.dtgb-config-panel .dtgb-filter .dd-container-widget .dd-container-widget:focus,
.dtgb-atom .dtgb-filter .dd-container-widget .dd-container-widget:focus,
.dtgb-dialog .dtgb-filter .dd-container-widget .dd-container-widget:focus {
  background-color: #deebe1;
  border: 1px solid #83838a;
}

.dtgb-config-panel .dtgb-filter .dd-container-widget .dd-container-widget.dd-container-disabled,
.dtgb-atom .dtgb-filter .dd-container-widget .dd-container-widget.dd-container-disabled,
.dtgb-dialog .dtgb-filter .dd-container-widget .dd-container-widget.dd-container-disabled {
  color: #FFFFFF;
  background: #83838a;
  border: #83838a;
}

.dtgb-config-panel .dtgb-filter .dd-container-widget .dd-container-widget.dd-container-disabled .dd-container-button-placeholder,
.dtgb-atom .dtgb-filter .dd-container-widget .dd-container-widget.dd-container-disabled .dd-container-button-placeholder,
.dtgb-dialog .dtgb-filter .dd-container-widget .dd-container-widget.dd-container-disabled .dd-container-button-placeholder {
  color: #83838a;
}

.dtgb-config-panel .dtgb-filter .dd-container-widget .dd-container-widget.dd-container-disabled .d-container-state,
.dtgb-config-panel .dtgb-filter .dd-container-widget .dd-container-widget.dd-container-disabled .dd-container-clear,
.dtgb-atom .dtgb-filter .dd-container-widget .dd-container-widget.dd-container-disabled .d-container-state,
.dtgb-atom .dtgb-filter .dd-container-widget .dd-container-widget.dd-container-disabled .dd-container-clear,
.dtgb-dialog .dtgb-filter .dd-container-widget .dd-container-widget.dd-container-disabled .d-container-state,
.dtgb-dialog .dtgb-filter .dd-container-widget .dd-container-widget.dd-container-disabled .dd-container-clear {
  color: #FFFFFF;
}

.dtgb-config-panel .dtgb-filter .dd-container-widget .dd-container-widget .dd-container-button-placeholder,
.dtgb-atom .dtgb-filter .dd-container-widget .dd-container-widget .dd-container-button-placeholder,
.dtgb-dialog .dtgb-filter .dd-container-widget .dd-container-widget .dd-container-button-placeholder {
  color: #83838a;
}

.dtgb-config-panel .dtgb-filter .dd-container-widget .dd-container-widget .dd-container-state,
.dtgb-config-panel .dtgb-filter .dd-container-widget .dd-container-widget .dd-container-clear,
.dtgb-atom .dtgb-filter .dd-container-widget .dd-container-widget .dd-container-state,
.dtgb-atom .dtgb-filter .dd-container-widget .dd-container-widget .dd-container-clear,
.dtgb-dialog .dtgb-filter .dd-container-widget .dd-container-widget .dd-container-state,
.dtgb-dialog .dtgb-filter .dd-container-widget .dd-container-widget .dd-container-clear {
  color: #63646c;
}

.dtgb-config-panel .dtgb-filter .dd-container-widget.dtgb-filters-negative .dd-container-button, .dtgb-config-panel .dtgb-filter .dd-container-widget.dtgb-filters-invalid .dd-container-button,
.dtgb-atom .dtgb-filter .dd-container-widget.dtgb-filters-negative .dd-container-button,
.dtgb-atom .dtgb-filter .dd-container-widget.dtgb-filters-invalid .dd-container-button,
.dtgb-dialog .dtgb-filter .dd-container-widget.dtgb-filters-negative .dd-container-button,
.dtgb-dialog .dtgb-filter .dd-container-widget.dtgb-filters-invalid .dd-container-button {
  color: #d32f2f;
}

.dtgb-config-panel .dtgb-filter.dd-container-disabled,
.dtgb-config-panel .dtgb-filter .dd-container-button-placeholder,
.dtgb-atom .dtgb-filter.dd-container-disabled,
.dtgb-atom .dtgb-filter .dd-container-button-placeholder,
.dtgb-dialog .dtgb-filter.dd-container-disabled,
.dtgb-dialog .dtgb-filter .dd-container-button-placeholder {
  color: #FFFFFF;
}

/******************************************************
  ******* NEW DATA GRID BLOTTER IMPLEMENTATION **********
  ******************************************************/
.dtgbo-atom .pony-grid-row.dtgbo-centered {
  border-top: 2px solid #ef6c00;
}

.dtgbo-atom .dtgb-action-cell {
  background-color: transparent;
  color: #0d0d13;
  border: 1px solid transparent;
}

.dtgbo-atom .dtgb-action-cell button {
  color: #0d0d13;
}

.dtgbo-atom .dtgb-action-cell:hover .dd-container-state, .dtgbo-atom .dtgb-action-cell:focus .dd-container-state, .dtgbo-atom .dtgb-action-cell.dd-container-opened .dd-container-state, .dtgbo-atom .dtgb-action-cell.dd-container-opened:hover .dd-container-state {
  background-color: #00833f;
  color: #FFFFFF;
  border: 1px solid transparent;
}

.dtgbo-atom .dtgb-action-cell .dd-container-state {
  border-radius: 5px;
}

.dtgbo-atom .dtgbo-centered-mode-button {
  background: transparent;
  border: none;
}

.dtgbo-atom .dtgbo-centered-mode-button::after {
  font-family: 'webappsdk';
  content: '\eea1';
}

.dtgbo-atom .dtgbo-centered-mode-button.dtgbo-centered {
  border-radius: 13px;
  background-color: #F89502;
  color: black;
}

.footer-postions-totals-panel .positions-total-panel-item .gwt-Label:last-child {
  font-weight: bold;
}

.footer-postions-totals-panel .positions-total-panel-item .gwt-Label:last-child.positive {
  color: #005105 !important;
}

.footer-postions-totals-panel .positions-total-panel-item .gwt-Label:last-child.negative {
  color: #900000 !important;
}

.footer-postions-totals-panel .positions-pipe-panel {
  border: 1px solid #6B6B6B;
}