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

[class^='icon-'], [class*=' icon-'] {
  font-family: 'webappsdk';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

.icon-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-menu-open2:before {
  content: '\ee39';
}

.icon-menu-close:before {
  content: '\ee3a';
}

.icon-menu-close2:before {
  content: '\ee3b';
}

.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-shieldoff:before {
  content: "\ef48";
}

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

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

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

.icon-clean-all:before {
  content: '\ef4b';
}

@font-face {
  font-family: "NykreditSans";
  src: url("../fonts/NykreditSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  ascent-override: 100%;
}

@font-face {
  font-family: "NykreditSans";
  src: url("../fonts/NykreditSans-RegularItalic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  ascent-override: 100%;
}

@font-face {
  font-family: "NykreditSans";
  src: url("../fonts/NykreditSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  ascent-override: 100%;
}

@font-face {
  font-family: "NykreditSans";
  src: url("../fonts/NykreditSans-MediumItalic.woff2.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  ascent-override: 100%;
}

@font-face {
  font-family: "NykreditSans";
  src: url("../fonts/NykreditSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  ascent-override: 100%;
}

@font-face {
  font-family: "NykreditSans";
  src: url("../fonts/NykreditSans-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  ascent-override: 100%;
}

@font-face {
  font-family: "NykreditSansText";
  src: url("../fonts/NykreditSansText-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  ascent-override: 100%;
}

/*
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: transparent;
}

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;
}

.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: 0;
}

.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: 0.8em;
}

.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: 0.8em;
  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-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-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-option-list-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 .gwt-Label {
  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;
  background: none;
  color: unset;
}

.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;
}

.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;
}

.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;
}

.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;
}

.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: 22.22222px;
  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 {
  left: 1px;
  z-index: 10;
  opacity: .9;
  position: absolute;
  top: 64.22222px;
  width: 155px;
}

.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;
}

.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;
}

.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: 400px;
}

.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;
  border-width: 1px;
  margin: 6px;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket.selected {
  border-width: 3px;
  cursor: inherit;
  margin: 4px;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .main-zone {
  position: relative;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .icon-notification {
  position: absolute;
  float: left;
  top: 3px;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .t-description {
  margin-bottom: .5em;
  text-align: center;
  max-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fixing-widget .tradingsession-ticket-blotter-atom .t-ticket .t-status {
  text-align: right;
  text-transform: uppercase;
}

.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;
}

.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;
  width: 35%;
}

.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;
  width: 65%;
  text-align: center;
}

.fixing-widget .editor {
  height: 100%;
  width: calc(100% - 400px);
  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-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 {
  box-sizing: border-box;
  height: 3em;
  margin-top: 5px;
  width: 100%;
  padding-left: 1em;
}

.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: transparent;
}

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: transparent;
}

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.trade-context-enabled {
  border-top-width: 0 !important;
}

.tooltip-widget {
  position: relative;
  z-index: 1;
}

.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 {
  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;
}

.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-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 .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;
}

.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;
}

.blotter-atom .grid-atom .body-table .cog-actions-widget .column-listbox-cogactions,
.blotter-atom .grid-atom .pinnable-table .cog-actions-widget .column-listbox-cogactions {
  border: none;
  background: none;
  margin: auto;
  width: 3em;
}

.blotter-atom .grid-atom .body-table .cog-actions-widget .column-listbox-cogactions.dd-container-disabled,
.blotter-atom .grid-atom .pinnable-table .cog-actions-widget .column-listbox-cogactions.dd-container-disabled {
  cursor: not-allowed;
}

.blotter-atom .grid-atom .body-table .cog-actions-widget .column-listbox-cogactions.dd-container-disabled .dd-container-state,
.blotter-atom .grid-atom .pinnable-table .cog-actions-widget .column-listbox-cogactions.dd-container-disabled .dd-container-state {
  cursor: not-allowed;
}

.blotter-atom .grid-atom .body-table .cog-actions-widget .column-listbox-cogactions:hover,
.blotter-atom .grid-atom .pinnable-table .cog-actions-widget .column-listbox-cogactions:hover {
  background: none;
}

.blotter-atom .grid-atom .body-table .cog-actions-widget .column-listbox-cogactions .dd-container-button,
.blotter-atom .grid-atom .pinnable-table .cog-actions-widget .column-listbox-cogactions .dd-container-button {
  display: none;
}

.blotter-atom .grid-atom .body-table .cog-actions-widget .column-listbox-cogactions .dd-container-state,
.blotter-atom .grid-atom .pinnable-table .cog-actions-widget .column-listbox-cogactions .dd-container-state {
  text-align: center;
}

.blotter-atom .grid-atom .body-table .cog-actions-widget .column-listbox-cogactions .dd-container-state::before,
.blotter-atom .grid-atom .pinnable-table .cog-actions-widget .column-listbox-cogactions .dd-container-state::before {
  margin-top: 4px;
  font-family: 'webappsdk';
  content: '\eb5c';
}

.blotter-atom .grid-atom .body-table .cog-actions-widget .column-listbox-cogactions .dd-container-state::after,
.blotter-atom .grid-atom .pinnable-table .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;
}

.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;
}

.ssi-form {
  display: flex;
  flex-direction: column;
  width: fit-content;
  height: fit-content;
  padding: 15px;
}

.ssi-form h1 {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
}

.ssi-form h2 {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0;
  padding: 5px 0;
}

.ssi-form .block-fields {
  margin: 0.4em 0;
  display: flex;
  flex-flow: row wrap;
}

.ssi-form .caption-value {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 0.4em;
}

.ssi-form .caption-value .value {
  flex: 1;
  display: flex;
  align-items: center;
}

.ssi-form .caption-value:not(:first-child) > * {
  padding-left: 0.4em;
}

.ssi-form .caption-value:not(:first-child) > .value {
  border-left-style: dashed;
  border-left-width: 1px;
}

.ssi-form .piped-price .pip-content {
  line-height: 0;
  font-size: 1.2em;
}

.ssi-form .piped-price .pip-num {
  font-size: 1.2em;
}

.ssi-form .form {
  display: flex;
}

.ssi-form .actions {
  margin-top: 15px;
  display: flex;
  justify-content: flex-end;
  column-gap: 5px;
  flex-wrap: wrap;
}

.ssi-form .actions .info {
  width: 100%;
}

.ssi-form .actions .info::before {
  font-family: 'webappsdk';
  content: '\ed4d';
  padding-right: .25em;
}

.ssi-form .actions button {
  border-radius: 5px;
  padding: 2px 5px;
}

.ssi-form .form-field {
  width: 200px;
  margin: 0;
}

.ssi-form .ssi-qty {
  width: 125px;
  text-align: right;
}

.ssi-form .ssi-qty::before {
  content: attr(caption);
  display: inherit;
}

.ssi-form .dd-listbox {
  height: 26px;
}

.ssi-form .separator {
  position: relative;
  width: 10px;
}

.ssi-form .separator::before {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 0;
  height: 20px;
}

.ssi-form .separator::after {
  content: ' ';
  position: absolute;
  left: 50%;
  top: 24px;
  height: calc(100% - 24px);
}

.trade-summary-atom .orders-info .top-summary .icon-container {
  position: absolute;
  z-index: 1;
}

.trade-summary-atom button.ssi {
  border-radius: 5px;
  border-width: 1px;
  margin: 0 5px;
  font-weight: bold;
  display: inline-flex;
  padding: 0 4px;
}

.trade-summary-atom button.ssi::before {
  font-family: 'webappsdk';
  content: '\ed58';
  padding-right: 2px;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  padding-top: .7px;
}

.trade-summary-atom .ssi-panel {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ssi-popup .flexy-tooltip-widget[vertical-position="top"].flexy-tooltip-widget[horizontal-position="right"]:after {
  margin-left: calc(100% - 35px);
}

.ssi-popup .flexy-tooltip-widget.flexy-tooltip-icon .flexy-tooltip-notif {
  padding: 5px 15px;
}

.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 .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 .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 .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;
}

.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 .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;
  justify-content: space-between;
  padding-bottom: 10px;
}

.esp-metal-box-panel .form-container > div, .rfs-metal-box-panel .form-container > div {
  width: 45%;
}

.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;
}

.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%;
}

/**** 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: 900;
  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 .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 .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;
}

.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: 900;
  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: 700;
}

.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;
}

/**** 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: -169px;
}

.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: none;
}

.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 {
  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";
}

.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: -163px;
}

.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-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 .deal-dialog-create .modal-dialog .manual-trade-editor-atom .pt-panel .post-trade-tags {
  margin: 5px 0;
  width: auto;
}

.sms-ui-aggregation .deal-dialog-create .modal-dialog .manual-trade-editor-atom .waar-panel {
  width: 100%;
}

.sms-ui-aggregation .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;
}

.sms-ui-aggregation .deal-dialog-create .modal-dialog .manual-trade-editor-atom .waar-panel .waar-checkbox-panel .waar-checkbox {
  margin-right: 10px;
}

.sms-ui-aggregation .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .side, .sms-ui-aggregation .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .currency, .sms-ui-aggregation .deal-dialog-create .modal-dialog .manual-trade-editor-atom .createdeal .right-panel .column-panel .amount {
  text-align: left;
  width: 150px;
}

.sms-ui-aggregation .deal-dialog-create .modal-dialog .manual-trade-editor-atom .vanilla-option-fourth-panel {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.sms-ui-aggregation .deal-dialog-create .modal-dialog .manual-trade-editor-atom .vanilla-option-fourth-panel .settlement-mode-field-option {
  margin-left: 12px;
}

.sms-ui-aggregation .deal-dialog-create .modal-dialog .manual-trade-editor-atom .vanilla-option-fourth-panel .delivery-date-field-option {
  margin-right: 93px;
  margin-top: auto;
}

.sms-ui-aggregation .market-blotter-atom .bullet-flag {
  margin-left: 0;
}

.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;
}

/******************************
*** 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 .header .dropdown-menu[role=menu] .module-pref-bside .caption {
  font-size: 16px;
  padding: 0;
}

.sms-ui-rfqintervention .header .dropdown-menu[role=menu] .module-pref-bside .ui-toggle-checkbox > * {
  margin-right: 5px;
}

.sms-ui-rfqintervention .header .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;
}

.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 .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 .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.35em;
}

.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;
  height: 100%;
}

.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 .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 .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 .form-field .ui-toggle-checkbox {
  width: 2.85em;
}

.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-editor-wrapper {
  padding-top: .3em;
  padding-bottom: .275em;
}

.sms-ui-rfqintervention .editor-atom .detail-editor-wrapper .detail-value .dd-container-disabled .dd-container-state {
  color: unset !important;
}

.sms-ui-rfqintervention .editor-atom .detail-editor-wrapper .detail-caption {
  padding-top: 0.1em;
}

.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 .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 .editor-fields-container.cross .editor-subpanel-header .gwt-CheckBox {
  position: relative;
  width: 100%;
  display: block;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container.cross .editor-subpanel-header .gwt-CheckBox input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  appearance: none;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container.cross .editor-subpanel-header .gwt-CheckBox input:focus {
  outline: none;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container.cross .editor-subpanel-header .gwt-CheckBox input::after {
  font-family: 'webappsdk';
  content: '\edc5';
  font-size: 15px;
  padding-left: 4px;
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container.cross .editor-subpanel-header .gwt-CheckBox input:checked::after {
  content: '\edc6';
}

.sms-ui-rfqintervention .editor-atom .editor-fields-container.cross .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 .quoting-panel .field-allin .piped-price {
  text-align: right;
  padding-right: 1.75em;
}

.sms-ui-rfqintervention .editor-atom .fx .percent-price,
.sms-ui-rfqintervention .editor-atom .fx .pip-num {
  font-size: 1.4em;
}

.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 .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;
}

.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 .editor-button-lock,
.sms-ui-rfqintervention .editor-atom .editor-button-unlock,
.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 .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;
}

.sms-ui-rfqintervention .editor-atom .banner-panel {
  padding: 0.7em;
  border-bottom-left-radius: .4em;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-titles-container {
  padding: 0.3em 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-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-fields .warning-low {
  text-transform: uppercase;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions {
  display: flex;
  margin: 0.4em 0;
  column-gap: 0.5em;
  height: 1.9em;
}

.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: 1.8em;
  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-right: 0.3em;
}

.sms-ui-rfqintervention .editor-atom .banner-panel .banner-actions button {
  height: 100%;
  text-align: left;
  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 .warning-low,
.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 .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-button-lock::before {
  font-family: webappsdk;
  content: '\eb50';
}

.sms-ui-rfqintervention .editor-atom .editor-button-unlock::before {
  font-family: webappsdk;
  content: '\eb51';
}

.sms-ui-rfqintervention .editor-atom .editor-panel .editor-warning::before {
  font-family: 'webappsdk';
  content: '\ed4c';
}

.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;
}

.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 {
  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: hidden;
}

.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: fit-content;
}

.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:first-child .grid-header {
  margin-right: .2em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .category:not(:first-child) .grid-header {
  margin-right: .2em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-header {
  height: 1.33em;
  justify-content: center;
  padding: 0 1em;
  border-radius: .3em;
  position: sticky;
  top: 0;
  z-index: 1;
}

.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 {
  margin: .2em 0;
  padding: 0 .5em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-column .field {
  height: 1.9em;
  border-right: 1px dashed;
  line-height: 2em;
}

.sms-ui-rfqintervention .card-panel.ssp-panel .grid-panels .grid-column > .caption {
  border-right: 1px solid;
  height: 1.53em;
  line-height: 1.53em;
  position: sticky;
  top: 1.33em;
  padding: 0em .5em;
  z-index: 1;
}

.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: 20em;
}

.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 .card-panel.ssp-panel .quote-panel .ssp-legs .settlement .gwt-CheckBox label {
  cursor: pointer;
  display: block;
  width: 100%;
  margin: 0;
}

.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 .dtgb-flex-cell {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sms-ui-rfqintervention .dtgb-atom .pickup-action {
  width: 7.6em;
  height: 1.14em;
  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;
}

.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 .quoting-panel .trader-subpanel .editor-field-ro.field-allin .item-field .piped-price .pip-content {
  font-weight: 400;
}

.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 .editor-field-ro .item-field,
.sms-ui-rfqintervention .quoting-panel .trader-subpanel .editor-field-ro.field-allin .item-field,
.sms-ui-rfqintervention .editor-field-ro-oneside .item-field,
.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 {
  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-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;
}

.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;
}

.position-skew-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px;
}

.position-skew-form .validator-border {
  border: 1px solid;
}

.position-skew-form .position-skew-field {
  position: relative;
  display: flex;
  margin-bottom: 5px;
}

.position-skew-form .position-skew-field .caption {
  width: 55%;
  font-weight: bold;
  line-height: 26px;
}

.position-skew-form .position-skew-field .widget {
  width: 45%;
}

.position-skew-form .position-skew-field .error-icon {
  position: absolute;
  left: -20px;
  line-height: 26px;
}

.position-skew-form .checkbox-panel {
  display: flex;
  flex-wrap: wrap;
  padding: 2px;
}

.position-skew-form .right-panel {
  display: block;
  width: 45%;
  float: right;
  padding: 5px;
}

.position-skew-form .left-panel {
  display: block;
  width: 45%;
  float: left;
  height: 120px;
  padding: 5px;
}

.position-skew-form .bottom-panel {
  display: flex;
  width: 100%;
  padding: 5px;
}

.position-skew-form .label-checkbox {
  font-weight: bold;
  margin-right: 10px;
}

.position-skew-form .margin-checkbox {
  margin-right: 20px;
}

.position-skew-form .price-groups-label {
  font-weight: bold;
  margin-right: 30px;
}

.position-skew-form .actions {
  display: flex;
  flex-direction: column;
}

.position-skew-form .actions button {
  margin-bottom: 5px;
}

.positionSkewUpdateComparator {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px;
}

.positionSkewUpdateComparator .left-panel-comparator {
  display: block;
  width: 50%;
  float: left;
  height: 120px;
  padding: 5px;
  flex-direction: column;
}

.positionSkewUpdateComparator .comp-title {
  font-size: 20px;
  font-weight: bold;
}

.positionSkewUpdateComparator .right-panel-comparator {
  display: block;
  width: 50%;
  float: right;
  padding: 5px;
  flex-direction: column;
}

.positionSkewUpdateComparator .positionSkewField {
  display: flex;
  margin-bottom: 5px;
  margin-top: 5px;
}

.positionSkewUpdateComparator .positionSkewField .caption {
  width: 60%;
  display: inline-block;
  font-weight: bold;
}

.positionSkewUpdateComparator .positionSkewField .widget {
  width: 40%;
  margin-left: 4px;
}

.positionSkewUpdateComparator .right-panel {
  display: block;
  width: 50%;
  float: right;
  height: 120px;
}

.positionSkewUpdateComparator .left-panel {
  display: block;
  width: 50%;
  float: left;
  padding: 5px;
}

.positionSkewUpdateComparator .bottom-panel {
  display: flex;
  width: 100%;
  padding: 5px;
  flex-wrap: wrap;
}

.positionSkewUpdateComparator .labelCheckBox {
  font-weight: bold;
  margin-right: 10px;
}

.positionSkewUpdateComparator .marginCheck {
  margin-right: 20px;
}

.positionSkewUpdateComparator .marginPGLabel {
  font-weight: bold;
  margin-right: 30px;
}

.positionSkewUpdateComparator .actions {
  display: flex;
  flex-direction: column;
}

.positionSkewUpdateComparator .actions button {
  margin-bottom: 5px;
}

.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;
}

.price-ladder-widget .content {
  padding: 5px 10px;
  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 {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  padding-bottom: 5px;
}

.price-ladder-widget .content .header-panel.read-only .dd-container-widget {
  padding-left: 0px;
  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 .title-item, .price-ladder-widget .content .header-panel .field-item {
  min-width: 120px;
  padding-left: 5px;
}

.price-ladder-widget .content .header-panel .title-item:nth-of-type(1n + 2), .price-ladder-widget .content .header-panel .field-item:nth-of-type(1n + 2) {
  border-left-width: 1px;
}

.price-ladder-widget .content .header-panel .title-item:nth-of-type(1n + 2) {
  border-left-style: solid;
}

.price-ladder-widget .content .header-panel .field-item:nth-of-type(1n + 2) {
  border-left-style: dashed;
}

.price-ladder-widget .content .header-panel .title-item {
  height: 20px;
}

.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 .title, .price-ladder-widget .content .header-panel .field {
  display: flex;
}

.price-ladder-widget .content .header-panel .shape-selection-mode {
  display: flex;
  padding-top: 3px;
}

.price-ladder-widget .content .header-panel .shape-selection-mode .caption {
  font-size: 14px;
}

.price-ladder-widget .content .header-panel .shape-selection-mode .static {
  border-left-width: 1px;
  border-left-style: solid;
  padding-left: 5px;
}

.price-ladder-widget .content .header-panel .shape-selection-mode .dynamic, .price-ladder-widget .content .header-panel .shape-selection-mode .static {
  margin-right: 5px;
}

.price-ladder-widget .content .header-panel .shape-selection-mode input[type=radio] {
  margin-right: 3px;
  display: none;
}

.price-ladder-widget .content .header-panel .shape-selection-mode input[type=radio] + label {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  cursor: pointer;
}

.price-ladder-widget .content .header-panel .shape-selection-mode input[type=radio] + label:before {
  margin-right: 2px;
}

.price-ladder-widget .content .header-panel .shape-selection-mode input[type=radio]:checked + label:before {
  font-family: webappsdk;
  content: '\ee6e';
}

.price-ladder-widget .content .header-panel .shape-selection-mode input[type=radio]:not(:checked) + label:before {
  font-family: webappsdk;
  content: '\ee70';
}

.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;
}

.price-ladder-widget .content .info-panel .gwt-Label {
  padding: 0 5px;
  position: relative;
  margin: 5px 0;
}

.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-left: auto;
}

.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;
}

.price-ladder-widget .content .price-band-panel .dd-container-widget {
  border-width: 1px;
  border-style: solid;
  width: 80px;
  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: 24px;
  padding: 0 5px;
}

.price-ladder-widget .content .price-band-panel .price-band-header-panel .dd-container-widget {
  width: 73px;
  height: 20px;
  border-radius: 5px;
}

.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;
  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 {
  width: 50%;
  position: relative;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .spinner-value {
  min-width: 43px;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel {
  display: flex;
  justify-content: space-around;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .form-field {
  margin: 10px 0;
  padding: 0 10px;
  width: calc(50% - 40px);
  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 {
  content: '';
  position: absolute;
  height: 20px;
  top: 3px;
  right: 0;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .bid-multiplier, .price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .offer-multiplier {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
}

.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 .bid-offset, .price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .offer-offset {
  align-items: center;
}

.price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .bid-offset .inner-widget, .price-ladder-widget .content .price-band-panel .price-band-body-panel .side .price-line-panel .offer-offset .inner-widget {
  width: 80px;
}

.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 .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-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-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:not(.no-actions) .pony-grid-row, .new-tenor-blotter:not(.no-actions) .pony-grid-row {
  height: 102px !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 {
  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, .new-tenor-blotter.dtgb-atom .pony-grid {
  margin-top: 5px;
}

.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 .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 {
  border-right-style: solid;
  border-right-width: 1px;
  z-index: 0;
  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 {
  z-index: 4;
  min-width: 137px;
  height: 25px;
  margin-right: 5px;
  border-radius: 5px;
  background: #373737;
  border-color: #505050;
  color: #FFFFFF;
}

.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, .new-tenor-blotter .dtgb-header .option-widget.global-controls {
  z-index: 3;
  border-right-width: 1px;
  border-right-style: solid;
}

.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: 128px;
  height: 26px;
  background-color: #A62525;
  border-color: #F44336;
  border-radius: 5px;
  border-width: 1px;
}

.new-pricing-blotter .dtgb-header .option-widget.global-controls .dd-container-widget button, .new-tenor-blotter .dtgb-header .option-widget.global-controls .dd-container-widget button {
  font-family: 'Roboto' !important;
  font-size: 14px !important;
  font-weight: 500;
  color: #FFFFFF;
}

.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:hover, .new-tenor-blotter .dtgb-header .option-widget.global-controls .dd-container-widget:hover {
  background-color: #870000;
  border-color: #EE6B61;
}

.new-pricing-blotter .dtgb-header .option-widget.global-controls .dd-container-widget.dd-container-opened, .new-tenor-blotter .dtgb-header .option-widget.global-controls .dd-container-widget.dd-container-opened {
  background-color: #870000;
  border-color: #FFFFFF;
}

.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;
  border-right-color: #424242;
  height: 26px;
}

.new-pricing-blotter .setting-button, .new-tenor-blotter .setting-button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.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-bottom: 5px !important;
}

.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;
  width: 60px;
  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-right: 5px;
  margin-top: 5px;
  margin-left: 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 {
  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 .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;
}

.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;
  margin: 0 5px 0 5px;
}

.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 {
  padding-top: 10px;
  align-self: center;
}

.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;
  margin-top: 7px;
}

.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: 32px;
  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;
  width: 125px;
  margin: 0px 5px 0px 5px;
  padding: 0px 5px 0px 5px;
}

.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 .piped-price, .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 .piped-price {
  max-width: 80px;
}

.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 .piped-price .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 .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 {
  max-width: 80px;
  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 .dd-container-widget, .new-tenor-blotter .pricing-cell .right-panel .price-panel .bid-price-panel .dd-container-widget {
  margin-left: 55px;
}

.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 {
  width: 45px;
  text-align: center;
}

.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.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 {
  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;
  margin-left: 5px;
  align-self: center;
}

.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;
}

.pricing-warning-widget .grid-title .currency-pair, .pricing-warning-widget .grid-row .currency-pair {
  min-width: 80px;
  width: 80px;
}

.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';
}

.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 .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;
}

.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="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 .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 .row5, .post-trade-manual-trade-dialog .cross-row4 {
  display: flex;
  flex-wrap: wrap;
}

.post-trade-manual-trade-dialog .row5 .cross-row, .post-trade-manual-trade-dialog .cross-row4 .cross-row {
  width: 100%;
}

.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 .row5 .prices-header .toggle-cross, .post-trade-manual-trade-dialog .cross-row4 .prices-header .toggle-cross {
  display: flex;
}

.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 .row5 .prices-cross-panel {
  display: flex;
  width: 40%;
  margin-left: .2em;
}

.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 .row5 .prices-cross-panel .point-price-panel .field-option {
  width: 70%;
}

.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 .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 .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-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,
.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,
.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,
.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 {
  height: 60px;
  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;
}

.auxiliary-trade-window {
  height: 100%;
  width: 100%;
  min-width: 900px;
  min-height: 320px;
}

.auxiliary-trade-window .body {
  box-sizing: border-box;
  display: flex;
  padding: 15px;
  gap: 10px;
  width: 100%;
}

.auxiliary-trade-window .body .piped-price {
  color: white;
}

.auxiliary-trade-window .body .piped-price .pip-num {
  font-size: 15px;
  font-weight: 600;
}

.auxiliary-trade-window .body .title {
  font-size: 16px;
}

.auxiliary-trade-window .body .bold {
  font-weight: 600;
}

.auxiliary-trade-window .body .auxiliary-summary {
  display: flex;
  flex-direction: column;
  padding: 15px;
  gap: 10px;
  width: 100%;
  border-radius: 5px;
}

.auxiliary-trade-window .body .auxiliary-swap-summary {
  display: flex;
  flex-direction: column;
  padding: 15px;
  gap: 10px;
  width: 100%;
  min-width: 300px;
  height: 250px;
  border-radius: 5px;
}

.auxiliary-trade-window .body .summary-line {
  display: flex;
  margin-bottom: 2px;
}

.auxiliary-trade-window .body .summary-line .gwt-Label {
  width: 135px;
}

.auxiliary-trade-window .body .auxiliary-form {
  display: flex;
  flex-direction: column;
  padding: 15px;
  gap: 10px;
  width: 130%;
  min-width: 450px;
  height: 140px;
  border-radius: 5px;
}

.auxiliary-trade-window .body .auxiliary-form .auxiliary-type-panel {
  display: flex;
}

.auxiliary-trade-window .body .auxiliary-form .auxiliary-type-panel .radio-group {
  text-align: right;
  align-self: center;
  right: 5px;
}

.auxiliary-trade-window .body .auxiliary-form .auxiliary-type-panel .radio-group.disabled {
  opacity: 0.8;
  pointer-events: none;
}

.auxiliary-trade-window .body .auxiliary-form .auxiliary-type-panel .radio-group button {
  margin-right: 2px;
  border: none;
  font-size: 14px;
}

.auxiliary-trade-window .body .auxiliary-form .auxiliary-type-panel .radio-group button:before {
  font-family: 'webappsdk';
  content: '\ee70';
  margin-right: 5px;
}

.auxiliary-trade-window .body .auxiliary-form .auxiliary-type-panel .radio-group button:hover:before {
  content: '\ee6e';
}

.auxiliary-trade-window .body .auxiliary-form .auxiliary-type-panel .radio-group button.selected {
  color: white;
}

.auxiliary-trade-window .body .auxiliary-form .auxiliary-type-panel .radio-group button.selected:before {
  content: '\ee6e';
}

.auxiliary-trade-window .body .auxiliary-form .field-panel {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

.auxiliary-trade-window .body .auxiliary-form .field-panel .field-caption-container:not(:last-child) .caption {
  padding-right: 5px;
  border-right: 1px solid;
}

.auxiliary-trade-window .body .auxiliary-form .field-panel .field-caption-container:not(:last-child) .form-field-validator {
  padding-right: 5px;
  border-right: 1px dashed;
}

.auxiliary-trade-window .body .auxiliary-form .field-panel .field-caption-container:not(:first-child) .caption, .auxiliary-trade-window .body .auxiliary-form .field-panel .field-caption-container:not(:first-child) .form-field-validator {
  margin-left: 5px;
}

.auxiliary-trade-window .body .auxiliary-form .field-panel .field-caption-container {
  width: 100%;
}

.auxiliary-trade-window .body .auxiliary-form .field-panel .form-field-validator {
  height: 25px;
  border: none;
}

.auxiliary-trade-window .body .auxiliary-form .field-panel .forward-date-dropdown {
  display: flex;
}

.auxiliary-trade-window .body .auxiliary-form .field-panel .forward-date-dropdown .icon-calendar {
  padding-right: 5px;
  padding-left: 5px;
}

.auxiliary-trade-window .body .auxiliary-form .field-panel .forward-date-dropdown .dropdown-menu {
  left: -155px;
}

.auxiliary-trade-window .footer {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  padding-right: 15px;
}

.auxiliary-trade-window .footer .gwt-Button {
  border-radius: 5px;
  height: 26px;
}

.auxiliary-trade-window .footer .remaning-label {
  line-height: 27px;
  font-weight: bold;
}

.auxiliary-trade-window .footer .remaning-label:before {
  content: attr(caption);
}

.auxiliary-trade-window .footer .auxiliary-trade-progress-bar {
  padding-left: 10px;
}

.auxiliary-trade-window .footer .auxiliary-trade-progress-bar .progress {
  height: 3.5px;
  border-radius: 1px;
  margin-bottom: 0px;
  width: 140px;
}

.auxiliary-trade-window .footer .auxiliary-trade-progress-bar .clock {
  bottom: 7px;
  display: flex;
  font-size: 13px;
}

.auxiliary-trade-window .footer .auxiliary-trade-progress-bar .clock:before {
  font-family: 'webappsdk';
  content: '\ea4d';
  margin-right: 5px;
}

.auxiliary-trade-window .footer *[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;
  border: 1px solid;
  justify-content: center;
  pointer-events: none;
  content: attr(tooltip);
  right: 100px;
  bottom: 55px;
}

@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;
  }
}

.widget-panel {
  display: flex;
}

.rates-body {
  height: 100%;
  width: 100%;
}

.rates-body .market-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.rates-body .rates-header .gwt-Label {
  display: inline-flex;
}

.rates-body .rates-header .rates-addon {
  display: none;
}

.rates-body .rates-header button {
  padding: 6px;
  width: 45px;
  height: 100%;
}

.rates-body .rates-header button:active {
  color: #E21A1A;
}

.rates-body .rates-header .find-icon, .rates-body .rates-header .back {
  position: relative;
  border-right: 1pt solid #730000;
}

.rates-body .rates-header .edit-icon, .rates-body .rates-header .submit {
  border-left: 1pt solid #730000;
}

.rates-body .rates-header .title {
  color: #E0E1E3;
  left: 45px;
  line-height: 45px;
  height: inherit;
  padding-left: 5px;
}

.rates-body .nodata {
  position: absolute;
  top: 30%;
  width: 100%;
  font-size: x-large;
  text-align: center;
  color: #a6495a;
}

.rates-body .rates-grid {
  height: 100%;
  width: 100%;
  display: flex !important;
  flex-direction: column;
  z-index: 1;
  overflow: auto;
}

.rates-body .rates-grid .cell {
  transition: transition;
  height: 4.6em;
}

.rates-body .rates-grid .prices-row {
  width: 60%;
  float: right;
  height: 100%;
}

.rates-body .rates-grid .rfs-cell {
  display: flex;
}

.rates-body .rates-grid .rfs-cell .rfs-badge {
  margin: auto;
  padding: 2px 5px;
  border: 1px solid;
  border-radius: 7px;
  border-color: #4A4A4A;
}

.rates-body .rates-grid .symbol {
  color: #232223;
  min-width: 45%;
  display: grid;
  grid-template-rows: 40% 40%;
  align-content: center;
  justify-content: center;
}

.rates-body .rates-grid .symbol .channel-row {
  display: flex;
  justify-content: flex-end;
}

.rates-body .rates-grid .symbol .name {
  width: 100%;
  font-size: .9em;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}

.rates-body .rates-grid .symbol .name .gwt-Label {
  line-height: 100%;
  margin: auto;
}

.rates-body .rates-grid .symbol .name .add-tenor {
  display: block;
  background: white;
  border: 1px solid black;
  box-sizing: border-box;
  border-radius: 7px;
  margin: 0.15em 0.28em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.rates-body .rates-grid .symbol .name .add-tenor:before {
  font-family: 'webappsdk';
  content: '\ed58';
  display: inline-block;
  padding-right: 3px;
  vertical-align: middle;
}

.rates-body .rates-grid .symbol .edit-tenor {
  display: flex;
  justify-content: center;
  margin: 0.28em;
}

.rates-body .rates-grid .symbol .edit-tenor .gwt-ListBox {
  width: 10em;
  font-size: 11px;
  background-color: white;
  color: black;
  border-color: black;
  border-radius: 7px;
  flex-grow: 1;
}

.rates-body .rates-grid .symbol .edit-tenor .gwt-Label {
  display: none;
}

.rates-body .rates-grid .symbol .currency {
  display: none;
  margin: 0.15em 0.28em;
  border-radius: 7px;
  border: 1px solid black;
  border-width: 1px;
  background: white;
  font-size: 15px;
}

.rates-body .rates-grid .symbol .currency.term-currency {
  filter: invert(100%);
}

.rates-body .rates-grid .symbol .counterContainer {
  padding-left: 1em;
  padding-right: .1em;
}

.rates-body .rates-grid .symbol .counterContainer .counter {
  height: 1em;
  width: 1em;
  border-radius: 50%;
  font-size: small;
  text-align: center;
  background-color: #E0E1E3;
}

.rates-body .rates-grid .quick-mod .price-cell:active {
  box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}

.rates-body .rates-grid .quick-mod .currency {
  display: block !important;
}

.rates-body .rates-grid .quick-mod .main-row:active {
  box-shadow: none;
}

.rates-body .rates-grid .quick-mod .add-tenor, .rates-body .rates-grid .quick-mod .add-tenor:before {
  display: none !important;
}

.rates-body .rates-grid .edit-panel {
  width: 0;
  overflow: hidden;
  background-image: linear-gradient(to bottom, #fff, #dfdfdf);
}

.rates-body .rates-grid .price-cell {
  align-items: center;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid transparent;
}

.rates-body .rates-grid .price-up {
  border-bottom-color: #7CB342;
}

.rates-body .rates-grid .price-down {
  border-bottom-color: #E53935;
}

.rates-body .rates-grid .best-bid, .rates-body .rates-grid .best-offer, .rates-body .rates-grid .rfs-cell {
  border-left: 1px solid white;
}

.rates-body .rates-grid .title-headered {
  background-image: linear-gradient(to bottom, #fff, #bbb);
  display: inline-flex;
  width: 100%;
  height: 35px;
  text-align: center;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid white;
}

.rates-body .rates-grid .title-headered .instrument-label, .rates-body .rates-grid .title-headered .sell-label, .rates-body .rates-grid .title-headered .buy-label, .rates-body .rates-grid .title-headered .rfs-label {
  height: 100%;
  z-index: 1;
}

.rates-body .rates-grid .title-headered .instrument-label {
  min-width: 45%;
}

.rates-body .rates-grid .title-headered .sell-label, .rates-body .rates-grid .title-headered .buy-label {
  width: 21%;
}

.rates-body .rates-grid .title-headered .rfs-label {
  min-width: 13%;
}

.rates-body .rates-grid .title-headered .sell-label, .rates-body .rates-grid .title-headered .buy-label, .rates-body .rates-grid .title-headered .rfs-label {
  border-left: 1pt solid white;
}

.rates-body .show .remove-icon {
  display: none;
  margin-right: 2px;
}

.rates-body .show .price-cell {
  width: 21%;
}

.rates-body .show .rfs-cell {
  min-width: 13%;
}

.rates-body .show .mobile-row:active {
  box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}

.rates-body .edit .title-headered {
  padding-right: 4.5rem;
}

.rates-body .edit .title-headered .instrument-label {
  min-width: 45% !important;
}

.rates-body .edit .title-headered .buy-label {
  border-right: 1pt solid white;
}

.rates-body .edit .symbol {
  width: 45%;
  padding: 0.4em 0.4em 0.4em 1.5em;
}

.rates-body .edit .symbol .name {
  font-size: small !important;
}

.rates-body .edit .symbol .counter {
  display: none;
}

.rates-body .edit .symbol .remove-icon {
  height: 100%;
  font-size: 1.4em;
  color: #E21A1A;
  width: 1em;
  margin: auto;
  position: absolute;
  top: -6px;
  left: 6px;
}

.rates-body .edit .symbol .add-tenor, .rates-body .edit .symbol .add-tenor:before {
  display: none !important;
}

.rates-body .edit .symbol .edit-tenor .gwt-ListBox {
  display: none !important;
}

.rates-body .edit .symbol .edit-tenor .gwt-Label {
  display: block !important;
}

.rates-body .edit .price-cell {
  width: 40% !important;
  line-height: 4.2em;
  font-size: 3.5vw;
}

.rates-body .edit .edit-panel {
  min-width: 4.5rem;
  border-left: 1px solid white;
}

.rates-body .edit .edit-panel .drag-drop {
  font-size: x-large;
  height: 100%;
  width: 100%;
  padding-left: 5px;
  color: #c5c7cb;
}

.rates-body .edit .edit-panel .drag-drop.active {
  color: #E21A1A;
}

.orders-main {
  height: 100%;
  width: 100%;
}

.orders-main .tab-navigation {
  top: 4.5rem;
  height: 100%;
}

.orders-main .tab-navigation .content .row-list {
  height: calc(100% - (2*0.25em));
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
  position: relative;
  font-size: small;
}

.orders-main .tab-navigation .content .row-list:not(.infinite-scroll) {
  overflow-x: hidden;
  overflow-y: auto;
}

.orders-main .tab-navigation .content .row-list .header {
  position: relative;
  width: 100%;
  height: 80px;
}

.orders-main .tab-navigation .content .row-list .is-viewport {
  height: 100%;
}

.orders-main .tab-navigation .content .row-list .mobile-row {
  background-image: linear-gradient(to bottom, #fff, transparent);
  background-color: #c5c5c5;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #232223 !important;
  margin-bottom: .2em;
  border-radius: 1em;
  margin-right: 0;
  margin-left: 0;
  text-align: center;
}

.orders-main .tab-navigation .content .row-list .mobile-row:not(.option-row) {
  position: relative;
  padding: .2em .5em;
}

.orders-main .tab-navigation .content .row-list .mobile-row.with-reason {
  padding-bottom: 1.6em;
}

.orders-main .tab-navigation .content .row-list .mobile-row.with-reason .update-icon {
  top: calc(50% - 1.6em / 2);
}

.orders-main .tab-navigation .content .row-list .mobile-row .missed-order-reason {
  position: absolute;
  bottom: 0;
  background-color: #ebe7e7;
  width: 100%;
  text-align: left;
  border-radius: 0px 0px 10px 10px;
  padding: 2px 10px;
  font-size: .9em;
}

.orders-main .tab-navigation .content .row-list .mobile-row .missed-order-reason:before {
  content: '\ed61';
  font-family: 'webappsdk';
  margin-right: 10px;
}

.orders-main .tab-navigation .content .row-list .mobile-row .side-container {
  color: white;
  text-align: center;
  padding: .2em;
  border-radius: 1em;
  font-weight: bold;
  min-width: 4em;
  text-transform: uppercase;
}

.orders-main .tab-navigation .content .row-list .mobile-row .secdef-currency-container {
  min-width: 6em;
  overflow: hidden;
}

.orders-main .tab-navigation .content .row-list .mobile-row .secdef-currency-container .secdef {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}

.orders-main .tab-navigation .content .row-list .mobile-row .secdef-currency-container .currency {
  font-size: small;
  padding-left: .5em;
}

.orders-main .tab-navigation .content .row-list .mobile-row .details {
  display: flex;
  width: 150px;
  overflow: hidden;
  justify-content: space-between;
}

.orders-main .tab-navigation .content .row-list .mobile-row .details .price-quantity-container {
  font-weight: bold;
}

.orders-main .tab-navigation .content .row-list .mobile-row .details .price-quantity-container, .orders-main .tab-navigation .content .row-list .mobile-row .details .type-status-container {
  display: flex;
  flex-direction: column;
  width: 50%;
  justify-content: space-around;
}

.orders-main .tab-navigation .content .row-list .mobile-row .details .price-quantity-container {
  width: 50%;
  margin-right: 10px;
}

.orders-main .tab-navigation .content .row-list .mobile-row .details .type-status-container {
  width: 50%;
}

.orders-main .tab-navigation .content .row-list .mobile-row .details .type-status-container .type-time-in-force-container {
  display: flex;
  align-self: center;
  width: max-content;
}

.orders-main .tab-navigation .content .row-list .mobile-row .details .type-status-container .type-time-in-force-container :first-child::after {
  content: "-";
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.orders-main .tab-navigation .content .row-list .mobile-row .update-icon {
  position: absolute;
  top: calc( 50% - .6em);
  right: 2px;
  color: #e2ac09;
  font-size: 1.2em;
  line-height: 1.2em;
}

.orders-main .tab-navigation .content .row-list .mobile-row .confirmation-panel .back {
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
}

.orders-main .tab-navigation .content .row-list .mobile-row .confirmation-panel .action {
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
}

.orders-main .tab-navigation .content .row-list .mobile-row.buy {
  border: 2px solid #7CB342;
}

.orders-main .tab-navigation .content .row-list .mobile-row.buy .price {
  color: #7CB342;
}

.orders-main .tab-navigation .content .row-list .mobile-row.buy .side-container {
  background-color: #7CB342;
}

.orders-main .tab-navigation .content .row-list .mobile-row.sell {
  border: 2px solid #E53935;
}

.orders-main .tab-navigation .content .row-list .mobile-row.sell .price {
  color: #E53935;
}

.orders-main .tab-navigation .content .row-list .mobile-row.sell .side-container {
  background-color: #E53935;
}

.orders-main .tab-navigation .content .row-list .mobile-row.update {
  background-color: white;
}

.orders-main .tab-navigation .content .row-list .mobile-row.selected {
  border: 2px solid #232223;
  background-color: #ffe3af;
  background-image: none;
}

.orders-main .tab-navigation .content .row-list .mobile-row.pending-update .type-status-container .status {
  color: #E21A1A;
}

.orders-main .tab-navigation .content .row-list .mobile-row.pending-update .update-icon {
  color: #E21A1A;
}

div.time-panel::-webkit-scrollbar {
  width: 0px;
  box-shadow: none;
  background: transparent;
}

.mobile-atom {
  font-family: 'Arial';
  height: 100%;
  width: 100%;
  overflow-y: auto;
  z-index: 3;
  /***********************************
                SUBMIT CONTAINER
    ************************************/
  /***********************************
                MOBILE EDITOR
    ************************************/
  /***********************************
                DATE EDITOR
    ************************************/
  /***********************************
                PRICE WIDGET
    ************************************/
  /**************************************
    PRICE WIDGET details-offset Feature flag
    ***************************************/
}

.mobile-atom .trade-confirmation-dialog.editor {
  bottom: 58px;
  right: revert;
  width: 100%;
}

.mobile-atom .mobile-editor {
  font-size: 1.5em;
}

.mobile-atom .mobile-editor .currency-container {
  width: 60%;
}

.mobile-atom .mobile-editor .currency-container .order-editor-field {
  width: 100%;
}

.mobile-atom .mobile-editor .btn-group {
  display: flex;
}

.mobile-atom .mobile-editor .btn-group button {
  width: 100%;
  font-weight: bold;
  background-color: inherit;
  color: #232223;
  font-size: inherit;
  border: 1px solid #232223;
  padding-left: 0;
  padding-right: 0;
}

.mobile-atom .mobile-editor .btn-group button.active {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
}

.mobile-atom .mobile-editor .mobile-editor-row {
  display: flex;
  align-items: center;
  width: 100%;
}

.mobile-atom .mobile-editor .mobile-editor-row .gwt-Label {
  line-height: initial;
  width: 35%;
  color: #232223;
  flex-grow: 1;
}

.mobile-atom .mobile-editor input {
  box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.125);
  order: 2;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border-color: #232223;
  border-radius: 4px;
  border-width: 1px;
  text-align: center;
  font-weight: bold;
}

.mobile-atom .submit-container {
  font-size: 17px;
}

.mobile-atom .submit-container .submit-tooltip {
  font-size: 16px;
}

.mobile-atom.mobile-order-editor-atom .submit-container,
.mobile-atom.mobile-rfq-editor-atom .submit-container,
.mobile-atom .date-editor-atom .submit-container {
  position: relative;
}

.mobile-atom .date-editor-atom .submit-container button {
  width: 100%;
  margin-top: .5em;
  margin-bottom: .5em;
  margin-left: 0.7em;
  margin-right: 0.7em;
}

.mobile-atom .submit-container {
  display: flex;
  width: 100%;
}

.mobile-atom .submit-container .submit-tooltip {
  width: 100%;
  margin-top: .5em;
  margin-bottom: .5em;
  margin-left: 0.7em;
  margin-right: 0.7em;
}

.mobile-atom .submit-container .submit-tooltip button {
  width: 100%;
}

.mobile-atom .submit-container .submit-tooltip .tooltip-notif.tooltip-warn {
  height: 5.5em;
  width: 90%;
  left: 5%;
  opacity: 1;
  background-color: #8D2929;
  color: white;
}

.mobile-atom .submit-container .submit-tooltip .tooltip-notif.tooltip-warn .tooltip-title {
  text-transform: uppercase;
}

.mobile-atom .submit-container .submit-tooltip .tooltip-notif.tooltip-warn .tooltip-close {
  text-align: right;
}

.mobile-atom .submit-container .submit-tooltip .tooltip-arrow.tooltip-warn {
  border-top-color: #8D2929;
  border-bottom-color: #8D2929;
}

.mobile-atom button.submit {
  padding-top: .5em;
  padding-bottom: .5em;
  text-transform: uppercase;
  border: 0;
  border-radius: 4px;
  font-weight: bold;
  background-color: black;
  color: white;
}

.mobile-atom button.submit:active {
  background-color: #4d4d4d;
}

.mobile-atom .mobile-editor {
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
}

.mobile-atom .mobile-editor .mobile-editor-row .caption {
  font-weight: 400;
}

.mobile-atom .mobile-editor .mobile-editor-row .inner-widget {
  border: 0.5px solid;
  border-radius: 5px;
  border-color: #000000;
}

.mobile-atom .mobile-editor .mobile-editor-row {
  background-image: linear-gradient(to bottom, #fff, #dfdfdf);
  margin-top: 0.1em;
  height: 2.5em;
  width: 100%;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  padding-right: 0.7em;
  padding-left: 0.7em;
}

.mobile-atom .rfq-accept-container {
  padding: .7em;
  border: 1px solid;
  border-color: #BBBBBB;
  background-color: #F8F8F8;
}

.mobile-atom .rfq-accept-button-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  column-gap: .7em;
  color: #FFFFFF;
}

.mobile-atom .rfq-accept-button-container .gwt-Button {
  font-weight: 700;
  font-size: 17px;
  flex: 1;
  height: 2.47em;
  border: 1px solid;
  border-radius: 4px;
  text-transform: uppercase;
}

.mobile-atom .rfq-accept-button-container .gwt-Button.rfq-accept-buy {
  background-color: #182F00;
  border-color: #7CB342;
}

.mobile-atom .rfq-accept-button-container .gwt-Button.rfq-accept-sell {
  background-color: #530200;
  border-color: #E53935;
}

.mobile-atom .mobile-editor-row.form-field[error]::after,
.mobile-atom .mobile-editor-row.form-field[error]::before,
.mobile-atom .mobile-editor-row.form-field .caption::after {
  display: none;
}

.mobile-atom .tenor-field.mobile-editor-row.form-field .inner-widget.gwt-ListBox {
  font-size: 18px;
}

.mobile-atom .tenor-date-field.mobile-editor-row.form-field .inner-widget.gwt-Button {
  font-size: 4vw;
}

.mobile-atom .tenor-date-field.mobile-editor-row.form-field .inner-widget.gwt-Button::after {
  font-size: 3vw;
  font-family: 'webappsdk';
  content: "\ea5f";
  position: absolute;
  right: 0.6em;
  top: 30%;
}

.mobile-atom .form-field .inner-widget.toggle .gwt-Label.checked {
  background-color: transparent !important;
}

.mobile-atom .currency-field.mobile-editor-row.form-field .inner-widget.toggle .label-on,
.mobile-atom .currency-field.mobile-editor-row.form-field .inner-widget.toggle .label-off {
  text-transform: uppercase;
}

.mobile-atom .mobile-editor .mobile-editor-row.date-time-button {
  position: absolute;
  right: 40%;
  width: 30%;
  z-index: 1;
  font-size: 15px;
  font-weight: 400;
  border: none;
  color: #000000;
  background: transparent;
  margin: 0.6em;
}

.mobile-atom .mobile-editor .mobile-editor-row.date-time-button::before {
  font-family: 'webappsdk';
  content: "\ea5f";
}

.mobile-atom .mobile-editor-row.form-field {
  margin: 0;
}

.mobile-atom .mobile-editor-row.form-field .caption {
  line-height: initial;
  width: 35%;
  color: #232223;
  flex-grow: 1;
}

.mobile-atom .mobile-editor-row.form-field.with-date-time-button .inner-widget {
  width: 40%;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget {
  width: 60%;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.numeric-spinner {
  height: 70%;
  border-radius: 4px;
  background-color: #E6E6E6;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.numeric-spinner .spinner-container {
  overflow: hidden;
  position: relative;
  left: 15%;
  width: 70%;
  flex-grow: 0;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.numeric-spinner .spinner-container .piped-price {
  height: 100%;
  width: 101%;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.numeric-spinner .spinner-container .piped-price .pip-num {
  font-size: inherit;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.numeric-spinner .spinner-container input {
  height: 103%;
  width: 101%;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.numeric-spinner input {
  border-radius: 0;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.numeric-spinner .spinner-btn-box {
  position: initial;
  height: 0;
  width: 0;
  border: none;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.numeric-spinner .spinner-btn-box .spinner-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 15%;
  height: 100%;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.numeric-spinner .spinner-btn-box .spinner-btn:active {
  box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.numeric-spinner .spinner-btn-box .spinner-btn-increase {
  right: 0;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.numeric-spinner .spinner-btn-box .spinner-btn-decrease {
  left: 0;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.gwt-ListBox {
  height: 100%;
  padding-right: 0.7em;
  padding-left: 0.7em;
  text-align: center;
  text-align-last: center;
  font-weight: 700;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.radio-button-group-form-field {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  border: 1px solid;
  border-radius: 4px;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.radio-button-group-form-field .gwt-RadioButton {
  display: flex;
  width: calc(100%/3);
  height: 100%;
  text-align: center;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.radio-button-group-form-field .gwt-RadioButton:nth-child(2) {
  border-right: 1px solid;
  border-left: 1px solid;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.radio-button-group-form-field .gwt-RadioButton input {
  display: none;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.radio-button-group-form-field .gwt-RadioButton label {
  margin: auto;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.toggle {
  position: relative;
  display: block;
  height: 100%;
  user-select: none;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.toggle .label-on,
.mobile-atom .mobile-editor-row.form-field .inner-widget.toggle .label-off {
  position: absolute;
  top: 25%;
  z-index: 5;
  pointer-events: none;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.toggle .label-on {
  left: 18%;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.toggle .label-off {
  left: 68%;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.toggle input[type="checkbox"] {
  display: none;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.toggle label {
  display: block;
  height: 100%;
  padding: 0;
  border-radius: 5px;
  overflow: hidden;
  transition: background-color 0.3s ease-in;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.toggle label:before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  width: 50%;
  height: inherit;
  margin: 0px;
  border-radius: 5px;
  transition: all 0.3s ease-in 0s;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.toggle input:checked + label:before {
  left: 0;
}

.mobile-atom .mobile-editor-row.form-field .inner-widget.gwt-Button {
  box-sizing: border-box;
  position: relative;
  height: 100%;
  border: 0.5px solid #000000;
  border-radius: 3px;
}

.mobile-atom .date-summary-container .date-summary {
  padding: 10px;
  font-size: 14px;
  text-align: center;
}

.mobile-atom .date-editor .dateBoxPopup.form-field .caption {
  font-size: 21px;
  padding-left: 0.85em;
  font-weight: 400;
  color: #232223;
}

.mobile-atom .date-editor .dateBoxPopup.form-field .gwt-DatePicker {
  width: 75%;
  border: 0;
  color: #555;
  margin: 0 auto;
  font-weight: 400;
  font-size: 15px;
}

.mobile-atom .date-editor .dateBoxPopup.form-field .gwt-DatePicker .datePickerMonthSelector {
  font-size: 7vw;
  height: 30px;
  color: #000000;
  background: #DDD;
}

.mobile-atom .date-editor .dateBoxPopup.form-field .gwt-DatePicker .datePickerMonthSelector td {
  padding: 0 2vw;
}

.mobile-atom .date-editor .dateBoxPopup.form-field .gwt-DatePicker .datePickerMonthSelector td.datePickerMonth {
  padding: 0;
}

.mobile-atom .date-editor .dateBoxPopup.form-field .gwt-DatePicker .datePickerDays {
  margin: 0 10px;
  width: calc(100% - 20px);
  background-color: white;
}

.mobile-atom .date-editor .dateBoxPopup.form-field .gwt-DatePicker .datePickerDayIsWeekend {
  background: #eee;
}

.mobile-atom .date-editor .dateBoxPopup.form-field .gwt-DatePicker .datePickerWeekendLabel {
  background: #eee;
  border-bottom: 1px solid #ccc;
}

.mobile-atom .date-editor .dateBoxPopup.form-field .gwt-DatePicker .datePickerWeekdayLabel {
  border-bottom: 1px solid #ccc;
}

.mobile-atom .date-editor .time-panel {
  display: flex;
  justify-content: space-evenly;
}

.mobile-atom .date-editor .time-panel.has-error {
  color: #E21A1A;
}

.mobile-atom .date-editor .time-panel input[type=time] {
  font-weight: normal;
  border: none;
  width: auto;
  font-size: 49px;
  text-align: center;
  box-shadow: none;
  color: #000000;
  background: #f8f8f8;
}

.mobile-atom .date-editor .time-panel input::-webkit-outer-spin-button,
.mobile-atom .date-editor .time-panel input::-webkit-inner-spin-button {
  margin: 0;
}

.mobile-atom .best-prices {
  position: relative;
  width: 100%;
  height: 100%;
}

.mobile-atom .best-prices .container-label {
  width: 100%;
  height: 2.5em;
  display: table;
  table-layout: fixed;
}

.mobile-atom .best-prices .container-label .sell-label,
.mobile-atom .best-prices .container-label .buy-label,
.mobile-atom .best-prices .container-label .spread-label {
  display: table-cell;
  text-transform: uppercase;
  text-align: center;
}

.mobile-atom .best-prices .container-label .sell-label {
  vertical-align: middle;
}

.mobile-atom .best-prices .container-label .spread-label {
  font-size: smaller;
  vertical-align: bottom;
}

.mobile-atom .best-prices .container-label .buy-label {
  vertical-align: middle;
}

.mobile-atom .best-prices .offer-details,
.mobile-atom .best-prices .bid-details {
  height: 7.5em;
  width: 50%;
}

.mobile-atom .best-prices .offer-details {
  border-left: 1pt solid;
}

.mobile-atom .best-prices .price-details {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.mobile-atom .best-prices .price-details .offer-value,
.mobile-atom .best-prices .price-details .bid-value {
  width: 100%;
  height: 100%;
  z-index: 0;
  font-size: 2.5em;
}

.mobile-atom .best-prices .price-details .offer-value .best-offer,
.mobile-atom .best-prices .price-details .offer-value .best-bid,
.mobile-atom .best-prices .price-details .bid-value .best-offer,
.mobile-atom .best-prices .price-details .bid-value .best-bid {
  height: 100%;
  width: 100%;
}

.mobile-atom .best-prices .price-details .offer-value .best-offer .price,
.mobile-atom .best-prices .price-details .offer-value .best-bid .price,
.mobile-atom .best-prices .price-details .bid-value .best-offer .price,
.mobile-atom .best-prices .price-details .bid-value .best-bid .price {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 6vw;
}

.mobile-atom .best-prices .price-details .offer-value .best-offer .price > *:nth-child(2n+1),
.mobile-atom .best-prices .price-details .offer-value .best-bid .price > *:nth-child(2n+1),
.mobile-atom .best-prices .price-details .bid-value .best-offer .price > *:nth-child(2n+1),
.mobile-atom .best-prices .price-details .bid-value .best-bid .price > *:nth-child(2n+1) {
  padding-top: 0.4em;
}

.mobile-atom .best-prices .pip-details {
  position: absolute;
  left: calc(50% - 2.5em/2);
  z-index: 3;
  display: table;
  font-size: larger;
}

.mobile-atom .best-prices .pip-details .best-spread {
  width: 2.5em;
  line-height: 2em;
  border: 1px solid;
  display: table-cell;
}

.mobile-atom .best-prices.indicative-prices .price-details,
.mobile-atom .best-prices.indicative-prices .price-details .best-numeric {
  background-color: #E9E9E9;
}

.mobile-atom .best-prices .container-label {
  background-image: linear-gradient(to bottom, #fff, #dfdfdf);
}

.mobile-atom .best-prices .offer-details {
  border-color: #BBBBBB;
}

.mobile-atom .best-prices .price-details {
  background-color: white;
  border-color: #BBBBBB;
}

.mobile-atom .best-prices .price-details:active {
  box-shadow: inset 0 6px 5px 0 rgba(0, 0, 0, 0.125);
}

.mobile-atom .best-prices .price-details .price-up {
  color: #7CB342;
}

.mobile-atom .best-prices .price-details .price-down {
  color: #E53935;
}

.mobile-atom .best-prices .price-details .price-stable {
  color: #757575;
}

.mobile-atom .best-prices .pip-details {
  background-color: white;
  -webkit-font-smoothing: antialiased;
}

.mobile-atom .best-prices .pip-details .best-spread {
  background-color: #757575;
  border-color: #BBBBBB;
}

.mobile-atom .best-prices .pip-details .best-spread.spread-negative {
  background-color: #eea236;
}

.mobile-atom .best-prices .pip-details .best-spread .spread-value {
  color: white;
}

.mobile-atom .warning-indicative {
  width: 100%;
  height: 2em;
  text-align: center;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid;
}

.mobile-atom .warning-indicative::before {
  font-family: 'webappsdk';
  content: '\ed61';
  margin-right: 0.38em;
}

.mobile-atom .warning-indicative {
  border-color: #BBBBBB;
}

.mobile-atom .details-offset .warning-indicative {
  border-color: #DCDCDC;
}

.mobile-atom .best-prices.details-offset .price-details .offer-details,
.mobile-atom .best-prices.details-offset .price-details .bid-details {
  height: calc(7.5em - 2*1.5em);
}

.mobile-atom .best-numeric {
  display: grid;
  grid-template-columns: 40% 20% 40%;
  width: 100%;
  height: 1.5em;
  font-size: 16px;
  border-top: 1px solid;
  margin: 0 0.8em;
}

.mobile-atom .best-numeric .best-numeric-title {
  font-size: 14px;
  text-transform: uppercase;
}

.mobile-atom .best-numeric > .gwt-Label {
  margin: auto;
}

.mobile-atom .best-numeric {
  border-color: #DCDCDC;
  background-color: white;
}

.mobile-atom .best-numeric .best-numeric-left,
.mobile-atom .best-numeric .best-numeric-right {
  color: #757575;
}

.mobile-grid {
  width: 100%;
  padding: 0;
  margin: 0;
  overflow-y: auto;
}

.mobile-grid .mobile-row {
  background-image: linear-gradient(to bottom, #fff, #dfdfdf);
  transition: ease-in margin-left 250ms, ease-in height 250ms 250ms !important;
  display: flex;
  width: 100%;
  align-items: center;
}

.mobile-grid .mobile-row.delete {
  margin-left: -100% !important;
  height: 0 !important;
}

.mobile-grid ul {
  padding: 0;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.mobile-grid ul.mobile-slidable-list {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.mobile-grid ul.mobile-slidable-list .confirmation-panel {
  background-image: linear-gradient(to bottom, #fff, #dfdfdf);
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.mobile-grid ul.mobile-slidable-list .confirmation-panel .action, .mobile-grid ul.mobile-slidable-list .confirmation-panel .back {
  width: 50%;
  height: 100%;
  text-align: center;
  color: white;
}

.mobile-grid ul.mobile-slidable-list .confirmation-panel .action {
  background-color: red;
}

.mobile-grid ul.mobile-slidable-list .confirmation-panel .back {
  background-color: #232223 !important;
}

.mobile-grid .slidable-row {
  overflow-y: hidden;
}

.mobile-grid .mobile-slidable-list {
  width: 100%;
}

.mobile-grid .mobile-slidable-list .option-row {
  position: absolute;
  z-index: 0;
  height: calc( 100% - .6em);
  top: .3em;
}

.mobile-grid .mobile-slidable-list .main-row {
  position: relative;
  z-index: 1;
}

.mobile-grid.sortable-grid {
  display: flex;
  flex-direction: column;
}

.mobile-grid.sortable-grid .mobile-row {
  flex-shrink: 0;
}

.mobile-grid.sortable-grid .mobile-row.mobile-active-row {
  margin-bottom: 0 !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  border-top: 0.3em solid transparent !important;
}

.mobile-grid.sortable-grid .mobile-row.mobile-active-row.mobile-center-row {
  border-top-color: black !important;
}

.tab-navigation .tabs {
  text-align: center;
  height: 4.5rem;
  display: flex;
}

.tab-navigation .tabs .tab {
  position: relative;
  background-color: #E0E1E3;
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 100%;
  justify-content: center;
}

.tab-navigation .tabs .tab .icon {
  padding-right: .5em;
  font-weight: 900;
}

.tab-navigation .tabs .tab.active {
  font-weight: bold;
  background-color: #f8f8f8;
  border-top: 3pt solid #E21A1A;
}

.tab-navigation .tabs .tab.active .icon {
  color: #E21A1A;
}

.tab-navigation .tabs .tab .notification {
  position: absolute;
  right: 1em;
}

.tab-navigation .tabs .tab:active {
  background-color: #C0DAE9;
}

.tab-navigation .menu {
  height: 4.5rem;
  display: flex;
}

.tab-navigation .menu .icon {
  font-size: 2.8em;
  margin-left: 5px;
}

.tab-navigation .menu .icon.back {
  margin-right: auto;
  color: #232223;
}

.tab-navigation .menu .icon.edit, .tab-navigation .menu .icon.cancel {
  margin-right: 5px;
  color: #E21A1A;
}

.tab-navigation .menu .no-action {
  align-self: right;
  padding: 5px 5px;
  font-size: 2.2em;
  color: #E21A1A;
}

.tab-navigation .content {
  height: calc( 100% - 4.5rem);
}

@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;
  }
}

.quick-trade {
  display: flex;
  flex-direction: column;
  -webkit-transition: height 300ms;
  background-image: linear-gradient(to bottom, #fff, #dfdfdf);
  color: #232223;
  border-bottom: 1px solid #232223;
  height: 3em;
}

.quick-trade .btn {
  background-image: linear-gradient(to bottom, #ff9900, #cc7a00);
  height: 100%;
  display: inline-flex;
  align-items: center;
  margin: .1em;
  -webkit-transition: height 300ms;
  overflow: hidden !important;
  justify-content: center;
  font-size: 1.3em;
  letter-spacing: .05em;
}

.quick-trade .btn .icon {
  color: #232223;
  padding-right: .5em;
}

.quick-trade .btn .label {
  color: #232223;
  margin: 0;
  border: none;
  padding: 0;
}

.quick-trade .btn.close {
  height: 0;
  padding: 0;
  margin: 0;
  border: none;
}

.quick-trade .fields {
  display: inline-flex !important;
  justify-content: space-around;
  align-items: center;
  height: 0;
  overflow: hidden !important;
  -webkit-transition: height 300ms;
  background-image: linear-gradient(to bottom, #ff9900, #cc7a00);
}

.quick-trade .fields fieldset {
  width: 50%;
  padding-left: 2%;
  padding-right: 2%;
}

.quick-trade .fields fieldset legend {
  margin: 0;
  text-align: center;
  width: inherit;
  color: inherit;
  font-size: x-small;
  padding: 0;
  padding-top: .2em;
  border: none;
}

.quick-trade .fields fieldset .value {
  color: inherit;
  background-color: inherit;
  text-align: center;
  text-align-last: center;
  width: 100%;
  height: 1.5em;
  border-radius: .3em;
  border: 1px solid;
  font-weight: bold;
}

.quick-trade .fields fieldset.qty {
  display: flex;
}

.quick-trade .fields fieldset.qty .quantity-spinner {
  height: 70%;
  border-radius: 4px;
  background-color: inherit;
  font-weight: bold;
}

.quick-trade .fields fieldset.qty .quantity-spinner .spinner-container {
  position: relative;
  left: 15%;
  width: 70%;
  flex-grow: 0;
  background-color: inherit;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

.quick-trade .fields fieldset.qty .quantity-spinner input {
  color: #232223;
  background-color: inherit;
  border-radius: 0;
}

.quick-trade .fields fieldset.qty .quantity-spinner .spinner-btn-box {
  position: initial;
  height: 0;
  width: 0;
  border: none;
}

.quick-trade .fields fieldset.qty .quantity-spinner .spinner-btn-box .spinner-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 15%;
  height: 100%;
}

.quick-trade .fields fieldset.qty .quantity-spinner .spinner-btn-box .spinner-btn:active {
  box-shadow: inset 0 3px 5px 0 rgba(0, 0, 0, 0.25);
}

.quick-trade .fields fieldset.qty .quantity-spinner .spinner-btn-box .spinner-btn-increase {
  right: 0;
}

.quick-trade .fields fieldset.qty .quantity-spinner .spinner-btn-box .spinner-btn-decrease {
  left: 0;
}

.quick-trade .fields fieldset .has-error input, .quick-trade .fields fieldset .invalid input {
  background-color: red;
}

.quick-trade .fields fieldset .has-error .spinner-container, .quick-trade .fields fieldset .invalid .spinner-container {
  background-color: red !important;
}

.quick-trade .fields fieldset .has-error.accounts, .quick-trade .fields fieldset .invalid.accounts {
  background-color: red;
}

.quick-trade .fields fieldset .invalid::after, .quick-trade .fields fieldset .invalid::before {
  display: none;
}

.quick-trade .fields.open {
  height: 100%;
  overflow: visible !important;
}

.quick-trade.open {
  height: 4em;
}

.mobile-application .icon-switch {
  height: 100%;
  width: 6.5rem;
  text-align: center;
  right: 0;
  font-size: x-large;
  color: #E21A1A !important;
  border-left: 1px solid #E21A1A;
}

.mobile-application .icon-switch:active {
  background-color: #E21A1A !important;
  color: white !important;
}

.mobile-application .rates-label, .mobile-application .positions-label {
  width: 50%;
  line-height: 3em;
  padding-left: 5px;
}

.mobile-application .user-data {
  flex-grow: 1;
}

.mobile-footer {
  color: white;
  display: flex;
  flex-direction: column;
  height: 4.5rem;
  background-color: #232223;
  border-top: 1px solid #E21A1A;
}

.mobile-footer .footer-menu {
  position: absolute;
  bottom: 4.5rem;
  display: flex;
  flex-direction: column;
  height: 0;
  width: 100%;
  overflow: hidden;
  transition: height 200ms;
}

.mobile-footer .footer-menu.show-menu {
  z-index: 1000;
  height: 100%;
}

.mobile-footer .footer-menu.show-menu .mobile-grid {
  border-top: 1pt solid #E21A1A;
}

.mobile-footer .footer-menu .blur {
  flex: 1 1 auto;
  background-color: rgba(128, 128, 128, 0.5);
}

.mobile-footer .footer-menu .mobile-grid {
  height: initial;
}

.mobile-footer .footer-menu .mobile-grid .mobile-row {
  background-image: linear-gradient(to bottom, #302f30, #232223);
  justify-content: center;
  height: 5rem;
}

.mobile-footer .footer-menu .mobile-grid .mobile-row.setting-header {
  height: 6.5rem;
  width: 100%;
  justify-content: space-between;
  border-bottom: 1pt solid #E21A1A;
}

.mobile-footer .footer-menu .mobile-grid .mobile-row.setting-header .gwt-Label {
  text-align: center;
}

.mobile-footer .footer-menu .mobile-grid .mobile-row:active:not(:first-child) {
  box-shadow: inset 0 6.5rem 5px 0 rgba(128, 128, 128, 0.5);
}

.mobile-footer .footer-menu .mobile-grid .mobile-row:active:not(:first-child) span {
  box-shadow: inset 0 6.5rem 5px 0 rgba(128, 128, 128, 0.5);
}

.mobile-footer .button-panel {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  border-top: 1pt solid #E21A1A;
}

.mobile-footer .button-panel .left-panel {
  width: 60%;
  height: 100%;
  display: flex;
  padding: 0;
  margin: 0;
}

.mobile-footer .button-panel .left-panel .tab {
  margin: 0;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  border-right: 1px solid #E21A1A !important;
}

.mobile-footer .button-panel .left-panel .tab.selected {
  border-top: 3px solid #E21A1A !important;
  font-weight: bold !important;
  padding-bottom: 3px;
}

.mobile-footer .button-panel .left-panel .tab div {
  align-self: center;
}

.mobile-footer .button-panel .left-panel .tab .notification {
  margin-left: .2em;
}

.mobile-footer .button-panel .st-logo {
  width: 4.5rem;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  background-image: url("../img/logo-min.png");
}

.mobile-footer .button-panel .st-logo:active {
  border-left: 1px solid #E21A1A !important;
  box-shadow: inset 0 6.5rem 5px 0 rgba(128, 128, 128, 0.5);
}

.mobile-footer .dropup {
  color: transparent;
}

.mobile-footer .dropup ul {
  list-style-type: none;
  padding-left: 0;
  text-align: left;
  background-color: white;
}

.mobile-footer .dropup ul li {
  background-color: #232223;
  color: #E0E1E3;
  padding-left: 10%;
  margin-bottom: 1px;
  height: 45px;
  line-height: 42px;
  font-size: medium;
}

.mobile-footer .dropup ul li:visited {
  background-color: #E0E1E3;
  color: #232223;
}

.mobile-footer .menu-item-btn {
  display: inline-flex;
  justify-content: space-around;
  height: 100%;
  border-right: 1pt solid #730000;
  border-radius: 0 !important;
  color: #E0E1E3;
  border-top: 3pt solid #232223;
  background-color: #232223;
  border-bottom: 0;
  border-left: 0;
  font-weight: 100;
  width: 8em;
  padding: 9px 0;
  margin: 0;
}

.mobile-footer .menu-item-btn.active {
  border-top: 3pt solid #E21A1A;
  color: white;
}

.mobile-footer .setting {
  display: block;
  float: right;
}

.mobile-footer .setting .bottom {
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  color: red;
  font-size: 8px;
  background: transparent;
  border: none;
}

.mobile-footer .setting .bottom:focus {
  border: transparent;
}

.mobile-header {
  height: 4.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E21A1A;
  background-color: #232223;
  transition: background-color 300ms;
}

.mobile-header .mobile-header-title {
  font-size: 15px;
}

.mobile-header .left {
  order: 1;
}

.mobile-header .left .tooltip-widget .back {
  height: 100%;
}

.mobile-header .left .back {
  background: transparent;
  border: none;
  margin: 0;
}

.mobile-header .left .back::after {
  content: '\eddf';
  font-family: 'webappsdk';
}

.mobile-header .left .back-tooltip {
  z-index: 10;
  opacity: 1;
}

.mobile-header .left .back-tooltip .tooltip-arrow {
  top: 85%;
}

.mobile-header .left .back-tooltip .tooltip-notif {
  top: calc(85% + 15px);
}

.mobile-header .left .back-tooltip .tooltip-notif {
  width: 312px;
  left: 0;
}

.mobile-header .left .back-tooltip .tooltip-notif.tooltip-warn {
  background-color: #893A00;
  color: white;
}

.mobile-header .left .back-tooltip .tooltip-notif.tooltip-warn .tooltip-title {
  text-transform: uppercase;
}

.mobile-header .left .back-tooltip .tooltip-notif.tooltip-warn .tooltip-footer {
  margin: 10px 0;
}

.mobile-header .left .back-tooltip .tooltip-notif.tooltip-warn .tooltip-footer button {
  font-size: 16px;
  font-weight: 600;
  width: 3.5em;
  height: 2.25em;
  border: 1px solid;
  border-radius: 4px;
  border-color: #000000;
  background-color: #000000;
}

.mobile-header .left .back-tooltip .tooltip-notif.tooltip-warn .tooltip-footer button::after {
  display: none;
}

.mobile-header .left .back-tooltip .tooltip-arrow.tooltip-warn {
  border-top-color: #893A00;
  border-bottom-color: #893A00;
}

.mobile-header .title {
  color: white;
  text-align: center;
  align-self: center;
  order: 2;
  font-size: 1em;
  text-transform: uppercase;
}

.mobile-header .instrument-selection {
  width: 30%;
  height: 80%;
  position: relative;
}

.mobile-header .instrument-selection .dd-container-widget {
  height: 100%;
  width: 100%;
  border-radius: 5px;
}

.mobile-header .instrument-selection .dd-container-widget .dd-container-button {
  text-align: center;
  padding-top: 2px;
  letter-spacing: 1px;
}

.mobile-header .instrument-selection .dd-container-widget .dd-container-state {
  position: absolute;
  right: .2em;
  top: 50%;
}

.mobile-header .instrument-selection .invert {
  position: absolute;
  right: -1.8em;
  top: calc(50% - .5em);
  line-height: 1em;
  font-size: 20px;
  background: transparent;
  border: none;
  margin: 0;
}

.mobile-header .instrument-selection .invert::after {
  content: '\ee43';
  font-family: 'webappsdk';
}

.mobile-header .instrument-selection .invert:disabled {
  color: #7D7D7D;
}

.mobile-header .instrument-selection .dd-container-widget.dd-container-disabled {
  color: #FFFFFF;
  background: inherit;
}

.mobile-header .instrument-selection .dd-container-widget.dd-container-disabled .dd-container-state {
  display: none;
}

.mobile-header .right {
  order: 3;
  justify-content: flex-end;
}

.mobile-header .left, .mobile-header .right {
  display: flex;
  width: 8rem;
  height: 100%;
}

.mobile-header .left button, .mobile-header .right button {
  font-size: x-large;
  color: #E0E1E3;
  margin: 0 10px;
}

.mobile-header .left button:active, .mobile-header .left button.activated, .mobile-header .right button:active, .mobile-header .right button.activated {
  color: #E21A1A;
}

.mobile-header .left .left-icons, .mobile-header .right .left-icons {
  width: 100%;
  display: flex;
}

.mobile-header .left .right-icons, .mobile-header .right .right-icons {
  display: flex;
}

.mobile-header.quick-trade-mod {
  background-color: #ff9900;
  color: #232223;
}

.mobile-header.quick-trade-mod .icon {
  font-size: x-large;
  color: #232223;
  width: 100%;
}

.mobile-header .count-down {
  height: 80%;
  width: 40%;
  margin: 10%;
}

.mobile-header .count-down svg {
  border-radius: 50%;
}

.instrument-grid {
  transition: height 300ms, width 300ms;
  position: absolute;
  overflow: hidden;
  height: 0;
  width: 0;
  top: 0;
  z-index: 3;
  background-color: #f8f8f8;
}

.instrument-grid.slide-show {
  height: 100%;
  width: 100%;
}

.instrument-grid .container-list {
  width: 100%;
  height: calc(100% - 3em);
  position: relative;
  overflow: auto;
}

.instrument-grid .container-list .mobile-grid .item-list {
  color: #232223;
  height: initial;
  text-align: center;
  width: 100%;
}

.instrument-grid .container-list .mobile-grid .icon {
  height: 100%;
  min-width: 10%;
  font-size: 2em;
  padding-left: 1em;
  padding-right: 1em;
}

.instrument-grid .container-list .mobile-grid .remove {
  color: red;
}

.instrument-grid .container-list .mobile-grid .add {
  color: #575457;
}

.instrument-grid .container-list .mobile-grid.instruments .mobile-row {
  transition: none;
}

.instrument-grid .container-list .find-list {
  margin: 0;
  padding-left: 0;
  background-color: white;
  height: 100%;
  overflow-y: auto;
}

.instrument-grid .container-list .find-list .icon {
  color: #777;
  font-size: xx-large;
  order: 2;
  align-self: center;
}

.instrument-grid .container-list .find-list .item-list {
  order: 1;
  text-align: center;
  align-self: center;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #232223;
  width: 80%;
  padding-left: 5px;
}

.instrument-grid .container-list .find-list .last-item {
  display: flex;
  align-items: center;
  color: red;
  background-color: #e0e1e3;
  text-align: center;
  height: inherit;
  width: 100%;
  font-size: small;
}

.instrument-grid .container-list .find-list li {
  border-bottom: 1px solid #e0e1e3;
  height: 4em;
  display: flex;
  justify-content: space-around;
}

.instrument-grid .container-list li {
  background-image: linear-gradient(to bottom, #fff, #dfdfdf);
  list-style-type: none;
  color: #E0E1E3;
}

.instrument-grid .container-list li:active {
  animation: anim2 .4s;
}

.instrument-grid .header-find-dialog {
  display: inline-flex;
  align-items: center;
  text-align: center;
  height: 3em;
  width: 100%;
  z-index: 1;
  background-color: #EEEEEE;
}

.instrument-grid .header-find-dialog .container-header {
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
  align-items: center;
}

.instrument-grid .header-find-dialog .container-header .search-dialog {
  border-radius: 10px;
  border-width: 0;
  position: relative;
  left: 10%;
  width: 80%;
  outline: none;
  padding-left: 25px;
  padding-right: 25px;
  height: 30px;
}

.instrument-grid .header-find-dialog .container-header .find-icon, .instrument-grid .header-find-dialog .container-header .clear-icon {
  position: relative;
  font-size: 1.4em;
  color: #90939a;
}

.instrument-grid .header-find-dialog .container-header .find-icon {
  left: 5%;
  z-index: 1;
}

.instrument-grid .header-find-dialog .container-header .clear-icon {
  z-index: 1;
}

.instrument-grid .header-find-dialog .container-header .clear-icon:active {
  color: #E21A1A;
}

.instrument-grid .header-find-dialog .container-selection {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 20%;
  right: 0;
  border-bottom: 1pt dotted #E0E1E3;
  background-color: white;
}

.instrument-grid .header-find-dialog .container-selection .selection-label {
  padding-right: .5em;
}

.instrument-grid .header-find-dialog .container-selection button {
  font-size: xx-large;
}

.instrument-grid .header-find-dialog .container-selection .up {
  color: #7CB342;
  animation: anim1 1.5s infinite;
}

.instrument-grid .header-find-dialog .container-selection .down {
  color: #E53935;
  animation: anim1 1.5s infinite;
}

.instrument-grid .header-find-dialog .container-selection .empty {
  color: #232223;
}

.instrument-grid .header-find-dialog .container-clear-all {
  box-shadow: inset 0 -6px 5px 0 rgba(0, 0, 0, 0.25);
  width: 100%;
  display: flex;
  margin: 1%;
  height: 90%;
  align-items: center;
  background-color: #E21A1A;
  border-radius: 5px;
}

.instrument-grid .header-find-dialog .container-clear-all button {
  width: 25%;
  font-size: 2em;
  color: white;
}

.instrument-grid .header-find-dialog .container-clear-all .edit-label {
  width: 75%;
  color: white;
  text-align: start;
}

/**
 * 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;
}

/**
 * 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-dialog {
  background-color: white;
  box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}

.alertify .ajs-header {
  color: black;
  font-weight: bold;
  background: #fafafa;
  border-bottom: #eee 1px solid;
  border-radius: 2px 2px 0 0;
}

.alertify .ajs-body {
  color: black;
}

.alertify .ajs-body .ajs-content .ajs-input {
  display: block;
  width: 100%;
  padding: 8px;
  margin: 4px;
  border-radius: 2px;
  border: 1px solid #CCC;
}

.alertify .ajs-body .ajs-content p {
  margin: 0;
}

.alertify .ajs-footer {
  background: #fbfbfb;
  border-top: #eee 1px solid;
  border-radius: 0 0 2px 2px;
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
  background-color: transparent;
  color: #000;
  border: 0;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
  color: #3593D2;
}

.alertify-notifier .ajs-message {
  background: rgba(255, 255, 255, 0.95);
  color: #000;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 2px;
}

.alertify-notifier .ajs-message.ajs-success {
  color: #fff;
  background: rgba(91, 189, 114, 0.95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

.alertify-notifier .ajs-message.ajs-error {
  color: #fff;
  background: rgba(217, 92, 92, 0.95);
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

.alertify-notifier .ajs-message.ajs-warning {
  background: rgba(252, 248, 215, 0.95);
  border-color: #999;
}

.alertify-notifier {
  z-index: 500;
  width: 90%;
}

.alertify-notifier.ajs-right {
  right: 5%;
}

.alertify-notifier.ajs-bottom {
  bottom: 4.5rem;
}

.alertify-notifier.ajs-top {
  top: 4.5rem;
}

.alertify-notifier.ajs-left {
  left: 1%;
}

.alertify-notifier .ajs-message {
  right: 0 !important;
  left: 0 !important;
  width: 100%;
  margin-left: 110%;
}

.alertify-notifier .ajs-message.ajs-visible {
  margin-left: 0;
}

.mobile-application {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.mobile-application .atom-container {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.mobile-application .atom-container .mobile-atom {
  position: absolute;
}

.mobile-application .atom-container .mobile-atom.slide-to-left {
  animation: slide-to-left 300ms forwards;
}

.mobile-application .atom-container .mobile-atom.slide-from-left {
  animation: slide-from-left 300ms forwards;
}

.mobile-application .atom-container .mobile-atom.slide-to-right {
  animation: slide-to-right 300ms forwards;
}

.mobile-application .atom-container .mobile-atom.slide-from-right {
  animation: slide-from-right 300ms forwards;
}

.mobile-application .atom-container .mobile-atom.slide-to-top {
  animation: slide-to-top 300ms forwards;
}

.mobile-application .atom-container .mobile-atom.slide-from-top {
  animation: slide-from-top 300ms forwards;
}

.mobile-application .pony-DialogBox {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  z-index: 10000;
}

.mobile-application .pony-DialogBox table {
  position: relative;
  top: 30%;
  color: #232223;
  background-color: #f8f8f8;
}

.mobile-application .pony-DialogBox table .dialogTop {
  font-size: 1.5em;
  text-align: center;
}

.mobile-application .pony-DialogBox table button {
  margin: 0.3em;
  margin-bottom: 0.6em;
}

.mobile-application .header-container {
  position: absolute;
  width: 90%;
  height: 70%;
  top: 15%;
  text-align: center;
  left: 5%;
  line-height: 4.5em;
  background-color: #7CB342;
}

.mobile-application .gwt-Label, .mobile-application .gwt-HTML, .mobile-application .caption {
  text-shadow: 0 0;
}

.mobile-application html, .mobile-application body {
  overflow: hidden !important;
  -webkit-overflow-scrolling: touch;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  background-color: #E0E1E3;
}

.mobile-application .atom-container {
  background-color: #f8f8f8;
}

.mobile-application .notification {
  padding-left: 0.2em;
  padding-right: 0.2em;
  background-color: #e2ac09;
  border-radius: 20%;
  color: white;
}

.mobile-application .modal-dialog {
  display: flex;
  top: 20%;
  left: 4%;
  position: fixed;
  margin: 0;
  width: 92%;
}

.mobile-application .modal-dialog .modal-content {
  background-color: #232223;
  color: #E0E1E3;
  width: 100%;
}

.mobile-application .modal-dialog .modal-header {
  padding-right: 6px;
  padding: 0px;
  border-bottom: 1pt dotted #E21A1A;
  text-align: center;
  height: 45px;
  line-height: 45px;
}

.mobile-application .modal-dialog .modal-header .modal-title {
  padding: 5px;
}

.mobile-application .modal-dialog .modal-body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  width: 100%;
  padding: 0px;
  text-align: center;
  line-height: 3em;
}

.mobile-application .modal-dialog .modal-body .confirmation-dialog {
  line-height: 50px;
}

.mobile-application .modal-dialog .modal-footer {
  border-top: 1pt dotted #E21A1A;
  bottom: 0px;
  width: 100%;
  height: 50px;
  padding: 7px;
}

.mobile-application .modal-dialog .modal-footer .ok-btn {
  float: right;
  width: 5em;
}

.mobile-application .modal-dialog .modal-footer .cancel-btn {
  float: left;
  width: 5em;
}

.mobile-application .modal-dialog .modal-footer .btn {
  outline: 0;
  color: white;
  background-color: transparent;
  border-radius: 5px;
  border: 1px dotted #E21A1A;
}

.mobile-application .modal-dialog .modal-footer .btn:hover {
  color: #E0E1E3;
  background-color: #E21A1A;
}

.mobile-application .modal-dialog .modal-footer button:first-child {
  position: absolute;
  right: 5px;
}

.mobile-application .modal-dialog .modal-footer button:nth-child(2) {
  position: absolute;
  left: 0px;
}

.mobile-application .main-panel {
  height: 100%;
}

.mobile-application .main-panel .atom-container {
  height: calc( 100% - 4.5rem);
}

.mobile-application .price-up .price {
  color: #7CB342;
}

.mobile-application .price-down .price {
  color: #E53935;
}

.mobile-application .price-stable .price {
  color: #757575;
}

.mobile-application .price .bold {
  font-weight: bold;
}

.mobile-application .price .highter {
  font-size: 1.5em;
}

@keyframes anim1 {
  from {
    opacity: 0.5;
  }
  20% {
    opacity: 0.7;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.8;
  }
  to {
    opacity: 0.6;
  }
}

@keyframes anim2 {
  from {
    background-color: white;
  }
  50% {
    background-color: #EEEEEE;
  }
  to {
    background-color: white;
  }
}

.mobile-application.screen-disabled {
  opacity: 0.75;
}

.mobile.dd-listbox-container {
  /*********  override js behavior *****************/
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0;
  /************************************************/
}

.mobile.dd-listbox-container .dd-container-default .is-viewport {
  max-height: unset;
}

.mobile.dd-listbox-container .dd-container-default .is-viewport .is-container .is-item {
  height: unset;
}

.mobile.dd-listbox-container .dd-container-default {
  display: flex;
  flex-direction: column;
}

.mobile.dd-listbox-container .is-viewport {
  flex: 1;
}

.mobile.dd-listbox-container .dd-listbox-filter {
  padding: .5em;
  display: flex;
  justify-content: flex-end;
}

.mobile.dd-listbox-container .dd-listbox-filter input[type="text"] {
  padding-left: .2em;
  width: 90%;
  border-radius: 5px;
  font-size: 2em;
  height: 1.2em;
  text-transform: uppercase;
}

.mobile.dd-listbox-container .dd-listbox-filter::after {
  top: calc(50% - 10px);
  left: 1em;
  right: unset;
}

.mobile.dd-listbox-container .is-item {
  text-align: center;
  font-size: 2em;
}

.mobile.dd-listbox-container .mobile-header .back {
  background: transparent;
  border: none;
  margin: 0;
}

.mobile.dd-listbox-container .mobile-header .back::after {
  content: '\eddf';
  font-family: 'webappsdk';
}

.sms-ui-mobile {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  font-family: 'Roboto', sans-serif;
}

.sms-ui-mobile ::-webkit-scrollbar {
  width: 1px !important;
  background-color: transparent !important;
}

.sms-ui-mobile .mobile-application {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.sms-ui-mobile .mobile-application .atom-container {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.sms-ui-mobile .mobile-application .atom-container .mobile-atom {
  position: absolute;
}

.sms-ui-mobile .mobile-application .atom-container .mobile-atom.slide-to-left {
  animation: slide-to-left 300ms both;
}

.sms-ui-mobile .mobile-application .atom-container .mobile-atom.slide-from-left {
  animation: slide-from-left 300ms both;
}

.sms-ui-mobile .mobile-application .atom-container .mobile-atom.slide-to-right {
  animation: slide-to-right 300ms both;
}

.sms-ui-mobile .mobile-application .atom-container .mobile-atom.slide-from-right {
  animation: slide-from-right 300ms both;
}

.sms-ui-mobile .mobile-application .atom-container .mobile-atom.slide-to-top {
  animation: slide-to-top 300ms both;
}

.sms-ui-mobile .mobile-application .atom-container .mobile-atom.slide-from-top {
  animation: slide-from-top 300ms both;
}

.sms-ui-mobile .mobile-application .mobile-header .title {
  font-size: 15px;
}

.sms-ui-mobile .mobile-application .global-position-header {
  justify-content: space-between;
}

.sms-ui-mobile .mobile-application .global-position-header .left {
  display: none;
}

.sms-ui-mobile .mobile-application .global-position-header .title {
  width: 45%;
  text-transform: none;
}

.sms-ui-mobile .mobile-application .global-position-header .right {
  width: 45%;
}

.sms-ui-mobile .mobile-application .global-position-header .right .accounts {
  margin: auto;
  height: 2em;
}

.sms-ui-mobile .mobile-application .button-panel .tab {
  font-size: 13px;
  letter-spacing: .01rem;
  width: 33.33% !important;
}

.sms-ui-mobile .mobile-application .button-panel .tab .selected {
  letter-spacing: 0.1rem;
}

.sms-ui-mobile .mobile-application .position-atom {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.sms-ui-mobile .mobile-application .position-atom .edit-panel {
  display: flex;
  height: 45px;
  align-items: center;
  justify-content: space-between;
}

.sms-ui-mobile .mobile-application .position-atom .edit-panel .back-icon {
  width: 45px;
  height: 45px;
  color: black;
  font-size: 30px;
}

.sms-ui-mobile .mobile-application .position-atom .edit-panel .close-icon {
  text-decoration: underline;
}

.sms-ui-mobile .mobile-application .position-atom .edit-panel .no-action, .sms-ui-mobile .mobile-application .position-atom .edit-panel .close-icon {
  color: red;
  padding: 5px;
  font-size: 18px;
}

.sms-ui-mobile .mobile-application .position-atom .position-header {
  background-image: linear-gradient(to bottom, #fff, #bbb);
  display: flex;
  width: 100%;
  height: 45px;
  text-align: center;
  line-height: 45px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px solid white;
}

.sms-ui-mobile .mobile-application .position-atom .position-header .left {
  display: none;
}

.sms-ui-mobile .mobile-application .position-atom .position-header .header-label {
  width: 25%;
  border-right: 1pt solid white;
}

.sms-ui-mobile .mobile-application .position-atom .position-body {
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-y: auto;
}

.sms-ui-mobile .mobile-application .position-atom .position-body .position-row {
  height: 65px;
  display: flex;
  overflow-y: hidden;
  background-image: linear-gradient(to bottom, #fff, #dfdfdf);
}

.sms-ui-mobile .mobile-application .position-atom .position-body .position-row.selected {
  background: #ffe3af !important;
}

.sms-ui-mobile .mobile-application .position-atom .position-body .position-row .u-pnl, .sms-ui-mobile .mobile-application .position-atom .position-body .position-row .r-pnl {
  height: 32.5px;
  line-height: 32.5px;
  font-size: 16px;
  font-weight: bold;
}

.sms-ui-mobile .mobile-application .position-atom .position-body .position-row .net-qty {
  margin: auto;
  font-size: 16px;
  font-weight: bold;
}

.sms-ui-mobile .mobile-application .position-atom .position-body .position-row .instrument {
  margin: auto;
  font-size: .9em;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sms-ui-mobile .mobile-application .position-atom .position-body .position-row .pnl-container {
  border-left: 1px solid white;
  border-right: 1px solid white;
}

.sms-ui-mobile .mobile-application .position-atom .position-body .position-row .pnl-container .good {
  color: #7CB342;
}

.sms-ui-mobile .mobile-application .position-atom .position-body .position-row .pnl-container .bad {
  color: #E53935;
}

.sms-ui-mobile .mobile-application .position-atom .position-body .position-row .avg {
  height: 65px;
  line-height: 65px;
  border-right: 1px solid white;
}

.sms-ui-mobile .mobile-application .position-atom .position-body .position-row .instrument, .sms-ui-mobile .mobile-application .position-atom .position-body .position-row .net-qty, .sms-ui-mobile .mobile-application .position-atom .position-body .position-row .avg, .sms-ui-mobile .mobile-application .position-atom .position-body .position-row .pnl-container {
  width: 25%;
}

.position-updater.mobile.trade-confirmation-dialog {
  position: absolute;
  bottom: unset;
  pointer-events: all;
}

.position-updater.mobile.trade-confirmation-dialog::before {
  left: calc(50% - 5px);
}

.position-updater.mobile.trade-confirmation-dialog.top-side:before {
  bottom: -10px;
  border-top-style: solid;
  border-top-width: 10px;
  border-bottom: none;
}

.position-updater.mobile.trade-confirmation-dialog.bottom-side:before {
  top: -10px;
}

.position-updater.mobile.trade-confirmation-dialog.mobile-quick-order.sell-side::before {
  left: calc(55% - 5px);
}

.position-updater.mobile.trade-confirmation-dialog.mobile-quick-order.buy-side::before {
  left: calc(85% - 5px);
}

body.disabled {
  pointer-events: none;
}

.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);
  }
}

.sms-ui-mobile {
  font-family: roboto;
}

.sms-ui-mobile .sms-ui-footer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  z-index: 1000;
}

.sms-ui-mobile .sms-ui-footer .header {
  height: 40px;
  display: flex;
  justify-content: space-between;
}

.sms-ui-mobile .sms-ui-footer .header-title {
  flex-grow: 1;
  margin: auto;
  font-size: 25px;
  text-align: center;
  margin-right: 50px;
}

.sms-ui-mobile .sms-ui-footer .user-name {
  font-size: 35px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 0px;
}

.sms-ui-mobile .sms-ui-footer .settings-button, .sms-ui-mobile .sms-ui-footer .back-button {
  width: 50px;
  font-size: 20px;
}

.sms-ui-mobile .sms-ui-footer .text-panel {
  text-align: center;
}

.sms-ui-mobile .sms-ui-footer .text-panel .bu-label {
  font-size: 20px;
  margin: 0px auto;
  font-family: roboto;
}

.sms-ui-mobile .sms-ui-footer .text-panel .logout-button {
  text-decoration: underline;
  margin: 20px auto;
  font-size: 20px;
}

.sms-ui-mobile .sms-ui-footer .settings-body {
  height: 100%;
}

.sms-ui-mobile .sms-ui-footer .settings-body .preference-row {
  display: flex;
  height: 40px;
  padding: 0 10px;
  align-items: center;
}

.sms-ui-mobile .sms-ui-footer .settings-body .preference-row .preference-label {
  flex-grow: 1;
}

.sms-ui-mobile .sms-ui-footer .settings-body .preference-row .preference-input {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: flex;
  align-items: center;
  /*
                    * change value with a click in the whole area
                    */
}

.sms-ui-mobile .sms-ui-footer .settings-body .preference-row .preference-input:before {
  content: attr(label);
  padding-right: 10px;
}

.sms-ui-mobile .sms-ui-footer .settings-body .preference-row .preference-input input {
  position: absolute;
  margin: 0;
  visibility: hidden;
  z-index: 1;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.sms-ui-mobile .sms-ui-footer .settings-body .preference-row .preference-input input:after {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.sms-ui-mobile .sms-ui-footer .settings-body .preference-row .preference-input input:after {
  content: ' ';
  visibility: visible;
  z-index: 1;
}

.sms-ui-mobile .sms-ui-footer .settings-body .preference-row .preference-input label {
  cursor: pointer;
  display: inline-flex;
  height: 8px;
  width: 25px;
  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;
}

.sms-ui-mobile .sms-ui-footer .settings-body .preference-row .preference-input label:after {
  content: "";
  display: block;
  width: 25px;
  height: 25px;
  margin: 0;
  border-radius: 50%;
  transition: linear 0.3s ease-in 0s;
  margin-top: -8px;
}

.sms-ui-mobile .sms-ui-footer .settings-body .preference-row .preference-input input:checked + label {
  padding-right: 0;
  padding-left: 20px;
}

.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;
}

.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;
}

body {
  font-family: "NykreditSans" !important;
}

body * {
  outline: none;
}

button:not(.icon).btn-primary, button:not(.icon).sign-in,
.btn:not(.icon).btn-primary,
.btn:not(.icon).sign-in {
  border-radius: 100px !important;
  background-color: #0F1E82 !important;
  border: 1px solid #0F1E82 !important;
  color: #ffffff !important;
}

button:not(.icon).btn-primary .icon,
button:not(.icon).btn-primary .pip-prenum-left, button:not(.icon).sign-in .icon,
button:not(.icon).sign-in .pip-prenum-left,
.btn:not(.icon).btn-primary .icon,
.btn:not(.icon).btn-primary .pip-prenum-left,
.btn:not(.icon).sign-in .icon,
.btn:not(.icon).sign-in .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).btn-primary:hover, button:not(.icon).sign-in:hover,
.btn:not(.icon).btn-primary:hover,
.btn:not(.icon).sign-in:hover {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

button:not(.icon).btn-primary:hover .icon,
button:not(.icon).btn-primary:hover .pip-prenum-left, button:not(.icon).sign-in:hover .icon,
button:not(.icon).sign-in:hover .pip-prenum-left,
.btn:not(.icon).btn-primary:hover .icon,
.btn:not(.icon).btn-primary:hover .pip-prenum-left,
.btn:not(.icon).sign-in:hover .icon,
.btn:not(.icon).sign-in:hover .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).btn-primary:focus, button:not(.icon).sign-in:focus,
.btn:not(.icon).btn-primary:focus,
.btn:not(.icon).sign-in:focus {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

button:not(.icon).btn-primary:focus .icon,
button:not(.icon).btn-primary:focus .pip-prenum-left, button:not(.icon).sign-in:focus .icon,
button:not(.icon).sign-in:focus .pip-prenum-left,
.btn:not(.icon).btn-primary:focus .icon,
.btn:not(.icon).btn-primary:focus .pip-prenum-left,
.btn:not(.icon).sign-in:focus .icon,
.btn:not(.icon).sign-in:focus .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).btn-primary:active, button:not(.icon).btn-primary.active, button:not(.icon).btn-primary.selected, button:not(.icon).sign-in:active, button:not(.icon).sign-in.active, button:not(.icon).sign-in.selected,
.btn:not(.icon).btn-primary:active,
.btn:not(.icon).btn-primary.active,
.btn:not(.icon).btn-primary.selected,
.btn:not(.icon).sign-in:active,
.btn:not(.icon).sign-in.active,
.btn:not(.icon).sign-in.selected {
  background-color: #050634 !important;
  color: #ffffff !important;
  border: 1px solid #050634 !important;
}

button:not(.icon).btn-primary:active .icon,
button:not(.icon).btn-primary:active .pip-prenum-left, button:not(.icon).btn-primary.active .icon,
button:not(.icon).btn-primary.active .pip-prenum-left, button:not(.icon).btn-primary.selected .icon,
button:not(.icon).btn-primary.selected .pip-prenum-left, button:not(.icon).sign-in:active .icon,
button:not(.icon).sign-in:active .pip-prenum-left, button:not(.icon).sign-in.active .icon,
button:not(.icon).sign-in.active .pip-prenum-left, button:not(.icon).sign-in.selected .icon,
button:not(.icon).sign-in.selected .pip-prenum-left,
.btn:not(.icon).btn-primary:active .icon,
.btn:not(.icon).btn-primary:active .pip-prenum-left,
.btn:not(.icon).btn-primary.active .icon,
.btn:not(.icon).btn-primary.active .pip-prenum-left,
.btn:not(.icon).btn-primary.selected .icon,
.btn:not(.icon).btn-primary.selected .pip-prenum-left,
.btn:not(.icon).sign-in:active .icon,
.btn:not(.icon).sign-in:active .pip-prenum-left,
.btn:not(.icon).sign-in.active .icon,
.btn:not(.icon).sign-in.active .pip-prenum-left,
.btn:not(.icon).sign-in.selected .icon,
.btn:not(.icon).sign-in.selected .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).btn-primary:disabled, button:not(.icon).sign-in:disabled,
.btn:not(.icon).btn-primary:disabled,
.btn:not(.icon).sign-in:disabled {
  background-color: #EDE8E6 !important;
  border: 1px solid #EDE8E6 !important;
  color: #948D86 !important;
  cursor: not-allowed !important;
}

button:not(.icon).btn-primary:disabled .icon,
button:not(.icon).btn-primary:disabled .pip-prenum-left, button:not(.icon).sign-in:disabled .icon,
button:not(.icon).sign-in:disabled .pip-prenum-left,
.btn:not(.icon).btn-primary:disabled .icon,
.btn:not(.icon).btn-primary:disabled .pip-prenum-left,
.btn:not(.icon).sign-in:disabled .icon,
.btn:not(.icon).sign-in:disabled .pip-prenum-left {
  color: #948D86 !important;
}

button:not(.icon).btn-secondary, button:not(.icon).btn-default,
.btn:not(.icon).btn-secondary,
.btn:not(.icon).btn-default {
  border-radius: 100px !important;
  background-color: #ffffff !important;
  border: 1px solid #07094A !important;
  color: #07094A !important;
}

button:not(.icon).btn-secondary .icon,
button:not(.icon).btn-secondary .pip-prenum-left, button:not(.icon).btn-default .icon,
button:not(.icon).btn-default .pip-prenum-left,
.btn:not(.icon).btn-secondary .icon,
.btn:not(.icon).btn-secondary .pip-prenum-left,
.btn:not(.icon).btn-default .icon,
.btn:not(.icon).btn-default .pip-prenum-left {
  color: #07094A !important;
}

button:not(.icon).btn-secondary:hover, button:not(.icon).btn-default:hover,
.btn:not(.icon).btn-secondary:hover,
.btn:not(.icon).btn-default:hover {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

button:not(.icon).btn-secondary:hover .icon,
button:not(.icon).btn-secondary:hover .pip-prenum-left, button:not(.icon).btn-default:hover .icon,
button:not(.icon).btn-default:hover .pip-prenum-left,
.btn:not(.icon).btn-secondary:hover .icon,
.btn:not(.icon).btn-secondary:hover .pip-prenum-left,
.btn:not(.icon).btn-default:hover .icon,
.btn:not(.icon).btn-default:hover .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).btn-secondary:focus, button:not(.icon).btn-default:focus,
.btn:not(.icon).btn-secondary:focus,
.btn:not(.icon).btn-default:focus {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

button:not(.icon).btn-secondary:focus .icon,
button:not(.icon).btn-secondary:focus .pip-prenum-left, button:not(.icon).btn-default:focus .icon,
button:not(.icon).btn-default:focus .pip-prenum-left,
.btn:not(.icon).btn-secondary:focus .icon,
.btn:not(.icon).btn-secondary:focus .pip-prenum-left,
.btn:not(.icon).btn-default:focus .icon,
.btn:not(.icon).btn-default:focus .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).btn-secondary:active, button:not(.icon).btn-secondary.active, button:not(.icon).btn-secondary.selected, button:not(.icon).btn-default:active, button:not(.icon).btn-default.active, button:not(.icon).btn-default.selected,
.btn:not(.icon).btn-secondary:active,
.btn:not(.icon).btn-secondary.active,
.btn:not(.icon).btn-secondary.selected,
.btn:not(.icon).btn-default:active,
.btn:not(.icon).btn-default.active,
.btn:not(.icon).btn-default.selected {
  background-color: #050634 !important;
  color: #ffffff !important;
  border: 1px solid #050634 !important;
}

button:not(.icon).btn-secondary:active .icon,
button:not(.icon).btn-secondary:active .pip-prenum-left, button:not(.icon).btn-secondary.active .icon,
button:not(.icon).btn-secondary.active .pip-prenum-left, button:not(.icon).btn-secondary.selected .icon,
button:not(.icon).btn-secondary.selected .pip-prenum-left, button:not(.icon).btn-default:active .icon,
button:not(.icon).btn-default:active .pip-prenum-left, button:not(.icon).btn-default.active .icon,
button:not(.icon).btn-default.active .pip-prenum-left, button:not(.icon).btn-default.selected .icon,
button:not(.icon).btn-default.selected .pip-prenum-left,
.btn:not(.icon).btn-secondary:active .icon,
.btn:not(.icon).btn-secondary:active .pip-prenum-left,
.btn:not(.icon).btn-secondary.active .icon,
.btn:not(.icon).btn-secondary.active .pip-prenum-left,
.btn:not(.icon).btn-secondary.selected .icon,
.btn:not(.icon).btn-secondary.selected .pip-prenum-left,
.btn:not(.icon).btn-default:active .icon,
.btn:not(.icon).btn-default:active .pip-prenum-left,
.btn:not(.icon).btn-default.active .icon,
.btn:not(.icon).btn-default.active .pip-prenum-left,
.btn:not(.icon).btn-default.selected .icon,
.btn:not(.icon).btn-default.selected .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).btn-secondary:disabled, button:not(.icon).btn-default:disabled,
.btn:not(.icon).btn-secondary:disabled,
.btn:not(.icon).btn-default:disabled {
  background-color: #ffffff !important;
  border: 1px solid #948D86 !important;
  color: #948D86 !important;
  cursor: not-allowed !important;
}

button:not(.icon).btn-secondary:disabled .icon,
button:not(.icon).btn-secondary:disabled .pip-prenum-left, button:not(.icon).btn-default:disabled .icon,
button:not(.icon).btn-default:disabled .pip-prenum-left,
.btn:not(.icon).btn-secondary:disabled .icon,
.btn:not(.icon).btn-secondary:disabled .pip-prenum-left,
.btn:not(.icon).btn-default:disabled .icon,
.btn:not(.icon).btn-default:disabled .pip-prenum-left {
  color: #948D86 !important;
}

button:not(.icon).btn-danger, button:not(.icon).notification-action-reject, button:not(.icon).signout,
.btn:not(.icon).btn-danger,
.btn:not(.icon).notification-action-reject,
.btn:not(.icon).signout {
  border-radius: 100px !important;
  background-color: #FB264E !important;
  border: 1px solid #FB264E !important;
  color: #ffffff !important;
}

button:not(.icon).btn-danger .icon,
button:not(.icon).btn-danger .pip-prenum-left, button:not(.icon).notification-action-reject .icon,
button:not(.icon).notification-action-reject .pip-prenum-left, button:not(.icon).signout .icon,
button:not(.icon).signout .pip-prenum-left,
.btn:not(.icon).btn-danger .icon,
.btn:not(.icon).btn-danger .pip-prenum-left,
.btn:not(.icon).notification-action-reject .icon,
.btn:not(.icon).notification-action-reject .pip-prenum-left,
.btn:not(.icon).signout .icon,
.btn:not(.icon).signout .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).btn-danger:hover, button:not(.icon).notification-action-reject:hover, button:not(.icon).signout:hover,
.btn:not(.icon).btn-danger:hover,
.btn:not(.icon).notification-action-reject:hover,
.btn:not(.icon).signout:hover {
  background-color: #db0b31 !important;
  border: 1px solid #db0b31 !important;
  color: #ffffff !important;
}

button:not(.icon).btn-danger:hover .icon,
button:not(.icon).btn-danger:hover .pip-prenum-left, button:not(.icon).notification-action-reject:hover .icon,
button:not(.icon).notification-action-reject:hover .pip-prenum-left, button:not(.icon).signout:hover .icon,
button:not(.icon).signout:hover .pip-prenum-left,
.btn:not(.icon).btn-danger:hover .icon,
.btn:not(.icon).btn-danger:hover .pip-prenum-left,
.btn:not(.icon).notification-action-reject:hover .icon,
.btn:not(.icon).notification-action-reject:hover .pip-prenum-left,
.btn:not(.icon).signout:hover .icon,
.btn:not(.icon).signout:hover .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).btn-danger:focus, button:not(.icon).notification-action-reject:focus, button:not(.icon).signout:focus,
.btn:not(.icon).btn-danger:focus,
.btn:not(.icon).notification-action-reject:focus,
.btn:not(.icon).signout:focus {
  background-color: #db0b31 !important;
  border: 1px solid #db0b31 !important;
  color: #ffffff !important;
}

button:not(.icon).btn-danger:focus .icon,
button:not(.icon).btn-danger:focus .pip-prenum-left, button:not(.icon).notification-action-reject:focus .icon,
button:not(.icon).notification-action-reject:focus .pip-prenum-left, button:not(.icon).signout:focus .icon,
button:not(.icon).signout:focus .pip-prenum-left,
.btn:not(.icon).btn-danger:focus .icon,
.btn:not(.icon).btn-danger:focus .pip-prenum-left,
.btn:not(.icon).notification-action-reject:focus .icon,
.btn:not(.icon).notification-action-reject:focus .pip-prenum-left,
.btn:not(.icon).signout:focus .icon,
.btn:not(.icon).signout:focus .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).btn-danger:active, button:not(.icon).btn-danger.active, button:not(.icon).btn-danger.selected, button:not(.icon).notification-action-reject:active, button:not(.icon).notification-action-reject.active, button:not(.icon).notification-action-reject.selected, button:not(.icon).signout:active, button:not(.icon).signout.active, button:not(.icon).signout.selected,
.btn:not(.icon).btn-danger:active,
.btn:not(.icon).btn-danger.active,
.btn:not(.icon).btn-danger.selected,
.btn:not(.icon).notification-action-reject:active,
.btn:not(.icon).notification-action-reject.active,
.btn:not(.icon).notification-action-reject.selected,
.btn:not(.icon).signout:active,
.btn:not(.icon).signout.active,
.btn:not(.icon).signout.selected {
  background-color: #c6092c !important;
  color: #ffffff !important;
  border: 1px solid #c6092c !important;
}

button:not(.icon).btn-danger:active .icon,
button:not(.icon).btn-danger:active .pip-prenum-left, button:not(.icon).btn-danger.active .icon,
button:not(.icon).btn-danger.active .pip-prenum-left, button:not(.icon).btn-danger.selected .icon,
button:not(.icon).btn-danger.selected .pip-prenum-left, button:not(.icon).notification-action-reject:active .icon,
button:not(.icon).notification-action-reject:active .pip-prenum-left, button:not(.icon).notification-action-reject.active .icon,
button:not(.icon).notification-action-reject.active .pip-prenum-left, button:not(.icon).notification-action-reject.selected .icon,
button:not(.icon).notification-action-reject.selected .pip-prenum-left, button:not(.icon).signout:active .icon,
button:not(.icon).signout:active .pip-prenum-left, button:not(.icon).signout.active .icon,
button:not(.icon).signout.active .pip-prenum-left, button:not(.icon).signout.selected .icon,
button:not(.icon).signout.selected .pip-prenum-left,
.btn:not(.icon).btn-danger:active .icon,
.btn:not(.icon).btn-danger:active .pip-prenum-left,
.btn:not(.icon).btn-danger.active .icon,
.btn:not(.icon).btn-danger.active .pip-prenum-left,
.btn:not(.icon).btn-danger.selected .icon,
.btn:not(.icon).btn-danger.selected .pip-prenum-left,
.btn:not(.icon).notification-action-reject:active .icon,
.btn:not(.icon).notification-action-reject:active .pip-prenum-left,
.btn:not(.icon).notification-action-reject.active .icon,
.btn:not(.icon).notification-action-reject.active .pip-prenum-left,
.btn:not(.icon).notification-action-reject.selected .icon,
.btn:not(.icon).notification-action-reject.selected .pip-prenum-left,
.btn:not(.icon).signout:active .icon,
.btn:not(.icon).signout:active .pip-prenum-left,
.btn:not(.icon).signout.active .icon,
.btn:not(.icon).signout.active .pip-prenum-left,
.btn:not(.icon).signout.selected .icon,
.btn:not(.icon).signout.selected .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).btn-danger:disabled, button:not(.icon).notification-action-reject:disabled, button:not(.icon).signout:disabled,
.btn:not(.icon).btn-danger:disabled,
.btn:not(.icon).notification-action-reject:disabled,
.btn:not(.icon).signout:disabled {
  background-color: #fad6dd !important;
  border: 1px solid #fad6dd !important;
  color: #948D86 !important;
  cursor: not-allowed !important;
}

button:not(.icon).btn-danger:disabled .icon,
button:not(.icon).btn-danger:disabled .pip-prenum-left, button:not(.icon).notification-action-reject:disabled .icon,
button:not(.icon).notification-action-reject:disabled .pip-prenum-left, button:not(.icon).signout:disabled .icon,
button:not(.icon).signout:disabled .pip-prenum-left,
.btn:not(.icon).btn-danger:disabled .icon,
.btn:not(.icon).btn-danger:disabled .pip-prenum-left,
.btn:not(.icon).notification-action-reject:disabled .icon,
.btn:not(.icon).notification-action-reject:disabled .pip-prenum-left,
.btn:not(.icon).signout:disabled .icon,
.btn:not(.icon).signout:disabled .pip-prenum-left {
  color: #948D86 !important;
}

button:not(.icon).buy,
.btn:not(.icon).buy {
  border-radius: 100px !important;
  background-color: #009681 !important;
  border: 1px solid #009681 !important;
  color: #ffffff !important;
}

button:not(.icon).buy .icon,
button:not(.icon).buy .pip-prenum-left,
.btn:not(.icon).buy .icon,
.btn:not(.icon).buy .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).buy:hover,
.btn:not(.icon).buy:hover {
  background-color: #006355 !important;
  border: 1px solid #006355 !important;
  color: #ffffff !important;
}

button:not(.icon).buy:hover .icon,
button:not(.icon).buy:hover .pip-prenum-left,
.btn:not(.icon).buy:hover .icon,
.btn:not(.icon).buy:hover .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).buy:focus,
.btn:not(.icon).buy:focus {
  background-color: #006355 !important;
  border: 1px solid #006355 !important;
  color: #ffffff !important;
}

button:not(.icon).buy:focus .icon,
button:not(.icon).buy:focus .pip-prenum-left,
.btn:not(.icon).buy:focus .icon,
.btn:not(.icon).buy:focus .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).buy:active, button:not(.icon).buy.active, button:not(.icon).buy.selected,
.btn:not(.icon).buy:active,
.btn:not(.icon).buy.active,
.btn:not(.icon).buy.selected {
  background-color: #004a3f !important;
  color: #ffffff !important;
  border: 1px solid #004a3f !important;
}

button:not(.icon).buy:active .icon,
button:not(.icon).buy:active .pip-prenum-left, button:not(.icon).buy.active .icon,
button:not(.icon).buy.active .pip-prenum-left, button:not(.icon).buy.selected .icon,
button:not(.icon).buy.selected .pip-prenum-left,
.btn:not(.icon).buy:active .icon,
.btn:not(.icon).buy:active .pip-prenum-left,
.btn:not(.icon).buy.active .icon,
.btn:not(.icon).buy.active .pip-prenum-left,
.btn:not(.icon).buy.selected .icon,
.btn:not(.icon).buy.selected .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).buy:disabled,
.btn:not(.icon).buy:disabled {
  background-color: #aef3e9 !important;
  border: 1px solid #aef3e9 !important;
  color: #948D86 !important;
  cursor: not-allowed !important;
}

button:not(.icon).buy:disabled .icon,
button:not(.icon).buy:disabled .pip-prenum-left,
.btn:not(.icon).buy:disabled .icon,
.btn:not(.icon).buy:disabled .pip-prenum-left {
  color: #948D86 !important;
}

button:not(.icon).sell,
.btn:not(.icon).sell {
  border-radius: 100px !important;
  background-color: #ff7762 !important;
  border: 1px solid #ff7762 !important;
  color: #ffffff !important;
}

button:not(.icon).sell .icon,
button:not(.icon).sell .pip-prenum-left,
.btn:not(.icon).sell .icon,
.btn:not(.icon).sell .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).sell:hover,
.btn:not(.icon).sell:hover {
  background-color: #ff4b2f !important;
  border: 1px solid #ff4b2f !important;
  color: #ffffff !important;
}

button:not(.icon).sell:hover .icon,
button:not(.icon).sell:hover .pip-prenum-left,
.btn:not(.icon).sell:hover .icon,
.btn:not(.icon).sell:hover .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).sell:focus,
.btn:not(.icon).sell:focus {
  background-color: #ff4b2f !important;
  border: 1px solid #ff4b2f !important;
  color: #ffffff !important;
}

button:not(.icon).sell:focus .icon,
button:not(.icon).sell:focus .pip-prenum-left,
.btn:not(.icon).sell:focus .icon,
.btn:not(.icon).sell:focus .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).sell:active, button:not(.icon).sell.active, button:not(.icon).sell.selected,
.btn:not(.icon).sell:active,
.btn:not(.icon).sell.active,
.btn:not(.icon).sell.selected {
  background-color: #ff3516 !important;
  color: #ffffff !important;
  border: 1px solid #ff3516 !important;
}

button:not(.icon).sell:active .icon,
button:not(.icon).sell:active .pip-prenum-left, button:not(.icon).sell.active .icon,
button:not(.icon).sell.active .pip-prenum-left, button:not(.icon).sell.selected .icon,
button:not(.icon).sell.selected .pip-prenum-left,
.btn:not(.icon).sell:active .icon,
.btn:not(.icon).sell:active .pip-prenum-left,
.btn:not(.icon).sell.active .icon,
.btn:not(.icon).sell.active .pip-prenum-left,
.btn:not(.icon).sell.selected .icon,
.btn:not(.icon).sell.selected .pip-prenum-left {
  color: #ffffff !important;
}

button:not(.icon).sell:disabled,
.btn:not(.icon).sell:disabled {
  background-color: #fac2ba !important;
  border: 1px solid #fac2ba !important;
  color: #948D86 !important;
  cursor: not-allowed !important;
}

button:not(.icon).sell:disabled .icon,
button:not(.icon).sell:disabled .pip-prenum-left,
.btn:not(.icon).sell:disabled .icon,
.btn:not(.icon).sell:disabled .pip-prenum-left {
  color: #948D86 !important;
}

.update-pwd-btn button {
  border-radius: 100px !important;
  background-color: #0F1E82 !important;
  border: 1px solid #0F1E82 !important;
  color: #ffffff !important;
}

.update-pwd-btn button .icon,
.update-pwd-btn button .pip-prenum-left {
  color: #ffffff !important;
}

.update-pwd-btn button:hover {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

.update-pwd-btn button:hover .icon,
.update-pwd-btn button:hover .pip-prenum-left {
  color: #ffffff !important;
}

.update-pwd-btn button:focus {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

.update-pwd-btn button:focus .icon,
.update-pwd-btn button:focus .pip-prenum-left {
  color: #ffffff !important;
}

.update-pwd-btn button:active, .update-pwd-btn button.active, .update-pwd-btn button.selected {
  background-color: #050634 !important;
  color: #ffffff !important;
  border: 1px solid #050634 !important;
}

.update-pwd-btn button:active .icon,
.update-pwd-btn button:active .pip-prenum-left, .update-pwd-btn button.active .icon,
.update-pwd-btn button.active .pip-prenum-left, .update-pwd-btn button.selected .icon,
.update-pwd-btn button.selected .pip-prenum-left {
  color: #ffffff !important;
}

.update-pwd-btn button:disabled {
  background-color: #EDE8E6 !important;
  border: 1px solid #EDE8E6 !important;
  color: #948D86 !important;
  cursor: not-allowed !important;
}

.update-pwd-btn button:disabled .icon,
.update-pwd-btn button:disabled .pip-prenum-left {
  color: #948D86 !important;
}

.icon {
  color: #0F1E82;
  background-color: transparent;
}

.icon:hover {
  color: #07094A !important;
}

.icon:disabled {
  color: #948D86 !important;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0 !important;
}

.btn-group > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

input:not([type='checkbox']) {
  background-color: #ffffff !important;
  color: #07094A !important;
  border: 1px solid #07094A !important;
  border-radius: 4px;
}

input:not([type='checkbox']):hover {
  background-color: #ffffff !important;
  border: 1px solid #07094A !important;
  outline: 1px solid #07094A !important;
}

input:not([type='checkbox']):focus {
  background-color: #ffffff !important;
  border: 1px solid #4192DC !important;
  outline: 1px solid #4192DC !important;
}

input:not([type='checkbox']):disabled, input:not([type='checkbox']).disabled {
  background-color: #ffffff !important;
  color: #948D86 !important;
  border: 1px solid #948D86 !important;
  outline: none !important;
}

input:not([type='checkbox']):disabled .icon, input:not([type='checkbox']).disabled .icon {
  color: #948D86 !important;
}

.forward-date-dropdown .date-picker-label {
  background-color: #ffffff !important;
  color: #07094A !important;
  border: 1px solid #07094A !important;
  border-radius: 4px;
}

.forward-date-dropdown .date-picker-label:hover {
  background-color: #ffffff !important;
  border: 1px solid #07094A !important;
  outline: 1px solid #07094A !important;
}

.forward-date-dropdown .date-picker-label:focus {
  background-color: #ffffff !important;
  border: 1px solid #4192DC !important;
  outline: 1px solid #4192DC !important;
}

.forward-date-dropdown .date-picker-label:disabled, .forward-date-dropdown .date-picker-label.disabled {
  background-color: #ffffff !important;
  color: #948D86 !important;
  border: 1px solid #948D86 !important;
  outline: none !important;
}

.forward-date-dropdown .date-picker-label:disabled .icon, .forward-date-dropdown .date-picker-label.disabled .icon {
  color: #948D86 !important;
}

.select2-container-multi input {
  border: none !important;
}

.select2-container-multi input:focus, .select2-container-multi input:hover {
  border: none !important;
  outline: none !important;
}

.select2-container-multi:focus {
  border: none !important;
}

.select2-container-multi:disabled {
  border: none !important;
}

.select2-container-multi .select2-choices {
  background-color: #ffffff !important;
  border: 1px solid #07094A !important;
  border-radius: 4px;
}

.select2-container-multi .select2-choices .select2-search-choice {
  background-color: #0F1E82;
  background-image: none !important;
  border: 1px solid #0F1E82;
  color: #ffffff;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
  top: 10px;
}

/* SPINNERS */
.qtty-panel.with-dropdown .numeric-spinner .spinner-btn-box {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.qtty-panel.with-dropdown .numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-increase {
  border-top-right-radius: 0;
}

.qtty-panel.with-dropdown .numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease {
  border-bottom-right-radius: 0;
}

.qtty-panel.with-dropdown .btn-group button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.numeric-spinner {
  border: 0px !important;
}

.numeric-spinner.warning::before, .numeric-spinner.warning:after, .numeric-spinner.invalid::before, .numeric-spinner.invalid:after {
  background-color: #ffffff;
  color: #07094A;
}

.numeric-spinner .spinner-container {
  background-color: #ffffff;
}

.numeric-spinner .spinner-btn-box {
  background-color: #ffffff;
  border: 1px solid #07094A;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.numeric-spinner .spinner-btn-box {
  border-left: 0px;
}

.numeric-spinner .spinner-btn-box .spinner-btn {
  background-color: #ffffff;
  color: #07094A;
  border-left: 0px;
}

.numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-increase {
  border-top-right-radius: 4px !important;
}

.numeric-spinner .spinner-btn-box .spinner-btn.spinner-btn-decrease {
  border-bottom-right-radius: 4px !important;
}

.numeric-spinner .spinner-btn-box .spinner-btn:hover {
  background: #ffffff;
}

.numeric-spinner .spinner-btn-box.disabled .spinner-btn {
  background-color: #ffffff !important;
  color: #948D86 !important;
}

.numeric-spinner input {
  border: 1px solid #07094A !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-width: 0px !important;
}

.numeric-spinner input:hover {
  border: 1px solid #07094A !important;
}

.numeric-spinner input:focus {
  background-color: #ffffff;
  border: 1px solid #4192DC !important;
}

.numeric-spinner input:disabled {
  background-color: #ffffff !important;
  color: #948D86 !important;
  border: 1px solid #948D86 !important;
  border-right-width: 0px !important;
}

.numeric-spinner.has-error .spinner-btn-box, .numeric-spinner.has-error input, .numeric-spinner.invalid .spinner-btn-box, .numeric-spinner.invalid input {
  border: 1px solid #FB264E !important;
}

.numeric-spinner.has-error input, .numeric-spinner.invalid input {
  border-right-width: 0px !important;
}

.numeric-spinner.has-error .spinner-btn-box, .numeric-spinner.invalid .spinner-btn-box {
  border-left: 0px !important;
}

.price-spinner .price-spinner-label {
  border: 1px solid #07094A;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-right: none !important;
}

.price-spinner .price-spinner-label:hover {
  border: 1px solid #07094A;
  background-color: #ffffff;
}

/* INPUTS */
.switch-field-widget {
  background-color: #ffffff !important;
  color: #07094A !important;
  border: 1px solid #07094A !important;
  border-radius: 4px;
}

.switch-field-widget:hover {
  background-color: #ffffff !important;
  border: 1px solid #07094A !important;
  outline: 1px solid #07094A !important;
}

.switch-field-widget:focus {
  background-color: #ffffff !important;
  border: 1px solid #4192DC !important;
  outline: 1px solid #4192DC !important;
}

.switch-field-widget:disabled, .switch-field-widget.disabled {
  background-color: #ffffff !important;
  color: #948D86 !important;
  border: 1px solid #948D86 !important;
  outline: none !important;
}

.switch-field-widget:disabled .icon, .switch-field-widget.disabled .icon {
  color: #948D86 !important;
}

.forward-date-dropdown {
  background-color: transparent !important;
  border: 0px !important;
}

.forward-date-dropdown:focus input, .forward-date-dropdown.open input {
  background-color: #ffffff !important;
  border: 1px solid #4192DC !important;
}

.forward-date-dropdown .tenor-list {
  border: none !important;
}

.forward-date-dropdown .tenor-list:focus, .forward-date-dropdown .tenor-list:hover {
  border: none !important;
  outline: none !important;
}

.select2-container.select2-container-active .select2-choice {
  background-color: #ffffff !important;
  border: 1px solid #4192DC !important;
  outline: 1px solid #4192DC !important;
  box-shadow: none;
  color: #07094A !important;
}

.select2-container.select2-container-disabled .select2-choice {
  background-color: #ffffff !important;
  color: #948D86 !important;
  border: 1px solid #948D86 !important;
}

.select2-container.select2-container-disabled .select2-choice:hover {
  background-color: #ffffff !important;
  color: #948D86 !important;
  border: 1x solid #948D86 !important;
  outline: none !important;
}

.select2-container.select2-container-disabled .select2-choice .select2-chosen {
  color: #948D86 !important;
}

.select2-drop-active {
  border-top-color: #4192DC;
  border-right-color: #4192DC;
  border-bottom-color: #4192DC;
  border-left-color: #4192DC;
}

.select2-drop {
  background: #ffffff !important;
  color: #07094A !important;
}

.box-atom .north .select2-container .select2-choice {
  border-radius: 4px;
}

.select2-container .select2-choice {
  background-color: #ffffff !important;
  color: #07094A !important;
  border: 1px solid #07094A !important;
  background-image: none;
  border-radius: 4px;
}

.select2-container .select2-choice:hover {
  background-color: #ffffff !important;
  border: 1px solid #07094A !important;
  outline: 1px solid #07094A !important;
}

.select2-container .select2-choice .select2-arrow {
  border-left: none;
  background: none;
}

.select2-results .select2-highlighted {
  background: #D8DDFF;
  color: #07094A;
}

select {
  background-color: #ffffff !important;
  color: #07094A !important;
  border: 1px solid #07094A !important;
  border-radius: 4px;
}

select:hover {
  background-color: #ffffff !important;
  border: 1px solid #07094A !important;
  outline: 1px solid #07094A !important;
}

select:focus {
  background-color: #ffffff !important;
  border: 1px solid #4192DC !important;
  outline: 1px solid #4192DC !important;
}

select:disabled, select.disabled {
  background-color: #ffffff !important;
  color: #948D86 !important;
  border: 1px solid #948D86 !important;
  outline: none !important;
}

select:disabled .icon, select.disabled .icon {
  color: #948D86 !important;
}

.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;
}

.login-atom {
  background-color: #ffffff;
}

.login-atom .body .logo-container {
  margin-bottom: 30px;
}

.login-atom .body .logo-container .logo {
  width: 357px;
  height: 56px;
  background-image: url("../img/mitNykredit_FXonline.svg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 357px 56px;
}

.login-atom .body .logo-container .title {
  display: none;
}

.login-atom .body .logo,
.login-atom .body .title {
  margin: 0 !important;
}

.login-atom .body .login {
  margin-top: 0;
}

.login-atom .body .password {
  margin-top: 10px;
}

.login-atom .body .action-container {
  margin-top: 20px;
}

.login-atom .body .action-container .stay-signed {
  display: none;
}

.login-atom .body .action-container .sign-in {
  border-radius: 100px !important;
  background-color: #0F1E82 !important;
  border: 1px solid #0F1E82 !important;
  color: #ffffff !important;
  font-weight: 600;
  font-size: 15px;
  width: 200px;
  height: 50px;
  opacity: 1 !important;
}

.login-atom .body .action-container .sign-in .icon,
.login-atom .body .action-container .sign-in .pip-prenum-left {
  color: #ffffff !important;
}

.login-atom .body .action-container .sign-in:hover {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

.login-atom .body .action-container .sign-in:hover .icon,
.login-atom .body .action-container .sign-in:hover .pip-prenum-left {
  color: #ffffff !important;
}

.login-atom .body .action-container .sign-in:focus {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

.login-atom .body .action-container .sign-in:focus .icon,
.login-atom .body .action-container .sign-in:focus .pip-prenum-left {
  color: #ffffff !important;
}

.login-atom .body .action-container .sign-in:active, .login-atom .body .action-container .sign-in.active, .login-atom .body .action-container .sign-in.selected {
  background-color: #050634 !important;
  color: #ffffff !important;
  border: 1px solid #050634 !important;
}

.login-atom .body .action-container .sign-in:active .icon,
.login-atom .body .action-container .sign-in:active .pip-prenum-left, .login-atom .body .action-container .sign-in.active .icon,
.login-atom .body .action-container .sign-in.active .pip-prenum-left, .login-atom .body .action-container .sign-in.selected .icon,
.login-atom .body .action-container .sign-in.selected .pip-prenum-left {
  color: #ffffff !important;
}

.login-atom .body .action-container .sign-in:disabled {
  background-color: #EDE8E6 !important;
  border: 1px solid #EDE8E6 !important;
  color: #948D86 !important;
  cursor: not-allowed !important;
}

.login-atom .body .action-container .sign-in:disabled .icon,
.login-atom .body .action-container .sign-in:disabled .pip-prenum-left {
  color: #948D86 !important;
}

.login-atom .freezone {
  font-family: "Open Sans", Arial;
  font-size: 21px;
  color: #07094A;
  width: 80%;
}

.login-atom .freezone a {
  color: #418fde;
}

.main-layout > .middle {
  top: 60px;
}

.main-layout > .header {
  height: 60px;
  line-height: 60px;
}

.main-layout > .header .logo {
  margin-left: 10px;
  height: 60px;
  width: 431.25px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/mitNykredit_FXonline.svg");
}

.main-layout > .header .logo h1 {
  display: none;
  margin-left: 300px;
  width: 100%;
  line-height: 56px;
}

.main-layout > .header .user-btn,
.main-layout > .header .lp-status,
.main-layout > .header .add-esp,
.main-layout > .header .add-rfs,
.main-layout > .header .postTradeTags {
  height: 56px !important;
  line-height: 56px !important;
}

.main-layout > .header .user-btn {
  height: 30px !important;
  line-height: 30px !important;
}

.main-layout > .header .menu-panel .dropdown-menu {
  top: calc(56px - 5px) !important;
}

body {
  background-color: #F7F6F5;
  color: #07094A;
}

.gutter {
  background-color: #ffffff;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #9e9e9e;
}

::-webkit-scrollbar-corner {
  background-color: #eeeeee;
}

.btn-group.disabled {
  cursor: not-allowed;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  color: #ffffff;
  background-color: #07094A;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #ffffff;
  background-color: #07094A;
}

.user-btn-dropdown {
  display: flex;
  align-items: center;
  height: 56px !important;
  padding-right: 10px;
}

.user-btn-dropdown li:hover {
  background-color: initial !important;
}

.user-btn-dropdown li a:hover {
  background-color: initial !important;
}

.dropdown-menu {
  background-color: #fafafa;
  border: 1px solid #757575;
}

.dropdown-menu li:hover {
  background-color: #ede7f6;
}

.dropdown-menu li a:hover {
  background-color: #ede7f6;
}

input {
  outline: 0;
}

.forward-date-dropdown .forward-date-picker .tenor-list option:hover {
  background-color: #ede7f6;
}

.forward-date-dropdown .forward-date-picker .datePickerDayIsValue {
  background-color: #07094A;
  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: #ffffff;
  border: 1px solid #bdbdbd;
}

.dateBoxPopup .datePickerDayIsValue {
  background-color: #07094A !important;
  color: white;
  font-weight: bold;
}

.dateBoxPopup .datePickerDayIsToday {
  border: 1px dashed #ef6c00;
}

.error-label {
  background-color: #FB264E;
  color: #ffffff;
}

.error-icon {
  color: #FB264E !important;
  cursor: default;
}

.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: #FB264E;
}

.price-widget .mid-price {
  color: #ffffff;
  background-color: #424242;
}

.price-direction .bad {
  color: #FB264E;
}

.price-direction .good {
  color: #62c462;
}

.buy {
  color: #009681;
}

.sell {
  color: #ff7762;
}

.esp .tooltip .tooltip-arrow {
  background-color: transparent !important;
  border: none !important;
}

.esp .tooltip .tooltip-inner {
  background-color: #231e44;
}

.rfs .tooltip .tooltip-arrow {
  background-color: transparent !important;
  border: none !important;
}

.rfs .tooltip .tooltip-inner {
  background-color: #006e54;
}

.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: #07094A !important;
}

.time-progress-bar-addon .pb-content .gwt-Label {
  color: #07094A;
}

.notification-content .slider {
  background-color: #07094A;
  color: #ffffff;
}

.modal-content {
  background-color: #ffffff;
}

.nav-tabs {
  border-bottom: 1px solid #e0e0e0;
}

.nav-tabs li.active a {
  color: #ffffff;
  background-color: #07094A;
  border-color: transparent;
}

.nav-tabs li a {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
}

.nav-tabs li a:hover {
  color: #000000 !important;
  background-color: #bdbdbd !important;
}

.nav-pills li a {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #bdbdbd;
  cursor: pointer;
}

.nav-pills li a:hover {
  color: #000000 !important;
  background-color: #bdbdbd !important;
}

.nav-pills li a.active {
  color: #ffffff;
  background-color: #07094A;
}

.main-layout .blotters-area {
  background-color: transparent;
}

.sms-ui-dashboard .module-entries .module.started button.start:after {
  background: #07094A;
}

.sms-ui-dashboard .tile {
  background-color: #ffffff;
  border: 1px solid #07094A;
}

.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 #07094A;
  border-right-color: transparent;
  font-size: 0;
  color: transparent;
  background: transparent;
  cursor: pointer;
}

.sms-ui-dashboard .tile button.start:before {
  border: 4px solid #07094A;
}

.skin-switcher .skin img {
  border: 1px solid #bdbdbd;
  cursor: pointer;
}

.skin-switcher .skin img.selected {
  border-color: #07094A;
}

.business-channels-list-item {
  color: black;
  line-height: 30px;
}

.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: #ede7f6;
}

.lp-status .ready .icon,
.lp-status .activated .icon {
  color: #4caf50;
}

.lp-status .ready .icon .lbl,
.lp-status .activated .icon .lbl {
  color: #424242;
}

.lp-status .not-ready .icon,
.lp-status .deactivated .icon {
  color: #FB264E;
}

.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: #ffffff;
}

.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: #FB264E;
}

.widget-store .scrollable-down-button,
.widget-store .scrollable-up-button {
  background-color: #ffffff;
  color: #07094A;
}

.widget-store .col-layout-widget {
  background-color: #ffffff;
}

.widget-store .col-layout-widget .header {
  background-color: #F7F6F5;
  color: #07094A;
  font-weight: 800;
}

.widget-store .col-layout-widget .resizer {
  background-color: #f5f5f5;
}

.widget-store .notification-atom .btn-group .btn {
  border-radius: 0 !important;
  padding: 2px 4px !important;
}

.widget-store .notification-atom .btn-group .btn::before {
  top: 4px;
}

.widget-store .notification-atom .b-search-field {
  margin-top: 2px;
}

.widget-store .notification-atom .b-search-field .btn {
  border-radius: 4px 0 0 4px !important;
}

@keyframes highlight {
  from {
    background-color: #ef6c00;
  }
  to {
    background-color: transparent;
  }
}

.widget-store .notification-atom .notification-entry {
  border-bottom: 1px dashed #C5C5C5;
}

.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: #FB264E;
}

.ticket {
  border-style: solid;
  border-width: 1px;
}

.ticket.new {
  border-color: #43a047;
}

.ticket.new .order-status {
  background-color: #43a047;
  color: #ffffff;
}

.ticket.new-strategy {
  border-color: #43a047;
}

.ticket.new-strategy .strategy-status {
  background-color: #43a047;
  color: #ffffff;
}

.ticket.new-strategy .svg-line {
  stroke: #43a047;
}

.ticket.new-strategy .svg-circle {
  fill: #43a047;
}

.ticket.missed {
  border-color: #FB264E;
}

.ticket.missed .order-status {
  background-color: #FB264E;
  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: #1b5e20;
}

.ticket.partial-working .order-status {
  background-color: #1b5e20;
  color: #ffffff;
}

.ticket.rejected {
  border-color: #FB264E;
}

.ticket.rejected .order-status {
  background-color: #FB264E;
  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: #FB264E;
}

.ticket.expired .order-status {
  background-color: #FB264E;
  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;
}

.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 #07094A !important;
  box-shadow: 0 4px 8px 0 #07094A, 0 6px 20px 0 #07094A;
}

.rfq-ticket.new {
  border-color: #43a047;
}

.rfq-ticket.new .rfq-status {
  background-color: #43a047;
  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: #43a047;
}

.rfq-ticket.quoting .rfq-status {
  background-color: #43a047;
  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: #FB264E;
}

.rfq-ticket.reject .rfq-status {
  background-color: #FB264E;
  color: #ffffff;
}

.rfq-ticket.discarded {
  border-color: #FB264E;
}

.rfq-ticket.discarded .rfq-status {
  background-color: #FB264E;
  color: #ffffff;
}

.rfq-ticket.canceled {
  border-color: #FB264E;
}

.rfq-ticket.canceled .rfq-status {
  background-color: #FB264E;
  color: #ffffff;
}

.rfq-ticket.dealer_reject {
  border-color: #FB264E;
}

.rfq-ticket.dealer_reject .rfq-status {
  background-color: #FB264E;
  color: #ffffff;
}

.rfq-ticket.unknown {
  border-color: #FB264E;
}

.rfq-ticket.unknown .rfq-status {
  background-color: #FB264E;
  color: #ffffff;
}

.rfq-ticket.rejected_dealer {
  border-color: #FB264E;
}

.rfq-ticket.rejected_dealer .rfq-status {
  background-color: #FB264E;
  color: #ffffff;
}

.rfq-ticket.rejected_client {
  border-color: #FB264E;
}

.rfq-ticket.rejected_client .rfq-status {
  background-color: #FB264E;
  color: #ffffff;
}

.rfq-ticket.expired {
  border-color: #424242;
}

.rfq-ticket.expired .rfq-status {
  background-color: #424242;
  color: #ffffff;
}

.rfq-ticket.accepted_dealer {
  border-color: #43a047;
}

.rfq-ticket.accepted_dealer .rfq-status {
  background-color: #43a047;
  color: #ffffff;
}

.rfq-ticket.accepted_client {
  border-color: #43a047;
}

.rfq-ticket.accepted_client .rfq-status {
  background-color: #43a047;
  color: #ffffff;
}

.rfq-ticket.pending_send {
  border-color: #43a047;
}

.rfq-ticket.pending_send .rfq-status {
  background-color: #43a047;
  color: #ffffff;
}

.rfq-ticket.quote_received {
  border-color: #43a047;
}

.rfq-ticket.quote_received .rfq-status {
  background-color: #43a047;
  color: #ffffff;
}

.sales-rfq-center .content .bullet {
  color: #ffffff;
  background-color: #07094A;
  border-color: transparent;
}

.sales-rfq-center .content .bullet:hover {
  color: #ffffff;
  background-color: #231e44;
  border-color: transparent;
}

.sales-rfq-center .received-quote {
  border: 1px solid #bdbdbd;
  background-color: #07094A;
  color: #ffffff;
}

.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: #008768;
  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;
}

.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;
}

.tabContainer-panel .tabContainer-header .tab-headers {
  background-color: #F7F6F5;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header {
  color: #07094A;
  background-color: #ffffff;
  border-bottom: 2px solid transparent;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header input {
  color: #07094A;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header:hover {
  border-bottom: 2px solid #eeeeee;
}

.tabContainer-panel .tabContainer-header .tab-headers .tab-header.active {
  border-bottom: 2px solid #07094A;
}

.tabContainer-panel .menu-tab ul {
  background: #fafafa;
  border: 1px solid #9e9e9e;
}

.tabContainer-panel .menu-tab ul li:hover {
  background-color: #ede7f6;
}

.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: #FB264E;
  background-color: #FB264E;
}

.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: transparent;
}

.box-atom {
  border: 1px solid #9e9e9e;
  background-color: #ffffff;
}

.box-atom.quick-trading-box {
  background: linear-gradient(to top, #f5f5f5, #fbfafd);
}

.box-atom.quick-trading-box .price-widget .price {
  background-color: #07094A !important;
}

.box-atom.quick-trading-box .price-widget .selected .side-name {
  background-color: #07094A !important;
  color: #ffffff;
}

.box-atom.quick-trading-box:before {
  background-color: #07094A;
  color: #ffffff;
}

.box-atom .header {
  background-color: #ffffff;
}

.box-atom .header .select2-arrow {
  background: none;
  border: none;
}

.box-atom.focused {
  border-color: #07094A;
}

.box-atom[data-panel-type='ESP'] .header .flip {
  background-color: #004e77;
}

.box-atom[data-panel-type='ESP'].disable .header .flip {
  background-color: #367799;
}

.box-atom[data-panel-type='RFS'] .header .flip {
  background-color: #008768;
}

.box-atom[data-panel-type='RFS'].disable .header .flip {
  background-color: #015743;
}

.box-atom .flip {
  color: #ffffff;
}

.box-atom .price-widget .is-indicative {
  font-weight: normal;
  color: #ffffff;
}

.box-atom .esp .price-widget .price {
  background-color: #004e77;
  color: #ffffff;
  border-radius: 5px 5px 0 0;
}

.box-atom .esp .price-widget .price .pip-exponent {
  color: #008eaa;
}

.box-atom .esp .price-widget .price.disable {
  background-color: #367799;
}

.box-atom .esp .price-widget .price.disable .pip-exponent {
  color: #00a3c4;
}

.box-atom .esp .price-widget .price.disable:hover {
  background-color: #367799;
}

.box-atom .esp .price-widget .price.disable:hover .pip-exponent {
  color: #00a3c4;
}

.box-atom .esp .price-widget .price:hover {
  background-color: #231e44;
}

.box-atom .esp .price-widget .price:hover .pip-exponent {
  color: #abcae9;
}

.box-atom .esp .price-widget .side-name {
  color: #ffffff;
  background-color: #07094A;
  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: #231e44;
}

.box-atom .esp .price-widget .side-name:focus {
  color: #ffffff;
  background-color: #231e44;
}

.box-atom .rfs .price-widget .price {
  background-color: #008768;
  color: #ffffff;
}

.box-atom .rfs .price-widget .price.disable {
  background-color: #015743;
}

.box-atom .rfs .price-widget .price.disable:hover {
  background-color: #013e30;
}

.box-atom .rfs .price-widget .price:hover {
  background-color: #006e54;
}

.box-atom .switch-currency {
  color: #07094A;
}

.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: #07094A;
}

.box-atom .lps-dropdown:after {
  border-color: #fafafa;
}

.box-atom .lps-dropdown .lp-group:hover,
.box-atom .lps-dropdown .lp:hover {
  background-color: #ede7f6;
}

.box-atom .lps-dropdown .lp-disabled {
  color: #9e9e9e;
}

.box-atom .widgets-group .widget-label {
  text-transform: uppercase;
  color: #07094A;
  border-bottom: 2px solid transparent;
}

.box-atom .widgets-group .widget-label:hover {
  color: #231e44;
  border-bottom: 2px solid #9e9e9e;
}

.box-atom .widgets-group .widget-label.selected {
  color: #231e44;
  border-bottom: 2px solid #07094A;
}

.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 {
  border-radius: 100px !important;
  background-color: #0F1E82 !important;
  border: 1px solid #0F1E82 !important;
  color: #ffffff !important;
}

.box-atom .box-widget .bid .price .icon,
.box-atom .box-widget .bid .price .pip-prenum-left,
.box-atom .box-widget .offer .price .icon,
.box-atom .box-widget .offer .price .pip-prenum-left {
  color: #ffffff !important;
}

.box-atom .box-widget .bid .price:hover,
.box-atom .box-widget .offer .price:hover {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

.box-atom .box-widget .bid .price:hover .icon,
.box-atom .box-widget .bid .price:hover .pip-prenum-left,
.box-atom .box-widget .offer .price:hover .icon,
.box-atom .box-widget .offer .price:hover .pip-prenum-left {
  color: #ffffff !important;
}

.box-atom .box-widget .bid .price:focus,
.box-atom .box-widget .offer .price:focus {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

.box-atom .box-widget .bid .price:focus .icon,
.box-atom .box-widget .bid .price:focus .pip-prenum-left,
.box-atom .box-widget .offer .price:focus .icon,
.box-atom .box-widget .offer .price:focus .pip-prenum-left {
  color: #ffffff !important;
}

.box-atom .box-widget .bid .price:active, .box-atom .box-widget .bid .price.active, .box-atom .box-widget .bid .price.selected,
.box-atom .box-widget .offer .price:active,
.box-atom .box-widget .offer .price.active,
.box-atom .box-widget .offer .price.selected {
  background-color: #050634 !important;
  color: #ffffff !important;
  border: 1px solid #050634 !important;
}

.box-atom .box-widget .bid .price:active .icon,
.box-atom .box-widget .bid .price:active .pip-prenum-left, .box-atom .box-widget .bid .price.active .icon,
.box-atom .box-widget .bid .price.active .pip-prenum-left, .box-atom .box-widget .bid .price.selected .icon,
.box-atom .box-widget .bid .price.selected .pip-prenum-left,
.box-atom .box-widget .offer .price:active .icon,
.box-atom .box-widget .offer .price:active .pip-prenum-left,
.box-atom .box-widget .offer .price.active .icon,
.box-atom .box-widget .offer .price.active .pip-prenum-left,
.box-atom .box-widget .offer .price.selected .icon,
.box-atom .box-widget .offer .price.selected .pip-prenum-left {
  color: #ffffff !important;
}

.box-atom .box-widget .bid .price:disabled,
.box-atom .box-widget .offer .price:disabled {
  background-color: #EDE8E6 !important;
  border: 1px solid #EDE8E6 !important;
  color: #948D86 !important;
  cursor: not-allowed !important;
}

.box-atom .box-widget .bid .price:disabled .icon,
.box-atom .box-widget .bid .price:disabled .pip-prenum-left,
.box-atom .box-widget .offer .price:disabled .icon,
.box-atom .box-widget .offer .price:disabled .pip-prenum-left {
  color: #948D86 !important;
}

.box-atom .box-widget.depth-vwap-widget .aggregate .price {
  border: none !important;
  background: transparent !important;
}

.box-atom .allocations .allocation-tab-button {
  color: #07094A;
  background-color: #ffffff;
}

.box-atom .allocations .allocation-tab-button.allocation-current-tab {
  color: #ffffff;
  background-color: #07094A;
}

.box-atom .box-footer {
  background-color: #ffffff;
  border-top: 1px solid #bdbdbd;
}

.box-atom .box-footer .one-click .one {
  color: #ef6c00;
}

.box-atom .settings-panel {
  background-color: #ffffff;
  border: 1px solid #9e9e9e;
  border-radius: 5px 5px 0 0;
}

.embedded-order-editor .editor-row.has-error-container .select2-choice {
  border-color: #FB264E;
  color: #FB264E;
}

.embedded-order-editor .editor-row.price-row .has-error .spinner-addon {
  border-color: #FB264E;
}

.embedded-order-editor .editor-row .has-error {
  border-color: #FB264E;
}

.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: #FB264E;
}

.embedded-order-editor .editor-row .has-error-container input {
  border-color: #FB264E;
}

.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: #FB264E;
}

.embedded-order-editor .editor-row .select2-choice[data-title] {
  border-color: #FB264E;
}

.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: #FB264E;
}

.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: #FB264E;
}

.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: #FB264E;
}

.embedded-order-editor .additionnal-controls .expand-btn:after {
  background: #07094A;
}

.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: #89b6e2;
}

.blotter-atom {
  background-color: #F7F6F5;
}

.blotter-atom .buttons-container .btn .btn {
  background-color: transparent;
}

.blotter-atom .grid-filters-btn-group .menu-item:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.blotter-atom .grid-filters-btn-group .menu-item:first-child:not(:last-child):not(.dropdown-toggle) .item {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.blotter-atom .grid-filters-btn-group .menu-item:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0 !important;
}

.blotter-atom .grid-filters-btn-group .menu-item:not(:first-child):not(:last-child):not(.dropdown-toggle) .item {
  border-radius: 0 !important;
}

.blotter-atom .grid-filters-btn-group .menu-item:first-child:last-child:not(.dropdown-toggle) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.blotter-atom .grid-filters-btn-group .menu-item:first-child:last-child:not(.dropdown-toggle) .item {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.blotter-atom .grid-filters-btn-group .menu-item:last-child:not(:first-child) {
  border-radius: 0 !important;
}

.blotter-atom .grid-filters-btn-group .menu-item:last-child:not(:first-child) .item {
  border-radius: 0 !important;
}

.blotter-atom .grid-filters-btn-group .buttons-container {
  display: flex;
  justify-content: end;
  align-items: center;
}

.blotter-atom .grid-filters-btn-group .buttons-container .menu-item {
  margin-left: 0px;
}

.blotter-atom .grid-filters-btn-group .buttons-container .menu-item button {
  top: -5px !important;
}

.blotter-atom .grid-filters-btn-group .buttons-container .menu-item .item,
.blotter-atom .grid-filters-btn-group .buttons-container .menu-item .close-btn {
  background-color: inherit !important;
  color: inherit !important;
  border: none !important;
}

.blotter-atom .grid-filters-btn-group .columns-menu {
  display: flex;
  justify-content: end;
  align-items: center;
}

.blotter-atom .grid-filters-btn-group .columns-menu .dropdown-toggle {
  border-radius: 0 !important;
}

.blotter-atom .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 100px !important;
  border-bottom-right-radius: 100px !important;
}

.blotter-atom .cell-select {
  width: 20px;
}

.blotter-atom .grid-atom {
  border-right: none;
  border-left: none;
}

.blotter-atom .grid-center {
  border-bottom: 2px solid #ef6c00;
}

.blotter-atom thead tr {
  background-color: #F7F6F5 !important;
  color: #07094A !important;
}

.blotter-atom thead tr .icon {
  color: #0F1E82;
  background-color: transparent;
}

.blotter-atom thead tr .icon:hover {
  color: #07094A !important;
}

.blotter-atom thead tr .icon:disabled {
  color: #948D86 !important;
}

.blotter-atom thead .resizer {
  background-color: #D9D9D9;
}

.blotter-atom tbody tr {
  border-bottom: 1px dashed #C5C5C5;
}

.blotter-atom tbody tr:nth-child(odd) {
  background-color: transparent;
}

.blotter-atom tbody tr:nth-child(odd).selectedRow {
  background-color: #D8DDFF;
}

.blotter-atom tbody tr:nth-child(even) {
  background-color: transparent;
}

.blotter-atom tbody tr:nth-child(even).selectedRow {
  background-color: #D8DDFF;
}

.blotter-atom tbody tr.hovered {
  background-color: #ede7f6;
}

.blotter-atom .heat-slider .icon {
  color: #000000 !important;
  cursor: normal !important;
}

.blotter-atom .position-bar .short {
  background-color: #f48fb1;
}

.blotter-atom .position-bar .long {
  background-color: #c2185b;
}

.blotter-atom .highlightedRow {
  background-color: yellow !important;
}

.ui-slider {
  background-color: #ffffff;
  border: 1px solid #9e9e9e;
}

.ui-slider .value {
  color: #ffffff;
}

.global-trade-atom .trade-type-caption .trade-type-ext-client {
  background-color: #e0e0e0;
}

.global-trade-atom .trade-type-caption .trade-type-ext-bank {
  background-color: #98a4f1;
}

.global-trade-atom .trade-type-caption .trade-type-ext-venue {
  background-color: #89b6e2;
}

.global-trade-atom .global-trade-order-ext-client {
  background-color: #e0e0e0 !important;
}

.global-trade-atom .global-trade-order-ext-bank {
  background-color: #98a4f1 !important;
}

.global-trade-atom .global-trade-order-ext-venue {
  background-color: #89b6e2 !important;
}

.global-trade-atom .selectedRow {
  background-color: #ede7f6 !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: #07094A;
  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: #07094A;
}

.chat-atom .left-column .roster .no-match {
  color: #10137c;
}

.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: #ede7f6;
}

.chat-atom .right-column .conversations .conversation-by-day .day-title {
  color: #10137c;
}

.chat-atom .right-column .conversations .contact-icon {
  background-color: #07094A;
  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: #07094A;
  color: #ffffff;
}

.chat-atom .right-column .conversations .speech-bubble.not-mine div:last-child:before {
  border-left-color: #07094A !important;
}

.chat-atom .right-column .conversations .speech-bubble.not-mine div:last-child:after {
  background: #ffffff;
}

.chat-atom .right-column .conversations .speech-bubble.mine {
  background-color: #231e44;
  color: #ffffff;
}

.chat-atom .right-column .conversations .speech-bubble.mine div:last-child:before {
  border-right-color: #231e44 !important;
}

.chat-atom .right-column .conversations .speech-bubble.mine div:last-child:after {
  background: #ffffff;
}

.chat-atom .right-column .conversations .speech-bubble::after {
  color: #000000;
}

.chat-atom .right-column .conversations .speech-bubble[data-sender]:not([data-sender=''])::before {
  color: #07094A;
}

.strategy-editor .has-error {
  border-color: #FB264E !important;
}

.strategy-editor .has-error input {
  border-color: #FB264E !important;
  color: #FB264E !important;
}

.strategy-editor .has-error::after {
  background-color: #FB264E;
  color: #ffffff;
}

.strategy-editor .has-error::before {
  color: #ffffff;
}

.main-layout > .header .menu-panel {
  height: 100%;
}

.main-layout > .header .menu-panel .banners {
  height: calc(100% - 10px);
  margin-top: 5px;
}

.main-layout > .header .menu-panel .banners .banner {
  padding-top: 5px;
  background-color: #ef6c00;
  color: #ffffff;
}

.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;
}

.ssp-editor .title {
  color: #231e44;
}

.ssp-editor table {
  border: 1px solid #231e44;
}

.ssp-editor table thead {
  background-color: #07094A;
  color: white;
}

.ssp-editor table .ssp-leg {
  border-top: 1px solid #231e44;
}

.sms-ui-retailtrading .tabContainer-panel.single-asset .tab-headers {
  visibility: hidden;
}

.retail-editor-atom h1 {
  display: none;
}

.retail-editor-atom .retail-editor-container .select2-container .select2-choice {
  border: 1px solid #bdbdbd;
  color: #07094A;
  background: #F6F6F6;
}

.retail-editor-atom .retail-editor-container .rhd {
  color: #616161 !important;
}

.retail-editor-atom .retail-editor-container .retail-row .btn-group .btn label {
  font-weight: bold;
}

.retail-editor-atom .retail-editor-container .retail-row .label {
  color: #418FDE;
}

.retail-editor-atom .retail-editor-container .inverseCurrency {
  color: #418FDE;
}

.retail-editor-atom .retail-editor-container .priceWidget {
  color: #07094A;
  background-color: #f5f5f5;
}

.retail-editor-atom .retail-editor-container .spotpanel .btngroup .btn {
  background-color: #ffffff;
  border-color: #418FDE;
  color: #418FDE;
}

.retail-editor-atom .retail-editor-container .spotpanel .btngroup .btn.active {
  background-color: #418FDE;
  color: #ffffff;
}

.retail-editor-atom .retail-editor-container .field-option input {
  background-color: #F6F6F6;
  border-color: #D0D3D4;
  color: #5B6770;
}

.retail-editor-atom .retail-editor-container .forward-date-dropdown {
  border: none;
}

.retail-editor-atom .retail-editor-container .forward-date-dropdown .date-picker-label {
  border: 1px solid #9E9E9E;
  color: #07094A !important;
}

.retail-editor-atom .progress-button {
  color: #ffffff;
  box-shadow: 0 1px 1px #5CB85C;
  background-color: #3C763D;
  border: 1px;
}

.retail-editor-atom .btn-success {
  color: #ffffff;
  background-color: #5CB85C;
  border-color: transparent;
}

.retail-editor-atom .btn-danger {
  color: #fff;
  background-color: #FF7400;
  border-color: transparent;
}

.retail-editor-atom .btn-danger:hover {
  color: #231E44;
  background-color: #FF9033;
  border-color: #231E44;
}

.retail-editor-atom .summary-panel {
  background-color: #f5f5f5;
}

.single-account-retail-editor-atom {
  gap: 10px;
  padding: 10px;
}

.single-account-retail-editor-atom .editor-panel {
  margin: none;
}

.single-account-retail-editor-atom .editor-panel .spinner-container input {
  height: 21px;
}

.single-account-retail-editor-atom .editor-panel .form-panel {
  background: #ffffff;
  border: 1px solid #ffffff;
}

.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: #07094A;
}

.single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget .switch-checkbox {
  margin: 2px 5px !important;
}

.single-account-retail-editor-atom .editor-panel .form-panel .form-header .form-header-row .switch-widget .switch-checkbox label {
  border: 2px solid #79747E;
  background: #E7E0EC;
}

.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 #79747E;
}

.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: #fff;
  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: #ef6c00;
}

.single-account-retail-editor-atom .editor-panel .form-panel .price-retail-widget {
  font-family: "NykreditSansText";
  color: #ffffff;
  background: #07094A;
  text-align: right !important;
}

.single-account-retail-editor-atom .editor-panel .form-panel .progress-bar {
  background-color: #49BCA3;
}

.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: #FB264E;
}

.single-account-retail-editor-atom .editor-panel .button-panel .buttons {
  gap: 10px;
}

.single-account-retail-editor-atom .info-panel {
  color: #07094A;
}

.single-account-retail-editor-atom .info-panel .details-panel {
  background: #ffffff;
  border: 1px solid #ffffff;
}

.single-account-retail-editor-atom .info-panel .details-panel .details-title .buy {
  color: #009681;
}

.single-account-retail-editor-atom .info-panel .details-panel .details-title .sell {
  color: #ff7762;
}

.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: #ffffff;
  border: 1px solid #ffffff;
}

.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 {
  background: #ffffff;
  border: 1px solid #ffffff;
}

.single-account-retail-editor-atom .curve-widget .tenor-row,
.single-account-retail-editor-atom .curve-widget header-row {
  border-color: #07094A;
}

.single-account-retail-editor-atom .curve-widget .tenor-row:hover {
  background-color: #ede7f6;
}

.sidebar {
  top: 60px;
}

.client-notification-widget {
  border: 1px solid #07094A;
  background-color: #ffffff;
  color: #07094A;
}

.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;
}

.order-editor-dialog .confirm-panel,
.embedded-order-editor .confirm-panel,
.strategy-editor .confirm-panel,
.popup-editor .confirm-panel {
  background-color: #e0e0e0;
}

.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: #66bb6a;
  background-color: #66bb6a;
}

.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: #4caf50;
}

.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;
}

.trade-summary-print-atom {
  font-family: "Verdana";
}

.trade-summary-print-atom .trade-summary-print-atom-container {
  height: 100%;
}

.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container {
  height: 95%;
}

.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .logo {
  height: 100px;
  text-align: end;
  margin-top: 20px;
}

.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .logo:before {
  content: url("../img/mitNykredit_FXonline.svg");
  margin-right: 15px;
}

.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .application-name {
  display: block;
  font-size: 22px;
}

.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .title-and-date {
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: normal;
}

.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .title-and-date .summary-date {
  display: block;
  margin-left: 5px;
}

.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .summary {
  font-size: 18px;
  display: block;
  margin-bottom: 15px;
  font-weight: normal;
}

.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .summary .r {
  display: flex;
}

.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .summary .r:nth-child(even) {
  font-weight: bold;
}

.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .trade-summary-content {
  font-size: 13px;
}

.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .trade-summary-content .r .order-status,
.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .trade-summary-content .r .symbol {
  font-weight: normal;
}

.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .trade-summary-content .r .cum-quantity,
.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .trade-summary-content .r .counter-cum-quantity,
.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .trade-summary-content .r .side,
.trade-summary-print-atom .trade-summary-print-atom-container .trade-summary-print-container .trade-summary-content .r .currency {
  font-weight: bold;
}

.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 button {
  color: #FFF;
  background: #000;
}

.multi-mode-box-atom[data-panel-type="ESP"] .center-panel-content .leg1 .date-panel .tooltip-footer button:hover {
  color: #C4C4C4;
}

.ssp-window {
  background: linear-gradient(to top, #f5f5f5, #fbfafd);
}

.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-radius: 100px !important;
  background-color: #0F1E82 !important;
  border: 1px solid #0F1E82 !important;
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .actions .primary .icon,
.ssp-window .ssp-creation-form .actions .primary .pip-prenum-left,
.ssp-window .ssp-streaming .actions .primary .icon,
.ssp-window .ssp-streaming .actions .primary .pip-prenum-left {
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .actions .primary:hover,
.ssp-window .ssp-streaming .actions .primary:hover {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .actions .primary:hover .icon,
.ssp-window .ssp-creation-form .actions .primary:hover .pip-prenum-left,
.ssp-window .ssp-streaming .actions .primary:hover .icon,
.ssp-window .ssp-streaming .actions .primary:hover .pip-prenum-left {
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .actions .primary:focus,
.ssp-window .ssp-streaming .actions .primary:focus {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .actions .primary:focus .icon,
.ssp-window .ssp-creation-form .actions .primary:focus .pip-prenum-left,
.ssp-window .ssp-streaming .actions .primary:focus .icon,
.ssp-window .ssp-streaming .actions .primary:focus .pip-prenum-left {
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .actions .primary:active, .ssp-window .ssp-creation-form .actions .primary.active, .ssp-window .ssp-creation-form .actions .primary.selected,
.ssp-window .ssp-streaming .actions .primary:active,
.ssp-window .ssp-streaming .actions .primary.active,
.ssp-window .ssp-streaming .actions .primary.selected {
  background-color: #050634 !important;
  color: #ffffff !important;
  border: 1px solid #050634 !important;
}

.ssp-window .ssp-creation-form .actions .primary:active .icon,
.ssp-window .ssp-creation-form .actions .primary:active .pip-prenum-left, .ssp-window .ssp-creation-form .actions .primary.active .icon,
.ssp-window .ssp-creation-form .actions .primary.active .pip-prenum-left, .ssp-window .ssp-creation-form .actions .primary.selected .icon,
.ssp-window .ssp-creation-form .actions .primary.selected .pip-prenum-left,
.ssp-window .ssp-streaming .actions .primary:active .icon,
.ssp-window .ssp-streaming .actions .primary:active .pip-prenum-left,
.ssp-window .ssp-streaming .actions .primary.active .icon,
.ssp-window .ssp-streaming .actions .primary.active .pip-prenum-left,
.ssp-window .ssp-streaming .actions .primary.selected .icon,
.ssp-window .ssp-streaming .actions .primary.selected .pip-prenum-left {
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .actions .primary:disabled,
.ssp-window .ssp-streaming .actions .primary:disabled {
  background-color: #EDE8E6 !important;
  border: 1px solid #EDE8E6 !important;
  color: #948D86 !important;
  cursor: not-allowed !important;
}

.ssp-window .ssp-creation-form .actions .primary:disabled .icon,
.ssp-window .ssp-creation-form .actions .primary:disabled .pip-prenum-left,
.ssp-window .ssp-streaming .actions .primary:disabled .icon,
.ssp-window .ssp-streaming .actions .primary:disabled .pip-prenum-left {
  color: #948D86 !important;
}

.ssp-window .ssp-creation-form .actions .secondary,
.ssp-window .ssp-streaming .actions .secondary {
  border-radius: 100px !important;
  background-color: #ffffff !important;
  border: 1px solid #07094A !important;
  color: #07094A !important;
}

.ssp-window .ssp-creation-form .actions .secondary .icon,
.ssp-window .ssp-creation-form .actions .secondary .pip-prenum-left,
.ssp-window .ssp-streaming .actions .secondary .icon,
.ssp-window .ssp-streaming .actions .secondary .pip-prenum-left {
  color: #07094A !important;
}

.ssp-window .ssp-creation-form .actions .secondary:hover,
.ssp-window .ssp-streaming .actions .secondary:hover {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .actions .secondary:hover .icon,
.ssp-window .ssp-creation-form .actions .secondary:hover .pip-prenum-left,
.ssp-window .ssp-streaming .actions .secondary:hover .icon,
.ssp-window .ssp-streaming .actions .secondary:hover .pip-prenum-left {
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .actions .secondary:focus,
.ssp-window .ssp-streaming .actions .secondary:focus {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .actions .secondary:focus .icon,
.ssp-window .ssp-creation-form .actions .secondary:focus .pip-prenum-left,
.ssp-window .ssp-streaming .actions .secondary:focus .icon,
.ssp-window .ssp-streaming .actions .secondary:focus .pip-prenum-left {
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .actions .secondary:active, .ssp-window .ssp-creation-form .actions .secondary.active, .ssp-window .ssp-creation-form .actions .secondary.selected,
.ssp-window .ssp-streaming .actions .secondary:active,
.ssp-window .ssp-streaming .actions .secondary.active,
.ssp-window .ssp-streaming .actions .secondary.selected {
  background-color: #050634 !important;
  color: #ffffff !important;
  border: 1px solid #050634 !important;
}

.ssp-window .ssp-creation-form .actions .secondary:active .icon,
.ssp-window .ssp-creation-form .actions .secondary:active .pip-prenum-left, .ssp-window .ssp-creation-form .actions .secondary.active .icon,
.ssp-window .ssp-creation-form .actions .secondary.active .pip-prenum-left, .ssp-window .ssp-creation-form .actions .secondary.selected .icon,
.ssp-window .ssp-creation-form .actions .secondary.selected .pip-prenum-left,
.ssp-window .ssp-streaming .actions .secondary:active .icon,
.ssp-window .ssp-streaming .actions .secondary:active .pip-prenum-left,
.ssp-window .ssp-streaming .actions .secondary.active .icon,
.ssp-window .ssp-streaming .actions .secondary.active .pip-prenum-left,
.ssp-window .ssp-streaming .actions .secondary.selected .icon,
.ssp-window .ssp-streaming .actions .secondary.selected .pip-prenum-left {
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .actions .secondary:disabled,
.ssp-window .ssp-streaming .actions .secondary:disabled {
  background-color: #ffffff !important;
  border: 1px solid #948D86 !important;
  color: #948D86 !important;
  cursor: not-allowed !important;
}

.ssp-window .ssp-creation-form .actions .secondary:disabled .icon,
.ssp-window .ssp-creation-form .actions .secondary:disabled .pip-prenum-left,
.ssp-window .ssp-streaming .actions .secondary:disabled .icon,
.ssp-window .ssp-streaming .actions .secondary:disabled .pip-prenum-left {
  color: #948D86 !important;
}

.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 {
  background-color: #ffffff !important;
  color: #07094A !important;
  border: 1px solid #07094A !important;
  border-radius: 4px;
}

.ssp-window .ssp-creation-form input:hover,
.ssp-window .ssp-creation-form .form-field button:hover,
.ssp-window .ssp-creation-form .numeric-spinner input:hover,
.ssp-window .ssp-creation-form .price-spinner-label:hover,
.ssp-window .ssp-creation-form .select2-container a:hover,
.ssp-window .ssp-creation-form .settlement .field input:hover,
.ssp-window .ssp-streaming input:hover,
.ssp-window .ssp-streaming .form-field button:hover,
.ssp-window .ssp-streaming .numeric-spinner input:hover,
.ssp-window .ssp-streaming .price-spinner-label:hover,
.ssp-window .ssp-streaming .select2-container a:hover,
.ssp-window .ssp-streaming .settlement .field input:hover {
  background-color: #ffffff !important;
  border: 1px solid #07094A !important;
  outline: 1px solid #07094A !important;
}

.ssp-window .ssp-creation-form input:focus,
.ssp-window .ssp-creation-form .form-field button:focus,
.ssp-window .ssp-creation-form .numeric-spinner input:focus,
.ssp-window .ssp-creation-form .price-spinner-label:focus,
.ssp-window .ssp-creation-form .select2-container a:focus,
.ssp-window .ssp-creation-form .settlement .field input:focus,
.ssp-window .ssp-streaming input:focus,
.ssp-window .ssp-streaming .form-field button:focus,
.ssp-window .ssp-streaming .numeric-spinner input:focus,
.ssp-window .ssp-streaming .price-spinner-label:focus,
.ssp-window .ssp-streaming .select2-container a:focus,
.ssp-window .ssp-streaming .settlement .field input:focus {
  background-color: #ffffff !important;
  border: 1px solid #4192DC !important;
  outline: 1px solid #4192DC !important;
}

.ssp-window .ssp-creation-form input:disabled, .ssp-window .ssp-creation-form input.disabled,
.ssp-window .ssp-creation-form .form-field button:disabled,
.ssp-window .ssp-creation-form .form-field button.disabled,
.ssp-window .ssp-creation-form .numeric-spinner input:disabled,
.ssp-window .ssp-creation-form .numeric-spinner input.disabled,
.ssp-window .ssp-creation-form .price-spinner-label:disabled,
.ssp-window .ssp-creation-form .price-spinner-label.disabled,
.ssp-window .ssp-creation-form .select2-container a:disabled,
.ssp-window .ssp-creation-form .select2-container a.disabled,
.ssp-window .ssp-creation-form .settlement .field input:disabled,
.ssp-window .ssp-creation-form .settlement .field input.disabled,
.ssp-window .ssp-streaming input:disabled,
.ssp-window .ssp-streaming input.disabled,
.ssp-window .ssp-streaming .form-field button:disabled,
.ssp-window .ssp-streaming .form-field button.disabled,
.ssp-window .ssp-streaming .numeric-spinner input:disabled,
.ssp-window .ssp-streaming .numeric-spinner input.disabled,
.ssp-window .ssp-streaming .price-spinner-label:disabled,
.ssp-window .ssp-streaming .price-spinner-label.disabled,
.ssp-window .ssp-streaming .select2-container a:disabled,
.ssp-window .ssp-streaming .select2-container a.disabled,
.ssp-window .ssp-streaming .settlement .field input:disabled,
.ssp-window .ssp-streaming .settlement .field input.disabled {
  background-color: #ffffff !important;
  color: #948D86 !important;
  border: 1px solid #948D86 !important;
  outline: none !important;
}

.ssp-window .ssp-creation-form input:disabled .icon, .ssp-window .ssp-creation-form input.disabled .icon,
.ssp-window .ssp-creation-form .form-field button:disabled .icon,
.ssp-window .ssp-creation-form .form-field button.disabled .icon,
.ssp-window .ssp-creation-form .numeric-spinner input:disabled .icon,
.ssp-window .ssp-creation-form .numeric-spinner input.disabled .icon,
.ssp-window .ssp-creation-form .price-spinner-label:disabled .icon,
.ssp-window .ssp-creation-form .price-spinner-label.disabled .icon,
.ssp-window .ssp-creation-form .select2-container a:disabled .icon,
.ssp-window .ssp-creation-form .select2-container a.disabled .icon,
.ssp-window .ssp-creation-form .settlement .field input:disabled .icon,
.ssp-window .ssp-creation-form .settlement .field input.disabled .icon,
.ssp-window .ssp-streaming input:disabled .icon,
.ssp-window .ssp-streaming input.disabled .icon,
.ssp-window .ssp-streaming .form-field button:disabled .icon,
.ssp-window .ssp-streaming .form-field button.disabled .icon,
.ssp-window .ssp-streaming .numeric-spinner input:disabled .icon,
.ssp-window .ssp-streaming .numeric-spinner input.disabled .icon,
.ssp-window .ssp-streaming .price-spinner-label:disabled .icon,
.ssp-window .ssp-streaming .price-spinner-label.disabled .icon,
.ssp-window .ssp-streaming .select2-container a:disabled .icon,
.ssp-window .ssp-streaming .select2-container a.disabled .icon,
.ssp-window .ssp-streaming .settlement .field input:disabled .icon,
.ssp-window .ssp-streaming .settlement .field input.disabled .icon {
  color: #948D86 !important;
}

.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 {
  border-radius: 100px !important;
  background-color: #0F1E82 !important;
  border: 1px solid #0F1E82 !important;
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .add-leg .icon,
.ssp-window .ssp-creation-form .add-leg .pip-prenum-left {
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .add-leg:hover {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .add-leg:hover .icon,
.ssp-window .ssp-creation-form .add-leg:hover .pip-prenum-left {
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .add-leg:focus {
  background-color: #07094A !important;
  border: 1px solid #07094A !important;
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .add-leg:focus .icon,
.ssp-window .ssp-creation-form .add-leg:focus .pip-prenum-left {
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .add-leg:active, .ssp-window .ssp-creation-form .add-leg.active, .ssp-window .ssp-creation-form .add-leg.selected {
  background-color: #050634 !important;
  color: #ffffff !important;
  border: 1px solid #050634 !important;
}

.ssp-window .ssp-creation-form .add-leg:active .icon,
.ssp-window .ssp-creation-form .add-leg:active .pip-prenum-left, .ssp-window .ssp-creation-form .add-leg.active .icon,
.ssp-window .ssp-creation-form .add-leg.active .pip-prenum-left, .ssp-window .ssp-creation-form .add-leg.selected .icon,
.ssp-window .ssp-creation-form .add-leg.selected .pip-prenum-left {
  color: #ffffff !important;
}

.ssp-window .ssp-creation-form .add-leg:disabled {
  background-color: #EDE8E6 !important;
  border: 1px solid #EDE8E6 !important;
  color: #948D86 !important;
  cursor: not-allowed !important;
}

.ssp-window .ssp-creation-form .add-leg:disabled .icon,
.ssp-window .ssp-creation-form .add-leg:disabled .pip-prenum-left {
  color: #948D86 !important;
}

.ssp-window .ssp-creation-form .settlement .field.open input {
  background: #ebebeb;
}

.ssp-window .ssp-creation-form .switch.buy {
  background-color: #009681;
  color: white;
}

.ssp-window .ssp-creation-form .switch.buy:focus, .ssp-window .ssp-creation-form .switch.buy:hover {
  background-color: #006d5e;
}

.ssp-window .ssp-creation-form .switch.buy:active {
  background-color: #00443b;
}

.ssp-window .ssp-creation-form .switch.sell {
  background-color: #ff7762;
  color: white;
}

.ssp-window .ssp-creation-form .switch.sell:focus, .ssp-window .ssp-creation-form .switch.sell:hover {
  background-color: #ff5439;
}

.ssp-window .ssp-creation-form .switch.sell:active {
  background-color: #ff3010;
}

.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 #FB264E;
}

.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: #fc5877;
  border-color: #FB264E;
}

.ssp-window .ssp-creation-form .switch.has-error:focus {
  background: #fc5877;
}

.ssp-window .ssp-creation-form .import-error {
  background: #fc5877;
  border-color: #FB264E;
  color: white;
}

.ssp-window .ssp-creation-form .commission label {
  color: #424242;
}

/*# sourceMappingURL=skin.map.css */