gc.spread.sheets.excel2016black.13.1.0.css 99 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668
  1. /*-----common css start-----*/
  2. /*-----common css start-----*/
  3. .gc-theme-version {
  4. position: absolute;
  5. z-index: 2016;
  6. }
  7. .gc-footer-corner {
  8. background-color: #262626;
  9. }
  10. .gc-grayArea {
  11. background-color: #262626;
  12. }
  13. .gc-corner-hover {
  14. background-color: #262626;
  15. }
  16. .gc-corner-selected {
  17. background-color: #262626;
  18. }
  19. .gc-corner-normal {
  20. background-color: #262626;
  21. }
  22. .gc-rowHeaderFill {
  23. background-color: #e4ecf7;
  24. }
  25. .gc-colHeaderFill {
  26. background-image: -webkit-linear-gradient(top, #f6fafb 12.5%, #d2dbeb);
  27. /* For Chrome and Safari */
  28. background-image: -moz-linear-gradient(top, #f6fafb 12.5%, #d2dbeb);
  29. /* For old Fx (3.6 to 15) */
  30. background-image: -ms-linear-gradient(top, #f6fafb 12.5%, #d2dbeb);
  31. /* For pre-releases of IE 10*/
  32. background-image: -o-linear-gradient(top, #f6fafb 12.5%, #d2dbeb);
  33. /* For old Opera (11.1 to 12.0) */
  34. background-image: linear-gradient(to bottom, #f6fafb 12.5%, #d2dbeb);
  35. /* Standard syntax; must be last */
  36. background-color: #d2dbeb;
  37. }
  38. .gc-selection {
  39. background-color: rgba(20, 20, 20, 0.2);
  40. border-color: #217346;
  41. color: rgba(240, 240, 240, 0.7);
  42. }
  43. .gc-drag-indicator {
  44. border-color: #217346;
  45. }
  46. .gc-gridlineColor {
  47. border-color: #d4d4d4;
  48. }
  49. .gc-group {
  50. background-color: #262626;
  51. color: #999999;
  52. }
  53. .gc-group-box {
  54. background-color: #e4e4e4;
  55. color: #646464;
  56. border-color: #828790;
  57. }
  58. .gc-group-line {
  59. border-width: 2px;
  60. border-style: solid;
  61. border-color: #999999;
  62. }
  63. .fillSmartTag {
  64. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAALxJREFUOBGtk9EJhDAMhuvhEDdH15FD+lYQcZZDHOAQ1+kcbnHHLzQkoYq9Ni9NGvO1f2wa7/3XVLAWjBBCEcpaaw4QKP2ry4Z91o1qCISdbR8oEZ3uuZhhnGJI6zK/yYfzEFFBUA0kpEFGyrSM1DcCdNYL3tQUBHvVpFUDCWl3egEZeHNaLoF0AgU5RtKcc8k6/uLhx5j7KGwwtLmzBghXgFmjG/GTcIKOsXdlf91IA8WNdDI3Pv4aiKX2A+kdNavlIcchAAAAAElFTkSuQmCC");
  65. width: 18px;
  66. height: 18px;
  67. }
  68. .fillSmartTagDown {
  69. height: 18px;
  70. width: 10px;
  71. background-repeat: no-repeat;
  72. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAASCAYAAACXScT7AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAGCSURBVHjafNFPKKRxHAbw5/v7GYdBYUQjLm5SkoNykCQHtcx431/KgdKumJvSrAO7Nwc3RQ5kd3OkHJC/hUJREluonVcToqRh3sRFPA6M1Mbhc3z6Pj1fkMRHQNJL0uPeul731lU37o1y49cqHr8GvvgWQRLBsmpM/P0j4XAXiooKcXl1CZDEzl4EJBEwAZBUwWAQsVgsFSRR11gmM8trimSa3WypzZ31l5v2/vfk/4oAcv9aSGyUSz4gg/AIAOET0YQswIQWaNrnH+2OeSaY0BJN2+wDTi/OpCrwkxX1vW8q63p5cnaaB+Z/09u7x0nFJTVMiEajPsNCQaC6Ryb8THKcw/Tikho6zj//0RGUNV6gMZ1H8fmpH5iTHDlwsiOhO7FrN5RdP6aBIUj/pvJ2bkFbkxAzBzELELNCQQqgrJ5ST1/jqmYOJcHa7dYYGV5TrQ3d+vfUU+b7IfrOIRCGBYD0o1VGmaHaB6DZkqvMD2hUfF1UAISkvE/+yqbCZ89+HgBtwgFOrBUzJgAAAABJRU5ErkJggg==");
  73. }
  74. .gc-group-dot {
  75. color: #999999;
  76. }
  77. .gc-group-box-expand,
  78. .gc-group-box-collapsed {
  79. border-color: transparent;
  80. background-color: transparent;
  81. }
  82. .gc-tabStripBackground {
  83. background-image: -webkit-linear-gradient(top, #262626, #262626);
  84. /* For Chrome and Safari */
  85. background-image: -moz-linear-gradient(top, #262626, #262626);
  86. /* For old Fx (3.6 to 15) */
  87. background-image: -ms-linear-gradient(top, #262626, #262626);
  88. /* For pre-releases of IE 10*/
  89. background-image: -o-linear-gradient(top, #262626, #262626);
  90. /* For old Opera (11.1 to 12.0) */
  91. background-image: linear-gradient(to bottom, #262626, #262626);
  92. /* Standard syntax; must be last */
  93. background-color: #262626;
  94. border-color: #999999;
  95. }
  96. .gc-tabStripResizeBarInner {
  97. color: #f0f0f0;
  98. }
  99. .gc-navButton-hover {
  100. border-color: #439467;
  101. }
  102. .gc-navButton-highlight {
  103. border-color: #86B698;
  104. }
  105. .gc-navButton-normal {
  106. border-color: #F0F0F0;
  107. }
  108. .gc-tabStripNewTab-highlight {
  109. border-color: #f0f0f0;
  110. }
  111. .gc-tabStripNewTab-hover {
  112. border-color: #86bfa0;
  113. }
  114. .gc-navMoreButton-highlight {
  115. border-color: #f0f0f0;
  116. }
  117. .gc-navMoreButton-hover {
  118. border-color: #86bfa0;
  119. }
  120. .gc-columnHeader-hover {
  121. color: #dadada;
  122. background-image: none;
  123. background-color: #0a6332;
  124. border-style: solid;
  125. border-left-color: #262626 !important;
  126. border-right-color: #9c9c9c !important;
  127. border-bottom-color: #999999 !important;
  128. }
  129. .gc-columnHeader-selected {
  130. color: #ffffff;
  131. background-color: #217346;
  132. background-image: none;
  133. border-style: solid;
  134. border-left-color: #262626 !important;
  135. border-right-color: #9c9c9c !important;
  136. border-bottom-color: #999999 !important;
  137. }
  138. .gc-columnHeader-highlight {
  139. color: #ffffff;
  140. background-image: none;
  141. background-color: #646464;
  142. border-style: solid;
  143. border-left-color: #262626 !important;
  144. border-right-color: #9c9c9c !important;
  145. border-bottom-color: #999999 !important;
  146. }
  147. .gc-columnHeader-normal {
  148. color: #dadada;
  149. background-image: none;
  150. background-color: #262626;
  151. border-style: solid;
  152. border-left-color: #262626 !important;
  153. border-right-color: #9c9c9c !important;
  154. border-bottom-color: #999999 !important;
  155. }
  156. .gc-rowHeader-hover {
  157. color: #dadada;
  158. background-color: #0a6332;
  159. background-image: none;
  160. border-style: solid;
  161. border-top-color: #262626 !important;
  162. border-right-color: #999999 !important;
  163. border-bottom-color: #9c9c9c !important;
  164. }
  165. .gc-rowHeader-selected {
  166. color: #ffffff;
  167. background-color: #217346;
  168. background-image: none;
  169. border-style: solid;
  170. border-top-color: #262626 !important;
  171. border-right-color: #999999 !important;
  172. border-bottom-color: #9c9c9c !important;
  173. }
  174. .gc-rowHeader-highlight {
  175. color: #ffffff;
  176. background-color: #646464;
  177. background-image: none;
  178. border-style: solid;
  179. border-top-color: #262626 !important;
  180. border-right-color: #999999 !important;
  181. border-bottom-color: #9c9c9c !important;
  182. }
  183. .gc-rowHeader-normal {
  184. color: #dadada;
  185. background-color: #262626;
  186. background-image: none;
  187. border-style: solid;
  188. border-top-color: #262626 !important;
  189. border-right-color: #999999 !important;
  190. border-bottom-color: #9c9c9c !important;
  191. }
  192. .gc-corner-triangle-normal {
  193. background-image: -webkit-linear-gradient(top, #646464, #646464);
  194. /* For Chrome and Safari */
  195. background-image: -moz-linear-gradient(top, #646464, #646464);
  196. /* For old Fx (3.6 to 15) */
  197. background-image: -ms-linear-gradient(top, #646464, #646464);
  198. /* For pre-releases of IE 10*/
  199. background-image: -o-linear-gradient(top, #646464, #646464);
  200. /* For old Opera (11.1 to 12.0) */
  201. background-image: linear-gradient(to bottom, #646464, #646464);
  202. /* Standard syntax; must be last */
  203. background-color: #646464;
  204. border-style: solid;
  205. border-left-color: #d6d6d6 !important;
  206. border-right-color: #9b9b9b !important;
  207. border-top-color: #d2d2d2 !important;
  208. border-bottom-color: #9c9c9c !important;
  209. }
  210. #gc-search-tr .ui-widget-header {
  211. background: #363636;
  212. background-color: #363636;
  213. border: 0;
  214. }
  215. .gc-corner-triangle-hover {
  216. background-image: -webkit-linear-gradient(top, #9a9a9a, #9a9a9a);
  217. /* For Chrome and Safari */
  218. background-image: -moz-linear-gradient(top, #9a9a9a, #9a9a9a);
  219. /* For old Fx (3.6 to 15) */
  220. background-image: -ms-linear-gradient(top, #9a9a9a, #9a9a9a);
  221. /* For pre-releases of IE 10*/
  222. background-image: -o-linear-gradient(top, #9a9a9a, #9a9a9a);
  223. /* For old Opera (11.1 to 12.0) */
  224. background-image: linear-gradient(to bottom, #9a9a9a, #9a9a9a);
  225. /* Standard syntax; must be last */
  226. background-color: #9a9a9a;
  227. border-style: solid;
  228. border-left-color: #d6d6d6 !important;
  229. border-right-color: #9b9b9b !important;
  230. border-top-color: #d2d2d2 !important;
  231. border-bottom-color: #9c9c9c !important;
  232. }
  233. .gc-corner-triangle-selected {
  234. background-image: -webkit-linear-gradient(top, #86bfa0, #86bfa0);
  235. /* For Chrome and Safari */
  236. background-image: -moz-linear-gradient(top, #86bfa0, #86bfa0);
  237. /* For old Fx (3.6 to 15) */
  238. background-image: -ms-linear-gradient(top, #86bfa0, #86bfa0);
  239. /* For pre-releases of IE 10*/
  240. background-image: -o-linear-gradient(top, #86bfa0, #86bfa0);
  241. /* For old Opera (11.1 to 12.0) */
  242. background-image: linear-gradient(to bottom, #86bfa0, #86bfa0);
  243. /* Standard syntax; must be last */
  244. background-color: #86bfa0;
  245. border-style: solid;
  246. border-left-color: #d6d6d6 !important;
  247. border-right-color: #9b9b9b !important;
  248. border-top-color: #d2d2d2 !important;
  249. border-bottom-color: #9c9c9c !important;
  250. }
  251. .gc-tab-normal {
  252. color: #ffffff;
  253. background-image: none;
  254. background-color: transparent;
  255. border-style: solid;
  256. border-left-color: #999999;
  257. border-bottom-color: #217346;
  258. }
  259. .gc-tab-hover {
  260. color: #ffffff;
  261. background-image: none;
  262. background-color: transparent;
  263. border-style: solid;
  264. border-left-color: #999999;
  265. border-bottom-color: #217346;
  266. }
  267. .gc-tab-selected {
  268. color: black;
  269. background-image: none;
  270. background-color: white;
  271. border-style: solid;
  272. border-left-color: #999999;
  273. border-bottom-color: #217346;
  274. }
  275. .gc-tab-activeNotSelected {
  276. color: #217346;
  277. background-image: none;
  278. background-color: transparent;
  279. border-style: solid;
  280. border-left-color: #ababab;
  281. }
  282. .gc-tab-active {
  283. color: #217346;
  284. background-image: none;
  285. background-color: white;
  286. border-style: solid;
  287. border-left-color: #999999;
  288. border-bottom-color: #217346;
  289. }
  290. .gc-gradientButton {
  291. background-image: -webkit-linear-gradient(top, #f6fafb, #d2dbeb);
  292. /* For Chrome and Safari */
  293. background-image: -moz-linear-gradient(top, #f6fafb, #d2dbeb);
  294. /* For old Fx (3.6 to 15) */
  295. background-image: -ms-linear-gradient(top, #f6fafb, #d2dbeb);
  296. /* For pre-releases of IE 10*/
  297. background-image: -o-linear-gradient(top, #f6fafb, #d2dbeb);
  298. /* For old Opera (11.1 to 12.0) */
  299. background-image: linear-gradient(to bottom, #f6fafb, #d2dbeb);
  300. /* Standard syntax; must be last */
  301. background-color: #dddddd;
  302. }
  303. .gc-filter-dialog-style .gc-filter-function-tr:hover a {
  304. color: #fff;
  305. }
  306. .gc-sheetTabEditor::-ms-clear {
  307. display: none;
  308. }
  309. .gc-layout-table {
  310. font-size: 12px;
  311. width: 100%;
  312. height: 100%;
  313. font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
  314. }
  315. .gc-layout-table-first-column {
  316. width: 21px;
  317. border-right: 1px solid #ccc;
  318. text-align: right;
  319. padding-top: 7px;
  320. }
  321. .gc-layout-table-last-column {
  322. width: 18px;
  323. }
  324. .gc-filter-sort-desc-container {
  325. border-bottom: 1px solid #ccc;
  326. }
  327. .gc-filter-top10-rank {
  328. outline: none;
  329. }
  330. .gc-filter-top10-rank-illegal:focus {
  331. outline: 1px solid red;
  332. }
  333. .gc-filter-checked {
  334. border: 1px solid #999;
  335. background-color: rgba(140, 140, 140, 0.2);
  336. }
  337. .gc-filterDialog-rightArrow {
  338. display: inline-block;
  339. height: 10px;
  340. background-repeat: no-repeat;
  341. background-position: center center;
  342. width: 100%;
  343. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAGBJREFUGBljYCAHzJo1a8L///+ZsOlFEQQqygcqXr1q1SpOdMUoCqGSQe/fv987c+ZMEWTF2BSC5C0ZGRkXEaPwONAZccgKWZA5UPY6QUHBmLCwsO9Y5CBC+HyNUxPZEgCPEyCkHm49GwAAAABJRU5ErkJggg==");
  344. }
  345. .gc-filter-disable-item .gc-filterDialog-rightArrow {
  346. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAGpJREFUGBljYCAHpKenT2hoaGDCphdF8P////nPnz9fXVhYyImuGEUhSBKoOOjbt29709LSRJAVYyiEKrYE0osIKmRkZDwOVBSHVyFQ0TouLi7nWbNmvcGpEKhooqSkZGh/f/93ZEW0YQMAu9MgVL/2M7QAAAAASUVORK5CYII=");
  347. }
  348. .gc-filter-dialog-style {
  349. background: #363636;
  350. font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
  351. font-size: 12px;
  352. border: thin solid #5e5e5e;
  353. color: #000000;
  354. cursor: default;
  355. }
  356. .gc-filter-dialog-style select,
  357. .gc-filter-dialog-style input {
  358. color: black;
  359. font-weight: normal;
  360. font-style: normal;
  361. }
  362. .gc-filter-disable-item a {
  363. color: #c4bec2;
  364. }
  365. .gc-filter-disable-item a:hover {
  366. color: #c4bec2;
  367. }
  368. .gc-filter-disable-item.gc-filter-hover {
  369. background-color: transparent;
  370. border: 1px solid #c5c5c5;
  371. }
  372. .gc-search-outer-div {
  373. background-color: #363636;
  374. margin: 4px 0px 0px 4px;
  375. color: #1e395b;
  376. font-weight: normal;
  377. }
  378. div.gc-search-outer-div input::-ms-clear {
  379. display: none;
  380. }
  381. #gc-filterSearch {
  382. width: 165px;
  383. height: 21px;
  384. outline: none;
  385. margin-left: 7px;
  386. margin-top: 4px;
  387. margin-bottom: 0px;
  388. padding: 0;
  389. font-size: 1em;
  390. background-color: white;
  391. color: black;
  392. float: none;
  393. }
  394. #gc-filterSearch:hover, #gc-filterSearch:active {
  395. background-color: white;
  396. }
  397. .gc-filter-button-active {
  398. border: 1px solid #569de5;
  399. border-radius: 0;
  400. background-image: -webkit-linear-gradient(top, #daecfc, #c4e0fc);
  401. /* For Chrome and Safari */
  402. background-image: -moz-linear-gradient(top, #daecfc, #c4e0fc);
  403. /* For old Fx (3.6 to 15) */
  404. background-image: -ms-linear-gradient(top, #daecfc, #c4e0fc);
  405. /* For pre-releases of IE 10*/
  406. background-image: -o-linear-gradient(top, #daecfc, #c4e0fc);
  407. /* For old Opera (11.1 to 12.0) */
  408. background-image: linear-gradient(to bottom, #daecfc, #c4e0fc);
  409. /* Standard syntax; must be last */
  410. background-color: #ffe475;
  411. font-weight: normal;
  412. color: black;
  413. -webkit-box-shadow: none;
  414. box-shadow: none;
  415. }
  416. .gc-check-uncheck-all {
  417. float: left;
  418. width: 16px;
  419. height: 16px;
  420. display: inline-block;
  421. }
  422. .gc-filter-check-outerDiv .gc-check-image,
  423. .gc-fill-type-item .gc-check-image {
  424. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAGxJREFUOE+ljsENgDAMAzsaQ3QMxP4/wAhXwTKhEY9TlZOdtK1b/4WVFaysYGUFKxMWdY/hA5T3+x0+BjJYJmOJBoF+87UMYhAwzFBaBnFwYZ1j/kKFltIycHLqMrHyhEvSMrCygpUVrJyntwPdKU02VXQw7gAAAABJRU5ErkJggg==);
  425. }
  426. .gc-filter-check-outerDiv .gc-uncheck-image,
  427. .gc-fill-type-item .gc-uncheck-image {
  428. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAIJJREFUOE+lkssNgDAMQzsCw3UMxEocGKWDQSLVUj5GJeLwhPyI0x7a9qP/gsoKVFagskIUm3ALp3GKZvX63/q0QIcAlqAMXMcFIQ6z7DouTGLptawkMVmeDJi8BFsGQ0jzUcRyvEla4oLAhvVrveu4IOAdxJOwZPkOylBZgcrv9PYAV9tkcyJlS4sAAAAASUVORK5CYII=);
  429. }
  430. .gc-check-image,
  431. .gc-uncheck-image {
  432. background-position: center;
  433. }
  434. .gc-filter-check-outerDiv {
  435. height: 18px;
  436. margin-top: 4px;
  437. }
  438. a.gc-filter-check-style {
  439. color: white;
  440. text-shadow: none;
  441. }
  442. a.gc-filter-check {
  443. text-decoration: none;
  444. }
  445. a.gc-filter-check:hover {
  446. text-decoration: underline;
  447. }
  448. .gc-filter-function-tr a:active {
  449. border-color: #e3e3e3;
  450. outline: none;
  451. -webkit-box-shadow: none;
  452. box-shadow: none;
  453. }
  454. .gc-filter-sort {
  455. /*border: 1px solid transparent;*/
  456. font-weight: normal;
  457. color: #ffffff;
  458. white-space: nowrap;
  459. word-break: break-all;
  460. overflow: hidden;
  461. text-overflow: ellipsis;
  462. }
  463. .gc-filter-item-link {
  464. width: 181px;
  465. color: #ffffff;
  466. }
  467. .gc-filter-item-link:hover {
  468. width: 181px;
  469. color: #ffffff;
  470. }
  471. .gc-filter-hover {
  472. border-radius: 3px;
  473. outline: none;
  474. }
  475. .gc-filter-item {
  476. position: relative;
  477. cursor: default;
  478. font-weight: normal;
  479. border-style: solid;
  480. border-color: transparent;
  481. }
  482. .gc-filter-item-container {
  483. border: 1px solid #4e4e4e;
  484. border-radius: 3px;
  485. margin: 4px 0px 4px 4px;
  486. overflow: hidden;
  487. }
  488. .gc-filter-item-input {
  489. float: left;
  490. clear: left;
  491. margin: 3px !important;
  492. }
  493. .gc-filter-item-text {
  494. font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  495. font-size: 12px;
  496. margin: 2px;
  497. white-space: nowrap;
  498. word-wrap: normal;
  499. float: left;
  500. clear: right;
  501. }
  502. .gc-filter-button {
  503. width: 90px;
  504. height: 27px;
  505. margin: 2px 1px 5px;
  506. }
  507. .gc-filter-button-disable {
  508. opacity: 0.35;
  509. background-image: none;
  510. }
  511. #gc-filterOK {
  512. margin-left: 13px;
  513. margin-bottom: 5px;
  514. float: left;
  515. }
  516. #gc-filterCancel {
  517. margin-bottom: 5px;
  518. float: left;
  519. }
  520. .gc-smartMenu-item-default {
  521. border: 1px solid transparent;
  522. background-color: #363636;
  523. background-image: none;
  524. font-weight: normal;
  525. color: white;
  526. border-radius: 0;
  527. }
  528. .gc-filter-button-default {
  529. border: 1px solid #adadad;
  530. /* For Chrome and Safari */
  531. background-image: -webkit-linear-gradient(top, #f0f0f0, #e5e5e5);
  532. /* For old Fx (3.6 to 15) */
  533. background-image: -moz-linear-gradient(top, #f0f0f0, #e5e5e5);
  534. /* For pre-releases of IE 10*/
  535. background-image: -ms-linear-gradient(top, #f0f0f0, #e5e5e5);
  536. /* For old Opera (11.1 to 12.0) */
  537. background-image: -o-linear-gradient(top, #f0f0f0, #e5e5e5);
  538. /* Standard syntax; must be last */
  539. background-image: linear-gradient(to bottom, #f0f0f0, #e5e5e5);
  540. font-weight: normal;
  541. color: black;
  542. border-radius: 0;
  543. }
  544. .gc-filter-button-hover {
  545. border: 1px solid #0078d7;
  546. background-image: -webkit-linear-gradient(top, #ecf4fc, #dcecfc);
  547. /* For Chrome and Safari */
  548. background-image: -moz-linear-gradient(top, #ecf4fc, #dcecfc);
  549. /* For old Fx (3.6 to 15) */
  550. background-image: -ms-linear-gradient(top, #ecf4fc, #dcecfc);
  551. /* For pre-releases of IE 10*/
  552. background-image: -o-linear-gradient(top, #ecf4fc, #dcecfc);
  553. /* For old Opera (11.1 to 12.0) */
  554. background-image: linear-gradient(to bottom, #ecf4fc, #dcecfc);
  555. /* Standard syntax; must be last */
  556. background-color: #e5f1fb;
  557. cursor: pointer;
  558. color: black;
  559. font-weight: normal;
  560. text-shadow: none;
  561. }
  562. .gc-smart-tag-default {
  563. border: 1px solid #686868;
  564. background: #363636;
  565. color: #1e395b;
  566. font-weight: normal;
  567. border-radius: 0;
  568. }
  569. .gc-smartMenu-item-hover, .gc-smart-tag-hover, .gc-filter-item-hover {
  570. font-weight: normal;
  571. text-shadow: none;
  572. color: white;
  573. }
  574. .gc-smartMenu-item-hover {
  575. border: 1px solid transparent;
  576. background-image: none;
  577. background-color: #217346;
  578. }
  579. .gc-smart-tag-hover {
  580. border: 1px solid #30a565;
  581. background-image: none;
  582. background-color: #217346;
  583. }
  584. .gc-filter-item-hover {
  585. border: 1px solid transparent;
  586. background-image: none;
  587. background-color: #505050;
  588. }
  589. .gc-smart-tag-active {
  590. border: 1px solid #217346;
  591. background-image: none;
  592. background-color: #0a6332;
  593. font-weight: normal;
  594. color: #262626;
  595. -webkit-box-shadow: none;
  596. box-shadow: none;
  597. }
  598. .gc-menu-item-input {
  599. width: 16px;
  600. height: 16px;
  601. margin: 1px;
  602. float: left;
  603. display: inline-block;
  604. }
  605. .gc-menu-item-text {
  606. font-size: 12px;
  607. font-weight: normal;
  608. display: inline-block;
  609. float: left;
  610. padding-top: 2px;
  611. font-family: Arial;
  612. }
  613. .gc-fill-menu-container {
  614. box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
  615. cursor: default;
  616. }
  617. .gc-toolstrip-default {
  618. background: white;
  619. border: 1px solid #c6c6c6;
  620. }
  621. .gc-toolstrip-button-style {
  622. color: black;
  623. background: white;
  624. -webkit-box-shadow: none;
  625. box-shadow: none;
  626. }
  627. .gc-toolstrip-button-style:active {
  628. color: black;
  629. background: white;
  630. -webkit-box-shadow: none;
  631. box-shadow: none;
  632. }
  633. .gc-tab-tip-span {
  634. background: #d6e6f9;
  635. color: black;
  636. border: 1px solid #d6e6f9;
  637. font-weight: normal;
  638. }
  639. .gc-spread-toolTip {
  640. border: 1px solid #bebebe;
  641. border-radius: 0px;
  642. background-image: none;
  643. background-color: #ebebeb;
  644. font-weight: normal;
  645. color: #262626;
  646. }
  647. .gc-no-user-select {
  648. -webkit-user-select: none;
  649. -khtml-user-select: none;
  650. -moz-user-select: none;
  651. -o-user-select: none;
  652. -ms-user-select: none;
  653. user-select: none;
  654. }
  655. /*-----common css end-----*/
  656. /*-----formula textbox start-----*/
  657. /* function autocomplete */
  658. .gcsj-func-ac-popup {
  659. margin: 0;
  660. padding: 0;
  661. background: #fff;
  662. border: 1px solid rgba(0, 0, 0, 0.2);
  663. font-family: arial, sans-serif;
  664. font-size: 12px;
  665. line-height: 22px;
  666. position: absolute;
  667. width: 300px;
  668. z-index: 2001;
  669. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  670. -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  671. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  672. }
  673. .gcsj-func-ac-row {
  674. margin: 0;
  675. cursor: default;
  676. padding: 2px 10px;
  677. color: #666666;
  678. }
  679. .gcsj-func-ac-row-name {
  680. color: #222;
  681. font-size: 13px;
  682. font-family: inconsolata, monospace, arial, sans, sans-serif;
  683. margin: -2px 0;
  684. }
  685. .gcsj-func-ac-row-description {
  686. color: #666;
  687. display: none;
  688. font-size: 11px;
  689. margin: -2px 0;
  690. overflow: hidden;
  691. text-overflow: ellipsis;
  692. white-space: nowrap;
  693. }
  694. .gcsj-ac-row-active {
  695. background-color: #f5f5f5;
  696. color: #000;
  697. border-top: 1px solid #ebebeb;
  698. border-bottom: 1px solid #ebebeb;
  699. padding: 1px 10px;
  700. }
  701. .gcsj-ac-row-active .gcsj-func-ac-row-description {
  702. display: block;
  703. }
  704. /* function help */
  705. .gcsj-func-help-popup {
  706. background-color: #fff;
  707. border: 1px solid rgba(0, 0, 0, 0.2);
  708. color: #222;
  709. font-size: 11px;
  710. word-wrap: break-word;
  711. position: absolute;
  712. width: 320px;
  713. z-index: 2001;
  714. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  715. -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  716. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  717. }
  718. .gcsj-func-help-title {
  719. background-color: #f5f5f5;
  720. color: #222;
  721. font-size: 13px;
  722. padding: 1px 0 1px 10px;
  723. }
  724. .gcsj-func-help-body {
  725. border-top: 1px solid #ebebeb;
  726. font-family: arial, sans-serif;
  727. overflow: hidden;
  728. }
  729. .gcsj-func-help-content {
  730. padding-bottom: 2px;
  731. }
  732. .gcsj-func-help-section {
  733. padding: 5px 10px;
  734. }
  735. .gcsj-func-help-section-title {
  736. font-size: 11px;
  737. color: #666;
  738. }
  739. .gcsj-func-help-section-content {
  740. font-size: 11px;
  741. }
  742. .gcsj-func-help-formula {
  743. font-family: inconsolata, monospace, arial, sans, sans-serif;
  744. padding: 1px 0;
  745. }
  746. .gcsj-func-help-paramter {
  747. padding-left: 1px;
  748. }
  749. .gcsj-func-help-paramter-active {
  750. background-color: #feb;
  751. }
  752. .gcsj-func-gray-formula {
  753. color: gray;
  754. }
  755. /* color text */
  756. .gcsj-func-color-content {
  757. white-space: pre-wrap;
  758. }
  759. /*-----formula textbox end-----*/
  760. /*-----floatingobject start-----*/
  761. .gc-floatingobject-selected {
  762. border: 1px solid #939393;
  763. }
  764. .gc-floatingobject-unselected {
  765. background-color: transparent;
  766. border: 1px solid transparent;
  767. }
  768. .gc-floatingobject-container {
  769. position: absolute;
  770. overflow: hidden;
  771. box-sizing: content-box;
  772. }
  773. .gc-floatingobject-background-cover {
  774. -webkit-background-size: cover;
  775. /* For WebKit*/
  776. -moz-background-size: cover;
  777. /* Mozilla*/
  778. -o-background-size: cover;
  779. /* Opera*/
  780. background-size: cover;
  781. /* Generic*/
  782. }
  783. .gc-floatingobject-moving-container {
  784. position: absolute;
  785. overflow: hidden;
  786. }
  787. .gc-floatingobject-moving-div {
  788. position: absolute;
  789. border: 1px solid black;
  790. }
  791. .gc-floatingobject-resize-indicator {
  792. box-sizing: content-box;
  793. }
  794. .gc-floatingobject-resize-indicator-select {
  795. background-color: white;
  796. border-radius: 2px;
  797. -moz-border-radius: 1px;
  798. border: 1px solid #939393;
  799. z-index: 100;
  800. }
  801. .gc-floatingobject-resize-indicator-unSelect {
  802. display: none;
  803. }
  804. .gc-floatingobject-absolute {
  805. position: absolute;
  806. }
  807. .gc-floatingobject-content-container {
  808. box-sizing: content-box;
  809. }
  810. /*-----floatingobject end-----*/
  811. /*-----scrollbar start-----*/
  812. /*scrollbar*/
  813. /*scrollbar*/
  814. .gc-scroll-container {
  815. background-color: #343434;
  816. -moz-box-shadow: none;
  817. -webkit-box-shadow: none;
  818. box-shadow: none;
  819. }
  820. .gc-scroll-corner-all {
  821. border-radius: 2px;
  822. }
  823. .gc-scroll-arrow {
  824. background-color: #575757;
  825. border-style: solid;
  826. border-color: #3b3b3b;
  827. background-image: none;
  828. border-radius: 0;
  829. }
  830. .gc-scroll-arrow .gc-scroll-arrowUp {
  831. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAClJREFUKFNjGEmgvLz8P5RJHABpgGGoEH6ArIEojdg0wDBUyShAAAYGAHSXJkH1wN/VAAAAAElFTkSuQmCC);
  832. }
  833. .gc-scroll-arrowUp {
  834. background-position: center;
  835. }
  836. .gc-scroll-arrow .gc-scroll-arrowDown {
  837. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAACRJREFUKFNjGAVYQHl5+X9cGKoEOyBZAwyQrAEGSNYwpAEDAwBvhSZBmzrLGgAAAABJRU5ErkJggg==);
  838. }
  839. .gc-scroll-arrowDown {
  840. background-position: center;
  841. }
  842. .gc-scroll-arrow .gc-scroll-arrowLeft {
  843. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAADBJREFUKFNjGMKgvLz8P5RJHABpIEkTTAPRmpA1EK0JBMjSBAJkaQIBsjQNNGBgAABe7iZBxoz5vwAAAABJRU5ErkJggg==);
  844. }
  845. .gc-scroll-arrowLeft {
  846. background-position: center;
  847. }
  848. .gc-scroll-arrow .gc-scroll-arrowRight {
  849. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjExR/NCNwAAAC5JREFUKFNjGIKgvLz8P5RJPABpIlkjTBNJGpE1Ea2RZA0gQLIGECBZw2ACDAwAhS4mQZAuqGcAAAAASUVORK5CYII=");
  850. }
  851. .gc-scroll-arrowRight {
  852. background-position: center;
  853. }
  854. .gc-scroll-bar .gc-scrollbar-vertical {
  855. background-image: none;
  856. background-repeat: no-repeat;
  857. }
  858. .gc-scrollbar-vertical {
  859. background-position: center;
  860. }
  861. .gc-scroll-bar .gc-scrollbar-horizontal {
  862. text-indent: 0;
  863. background-image: none;
  864. background-repeat: no-repeat;
  865. }
  866. .gc-horizontal-scrollbar {
  867. box-sizing: content-box;
  868. background: #262626;
  869. border-top: 1px solid #999999;
  870. height: 18px;
  871. padding: 4px 0px 5px 0px;
  872. margin: 0;
  873. }
  874. .gc-vertical-scrollbar {
  875. box-sizing: content-box;
  876. background: #262626;
  877. border-left: 1px solid #999999;
  878. width: 18px;
  879. padding: 0px 5px 0px 4px;
  880. margin: 0;
  881. }
  882. .gc-scrollbar-horizontal {
  883. background-position: center;
  884. }
  885. .gc-scrollbar-wrapper {
  886. background-color: transparent;
  887. }
  888. .gc-scroll-bar {
  889. border-style: solid;
  890. border-color: #3b3b3b;
  891. background: #575757;
  892. -moz-border-radius: 0px;
  893. -webkit-border-radius: 0px;
  894. border-radius: 0px;
  895. }
  896. .gc-scroll-arrow-hover {
  897. border-style: solid;
  898. border-color: #3b3b3b;
  899. background: #707070;
  900. }
  901. .gc-scrollbar-stateHover {
  902. border-style: solid;
  903. border-color: #101010;
  904. background: #808080;
  905. }
  906. .gc-scroll-arrow:active,
  907. .gc-scroll-bar:active,
  908. .gc-scrollbar-stateActive {
  909. border-style: solid;
  910. border-color: #3b3b3b;
  911. background: #707070;
  912. -webkit-box-shadow: none;
  913. box-shadow: none;
  914. }
  915. /*-----scrollbar end-----*/
  916. /*-----contextmenu start-----*/
  917. .gc-ui-contextmenu-container {
  918. box-shadow: rgba(0, 0, 0, 0.4) 1px 2px 5px;
  919. font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
  920. font-size: 9pt;
  921. background: #363636;
  922. border: 1px solid #5e5e5e;
  923. color: #ffffff;
  924. cursor: default;
  925. min-width: 188px;
  926. }
  927. .gc-ui-contextmenu-separator {
  928. height: 1px;
  929. margin-left: 20px;
  930. margin-right: 5px;
  931. background-color: #4e4e4e;
  932. overflow: hidden;
  933. }
  934. .gc-ui-contextmenu-menuitem,
  935. .gc-ui-contextmenu-nonselective-menuitem {
  936. border: 1px solid transparent;
  937. background-image: none;
  938. font-weight: normal;
  939. border-radius: 0;
  940. text-decoration: none;
  941. white-space: nowrap;
  942. overflow: hidden;
  943. }
  944. .gc-ui-contextmenu-menuitem-content {
  945. padding: 3px;
  946. margin: 1px;
  947. overflow: hidden;
  948. }
  949. .gc-ui-contextmenu-icon {
  950. width: 16px;
  951. height: 16px;
  952. margin-left: 0;
  953. float: left;
  954. display: inline-block;
  955. margin-right: 12px;
  956. }
  957. .gc-ui-contextmenu-text {
  958. display: inline-block;
  959. float: left;
  960. padding-right: 23px;
  961. padding-left: 0;
  962. }
  963. .gc-ui-contextmenu-disable {
  964. color: #b1b1b1 !important;
  965. }
  966. .gc-ui-contextmenu-group-header {
  967. border: 1px solid transparent;
  968. border-radius: 0;
  969. padding: 5px;
  970. font-weight: bold;
  971. background-color: #4a4a4a;
  972. overflow: hidden;
  973. }
  974. .gc-ui-contextmenu-groupitems-container {
  975. border: 1px solid transparent;
  976. background-image: none;
  977. font-weight: normal;
  978. color: #ffffff;
  979. border-radius: 0;
  980. padding: 5px;
  981. overflow: hidden;
  982. margin-left: 28px;
  983. }
  984. .gc-ui-contextmenu-groupitem {
  985. display: inline-block;
  986. float: left;
  987. min-width: 24px;
  988. }
  989. .gc-ui-contextmenu-groupitem .gc-ui-contextmenu-icon {
  990. width: 24px;
  991. height: 24px;
  992. margin: 0px;
  993. }
  994. .gc-ui-contextmenu-hover {
  995. background: #505050;
  996. color: #ffffff;
  997. font-weight: normal;
  998. text-shadow: none;
  999. }
  1000. .gc-ui-contextmenu-menuitem-content .gc-ui-contextmenu-sup-indicator {
  1001. width: 16px;
  1002. height: 16px;
  1003. float: right;
  1004. display: inline-block;
  1005. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAGpJREFUGBljYCAHpKenT2hoaGDCphdF8P////nPnz9fXVhYyImuGEUhSBKoOOjbt29709LSRJAVYyiEKrYE0osIKmRkZDwOVBSHVyFQ0TouLi7nWbNmvcGpEKhooqSkZGh/f/93ZEW0YQMAu9MgVL/2M7QAAAAASUVORK5CYII=");
  1006. background-position: center center;
  1007. background-repeat: no-repeat;
  1008. }
  1009. .gc-ui-contextmenu-subitems-container {
  1010. position: absolute;
  1011. left: 98%;
  1012. width: 100%;
  1013. display: none;
  1014. margin-top: -3px;
  1015. }
  1016. .gc-spread-copy {
  1017. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAWFJREFUOBGVUj1PwzAQtauqC2P+QwjqwAjiQ0ICMbDxI/K3+AEMbKAKlYUUIoYyUBXlX7QlnSCJ8XuOHacFQS+y7/x893z3FCm0pWmq4FctCIJRGIbHq/jaOUkS9VlWXF+logc2Hr+qLMuGawUe0EFcFIWolOTSPPTAwp2+mC8Wp5Pp+61X0wq7lgCFsK1eRzL45+YIipoAdZto4ggq0TyM9vcODtmD1LjS38vzk8jz5RE0iaLozDboNCgrIbBgm2jiEShNYHQAAWIuLS48sE63J7b7u2I+m128TaY3eMyNUHp/ApKtJlJPppQheHwYoIa2zD8uEfxK4DRBV5pl/+TcVFIrJUbDO54dQd09QTNCnY8CdmdFxkFyJGQ4gvvrK1vBS6uHA1uBGQkQCeI4tvRMYwe1Jrgwb/LKxciBkcBcNbtPoBWkBvRNSnsED2cIAqsJ6zUKb8z09GcHvia29Cf/DczVBGzok4CPAAAAAElFTkSuQmCC");
  1018. background-repeat: no-repeat;
  1019. }
  1020. .gc-spread-cut {
  1021. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAghJREFUOBFjYMADzp07p3X8+PHtt2/fZseljAmXBEj8+/fver9///Z4/vy5Ay51LLgkQOJAzXr//v0DMT+ACGwA7IL///9jdcmfP390gfg/IyPjVWyaQWJgjSdPnrx79OjRqUeOHLFAVgg14J6jo+MXZHFkNtgLQIXb//79mwWks3bv3n0HqGAJkL8Z6AV5IL0BWQM6mxEmsHfvXiugf2OBhoQBNQmB/A6kQXgjExNTclBQ0NvOs280f/77r8/47+/JWnOJ+yC9cANgBl29epXt3r17Xr9+/aoAajaHGvT7jajGjne8UtK/fv/b+Pvfv4R/vxlK+1xl12IEnra29i9fX98NQOefA7oG5IIGIH3yDaeoGeM/Rs92O+kmhp+sFj9+/64HWYphAMwlwJgBxcB3VlbWFs64OIcff5neN1hLvALJ87B9//Tz1z9w4sJIB90XP4v9/vN90e3ff8T//fn77DcDq2krI+OJgt0Pd2dtu7/i9z/GSQ8//M77DQwbkGEYLvj5+1sf0OVb6iyk1H78Zw7/9uPXvFX//zMLsMgV/frzd9+vnz+Tfv7+u3txsHo5yAAMUHfsxWWQBpgE0NZtGdvvK8D46DSGC378/nPkxL7HFSCFOVsfmfz6/Uftn6jCU3SNMD5GGHD9Yyt99fvrnPTN9258/fXr05+/TBGLTRh/wzRQnQYAiXIfBi3+J9MAAAAASUVORK5CYII=");
  1022. background-repeat: no-repeat;
  1023. }
  1024. .gc-spread-pasteOptions {
  1025. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRDMUFEQ0I5NDJCMzExRTdBMjQ1QkFFQURDMUU0MzZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRDMUFEQ0JBNDJCMzExRTdBMjQ1QkFFQURDMUU0MzZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REMxQURDQjc0MkIzMTFFN0EyNDVCQUVBREMxRTQzNkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REMxQURDQjg0MkIzMTFFN0EyNDVCQUVBREMxRTQzNkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6s+LeRAAACA0lEQVR42nxTz0tUURT+rmgTjiJEEhlEiBEEgS1yIoJqIUMi6Eb/AFfSTvqxi1rVpsSFC4kYaF2IUhS4mmhTK0MxHISiFLFFOoPz4737zr23c+97z5lxRs/jvnvuved95/vOeVfgkD19MWfq1g8mBY4xUVocNqaw4Rb3Vydw9/YtjAyl3Hrx4zd8yn7GyyuZMLjrIpIjH+oAW+zHycHnSF7NuY3r11L4swU3rG/NntmYOFGttbq3/OumtfVN3Ein6wLO9vShNqY5gCm46cuz2SYhS1Hk3jEAeg9aOZX8GNgqvvfyULwXaICICeyw330PTzL/zMpyFrmdzsSPt+MyYpCHJq6NiBpgBPxAYfzmqYaMMwsS58/1oOxt+Rib7WyJJSjOogIRDvY9Sc3bJjSmH6aR6u/DmY4T+5GEPNO09GMznKERwPJ7/WYerzLEkvlcaxxIUNKis2vCWhQrgTsKSMe5oTTh+7tJ7BaK+PV7E48y2zhgoAMRZTEhQCkE8KWOasMMuTZECu2JkxjovwySP6sMiOI8wkHsl6Vbe1LVCKiKTLYzO78SAXCPT/e2VcW2SRRzIYOyT64rImIXe0CCAcpotf936WtjteMaVCoUZrYyHAkRzrY+HgMcvhyxjT4mF3bpQteRN9FKOPKq3pnKOgBFAXfIc8GWss1K7BPvWWb/BRgAxiv0G+KDFYkAAAAASUVORK5CYII=");
  1026. background-repeat: no-repeat;
  1027. }
  1028. .gc-spread-pasteAll {
  1029. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAwJJREFUSA2NVc9rE0EUnlkCDS306qUXUcEEUuwpxCBIDwUrBPHH0YP/kyDk0qPR9pKAUUhpMDVNrvXQHKo3/wEPSdDs7vi+N/Mm02UjGdi8Nzvvfd/7NRut1ljD4fDKGFOCqdZ6Uq/Xy2u4rW/S6/WMWIe6vPufLMih+fnqkzLmEHt990R3Oh0f9Ww2EzMFvd1uMyGyaTQaZfPjpQ1A666+c/zUG5PiCVS6OCQCfzadTksE4PetVosP5/M5mRmUCpLLRr6onVKpDdA7hQSGjATOXD/fOTqfTwTAgTFo6Ez6BLYq/aNMakkz5zcyoDOhiJtvHh0f6Huff2Udwr25frKjkrTJGZEvZHYJokqv9o2Sc7yF7k4zW64kKuLxAoOofOa8LFXYA8KzZ9mIKHlmtNLyAlyQsvYWOktgEgp6mYLVLURUuRCs0Hct3Wdgkr95TfQg4/FY2LnW0nhnkERR9Lparb73Dk7xBNrEVFQXKETQA9jGcawe1uvODfW3U3MxHKoHe3vx98vLt6PRKKnVah+9ESmRbEwKAppnekyylKyTUZIkNDAkaRzxpBQM6/R+o7i5Ua5UChTEu8Fg8EIwIT0Bg4OEiQKJzGhZAgvM4JQBSxCTXixubZcqu4s0TZv9fv8ZO9FPQBDTZaHoceEIVCSXzhFQ4AwGQCFB6aDjbHNr+9b98u7vxWLxQQh8Dzhy99ZQKTCDLN07ACUEQti86Fpxm5DZ19MvzorFbQyALE+AWi8PgCSdtqaUOhOIa0pMsK89PrAGcvNIfjvtCn7wqXC1xolMCKQsWwrZQSJFJ0nItwgSWcnyGWhMj0/fflfkZsMYTjE5SwYCIBKumgAgcwloNtkADmzsJPZY2QykgEIY+uQSYGp8ChRn+KkAAZww91R4bHOiWFIgGFnLMU0WXWRhH5BBtxcOxmgy8Fc/dlTlbgiB70FhP77xVycGIu2YUvTSKG6yRE1WeO8mKbdEArRKWgIAusWApAshKsclXNVkcVwhEdXZyRGf5o1x6La8T0r9A57cArfUyNrXAAAAAElFTkSuQmCC");
  1030. background-repeat: no-repeat;
  1031. }
  1032. .gc-spread-pasteFormula {
  1033. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAypJREFUSA2dVc1rU0EQ35fURFNM4kFBL1Laix4KggcxB6NWsWmrDbb0IhQRLHhpDwXxLmJBPPkPVIQW2kNDYkFCa6HWizl4KFqQ2i9BJMXSQFLM+1h/sy+77+U1tYkblp2ZnZnffO2LxupYS0tLXzjn50hV07SvsVjsfB1m9atks1kutd20lP3rbJKXfLX/LeM8IfjWKTY3N1cuFosB4kulklQTdCqVEoChUKjY0dHRzFb77XtNm9Vap7qUMggFwCw9AQB1l8/nAyiH4icnJ8Xl3t4e1DiVisCahYKlU+0YsyoBKisXAIeS446xYDDIdnZ2hCo5k05dtiwajdosNxi3bFD3PdHuDMA6EMlk0qt7IG8HZwfhVXIAKIpKhRwYr/oBvLStYegAiBLV0DjAZ5W4Yktl9C4HgJuM40erYZh6MuBmWUyGN4K6eMuw1fYn4DRZQxSMNxy7cCwnsIZ/B4AjCtfY7wsco/pf6K4e4LE0kMHKysrx3d3dMTT2JKJpwau+0d7ebj8cV3g+RVOjMA20D1tra2tHt7e3Fw3DWNd1/aFpmguFQqHSiGprJwPZqOr7mtzGxsZLRB6Nx+MvUDkLSqM1FSFUdTU+nuGyzL5LP/bpUw/m5+evWJb1GM47ofAN+zXEp3G2YI9A/gvnU8gC+AgOgXaazGiKDllwvoyyLBCAz+cbDgQCn1CeU5ClYPoKmwJ+j13AFktlYH44od6hP/Zb3quTMiAmk8lMAOByT0/PWXmZTqefgH4GlVvd3d3vpJxOpwd4yVoFwlwMi1C8c53L5Y5sbW11wtEbtxNkYFb4Y2450QpATI/KAV9G8dmwE5QvYHNzM46SRPx+/5R0ND09fREAFwD6E7LEzMzMKvhgX19frgqAmfosXpr9j6ac2zlI3HK53AujdRgv4g9oGPQjjOn3SCQygDF9Dv4enIfC4fADck5LvYOma0ZX01Vds7fhOok2UD3ug3Ev9hiitdDgCTR9GNncSSQSBTR9BPzdtra2++D/2O5dYyoF3nN8fDwJh58BcB17YHBw8CZ4b3u8ZopXPVASD4GyDMEhNWMZqd9uxDm5+gutZWts0kstnQAAAABJRU5ErkJggg==");
  1034. background-repeat: no-repeat;
  1035. }
  1036. .gc-spread-pasteValues {
  1037. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAxdJREFUSA2lVUFoE0EUnU23bcRSmoOHilCkp3rQg0jbFA8N1IQKCT1U8FLwJl48eNSL4sWreBAqCEo0JIKE0mIpkYCkhYKXiopgEaRQTVNrSdqk2c2O789mZ7fpbtnaWXZ2/p/3//vz/8yOwny0QqHwhXM+QFBFUb6OjIyc82HmH7KwsMAttHNs6Q77qtYkX52cZZyPC7k/w3K5XG1nZydI8u7urgUT42w2Kwi7urq0SCTSzlYnzXlFmVP6M1clGANJwAxtHARybmNjI4h0SDmVSonJarUKGKdUEVm7ABga5Y4xoxmgtHIQcIBsd4x1dnayra0tASVnllOHLevp6TFFrjNumKTOeRo7VwDRppiYmGjFespmcGYQrSCbgKJoZsimaYV7yJati6FNIFLkgvDwuU/dtKU0tjabgDcYx0PtyDR+VsAbdbEzWiPwJRu6CTu4ALvICqJg/MixC8fWDnTxbxNwROHY9r4Ct0AK0ovokNqDATpqgMNyjBUQgVv1HATH2KZ0kj2aTWAVygN4qJrq59EkAW/gV/GfRTBtkSSXKksC5hIFCA9WzSNSL7UkULjmGsHKykoIv+3HcPBteHj44fLycljX9Wc4tb2BQCA1NDR0a2lpif68Lw3DuALdL3xv4lJ6T6SSgGGrKc01Nj50yw23ubn5Cc5+w0GJDCqVyms4uRcMBrO1Wu1jPp+PQr4AzMlQKNSLP/AUYI/wXiJ8gDpqdFisl6HgNKa2t7d3vl6vz+Jli4uLJ/B9g4smNTg4WMZcALIKoucguF4sFlXoTuPO+C6M0UkC1tDmaBXmS2eCDg9jsVjsj6ZpRMTC4XAV8p1yucxnZmaeQFfs6Oh4F41Gi6Ojo39xAU2D7DbwT4UxOpkiNaLvu+osAH1hJMV0On0Kt91bpOwHoh6Lx+M6dBdxQa0nEolrmUzmMvQvYHCWjCSB9OAyoPTASMxgnMb4s6qq96HoxkqM7e3tKejPzM/PT5VKpQHMy4PhiwCpoLuznkwmQ1hNH8Z9cDhGpMj33ba2tgfYWa/W1tbWofuJ1d0Q0aD7B+kdnbSEos5tAAAAAElFTkSuQmCC");
  1038. background-repeat: no-repeat;
  1039. }
  1040. .gc-spread-pasteFormatting {
  1041. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAA/BJREFUSA2NVl9IW1cY/24Sk5gbUpV1mdQaxNmqswY3WB/cQy1RaDYGQpWxPe2hfZgvfSgM9rDRve1hfd7LaBl7cCuDWZiwWbB/SAtusrWbXQpGicSsKppJbhLjzbln3zn3npOTaDpPuHzfOd/vO7/z/TmHaHCEkUgknlJK+xhU07S/h4eH+4/gdnTI3NwcFWhVF2svkh5hpKmJn4DSOJ9334L5+XnI5/N8WiwWBQyYPjMzwwkDgUAxFosFIDVh2zVtVuu+9bYEoyIJwDLjSCBtGxsbLB1yPj09zY2lUglhlNuQLMABlslyB2A5B5ReCgFFUHU7AJ/PB7lcjkMZkdhU8YWWlhZ7SitALZtUtTNdjQCnVYrx8fF6bMO5fTj7EPUgl1zgpzDxJBiuMzY3NyGdTsP6+jpfMU2Tz4VdSscXUNaPKgFLEQLYJ8b29jZEIhFZ7JWVFWhvbxfmqnR8sY7VNUerpogSoPhjQySqUqnAzs4OMMmi0XUdvF6v46oIFgFzFY6KSUZAyT52AZ6efc7o7++HcrkMXV1dkMlkwO/3w9LSEuzu7gqILZkPi1zxFQBJwFNTR+B2u3lKlpeXoaenB1ZXV6G3txeSyaTw55LXDdOj1k8AZIoobq60vbDD1tYWMKJgMAisyExnLasODdOL2TGxnT9T15kuCYBigejBJGazWRgcHOQXq6OjA/Bd4oWv2cgyMwCui79aN9NPnvh/JIScGRoa6q4jcAqFqypNNBqVe3V2dgL7akYpaWigvbkI35zV9eZv29raXsV6zQtMNYJDCiRADaWxsA5k8cyj/a+vhMOtl0Oh0CtYp+eYyg+FjySgBO/BYUUQyHq5e/cZHLs3kEjEbkQiJ9/FDgvhyfOFQuHayMhIWsAlwWG3UIAOyNydv+4+9gy5XCM/9PWdGkO7Hx9HExvi+7Gxsa9UvNKmdpsd1mrSgVYo7Mz+sbjS+rplWbcHBgYusM3xxtO1tbX7o6OjlyTWUZQIsNWc9iMPQrzQajNi+p65PNr7X+qr4fDe2kJsMPoadksTe05SqdRDfLrjiFFdOIVsmMq9ZnwphJ0tM902uzQoa25P9At/aup8uCneHvKdeJQt+E9T3Dz5dAGfknOTk5Ml59A1QqYIiDkLeGHsj90JdnlMJDVn8CGOf1xJdr7k1SZ6Xw51d4Sa/bGuVvrwn1LWMIzzjTZnTDKCGlplcvXn53qwmUwZ++TTvQrRPRjOR2+EIeh1Wzcfb1375K0TnyvwA2q1BgdM9kK+XFjYLpKafxG/LOfg3z3yW9byXW/gJpf/l6C0BxcItaZ8Ta53CLGOWwD67xnjT8PUPvjuvZOG3KmB8h8fcM6NCPvaTAAAAABJRU5ErkJggg==");
  1042. background-repeat: no-repeat;
  1043. }
  1044. .gc-spread-pasteValuesFormatting {
  1045. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAA65JREFUSA2NVUtIlFEUPv84qOEDZ9FiYnAYRFAXuohQR1oYmGKguDBoI7SLNi1a1qZo0zZaBAVBYQ0zQYgoiSBCqCC0MaYMfGD4qPGV+J7X7Tv3/++d6/iX3uGfe+853znfvefcc69F52gTExPfhBC1DLUs63tLS0vdOczODxkdHRUKbY6V7H+9VynFfO8QCdEp51UxGhsbS+/t7Un9wcGBghGPBwYGJGFZWRm1trYSzffaessatqpiNzQYA01A2VQnCLQukUh4EQ49j0QiUnl4eAiY4FBJMgnIpjh2RFlngdrKIBAA5dwRFRUV0fb2toSyM+XUsKWKigp7KtIksjapqeexuQNMcxQ9PT352H/O7cXZi8gHebRAriKFlWC7TkOYaGlpiVZWVqQklUrJudLr3rEl9PktR8AhAoA/1TY3NykYDNLu7q4ULSwskN/vV+pc79gijzmZM8qFSGRI4MdNBSqdTtPW1hZxz7spKSmhwsJCx9ToeAdsqgwNld6ByCRxCrB6/pxWV1dHx8fHFAqFaHl5mYqLiykej9POzo6C2D3b8M4NWwXQBDI0eQQFBQUyJHNzc1RdXU2Li4tUU1NDs7Ozyl72Mm8Ij5k/BdAhEnBuHHulp/X1dWKi0tJS4iTzmI+s2SyEF1tAhE7HSBOQQILEacDq6irV19fLwgoEAoR7SSbeJLBX7p4Eg8BJFCxNmoaGBu2rsrKS+DvVXE6PwuQIXBKkQGf2xtHOx2oCkUEduCUh38JlbtsiwidTI5GawK0KQWhGy8X12SJNYCHJbiuYmZnx7e/vP4OrH83NzU+mp6fDKLxXOEl+j8cTaWpqujs1NVWMtbzNZrPXIfuF/g4epTGm1wSEo2Y5DJnP5TrRuC6+wtlvONhgA7wR7+HkIYpu4Ojo6Mv4+Hg75g3AlPh8Pj9u4D7AnuK7wnhdaHzU1McVqYoGlVyfTCaH8NHk5OQF9B9QE5HGxsZd6DyYe0H0GgS3+A2B7BLejDl2zk0TUCY1zLuwP64JLh6ijo6OLS4wvjLC4fAh5vdx+YnBwcHnkCVwN31qb29P4GX7g9fuJcjuAf9CGuNPh8h7LX3iqVMA7mGkp9Fo9CKq+yNCtohVt3V1daUhu4wHaq27u/tmLBa7CvkbGITYSBNoDy4DDg+MpAbjKMZxr9f7CIJy7CSLy68P8sDIyEjfxsZGLfT6xjwXAULBb2eyv7/fh90EMQ7CYRuTIt4PcD89xsl6hxt3DbKf2N1tuRr8/QWAAf2hah6KLgAAAABJRU5ErkJggg==");
  1046. background-repeat: no-repeat;
  1047. }
  1048. .gc-spread-pasteFormulaFormatting {
  1049. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAA+RJREFUSA2VVUtIXFcY/u/M+KiKmkULZiODSowLQdpAqUKNtcVMtIlEcVOQ0oWQjS4CoXRVKKVC6aq7EsEQqqALrTZYBA0khoKziKBRGR/1RVBRcQRF79x7+v3n3nPucTDBnOHwv9/nv2PRJc7U1NRrIcR1VrUsa766urriEmaXVxkfHxdK28QV710wooRiufVvEiIm6ZIBmpycFEdHRxbTx8fHSk3iw8PDMmBeXp5dV1eXQcutntyynlolA7e1MhAdgFw7hgBatr29jW5I/5LX398vhScnJ1AT3CoOliGFrs29I3L9BLUXI4CAUuCOKCsriw4ODqQqO1NODVsqLCz0SJEi4XpBTTnjZgUggxDNzc3pum+lveS8JNKVQpohs7CRCcr1z87ODq2trdHW1pbk2LYtaSXX0LclwPQTBOAWQYGvOnt7e1RcXEwYtmStrKxQUVGREgfQt8UcA56PBS0SDgn8+KhGpVIp2t/fJ4ZcTW5uLmVmZvqmBuAK2FQZGiJdgXDO8AqQPV//VFRU0OnpKUWjUdrc3KTs7Gyam5ujw8NDpeJBtuHKDVuloAPI1qQFCIfDsiVLS0tUVlZGq6urVF5eTgsLC8peQjk3tMecn1LQAYTMAj0U5/u4u7tLHGhsbCyyuLjYG4lErEQi8YiXRJ1w1SsrhMtQOVZQM5z4NWH5TbQ+nldympmZocrKSgqFQlZPT88dx3EagP+F79ELtKob+/EhlKM5OTlfQs9bHG1tjMWZLlEzptCNJUPFQzlbxUSrsvF0/wXrT9d1/0DAHxDox5qaGu+5KUXA4BVdMCBD7xyK3fgNDgtra2t/RRAXwgfnFAxCZ5V6eVWoJEOfbhoqHgqZNTEx8Tkyfgjnt8BN4D4GmxcjitsF/jbgT+Bl1tfXdwA3KjAWjAUXHTifxU484wBoSyd2Yhoz+Qi8Yej/jssJT+ImceXRFTgvruhvabh6X8k15AqYGB0d7UOAz5qamoqVcGRk5HvgP0OlobGx8R/FZxjMAJts+SGc5/kyFW+vA/V4PJ6xsbFxC46eBFziTXd8+gOTz7gOIJdE14Avo/xseAWq97O+vl6LlhRgLwaUo8HBwU8QoApB34AXGxoaWgad1dLSEj8XgBz7Kf40vH807dyrQcU9Ozu7C6P/YPwcf0CdwO/jC7tSUFDQlkwmfwH9DZzn5Ofnf8fO+ehNjtSlbkdu2pZ3UwZkPIXuiRCM7+J2I1sXA+7D0DtRzZ1YLJbE0LtA3ystLf0W9Knn3lg0xUiHvb29zXD4CgG+wG1rb2//CnT6eNLNNK1noDlpCNrSAYc8jFmU/vX7OGdX/wNo5c+Jis1KsQAAAABJRU5ErkJggg==");
  1050. background-repeat: no-repeat;
  1051. }
  1052. .gc-spread-insertComment {
  1053. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAddJREFUOBGNUs9LW0EQ/vY9Jam2/mhDxdb2pAfBk148tURJEQ/6F0gQeqz+Mb21h/aeswgqaAIqASGnQD14sT0FchAqKYn7dv1mXraNkGAHZuftvPm++XZ2jfcYBhB1PWZM6K7riTH6zW1/E+AIam8XgMwMvi791qh75oGYDUx/aJqNCJ5FLXeE+vNPknL1yR3dSz5VllYOWI33mTkFuXjHzDfhf+TQsGtoRGtot3Pgf0IHizD+y5IXcr9dhx92MHcRzHeeiGY/lrmO0vsTVM9PoQpEvnPRriq4zMFNFuGmt9n9FcFZyBiEQjsxBqueVjj92tQYqtNbv/6samdLcHx8huS2hcTHdF4DkSHKd3BrLQkWf15hsVm4br9X4s7LIlobn3GXfaOghNeQKEGIPBoZJCcEQ0S1SFK/3R/HTfGEOvkUsiKY0cktByMizIKPQ15HILBS0ulESJwMrGtSHwB6+p4p6L+UICKZF7c2IQHP+sApVeRqLsR/NUGBtpSNnEss9JIoFsRLrOyVNBeWv4cMBDqcMCRGHVhvZKPlwiYyT0bxYup1WYaoJgSsU+PgUxXdfa8mqbuoHODp2ET5w8q7/AOCw9K3lOGRNTvyrLxeyOcfKfu/3/dFtAGzMSvjugAAAABJRU5ErkJggg==");
  1054. background-repeat: no-repeat;
  1055. }
  1056. .gc-spread-sortAscend {
  1057. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAeBJREFUOBGtkj1oU1EUx8+5fSC00VZoCwpOtUOcBMHFdhA0g5ODg0HSDg0EuoibOrTRodBdhWIMlCAFFTMphCqVakgGcS2InSoiQQ22SUxe373H+7+ax2uJkz3w7rnn6/fOvecSHaQsfqjNLLyvCXQvbrValUqlItGYihrNts50ds0b6Ki/uw+CgLTWXdPpEHC7/Pl0xzenuE8lfd/EYe/JtAaK/wlotnSm7QdPs2dHv/7yg2ew9wN6dcBIml2rxYLG9hdi3mShLWE6QSJjXuzI8QfnRxtdUKlUEmamRCLh6uD3sLTq9aSQqnl96jr+4nkeBYHO+9Zvww+RAzHGWO6eO/wL8E1GickvJ8fX/6QSXV3ZyBsmHCMEAP5fUiwWBV8U4o7QWb0Q175+7gK2RVE8SEaOseKJ/ktr5W7B/gnA7wCHLr7asPs4HPJycqTR0utM6snAlXdhMWIA9LwDBCHyeOLozvf2KrF6G7tWvkEUXraL9wKEGfLo3OGfuvnajvDjUPryFHPWuCq7FAqFeTuBLGyMEV0opbKpVOqOe4mydKa/3vjxQrc6W0OD49PRYhQhEQB0gElgD58DYvm2ePKWpS64h2Ro13WOu2a6N3zz033kQHK53Bx0Op2+C30g8htq3/HPc2QfaQAAAABJRU5ErkJggg==");
  1058. background-repeat: no-repeat;
  1059. }
  1060. .gc-spread-sortDescend {
  1061. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAdVJREFUOBFjYKAQMIL0/9ztovn31991YLP+/2f4z8TIz/DvvyQjE6MNl9f+ozA7Tpw48R8IGCwtLcH6QOIsIILddc91IKUJYv/fZiv65dvfQ4wMTKu4Q47ANYPk/vz5A6JQANgAmMj/pTaCn9/+2M3AyHSYJ/poIQMD3CKwkr9//8KUwmm4Af/nWvN+/Ppl539GhisCKQEZjIyM/+GqoAyQC4DiKMJgA/7PNOZ6/+XdVqD3HgtJ6cQzMjb8Q1FFyIC3Hz7mAwPHFmj83bd3z19506ECDAygLkaGKSIVd6bCDPv37x8DKBCRAdgFIuV32oGCIIwXYAtEJmQdnedeJbedefUfRCOLw9ggA9ANQTHg64+/6T9//zsAomGakGlQLKDHBNyAqqNPDH7++qfFyMwU+evXP00QH1kziA3SjNMFX7/9Tf/x68/qBjOxF99//VkD4mMzAN0F4EjN2v+K58+XT89AsQCM/cfAtCALDG5lFh4+qWmOYl8WL15cD4yBBpCBoHQAigkmJqaG2NjYRrAXvr1/H/nz9/9Xf/8y5v/49bcHRAO98wokDtIEUggyAOYFEBskBpIDg7AV189ELL9eBeODaBAfJI4sNmfOnDoQRhajmA0AtPr0ppdKGGIAAAAASUVORK5CYII=");
  1062. background-repeat: no-repeat;
  1063. }
  1064. .gc-spread-editComment {
  1065. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgxRDBDRTYzNDJCNDExRTc4OEM4QkU2MjcxNTlCOTFGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgxRDBDRTY0NDJCNDExRTc4OEM4QkU2MjcxNTlCOTFGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODFEMENFNjE0MkI0MTFFNzg4QzhCRTYyNzE1OUI5MUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODFEMENFNjI0MkI0MTFFNzg4QzhCRTYyNzE1OUI5MUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz54ygF9AAACB0lEQVR42pSSP2gUURDGvz1DwNIyggiXRjshWEiukq3UQgs767VIFQ2CRUAQBMukkVsR4xUWphC8UkgagwlGBCEI6p6g8ZYTchHu9s/778zbVREtzLFz77Hsb76ZbwY44K/dbjsXRY7vjYOCYRji1tQUEkrw33DyBCQYotPpoNVq4S69C4a7K1RCAOcspNJQUkMIhaIUKIoqjo1uo3k5AfpLQLqMq3GEOI6DYPh1xR05eqpK7xw9Bs4qOimMxOdu+Ae4ukpVTF7C3vA79xz8Ks3B0p/x4az+J3j+2j0IqSBKjYY1tiYtPRXkwWdn/wLPXW/DWm5NQlCLDcNwXW7AijA49OgxmrPbeLE0/Vtx4T5A7cBVnmhSb2htvFkMW1ep9tMUeP8arcORBy8sPKh94G81JJtKMaG19tm62yfwrreHrTcpvqz1EXVjzMyQ4p2HsEaQapWYT6kUBVX64e2ya548TRmld9fZ6rSmrO/Cq35MRhh828dgMKTYx8bLHTR4rlyKM1VmZxSZUvX2U4nh5FOK2TPHsbm1gysXJ6FJeYLr5w/Bc60hvlsPKu8Dj67X28WNm6+wON+kEWloQ7Ci+jfW1pEXJfKcNiovkOV0z0q/Xfy+yCUMjXFxftqDlgxW2lYb8vzpnBuPBEYEj8fCg+NMIMskJZDIS4myUCiF9MvBa8xG/xBgAKOSrgO6at9SAAAAAElFTkSuQmCC");
  1066. background-repeat: no-repeat;
  1067. }
  1068. .gc-spread-Totals {
  1069. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAa0lEQVQ4T2NkoBAwUqifAdmABQwMDPFEGghSmwhSi2xAAQMDwwUkAwyQ+MhskBIQfwK6AQ4MDAwHkAxA5uOUQ3YBxQYMAy+MsDAIYGBg2ICekBIYGBjuE5kSFRkYGEDJGSUpE5kNUJVRnBsBMEouEYfPNZcAAAAASUVORK5CYII=");
  1070. background-repeat: no-repeat;
  1071. }
  1072. .gc-spread-editCellType {
  1073. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAj9JREFUOBFjrOxa+Z/hPwMYgBiMQAgXALIZwJJAmpHhNxMTo3dbSdhuiGooWdyyBKodRRgrx7zxVKJZw+npyJJMv379RubjZFs2nnRn+P9/FlDBVWRFTL9//UHmY2VbNZwy+PefYTVQsv9Ug+kUZEVMv39DXOA56Tb7////QZ5GATYNZ+SAVmwDBsI2g+/nl6JIAjlwL7x7926dRePpLmQFDg3nBX4z/N0OFLstJCQY//3HLxAbBQBdAPECEyPDJGCIFwADKQekAuSibwy/N4DYbOwcAdvzVH/++vlLEsRHBiywQDxeb74TGMppjP//zQYG2NN3796HARWqMbOwWh6p1HsP0vQLGl4N//8zSa84WP3586cIYCAiYuFkvdn8/4xMzX//M64FusaHGRjvx2qMHsJsBLr2acPMzVwK6w6vtzdVqv3x7dtxpl/QQIQpOlVv2ggMydlAL4UcrzM9DxMH0eJCPF5qEkI7PW00/bbtO3Pr+LUbeQxOgVVEJaS2KeuE12w/dfzNm7f/l63d/Swxu9scZCgLKBBtvEvBhjAyApPxf2ByBtIgAGIzMTIdk9TSKFZRlOpxMFWyOHPhxodDR6/XzJ9aehKsiBAx5eKbzA1XXz7bdufN3z2Hz3zJLJlYSUgPXL7syFP1KWdfvnnx9ff/r7///qtfchgjHbDAVaMxGg88mff2y8/Yyx9+sDx6/4MhREP4xS8JuWI0ZQw4DXj87tthFiYGi19//sm++/Xv96rLr2p7PJWuoRsAABsE/6rSSX85AAAAAElFTkSuQmCC");
  1074. background-repeat: no-repeat;
  1075. }
  1076. .gc-spread-editCellDropdowns {
  1077. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAa5JREFUOBFjnLpk9/+///4y/P37l+Hfv38Mf4EYRP8D8kFskBxYHCrfXprAyIAEWEAKcmPdkYRwM8u75mNIMoFsJhaAXIIOmLAJoiuC8f/+/QNjwmmSDMBmGQuyF7Zs2cKwefNmuOkghq+vL4OPjw9Y7O9fbF74jxAEKQRpgAFkzSCxf8AARwcoLgBJwmxDZ4P4MC80/P/PJL3iYPXnz58igNGIcAFIEQggGwIRgZA8PFx/G2Zu5lJYd3i5lamS55otxxaxgBIMkeChqY5G1t9/LDudLdRslm88fPX4tRt5WF2AxcAn56/e92dm4ZzhbKpssevguecXL95N3jyr4RsLyF/lnfMY/v3/D0zOf4D+BNGg5AtJytLiwp/klJWKuRhYpjqZq1icuXDjw6Gj12vmTy09icUiTKEpF99kbrj68tm2O2/+7jl85ktmycRKTFU4RMqOPFWfcvblmxdff///+vvvv/olh7ejK2VBF4DxGw88mff2y8/Yyx9+sDx6/4MhREP4xS8JuWKYPIzGacDjd98OszAxWPz680/23a9/v1ddflXb46l0DaYRRgMA06fsoLnNar4AAAAASUVORK5CYII=");
  1078. background-repeat: no-repeat;
  1079. }
  1080. .gc-spread-deleteComment {
  1081. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZCODVGRUQxNDJCNDExRTc4NzFDQTlCRDg2QzUzRTlEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZCODVGRUQyNDJCNDExRTc4NzFDQTlCRDg2QzUzRTlEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkI4NUZFQ0Y0MkI0MTFFNzg3MUNBOUJEODZDNTNFOUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkI4NUZFRDA0MkI0MTFFNzg3MUNBOUJEODZDNTNFOUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7t98J5AAACbUlEQVR42pRTTUhUURg988bGJiUoxVL8CQ0kEkSSoIwgyKIIKgiCkFYtCjeaYUxRFERRuHE2LQoKpE1ULqIWRbXJSNoUZFDUlGHoFI6G8967f+/evnffG90JPfg49++c79zvfi8RXD2hDcyU4qJv5eWRR/jPz6G4HnDZIDz2MH9q/5ABEqVN3X9krT57bOeyAslztzPcZye56wnh+gOfD3beCUXkwNF9JlV2I5GTY8sJ2GyFqbtG//iD+ZuP4c7MIt24DnUNdZjc04aiUvB9Ds/j8D1GSOEyuD7D6fP3E2UlmaqubqRX1ODL4DVMj39E5e4daN26HSYQMFpY1JoTcjvPZp/gTO8u45SMsGevwS5lUV9RgfL11fhwMQv/1zQVQhFBwhhJ4xCVRS4omLJFhLj3AnOZIai/C0gf7kbHg2GsbtuIicxwRDAlkQg1iUohwCUJTDas2SxuPUXAOJzGWqzqOYBkZTk6R67ASacw++Y9kaKsITnEUJBzCUUuHJNI0Dopk2Jl33HopLEEJwm0D/dBFOYpo7BrkYvAOhGCRCjKNvwsfJoczaC6qgmpLa1UJLl0Zzpcs7cD2hZSxvVQFoWUFAHsK4iWWpRvaieSWLxzeKiUObId4GvOQ/73HPL5Alqa6zGTn4iKKMmKLVAQZQhd6PiupYyhg2/fp9G1rQlvxyfQcygFtehAxFlNXKh4rOPs2s4D5HJTGMy8w4X+Zji0p4JYQNJ9xl6+guezuON8uHHH2S6kdd8TCHRA5BZL1kZDKr304zwf7TXFBY4FEigWuSUXXQ7XFSQi4DEB5kswLmwDCXo5RW3+T4ABABxKzef1hlR0AAAAAElFTkSuQmCC");
  1082. background-repeat: no-repeat;
  1083. }
  1084. .gc-spread-tableInsertColumnsLeft {
  1085. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAR9JREFUOBFjYKAQMML0608+/z/ITBLMXXfqOcPFXEO4HEwNNpoFWfDtxx8MDP+RRQizUQw4ePM9YR1oKgg6E+Q1ZD0zTICuBIL///8zWFlZMTIhS37b6oiiGCYXbC7JAMIgYGFhAcZ//vwB81G88PfHb7AgOvHnD6a5WA34/xO7Ab/+/EM3kwGrAf9wuOD3778YBvz+DbEMHAbvpumC3fjvxy+wwnfTdFDc/PvvPwYQBoFNmzaBMYoLhLIuM77t1/j//+cfhjd96v+Fsq6gxM5vJC/4+fmBDVq3bh2YhseCcOENRpAXRIpuomgGqQJ5Ad0bMC+gxIJo5V0MzWADiI0FsJuwEL//4A5EFBdg0QsWuvoKkvpAnDlz5uBSRp44ANTPfvIqgt5IAAAAAElFTkSuQmCC");
  1086. background-repeat: no-repeat;
  1087. }
  1088. .gc-spread-tableInsertColumnsRight {
  1089. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAR9JREFUOBFjYKAQMJKiX3/y+f9BZpJgLetOPWe4mGvIyEKKASC1bz/+YGD4j9BFsgEHb75H6AaywF4AOQ1ZdIYJ0BYg+P//P4OVlRVebzLBNAabSzKAMAhYWFiA8Z8/f2DScPrbVkcUy+Be+PMHRRysAZsBf3/8hhsGYsAN+PXnH4oEiIPNgP8/cRjw+/dfDAN+/0ZVDFLwD80F8DD4/fcfAwiDwKZNm8AY2QXvpumC/fjvxy+wmnfTdMB8uBd+I3nBz88PrGjdunVgGkQIZV1mfNuv8f//zz8Mb/rU/wtlXQHHDsIFQC+gewPdC8KFNxhBXhApugmPWiQXEBcLopV34ZpBLkMygLhABGlCBnADrr6CpD6Q5Jw5c5DV0JYNANrqfvJSqc3CAAAAAElFTkSuQmCC");
  1090. background-repeat: no-repeat;
  1091. }
  1092. .gc-spread-tableInsertRowsAbove {
  1093. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAQ5JREFUOBFjYKAQMIL0608+/x9mzsVcQ7AYjA+i303T/S+UdRlDHCTHBCKCzCQZ7NUFQUysAKT5TZ863BJkRSxwDpL0160O/////MPw78dvIP4FpkH81+1K/0Ur76G4BGzAulPP4eaAGNzeB1AUgcRALkDXDBInCrybpoPkPqK00FERhl+PHz/+/8+fPwy/f/9mQKZBbGQ+SD41NRVDPwPIAHSwceNGdKH/s2fPBocLOB0g+xioEplLkI3hBORUSUg3KNUiEhKS6mBzSYbff/4D/fyP4RcQ//79F8gH4f9A/l+w+NVXP8A6MLwAEmUEQgaG/wxg74C8BHYnkAAhRkagDAJgdcGak88QKmjNAgApjqRl4taJ6AAAAABJRU5ErkJggg==");
  1094. background-repeat: no-repeat;
  1095. }
  1096. .gc-spread-tableDeleteColumns {
  1097. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAVpJREFUOBFjYKAQMJ44ceK/hYUFI7o5+pPP/0cWu5hriKFm1qxZ/5mQFaGzw61kGEAYH2D5/x/FIhS1P37+QeFj47AwMjIyHD169P/fv38ZYNjFxQXs3B+/QAYgXL5s2TIUdf/+/WNgweZ/mE0/fv5F1s8QFRWFMA2qiAWmGBv94xfQAAbcXgTpwW8AKAyAXsQHcMYCCyOTxY/f/44TCkisxn8oCDr5+/efBx+YhHNCNPKDGJnZ9m05nPVdZumBJ+iuweqCv3/+zvjz+48Fx+enJzceL/q7dn/GnK/ffvqjawbxsboAJPE80VP056+fN4AG8f/9/c9Yff2RiyBxdIDVBW9zPfl+/v6x7u+fP1eBeNnvX98c0TXC+FgN+PT+55o/v36L8v5j8lLTc0v49uW76kU3PW6YJmQaqwF/f//h+PP7X5bY6gNfGBsa/nGLMRW+fPpWFVkj1dgA73Gdna406iAAAAAASUVORK5CYII=");
  1098. background-repeat: no-repeat;
  1099. }
  1100. .gc-spread-tableDeleteRows {
  1101. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAThJREFUOBFjZACCkydP/gcCEBMMLCwsGGFskumjR48iTCJCNxO6mr9//6IL4eUPvAF4nQeT/FAQdPJ1tt/KT9mBwjCxJ9EOMiA2OLT1J5/HGXCMzAw+e681iP369bvhz68/f//++dP29/ef2D+/fq9SX398KtyAcCsZhh+//jD8+AnEv/7C6Z8//76//e5X3NazlSd//vp548/vP/x/f/8zVl9/5CLIBSwgAgKAjkBxB9BskBDj//MVT1ee/Pn7x7q/f/5eBbrgwe9fPxyBelANWHnsKcwkFJqFgbnA9PHJpUAni/L9ZzER1XP7dnr/yskX3fS49Xdd+oqiGBfnTrjdoRuBVk4w+auh2my7tKUNYHwUevny5SgeQZHEwsFISH/+/MGiDLcQhgF0T8rgaJw1axbc36S6AACNKp4li3dbRQAAAABJRU5ErkJggg==");
  1102. background-repeat: no-repeat;
  1103. }
  1104. .gc-spread-tableInsertRowsBelow {
  1105. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAQdJREFUOBFjYKAQMKLrP378+P8/f/4w/P79mwGZBrGR+SD51NRUDP0MIAPQwcaNG9GF/s+ePfs/yHImdBcAVaIL4eVjOEF/8nmiTbiYa8jIgs34YHNJht9//gP9/I/hFxD//v0XyAfh/0D+X7D41Vc/wFoxvAASZQRCBob/DGDvgLwEdieQACFGRqAMAmB1wZqTzxAqBj0L7DvkkAeFLLqr303T/S+UdRlDHKQOHIhBZpIM9uqC6PrgfJDmN33qyGEHl0MEIpL0160O/////MPw78dvIP4FpkH81+1K/0Ur76G4BGzAulPP4SaCGNzeB1AUgcRALkDXDBInCrybpoPkPqK0EK8IAOMBpGU5xHRuAAAAAElFTkSuQmCC");
  1106. background-repeat: no-repeat;
  1107. }
  1108. .gc-ui-contextmenu-disable .gc-spread-tableInsertColumnsLeft {
  1109. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAPhJREFUOBGtUjsKhDAQTZa9i1cQD2FppZXnstLKwkJPYKO3EUt/kOVleUMiuyjsDgzzZnjvZQai1L+i73szTZNN4Lu+DxLneSZULpbhF/DkHKKu69jervqKOY6jnGOMUVq/JcBRFGk5AUbDMAiZxsdxqCAIbAKHYWgTGOEZLMtCndR93wVThAGxZ7Btm5AJSHRFLvYM1nWlTqq7wSdsDeq6trfTgL37EnHbtgrJzaxBkiS6qiqDE8qyNOi5Aok0iONYITmXE9I01dggyzIRQ/RpbXcuBhjmee6JMeNL37BnANI5rjaQr3wWsscGTdPYFr+vKArB5PxUX5mzrWSv+MJvAAAAAElFTkSuQmCC");
  1110. background-repeat: no-repeat;
  1111. }
  1112. .gc-ui-contextmenu-disable .gc-spread-tableInsertColumnsRight {
  1113. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAPhJREFUOBG9UjsOgzAMdareBY4Al2BkgolzMcHEwAAnYIHbIEZ+UqiNbAItbZGqRrLybJ6d90IA/rmqqtJt21IgxrNvVwR0XSd0xnepfAGwqSzLHVNh1jQNydFag1JUAsau666FXduWkIV5nsFxHHiQAbFlWWDbNuGNuqK6rukwrtOAaZo4hzPMhL7vGdIuCriKCniZmGvjODKk/a2CVwOGYXgegMSiKCjMJtNOlmXknQdwLhY8zwOMswG+76s0TTVaSJJEY45SLlkIgkChgjAM5deKAjZmKjAxf4+iSJo/KjDvgAccd3rKeFIcx/T6kJDnueBjw8/zBWHBrWQ9XjTiAAAAAElFTkSuQmCC");
  1114. background-repeat: no-repeat;
  1115. }
  1116. .gc-ui-contextmenu-disable .gc-spread-tableInsertRowsAbove {
  1117. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAANVJREFUOBG1UlEKhCAQHZe9TUfoOnWrfsK/oKAjBEUHiK4h/lrBLC9QzFxkYRsQx5k3z3mORP+wYRi473uu65pjfE3TROMOq5RirG8EAEopoyRvx+I50zTxtm1kjHEL56qquCgK4UHpJFiWhbTWLp7n+QWEBDoIi11Bykm+QYrg0fxN6zzPfBwH7ftO/g7fPyNflqWITiHLsmTXXdedmFeIZI6OO4SRxd06EELQuq5Ogm3bSrJSbow2gDcIDd88NHwq1DwjYRzHiwTc1LbtOYWkBIB/sQ8J1cZdTOlgegAAAABJRU5ErkJggg==");
  1118. background-repeat: no-repeat;
  1119. }
  1120. .gc-ui-contextmenu-disable .gc-spread-tableDeleteColumns {
  1121. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAUFJREFUOBGlUj1rhEAQXU+LoBKxuJ9wvyCFtqKVIJGUVrENafJvAqaysAr5CSlE0StTBNKZIq1a6BHxazN7cM26JoEbWIcZ37x98xShM4PL8xzrus7RPEmS4KZpUNu2x+P7/gITBAHe0IOnGmOMNE1DpmkijlvMHmEEsyGPv+I3jEDY0zTF0zSh07Esi3llFEV4nmc0jiMimeAF1v5rijzPWxCverBGQvdXCdaM+zcBz/M6gDN6gK4XOxFAlmV7MOhTFMX7oihuuq57VVX127btL5qAuQI4/Nj3vV6W5V6SpElRlCeor+lhUjMVkBdxHG8Ph8PHMAwK+HHlOM4b6dMh0A1Sw+99Wdf1C3zvd7IKZAPaTALmClVVPYPkrSzLtuu6t6BiF4ahxLqMSQADFyD7zjCMFvIsCMIDKNmxCM7u/QBxj5PT2hL7WwAAAABJRU5ErkJggg==");
  1122. background-repeat: no-repeat;
  1123. }
  1124. .gc-ui-contextmenu-disable .gc-spread-tableDeleteRows {
  1125. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAShJREFUOBFjZACCEydO/AfRIPD//38GS0tLRgiPDPLo0aNww4jRzoSu6M+fP+hCePkYBvz79w+vBnRJDANIdQG6gVj5x48fP3nkyJGVJ0+eFIYp2LZtmwyIDQ7tw4cP4ww4JiYmH6A6sZ8/fzb8hYA2oCtjgXhVQEDAVBaQKV++fGEwNzcHMTEAIyPj4lOnTsVxcnKaAA258fv37xlAMWOg5osgxWADPn/+jKERSeA8UPPJr1+/rgPaehXoiAdA2hEoDzYA7IX58+fj9AIrK6uekJBQL9BmOT4+PhMHB4dvy5cvnww0pCwuLu4rkkW4mRs3bjy0adMmJ5iKVatWsQEtNYDxUWig6Thdg6IQyqE4HWAYAAwkbBbhFKPYAHA0zpo1C+5vUl0AAGjuhRejkI8yAAAAAElFTkSuQmCC");
  1126. background-repeat: no-repeat;
  1127. }
  1128. .gc-ui-contextmenu-disable .gc-spread-tableInsertRowsBelow {
  1129. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAANRJREFUOBHFUksKhDAMTQdv4xG8jt7KjbhzIfQIQosHEK8hbv1AZ95Aio11XAzDBEqbvOQ16SvRl6Zkfd/3bt932raNjjvORx94URSnegKBNK21DLmyLB0uf8gOXpkyFPU5L5GoUoqMMcEIyGnbNhiB604EANI0ZfxyByHsNyOM4+hH4JdnVViNy9b+A3Rd56B1VVVRDZumicZ9t9M0OawrAiTWdR0licporXXrutKyLH7Bx+/L8zz4vm+CYRhonmffUZZlQRJ3IIt9wd3h9g3uCD7hT9Xzxlr/YmxVAAAAAElFTkSuQmCC");
  1130. background-repeat: no-repeat;
  1131. }
  1132. /*-----contextmenu end-----*/
  1133. /*-----chart start-----*/
  1134. .gcdv-control {
  1135. outline: none;
  1136. -moz-user-select: none;
  1137. -webkit-user-select: none;
  1138. -ms-user-select: none;
  1139. user-select: none;
  1140. }
  1141. .gc-filter-dialog-color-title {
  1142. background-color: #323130;
  1143. color: #ffffff;
  1144. }
  1145. .gcdv-state-disabled {
  1146. opacity: 0.5;
  1147. cursor: default;
  1148. pointer-events: none;
  1149. }
  1150. .gcdv-tooltip {
  1151. position: absolute;
  1152. z-index: 1000;
  1153. top: 0;
  1154. left: 0;
  1155. pointer-events: none;
  1156. max-width: 400px;
  1157. padding: 6px;
  1158. background-color: #ffffe5;
  1159. border: 1px solid rgba(0, 0, 0, 0.1);
  1160. border-radius: 6px;
  1161. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  1162. box-sizing: border-box;
  1163. }
  1164. .gcdv-popup {
  1165. background-color: #fff;
  1166. box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  1167. z-index: 1500;
  1168. margin: 2px 0;
  1169. }
  1170. .gcdv-popup-backdrop {
  1171. position: fixed;
  1172. left: 0;
  1173. right: 0;
  1174. top: 0;
  1175. bottom: 0;
  1176. z-index: 1500;
  1177. background-color: rgba(0, 0, 0, 0.5);
  1178. }
  1179. /*-----custom chart start-----*/
  1180. .gcdv-tooltip {
  1181. border-radius: 0;
  1182. box-shadow: 3px 3px 3px #8e8e8e;
  1183. }
  1184. /*-----custom chart end-----*/
  1185. /*-----chart end-----*/
  1186. /* status bar start */
  1187. .gc-statusbar {
  1188. width: 100%;
  1189. height: 100%;
  1190. background: #262626;
  1191. font-size: 8pt;
  1192. color: #ffffff;
  1193. font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
  1194. position: relative;
  1195. user-select: none;
  1196. cursor: default;
  1197. overflow: hidden;
  1198. }
  1199. .gc-statusbar-menu-host {
  1200. position: relative;
  1201. }
  1202. .gc-statusbar-statusitem-container {
  1203. width: auto;
  1204. height: 100%;
  1205. }
  1206. .gc-statusbar-zoom-panel {
  1207. width: 30px;
  1208. height: 100%;
  1209. cursor: default;
  1210. font-size: 8pt;
  1211. color: #ffffff;
  1212. display: inline-block;
  1213. }
  1214. .gc-statusbar-slider-btn-container {
  1215. display: inline-block;
  1216. vertical-align: middle;
  1217. margin-right: 3px;
  1218. }
  1219. .gc-statusbar-slider-btn-container:hover {
  1220. background-color: #363636;
  1221. }
  1222. .gc-statusbar-slider-btn-container:active {
  1223. background-color: #666666;
  1224. }
  1225. .gc-statusbar-slider-btn {
  1226. width: 16px;
  1227. height: 25px;
  1228. background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxkZWZzPjxzdHlsZS8+PC9kZWZzPjxwYXRoIGQ9Ik04NjMuNzQ1IDU0NGgtNzAwLjMyYy0xNy42NjYgMC0zMi4wMDItMTQuMzM1LTMyLjAwMi0zMnMxNC4zMzYtMzIgMzIuMDAxLTMyaDcwMC4zMmMxNy42OTYgMCAzMiAxNC4zMzUgMzIgMzJzLTE0LjMwNCAzMi0zMiAzMnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  1229. background-size: 16px 16px;
  1230. background-repeat: no-repeat;
  1231. background-position: center;
  1232. }
  1233. .gc-statusbar-slider-add-btn-container {
  1234. display: inline-block;
  1235. vertical-align: top;
  1236. }
  1237. .gc-statusbar-slider-add-btn-container:hover {
  1238. background-color: #363636;
  1239. }
  1240. .gc-statusbar-slider-add-btn-container:active {
  1241. background-color: #666666;
  1242. }
  1243. .gc-statusbar-slider-add-btn {
  1244. width: 16px;
  1245. height: 25px;
  1246. background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxkZWZzPjxzdHlsZS8+PC9kZWZzPjxwYXRoIGQ9Ik04NjMuMzI4IDQ4MS4zNGwtMzE3LjM0NC4xVjE2Mi44MThjMC0xNy42NjUtMTQuMzM2LTMyLjAwMS0zMi0zMi4wMDFzLTMyIDE0LjMzNi0zMiAzMnYzMTguNDAxbC0zMjIuMzY4LS4xNzdoLS4wOTdjLTE3LjYzMiAwLTMxLjkzNSAxNC4yNC0zMiAzMS45MDQtLjA5NyAxNy42NjUgMTQuMjA4IDMyLjAzMiAzMS44NzEgMzIuMDk2bDMyMi41OTMuMTc3djMxOS4xNjdjMCAxNy42OTYgMTQuMzM2IDMyLjAwMSAzMS45OTkgMzIuMDAxczMyLTE0LjMwMyAzMi0zMlY1NDUuNDRsMzE3LjA4OC0uMWguMTI4YzE3LjYzMiAwIDMxLjkzNS0xNC4yNCAzMi0zMS45MDVzLTE0LjIzOC0zMi4wMzEtMzEuODctMzIuMDk1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
  1247. background-size: 16px 16px;
  1248. background-repeat: no-repeat;
  1249. background-position: center;
  1250. }
  1251. .gc-statusbar-slider-back-progress {
  1252. width: 120px;
  1253. height: 1px;
  1254. background: white;
  1255. display: inline-block;
  1256. vertical-align: top;
  1257. }
  1258. .gc-statusbar-slider-back {
  1259. display: inline-block;
  1260. }
  1261. .gc-statusbar-slider-middle-line {
  1262. width: 1px;
  1263. height: 8px;
  1264. background: white;
  1265. display: inline-block;
  1266. position: relative;
  1267. vertical-align: top;
  1268. top: 9px;
  1269. }
  1270. .gc-statusbar-slider-drag-bar {
  1271. width: 4px;
  1272. height: 10px;
  1273. background: white;
  1274. display: inline-block;
  1275. position: relative;
  1276. vertical-align: top;
  1277. top: 8px;
  1278. }
  1279. .gc-statusbar-contextmenu-check {
  1280. width: 6px;
  1281. height: 10px;
  1282. margin: 0 0 0 5px;
  1283. border-style: solid;
  1284. border-color: #222222;
  1285. border-width: 0 2px 2px 0;
  1286. transform: rotateZ(45deg);
  1287. content: "";
  1288. }
  1289. .gc-statusbar-contextmenu-check-container {
  1290. width: 12px;
  1291. height: 12px;
  1292. display: inline-block;
  1293. }
  1294. .gc-statusbar-contextmenu-content {
  1295. display: inline-block;
  1296. color: #444444;
  1297. margin: 0 5px 0 15px;
  1298. }
  1299. .gc-statusbar-contextmenu-status {
  1300. float: right;
  1301. color: #444444;
  1302. vertical-align: middle;
  1303. }
  1304. input.gc-checkbox-cell-type-input[type="checkbox"]:before {
  1305. position: static;
  1306. display: inline-block;
  1307. border: none;
  1308. content: "";
  1309. background: none;
  1310. }
  1311. input.gc-checkbox-cell-type-input[type="checkbox"]:after {
  1312. position: static;
  1313. display: inline-block;
  1314. border: none;
  1315. content: "";
  1316. background-image: none;
  1317. background-repeat: no-repeat;
  1318. }
  1319. /* status bar end */
  1320. div[gcUIElement="gcSpread"] .gc-month-picker-container {
  1321. font-size: 12px;
  1322. display: block;
  1323. background-color: #fff;
  1324. border: solid 1px #a7abb0;
  1325. font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
  1326. overflow-y: auto;
  1327. width: 320px;
  1328. outline: none;
  1329. }
  1330. div[gcUIElement="gcSpread"] .gc-month-picker-container .gc-month-picker-year-container {
  1331. display: inline-block;
  1332. line-height: 126px;
  1333. vertical-align: bottom;
  1334. }
  1335. div[gcUIElement="gcSpread"] .gc-month-picker-container .gc-month-picker-month-container {
  1336. display: inline-block;
  1337. }
  1338. div[gcUIElement="gcSpread"] .gc-month-picker-container .gc-month-picker-separator {
  1339. height: 1px;
  1340. border-top: 1px solid lightgray;
  1341. pointer-events: none;
  1342. width: 100%;
  1343. }
  1344. div[gcUIElement="gcSpread"] .gc-month-picker-container .gc-month-picker-year-item {
  1345. font-size: 18px;
  1346. color: #838383;
  1347. width: 60px;
  1348. text-align: center;
  1349. }
  1350. div[gcUIElement="gcSpread"] .gc-month-picker-container .gc-month-picker-month-item,
  1351. div[gcUIElement="gcSpread"] .gc-month-picker-container .gc-month-picker-qtr-item {
  1352. height: 30px;
  1353. width: 60px;
  1354. display: inline-block;
  1355. text-align: center;
  1356. line-height: 30px;
  1357. }
  1358. div[gcUIElement="gcSpread"] .gc-month-picker-container .gc-month-picker-month-item.selected, div[gcUIElement="gcSpread"] .gc-month-picker-container .gc-month-picker-month-item.selected:hover,
  1359. div[gcUIElement="gcSpread"] .gc-month-picker-container .gc-month-picker-qtr-item.selected,
  1360. div[gcUIElement="gcSpread"] .gc-month-picker-container .gc-month-picker-qtr-item.selected:hover {
  1361. background: #3498db;
  1362. color: #fff;
  1363. }
  1364. div[gcUIElement="gcSpread"] .gc-month-picker-container .gc-month-picker-month-item {
  1365. cursor: pointer;
  1366. }
  1367. div[gcUIElement="gcSpread"] .gc-month-picker-container .gc-month-picker-month-item:hover {
  1368. background: #e2f2ff;
  1369. }
  1370. div[gcUIElement="gcSpread"] .gc-month-picker-container .gc-month-picker-qtr-item {
  1371. color: #a3a3a3;
  1372. }
  1373. div[gcUIElement="gcSpread"] .gc-calendar-container {
  1374. border: solid 1px #a7abb0;
  1375. background-color: #fff;
  1376. outline: none;
  1377. }
  1378. div[gcUIElement="gcSpread"] .gc-calendar-container td {
  1379. padding: 0px;
  1380. }
  1381. div[gcUIElement="gcSpread"] .gc-calendar-container input,
  1382. div[gcUIElement="gcSpread"] .gc-calendar-container textarea {
  1383. outline: none;
  1384. }
  1385. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container {
  1386. position: static !important;
  1387. transform: none !important;
  1388. overflow: hidden;
  1389. max-width: 30rem;
  1390. height: auto;
  1391. outline: none;
  1392. }
  1393. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-header-container .gc-header-title {
  1394. width: 75px;
  1395. height: 22px;
  1396. display: inline-block;
  1397. line-height: 22px;
  1398. text-align: center;
  1399. }
  1400. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-year-page .gc-content-container,
  1401. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-month-page .gc-content-container {
  1402. margin-top: 2px;
  1403. }
  1404. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-year-page .gc-content-container td,
  1405. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-month-page .gc-content-container td {
  1406. padding: 19px 7px;
  1407. }
  1408. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-year-page .gc-content-container td .gc-cl-day,
  1409. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-month-page .gc-content-container td .gc-cl-day {
  1410. width: 40px;
  1411. height: 40px;
  1412. line-height: 40px;
  1413. }
  1414. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-year-page .gc-content-container td .gc-japan-cl-day,
  1415. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-month-page .gc-content-container td .gc-japan-cl-day {
  1416. width: 54px !important;
  1417. height: 54px !important;
  1418. padding-top: 14px !important;
  1419. line-height: 16px !important;
  1420. }
  1421. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-day-page .gc-header-container .gc-year-select-div {
  1422. display: inline-flex;
  1423. padding: 0px 5px;
  1424. }
  1425. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-day-page .gc-header-container .gc-year-select-div .gc-cl-select-container {
  1426. margin-left: 0px;
  1427. width: 68px;
  1428. }
  1429. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-day-page .gc-header-container .gc-year-select-div .gc-cl-select-container .gc-cl-select {
  1430. height: 22px;
  1431. min-width: 68px !important;
  1432. }
  1433. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-day-page .gc-today-container tr {
  1434. height: 20px;
  1435. }
  1436. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-day-page .gc-today-container a {
  1437. padding-bottom: 0;
  1438. color: #3498db;
  1439. text-decoration: none;
  1440. cursor: pointer;
  1441. }
  1442. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-cl-button {
  1443. cursor: pointer;
  1444. border: 0px;
  1445. outline: none;
  1446. box-shadow: none;
  1447. }
  1448. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-cl-button .gc-left-arrow {
  1449. position: absolute;
  1450. top: 5px;
  1451. left: 7px;
  1452. border-top: 5px solid transparent;
  1453. border-bottom: 5px solid transparent;
  1454. border-right: 8px solid #3498db;
  1455. }
  1456. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-cl-button .gc-right-arrow {
  1457. position: absolute;
  1458. top: 5px;
  1459. left: 7px;
  1460. border-top: 5px solid transparent;
  1461. border-bottom: 5px solid transparent;
  1462. border-left: 8px solid #3498db;
  1463. }
  1464. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-cl-disabled-text .gc-cl-day {
  1465. cursor: pointer;
  1466. }
  1467. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-part-container .gc-is-focused {
  1468. background: #e2f2ff;
  1469. }
  1470. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-time-vertical-partline {
  1471. width: 1px;
  1472. height: auto;
  1473. margin: -1px 3px -3px;
  1474. background: #d8dde6;
  1475. }
  1476. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-time-part-container {
  1477. position: static !important;
  1478. transform: none !important;
  1479. overflow: hidden;
  1480. width: 75px;
  1481. max-height: 265px;
  1482. overflow-y: auto;
  1483. outline: none;
  1484. }
  1485. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-time-part-container .gc-list-control {
  1486. border: none;
  1487. }
  1488. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-time-part-container .gc-time-picker-li {
  1489. text-align: center !important;
  1490. cursor: pointer;
  1491. }
  1492. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-time-horizontal-partline {
  1493. width: 100%;
  1494. height: 1px;
  1495. margin: 0 0px;
  1496. background: #d8dde6;
  1497. }
  1498. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-ok-button-container {
  1499. position: static !important;
  1500. transform: none !important;
  1501. overflow: hidden;
  1502. padding: 1px;
  1503. border: none !important;
  1504. background: #fff;
  1505. text-align: center;
  1506. }
  1507. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-ok-button-container button {
  1508. width: 115px;
  1509. }
  1510. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-content-td-date {
  1511. display: inline-flex;
  1512. background: #fff;
  1513. padding: 1px 3px 3px 3px;
  1514. }
  1515. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-dropdown {
  1516. position: absolute;
  1517. z-index: 7000;
  1518. left: 50%;
  1519. float: left;
  1520. background: #fff;
  1521. }
  1522. div[gcUIElement="gcSpread"] .gc-calendar-container {
  1523. font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
  1524. font-size: 12px;
  1525. line-height: 1;
  1526. color: #222;
  1527. -webkit-tap-highlight-color: transparent;
  1528. border-collapse: separate;
  1529. border-spacing: 2px;
  1530. }
  1531. div[gcUIElement="gcSpread"] .gc-calendar-container * {
  1532. box-sizing: border-box;
  1533. }
  1534. div[gcUIElement="gcSpread"] .gc-calendar-container *:before {
  1535. box-sizing: border-box;
  1536. }
  1537. div[gcUIElement="gcSpread"] .gc-calendar-container *:after {
  1538. box-sizing: border-box;
  1539. }
  1540. div[gcUIElement="gcSpread"] .gc-calendar-container table {
  1541. width: 100%;
  1542. border-collapse: separate;
  1543. border-spacing: 2px;
  1544. }
  1545. div[gcUIElement="gcSpread"] .gc-calendar-container table td {
  1546. text-align: left;
  1547. }
  1548. div[gcUIElement="gcSpread"] .gc-calendar-container table th {
  1549. text-align: left;
  1550. }
  1551. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-datepicker {
  1552. padding: 0;
  1553. }
  1554. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-datepicker td {
  1555. padding: 0px;
  1556. text-align: center;
  1557. }
  1558. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-datepicker td:hover:not(.gc-cl-disabled-text) > .gc-cl-day {
  1559. background: #e2f2ff;
  1560. cursor: pointer;
  1561. }
  1562. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-datepicker td > .gc-cl-day {
  1563. width: 30px;
  1564. height: 28px;
  1565. display: block;
  1566. position: relative;
  1567. line-height: 28px;
  1568. margin: 0;
  1569. }
  1570. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-datepicker td.gc-cl-is-selected:not(.gc-cl-disabled-text) > .gc-cl-day {
  1571. background: #3498db;
  1572. color: #fff;
  1573. }
  1574. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-datepicker th {
  1575. text-align: center;
  1576. padding: 3px 0px;
  1577. font-weight: 400;
  1578. }
  1579. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-datepicker th > .gc-cl-week {
  1580. width: 30px;
  1581. height: 28px;
  1582. display: block;
  1583. position: relative;
  1584. line-height: 28px;
  1585. margin: 0;
  1586. }
  1587. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-datepicker-filter {
  1588. padding: 0;
  1589. }
  1590. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-datepicker-filter-month {
  1591. padding: 0 0.25rem 0 0;
  1592. }
  1593. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-dropdown {
  1594. position: absolute;
  1595. z-index: 7000;
  1596. left: 50%;
  1597. float: left;
  1598. margin-top: 0.125rem;
  1599. background: #fff;
  1600. }
  1601. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-grid {
  1602. display: flex;
  1603. }
  1604. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-grid-align-spread {
  1605. justify-content: space-between;
  1606. }
  1607. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-grow {
  1608. flex-grow: 1;
  1609. }
  1610. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-button {
  1611. position: relative;
  1612. display: inline-block;
  1613. padding: 0;
  1614. background: transparent;
  1615. border: 1px solid transparent;
  1616. line-height: 22px;
  1617. text-decoration: none;
  1618. color: #fff;
  1619. -webkit-appearance: none;
  1620. white-space: normal;
  1621. user-select: none;
  1622. }
  1623. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-button-brand {
  1624. text-align: center;
  1625. vertical-align: middle;
  1626. color: #fff;
  1627. background-color: #3498db;
  1628. }
  1629. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-button-icon-container {
  1630. line-height: 1;
  1631. vertical-align: middle;
  1632. width: 22px;
  1633. height: 22px;
  1634. }
  1635. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-align-middle {
  1636. vertical-align: middle;
  1637. align-self: center;
  1638. cursor: pointer;
  1639. }
  1640. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-shrink-none {
  1641. flex-shrink: 0;
  1642. }
  1643. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-select {
  1644. background-color: #fff;
  1645. border: 1px solid #d8dde6;
  1646. border-radius: 0.25rem;
  1647. width: 100%;
  1648. transition: border 0.1s linear, background-color 0.1s linear;
  1649. height: 1.75rem;
  1650. cursor: pointer;
  1651. font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
  1652. font-size: 12px;
  1653. }
  1654. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-select > option {
  1655. cursor: pointer;
  1656. font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
  1657. font-size: 12px;
  1658. }
  1659. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-select-container {
  1660. position: relative;
  1661. }
  1662. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-select-container:after {
  1663. position: absolute;
  1664. content: "";
  1665. display: block;
  1666. right: 6px;
  1667. width: 0;
  1668. height: 0;
  1669. border-left: 3px solid transparent;
  1670. border-right: 3px solid transparent;
  1671. bottom: 10px;
  1672. border-left-width: 4px;
  1673. border-right-width: 4px;
  1674. pointer-events: none;
  1675. border-top: 5px solid #3498db;
  1676. }
  1677. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-select-container .gc-cl-select {
  1678. overflow: hidden;
  1679. -moz-appearance: none;
  1680. -webkit-appearance: none;
  1681. padding: 0 10%;
  1682. }
  1683. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-select-container .gc-cl-select::-ms-expand {
  1684. display: none;
  1685. }
  1686. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-disabled-text {
  1687. color: #d8dde6;
  1688. }
  1689. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-show-inline-block {
  1690. display: inline-block;
  1691. }
  1692. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-cl-p-bottom-x-small {
  1693. padding-bottom: 0.5rem;
  1694. }
  1695. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-container {
  1696. z-index: 9999;
  1697. }
  1698. div[gcUIElement="gcSpread"] .gc-calendar-container .gc-date-time-container {
  1699. z-index: 9999;
  1700. }
  1701. div[gcUIElement="gcSpread"] .gc-calculator-container {
  1702. font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
  1703. font-size: 15px;
  1704. }
  1705. div[gcUIElement="gcSpread"] .gc-calculator-container sub,
  1706. div[gcUIElement="gcSpread"] .gc-calculator-container sup {
  1707. font-size: 75%;
  1708. line-height: 0;
  1709. position: relative;
  1710. vertical-align: baseline;
  1711. }
  1712. div[gcUIElement="gcSpread"] .gc-calculator-container sup {
  1713. top: -0.25em;
  1714. }
  1715. div[gcUIElement="gcSpread"] .gc-calculator-container sub {
  1716. bottom: -0.25em;
  1717. font-size: 90%;
  1718. }
  1719. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator {
  1720. width: 250px;
  1721. border: 1px solid gray;
  1722. box-shadow: 0 0 15px 2px rgba(255, 255, 255, 0.2);
  1723. background: #f2f2f2;
  1724. }
  1725. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-screen {
  1726. height: 50px;
  1727. }
  1728. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-screen input {
  1729. width: 100%;
  1730. height: 100%;
  1731. border: 0;
  1732. box-sizing: border-box;
  1733. background: transparent;
  1734. text-align: right;
  1735. }
  1736. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-screen .gc-main-screen {
  1737. height: 100%;
  1738. }
  1739. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-screen .gc-main-screen .gc-main {
  1740. font-size: 2rem;
  1741. color: #000;
  1742. font-weight: 600;
  1743. padding: 10px 18px 0 10px;
  1744. }
  1745. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row,
  1746. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row {
  1747. display: flex;
  1748. flex-wrap: wrap;
  1749. justify-content: center;
  1750. }
  1751. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row .button,
  1752. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row .button {
  1753. width: calc(25% - 2px);
  1754. line-height: 40px;
  1755. display: flex;
  1756. justify-content: center;
  1757. align-items: center;
  1758. box-sizing: border-box;
  1759. margin: 1px;
  1760. }
  1761. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row .button:hover,
  1762. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row .button:hover {
  1763. background: #cfcfcf;
  1764. cursor: pointer;
  1765. }
  1766. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row .button:active,
  1767. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row .button:active {
  1768. background: #b8b8b8;
  1769. }
  1770. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row .button.disabled,
  1771. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row .button.disabled {
  1772. pointer-events: none;
  1773. opacity: 0.3;
  1774. }
  1775. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row .number,
  1776. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row .number {
  1777. font-size: 18px;
  1778. font-weight: 600;
  1779. }
  1780. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row .gc-operation:hover,
  1781. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row .gc-operation:hover {
  1782. background: #3498db;
  1783. }
  1784. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row .gc-operation:active,
  1785. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row .gc-operation:active {
  1786. background: rgba(52, 152, 219, 0.79);
  1787. }
  1788. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row .gc-number,
  1789. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row .gc-number {
  1790. font-size: 1.2rem;
  1791. }
  1792. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row .icon,
  1793. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row .icon {
  1794. width: 16px;
  1795. height: 16px;
  1796. }
  1797. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row .image:active img,
  1798. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row .image:active img {
  1799. width: 24px;
  1800. height: 24px;
  1801. }
  1802. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row .dot,
  1803. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row .dot {
  1804. font-size: 1.5rem;
  1805. }
  1806. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row .icon-group1,
  1807. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row .icon-group1 {
  1808. background: #e6e6e6;
  1809. }
  1810. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .gc-row .icon-group2,
  1811. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-main-menu .gc-row .icon-group2 {
  1812. background: #fdfdfd;
  1813. }
  1814. div[gcUIElement="gcSpread"] .gc-calculator-container .gc-calculator .gc-sub-menu .button {
  1815. line-height: 3rem;
  1816. }
  1817. div[gcUIElement="gcSpread"] .gc-list-control {
  1818. user-select: none;
  1819. border: 1px solid #a7abb0;
  1820. background-color: #fff;
  1821. font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
  1822. font-size: 12px;
  1823. }
  1824. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-alignment-vertical {
  1825. display: flex;
  1826. flex-direction: column;
  1827. }
  1828. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-alignment-horizontal {
  1829. display: flex;
  1830. flex-direction: row;
  1831. }
  1832. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-item-wrap {
  1833. flex-wrap: wrap;
  1834. }
  1835. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container {
  1836. margin: 0;
  1837. padding: 0;
  1838. border: 0;
  1839. line-height: 1.3;
  1840. text-decoration: none;
  1841. }
  1842. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-group .gc-list-control-group-text {
  1843. display: block;
  1844. background: #f0f2f5;
  1845. font-weight: bold;
  1846. color: #444;
  1847. padding: 3px 4px;
  1848. cursor: default;
  1849. }
  1850. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-group .gc-list-control-group-text.hide-children {
  1851. display: none;
  1852. }
  1853. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item {
  1854. position: relative;
  1855. cursor: pointer;
  1856. }
  1857. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item.gc-list-control-hassubitem {
  1858. display: flex;
  1859. align-items: center;
  1860. }
  1861. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item.gc-list-control-selected-item {
  1862. background: #3498db;
  1863. color: #fff;
  1864. }
  1865. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item.gc-list-control-selected-item:hover {
  1866. background: #3498db;
  1867. color: #fff;
  1868. }
  1869. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item.gc-list-control-noitem {
  1870. pointer-events: none;
  1871. }
  1872. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item .gc-list-control-listseparator {
  1873. height: 1px;
  1874. border-top: 1px solid lightgray;
  1875. margin: 0 0 0 12px;
  1876. pointer-events: none;
  1877. }
  1878. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item .gc-list-control-subitem {
  1879. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRFNUM4M0M4NjcyMzExRTlCM0Y0Q0IyQjZEQTUwQzlCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRFNUM4M0M5NjcyMzExRTlCM0Y0Q0IyQjZEQTUwQzlCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEU1QzgzQzY2NzIzMTFFOUIzRjRDQjJCNkRBNTBDOUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEU1QzgzQzc2NzIzMTFFOUIzRjRDQjJCNkRBNTBDOUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Sk1otAAAAM0lEQVR42mJgGAU4QXl5+X9i1DFRaggTpS5hotQ7RBnQ2dnJSLYB+DRTJRZGARUAQIABAHK7DzeBU6NxAAAAAElFTkSuQmCC");
  1880. width: 16px;
  1881. height: 16px;
  1882. display: block;
  1883. justify-self: flex-end;
  1884. margin-left: auto;
  1885. }
  1886. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item .gc-list-control-item-text {
  1887. letter-spacing: 0;
  1888. text-align: left;
  1889. padding: 0.4em 1em;
  1890. display: block;
  1891. line-height: normal;
  1892. white-space: pre;
  1893. }
  1894. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item .gc-list-control-item-text.gc-list-control-item-bigtext {
  1895. line-height: 32px;
  1896. white-space: nowrap;
  1897. }
  1898. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item:hover {
  1899. background: #e2f2ff;
  1900. }
  1901. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item .gc-list-control-item-icon {
  1902. left: 0.5em;
  1903. position: absolute;
  1904. top: 50%;
  1905. margin-top: -8px;
  1906. width: 16px;
  1907. height: 16px;
  1908. overflow: hidden;
  1909. background-repeat: no-repeat;
  1910. background-size: contain;
  1911. }
  1912. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item .gc-list-control-item-icon.gc-list-control-emptyicon {
  1913. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFNTRFMjUxNjcyMzExRTlBOUQxRTQ3MjgyQjgwNkZGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFNTRFMjUyNjcyMzExRTlBOUQxRTQ3MjgyQjgwNkZGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUU1NEUyNEY2NzIzMTFFOUE5RDFFNDcyODJCODA2RkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUU1NEUyNTA2NzIzMTFFOUE5RDFFNDcyODJCODA2RkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Dh39gAAAAH0lEQVR42mL8//8/AyWAiYFCMGrAqAGjBgwWAwACDABjmgMdW2LjxgAAAABJRU5ErkJggg==");
  1914. }
  1915. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item .gc-list-control-item-icon + .gc-list-control-item-text {
  1916. padding-left: 25px;
  1917. }
  1918. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item .gc-list-control-item-icon.gc-list-control-item-bigicon {
  1919. top: 0.5em;
  1920. margin-top: 0;
  1921. width: 32px;
  1922. height: 32px;
  1923. }
  1924. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-item .gc-list-control-item-icon.gc-list-control-item-bigicon + .gc-list-control-item-bigtext {
  1925. padding-left: 42px;
  1926. }
  1927. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-tree .gc-list-control-tree-text {
  1928. display: block;
  1929. font-weight: bold;
  1930. color: #444;
  1931. padding: 3px 4px;
  1932. cursor: pointer;
  1933. }
  1934. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-tree .gc-list-control-tree-content {
  1935. margin-left: 0.4em;
  1936. }
  1937. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-tree .gc-list-control-tree-content .gc-list-control-item .gc-list-control-item-text {
  1938. padding: 3px 4px;
  1939. }
  1940. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-tree .gc-list-control-tree-content .gc-list-control-item .gc-list-control-item-icon + .gc-list-control-item-text {
  1941. padding-left: 25px;
  1942. }
  1943. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-tree .gc-list-control-subitem {
  1944. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRFNUM4M0M4NjcyMzExRTlCM0Y0Q0IyQjZEQTUwQzlCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRFNUM4M0M5NjcyMzExRTlCM0Y0Q0IyQjZEQTUwQzlCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEU1QzgzQzY2NzIzMTFFOUIzRjRDQjJCNkRBNTBDOUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEU1QzgzQzc2NzIzMTFFOUIzRjRDQjJCNkRBNTBDOUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Sk1otAAAAM0lEQVR42mJgGAU4QXl5+X9i1DFRaggTpS5hotQ7RBnQ2dnJSLYB+DRTJRZGARUAQIABAHK7DzeBU6NxAAAAAElFTkSuQmCC");
  1945. transform: rotate(90deg);
  1946. width: 16px;
  1947. height: 16px;
  1948. display: block;
  1949. justify-self: flex-end;
  1950. margin-left: auto;
  1951. }
  1952. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-tree.hide-children .gc-list-control-tree-content {
  1953. display: none;
  1954. }
  1955. div[gcUIElement="gcSpread"] .gc-list-control .gc-list-control-container .gc-list-control-tree.hide-children .gc-list-control-subitem {
  1956. transform: rotate(0deg);
  1957. }
  1958. .gc-slider {
  1959. font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
  1960. font-size: 12px;
  1961. -webkit-box-sizing: border-box;
  1962. box-sizing: border-box;
  1963. margin: 0;
  1964. padding: 0;
  1965. color: rgba(0, 0, 0, 0.65);
  1966. font-size: 14px;
  1967. font-variant: tabular-nums;
  1968. line-height: 1.5;
  1969. list-style: none;
  1970. -webkit-font-feature-settings: 'tnum';
  1971. font-feature-settings: 'tnum';
  1972. position: relative;
  1973. height: 12px;
  1974. margin: 0 20px;
  1975. padding: 20px 0;
  1976. cursor: pointer;
  1977. -ms-touch-action: none;
  1978. touch-action: none;
  1979. }
  1980. .gc-slider.gc-slider-vertical {
  1981. width: 12px;
  1982. height: 100%;
  1983. padding: 0 4px;
  1984. }
  1985. .gc-slider.gc-slider-vertical .gc-slider-rail {
  1986. width: 4px;
  1987. height: 100%;
  1988. }
  1989. .gc-slider.gc-slider-vertical .gc-slider-track {
  1990. width: 4px;
  1991. }
  1992. .gc-slider.gc-slider-vertical .gc-slider-step {
  1993. width: 4px;
  1994. height: 100%;
  1995. }
  1996. .gc-slider.gc-slider-vertical .gc-slider-step .gc-slider-dot {
  1997. top: auto;
  1998. left: 0px;
  1999. margin-bottom: -4px;
  2000. box-sizing: content-box;
  2001. }
  2002. .gc-slider.gc-slider-vertical .gc-slider-handle {
  2003. margin-bottom: -7px;
  2004. margin-left: -7px;
  2005. }
  2006. .gc-slider.gc-slider-vertical .gc-slider-mark {
  2007. top: 0;
  2008. left: 12px;
  2009. width: 18px;
  2010. height: 100%;
  2011. }
  2012. .gc-slider.gc-slider-vertical .gc-slider-mark .gc-slider-mark-text {
  2013. left: 4px;
  2014. white-space: nowrap;
  2015. }
  2016. .gc-slider.gc-slider-with-marks {
  2017. padding-bottom: 32px;
  2018. }
  2019. .gc-slider.gc-slider-disabled {
  2020. cursor: not-allowed;
  2021. }
  2022. .gc-slider.gc-slider-disabled .gc-slider-track {
  2023. background-color: rgba(0, 0, 0, 0.25);
  2024. }
  2025. .gc-slider.gc-slider-disabled .gc-slider-handle {
  2026. background-color: #fff;
  2027. border-color: rgba(0, 0, 0, 0.25);
  2028. -webkit-box-shadow: none;
  2029. box-shadow: none;
  2030. cursor: not-allowed;
  2031. }
  2032. .gc-slider.gc-slider-disabled .gc-slider-step .gc-slider-dot {
  2033. background-color: #fff;
  2034. border-color: rgba(0, 0, 0, 0.25);
  2035. -webkit-box-shadow: none;
  2036. box-shadow: none;
  2037. cursor: not-allowed;
  2038. cursor: not-allowed;
  2039. }
  2040. .gc-slider.gc-slider-disabled .gc-slider-mark .gc-slider-mark-text {
  2041. cursor: not-allowed;
  2042. }
  2043. .gc-slider .gc-slider-rail {
  2044. position: absolute;
  2045. width: 100%;
  2046. height: 4px;
  2047. background-color: #e8e8e8;
  2048. border-radius: 2px;
  2049. -webkit-transition: background-color .3s;
  2050. transition: background-color .3s;
  2051. }
  2052. .gc-slider .gc-slider-track {
  2053. position: absolute;
  2054. height: 4px;
  2055. background-color: #91d5ff;
  2056. border-radius: 4px;
  2057. -webkit-transition: background-color .3s ease;
  2058. transition: background-color .3s ease;
  2059. }
  2060. .gc-slider .gc-slider-step {
  2061. position: absolute;
  2062. width: 100%;
  2063. height: 4px;
  2064. background: transparent;
  2065. }
  2066. .gc-slider .gc-slider-step .gc-slider-dot {
  2067. position: absolute;
  2068. top: -4px;
  2069. width: 8px;
  2070. height: 8px;
  2071. margin-left: -4px;
  2072. background-color: #fff;
  2073. border: 2px solid #e8e8e8;
  2074. border-radius: 50%;
  2075. cursor: pointer;
  2076. }
  2077. .gc-slider .gc-slider-step .gc-slider-dot:first-child {
  2078. margin-left: -4px;
  2079. }
  2080. .gc-slider .gc-slider-step .gc-slider-dot-active {
  2081. border-color: #91d5ff;
  2082. }
  2083. .gc-slider .gc-slider-handle {
  2084. position: absolute;
  2085. width: 14px;
  2086. height: 14px;
  2087. margin-top: -7px;
  2088. margin-left: -7px;
  2089. background-color: #fff;
  2090. border: solid 2px #91d5ff;
  2091. border-radius: 50%;
  2092. -webkit-box-shadow: 0;
  2093. box-shadow: 0;
  2094. box-sizing: content-box;
  2095. cursor: pointer;
  2096. -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  2097. transition: border-color 0.3s, -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  2098. transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  2099. transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28), -webkit-box-shadow 0.6s, -webkit-transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  2100. }
  2101. .gc-slider .gc-slider-handle:focus {
  2102. border-color: #3498db;
  2103. outline: none;
  2104. -webkit-box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.2);
  2105. box-shadow: 0 0 0 5px rgba(24, 144, 255, 0.2);
  2106. }
  2107. .gc-slider .gc-slider-mark {
  2108. position: absolute;
  2109. top: 30px;
  2110. left: 0;
  2111. width: 100%;
  2112. font-size: 14px;
  2113. }
  2114. .gc-slider .gc-slider-mark .gc-slider-mark-text {
  2115. position: absolute;
  2116. display: inline-block;
  2117. color: rgba(0, 0, 0, 0.45);
  2118. text-align: center;
  2119. cursor: pointer;
  2120. }
  2121. .gc-slider .gc-slider-mark .gc-slider-mark-text-active {
  2122. color: rgba(0, 0, 0, 0.65);
  2123. }
  2124. .gc-slider .gc-slider-tooltip {
  2125. -webkit-box-sizing: border-box;
  2126. box-sizing: border-box;
  2127. margin: 0;
  2128. padding: 0;
  2129. color: rgba(0, 0, 0, 0.65);
  2130. font-size: 14px;
  2131. font-variant: tabular-nums;
  2132. line-height: 1.5;
  2133. list-style: none;
  2134. -webkit-font-feature-settings: 'tnum';
  2135. font-feature-settings: 'tnum';
  2136. position: absolute;
  2137. z-index: 1060;
  2138. display: block;
  2139. max-width: 250px;
  2140. visibility: visible;
  2141. }
  2142. .gc-slider .gc-slider-tooltip.gc-slider-tooltip-placement-top {
  2143. padding-bottom: 8px;
  2144. }
  2145. .gc-slider .gc-slider-tooltip .gc-slider-tooltip-arrow {
  2146. left: 50%;
  2147. margin-left: -5px;
  2148. position: absolute;
  2149. width: 0;
  2150. height: 0;
  2151. border-color: transparent;
  2152. border-style: solid;
  2153. bottom: 3px;
  2154. border-width: 5px 5px 0;
  2155. border-top-color: rgba(0, 0, 0, 0.75);
  2156. }
  2157. .gc-slider .gc-slider-tooltip .gc-slider-tooltip-inner {
  2158. min-width: 10px;
  2159. min-height: 12px;
  2160. padding: 6px 8px;
  2161. color: #fff;
  2162. text-align: left;
  2163. text-decoration: none;
  2164. word-wrap: break-word;
  2165. background-color: rgba(0, 0, 0, 0.75);
  2166. border-radius: 4px;
  2167. -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  2168. box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  2169. }
  2170. .gc-slider-container {
  2171. background-color: white;
  2172. box-sizing: content-box;
  2173. }
  2174. .gc-slider-container.gc-slider-vertical {
  2175. padding: 20px 0;
  2176. padding-right: 10px;
  2177. }
  2178. div[gcUIElement="gcSpread"] .gc-color-picker-outer-div {
  2179. width: 100%;
  2180. height: auto;
  2181. overflow: hidden;
  2182. background-color: white;
  2183. font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
  2184. font-size: 12px;
  2185. box-sizing: border-box;
  2186. }
  2187. div[gcUIElement="gcSpread"] .gc-color-picker-outer-div .gc-list-control-item {
  2188. line-height: 0.5;
  2189. }
  2190. div[gcUIElement="gcSpread"] .gc-color-picker-outer-div .gc-list-control-item:hover {
  2191. background-color: transparent !important;
  2192. }
  2193. div[gcUIElement="gcSpread"] .gc-color-picker-outer-div .gc-color-picker-group-row {
  2194. display: inline-block;
  2195. margin: 3px 0;
  2196. }
  2197. div[gcUIElement="gcSpread"] .gc-color-picker-outer-div .gc-color-picker-group-row .gc-color-picker-color-cell {
  2198. width: 12px;
  2199. height: 12px;
  2200. border: 1.5px solid transparent;
  2201. display: inline-block;
  2202. margin: 0 2px;
  2203. box-sizing: content-box;
  2204. }
  2205. div[gcUIElement="gcSpread"] .gc-color-picker-outer-div .gc-color-picker-group-row .gc-color-picker-color-cell:hover {
  2206. border: 1.5px solid #f5ab5d;
  2207. }
  2208. div[gcUIElement="gcSpread"] .gc-color-picker-outer-div .gc-color-picker-group-row .gc-color-picker-color-cell.selected {
  2209. border: 1.5px solid #f58447;
  2210. }
  2211. div[gcUIElement="gcSpread"] .gc-time-picker-outer-div {
  2212. width: 100%;
  2213. height: 100%;
  2214. overflow: hidden;
  2215. background-color: white;
  2216. font-size: 12px;
  2217. font-family: "Segoe UI", Calibri, Thonburi, Arial, Verdana, sans-serif, "Mongolian Baiti", "Microsoft Yi Baiti", "Javanese Text";
  2218. font-size: 12px;
  2219. }
  2220. div[gcUIElement="gcSpread"] .gc-time-picker-outer-div .gc-list-control-item {
  2221. line-height: 0.5;
  2222. }
  2223. div[gcUIElement="gcSpread"] .gc-time-picker-outer-div .gc-list-control-item:hover {
  2224. background-color: transparent !important;
  2225. }
  2226. div[gcUIElement="gcSpread"] .gc-time-picker-outer-div .gc-list-control {
  2227. height: 100%;
  2228. }
  2229. div[gcUIElement="gcSpread"] .gc-time-picker-outer-div .gc-list-control .gc-list-control-container {
  2230. height: 100%;
  2231. }
  2232. div[gcUIElement="gcSpread"] .gc-time-picker-outer-div .gc-list-control .gc-list-control-container .gc-list-control-item {
  2233. height: 100%;
  2234. }
  2235. div[gcUIElement="gcSpread"] .gc-time-picker-outer-div .gc-time-picker-container {
  2236. width: 100%;
  2237. height: 100%;
  2238. overflow-y: auto;
  2239. overflow-x: hidden;
  2240. }
  2241. div[gcUIElement="gcSpread"] .gc-time-picker-outer-div .gc-time-picker-container .gc-time-picker-ul {
  2242. margin: 0;
  2243. padding: 0;
  2244. width: 100%;
  2245. list-style: none;
  2246. }
  2247. div[gcUIElement="gcSpread"] .gc-time-picker-outer-div .gc-time-picker-container .gc-time-picker-ul .gc-time-picker-li {
  2248. width: 100%;
  2249. height: 24px;
  2250. line-height: 24px;
  2251. padding: 0 12px;
  2252. text-overflow: ellipsis;
  2253. overflow: hidden;
  2254. white-space: nowrap;
  2255. cursor: pointer;
  2256. }
  2257. div[gcUIElement="gcSpread"] .gc-time-picker-outer-div .gc-time-picker-container .gc-time-picker-ul .gc-time-picker-li:hover {
  2258. background-color: #e2f2ff !important;
  2259. }
  2260. div[gcUIElement="gcSpread"] .gc-time-picker-outer-div .gc-time-picker-container .gc-time-picker-ul .gc-time-picker-li.selected {
  2261. color: #fff;
  2262. background-color: #3498db !important;
  2263. }