dx.ios7.default.css 384 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617
  1. /*!
  2. * DevExtreme
  3. * Version: 19.1.16
  4. * Build date: Oct 18, 2022
  5. *
  6. * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
  7. * Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
  8. */
  9. .dx-colorview-palette-handle {
  10. background: radial-gradient(transparent 5px, rgba(0, 0, 0, 0.2) 6px, #FFF 7px, #FFF 12px, rgba(0, 0, 0, 0.2) 13px);
  11. -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  12. box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  13. }
  14. .dx-colorview-hue-scale-handle {
  15. border: 1px solid rgba(0, 0, 0, 0.2);
  16. -webkit-box-shadow: inset -5px 0 0 3px #FFF, inset 5px 0 0 3px #FFF, inset -6px 0 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0 1px 4px rgba(0, 0, 0, 0.2);
  17. box-shadow: inset -5px 0 0 3px #FFF, inset 5px 0 0 3px #FFF, inset -6px 0 1px 4px rgba(0, 0, 0, 0.2), inset 6px 0 1px 4px rgba(0, 0, 0, 0.2);
  18. }
  19. .dx-colorview-alpha-channel-handle {
  20. border: 1px solid rgba(0, 0, 0, 0.2);
  21. -webkit-box-shadow: inset 0 -5px 0 3px #FFF, inset 0 5px 0 3px #FFF, inset 0 -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0 6px 1px 4px rgba(0, 0, 0, 0.2);
  22. box-shadow: inset 0 -5px 0 3px #FFF, inset 0 5px 0 3px #FFF, inset 0 -6px 1px 4px rgba(0, 0, 0, 0.2), inset 0 6px 1px 4px rgba(0, 0, 0, 0.2);
  23. }
  24. .dx-datagrid-borders > .dx-datagrid-headers,
  25. .dx-datagrid-borders > .dx-datagrid-rowsview,
  26. .dx-datagrid-borders > .dx-datagrid-total-footer {
  27. border-left: 1px solid #C8C8C8;
  28. border-right: 1px solid #C8C8C8;
  29. }
  30. .dx-datagrid-borders > .dx-datagrid-rowsview,
  31. .dx-datagrid-borders > .dx-datagrid-total-footer {
  32. border-bottom: 1px solid #C8C8C8;
  33. }
  34. .dx-datagrid-borders > .dx-datagrid-pager,
  35. .dx-datagrid-borders > .dx-datagrid-headers,
  36. .dx-datagrid-borders > .dx-datagrid-filter-panel {
  37. border-top: 1px solid #C8C8C8;
  38. }
  39. .dx-datagrid-borders > .dx-datagrid-filter-panel {
  40. border-top-width: 0;
  41. border-left: 1px solid #C8C8C8;
  42. border-right: 1px solid #C8C8C8;
  43. border-bottom: 1px solid #C8C8C8;
  44. }
  45. .dx-datagrid {
  46. color: black;
  47. background-color: #fff;
  48. }
  49. .dx-datagrid .dx-sort-up {
  50. font: 14px/1 DXIcons;
  51. }
  52. .dx-datagrid .dx-sort-up:before {
  53. content: "\f051";
  54. }
  55. .dx-datagrid .dx-sort-down {
  56. font: 14px/1 DXIcons;
  57. }
  58. .dx-datagrid .dx-sort-down:before {
  59. content: "\f052";
  60. }
  61. .dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item,
  62. .dx-datagrid .dx-datagrid-header-panel .dx-header-filter {
  63. outline: none;
  64. }
  65. .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus,
  66. .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
  67. outline: 2px solid #007aff;
  68. outline-offset: -2px;
  69. }
  70. .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
  71. outline-offset: 2px;
  72. }
  73. .dx-datagrid .dx-datagrid-headers .dx-header-row > td,
  74. .dx-datagrid .dx-datagrid-headers .dx-header-filter {
  75. outline: none;
  76. }
  77. .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus,
  78. .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
  79. outline: 2px solid #007aff;
  80. outline-offset: 2px;
  81. }
  82. .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
  83. outline-offset: -2px;
  84. }
  85. .dx-datagrid .dx-header-filter {
  86. position: relative;
  87. color: #4D4D4D;
  88. font: 14px/1 DXIcons;
  89. }
  90. .dx-datagrid .dx-header-filter:before {
  91. content: "\f050";
  92. }
  93. .dx-datagrid .dx-header-filter-empty {
  94. color: rgba(77, 77, 77, 0.5);
  95. }
  96. .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
  97. width: 14px;
  98. height: 14px;
  99. background-position: 0px 0px;
  100. background-size: 14px 14px;
  101. padding: 0px;
  102. font-size: 14px;
  103. text-align: center;
  104. line-height: 14px;
  105. }
  106. .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
  107. background-color: #fff;
  108. }
  109. .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
  110. .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
  111. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
  112. .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
  113. .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
  114. border-left: 2px solid #C8C8C8;
  115. border-right: 2px solid #C8C8C8;
  116. }
  117. .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
  118. .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
  119. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
  120. .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
  121. .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
  122. border-left: none;
  123. }
  124. .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
  125. .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
  126. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
  127. .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
  128. .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
  129. border-right: none;
  130. }
  131. .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
  132. outline: 2px solid #007aff;
  133. outline-offset: 2px;
  134. }
  135. .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
  136. outline-color: #007aff;
  137. outline-offset: 0;
  138. }
  139. .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
  140. background-color: #fff;
  141. }
  142. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td {
  143. position: relative;
  144. }
  145. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space):before {
  146. display: block;
  147. height: 100%;
  148. content: '';
  149. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC);
  150. background-repeat: no-repeat repeat;
  151. }
  152. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  153. -webkit-transform: scaleX(-1);
  154. transform: scaleX(-1);
  155. }
  156. .dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
  157. color: black;
  158. }
  159. .dx-datagrid .dx-error-row td {
  160. color: white;
  161. padding: 0;
  162. }
  163. .dx-datagrid .dx-error-row .dx-error-message {
  164. background-color: #f28f8f;
  165. white-space: normal;
  166. word-wrap: break-word;
  167. }
  168. .dx-datagrid .dx-column-lines > td:first-child {
  169. border-left: none;
  170. }
  171. .dx-datagrid .dx-column-lines > td:last-child {
  172. border-right: none;
  173. }
  174. .dx-datagrid-filter-panel {
  175. color: black;
  176. border-top: 1px solid #C8C8C8;
  177. }
  178. .dx-datagrid-filter-panel .dx-icon-filter,
  179. .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
  180. .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
  181. outline: none;
  182. }
  183. .dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus,
  184. .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus,
  185. .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus {
  186. outline: 2px solid #007aff;
  187. outline-offset: 3px;
  188. }
  189. .dx-datagrid-form-buttons-container {
  190. float: right;
  191. }
  192. .dx-datagrid-form-buttons-container .dx-button {
  193. margin-left: 10px;
  194. margin-top: 10px;
  195. }
  196. .dx-datagrid-column-chooser {
  197. color: #000;
  198. font-weight: normal;
  199. font-size: 1em;
  200. font-family: -apple-system-font, "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  201. }
  202. .dx-datagrid-column-chooser a {
  203. color: #000;
  204. text-decoration: underline;
  205. }
  206. .dx-datagrid-column-chooser img {
  207. border-style: none;
  208. }
  209. .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportxlsx {
  210. width: 16px;
  211. height: 16px;
  212. background-position: 0px 0px;
  213. background-size: 16px 16px;
  214. padding: 0px;
  215. font-size: 16px;
  216. text-align: center;
  217. line-height: 16px;
  218. }
  219. .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportselected {
  220. width: 16px;
  221. height: 16px;
  222. background-position: 0px 0px;
  223. background-size: 16px 16px;
  224. padding: 0px;
  225. font-size: 16px;
  226. text-align: center;
  227. line-height: 16px;
  228. }
  229. .dx-datagrid-adaptive-more {
  230. cursor: pointer;
  231. font: 14px/1 DXIcons;
  232. width: 21px;
  233. height: 21px;
  234. background-position: 0px 0px;
  235. background-size: 21px 21px;
  236. padding: 0px;
  237. font-size: 21px;
  238. text-align: center;
  239. line-height: 21px;
  240. }
  241. .dx-datagrid-adaptive-more:before {
  242. content: "\f06c";
  243. }
  244. .dx-datagrid-edit-popup .dx-error-message {
  245. background-color: #f28f8f;
  246. white-space: normal;
  247. word-wrap: break-word;
  248. color: white;
  249. margin-bottom: 20px;
  250. }
  251. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
  252. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
  253. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
  254. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
  255. .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
  256. border-left: 2px solid #C8C8C8;
  257. border-right: 2px solid #C8C8C8;
  258. }
  259. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
  260. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
  261. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
  262. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
  263. .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
  264. border-right: none;
  265. }
  266. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
  267. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
  268. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
  269. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
  270. .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
  271. border-left: none;
  272. }
  273. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:before {
  274. -webkit-transform: scaleX(-1);
  275. transform: scaleX(-1);
  276. }
  277. .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
  278. -webkit-transform: scale(1);
  279. transform: scale(1);
  280. }
  281. .dx-rtl .dx-datagrid .dx-column-lines > td:first-child {
  282. border-right: none;
  283. border-left: 1px solid #C8C8C8;
  284. }
  285. .dx-rtl .dx-datagrid .dx-column-lines > td:last-child {
  286. border-left: none;
  287. border-right: 1px solid #C8C8C8;
  288. }
  289. .dx-rtl .dx-datagrid-form-buttons-container {
  290. float: left;
  291. }
  292. .dx-rtl .dx-datagrid-form-buttons-container .dx-button {
  293. margin-left: 0;
  294. margin-right: 10px;
  295. }
  296. .dx-datagrid-cell-updated-animation {
  297. -webkit-animation: dx-datagrid-highlight-change 1s;
  298. animation: dx-datagrid-highlight-change 1s;
  299. }
  300. @-webkit-keyframes dx-datagrid-highlight-change {
  301. from {
  302. background-color: rgba(0, 0, 0, 0.08);
  303. }
  304. 50% {
  305. background-color: rgba(0, 0, 0, 0.08);
  306. }
  307. }
  308. @keyframes dx-datagrid-highlight-change {
  309. from {
  310. background-color: rgba(0, 0, 0, 0.08);
  311. }
  312. 50% {
  313. background-color: rgba(0, 0, 0, 0.08);
  314. }
  315. }
  316. .dx-pivotgrid-fields-container .dx-position-indicator {
  317. background-color: gray;
  318. }
  319. .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical {
  320. margin-top: -4px;
  321. margin-left: -1px;
  322. height: 2px;
  323. }
  324. .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical.dx-position-indicator-last {
  325. margin-top: -3px;
  326. }
  327. .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
  328. margin-left: -3px;
  329. width: 2px;
  330. }
  331. .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
  332. margin-left: 3px;
  333. }
  334. .dx-pivotgrid-fields-container .dx-area-fields {
  335. position: relative;
  336. }
  337. .dx-pivotgrid-fields-container .dx-sort {
  338. color: #767676;
  339. font-size: 14px;
  340. width: 14px;
  341. }
  342. .dx-pivotgrid-fields-container .dx-sort-up {
  343. font: 14px/1 DXIcons;
  344. }
  345. .dx-pivotgrid-fields-container .dx-sort-up:before {
  346. content: "\f051";
  347. }
  348. .dx-pivotgrid-fields-container .dx-sort-down {
  349. font: 14px/1 DXIcons;
  350. }
  351. .dx-pivotgrid-fields-container .dx-sort-down:before {
  352. content: "\f052";
  353. }
  354. .dx-pivotgrid-fields-container .dx-header-filter {
  355. color: #4D4D4D;
  356. font: 14px/1 DXIcons;
  357. font-size: 14px;
  358. width: 14px;
  359. }
  360. .dx-pivotgrid-fields-container .dx-header-filter:before {
  361. content: "\f050";
  362. }
  363. .dx-pivotgrid-fields-container .dx-header-filter-empty {
  364. color: rgba(77, 77, 77, 0.5);
  365. }
  366. .dx-pivotgrid-fields-container .dx-area-field {
  367. cursor: pointer;
  368. }
  369. .dx-pivotgrid-fields-container.dx-drag {
  370. opacity: 0.8;
  371. }
  372. .dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
  373. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  374. box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  375. border: 1px solid rgba(96, 96, 96, 0.5);
  376. }
  377. .dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
  378. background-color: #fff;
  379. margin-bottom: 4px;
  380. border: 1px solid #CCCCCC;
  381. padding: 7px 10px;
  382. }
  383. .dx-pivotgrid-fields-container .dx-drag-source {
  384. opacity: 0.5;
  385. }
  386. .dx-pivotgrid-fields-container .dx-column-indicators {
  387. vertical-align: bottom;
  388. margin-left: 6px;
  389. }
  390. .dx-pivotgrid-fields-container .dx-area-field-content {
  391. vertical-align: bottom;
  392. }
  393. .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area,
  394. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area {
  395. overflow: hidden;
  396. }
  397. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
  398. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
  399. margin-right: 10px;
  400. float: right;
  401. display: inline-block;
  402. }
  403. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
  404. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
  405. margin-right: 4px;
  406. }
  407. .dx-pivotgrid .dx-data-header,
  408. .dx-pivotgrid .dx-column-header,
  409. .dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background {
  410. background-color: #F7F7F7;
  411. }
  412. .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area {
  413. color: #000;
  414. font-weight: normal;
  415. font-size: 1em;
  416. font-family: -apple-system-font, "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  417. }
  418. .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area a {
  419. color: #000;
  420. text-decoration: underline;
  421. }
  422. .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area img {
  423. border-style: none;
  424. }
  425. .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
  426. margin-left: -5px;
  427. padding-left: 5px;
  428. }
  429. .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  430. padding-left: 0;
  431. }
  432. .dx-pivotgrid .dx-filter-header .dx-area-field-container {
  433. border-spacing: 8px;
  434. border-collapse: separate;
  435. }
  436. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head td {
  437. padding: 2px;
  438. }
  439. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  440. padding-left: 2px;
  441. }
  442. .dx-pivotgrid .dx-area-field.dx-area-box {
  443. margin-bottom: 0;
  444. }
  445. .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
  446. border-top: 1px solid #CCCCCC;
  447. }
  448. .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td {
  449. border-top-width: 0;
  450. }
  451. .dx-pivotgrid .dx-expand-icon-container {
  452. margin-left: -3px;
  453. margin-right: 2px;
  454. }
  455. .dx-pivotgrid .dx-area-row-cell,
  456. .dx-pivotgrid .dx-area-description-cell {
  457. border-right: 1px solid #CCCCCC;
  458. }
  459. .dx-pivotgrid .dx-area-description-cell {
  460. white-space: nowrap;
  461. }
  462. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
  463. margin: 1px;
  464. }
  465. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button:not(.dx-state-hover):not(.dx-state-active) {
  466. border-color: transparent;
  467. background-color: transparent;
  468. -webkit-box-shadow: none;
  469. box-shadow: none;
  470. }
  471. .dx-pivotgrid .dx-bottom-border,
  472. .dx-pivotgrid .dx-area-description-cell,
  473. .dx-pivotgrid .dx-area-column-cell {
  474. border-bottom: 1px solid #CCCCCC;
  475. }
  476. .dx-pivotgrid .dx-pivotgrid-area {
  477. -webkit-box-sizing: content-box;
  478. box-sizing: content-box;
  479. }
  480. .dx-pivotgrid .dx-pivotgrid-area td {
  481. color: #767676;
  482. padding: 7px 10px;
  483. }
  484. .dx-pivotgrid .dx-pivotgrid-fields-area-head td {
  485. position: relative;
  486. border: none;
  487. padding: 10px 2px;
  488. }
  489. .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
  490. padding-left: 10px;
  491. }
  492. .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
  493. padding-right: 10px;
  494. }
  495. .dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
  496. white-space: nowrap;
  497. padding: 6px 0;
  498. border: 1px solid transparent;
  499. color: #b9b9b9;
  500. }
  501. .dx-pivotgrid .dx-group-connector {
  502. position: absolute;
  503. width: 2px;
  504. top: 50%;
  505. height: 2px;
  506. margin-top: -1px;
  507. background-color: #CCCCCC;
  508. }
  509. .dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
  510. left: 0;
  511. }
  512. .dx-pivotgrid .dx-group-connector.dx-group-connector-next {
  513. right: 0;
  514. }
  515. .dx-pivotgrid .dx-virtual-content {
  516. display: none;
  517. }
  518. .dx-pivotgrid .dx-virtual-mode .dx-virtual-content {
  519. position: relative;
  520. overflow: hidden;
  521. display: block;
  522. }
  523. .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td {
  524. color: transparent;
  525. background-color: transparent !important;
  526. }
  527. .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td span {
  528. visibility: hidden;
  529. }
  530. .dx-pivotgrid .dx-virtual-mode table {
  531. position: absolute;
  532. }
  533. .dx-pivotgrid .dx-pivotgrid-area-data {
  534. position: relative;
  535. }
  536. .dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  537. text-align: right;
  538. color: #1B1B1B;
  539. white-space: nowrap;
  540. border-left: 1px solid #CCCCCC;
  541. }
  542. .dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
  543. border-left: 0;
  544. }
  545. .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total,
  546. .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal {
  547. border-top-width: 0;
  548. }
  549. .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border {
  550. border-top: 1px solid #CCCCCC;
  551. }
  552. .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
  553. border-right: 0;
  554. }
  555. .dx-pivotgrid .dx-pivotgrid-vertical-headers td {
  556. min-width: 50px;
  557. border-right: 1px solid #CCCCCC;
  558. }
  559. .dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td {
  560. border-top: 0;
  561. }
  562. .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-pivotgrid-fields-area-head td:last-child {
  563. border-right: 0;
  564. }
  565. .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total,
  566. .dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total {
  567. border-top: 1px solid #CCCCCC;
  568. border-bottom: 1px solid #CCCCCC;
  569. }
  570. .dx-pivotgrid .dx-area-tree-view .dx-total {
  571. border-bottom: none;
  572. }
  573. .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
  574. border-top: 1px solid transparent;
  575. background-color: #F7F7F7;
  576. width: 24px;
  577. padding: 0;
  578. min-width: 24px;
  579. }
  580. .dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
  581. border-right: 1px solid #CCCCCC;
  582. }
  583. .dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
  584. text-align: center;
  585. border: 1px solid #CCCCCC;
  586. }
  587. .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded,
  588. .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed {
  589. text-align: left;
  590. }
  591. .dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
  592. border-left: 0;
  593. }
  594. .dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
  595. border-top: 0;
  596. }
  597. .dx-pivotgrid .dx-expand-icon-container {
  598. width: 14px;
  599. }
  600. .dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child {
  601. border-bottom: 0;
  602. }
  603. .dx-pivotgrid .dx-total,
  604. .dx-pivotgrid .dx-data-header,
  605. .dx-pivotgrid .dx-column-header,
  606. .dx-pivotgrid .dx-area-description-cell {
  607. background-color: #F7F7F7;
  608. }
  609. .dx-pivotgrid .dx-grandtotal {
  610. background-color: #EBEBEB;
  611. }
  612. .dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
  613. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
  614. .dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
  615. .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
  616. border-left: 1px solid #CCCCCC;
  617. }
  618. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
  619. .dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
  620. .dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
  621. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
  622. .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
  623. border-right: 1px solid #CCCCCC;
  624. }
  625. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
  626. border-top: 1px solid #CCCCCC;
  627. }
  628. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header td {
  629. display: inline-block;
  630. }
  631. .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell,
  632. .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
  633. border-bottom: 1px solid #CCCCCC;
  634. }
  635. .dx-pivotgrid .dx-icon-sorted {
  636. display: inline-block;
  637. margin-left: 5px;
  638. width: 14px;
  639. }
  640. .dx-pivotgrid .dx-menu-item .dx-icon {
  641. width: 16px;
  642. height: 16px;
  643. background-position: 0px 0px;
  644. background-size: 16px 16px;
  645. padding: 0px;
  646. font-size: 16px;
  647. text-align: center;
  648. line-height: 16px;
  649. }
  650. .dx-pivotgrid .dx-popup-content {
  651. padding: 10px;
  652. }
  653. .dx-pivotgrid .dx-popup-content .dx-pivotgrid-fields-area-head td {
  654. padding: 0 2px;
  655. }
  656. .dx-pivotgridfieldchooser .dx-area-fields {
  657. overflow: hidden;
  658. }
  659. .dx-pivotgridfieldchooser .dx-treeview-item .dx-icon {
  660. margin-bottom: 1px;
  661. width: 16px;
  662. height: 16px;
  663. background-position: 0px 0px;
  664. background-size: 16px 16px;
  665. padding: 0px;
  666. font-size: 16px;
  667. text-align: center;
  668. line-height: 16px;
  669. }
  670. .dx-pivotgridfieldchooser .dx-treeview-search {
  671. margin: 5px;
  672. }
  673. .dx-pivotgridfieldchooser .dx-area-icon {
  674. display: inline-block;
  675. vertical-align: middle;
  676. width: 16px;
  677. height: 16px;
  678. }
  679. .dx-pivotgridfieldchooser .dx-area {
  680. padding: 5px;
  681. display: -webkit-box;
  682. display: -webkit-flex;
  683. display: -ms-flexbox;
  684. display: flex;
  685. -webkit-box-flex: 1;
  686. -webkit-flex-grow: 1;
  687. -ms-flex-positive: 1;
  688. flex-grow: 1;
  689. -webkit-box-orient: vertical;
  690. -webkit-box-direction: normal;
  691. -webkit-flex-direction: column;
  692. -ms-flex-direction: column;
  693. flex-direction: column;
  694. }
  695. .dx-pivotgridfieldchooser .dx-area > .dx-scrollable,
  696. .dx-pivotgridfieldchooser .dx-area > .dx-treeview,
  697. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable {
  698. display: -webkit-box;
  699. display: -webkit-flex;
  700. display: -ms-flexbox;
  701. display: flex;
  702. -webkit-box-flex: 1;
  703. -webkit-flex-grow: 1;
  704. -ms-flex-positive: 1;
  705. flex-grow: 1;
  706. -webkit-box-orient: vertical;
  707. -webkit-box-direction: normal;
  708. -webkit-flex-direction: column;
  709. -ms-flex-direction: column;
  710. flex-direction: column;
  711. height: 0;
  712. }
  713. .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper,
  714. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper,
  715. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper {
  716. display: -webkit-box;
  717. display: -webkit-flex;
  718. display: -ms-flexbox;
  719. display: flex;
  720. -webkit-box-flex: 1;
  721. -webkit-flex-grow: 1;
  722. -ms-flex-positive: 1;
  723. flex-grow: 1;
  724. -webkit-box-orient: vertical;
  725. -webkit-box-direction: normal;
  726. -webkit-flex-direction: column;
  727. -ms-flex-direction: column;
  728. flex-direction: column;
  729. height: 0;
  730. }
  731. .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
  732. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
  733. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
  734. height: auto;
  735. }
  736. .dx-pivotgridfieldchooser .dx-area .dx-area-fields {
  737. margin-top: 3px;
  738. border: 1px solid #CCCCCC;
  739. display: -webkit-box;
  740. display: -webkit-flex;
  741. display: -ms-flexbox;
  742. display: flex;
  743. -webkit-box-orient: vertical;
  744. -webkit-box-direction: normal;
  745. -webkit-flex-direction: column;
  746. -ms-flex-direction: column;
  747. flex-direction: column;
  748. height: 0;
  749. }
  750. .dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption {
  751. -webkit-align-self: center;
  752. -ms-flex-item-align: center;
  753. align-self: center;
  754. }
  755. .dx-pivotgridfieldchooser .dx-area-fields[group] {
  756. padding: 5px;
  757. background-color: #F7F7F7;
  758. display: -webkit-box;
  759. display: -webkit-flex;
  760. display: -ms-flexbox;
  761. display: flex;
  762. }
  763. .dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
  764. border-color: #606060;
  765. }
  766. .dx-pivotgridfieldchooser .dx-area-icon-all {
  767. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC) no-repeat center center;
  768. }
  769. .dx-pivotgridfieldchooser .dx-area-icon-filter {
  770. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==) no-repeat center center;
  771. }
  772. .dx-pivotgridfieldchooser .dx-area-icon-row {
  773. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=) no-repeat center center;
  774. }
  775. .dx-pivotgridfieldchooser .dx-area-icon-column {
  776. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=) no-repeat center center;
  777. }
  778. .dx-pivotgridfieldchooser .dx-area-icon-data {
  779. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center;
  780. }
  781. .dx-pivotgridfieldchooser .dx-icon-measure {
  782. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center;
  783. }
  784. .dx-pivotgridfieldchooser .dx-icon-dimension {
  785. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==) no-repeat center center;
  786. }
  787. .dx-pivotgridfieldchooser .dx-icon-hierarchy {
  788. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==) no-repeat center center;
  789. }
  790. .dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
  791. margin-left: -3px;
  792. }
  793. .dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
  794. margin-left: 1px;
  795. }
  796. .dx-rtl .dx-pivotgrid-fields-container .dx-column-indicators {
  797. margin-left: 0;
  798. margin-right: 6px;
  799. }
  800. .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
  801. .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
  802. margin-right: 0;
  803. margin-left: 10px;
  804. float: left;
  805. }
  806. .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
  807. .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
  808. margin-right: 0;
  809. margin-left: 4px;
  810. }
  811. .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
  812. margin-left: 0;
  813. padding-left: 0;
  814. margin-right: -5px;
  815. padding-right: 5px;
  816. }
  817. .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  818. padding-left: 2px;
  819. padding-right: 0;
  820. }
  821. .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td {
  822. padding: 10px 2px;
  823. }
  824. .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
  825. padding-right: 10px;
  826. }
  827. .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
  828. padding-left: 10px;
  829. }
  830. .dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
  831. left: initial;
  832. right: 0;
  833. }
  834. .dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-next {
  835. right: initial;
  836. left: 0;
  837. }
  838. .dx-rtl.dx-pivotgrid .dx-area-row-cell,
  839. .dx-rtl.dx-pivotgrid .dx-area-description-cell {
  840. border-left: 1px solid #CCCCCC;
  841. border-right: 0;
  842. }
  843. .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  844. border-left: 0;
  845. border-right: 1px solid #CCCCCC;
  846. }
  847. .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
  848. border-left: 1px solid #CCCCCC;
  849. border-right: 0;
  850. }
  851. .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
  852. border-right: 0;
  853. border-left: 1px solid #CCCCCC;
  854. }
  855. .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
  856. border-left: 0;
  857. border-right: 0;
  858. }
  859. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
  860. border-right: 0;
  861. border-left: 1px solid #CCCCCC;
  862. }
  863. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area {
  864. border-left: 0;
  865. }
  866. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
  867. border-left: 1px solid #CCCCCC;
  868. border-right: 0;
  869. }
  870. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded,
  871. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed {
  872. text-align: right;
  873. }
  874. .dx-rtl.dx-pivotgrid .dx-expand-icon-container {
  875. margin-left: 2px;
  876. margin-right: -3px;
  877. }
  878. .dx-rtl.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand-icon-container {
  879. -webkit-transform: scaleX(-1);
  880. transform: scaleX(-1);
  881. }
  882. .dx-rtl.dx-pivotgrid .dx-icon-sorted {
  883. margin-left: 0;
  884. margin-right: 5px;
  885. }
  886. .dx-rtl.dx-pivotgrid .dx-pivotgridfieldchooser-container .dx-col {
  887. display: -webkit-box;
  888. display: -webkit-flex;
  889. display: -ms-flexbox;
  890. display: flex;
  891. }
  892. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
  893. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
  894. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
  895. border-right: 1px solid #CCCCCC;
  896. }
  897. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
  898. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
  899. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
  900. border-left: 1px solid #CCCCCC;
  901. }
  902. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header {
  903. border-right: none;
  904. }
  905. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell,
  906. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header {
  907. border-left: none;
  908. }
  909. .dx-treelist-borders > .dx-treelist-headers,
  910. .dx-treelist-borders > .dx-treelist-rowsview,
  911. .dx-treelist-borders > .dx-treelist-total-footer {
  912. border-left: 1px solid #C8C8C8;
  913. border-right: 1px solid #C8C8C8;
  914. }
  915. .dx-treelist-borders > .dx-treelist-rowsview,
  916. .dx-treelist-borders > .dx-treelist-total-footer {
  917. border-bottom: 1px solid #C8C8C8;
  918. }
  919. .dx-treelist-borders > .dx-treelist-pager,
  920. .dx-treelist-borders > .dx-treelist-headers,
  921. .dx-treelist-borders > .dx-treelist-filter-panel {
  922. border-top: 1px solid #C8C8C8;
  923. }
  924. .dx-treelist-borders > .dx-treelist-filter-panel {
  925. border-top-width: 0;
  926. border-left: 1px solid #C8C8C8;
  927. border-right: 1px solid #C8C8C8;
  928. border-bottom: 1px solid #C8C8C8;
  929. }
  930. .dx-treelist .dx-column-lines > td:first-child {
  931. border-left: none;
  932. }
  933. .dx-treelist .dx-column-lines > td:last-child {
  934. border-right: none;
  935. }
  936. .dx-treelist-container {
  937. color: black;
  938. background-color: #fff;
  939. }
  940. .dx-treelist-container .dx-sort-up {
  941. font: 14px/1 DXIcons;
  942. }
  943. .dx-treelist-container .dx-sort-up:before {
  944. content: "\f051";
  945. }
  946. .dx-treelist-container .dx-sort-down {
  947. font: 14px/1 DXIcons;
  948. }
  949. .dx-treelist-container .dx-sort-down:before {
  950. content: "\f052";
  951. }
  952. .dx-treelist-container .dx-treelist-headers .dx-header-row > td,
  953. .dx-treelist-container .dx-treelist-headers .dx-header-filter {
  954. outline: none;
  955. }
  956. .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus,
  957. .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
  958. outline: 2px solid #007aff;
  959. }
  960. .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
  961. outline-offset: -2px;
  962. }
  963. .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
  964. outline-offset: 2px;
  965. }
  966. .dx-treelist-container .dx-header-filter {
  967. position: relative;
  968. color: #4D4D4D;
  969. font: 14px/1 DXIcons;
  970. }
  971. .dx-treelist-container .dx-header-filter:before {
  972. content: "\f050";
  973. }
  974. .dx-treelist-container .dx-header-filter-empty {
  975. color: rgba(77, 77, 77, 0.5);
  976. }
  977. .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon {
  978. width: 14px;
  979. height: 14px;
  980. background-position: 0px 0px;
  981. background-size: 14px 14px;
  982. padding: 0px;
  983. font-size: 14px;
  984. text-align: center;
  985. line-height: 14px;
  986. }
  987. .dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed {
  988. background-color: #fff;
  989. }
  990. .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
  991. .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
  992. .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
  993. .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
  994. .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
  995. border-left: 2px solid #C8C8C8;
  996. border-right: 2px solid #C8C8C8;
  997. }
  998. .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
  999. .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
  1000. .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
  1001. .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
  1002. .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
  1003. border-left: none;
  1004. }
  1005. .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
  1006. .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
  1007. .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
  1008. .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
  1009. .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
  1010. border-right: none;
  1011. }
  1012. .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
  1013. outline: 2px solid #007aff;
  1014. outline-offset: 2px;
  1015. }
  1016. .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
  1017. outline-color: #007aff;
  1018. outline-offset: 0;
  1019. }
  1020. .dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form {
  1021. background-color: #fff;
  1022. }
  1023. .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td {
  1024. position: relative;
  1025. }
  1026. .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
  1027. display: block;
  1028. height: 100%;
  1029. content: '';
  1030. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC);
  1031. background-repeat: no-repeat repeat;
  1032. }
  1033. .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  1034. -webkit-transform: scaleX(-1);
  1035. transform: scaleX(-1);
  1036. }
  1037. .dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
  1038. color: black;
  1039. }
  1040. .dx-treelist-container .dx-error-row td {
  1041. color: white;
  1042. padding: 0;
  1043. }
  1044. .dx-treelist-container .dx-error-row .dx-error-message {
  1045. background-color: #f28f8f;
  1046. white-space: normal;
  1047. word-wrap: break-word;
  1048. }
  1049. .dx-treelist-filter-panel {
  1050. color: black;
  1051. border-top: 1px solid #C8C8C8;
  1052. }
  1053. .dx-treelist-filter-panel .dx-icon-filter,
  1054. .dx-treelist-filter-panel .dx-treelist-filter-panel-text,
  1055. .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter {
  1056. outline: none;
  1057. }
  1058. .dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus,
  1059. .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus,
  1060. .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus {
  1061. outline: 2px solid #007aff;
  1062. }
  1063. .dx-treelist-form-buttons-container {
  1064. float: right;
  1065. }
  1066. .dx-treelist-form-buttons-container .dx-button {
  1067. margin-left: 10px;
  1068. margin-top: 10px;
  1069. }
  1070. .dx-treelist-column-chooser {
  1071. color: #000;
  1072. font-weight: normal;
  1073. font-size: 1em;
  1074. font-family: -apple-system-font, "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  1075. }
  1076. .dx-treelist-column-chooser a {
  1077. color: #000;
  1078. text-decoration: underline;
  1079. }
  1080. .dx-treelist-column-chooser img {
  1081. border-style: none;
  1082. }
  1083. .dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx {
  1084. width: 16px;
  1085. height: 16px;
  1086. background-position: 0px 0px;
  1087. background-size: 16px 16px;
  1088. padding: 0px;
  1089. font-size: 16px;
  1090. text-align: center;
  1091. line-height: 16px;
  1092. }
  1093. .dx-treelist-adaptive-more {
  1094. cursor: pointer;
  1095. font: 14px/1 DXIcons;
  1096. width: 21px;
  1097. height: 21px;
  1098. background-position: 0px 0px;
  1099. background-size: 21px 21px;
  1100. padding: 0px;
  1101. font-size: 21px;
  1102. text-align: center;
  1103. line-height: 21px;
  1104. }
  1105. .dx-treelist-adaptive-more:before {
  1106. content: "\f06c";
  1107. }
  1108. .dx-treelist-edit-popup .dx-error-message {
  1109. background-color: #f28f8f;
  1110. white-space: normal;
  1111. word-wrap: break-word;
  1112. color: white;
  1113. margin-bottom: 20px;
  1114. }
  1115. .dx-rtl.dx-treelist .dx-column-lines > td:first-child {
  1116. border-right: none;
  1117. border-left: 1px solid #C8C8C8;
  1118. }
  1119. .dx-rtl.dx-treelist .dx-column-lines > td:last-child {
  1120. border-left: none;
  1121. border-right: 1px solid #C8C8C8;
  1122. }
  1123. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
  1124. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
  1125. .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
  1126. .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
  1127. .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
  1128. border-left: 2px solid #C8C8C8;
  1129. border-right: 2px solid #C8C8C8;
  1130. }
  1131. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
  1132. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
  1133. .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
  1134. .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
  1135. .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
  1136. border-right: none;
  1137. }
  1138. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
  1139. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
  1140. .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
  1141. .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
  1142. .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
  1143. border-left: none;
  1144. }
  1145. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
  1146. -webkit-transform: scaleX(-1);
  1147. transform: scaleX(-1);
  1148. }
  1149. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
  1150. -webkit-transform: scale(1);
  1151. transform: scale(1);
  1152. }
  1153. .dx-rtl .dx-treelist-form-buttons-container {
  1154. float: left;
  1155. }
  1156. .dx-rtl .dx-treelist-form-buttons-container .dx-button {
  1157. margin-left: 0;
  1158. margin-right: 10px;
  1159. }
  1160. .dx-treelist-cell-updated-animation {
  1161. -webkit-animation: dx-treelist-highlight-change 1s;
  1162. animation: dx-treelist-highlight-change 1s;
  1163. }
  1164. @-webkit-keyframes dx-treelist-highlight-change {
  1165. from {
  1166. background-color: rgba(0, 0, 0, 0.08);
  1167. }
  1168. 50% {
  1169. background-color: rgba(0, 0, 0, 0.08);
  1170. }
  1171. }
  1172. @keyframes dx-treelist-highlight-change {
  1173. from {
  1174. background-color: rgba(0, 0, 0, 0.08);
  1175. }
  1176. 50% {
  1177. background-color: rgba(0, 0, 0, 0.08);
  1178. }
  1179. }
  1180. .dx-treeview-node-loadindicator {
  1181. left: auto;
  1182. right: 0;
  1183. }
  1184. .dx-rtl .dx-treeview-node .dx-checkbox {
  1185. left: auto;
  1186. }
  1187. .dx-validationsummary-item {
  1188. color: #FF392C;
  1189. }
  1190. .dx-validationsummary-item-content {
  1191. border-bottom: 1px dashed;
  1192. display: inline-block;
  1193. line-height: normal;
  1194. }
  1195. .dx-invalid-message > .dx-overlay-content {
  1196. color: #fff;
  1197. background-color: #FF392C;
  1198. }
  1199. .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
  1200. .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
  1201. -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  1202. box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  1203. }
  1204. .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item-marker-body,
  1205. .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item-marker-body {
  1206. background: #65bccd;
  1207. }
  1208. .dx-scheduler-win-no-touch .dx-scheduler-appointment {
  1209. -ms-touch-action: none;
  1210. touch-action: none;
  1211. }
  1212. .dx-filterbuilder {
  1213. background-color: #fff;
  1214. }
  1215. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
  1216. color: #000;
  1217. }
  1218. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation {
  1219. background-color: #F9B7B7;
  1220. }
  1221. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
  1222. background-color: #f58888;
  1223. }
  1224. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus,
  1225. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active {
  1226. background-color: #f15959;
  1227. color: #FFF;
  1228. }
  1229. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
  1230. background-color: #D0E9FF;
  1231. }
  1232. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
  1233. background-color: #9dd1ff;
  1234. }
  1235. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus,
  1236. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active {
  1237. background-color: #6ab9ff;
  1238. color: #FFF;
  1239. }
  1240. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
  1241. background-color: #C9EBC1;
  1242. }
  1243. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
  1244. background-color: #a7df9a;
  1245. }
  1246. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus,
  1247. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active {
  1248. background-color: #86d274;
  1249. color: #FFF;
  1250. }
  1251. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text {
  1252. background-color: #EEE;
  1253. }
  1254. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover {
  1255. background-color: #d5d5d5;
  1256. }
  1257. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:focus,
  1258. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text.dx-state-active {
  1259. background-color: #bbbbbb;
  1260. color: #FFF;
  1261. }
  1262. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
  1263. color: #B1D4A9;
  1264. }
  1265. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
  1266. color: #92c387;
  1267. }
  1268. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus,
  1269. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active {
  1270. color: #73b265;
  1271. }
  1272. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
  1273. color: #F9B7B7;
  1274. }
  1275. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
  1276. color: #f58888;
  1277. }
  1278. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus {
  1279. color: #f15959;
  1280. }
  1281. .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
  1282. color: #898989;
  1283. width: 14px;
  1284. height: 14px;
  1285. background-position: 0px 0px;
  1286. background-size: 14px 14px;
  1287. padding: 0px;
  1288. font-size: 14px;
  1289. text-align: center;
  1290. line-height: 14px;
  1291. }
  1292. .dx-recurrence-numberbox-interval,
  1293. .dx-recurrence-numberbox-day-of-month,
  1294. .dx-recurrence-selectbox-month-of-year,
  1295. .dx-recurrence-numberbox-repeat-count,
  1296. .dx-recurrence-datebox-until-date {
  1297. float: left;
  1298. position: relative !important;
  1299. }
  1300. .dx-recurrence-numberbox-interval.dx-rtl,
  1301. .dx-recurrence-numberbox-day-of-month.dx-rtl,
  1302. .dx-recurrence-selectbox-month-of-year.dx-rtl,
  1303. .dx-recurrence-numberbox-repeat-count.dx-rtl,
  1304. .dx-recurrence-datebox-until-date.dx-rtl {
  1305. float: right;
  1306. }
  1307. .dx-recurrence-numberbox-interval,
  1308. .dx-recurrence-numberbox-day-of-month,
  1309. .dx-recurrence-numberbox-repeat-count {
  1310. width: 70px !important;
  1311. }
  1312. .dx-recurrence-repeat-end-wrapper {
  1313. padding: 0 5px;
  1314. }
  1315. .dx-recurrence-radiogroup-repeat-type-label,
  1316. .dx-recurrence-repeat-end-label {
  1317. display: inline-block;
  1318. padding: 0 5px;
  1319. vertical-align: top;
  1320. }
  1321. .dx-recurrence-repeat-end-label {
  1322. float: left;
  1323. width: auto;
  1324. white-space: nowrap;
  1325. line-height: 36px;
  1326. }
  1327. .dx-recurrence-selectbox-month-of-year {
  1328. width: 120px !important;
  1329. top: 0 !important;
  1330. }
  1331. .dx-recurrence-checkbox-day-of-week {
  1332. position: relative !important;
  1333. padding-right: 10px;
  1334. }
  1335. .dx-recurrence-radiogroup-repeat-type {
  1336. margin: 0;
  1337. }
  1338. .dx-recurrence-radiogroup-repeat-type .dx-item {
  1339. padding-bottom: 10px;
  1340. }
  1341. .dx-recurrence-radiogroup-repeat-type.dx-rtl .dx-recurrence-repeat-end-label {
  1342. float: right;
  1343. }
  1344. .dx-recurrence-editor-container .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
  1345. .dx-recurrence-editor-container .dx-field-value-static {
  1346. width: 100%;
  1347. }
  1348. .dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox {
  1349. float: left;
  1350. }
  1351. .dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
  1352. float: right;
  1353. }
  1354. .dx-recurrence-editor-container .dx-field-label {
  1355. width: auto;
  1356. float: none;
  1357. }
  1358. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-selectbox-freq.dx-field-value {
  1359. width: 100%;
  1360. }
  1361. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-interval-field {
  1362. display: block;
  1363. margin-bottom: 2px;
  1364. }
  1365. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on {
  1366. display: block;
  1367. padding-top: 5px;
  1368. }
  1369. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on .dx-recurrence-repeat-on-label {
  1370. padding-top: 10px;
  1371. }
  1372. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
  1373. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label {
  1374. padding-bottom: 0;
  1375. }
  1376. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
  1377. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label,
  1378. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label,
  1379. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-radiogroup-repeat-type {
  1380. left: 0;
  1381. position: inherit;
  1382. }
  1383. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label {
  1384. padding-top: 0;
  1385. }
  1386. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label {
  1387. padding-bottom: 2px;
  1388. padding-top: 0;
  1389. }
  1390. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-freq-field {
  1391. margin-bottom: 0;
  1392. }
  1393. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field {
  1394. padding-top: 0;
  1395. position: static;
  1396. }
  1397. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field .dx-recurrence-radiogroup-repeat-type {
  1398. margin-top: 0;
  1399. }
  1400. .dx-scheduler-recurrence-rule-item.dx-field-item {
  1401. border-top: 1px solid #c8c8c8;
  1402. }
  1403. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
  1404. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
  1405. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
  1406. left: -90px;
  1407. }
  1408. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
  1409. left: -88px;
  1410. }
  1411. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
  1412. padding-top: 7px;
  1413. }
  1414. .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-on-week {
  1415. padding-top: 7px;
  1416. padding-bottom: 7px;
  1417. }
  1418. .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-end-container.dx-field {
  1419. padding-top: 10px;
  1420. }
  1421. .dx-theme-ios7-typography {
  1422. background: #fff;
  1423. color: #000;
  1424. font-weight: normal;
  1425. font-size: 1em;
  1426. font-family: -apple-system-font, "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  1427. }
  1428. .dx-theme-ios7-typography a {
  1429. color: #000;
  1430. text-decoration: underline;
  1431. }
  1432. .dx-theme-ios7-typography img {
  1433. border-style: none;
  1434. }
  1435. .dx-theme-ios7-typography h1,
  1436. .dx-theme-ios7-typography .dx-font-xl {
  1437. margin: 20px 0;
  1438. font-weight: bold;
  1439. font-size: 20px;
  1440. }
  1441. .dx-theme-ios7-typography h2,
  1442. .dx-theme-ios7-typography .dx-font-l {
  1443. margin: 15px 0;
  1444. font-weight: bold;
  1445. font-size: 18px;
  1446. }
  1447. .dx-theme-ios7-typography h3,
  1448. .dx-theme-ios7-typography .dx-font-m {
  1449. margin: 10px 0;
  1450. font-weight: bold;
  1451. font-size: 16px;
  1452. }
  1453. .dx-theme-ios7-typography h4,
  1454. .dx-theme-ios7-typography .dx-font-s {
  1455. margin: 5px 0;
  1456. font-weight: 400;
  1457. font-size: 14px;
  1458. line-height: 1.3636;
  1459. }
  1460. .dx-theme-ios7-typography h5 {
  1461. margin: 4px 0;
  1462. font-weight: 300;
  1463. font-size: 13px;
  1464. line-height: 1.3636;
  1465. }
  1466. .dx-theme-ios7-typography h6,
  1467. .dx-theme-ios7-typography small,
  1468. .dx-theme-ios7-typography .dx-font-xs {
  1469. margin: 2px 0;
  1470. font-weight: 400;
  1471. font-size: 11px;
  1472. line-height: 1.6667;
  1473. }
  1474. .dx-theme-marker {
  1475. font-family: "dx.ios7.default";
  1476. }
  1477. .dx-icon {
  1478. background-position: 50% 50%;
  1479. }
  1480. .dx-ios-stripes {
  1481. background: #E5E5E5;
  1482. }
  1483. .dx-black-background {
  1484. background: #eeeeee;
  1485. }
  1486. .dx-content-background {
  1487. background-color: #fff;
  1488. }
  1489. .dx-content-content {
  1490. background-color: #fff;
  1491. }
  1492. .dx-form-background {
  1493. background-color: #e5e5e5;
  1494. }
  1495. @font-face {
  1496. font-family: 'DXIcons';
  1497. src: local("DevExtreme iOS Icons"), local("devextreme_ios_icons"), url(icons/dxiconsios.woff2) format('woff2'), url(icons/dxiconsios.woff) format('woff'), url(icons/dxiconsios.ttf) format('truetype');
  1498. font-weight: normal;
  1499. font-style: normal;
  1500. }
  1501. .dx-icon {
  1502. display: inline-block;
  1503. font-size: inherit;
  1504. text-rendering: auto;
  1505. -webkit-font-smoothing: antialiased;
  1506. -moz-osx-font-smoothing: grayscale;
  1507. -webkit-transform: translate(0, 0);
  1508. transform: translate(0, 0);
  1509. }
  1510. .dx-icon-add {
  1511. font: 14px/1 DXIcons;
  1512. }
  1513. .dx-icon-add:before {
  1514. content: "\f00b";
  1515. }
  1516. .dx-icon-airplane {
  1517. font: 14px/1 DXIcons;
  1518. }
  1519. .dx-icon-airplane:before {
  1520. content: "\f000";
  1521. }
  1522. .dx-icon-bookmark {
  1523. font: 14px/1 DXIcons;
  1524. }
  1525. .dx-icon-bookmark:before {
  1526. content: "\f017";
  1527. }
  1528. .dx-icon-box {
  1529. font: 14px/1 DXIcons;
  1530. }
  1531. .dx-icon-box:before {
  1532. content: "\f018";
  1533. }
  1534. .dx-icon-car {
  1535. font: 14px/1 DXIcons;
  1536. }
  1537. .dx-icon-car:before {
  1538. content: "\f01b";
  1539. }
  1540. .dx-icon-card {
  1541. font: 14px/1 DXIcons;
  1542. }
  1543. .dx-icon-card:before {
  1544. content: "\f019";
  1545. }
  1546. .dx-icon-cart {
  1547. font: 14px/1 DXIcons;
  1548. }
  1549. .dx-icon-cart:before {
  1550. content: "\f01a";
  1551. }
  1552. .dx-icon-chart {
  1553. font: 14px/1 DXIcons;
  1554. }
  1555. .dx-icon-chart:before {
  1556. content: "\f01c";
  1557. }
  1558. .dx-icon-check {
  1559. font: 14px/1 DXIcons;
  1560. }
  1561. .dx-icon-check:before {
  1562. content: "\f005";
  1563. }
  1564. .dx-icon-clear {
  1565. font: 14px/1 DXIcons;
  1566. }
  1567. .dx-icon-clear:before {
  1568. content: "\f008";
  1569. }
  1570. .dx-icon-clock {
  1571. font: 14px/1 DXIcons;
  1572. }
  1573. .dx-icon-clock:before {
  1574. content: "\f01d";
  1575. }
  1576. .dx-icon-close {
  1577. font: 14px/1 DXIcons;
  1578. }
  1579. .dx-icon-close:before {
  1580. content: "\f00a";
  1581. }
  1582. .dx-icon-coffee {
  1583. font: 14px/1 DXIcons;
  1584. }
  1585. .dx-icon-coffee:before {
  1586. content: "\f02a";
  1587. }
  1588. .dx-icon-comment {
  1589. font: 14px/1 DXIcons;
  1590. }
  1591. .dx-icon-comment:before {
  1592. content: "\f01e";
  1593. }
  1594. .dx-icon-doc {
  1595. font: 14px/1 DXIcons;
  1596. }
  1597. .dx-icon-doc:before {
  1598. content: "\f021";
  1599. }
  1600. .dx-icon-download {
  1601. font: 14px/1 DXIcons;
  1602. }
  1603. .dx-icon-download:before {
  1604. content: "\f022";
  1605. }
  1606. .dx-icon-dragvertical {
  1607. font: 14px/1 DXIcons;
  1608. }
  1609. .dx-icon-dragvertical:before {
  1610. content: "\f038";
  1611. }
  1612. .dx-icon-edit {
  1613. font: 14px/1 DXIcons;
  1614. }
  1615. .dx-icon-edit:before {
  1616. content: "\f023";
  1617. }
  1618. .dx-icon-email {
  1619. font: 14px/1 DXIcons;
  1620. }
  1621. .dx-icon-email:before {
  1622. content: "\f024";
  1623. }
  1624. .dx-icon-event {
  1625. font: 14px/1 DXIcons;
  1626. }
  1627. .dx-icon-event:before {
  1628. content: "\f026";
  1629. }
  1630. .dx-icon-favorites {
  1631. font: 14px/1 DXIcons;
  1632. }
  1633. .dx-icon-favorites:before {
  1634. content: "\f025";
  1635. }
  1636. .dx-icon-find {
  1637. font: 14px/1 DXIcons;
  1638. }
  1639. .dx-icon-find:before {
  1640. content: "\f027";
  1641. }
  1642. .dx-icon-filter {
  1643. font: 14px/1 DXIcons;
  1644. }
  1645. .dx-icon-filter:before {
  1646. content: "\f050";
  1647. }
  1648. .dx-icon-folder {
  1649. font: 14px/1 DXIcons;
  1650. }
  1651. .dx-icon-folder:before {
  1652. content: "\f028";
  1653. }
  1654. .dx-icon-food {
  1655. font: 14px/1 DXIcons;
  1656. }
  1657. .dx-icon-food:before {
  1658. content: "\f029";
  1659. }
  1660. .dx-icon-gift {
  1661. font: 14px/1 DXIcons;
  1662. }
  1663. .dx-icon-gift:before {
  1664. content: "\f02b";
  1665. }
  1666. .dx-icon-globe {
  1667. font: 14px/1 DXIcons;
  1668. }
  1669. .dx-icon-globe:before {
  1670. content: "\f02c";
  1671. }
  1672. .dx-icon-group {
  1673. font: 14px/1 DXIcons;
  1674. }
  1675. .dx-icon-group:before {
  1676. content: "\f02e";
  1677. }
  1678. .dx-icon-help {
  1679. font: 14px/1 DXIcons;
  1680. }
  1681. .dx-icon-help:before {
  1682. content: "\f02f";
  1683. }
  1684. .dx-icon-home {
  1685. font: 14px/1 DXIcons;
  1686. }
  1687. .dx-icon-home:before {
  1688. content: "\f030";
  1689. }
  1690. .dx-icon-image {
  1691. font: 14px/1 DXIcons;
  1692. }
  1693. .dx-icon-image:before {
  1694. content: "\f031";
  1695. }
  1696. .dx-icon-info {
  1697. font: 14px/1 DXIcons;
  1698. }
  1699. .dx-icon-info:before {
  1700. content: "\f032";
  1701. }
  1702. .dx-icon-key {
  1703. font: 14px/1 DXIcons;
  1704. }
  1705. .dx-icon-key:before {
  1706. content: "\f033";
  1707. }
  1708. .dx-icon-like {
  1709. font: 14px/1 DXIcons;
  1710. }
  1711. .dx-icon-like:before {
  1712. content: "\f034";
  1713. }
  1714. .dx-icon-map {
  1715. font: 14px/1 DXIcons;
  1716. }
  1717. .dx-icon-map:before {
  1718. content: "\f035";
  1719. }
  1720. .dx-icon-menu {
  1721. font: 14px/1 DXIcons;
  1722. }
  1723. .dx-icon-menu:before {
  1724. content: "\f00c";
  1725. }
  1726. .dx-icon-message {
  1727. font: 14px/1 DXIcons;
  1728. }
  1729. .dx-icon-message:before {
  1730. content: "\f024";
  1731. }
  1732. .dx-icon-money {
  1733. font: 14px/1 DXIcons;
  1734. }
  1735. .dx-icon-money:before {
  1736. content: "\f036";
  1737. }
  1738. .dx-icon-music {
  1739. font: 14px/1 DXIcons;
  1740. }
  1741. .dx-icon-music:before {
  1742. content: "\f037";
  1743. }
  1744. .dx-icon-overflow {
  1745. font: 14px/1 DXIcons;
  1746. }
  1747. .dx-icon-overflow:before {
  1748. content: "\f00d";
  1749. }
  1750. .dx-icon-percent {
  1751. font: 14px/1 DXIcons;
  1752. }
  1753. .dx-icon-percent:before {
  1754. content: "\f039";
  1755. }
  1756. .dx-icon-photo {
  1757. font: 14px/1 DXIcons;
  1758. }
  1759. .dx-icon-photo:before {
  1760. content: "\f03a";
  1761. }
  1762. .dx-icon-plus {
  1763. font: 14px/1 DXIcons;
  1764. }
  1765. .dx-icon-plus:before {
  1766. content: "\f00b";
  1767. }
  1768. .dx-icon-preferences {
  1769. font: 14px/1 DXIcons;
  1770. }
  1771. .dx-icon-preferences:before {
  1772. content: "\f03b";
  1773. }
  1774. .dx-icon-product {
  1775. font: 14px/1 DXIcons;
  1776. }
  1777. .dx-icon-product:before {
  1778. content: "\f03c";
  1779. }
  1780. .dx-icon-pulldown {
  1781. font: 14px/1 DXIcons;
  1782. }
  1783. .dx-icon-pulldown:before {
  1784. content: "\f062";
  1785. }
  1786. .dx-icon-refresh {
  1787. font: 14px/1 DXIcons;
  1788. }
  1789. .dx-icon-refresh:before {
  1790. content: "\f03d";
  1791. }
  1792. .dx-icon-remove {
  1793. font: 14px/1 DXIcons;
  1794. }
  1795. .dx-icon-remove:before {
  1796. content: "\f00a";
  1797. }
  1798. .dx-icon-revert {
  1799. font: 14px/1 DXIcons;
  1800. }
  1801. .dx-icon-revert:before {
  1802. content: "\f04c";
  1803. }
  1804. .dx-icon-runner {
  1805. font: 14px/1 DXIcons;
  1806. }
  1807. .dx-icon-runner:before {
  1808. content: "\f040";
  1809. }
  1810. .dx-icon-save {
  1811. font: 14px/1 DXIcons;
  1812. }
  1813. .dx-icon-save:before {
  1814. content: "\f041";
  1815. }
  1816. .dx-icon-search {
  1817. font: 14px/1 DXIcons;
  1818. }
  1819. .dx-icon-search:before {
  1820. content: "\f027";
  1821. }
  1822. .dx-icon-tags {
  1823. font: 14px/1 DXIcons;
  1824. }
  1825. .dx-icon-tags:before {
  1826. content: "\f009";
  1827. }
  1828. .dx-icon-tel {
  1829. font: 14px/1 DXIcons;
  1830. }
  1831. .dx-icon-tel:before {
  1832. content: "\f003";
  1833. }
  1834. .dx-icon-tips {
  1835. font: 14px/1 DXIcons;
  1836. }
  1837. .dx-icon-tips:before {
  1838. content: "\f004";
  1839. }
  1840. .dx-icon-todo {
  1841. font: 14px/1 DXIcons;
  1842. }
  1843. .dx-icon-todo:before {
  1844. content: "\f005";
  1845. }
  1846. .dx-icon-toolbox {
  1847. font: 14px/1 DXIcons;
  1848. }
  1849. .dx-icon-toolbox:before {
  1850. content: "\f007";
  1851. }
  1852. .dx-icon-trash {
  1853. font: 14px/1 DXIcons;
  1854. }
  1855. .dx-icon-trash:before {
  1856. content: "\f03e";
  1857. }
  1858. .dx-icon-user {
  1859. font: 14px/1 DXIcons;
  1860. }
  1861. .dx-icon-user:before {
  1862. content: "\f02d";
  1863. }
  1864. .dx-icon-upload {
  1865. font: 14px/1 DXIcons;
  1866. }
  1867. .dx-icon-upload:before {
  1868. content: "\f006";
  1869. }
  1870. .dx-icon-floppy {
  1871. font: 14px/1 DXIcons;
  1872. }
  1873. .dx-icon-floppy:before {
  1874. content: "\f073";
  1875. }
  1876. .dx-icon-arrowleft {
  1877. font: 14px/1 DXIcons;
  1878. }
  1879. .dx-icon-arrowleft:before {
  1880. content: "\f011";
  1881. }
  1882. .dx-icon-arrowdown {
  1883. font: 14px/1 DXIcons;
  1884. }
  1885. .dx-icon-arrowdown:before {
  1886. content: "\f015";
  1887. }
  1888. .dx-icon-arrowright {
  1889. font: 14px/1 DXIcons;
  1890. }
  1891. .dx-icon-arrowright:before {
  1892. content: "\f00e";
  1893. }
  1894. .dx-icon-arrowup {
  1895. font: 14px/1 DXIcons;
  1896. }
  1897. .dx-icon-arrowup:before {
  1898. content: "\f013";
  1899. }
  1900. .dx-icon-spinleft {
  1901. font: 14px/1 DXIcons;
  1902. }
  1903. .dx-icon-spinleft:before {
  1904. content: "\f04f";
  1905. }
  1906. .dx-icon-spinright {
  1907. font: 14px/1 DXIcons;
  1908. }
  1909. .dx-icon-spinright:before {
  1910. content: "\f04e";
  1911. }
  1912. .dx-icon-spinnext {
  1913. font: 14px/1 DXIcons;
  1914. }
  1915. .dx-icon-spinnext:before {
  1916. content: "\f04e";
  1917. }
  1918. .dx-rtl .dx-icon-spinnext:before {
  1919. content: "\f04f";
  1920. }
  1921. .dx-icon-spinprev {
  1922. font: 14px/1 DXIcons;
  1923. }
  1924. .dx-icon-spinprev:before {
  1925. content: "\f04f";
  1926. }
  1927. .dx-rtl .dx-icon-spinprev:before {
  1928. content: "\f04e";
  1929. }
  1930. .dx-icon-spindown {
  1931. font: 14px/1 DXIcons;
  1932. }
  1933. .dx-icon-spindown:before {
  1934. content: "\f001";
  1935. }
  1936. .dx-icon-spinup {
  1937. font: 14px/1 DXIcons;
  1938. }
  1939. .dx-icon-spinup:before {
  1940. content: "\f002";
  1941. }
  1942. .dx-icon-chevronleft {
  1943. font: 14px/1 DXIcons;
  1944. }
  1945. .dx-icon-chevronleft:before {
  1946. content: "\f012";
  1947. }
  1948. .dx-icon-chevronright {
  1949. font: 14px/1 DXIcons;
  1950. }
  1951. .dx-icon-chevronright:before {
  1952. content: "\f010";
  1953. }
  1954. .dx-icon-chevronnext {
  1955. font: 14px/1 DXIcons;
  1956. }
  1957. .dx-icon-chevronnext:before {
  1958. content: "\f010";
  1959. }
  1960. .dx-rtl .dx-icon-chevronnext:before {
  1961. content: "\f012";
  1962. }
  1963. .dx-icon-chevronprev {
  1964. font: 14px/1 DXIcons;
  1965. }
  1966. .dx-icon-chevronprev:before {
  1967. content: "\f012";
  1968. }
  1969. .dx-rtl .dx-icon-chevronprev:before {
  1970. content: "\f010";
  1971. }
  1972. .dx-icon-chevrondown {
  1973. font: 14px/1 DXIcons;
  1974. }
  1975. .dx-icon-chevrondown:before {
  1976. content: "\f016";
  1977. }
  1978. .dx-icon-chevronup {
  1979. font: 14px/1 DXIcons;
  1980. }
  1981. .dx-icon-chevronup:before {
  1982. content: "\f014";
  1983. }
  1984. .dx-icon-chevrondoubleleft {
  1985. font: 14px/1 DXIcons;
  1986. }
  1987. .dx-icon-chevrondoubleleft:before {
  1988. content: "\f042";
  1989. }
  1990. .dx-icon-chevrondoubleright {
  1991. font: 14px/1 DXIcons;
  1992. }
  1993. .dx-icon-chevrondoubleright:before {
  1994. content: "\f043";
  1995. }
  1996. .dx-icon-equal {
  1997. font: 14px/1 DXIcons;
  1998. }
  1999. .dx-icon-equal:before {
  2000. content: "\f044";
  2001. }
  2002. .dx-icon-notequal {
  2003. font: 14px/1 DXIcons;
  2004. }
  2005. .dx-icon-notequal:before {
  2006. content: "\f045";
  2007. }
  2008. .dx-icon-less {
  2009. font: 14px/1 DXIcons;
  2010. }
  2011. .dx-icon-less:before {
  2012. content: "\f046";
  2013. }
  2014. .dx-icon-greater {
  2015. font: 14px/1 DXIcons;
  2016. }
  2017. .dx-icon-greater:before {
  2018. content: "\f047";
  2019. }
  2020. .dx-icon-lessorequal {
  2021. font: 14px/1 DXIcons;
  2022. }
  2023. .dx-icon-lessorequal:before {
  2024. content: "\f048";
  2025. }
  2026. .dx-icon-greaterorequal {
  2027. font: 14px/1 DXIcons;
  2028. }
  2029. .dx-icon-greaterorequal:before {
  2030. content: "\f049";
  2031. }
  2032. .dx-icon-isblank {
  2033. font: 14px/1 DXIcons;
  2034. }
  2035. .dx-icon-isblank:before {
  2036. content: "\f075";
  2037. }
  2038. .dx-icon-isnotblank {
  2039. font: 14px/1 DXIcons;
  2040. }
  2041. .dx-icon-isnotblank:before {
  2042. content: "\f076";
  2043. }
  2044. .dx-icon-sortup {
  2045. font: 14px/1 DXIcons;
  2046. }
  2047. .dx-icon-sortup:before {
  2048. content: "\f051";
  2049. }
  2050. .dx-icon-sortdown {
  2051. font: 14px/1 DXIcons;
  2052. }
  2053. .dx-icon-sortdown:before {
  2054. content: "\f052";
  2055. }
  2056. .dx-icon-sortuptext {
  2057. font: 14px/1 DXIcons;
  2058. }
  2059. .dx-icon-sortuptext:before {
  2060. content: "\f053";
  2061. }
  2062. .dx-icon-sortdowntext {
  2063. font: 14px/1 DXIcons;
  2064. }
  2065. .dx-icon-sortdowntext:before {
  2066. content: "\f054";
  2067. }
  2068. .dx-icon-sorted {
  2069. font: 14px/1 DXIcons;
  2070. }
  2071. .dx-icon-sorted:before {
  2072. content: "\f055";
  2073. }
  2074. .dx-icon-expand {
  2075. font: 14px/1 DXIcons;
  2076. }
  2077. .dx-icon-expand:before {
  2078. content: "\f04a";
  2079. }
  2080. .dx-icon-collapse {
  2081. font: 14px/1 DXIcons;
  2082. }
  2083. .dx-icon-collapse:before {
  2084. content: "\f04b";
  2085. }
  2086. .dx-icon-columnfield {
  2087. font: 14px/1 DXIcons;
  2088. }
  2089. .dx-icon-columnfield:before {
  2090. content: "\f057";
  2091. }
  2092. .dx-icon-rowfield {
  2093. font: 14px/1 DXIcons;
  2094. }
  2095. .dx-icon-rowfield:before {
  2096. content: "\f058";
  2097. }
  2098. .dx-icon-datafield {
  2099. font: 14px/1 DXIcons;
  2100. }
  2101. .dx-icon-datafield:before {
  2102. content: "\f056";
  2103. }
  2104. .dx-icon-fields {
  2105. font: 14px/1 DXIcons;
  2106. }
  2107. .dx-icon-fields:before {
  2108. content: "\f059";
  2109. }
  2110. .dx-icon-fieldchooser {
  2111. font: 14px/1 DXIcons;
  2112. }
  2113. .dx-icon-fieldchooser:before {
  2114. content: "\f05a";
  2115. }
  2116. .dx-icon-columnchooser {
  2117. font: 14px/1 DXIcons;
  2118. }
  2119. .dx-icon-columnchooser:before {
  2120. content: "\f04d";
  2121. }
  2122. .dx-icon-pin {
  2123. font: 14px/1 DXIcons;
  2124. }
  2125. .dx-icon-pin:before {
  2126. content: "\f05b";
  2127. }
  2128. .dx-icon-unpin {
  2129. font: 14px/1 DXIcons;
  2130. }
  2131. .dx-icon-unpin:before {
  2132. content: "\f05c";
  2133. }
  2134. .dx-icon-pinleft {
  2135. font: 14px/1 DXIcons;
  2136. }
  2137. .dx-icon-pinleft:before {
  2138. content: "\f05d";
  2139. }
  2140. .dx-icon-pinright {
  2141. font: 14px/1 DXIcons;
  2142. }
  2143. .dx-icon-pinright:before {
  2144. content: "\f05e";
  2145. }
  2146. .dx-icon-contains {
  2147. font: 14px/1 DXIcons;
  2148. }
  2149. .dx-icon-contains:before {
  2150. content: "\f063";
  2151. }
  2152. .dx-icon-startswith {
  2153. font: 14px/1 DXIcons;
  2154. }
  2155. .dx-icon-startswith:before {
  2156. content: "\f064";
  2157. }
  2158. .dx-icon-endswith {
  2159. font: 14px/1 DXIcons;
  2160. }
  2161. .dx-icon-endswith:before {
  2162. content: "\f065";
  2163. }
  2164. .dx-icon-doesnotcontain {
  2165. font: 14px/1 DXIcons;
  2166. }
  2167. .dx-icon-doesnotcontain:before {
  2168. content: "\f066";
  2169. }
  2170. .dx-icon-range {
  2171. font: 14px/1 DXIcons;
  2172. }
  2173. .dx-icon-range:before {
  2174. content: "\f06a";
  2175. }
  2176. .dx-icon-export {
  2177. font: 14px/1 DXIcons;
  2178. }
  2179. .dx-icon-export:before {
  2180. content: "\f05f";
  2181. }
  2182. .dx-icon-exportxlsx {
  2183. font: 14px/1 DXIcons;
  2184. }
  2185. .dx-icon-exportxlsx:before {
  2186. content: "\f060";
  2187. }
  2188. .dx-icon-exportpdf {
  2189. font: 14px/1 DXIcons;
  2190. }
  2191. .dx-icon-exportpdf:before {
  2192. content: "\f061";
  2193. }
  2194. .dx-icon-exportselected {
  2195. font: 14px/1 DXIcons;
  2196. }
  2197. .dx-icon-exportselected:before {
  2198. content: "\f06d";
  2199. }
  2200. .dx-icon-warning {
  2201. font: 14px/1 DXIcons;
  2202. }
  2203. .dx-icon-warning:before {
  2204. content: "\f06b";
  2205. }
  2206. .dx-icon-more {
  2207. font: 14px/1 DXIcons;
  2208. }
  2209. .dx-icon-more:before {
  2210. content: "\f06c";
  2211. }
  2212. .dx-icon-square {
  2213. font: 14px/1 DXIcons;
  2214. }
  2215. .dx-icon-square:before {
  2216. content: "\f067";
  2217. }
  2218. .dx-icon-clearsquare {
  2219. font: 14px/1 DXIcons;
  2220. }
  2221. .dx-icon-clearsquare:before {
  2222. content: "\f068";
  2223. }
  2224. .dx-icon-back {
  2225. font: 14px/1 DXIcons;
  2226. }
  2227. .dx-icon-back:before {
  2228. content: "\f012";
  2229. }
  2230. .dx-rtl .dx-icon-back:before {
  2231. content: "\f010";
  2232. }
  2233. .dx-icon-repeat {
  2234. font: 14px/1 DXIcons;
  2235. }
  2236. .dx-icon-repeat:before {
  2237. content: "\f069";
  2238. }
  2239. .dx-icon-selectall {
  2240. font: 14px/1 DXIcons;
  2241. }
  2242. .dx-icon-selectall:before {
  2243. content: "\f070";
  2244. }
  2245. .dx-icon-unselectall {
  2246. font: 14px/1 DXIcons;
  2247. }
  2248. .dx-icon-unselectall:before {
  2249. content: "\f071";
  2250. }
  2251. .dx-icon-print {
  2252. font: 14px/1 DXIcons;
  2253. }
  2254. .dx-icon-print:before {
  2255. content: "\f072";
  2256. }
  2257. .dx-icon-bold {
  2258. font: 14px/1 DXIcons;
  2259. }
  2260. .dx-icon-bold:before {
  2261. content: "\f077";
  2262. }
  2263. .dx-icon-italic {
  2264. font: 14px/1 DXIcons;
  2265. }
  2266. .dx-icon-italic:before {
  2267. content: "\f078";
  2268. }
  2269. .dx-icon-underline {
  2270. font: 14px/1 DXIcons;
  2271. }
  2272. .dx-icon-underline:before {
  2273. content: "\f079";
  2274. }
  2275. .dx-icon-strike {
  2276. font: 14px/1 DXIcons;
  2277. }
  2278. .dx-icon-strike:before {
  2279. content: "\f07a";
  2280. }
  2281. .dx-icon-indent {
  2282. font: 14px/1 DXIcons;
  2283. }
  2284. .dx-icon-indent:before {
  2285. content: "\f07b";
  2286. }
  2287. .dx-icon-fontsize {
  2288. font: 14px/1 DXIcons;
  2289. }
  2290. .dx-icon-fontsize:before {
  2291. content: "\f07c";
  2292. }
  2293. .dx-icon-shrinkfont {
  2294. font: 14px/1 DXIcons;
  2295. }
  2296. .dx-icon-shrinkfont:before {
  2297. content: "\f07d";
  2298. }
  2299. .dx-icon-growfont {
  2300. font: 14px/1 DXIcons;
  2301. }
  2302. .dx-icon-growfont:before {
  2303. content: "\f07e";
  2304. }
  2305. .dx-icon-color {
  2306. font: 14px/1 DXIcons;
  2307. }
  2308. .dx-icon-color:before {
  2309. content: "\f07f";
  2310. }
  2311. .dx-icon-background {
  2312. font: 14px/1 DXIcons;
  2313. }
  2314. .dx-icon-background:before {
  2315. content: "\f080";
  2316. }
  2317. .dx-icon-superscript {
  2318. font: 14px/1 DXIcons;
  2319. }
  2320. .dx-icon-superscript:before {
  2321. content: "\f081";
  2322. }
  2323. .dx-icon-subscript {
  2324. font: 14px/1 DXIcons;
  2325. }
  2326. .dx-icon-subscript:before {
  2327. content: "\f082";
  2328. }
  2329. .dx-icon-header {
  2330. font: 14px/1 DXIcons;
  2331. }
  2332. .dx-icon-header:before {
  2333. content: "\f083";
  2334. }
  2335. .dx-icon-blockquote {
  2336. font: 14px/1 DXIcons;
  2337. }
  2338. .dx-icon-blockquote:before {
  2339. content: "\f084";
  2340. }
  2341. .dx-icon-formula {
  2342. font: 14px/1 DXIcons;
  2343. }
  2344. .dx-icon-formula:before {
  2345. content: "\f056";
  2346. }
  2347. .dx-icon-codeblock {
  2348. font: 14px/1 DXIcons;
  2349. }
  2350. .dx-icon-codeblock:before {
  2351. content: "\f085";
  2352. }
  2353. .dx-icon-orderedlist {
  2354. font: 14px/1 DXIcons;
  2355. }
  2356. .dx-icon-orderedlist:before {
  2357. content: "\f086";
  2358. }
  2359. .dx-icon-bulletlist {
  2360. font: 14px/1 DXIcons;
  2361. }
  2362. .dx-icon-bulletlist:before {
  2363. content: "\f087";
  2364. }
  2365. .dx-icon-increaseindent {
  2366. font: 14px/1 DXIcons;
  2367. }
  2368. .dx-icon-increaseindent:before {
  2369. content: "\f088";
  2370. }
  2371. .dx-icon-decreaseindent {
  2372. font: 14px/1 DXIcons;
  2373. }
  2374. .dx-icon-decreaseindent:before {
  2375. content: "\f089";
  2376. }
  2377. .dx-icon-alignleft {
  2378. font: 14px/1 DXIcons;
  2379. }
  2380. .dx-icon-alignleft:before {
  2381. content: "\f08a";
  2382. }
  2383. .dx-icon-alignright {
  2384. font: 14px/1 DXIcons;
  2385. }
  2386. .dx-icon-alignright:before {
  2387. content: "\f08b";
  2388. }
  2389. .dx-icon-aligncenter {
  2390. font: 14px/1 DXIcons;
  2391. }
  2392. .dx-icon-aligncenter:before {
  2393. content: "\f08c";
  2394. }
  2395. .dx-icon-alignjustify {
  2396. font: 14px/1 DXIcons;
  2397. }
  2398. .dx-icon-alignjustify:before {
  2399. content: "\f08d";
  2400. }
  2401. .dx-icon-link {
  2402. font: 14px/1 DXIcons;
  2403. }
  2404. .dx-icon-link:before {
  2405. content: "\f08e";
  2406. }
  2407. .dx-icon-video {
  2408. font: 14px/1 DXIcons;
  2409. }
  2410. .dx-icon-video:before {
  2411. content: "\f08f";
  2412. }
  2413. .dx-icon-mention {
  2414. font: 14px/1 DXIcons;
  2415. }
  2416. .dx-icon-mention:before {
  2417. content: "\f090";
  2418. }
  2419. .dx-icon-variable {
  2420. font: 14px/1 DXIcons;
  2421. }
  2422. .dx-icon-variable:before {
  2423. content: "\f091";
  2424. }
  2425. .dx-icon-clearformat {
  2426. font: 14px/1 DXIcons;
  2427. }
  2428. .dx-icon-clearformat:before {
  2429. content: "\f092";
  2430. }
  2431. .dx-icon-undo {
  2432. font: 14px/1 DXIcons;
  2433. }
  2434. .dx-icon-undo:before {
  2435. content: "\f04c";
  2436. }
  2437. .dx-rtl .dx-icon-undo:before {
  2438. content: "\f093";
  2439. }
  2440. .dx-icon-redo {
  2441. font: 14px/1 DXIcons;
  2442. }
  2443. .dx-icon-redo:before {
  2444. content: "\f093";
  2445. }
  2446. .dx-rtl .dx-icon-redo:before {
  2447. content: "\f04c";
  2448. }
  2449. .dx-widget {
  2450. color: #000;
  2451. font-weight: normal;
  2452. font-size: 1em;
  2453. font-family: -apple-system-font, "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  2454. }
  2455. .dx-widget a {
  2456. color: #000;
  2457. text-decoration: underline;
  2458. }
  2459. .dx-widget img {
  2460. border-style: none;
  2461. }
  2462. .dx-state-disabled.dx-widget,
  2463. .dx-state-disabled .dx-widget {
  2464. opacity: 0.65;
  2465. -webkit-user-select: none;
  2466. -moz-user-select: none;
  2467. -ms-user-select: none;
  2468. user-select: none;
  2469. -webkit-touch-callout: none;
  2470. zoom: 1;
  2471. cursor: default;
  2472. }
  2473. .dx-state-disabled.dx-widget .dx-widget,
  2474. .dx-state-disabled .dx-widget .dx-widget {
  2475. opacity: 1;
  2476. }
  2477. .dx-badge {
  2478. line-height: 15px;
  2479. background-color: #ff3b30;
  2480. color: #fff;
  2481. padding: 1px 5px;
  2482. }
  2483. .dx-button-disabled {
  2484. color: #b9b9b9;
  2485. opacity: 1;
  2486. }
  2487. .dx-button {
  2488. color: #017aff;
  2489. overflow: hidden;
  2490. display: inline-block;
  2491. }
  2492. .dx-button .dx-icon {
  2493. width: 28px;
  2494. height: 28px;
  2495. background-position: 0px 0px;
  2496. background-size: 28px 28px;
  2497. padding: 0px;
  2498. font-size: 28px;
  2499. text-align: center;
  2500. line-height: 28px;
  2501. margin: 4px;
  2502. }
  2503. .dx-button-content {
  2504. width: 100%;
  2505. border: 0;
  2506. text-align: center;
  2507. -webkit-transition: opacity 0.15s linear;
  2508. transition: opacity 0.15s linear;
  2509. }
  2510. .dx-button-text {
  2511. font-size: 100%;
  2512. line-height: 28px;
  2513. padding: 0 2px;
  2514. display: inline;
  2515. vertical-align: middle;
  2516. }
  2517. .dx-button-back .dx-button-content {
  2518. width: auto;
  2519. height: auto;
  2520. }
  2521. .dx-button-back .dx-button-text {
  2522. padding: 0;
  2523. }
  2524. .dx-button-back .dx-icon {
  2525. font-weight: bold;
  2526. margin: 0 -4px;
  2527. line-height: normal;
  2528. }
  2529. .dx-button-default .dx-button-text {
  2530. font-weight: bold;
  2531. }
  2532. .dx-button-danger {
  2533. color: #fd472b;
  2534. }
  2535. .dx-button-success {
  2536. color: #00e367;
  2537. }
  2538. .dx-state-active.dx-button .dx-button-content {
  2539. opacity: 0.35;
  2540. -webkit-transition: opacity 0s;
  2541. transition: opacity 0s;
  2542. }
  2543. .dx-state-disabled.dx-button,
  2544. .dx-state-disabled .dx-button {
  2545. color: #b9b9b9;
  2546. opacity: 1;
  2547. }
  2548. .dx-rtl .dx-button-back .dx-button-content,
  2549. .dx-rtl.dx-button-back .dx-button-content {
  2550. margin-left: 0;
  2551. }
  2552. .dx-scrollable-native .dx-scrollable-content {
  2553. min-height: 101%;
  2554. }
  2555. .dx-scrollable-scroll {
  2556. margin: 2px;
  2557. border-radius: 2px;
  2558. background-color: rgba(1, 1, 1, 0.165);
  2559. }
  2560. .dx-scrollbar-vertical .dx-scrollable-scroll {
  2561. width: 3px;
  2562. }
  2563. .dx-scrollbar-horizontal .dx-scrollable-scroll {
  2564. height: 3px;
  2565. }
  2566. .dx-scrollview-pull-down-image {
  2567. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==) 0 0 no-repeat;
  2568. background-size: contain;
  2569. }
  2570. .dx-scrollview-pull-down-text {
  2571. color: #9a9a9a;
  2572. font-size: 16px;
  2573. line-height: 14px;
  2574. }
  2575. .dx-scrollview-bottom-pocket .dx-loadindicator {
  2576. display: block;
  2577. overflow: visible;
  2578. }
  2579. .dx-scrollview-pull-down-indicator {
  2580. margin-top: -18px;
  2581. }
  2582. .dx-checkbox.dx-state-active .dx-checkbox-icon {
  2583. background-color: #007aff;
  2584. }
  2585. .dx-checkbox-text {
  2586. margin-left: -25px;
  2587. padding-left: 30px;
  2588. }
  2589. .dx-rtl .dx-checkbox-text,
  2590. .dx-rtl.dx-checkbox-text {
  2591. margin-right: -25px;
  2592. padding-right: 30px;
  2593. }
  2594. .dx-checkbox-icon {
  2595. width: 25px;
  2596. height: 25px;
  2597. outline: 1px solid transparent;
  2598. border: 1px solid #007aff;
  2599. background-color: white;
  2600. background-size: 100%;
  2601. border-radius: 3px;
  2602. }
  2603. .dx-checkbox-checked .dx-checkbox-icon {
  2604. font: 14px/1 DXIcons;
  2605. color: white;
  2606. font-size: 32px;
  2607. text-align: center;
  2608. line-height: 32px;
  2609. }
  2610. .dx-checkbox-checked .dx-checkbox-icon:before {
  2611. content: "\f005";
  2612. }
  2613. .dx-checkbox-checked .dx-checkbox-icon:before {
  2614. position: absolute;
  2615. display: block;
  2616. width: 32px;
  2617. top: 50%;
  2618. margin-top: -16px;
  2619. left: 50%;
  2620. margin-left: -16px;
  2621. }
  2622. .dx-checkbox-indeterminate .dx-checkbox-icon:before {
  2623. content: '';
  2624. width: 15px;
  2625. height: 15px;
  2626. background-color: white;
  2627. border-radius: 3px;
  2628. position: absolute;
  2629. left: 4px;
  2630. top: 4px;
  2631. }
  2632. .dx-checkbox-indeterminate .dx-checkbox-icon,
  2633. .dx-checkbox-checked .dx-checkbox-icon {
  2634. background-color: #007aff;
  2635. }
  2636. .dx-state-active.dx-checkbox-indeterminate .dx-checkbox-icon:before,
  2637. .dx-state-active.dx-checkbox-checked .dx-checkbox-icon:before {
  2638. content: '';
  2639. background: none;
  2640. }
  2641. .dx-state-disabled.dx-checkbox,
  2642. .dx-state-disabled .dx-checkbox {
  2643. opacity: 0.5;
  2644. }
  2645. .dx-invalid .dx-checkbox-container .dx-checkbox-icon {
  2646. border: 1px solid rgba(255, 57, 44, 0.4);
  2647. }
  2648. .dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon {
  2649. border-color: #FF392C;
  2650. }
  2651. .dx-switch.dx-state-disabled {
  2652. opacity: 0.35;
  2653. }
  2654. .dx-switch-on,
  2655. .dx-switch-off {
  2656. display: none;
  2657. }
  2658. .dx-switch-inner {
  2659. width: 200%;
  2660. height: 100%;
  2661. display: -webkit-box;
  2662. display: -webkit-flex;
  2663. display: -ms-flexbox;
  2664. display: flex;
  2665. }
  2666. .dx-switch-container {
  2667. position: relative;
  2668. overflow: visible;
  2669. min-width: 51px;
  2670. width: 100%;
  2671. height: 31px;
  2672. border-radius: 16px;
  2673. background: #e5e5e5;
  2674. -webkit-transition: all 0.24s ease;
  2675. transition: all 0.24s ease;
  2676. }
  2677. .dx-switch-container:before {
  2678. position: absolute;
  2679. display: block;
  2680. top: 2px;
  2681. right: 2px;
  2682. bottom: 2px;
  2683. left: 2px;
  2684. content: " ";
  2685. border-radius: 16px;
  2686. background: #fff;
  2687. -webkit-transition: all 0.24s ease;
  2688. transition: all 0.24s ease;
  2689. }
  2690. .dx-switch-handle {
  2691. -webkit-flex-basis: 27px;
  2692. -ms-flex-preferred-size: 27px;
  2693. flex-basis: 27px;
  2694. -webkit-flex-shrink: 0;
  2695. -ms-flex-negative: 0;
  2696. flex-shrink: 0;
  2697. width: 27px;
  2698. height: 27px;
  2699. position: absolute;
  2700. top: 2px;
  2701. left: 50%;
  2702. margin-left: 2px;
  2703. bottom: 2px;
  2704. border-radius: 16px;
  2705. background: #fff;
  2706. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 5px rgba(0, 0, 0, 0.2);
  2707. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 5px rgba(0, 0, 0, 0.2);
  2708. -webkit-transition: margin-left 0.24s ease 0s, left 0.24s ease 0s, width 0.14s ease 0.1s, -webkit-transform 0.14s ease 0.1s;
  2709. transition: margin-left 0.24s ease 0s, left 0.24s ease 0s, width 0.14s ease 0.1s, -webkit-transform 0.14s ease 0.1s;
  2710. transition: margin-left 0.24s ease 0s, left 0.24s ease 0s, width 0.14s ease 0.1s, transform 0.14s ease 0.1s;
  2711. transition: margin-left 0.24s ease 0s, left 0.24s ease 0s, width 0.14s ease 0.1s, transform 0.14s ease 0.1s, -webkit-transform 0.14s ease 0.1s;
  2712. }
  2713. .dx-state-active .dx-switch-handle {
  2714. width: 35px;
  2715. }
  2716. .dx-switch-on-value .dx-switch-container {
  2717. background: #4ad660;
  2718. }
  2719. .dx-switch-on-value .dx-switch-container:before {
  2720. top: 50%;
  2721. right: 50%;
  2722. bottom: 50%;
  2723. left: 50%;
  2724. -webkit-transition: all 0.06s ease;
  2725. transition: all 0.06s ease;
  2726. }
  2727. .dx-switch-on-value .dx-switch-handle {
  2728. margin-left: -2px;
  2729. }
  2730. .dx-state-active.dx-switch-on-value .dx-switch-handle {
  2731. -webkit-transform: translate(-8px, 0);
  2732. transform: translate(-8px, 0);
  2733. }
  2734. .dx-rtl .dx-switch-handle {
  2735. left: auto;
  2736. right: 50%;
  2737. margin-right: -27px;
  2738. -webkit-transition: margin-right 0.24s ease 0s, right 0.24s ease 0s, width 0.14s ease 0.1s, -webkit-transform 0.14s ease 0.1s;
  2739. transition: margin-right 0.24s ease 0s, right 0.24s ease 0s, width 0.14s ease 0.1s, -webkit-transform 0.14s ease 0.1s;
  2740. transition: margin-right 0.24s ease 0s, right 0.24s ease 0s, width 0.14s ease 0.1s, transform 0.14s ease 0.1s;
  2741. transition: margin-right 0.24s ease 0s, right 0.24s ease 0s, width 0.14s ease 0.1s, transform 0.14s ease 0.1s, -webkit-transform 0.14s ease 0.1s;
  2742. }
  2743. .dx-state-active.dx-rtl .dx-switch-handle {
  2744. -webkit-transform: translate(0, 0);
  2745. transform: translate(0, 0);
  2746. }
  2747. .dx-switch-on-value.dx-rtl .dx-switch-handle {
  2748. margin-left: 0;
  2749. margin-right: -29px;
  2750. }
  2751. .dx-state-active.dx-switch-on-value.dx-rtl .dx-switch-handle {
  2752. -webkit-transform: translate(8px, 0);
  2753. transform: translate(8px, 0);
  2754. }
  2755. .dx-tabs {
  2756. border: 0;
  2757. background: #fff;
  2758. border-radius: 6px;
  2759. }
  2760. .dx-tabs .dx-tabs-nav-button {
  2761. width: 30px;
  2762. }
  2763. .dx-tabs.dx-tabs-nav-buttons .dx-tabs-scrollable {
  2764. margin-right: 30px;
  2765. margin-left: 30px;
  2766. }
  2767. .dx-tabs .dx-tabs-item-badge {
  2768. vertical-align: middle;
  2769. }
  2770. .dx-tabs-nav-buttons .dx-tab:first-child {
  2771. border-radius: 0;
  2772. }
  2773. .dx-tabs-nav-buttons .dx-tab:last-child {
  2774. border-radius: 0;
  2775. }
  2776. .dx-tabs-nav-button {
  2777. border: 1px solid #007aff;
  2778. }
  2779. .dx-tabs-nav-button .dx-icon {
  2780. margin: 0;
  2781. }
  2782. .dx-tabs-nav-button-left {
  2783. border-radius: 6px 0 0 6px;
  2784. }
  2785. .dx-tabs-nav-button-right {
  2786. border-radius: 0 6px 6px 0;
  2787. }
  2788. .dx-tab {
  2789. height: 29px;
  2790. border: 1px solid #007aff;
  2791. border-right: none;
  2792. background-color: inherit;
  2793. }
  2794. .dx-tab .dx-tab-content {
  2795. vertical-align: middle;
  2796. }
  2797. .dx-tab .dx-icon {
  2798. display: inline-block;
  2799. vertical-align: middle;
  2800. width: 18px;
  2801. height: 18px;
  2802. background-position: 0px 0px;
  2803. background-size: 18px 18px;
  2804. padding: 0px;
  2805. font-size: 18px;
  2806. text-align: center;
  2807. line-height: 18px;
  2808. color: #007aff;
  2809. }
  2810. .dx-tab:first-child {
  2811. border-radius: 6px 0 0 6px;
  2812. }
  2813. .dx-tab:last-child {
  2814. border-right: 1px solid #007aff;
  2815. border-radius: 0 6px 6px 0;
  2816. }
  2817. .dx-tab.dx-state-disabled,
  2818. .dx-tabs.dx-state-disabled {
  2819. opacity: 1;
  2820. }
  2821. .dx-tab.dx-state-disabled .dx-icon,
  2822. .dx-tabs.dx-state-disabled .dx-icon,
  2823. .dx-tab.dx-state-disabled .dx-tab-text,
  2824. .dx-tabs.dx-state-disabled .dx-tab-text {
  2825. color: #c8c8c8;
  2826. }
  2827. .dx-tab-selected {
  2828. background: #007aff;
  2829. -webkit-transition: background linear 0.1s;
  2830. transition: background linear 0.1s;
  2831. }
  2832. .dx-tab-selected .dx-icon {
  2833. color: #fff;
  2834. }
  2835. .dx-tab-selected .dx-tab-text {
  2836. color: #fff;
  2837. }
  2838. .dx-tab-selected .dx-tabs-item-badge {
  2839. background-color: #fff;
  2840. color: #007aff;
  2841. }
  2842. .dx-tab-text {
  2843. display: inline-block;
  2844. padding: 0 4px;
  2845. color: #007aff;
  2846. vertical-align: middle;
  2847. font-size: 13px;
  2848. font-weight: 500;
  2849. line-height: 27px;
  2850. }
  2851. .dx-rtl .dx-tab:first-child {
  2852. border-right: 1px solid #007aff;
  2853. border-radius: 0 6px 6px 0;
  2854. }
  2855. .dx-rtl .dx-tab:last-child {
  2856. border-right: none;
  2857. border-radius: 6px 0 0 6px;
  2858. }
  2859. .dx-navbar {
  2860. display: inline-table;
  2861. padding: 0;
  2862. width: 100%;
  2863. height: 58px;
  2864. border: 0;
  2865. border-top: 1px solid #ababab;
  2866. background: #f8f8f8;
  2867. table-layout: fixed;
  2868. border-radius: 0;
  2869. }
  2870. .dx-hairlines .dx-navbar {
  2871. border-top-width: 0.5px;
  2872. }
  2873. .dx-navbar .dx-nav-item,
  2874. .dx-navbar .dx-rtl .dx-nav-item {
  2875. position: relative;
  2876. padding: 0 4px;
  2877. min-width: 52px;
  2878. height: 100%;
  2879. border: none;
  2880. background: transparent;
  2881. border-radius: 0;
  2882. }
  2883. .dx-navbar .dx-nav-item:first-child,
  2884. .dx-navbar .dx-rtl .dx-nav-item:first-child,
  2885. .dx-navbar .dx-nav-item:last-child,
  2886. .dx-navbar .dx-rtl .dx-nav-item:last-child {
  2887. border: none;
  2888. border-radius: 0;
  2889. }
  2890. .dx-navbar .dx-nav-item .dx-icon,
  2891. .dx-navbar .dx-rtl .dx-nav-item .dx-icon {
  2892. position: absolute;
  2893. margin: 2px 4px;
  2894. top: 0;
  2895. left: 50%;
  2896. display: block;
  2897. margin-left: -19px;
  2898. width: 38px;
  2899. height: 38px;
  2900. background-position: 4px 4px;
  2901. background-size: 30px 30px;
  2902. padding: 4px;
  2903. font-size: 30px;
  2904. text-align: center;
  2905. line-height: 30px;
  2906. color: #929292;
  2907. }
  2908. .dx-rtl.dx-navbar .dx-nav-item .dx-icon,
  2909. .dx-rtl.dx-navbar .dx-rtl .dx-nav-item .dx-icon,
  2910. .dx-rtl .dx-navbar .dx-nav-item .dx-icon,
  2911. .dx-rtl .dx-navbar .dx-rtl .dx-nav-item .dx-icon {
  2912. margin: 2px 4px;
  2913. margin-left: -19px;
  2914. }
  2915. .dx-navbar .dx-nav-item .dx-tab-text,
  2916. .dx-navbar .dx-rtl .dx-nav-item .dx-tab-text {
  2917. display: block;
  2918. padding: 0;
  2919. padding-top: 30px;
  2920. width: 100%;
  2921. color: #929292;
  2922. font-size: 11px;
  2923. line-height: 28px;
  2924. }
  2925. .dx-navbar .dx-nav-item.dx-tab-selected .dx-icon,
  2926. .dx-navbar .dx-rtl .dx-nav-item.dx-tab-selected .dx-icon {
  2927. color: #007aff;
  2928. }
  2929. .dx-navbar .dx-nav-item.dx-tab-selected .dx-tab-text,
  2930. .dx-navbar .dx-rtl .dx-nav-item.dx-tab-selected .dx-tab-text {
  2931. color: #007aff;
  2932. }
  2933. .dx-navbar .dx-nav-item.dx-state-active,
  2934. .dx-navbar .dx-rtl .dx-nav-item.dx-state-active {
  2935. background: none;
  2936. }
  2937. .dx-navbar .dx-nav-item.dx-state-active .dx-icon,
  2938. .dx-navbar .dx-rtl .dx-nav-item.dx-state-active .dx-icon {
  2939. color: #929292;
  2940. }
  2941. .dx-navbar .dx-nav-item.dx-state-active .dx-tab-text,
  2942. .dx-navbar .dx-rtl .dx-nav-item.dx-state-active .dx-tab-text {
  2943. color: #929292;
  2944. }
  2945. .dx-navbar .dx-nav-item.dx-state-active.dx-tab-selected .dx-icon,
  2946. .dx-navbar .dx-rtl .dx-nav-item.dx-state-active.dx-tab-selected .dx-icon {
  2947. color: #007aff;
  2948. }
  2949. .dx-navbar .dx-nav-item.dx-state-active.dx-tab-selected .dx-tab-text,
  2950. .dx-navbar .dx-rtl .dx-nav-item.dx-state-active.dx-tab-selected .dx-tab-text {
  2951. color: #007aff;
  2952. }
  2953. .dx-navbar-item-badge {
  2954. top: 5%;
  2955. }
  2956. .dx-state-disabled.dx-nav-item.dx-tab-selected .dx-tab-text,
  2957. .dx-state-disabled .dx-nav-item.dx-tab-selected .dx-tab-text,
  2958. .dx-state-disabled.dx-nav-item .dx-tab-text,
  2959. .dx-state-disabled .dx-nav-item .dx-tab-text {
  2960. color: #808080;
  2961. }
  2962. .dx-device-tablet .dx-nav-item {
  2963. display: inline-block;
  2964. padding: 0 30px;
  2965. }
  2966. .dx-state-readonly .dx-texteditor-input {
  2967. color: rgba(142, 142, 147, 0.65);
  2968. }
  2969. .dx-texteditor-container {
  2970. border: 1px solid #ccc;
  2971. border-radius: 6px;
  2972. overflow: hidden;
  2973. }
  2974. .dx-hairlines .dx-texteditor-container {
  2975. border-width: 0.5px;
  2976. }
  2977. .dx-placeholder {
  2978. color: #c7c7cd;
  2979. }
  2980. .dx-placeholder:before {
  2981. padding: 7px 7px 7px 9px;
  2982. font-size: 1em;
  2983. }
  2984. .dx-texteditor-input {
  2985. margin: 0;
  2986. padding: 6px;
  2987. padding-left: 8px;
  2988. background: #fff;
  2989. color: #000;
  2990. font-size: 1em;
  2991. font-family: -apple-system-font, "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  2992. }
  2993. .dx-texteditor-input:invalid {
  2994. -webkit-box-shadow: none;
  2995. box-shadow: none;
  2996. }
  2997. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input {
  2998. padding-right: 30px;
  2999. }
  3000. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-rtl .dx-texteditor-input {
  3001. padding: 6px;
  3002. padding-left: 30px;
  3003. }
  3004. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after {
  3005. right: 4px;
  3006. }
  3007. .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after,
  3008. .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after {
  3009. left: 4px;
  3010. right: auto;
  3011. }
  3012. .dx-clear-button-area {
  3013. width: 26px;
  3014. }
  3015. .dx-clear-button-area .dx-icon-clear {
  3016. top: 7px;
  3017. left: 0;
  3018. color: #8e8e93;
  3019. width: 18px;
  3020. height: 18px;
  3021. background-position: 0px 0px;
  3022. background-size: 18px 18px;
  3023. padding: 0px;
  3024. font-size: 18px;
  3025. text-align: center;
  3026. line-height: 18px;
  3027. }
  3028. .dx-state-disabled .dx-placeholder:before {
  3029. color: #8e8e93;
  3030. }
  3031. .dx-state-disabled .dx-texteditor-input {
  3032. color: #8e8e93;
  3033. }
  3034. .dx-state-disabled .dx-texteditor-input :not(.dx-searchbox) {
  3035. padding: 6px;
  3036. padding-left: 8px;
  3037. }
  3038. .dx-state-disabled .dx-texteditor-container {
  3039. border: 1px solid #ddd;
  3040. }
  3041. .dx-texteditor.dx-invalid .dx-texteditor-input {
  3042. padding-right: 30px;
  3043. }
  3044. .dx-texteditor.dx-invalid.dx-rtl .dx-texteditor-input {
  3045. padding: 6px;
  3046. padding-left: 30px;
  3047. }
  3048. .dx-texteditor.dx-invalid .dx-texteditor-input-container:after {
  3049. right: 4px;
  3050. }
  3051. .dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
  3052. .dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-input-container:after {
  3053. left: 4px;
  3054. right: auto;
  3055. }
  3056. .dx-texteditor.dx-invalid .dx-texteditor-input-container:after {
  3057. pointer-events: none;
  3058. font-weight: bold;
  3059. background-color: #fff;
  3060. border: 2px solid #FF392C;
  3061. color: #FF392C;
  3062. content: '!';
  3063. position: absolute;
  3064. top: 50%;
  3065. margin-top: -11px;
  3066. width: 22px;
  3067. height: 22px;
  3068. border-radius: 11px;
  3069. text-align: center;
  3070. line-height: 19px;
  3071. }
  3072. .dx-rtl .dx-texteditor.dx-show-clear-button .dx-texteditor-input,
  3073. .dx-rtl.dx-texteditor.dx-show-clear-button .dx-texteditor-input {
  3074. padding-right: 6px;
  3075. padding-left: 34px;
  3076. }
  3077. .dx-rtl .dx-texteditor .dx-placeholder,
  3078. .dx-rtl.dx-texteditor .dx-placeholder,
  3079. .dx-rtl .dx-texteditor .dx-placeholder:before,
  3080. .dx-rtl.dx-texteditor .dx-placeholder:before {
  3081. right: 0;
  3082. left: auto;
  3083. }
  3084. .dx-rtl .dx-texteditor .dx-texteditor-input,
  3085. .dx-rtl.dx-texteditor .dx-texteditor-input {
  3086. padding-right: 8px;
  3087. padding-left: 6px;
  3088. }
  3089. .dx-rtl .dx-texteditor .dx-clear-button-area .dx-icon-clear,
  3090. .dx-rtl.dx-texteditor .dx-clear-button-area .dx-icon-clear {
  3091. float: left;
  3092. left: auto;
  3093. right: 0;
  3094. }
  3095. @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  3096. .dx-clear-button-area .dx-icon-clear {
  3097. top: 8px;
  3098. }
  3099. }
  3100. .dx-searchbox .dx-texteditor-container {
  3101. width: auto;
  3102. border: none;
  3103. }
  3104. .dx-searchbox .dx-texteditor-container .dx-icon-search {
  3105. width: 0;
  3106. height: 0;
  3107. }
  3108. .dx-searchbox .dx-placeholder {
  3109. width: 100%;
  3110. -webkit-transform: translate(50%, 0);
  3111. transform: translate(50%, 0);
  3112. -webkit-transition: -webkit-transform 400ms ease;
  3113. transition: -webkit-transform 400ms ease;
  3114. transition: transform 400ms ease;
  3115. transition: transform 400ms ease, -webkit-transform 400ms ease;
  3116. }
  3117. .dx-searchbox .dx-placeholder:before {
  3118. overflow: visible;
  3119. display: none;
  3120. vertical-align: baseline;
  3121. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADlUlEQVR42u2bIXAiQRBFqUJEIBAIBAIREXECgUAgEIgTJyJOREQgTkScQEQgEBEnIqgKAnEiAhGBiIiIiIhArFgRERGBiEAiTkQgEIhNT1VvVdfc7LKw07OzmxW/Kib09OueoWe6KXieV/jKKuQAcgDxPuDmZrJLVVAd1AY18e9yhP+LJNsAFEFd0DXIBX2AvACtQE+gAaiRdgAiqiPQvxCHd2kB6u+bHYkCgAVUQLegrcKhDegFdAe6IhLZcQ96DQAhsmaI2WQvADB+rkhxkQF/QR3QUQQHRLR/IpCNIiPa1gEAoyXQVLGf+xGdDjssxxKILZ4RdgDAiDmS82OdpzqeJ0+SjUnQljAGACP/JkW9q9FxWX3pbLlLDADSd6T9eRKxDoij76A1sTtKCsCYLGIp9usehVBctaVMODUKAIz8IMbXfuQNAhA6k74ma0YA4Km+JMbPDiiFdYlm4cwUgAE1euBdQJfkYHRYAaDBFanqagkDKGDR5AN44Abwi37Xx7gN6hYtoY85AcyJobpFAHpkXX9YAGBl5xtxYr4H6FaJ1AYLLgB0rw0sAyD0SNZX5QAwIgaaFgLo08KIAwAlfGQhgC5Z3yUHgIVf9mp4E+RQnQC45QDgFxyupQAKBMCUA4BfAM1TAOCRMwPmXzUDlpafATVuAP6T1NZSAC0CYMgBYEIMfLMQwO+wK7oOALTevrAQwEzXhSjIKfo9+2AZgCLpQC05b4Nv5G2+YhEA+kQ34QRwSQxdWQSA9gxanACqpEsjCqOSBQCaxPlXE2+C9CFyZAEAV34e5wZQJQ3QrepqnNAV2DXZF7iQmiLlBAA0yHbc4lYw2hmiB49DzwMDzp+Qy5knd4tNARCDEO8qCAacp72A5yS7w3IkXrBg4nz1WUlt8rU8NGF6PkCG8IGTIro7QNcBYzf/QUhiQqSmmO9x/FZVzBL3XNpq3i4IicwIYZQmioU52FEq7/m+N1Q4vsZMWIdBSHpKrIVngWqBLkLq4+2ygwMPPTzJpyHRnpEWeJsTgq45wVPF7NC+2uC0WCNgSIIFgu5J0TpG91kx9hY0E3iP26YSYVJEOwTuWeFjvL72JHWxzD5kXEYrBBPD0hwzQ9ogpBGAVghpBaANQpoBaIGQdgCxIaQeAK7hYAiZABAHQmYAHAohUwAiQBB3j2KmAYRAWMlzzpkFoICgdD7TAAiE9yDnMw/A/7FH/tPZHEAOIFCfbCDU6WjIrzYAAAAASUVORK5CYII=);
  3122. background-position: 0 8px;
  3123. margin-left: 4px;
  3124. padding-left: 22px;
  3125. min-height: 22px;
  3126. background-repeat: no-repeat;
  3127. background-size: 14px 14px;
  3128. -webkit-transform: translate(-50%, 0);
  3129. transform: translate(-50%, 0);
  3130. -webkit-transition: -webkit-transform 400ms ease;
  3131. transition: -webkit-transform 400ms ease;
  3132. transition: transform 400ms ease;
  3133. transition: transform 400ms ease, -webkit-transform 400ms ease;
  3134. }
  3135. .dx-searchbox.dx-texteditor-empty .dx-icon-search:before {
  3136. display: none;
  3137. }
  3138. .dx-searchbox.dx-texteditor-empty .dx-placeholder:before {
  3139. display: inline-block;
  3140. }
  3141. .dx-searchbox .dx-icon-search:before {
  3142. display: block;
  3143. top: 8px;
  3144. left: 8px;
  3145. width: 14px;
  3146. height: 14px;
  3147. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADlUlEQVR42u2bIXAiQRBFqUJEIBAIBAIREXECgUAgEIgTJyJOREQgTkScQEQgEBEnIqgKAnEiAhGBiIiIiIhArFgRERGBiEAiTkQgEIhNT1VvVdfc7LKw07OzmxW/Kib09OueoWe6KXieV/jKKuQAcgDxPuDmZrJLVVAd1AY18e9yhP+LJNsAFEFd0DXIBX2AvACtQE+gAaiRdgAiqiPQvxCHd2kB6u+bHYkCgAVUQLegrcKhDegFdAe6IhLZcQ96DQAhsmaI2WQvADB+rkhxkQF/QR3QUQQHRLR/IpCNIiPa1gEAoyXQVLGf+xGdDjssxxKILZ4RdgDAiDmS82OdpzqeJ0+SjUnQljAGACP/JkW9q9FxWX3pbLlLDADSd6T9eRKxDoij76A1sTtKCsCYLGIp9usehVBctaVMODUKAIz8IMbXfuQNAhA6k74ma0YA4Km+JMbPDiiFdYlm4cwUgAE1euBdQJfkYHRYAaDBFanqagkDKGDR5AN44Abwi37Xx7gN6hYtoY85AcyJobpFAHpkXX9YAGBl5xtxYr4H6FaJ1AYLLgB0rw0sAyD0SNZX5QAwIgaaFgLo08KIAwAlfGQhgC5Z3yUHgIVf9mp4E+RQnQC45QDgFxyupQAKBMCUA4BfAM1TAOCRMwPmXzUDlpafATVuAP6T1NZSAC0CYMgBYEIMfLMQwO+wK7oOALTevrAQwEzXhSjIKfo9+2AZgCLpQC05b4Nv5G2+YhEA+kQ34QRwSQxdWQSA9gxanACqpEsjCqOSBQCaxPlXE2+C9CFyZAEAV34e5wZQJQ3QrepqnNAV2DXZF7iQmiLlBAA0yHbc4lYw2hmiB49DzwMDzp+Qy5knd4tNARCDEO8qCAacp72A5yS7w3IkXrBg4nz1WUlt8rU8NGF6PkCG8IGTIro7QNcBYzf/QUhiQqSmmO9x/FZVzBL3XNpq3i4IicwIYZQmioU52FEq7/m+N1Q4vsZMWIdBSHpKrIVngWqBLkLq4+2ygwMPPTzJpyHRnpEWeJsTgq45wVPF7NC+2uC0WCNgSIIFgu5J0TpG91kx9hY0E3iP26YSYVJEOwTuWeFjvL72JHWxzD5kXEYrBBPD0hwzQ9ogpBGAVghpBaANQpoBaIGQdgCxIaQeAK7hYAiZABAHQmYAHAohUwAiQBB3j2KmAYRAWMlzzpkFoICgdD7TAAiE9yDnMw/A/7FH/tPZHEAOIFCfbCDU6WjIrzYAAAAASUVORK5CYII=);
  3148. background-repeat: no-repeat;
  3149. background-size: contain;
  3150. }
  3151. .dx-searchbox .dx-texteditor-input {
  3152. padding-left: 30px;
  3153. background-color: #F7F7F7;
  3154. }
  3155. .dx-searchbox .dx-texteditor-buttons-container {
  3156. background-color: #F7F7F7;
  3157. }
  3158. .dx-searchbox.dx-state-focused .dx-placeholder {
  3159. text-align: left;
  3160. -webkit-transform: translate(4px, 0);
  3161. transform: translate(4px, 0);
  3162. }
  3163. .dx-searchbox.dx-state-focused .dx-placeholder:before {
  3164. -webkit-transform: translate(0, 0);
  3165. transform: translate(0, 0);
  3166. }
  3167. .dx-searchbar {
  3168. position: relative;
  3169. margin: 0;
  3170. padding: 5px 7px 5px;
  3171. background: #C9C9CE;
  3172. }
  3173. .dx-searchbar .dx-texteditor {
  3174. margin: 0;
  3175. }
  3176. .dx-searchbar .dx-texteditor-input {
  3177. background: #fff;
  3178. }
  3179. .dx-rtl .dx-searchbox .dx-placeholder,
  3180. .dx-rtl.dx-searchbox .dx-placeholder {
  3181. width: 100%;
  3182. -webkit-transform: translate(50%, 0);
  3183. transform: translate(50%, 0);
  3184. -webkit-transition: -webkit-transform 400ms ease;
  3185. transition: -webkit-transform 400ms ease;
  3186. transition: transform 400ms ease;
  3187. transition: transform 400ms ease, -webkit-transform 400ms ease;
  3188. -webkit-transform: translate(-50%, 0);
  3189. transform: translate(-50%, 0);
  3190. }
  3191. .dx-rtl .dx-searchbox .dx-placeholder:before,
  3192. .dx-rtl.dx-searchbox .dx-placeholder:before {
  3193. overflow: visible;
  3194. display: none;
  3195. vertical-align: baseline;
  3196. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADlUlEQVR42u2bIXAiQRBFqUJEIBAIBAIREXECgUAgEIgTJyJOREQgTkScQEQgEBEnIqgKAnEiAhGBiIiIiIhArFgRERGBiEAiTkQgEIhNT1VvVdfc7LKw07OzmxW/Kib09OueoWe6KXieV/jKKuQAcgDxPuDmZrJLVVAd1AY18e9yhP+LJNsAFEFd0DXIBX2AvACtQE+gAaiRdgAiqiPQvxCHd2kB6u+bHYkCgAVUQLegrcKhDegFdAe6IhLZcQ96DQAhsmaI2WQvADB+rkhxkQF/QR3QUQQHRLR/IpCNIiPa1gEAoyXQVLGf+xGdDjssxxKILZ4RdgDAiDmS82OdpzqeJ0+SjUnQljAGACP/JkW9q9FxWX3pbLlLDADSd6T9eRKxDoij76A1sTtKCsCYLGIp9usehVBctaVMODUKAIz8IMbXfuQNAhA6k74ma0YA4Km+JMbPDiiFdYlm4cwUgAE1euBdQJfkYHRYAaDBFanqagkDKGDR5AN44Abwi37Xx7gN6hYtoY85AcyJobpFAHpkXX9YAGBl5xtxYr4H6FaJ1AYLLgB0rw0sAyD0SNZX5QAwIgaaFgLo08KIAwAlfGQhgC5Z3yUHgIVf9mp4E+RQnQC45QDgFxyupQAKBMCUA4BfAM1TAOCRMwPmXzUDlpafATVuAP6T1NZSAC0CYMgBYEIMfLMQwO+wK7oOALTevrAQwEzXhSjIKfo9+2AZgCLpQC05b4Nv5G2+YhEA+kQ34QRwSQxdWQSA9gxanACqpEsjCqOSBQCaxPlXE2+C9CFyZAEAV34e5wZQJQ3QrepqnNAV2DXZF7iQmiLlBAA0yHbc4lYw2hmiB49DzwMDzp+Qy5knd4tNARCDEO8qCAacp72A5yS7w3IkXrBg4nz1WUlt8rU8NGF6PkCG8IGTIro7QNcBYzf/QUhiQqSmmO9x/FZVzBL3XNpq3i4IicwIYZQmioU52FEq7/m+N1Q4vsZMWIdBSHpKrIVngWqBLkLq4+2ygwMPPTzJpyHRnpEWeJsTgq45wVPF7NC+2uC0WCNgSIIFgu5J0TpG91kx9hY0E3iP26YSYVJEOwTuWeFjvL72JHWxzD5kXEYrBBPD0hwzQ9ogpBGAVghpBaANQpoBaIGQdgCxIaQeAK7hYAiZABAHQmYAHAohUwAiQBB3j2KmAYRAWMlzzpkFoICgdD7TAAiE9yDnMw/A/7FH/tPZHEAOIFCfbCDU6WjIrzYAAAAASUVORK5CYII=);
  3197. background-position: 0 8px;
  3198. margin-left: 4px;
  3199. padding-left: 22px;
  3200. min-height: 22px;
  3201. background-repeat: no-repeat;
  3202. background-size: 14px 14px;
  3203. -webkit-transform: translate(-50%, 0);
  3204. transform: translate(-50%, 0);
  3205. -webkit-transition: -webkit-transform 400ms ease;
  3206. transition: -webkit-transform 400ms ease;
  3207. transition: transform 400ms ease;
  3208. transition: transform 400ms ease, -webkit-transform 400ms ease;
  3209. }
  3210. .dx-rtl .dx-searchbox .dx-placeholder:before,
  3211. .dx-rtl.dx-searchbox .dx-placeholder:before {
  3212. display: inline-block;
  3213. background-position: 100% 8px;
  3214. margin-right: 4px;
  3215. margin-left: 0;
  3216. padding-right: 22px;
  3217. -webkit-transform: translate(50%, 0);
  3218. transform: translate(50%, 0);
  3219. }
  3220. .dx-rtl .dx-searchbox.dx-state-focused .dx-placeholder,
  3221. .dx-rtl.dx-searchbox.dx-state-focused .dx-placeholder {
  3222. text-align: right;
  3223. -webkit-transform: translate(-4px, 0);
  3224. transform: translate(-4px, 0);
  3225. }
  3226. .dx-rtl .dx-searchbox.dx-state-focused .dx-placeholder:before,
  3227. .dx-rtl.dx-searchbox.dx-state-focused .dx-placeholder:before {
  3228. -webkit-transform: translate(0, 0);
  3229. transform: translate(0, 0);
  3230. }
  3231. .dx-rtl .dx-searchbox.dx-show-clear-button .dx-texteditor-input,
  3232. .dx-rtl.dx-searchbox.dx-show-clear-button .dx-texteditor-input {
  3233. padding-right: 30px;
  3234. }
  3235. .dx-rtl .dx-searchbox .dx-icon-search:before,
  3236. .dx-rtl.dx-searchbox .dx-icon-search:before {
  3237. right: 8px;
  3238. left: auto;
  3239. background-position-x: right;
  3240. }
  3241. @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  3242. .dx-searchbox .dx-placeholder:before {
  3243. background-position: 0 10px;
  3244. }
  3245. .dx-searchbox .dx-icon-search:before {
  3246. top: 10px;
  3247. }
  3248. .dx-rtl .dx-searchbox .dx-placeholder:before,
  3249. .dx-rtl.dx-searchbox .dx-placeholder:before {
  3250. background-position: 100% 10px;
  3251. }
  3252. }
  3253. .dx-dropdowneditor-button {
  3254. width: 25px;
  3255. }
  3256. .dx-dropdowneditor-input-wrapper {
  3257. border: 1px solid #ccc;
  3258. border-radius: 6px;
  3259. }
  3260. .dx-dropdowneditor-input-wrapper .dx-texteditor-container {
  3261. border: 0;
  3262. }
  3263. .dx-dropdowneditor-button-visible .dx-texteditor-input {
  3264. border-top-right-radius: 0;
  3265. border-bottom-right-radius: 0;
  3266. }
  3267. .dx-dropdowneditor-active .dx-dropdowneditor-icon,
  3268. .dx-state-disabled .dx-dropdowneditor-icon {
  3269. opacity: 1;
  3270. }
  3271. .dx-dropdowneditor-active .dx-dropdowneditor-icon:before,
  3272. .dx-state-disabled .dx-dropdowneditor-icon:before {
  3273. opacity: 0.35;
  3274. }
  3275. .dx-dropdowneditor .dx-icon-clear {
  3276. right: 0;
  3277. }
  3278. .dx-dropdowneditor-icon {
  3279. font: 14px/1 DXIcons;
  3280. font-size: 16px;
  3281. text-align: center;
  3282. line-height: 16px;
  3283. color: #c7c7cd;
  3284. font-weight: 600;
  3285. }
  3286. .dx-dropdowneditor-icon:before {
  3287. content: "\f016";
  3288. }
  3289. .dx-dropdowneditor-icon:before {
  3290. position: absolute;
  3291. display: block;
  3292. width: 16px;
  3293. top: 50%;
  3294. margin-top: -8px;
  3295. left: 50%;
  3296. margin-left: -8px;
  3297. }
  3298. .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
  3299. right: 25px;
  3300. }
  3301. .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  3302. right: 59px;
  3303. }
  3304. .dx-invalid.dx-dropdowneditor-button-visible .dx-texteditor-input {
  3305. padding-right: 33px;
  3306. }
  3307. .dx-invalid.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input {
  3308. padding-left: 33px;
  3309. padding-right: 6px;
  3310. }
  3311. .dx-invalid.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
  3312. padding-right: 33px;
  3313. }
  3314. .dx-invalid.dx-dropdowneditor-button-visible.dx-show-clear-button.dx-rtl .dx-texteditor-input {
  3315. padding-left: 33px;
  3316. padding-right: 6px;
  3317. }
  3318. .dx-rtl.dx-dropdowneditor .dx-icon-clear {
  3319. left: 0;
  3320. right: auto;
  3321. }
  3322. .dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
  3323. left: 25px;
  3324. right: auto;
  3325. }
  3326. .dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  3327. left: 59px;
  3328. right: auto;
  3329. }
  3330. .dx-list {
  3331. background: #fff;
  3332. }
  3333. .dx-list.dx-list-with-search .dx-scrollable-wrapper {
  3334. height: calc(100% - 1.2em - 12px);
  3335. }
  3336. .dx-list .dx-empty-message {
  3337. padding: 13px 15px;
  3338. color: #8e8e93;
  3339. text-align: center;
  3340. overflow: hidden;
  3341. text-overflow: ellipsis;
  3342. white-space: nowrap;
  3343. }
  3344. .dx-list-group-header {
  3345. padding: 10px 15px 9px;
  3346. border-top: 1px solid #b7b6bb;
  3347. background: #efeef3;
  3348. color: #232323;
  3349. font-weight: bold;
  3350. }
  3351. .dx-hairlines .dx-list-group-header {
  3352. border-top-width: 0.5px;
  3353. }
  3354. .dx-list-group-header:before {
  3355. border-top-color: #232323;
  3356. }
  3357. .dx-list-group-collapsed .dx-list-group-header:before {
  3358. border-bottom-color: #232323;
  3359. }
  3360. .dx-list-item {
  3361. color: #000;
  3362. }
  3363. .dx-list-item.dx-state-focused,
  3364. .dx-list-item.dx-state-active {
  3365. background: #d9d9d9;
  3366. color: #000;
  3367. }
  3368. .dx-list-item.dx-state-focused .dx-list-switchable-delete-button-container,
  3369. .dx-list-item.dx-state-active .dx-list-switchable-delete-button-container,
  3370. .dx-list-item.dx-state-focused .dx-list-slide-item-content,
  3371. .dx-list-item.dx-state-active .dx-list-slide-item-content {
  3372. background: #d9d9d9;
  3373. color: #000;
  3374. }
  3375. .dx-list-item-content {
  3376. padding: 13px 15px 0;
  3377. }
  3378. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-selected {
  3379. background-color: #F4F4F4;
  3380. }
  3381. .dx-list-item-content:after {
  3382. display: block;
  3383. margin-top: 13px;
  3384. padding-left: 15px;
  3385. width: 200%;
  3386. height: 1px;
  3387. background: #b7b6bb;
  3388. content: ' ';
  3389. }
  3390. .dx-hairlines .dx-list-item-content:after {
  3391. margin-top: 12.5px;
  3392. height: 0.5px;
  3393. background: #b7b6bb;
  3394. }
  3395. .dx-list-item-separator-hidden .dx-list-item-content:after {
  3396. background: none;
  3397. }
  3398. .dx-list-item:last-child .dx-list-item-content:after,
  3399. .dx-list-item:only-child .dx-list-item-content:after {
  3400. background: none;
  3401. height: 0;
  3402. }
  3403. .dx-list-item:last-child .dx-list-item-badge-container,
  3404. .dx-list-item:only-child .dx-list-item-badge-container,
  3405. .dx-list-item:last-child .dx-list-item-chevron-container,
  3406. .dx-list-item:only-child .dx-list-item-chevron-container,
  3407. .dx-list-item:last-child .dx-list-item-after-bag.dx-list-reorder-handle-container,
  3408. .dx-list-item:only-child .dx-list-item-after-bag.dx-list-reorder-handle-container,
  3409. .dx-list-item:last-child .dx-list-item-after-bag.dx-list-static-delete-button-container,
  3410. .dx-list-item:only-child .dx-list-item-after-bag.dx-list-static-delete-button-container {
  3411. border-bottom: none;
  3412. }
  3413. .dx-list-item-badge-container,
  3414. .dx-list-item-chevron-container {
  3415. border-bottom: 1px solid #b7b6bb;
  3416. }
  3417. .dx-hairlines .dx-list-item-badge-container,
  3418. .dx-hairlines .dx-list-item-chevron-container {
  3419. border-bottom-width: 0.5px;
  3420. }
  3421. .dx-list-item-icon-container {
  3422. width: 30px;
  3423. }
  3424. .dx-list-item-icon {
  3425. width: 15px;
  3426. height: 15px;
  3427. background-position: 0px 0px;
  3428. background-size: 15px 15px;
  3429. padding: 0px;
  3430. font-size: 15px;
  3431. text-align: center;
  3432. line-height: 15px;
  3433. }
  3434. .dx-list-item-chevron {
  3435. border-color: #000;
  3436. margin-left: -3px;
  3437. }
  3438. .dx-list-border-visible {
  3439. border: 1px solid #b7b6bb;
  3440. }
  3441. .dx-hairlines .dx-list-border-visible {
  3442. border-width: 0.5px;
  3443. }
  3444. .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
  3445. width: 40px;
  3446. }
  3447. .dx-list-item-before-bag.dx-list-select-checkbox-container,
  3448. .dx-list-item-before-bag.dx-list-select-radiobutton-container {
  3449. width: 40px;
  3450. }
  3451. .dx-list-item-before-bag .dx-list-toggle-delete-switch .dx-button-content {
  3452. padding: 0;
  3453. }
  3454. .dx-list-item-before-bag .dx-list-toggle-delete-switch.dx-state-active .dx-icon-toggle-delete {
  3455. opacity: 1;
  3456. }
  3457. .dx-list-item-before-bag .dx-icon-toggle-delete {
  3458. margin: 6.5px 7.5px 6.5px 15px;
  3459. width: 25px;
  3460. height: 25px;
  3461. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABfklEQVRo3u2av2rDMBDGs+UVvHn1UugSmtIllC5e0lJI/0OhU9OSgJc+QJ4hczY/RF7Hb6FJ/QRXKKVNJVlK5A8f/AYLW+jD5zvpzoNBb72lb/rsOAMlWIEtaIASGhlbyT1ZiouvZLHaESXPZocUkIPaY/F/YebK9ylgKO6hI2HmHsYWUXi6kI/LFbFElHsQ8JMytIjZAUR8Mevymwj7ZuSb0IlQtIlOKiEhyiuaRQ6x3qHZJ9npRMldhNQJC6ld9k46cTIbIVUHhFQ2QlQHhCgGt/rfvRLJ4u2zfaK5wz2nyFG0K0K2u4Q0lpOswQQ8gUvBuOU1uAe34A0sd/AObmQOwx24knGbNTQhIlYZ8fB21DpyOQh5jSjkOYQQW9fagHPwAB6FKTgVRuAEjMUFJzI+/oa5vgAvYA4WwkcI16L52GnCL01C5Nii0Gwa2bbxHAcrmqMuVfGBphxEVaCjKZlSFbGp2gpUjR6q1htVM5SqPU33wwDdLxy99fa7fQKYFvL/XWu6BwAAAABJRU5ErkJggg==);
  3462. background-size: 100%;
  3463. }
  3464. .dx-list-item-before-bag .dx-list-select-checkbox,
  3465. .dx-list-item-before-bag .dx-list-select-radiobutton {
  3466. margin-top: -2px;
  3467. margin-bottom: -3px;
  3468. margin-left: 15px;
  3469. }
  3470. .dx-list-item-before-bag .dx-list-select-radiobutton {
  3471. margin-left: 10px;
  3472. }
  3473. .dx-list-item:after {
  3474. margin-top: 0;
  3475. }
  3476. .dx-list-select-all {
  3477. padding: 12px 0 0;
  3478. overflow: hidden;
  3479. }
  3480. .dx-list-select-all:after {
  3481. display: block;
  3482. margin-left: 55px;
  3483. margin-top: 13px;
  3484. padding-left: 15px;
  3485. width: 100%;
  3486. height: 1px;
  3487. background: #b7b6bb;
  3488. content: ' ';
  3489. }
  3490. .dx-list-select-all-checkbox {
  3491. margin: -2px 1px -2px 15px;
  3492. float: left;
  3493. }
  3494. .dx-list-select-all-label {
  3495. vertical-align: middle;
  3496. padding: 0 15px 0 14px;
  3497. }
  3498. .dx-list-item-after-bag.dx-list-static-delete-button-container {
  3499. border-bottom: 1px solid #b7b6bb;
  3500. }
  3501. .dx-hairlines .dx-list-item-after-bag.dx-list-static-delete-button-container {
  3502. border-bottom-width: 0.5px;
  3503. }
  3504. .dx-list-static-delete-button-container {
  3505. width: 28px;
  3506. }
  3507. .dx-list-static-delete-button-container .dx-list-static-delete-button {
  3508. padding: 0;
  3509. }
  3510. .dx-list-static-delete-button-container .dx-list-static-delete-button .dx-icon {
  3511. margin: 0;
  3512. }
  3513. .dx-list-item-after-bag.dx-list-reorder-handle-container {
  3514. width: 47px;
  3515. border-bottom: 1px solid #b7b6bb;
  3516. }
  3517. .dx-hairlines .dx-list-item-after-bag.dx-list-reorder-handle-container {
  3518. border-bottom-width: 0.5px;
  3519. }
  3520. .dx-list-item-after-bag.dx-list-static-delete-button-container {
  3521. border-bottom: 1px solid #b7b6bb;
  3522. }
  3523. .dx-hairlines .dx-list-item-after-bag.dx-list-static-delete-button-container {
  3524. border-bottom-width: 0.5px;
  3525. }
  3526. .dx-list-item-after-bag .dx-list-reorder-handle {
  3527. font: 14px/1 DXIcons;
  3528. font-size: 25px;
  3529. text-align: center;
  3530. line-height: 25px;
  3531. position: relative;
  3532. width: 40px;
  3533. height: 40px;
  3534. color: #c8c8ca;
  3535. }
  3536. .dx-list-item-after-bag .dx-list-reorder-handle:before {
  3537. content: "\f038";
  3538. }
  3539. .dx-list-item-after-bag .dx-list-reorder-handle:before {
  3540. position: absolute;
  3541. display: block;
  3542. width: 25px;
  3543. top: 50%;
  3544. margin-top: -12.5px;
  3545. left: 50%;
  3546. margin-left: -12.5px;
  3547. }
  3548. .dx-list-item-ghost-reordering {
  3549. border-bottom: none;
  3550. -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 16px 0;
  3551. box-shadow: rgba(0, 0, 0, 0.5) 0 0 16px 0;
  3552. opacity: 0.8;
  3553. }
  3554. .dx-list .dx-list-item-ghost-reordering {
  3555. background: none;
  3556. }
  3557. .dx-list-item-ghost-reordering .dx-list-reorder-handle-container {
  3558. border-bottom: none;
  3559. }
  3560. .dx-list-reorder-handle-container:after {
  3561. margin-top: 5px;
  3562. }
  3563. .dx-list-slide-menu-buttons {
  3564. border-bottom: 1px solid #b7b6bb;
  3565. }
  3566. .dx-hairlines .dx-list-slide-menu-buttons {
  3567. border-bottom-width: 0.5px;
  3568. }
  3569. .dx-list-slide-menu-button {
  3570. bottom: 1px;
  3571. color: white;
  3572. }
  3573. .dx-list-slide-menu-button-delete {
  3574. background-color: #ff3b2f;
  3575. }
  3576. .dx-list-slide-menu-button-menu {
  3577. background-color: #aaaaaa;
  3578. }
  3579. .dx-list-switchable-delete-button-container {
  3580. bottom: 1px;
  3581. padding: 0 5px;
  3582. background-color: #fff;
  3583. }
  3584. .dx-list-context-menucontent {
  3585. -webkit-box-shadow: 0 1px 15px -3px rgba(0,0,0,.35);
  3586. box-shadow: 0 1px 15px -3px rgba(0,0,0,.35);
  3587. border-radius: 0.5em;
  3588. border: 1px solid #AAAAAA;
  3589. background-color: #fff;
  3590. }
  3591. .dx-hairlines .dx-list-context-menucontent {
  3592. border-width: 0.5px;
  3593. }
  3594. .dx-state-disabled.dx-list-item,
  3595. .dx-state-disabled .dx-list-item {
  3596. color: #8e8e93;
  3597. }
  3598. .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete,
  3599. .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete {
  3600. margin-right: 15px;
  3601. margin-left: 7.5px;
  3602. }
  3603. .dx-rtl .dx-list .dx-list-select-checkbox,
  3604. .dx-rtl.dx-list .dx-list-select-checkbox {
  3605. margin-right: 15px;
  3606. margin-left: 1px;
  3607. }
  3608. .dx-rtl .dx-list .dx-list-select-radiobutton,
  3609. .dx-rtl.dx-list .dx-list-select-radiobutton {
  3610. margin-right: 10px;
  3611. margin-left: 1px;
  3612. }
  3613. .dx-rtl .dx-list .dx-list-select-all-checkbox,
  3614. .dx-rtl.dx-list .dx-list-select-all-checkbox {
  3615. margin-right: 15px;
  3616. margin-left: 1px;
  3617. float: right;
  3618. }
  3619. .dx-rtl .dx-list .dx-list-select-all:after,
  3620. .dx-rtl.dx-list .dx-list-select-all:after {
  3621. margin-left: 0;
  3622. margin-right: 55px;
  3623. }
  3624. .dx-rtl .dx-list .dx-list-item-content:after,
  3625. .dx-rtl.dx-list .dx-list-item-content:after {
  3626. padding-right: 15px;
  3627. padding-left: 0;
  3628. }
  3629. .dx-dropdownlist-popup-wrapper {
  3630. height: 100%;
  3631. }
  3632. .dx-dropdownlist-popup-wrapper .dx-overlay-content {
  3633. max-height: 50%;
  3634. }
  3635. .dx-dropdownlist-popup-wrapper .dx-popup-content {
  3636. padding: 0;
  3637. height: 100%;
  3638. }
  3639. .dx-dropdownlist-popup-wrapper .dx-list {
  3640. height: 100%;
  3641. }
  3642. .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  3643. padding: 0.5em 1em;
  3644. }
  3645. .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content:after {
  3646. display: none;
  3647. }
  3648. .dx-dropdownlist-popup-wrapper .dx-scrollview-content {
  3649. position: static;
  3650. overflow: hidden;
  3651. }
  3652. .dx-textarea .dx-texteditor-input {
  3653. padding-left: 5px;
  3654. }
  3655. .dx-textarea.dx-invalid .dx-texteditor-container:after {
  3656. top: 6px;
  3657. margin-top: 0;
  3658. }
  3659. .dx-numberbox-spin-container {
  3660. width: 25px;
  3661. }
  3662. .dx-state-disabled .dx-numberbox-spin-container {
  3663. opacity: 0.5;
  3664. }
  3665. .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  3666. width: 50px;
  3667. }
  3668. .dx-numberbox-spin-up-icon {
  3669. font: 14px/1 DXIcons;
  3670. }
  3671. .dx-numberbox-spin-up-icon:before {
  3672. content: "\f002";
  3673. }
  3674. .dx-numberbox-spin-down-icon {
  3675. font: 14px/1 DXIcons;
  3676. }
  3677. .dx-numberbox-spin-down-icon:before {
  3678. content: "\f001";
  3679. }
  3680. .dx-numberbox-spin-up-icon,
  3681. .dx-numberbox-spin-down-icon {
  3682. color: #c7c7cd;
  3683. font-weight: 600;
  3684. font-size: 16px;
  3685. text-align: center;
  3686. line-height: 16px;
  3687. }
  3688. .dx-numberbox-spin-up-icon:before,
  3689. .dx-numberbox-spin-down-icon:before {
  3690. position: absolute;
  3691. display: block;
  3692. width: 16px;
  3693. top: 50%;
  3694. margin-top: -8px;
  3695. left: 50%;
  3696. margin-left: -8px;
  3697. }
  3698. .dx-state-active.dx-numberbox-spin-button {
  3699. opacity: 0.4;
  3700. }
  3701. .dx-numberbox-spin.dx-invalid .dx-texteditor-input {
  3702. padding-right: 30px;
  3703. }
  3704. .dx-numberbox-spin.dx-invalid.dx-rtl .dx-texteditor-input {
  3705. padding: 6px;
  3706. padding-left: 30px;
  3707. }
  3708. .dx-numberbox-spin.dx-invalid .dx-texteditor-input-container:after {
  3709. right: 4px;
  3710. }
  3711. .dx-rtl .dx-numberbox-spin.dx-invalid .dx-texteditor-input-container:after,
  3712. .dx-rtl.dx-numberbox-spin.dx-invalid .dx-texteditor-input-container:after {
  3713. left: 4px;
  3714. right: auto;
  3715. }
  3716. .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input {
  3717. padding-right: 30px;
  3718. }
  3719. .dx-numberbox-spin-touch-friendly.dx-invalid.dx-rtl .dx-texteditor-input {
  3720. padding: 6px;
  3721. padding-left: 30px;
  3722. }
  3723. .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after {
  3724. right: 4px;
  3725. }
  3726. .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after,
  3727. .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after {
  3728. left: 4px;
  3729. right: auto;
  3730. }
  3731. .dx-datebox-wrapper .dx-popup-title {
  3732. font-size: 1.3em;
  3733. }
  3734. .dx-datebox-wrapper .dx-popup-content {
  3735. padding: 10px;
  3736. }
  3737. .dx-datebox-wrapper.dx-datebox-wrapper-calendar .dx-popup-content {
  3738. padding: 0;
  3739. }
  3740. .dx-datebox-wrapper .dx-popup-bottom.dx-toolbar {
  3741. height: 50px;
  3742. }
  3743. .dx-datebox.dx-state-disabled.dx-widget,
  3744. .dx-datebox .dx-state-disabled.dx-widget,
  3745. .dx-datebox.dx-state-disabled .dx-widget,
  3746. .dx-datebox .dx-state-disabled .dx-widget {
  3747. opacity: 1;
  3748. }
  3749. .dx-datebox .dx-texteditor-input::-webkit-clear-button,
  3750. .dx-datebox .dx-texteditor-input::-webkit-inner-spin-button,
  3751. .dx-datebox .dx-texteditor-input::-webkit-calendar-picker-indicator {
  3752. display: none;
  3753. }
  3754. .dx-datebox.dx-dropdowneditor-field-clickable .dx-dropdowneditor-button {
  3755. display: none;
  3756. }
  3757. .dx-datebox.dx-dropdowneditor-button-visible .dx-texteditor-input,
  3758. .dx-datebox:not(.dx-texteditor-empty).dx-dropdowneditor-button-visible .dx-texteditor-input {
  3759. padding-right: 33px;
  3760. }
  3761. .dx-datebox.dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input,
  3762. .dx-datebox:not(.dx-texteditor-empty).dx-dropdowneditor-button-visible.dx-rtl .dx-texteditor-input {
  3763. padding-left: 33px;
  3764. padding-right: 6px;
  3765. }
  3766. .dx-datebox.dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input,
  3767. .dx-datebox:not(.dx-texteditor-empty).dx-dropdowneditor-button-visible.dx-show-clear-button .dx-texteditor-input {
  3768. padding-right: 33px;
  3769. }
  3770. .dx-datebox.dx-dropdowneditor-button-visible.dx-show-clear-button.dx-rtl .dx-texteditor-input,
  3771. .dx-datebox:not(.dx-texteditor-empty).dx-dropdowneditor-button-visible.dx-show-clear-button.dx-rtl .dx-texteditor-input {
  3772. padding-left: 33px;
  3773. padding-right: 6px;
  3774. }
  3775. .dx-datebox-wrapper-calendar .dx-overlay-content {
  3776. border-radius: 0.5em;
  3777. -webkit-box-shadow: 0 1px 15px -3px rgba(0,0,0,.35);
  3778. box-shadow: 0 1px 15px -3px rgba(0,0,0,.35);
  3779. background-color: #ffffff;
  3780. border: 1px solid #d1d1d1;
  3781. }
  3782. .dx-datebox-wrapper-calendar .dx-datebox-container-cell {
  3783. margin-right: 20px;
  3784. margin-bottom: 20px;
  3785. }
  3786. .dx-datebox-calendar-container {
  3787. margin: 20px;
  3788. }
  3789. .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-calendar-container {
  3790. margin-right: 6px;
  3791. }
  3792. .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  3793. margin-top: 72px;
  3794. }
  3795. .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview-field {
  3796. margin-top: 30px;
  3797. }
  3798. .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell {
  3799. margin-right: 40px;
  3800. margin-top: -32px;
  3801. margin-bottom: 20px;
  3802. }
  3803. .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-calendar-container {
  3804. margin-left: 6px;
  3805. margin-right: 20px;
  3806. }
  3807. .dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input {
  3808. min-height: 31px;
  3809. }
  3810. .dx-dateview-wrapper {
  3811. color: #a2a3a5;
  3812. font-size: 1.3em;
  3813. }
  3814. .dx-dateview-rollers {
  3815. width: auto;
  3816. min-width: 250px;
  3817. }
  3818. .dx-dateviewroller {
  3819. text-align: center;
  3820. }
  3821. .dx-dateviewroller .dx-button {
  3822. display: none;
  3823. }
  3824. .dx-dateviewroller .dx-scrollable-content:before,
  3825. .dx-dateviewroller .dx-scrollable-content:after {
  3826. content: "";
  3827. height: 74px;
  3828. display: block;
  3829. }
  3830. .dx-dateviewroller .dx-scrollable-container {
  3831. height: 182px;
  3832. }
  3833. .dx-dateviewroller.dx-state-active .dx-button {
  3834. display: none;
  3835. }
  3836. .dx-dateview-datetime .dx-dateviewroller-hours .dx-scrollable-content {
  3837. margin-left: 15px;
  3838. }
  3839. .dx-dateview-time .dx-dateviewroller-hours .dx-scrollable-content {
  3840. margin-left: 50%;
  3841. }
  3842. .dx-dateview-time .dx-dateviewroller-minutes .dx-scrollable-content {
  3843. margin-right: 50%;
  3844. }
  3845. .dx-dateview-item {
  3846. height: 34px;
  3847. line-height: 34px;
  3848. padding: 0 20px;
  3849. }
  3850. .dx-dateview-item-selected {
  3851. color: #2f2f2f;
  3852. }
  3853. .dx-dateview-item-selected-frame {
  3854. position: absolute;
  3855. top: 74px;
  3856. width: 100%;
  3857. height: 34px;
  3858. border-top: 1px solid #d7d7d7;
  3859. border-bottom: 1px solid #d7d7d7;
  3860. }
  3861. .dx-dateview-item-selected-frame:before,
  3862. .dx-dateview-item-selected-frame:after {
  3863. content: "";
  3864. display: block;
  3865. width: 100%;
  3866. position: absolute;
  3867. height: 74px;
  3868. }
  3869. .dx-dateview-item-selected-frame:before {
  3870. top: -74px;
  3871. background-repeat: no-repeat;
  3872. background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.8)));
  3873. background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 80%);
  3874. }
  3875. .dx-dateview-item-selected-frame:after {
  3876. top: 34px;
  3877. background-repeat: no-repeat;
  3878. background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.8)));
  3879. background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 80%);
  3880. }
  3881. .dx-device-phone .dx-dateview-rollers {
  3882. -webkit-flex-wrap: nowrap;
  3883. -ms-flex-wrap: nowrap;
  3884. flex-wrap: nowrap;
  3885. }
  3886. .dx-device-phone .dx-dateview-item {
  3887. padding: 0;
  3888. }
  3889. .dx-rtl:first-child.dx-dateviewroller-hours {
  3890. text-align: left;
  3891. }
  3892. .dx-rtl:last-child.dx-dateviewroller-minutes {
  3893. text-align: right;
  3894. }
  3895. .dx-toolbar {
  3896. margin: 0;
  3897. height: 44px;
  3898. border-bottom: 1px solid #ababab;
  3899. background: #f8f8f8;
  3900. }
  3901. .dx-hairlines .dx-toolbar {
  3902. border-bottom-width: 0.5px;
  3903. }
  3904. .dx-toolbar .dx-tabs {
  3905. table-layout: auto;
  3906. }
  3907. .dx-toolbar .dx-tabs-wrapper {
  3908. margin: 0;
  3909. padding: 0;
  3910. }
  3911. .dx-toolbar-background {
  3912. background-color: #f8f8f8;
  3913. }
  3914. .dx-toolbar-bottom {
  3915. border-bottom: none;
  3916. }
  3917. .dx-toolbar-label {
  3918. color: #000;
  3919. text-align: center;
  3920. font-weight: bold;
  3921. font-size: 17px;
  3922. }
  3923. .dx-toolbar .dx-navbar {
  3924. height: 30px;
  3925. white-space: nowrap;
  3926. border: none;
  3927. }
  3928. .dx-toolbar .dx-navbar .dx-nav-item .dx-tab-text {
  3929. padding-top: 0;
  3930. }
  3931. .dx-toolbar-menu-section {
  3932. border-bottom: 1px solid #ababab;
  3933. }
  3934. .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content {
  3935. padding-top: 0;
  3936. padding-bottom: 0;
  3937. }
  3938. .dx-toolbar-menu-section .dx-button {
  3939. color: #000;
  3940. }
  3941. .dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
  3942. padding: 5px 10px;
  3943. }
  3944. .dx-overlay-wrapper {
  3945. -webkit-transition: background-color 0.4s ease;
  3946. transition: background-color 0.4s ease;
  3947. color: #000;
  3948. font-weight: normal;
  3949. font-size: 1em;
  3950. font-family: -apple-system-font, "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  3951. }
  3952. .dx-overlay-wrapper a {
  3953. color: #000;
  3954. text-decoration: underline;
  3955. }
  3956. .dx-overlay-wrapper img {
  3957. border-style: none;
  3958. }
  3959. .dx-overlay-shader {
  3960. background-color: rgba(0, 0, 0, 0.4);
  3961. }
  3962. .dx-toast-content {
  3963. color: white;
  3964. border-radius: 5px;
  3965. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
  3966. }
  3967. .dx-toast-icon {
  3968. background-size: contain;
  3969. }
  3970. .dx-toast-info {
  3971. background-color: #6aa8dc;
  3972. }
  3973. .dx-toast-info .dx-toast-icon {
  3974. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABJCAQAAADFs/PkAAAFf0lEQVRo3r3aa2yTVRgH8P/WbmOh61bYuvbsAkIIxEtkREA0IJIR4gdQ1GAMfDH6hQ+KxAsEkcu4ZgZEzBaElEgaWCYSIRI/mKCiDoU44hIZchmXtArrpHQdGazt+/790HHZWN/rWZ/3+3l/Oe/p6XOe5wDWIhcFcKEYo+FFOXzww4dyeFGKErhQgFyL49Lkg3y44YXQfcrgRr6B8axy4IAb5emXLX/s1OLQumiwtyVxLhVWYmpSiaVCib9v/xZrDm86tfjtR/tR5SiCQzoHefBAQIyqPP5y1+7EOarUDrXvbFfjDy8WVkBAwAOnNA4caUrj05GdqWs0Fanw9U93TO0nOSRw4IIf4nBt/FumaC2S8cNfzYGAHy5bHDhRBlE/Jf6N7sfRCyV+aMdUCJQO/myGOSiEf1x1aK16i1JC7Q2tH1cNP0ZY4KAIIjizr41S405rYAYEikxyUALRvlTWvAyYo3jbWxAoMcGBB+L6dg5XqNc+KayAxyAHxaLqZpDDGjeDogrFBjhwi6r4UQ57xA+KKrh0OCiEiO5jViIahMAIDQ6c8Ec+Y9YivBk+ODJzytqXMpuhti5BaQYOXPtnqb1Z5VCJbn8KI4fgwDG+SvamZyRun6yseCBZu7/XhOssjJZgG4+wgVu5ih9zK/fwKC9SMTPE5ZUoGcSBs36KqT1Y4XGu4HTmDbmru1jLjTxjcKjuFU/AOZDjiR8xTOnkBlYbStsmcxcNrMZY8735Sa+b5ucNTnAPV9FlKrv2s0F37FTTzP4ffHonjh8yhPmeVYSFZyrP6szPQRTd4+ybxqQBTB1zLWHSq+lrzQ0ose3Jfg4KIp8bwCyzTEk/Dga0hr9Wj3wARLUn1amL2WoTkwZp/DWnrniKARCtC3UxLXRI4ICl1DiJ/DwPAHJv7NH7Z2GNFAwIvpn5NZGdyAFGJM7raI5Kw4BONZzpPX1tKEDTWN1P9bpEDpLbMi+fBh8uv6bLqZTJ6Xsp84suzEfnOr3DtkwMEZms8WP/AN1BveMj8mRyTkzS2Jt34/bvOrOTnF0ik3NyjkbucwyJi3pL57vn5GHgOL8s85v6/oJ+iSS8ASOlcUq0EpnUJahx3YSvo7ICUnZl5G+pUe9orNMIjOQVV1ahFDm2MU74Yk2a67TbwOyQSnxLDUbbA8GJ8p8WaidiSgTKv4YKIadfGA9v5gqfLqYAvr3PKP/pJIWXkLpgLEHu/XXJRPjhMj9HyIEbYv+sVEi3ateG5AnDZ5iOptkQ8A6sXulSXPBBtLyqRA0UEY8hccDEGfZWaH3NGAh44dL/cMiDGz6IVyZ07TZ2MEgEoKw2ec67+OcboyohIOCFWwMzEgKidly4Trlh+PD2HjjfwtGzI7wpMAMCPi3MkbldXxj5RA9ELVhm9XSduHxjV2bM1bWmB0zRDUJtt1wP6ZaIodqaPmdtl8mxiiG5Mc2ZLY9jA0NOS3Ny+Y8cji1MB3PuVjC2yODYwpCr7xdUHjF0Rtfk2MT00f9g9Stoj2MTQ+4bWIybZK6ANpBjG5PkxMGV0/1WOXDZxJB7Hy7kVjBuhSMB00PfUGXu5eY5cEGE7GHId4auujv5h9mOogTML3RkapFM5C1zHNuYGMdqNZAWmWrC2m3Yqlyg115bk8UOwEojzcfGLGEajfVCHWzOAubLdFnYSKfYwYZhxuy6W6M22tZfY3uhZl7AH1m59LCIPcOAiXGB1SshE3hKMqaFY+3cUHFyGWOSKD189+GuhvnrRH4GraQfg9pxAfrlXbZ6nE3WMkaSCQY5SfrdL45hHa+apFzhGu26tL2bcTl8lvVs0/14Ck9zM6dTt/xi86Je/+PhPH7IAH9kOzsZZS+jvM4zPMYA3+dcegyXXAbE/+4AukdQ9GpLAAAAAElFTkSuQmCC);
  3975. }
  3976. .dx-toast-warning {
  3977. background-color: #ffa062;
  3978. }
  3979. .dx-toast-warning .dx-toast-icon {
  3980. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABJCAQAAADFs/PkAAAE/ElEQVRo3s2abWxTVRzGn7V1L7F7qWzrerbOMWMgIDFhghqDEYIhkoCyD5gIiSExJvuAON8gETcgislERJTFYGpcGlzGsojRTyTDgIJsscQlMkUmbLbStbiuu7CN3t17/37otts7trU9p+14zvfn/nLuefm/HIBPJuTAikIsQinsKIMDZbCjFMUoghU5MHH6UpID2ShAKVjcUYICZCfgx4sDMwpgj36sfnn3Nu++kHvsvHxF8alhbUINK175z/Ffwm2+D7q37Vw2CWVHPswpx8F9sIGBPVBxtvbmcfkKaTS/tMgfN5vPPJ9XDgYGGywpw4E5itL8RPCo4qekpPgGPzmyahLJnAIcWOEAO7Ve+p4U4tOEdOrkOjA4YBXCgQUlYE0rpW/j/px4UqWOI6vAUDzztyWMgzw4qiu9jdptSom0Me/+6ko4kMuBg3ww95pID6VUdzyuJ8GQnyQOisB661I1L4Y5knpeAUNREjiwgQ0epnRJ83+UVw5bgjgoZM5hN6VVw27mRGECOChgTukHSrukduaENQ4O8sBCLZQRhdxgyJ0HBxY4gp9SxuQ7iDKY58Yp6a2jTErzbEfxHDiwnnhaG8soDqmhw4/h/llwYH7ImepDLxGNd1WUxwRr+lnjO0ALout7UDQDB5amlek4gxP6YSO7V8BixLFJ3/FY3XYZD4pRLpdw2/T8RNdN21pSuXBajTjjp7kmSGldM7nhoyex1ME30aMdRpzIBT6fcDvyp3FaVtME5744PQPHw3kAyR8/OomDnOBn3Nv0nBFH7uV18jchGwCh0qYEeE0iF404yj+8Tkq/rRAAwbOFf5PKl404aoDf69wGADANfSmA02e487JUid8reBRZQK78F7+F4jPgmEQyjkgPctBaJXSiDsfinMwTOp6VY2W4/qJQhDCKLB2na5HYdXF1EwL7xCxg0nH6F4t5+d/GiGCQ/nNMzjSwTMwrfBzjF8UsLpXE4NQIxj6dkPvELAaqdRz/WjGvyO9ItkRyF87yGJyNYl7KNWiSIE6NjhOoFQzEghCN5QbX6ThDOwQTixHh2fE/p+OE6oRnR70hZhGojZmdeuG1o1wVs/jvZR1npFHMa6IHExfELPp2wj41AocEcTohfyOcJU2XtoOfi3nJLqh7BZffkNI/NUS3hfomaBPdO1oPKrlnYBQqAEHrFbTx0H56lRqpS7S6Es2zRIqSGu0iPQB7Q4jn/SjOMwLz656R2LQL4KyO4pjoX16HGy8YcQZf4ob5m7KmKhgf8nqc3Rjbh4Gpm/9O36sXVBbz5uj978E+1WNALkq9vJF3hByx1S/OiFkJHKoBgwN2OMB2r+AO5lqMxbilfPUdIsX72w7mBKuu9GyXr/FeVrRkZuX0hMBuv6P4tXGBPfXV3YXcchK8cbh1i8pmK3PXLxDOa7NX3S306wLA/ETmuVokSyjTxdwwVc3XQNoq3IRN7sbbHK+91pBBnD2JNB+bMwTTnFgv1ExtGYD5mkyJdorNdCzNMF+QKbm2fkPaFrVG7/I8ethKt9KytTfzPgl5mLpTDHOeqkReqFhoF4VTdje9Tibx50QOcvOGH3pGRy5ypO6x1SPUyhsxkkxuWpryt1/0IB2ggWSjV2qgirQ8RSMQKIueoibqifvzVLpEB+nxmBwsLThTw0Yb6B1y0Y/USwEK0RiFaJAuUye56C16lmwJv7cz6H9P1NE/vq8AQwAAAABJRU5ErkJggg==);
  3981. }
  3982. .dx-toast-error {
  3983. background-color: #ff6161;
  3984. }
  3985. .dx-toast-error .dx-toast-icon {
  3986. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABJCAQAAADFs/PkAAAFCElEQVRo3sXaW2gcVRgH8H9211xwc1mby87kYqxIS1WEYmtEWlSqhYbEC1LBCPXBlz5ULfFSsKSxaCoRa600SCViWGqIpbSibyUWlaoNxhLQaK32QjbNpXS7mdrNXmbm78OmSTa72T1z2d1vXndnfpw5c853vnMAc+FAEdwoxwpUowZeSPCiBtWoRAXcKILD5H1p8EIhylANOeNVhTIUZrybeQ6cKENN/GE77x1qG+sM+EKno+dUvxbUY1pQHYv+NftzcMD/3lDbjjVzqBqUwmk7B7fBAxnyHXXfP3v1cPQcdaYPPfLn1Z7vniqphQwZHrhs48AZp/Q0TR9UJ2goVP/kRwfWzZGcNnDghgT5xCblG6o0FzHlxFePQ4YEtyUOXKiC3L1WOZ7x5WQKTTl2YB1kVCa+NgMclEBa2TC2R/+PtoQeGntnZQMkFJvgoBSyb0NkhLZGeLj3YcgoNchBBeTR7Xa1S0IbKSMvQ0aFAQ48kCf3M1uhT3xQUguPIAflcv11H7Ma131yPcoFOCiT65VvmfVQjsr1cGfgoARyoI85iYAPMorTcOCCNP0xcxb+LnjhXJ5TNbqduQx9+EVULsOB+8hGPZRTDrXA/gdxewoOnHfX2z3oicTsmbraRcnawljj38u8xMVdqFjCgat7bTbGYKEXNvPW/XAlcjzK18xbBAfm2yfebwYeo5Y/DtX+DXMffHwkVo6Jjl1sZ0TwtzfZzqBg+xxF6Tynbz1jgpi1BLcIgW7ySYJNYiA9+uEDcxwUTX9iAAMhUBwDcdBENwoBEA0edUqg/wf9TYtG8PSgBQyIKxv1GYHuc8lTDoAYfkZEf3kPJBQJgRIwKIbk7xJ5wg+bAcBx7TOhtxs+84IQKAlzdpseFXnC9EEUAMXRvwXnOxGQaQwZGUER+hsNTMCZQBYwJNVDXlx83lBGkA5kDUPyfAumOg2mKOGhtpSgUBLmJWMYcuINzBhO0lOCgtYxZPAwZn8xkcQlgyqsY8jZQUT/MZVVJoMsY8jI7zBaIkkAeeFYgnGYx5DqBeiK6bw7HGhJbp1rz5nFkNo0rC2VFvcZguAK3rCwsJix0DqJn/b81SycD6VqHe2KHZiEPmQapF6Aet7UP5NGYMHZPn3VbgSxn+zA7FhjByg2iOiX1jFnt+nKMlOHoYj2QtttAyaaZi4z0pXbwRY7MGknV/HYBFbZg7EBpLIMhD5qD8YqSB+Or7OEipJ6aGaLSHKVDFJaBaeNd+OcR0V+O9YJ760NofSZXiIIhZDG3xfirI9zHBwX6PXKyeY4KHPauQBCIaRTTwvVRv5lwa0Kxj6hzzAOcoukEHMgtzCG3L1QULlLbI2uKSebIYvlM3p4qA2yMCZCaXH1SzBj1pTxfaL5jB72dwmXsPoSi3Gr81rfiXHV0srpkTxyPk8u5NZSyRPmBr2pytw788R5JXXV3cVf84D5kc7ltkhWMdfF3CAb020gbbW8CWto6cDWTNtrHTnk7BLZfOzJEaZHbC/UyYEcYL6gQ3Sn2MlDWcZ8Soexbf2OrHVqnW+bOfSw1cp6O82n3Wr2SMg9HLIZc5qNVk6ouPiq6DaHwNz0Gh3WjxNJ9FlOPzT2UrLvsNV97Bfc1Umx1qWPq20/+8U7uZeXDVIusYN1WTmKRhAs4CPs5kjGl6fxN3bxIRZk7WRcwuXhZr7JXp7iKKcYYIgBTvIPDrKXr/MJegSPuC2J/wGa9q9iMen5vAAAAABJRU5ErkJggg==);
  3987. }
  3988. .dx-toast-success {
  3989. background-color: #59b96b;
  3990. }
  3991. .dx-toast-success .dx-toast-icon {
  3992. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABJCAQAAADFs/PkAAAFfklEQVRo3sWab2xTVRjGn61l3aT7U9jW3rsVcIsBRUUQcEQhiCNIdBDUQCImJoQvmKgs/iOCCETQDEXEsBh0xNnMZSIIEfmCA4UgsIg4o0NAYWaDsQ5G6UbHutv7+KFjuxtbe//0ts/9etb72znnvud9n/cA+pQMG+zIxGjkwgkXBLjgRC6ykQU7bEjW+bvU+CAFGciFGPXJQQZSVPyeXhxYkAFn+GWlE+uWNq1r9wSOBc9KzSGf3BPySU3Bv7uO+2qaN9Ytffm+Xign0mGJOQ5GwAER4qj8n59p2xE8S5mRJXefaSs/tDAtDyJEOGCNGQ4sYZTyIu82qYWaJDVf+XjrtF4kSwxwYIcAcW+x/3tK1Kce/95v5kCEALshHFiRA7Fsiv+7qIsTTSH/7q3TICJ78LKpxkEahIIxTe/KnYyJ5EDT+oIxEJCqAwfpED0zu+sZU906VTEDItI14iALYsOKWM3LgDny1y+HiCwNOHBAvLKFZklu2ZyWB4dKHGSK7usemqrrHtGNTBU4yBDd/v00Xf5dohv2KDhIg9heybio3QMRqRFwYIXg/YRxU/MmuGAZHienYQXjKfnUC8geBgf2qllyIK44DLVvmYqRQ+DAUuiOddBTo66T+XmKZK0/1jRvYEJ0cRWyBuHAWjbFjBisasFuvPUArANxHP59TJh8NX3zE943NY8zlDgcStUzez/4cCT27zbxZTu5kj1R5mcX0vtwKqdHG25AJ5hC8AlejRiAgh9N6sWBzfupaTCXmNf77RYwYhhpKUMKAGKMQ2o1CaabRf1hdnl+58EI26fRkQmAOLXItLlZpswUlo0P/hNp8JF5AJB87XOTYLYpMwXR3Vkbebh3G5KA1OA5U2AOc4SiaBS826OubD1sqB5nCkwjc/pgkuFseElFaSRtd+HiEhNgbvKhPpgkZP/wpLpM4XwJWtepfkkbv1CXxXCJsiZ5+0HpsroXtLyBGx7VMJMIblIx8gMFzMjJY7vqVJ9dO9B1QgMMCG6MMvIA+6wB2CD4qjTkPrWIHAt6U4BrNycrkthIQOeYqXA+XI2rNUXNP6HGIjn9IpwDSv3hgHy8V7GFc449J2s6C6ULkP0qhjWVF6kAklmi2DWjyotCVzUmYl6otY0qZkQFekdpOMwv7D6jubC4oWp2SFJq+eoxuCIAfcukPpjUtLxOHZVsyIvQZdUr21o1Cy6MGBLoD45UHgktm3UlhRcgnddA31o9e0igqyxUHAm5vy/T55b11KPnF03T2bZnzh1AEosVu2b0njlyh04TsRbBrzWu77V9cwcBTVWaMaUTgxf1HnXBCoTWaC9k98+DayhHHXeJ7sBRAxXXa2CJjj/zHZh/JxBSIBhM5YrBHH2+7MGnICiBYIHzfKmxaosZIOQGfUCHFvYDIQnZPz4tB425K+E6S6cpKXf8tAgCbOGi+sOHDdcj74VxZuv+f24eeRYCbLAXF9w6bTiHnB7GSeYl3UCB44shQPTvMgzzL5NuOxjvG1jxwMnnm9bHIL9e02+o3G2kRpdv6e7lKOtVQel+mWxrR1XlQDNuQkL9nR6OH+ycViUQZ+edRm4e/QmC6aBrKJu7NEE4rwztulv5awJgjtIyXItkPONt5vo4LlIDabHhJqymkMUF0dpra+OIs0pN87E8TjDl6nqhFtbEAeZLJqvtFFu43WSYz8Iw6tv6a03b1DJX67n0sJgdpnzaC/ReCbmHdTGGOcZxRm6oWPkqfTE7m1be3jFGrhMJ9BhOP0KsoBC7y1b3s1p3xhikhxNifveLY7mB/2lEaeRa5ptyFY0gmMRHWcb6qIsX4m/cxEf6LShzcG4/Ds7jm6zgYTawle0MsJ1X+BdrWcHXOZcO1fftBuh/vfpaqPXOp6cAAAAASUVORK5CYII=);
  3993. }
  3994. .dx-popup-wrapper > .dx-overlay-content {
  3995. border: 1px solid #cccccc;
  3996. background: #fff;
  3997. border-radius: 6px;
  3998. }
  3999. .dx-hairlines .dx-popup-wrapper > .dx-overlay-content {
  4000. border-width: 0.5px;
  4001. }
  4002. .dx-popup-wrapper.dx-overlay-shader .dx-overlay-content {
  4003. border: none;
  4004. }
  4005. .dx-popup-wrapper .dx-toolbar-item .dx-button .dx-icon {
  4006. margin: 0;
  4007. }
  4008. .dx-popup-content {
  4009. border-radius: 6px;
  4010. }
  4011. .dx-popup-fullscreen {
  4012. border: none;
  4013. border-radius: 0;
  4014. }
  4015. .dx-popup-title {
  4016. padding: 10px;
  4017. border-bottom: none;
  4018. color: #000;
  4019. text-align: center;
  4020. font-weight: bold;
  4021. border-radius: 6px 6px 0 0;
  4022. }
  4023. .dx-hairlines .dx-popup-title {
  4024. border-bottom-width: 0.5px;
  4025. }
  4026. .dx-popup-title + .dx-popup-content {
  4027. border-radius: 0 0 6px 6px;
  4028. }
  4029. .dx-popup-title.dx-toolbar {
  4030. padding: 5px 0;
  4031. height: 39px;
  4032. }
  4033. .dx-popup-title .dx-toolbar-label {
  4034. color: #000;
  4035. text-align: center;
  4036. font-weight: bold;
  4037. font-size: 1em;
  4038. line-height: 1em;
  4039. }
  4040. .dx-popup-content {
  4041. padding: 10px;
  4042. }
  4043. .dx-popup-content.dx-dialog-content:first-child {
  4044. padding-top: 12px;
  4045. }
  4046. .dx-popup-bottom {
  4047. bottom: 5px;
  4048. width: 100%;
  4049. }
  4050. .dx-popup-bottom.dx-toolbar {
  4051. border: none;
  4052. }
  4053. .dx-dialog-root .dx-overlay-content,
  4054. .dx-dialog-root .dx-popup-content {
  4055. border-radius: 10px;
  4056. }
  4057. .dx-dialog-root .dx-popup-title {
  4058. border: none;
  4059. background: none;
  4060. background-image: none;
  4061. }
  4062. .dx-dialog-message {
  4063. padding: 8px 10px 10px 10px;
  4064. text-align: center;
  4065. font-size: 90%;
  4066. }
  4067. .dx-dialog-textbox {
  4068. padding: 0 10px;
  4069. }
  4070. .dx-dialog .dx-popup-bottom {
  4071. margin: 12px 0 0 0;
  4072. width: 100%;
  4073. display: table;
  4074. border-top: 1px solid #b9b9b9;
  4075. }
  4076. .dx-hairlines .dx-dialog .dx-popup-bottom {
  4077. border-top-width: 0.5px;
  4078. }
  4079. .dx-dialog .dx-popup-bottom .dx-toolbar-center {
  4080. table-layout: fixed;
  4081. width: 100%;
  4082. }
  4083. .dx-dialog .dx-popup-bottom .dx-toolbar-item {
  4084. margin: 0;
  4085. padding: 0;
  4086. border-left: 1px solid #b9b9b9;
  4087. display: table-cell;
  4088. }
  4089. .dx-hairlines .dx-dialog .dx-popup-bottom .dx-toolbar-item {
  4090. border-left-width: 0.5px;
  4091. }
  4092. .dx-dialog .dx-popup-bottom .dx-toolbar-item:first-child {
  4093. border-left: none;
  4094. }
  4095. .dx-dialog .dx-popup-bottom .dx-toolbar-item .dx-button {
  4096. padding: 5px;
  4097. width: 100%;
  4098. height: 100%;
  4099. }
  4100. .dx-rtl .dx-dialog .dx-popup-bottom .dx-toolbar-item {
  4101. border-right: 1px solid #b9b9b9;
  4102. border-left: none;
  4103. }
  4104. .dx-hairlines .dx-rtl .dx-dialog .dx-popup-bottom .dx-toolbar-item {
  4105. border-right-width: 0.5px;
  4106. }
  4107. .dx-rtl .dx-dialog .dx-popup-bottom .dx-toolbar-item:first-child {
  4108. border-right: none;
  4109. }
  4110. .dx-popover-wrapper .dx-overlay-content {
  4111. background-color: #fff;
  4112. }
  4113. .dx-popover-wrapper .dx-popover-arrow:after {
  4114. border: 1px solid #cccccc;
  4115. background: #fff;
  4116. }
  4117. .dx-hairlines .dx-popover-wrapper .dx-popover-arrow:after {
  4118. border-width: 0.5px;
  4119. }
  4120. .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
  4121. background: #f8f8f8;
  4122. }
  4123. .dx-popover-without-title .dx-popover-arrow:after {
  4124. background: #fff;
  4125. }
  4126. .dx-progressbar-range-container,
  4127. .dx-progressbar-animating-container {
  4128. border-radius: 7px;
  4129. overflow: hidden;
  4130. }
  4131. .dx-progressbar-container {
  4132. height: 7px;
  4133. background-color: #d8d8d8;
  4134. border: 1px solid #d0cfce;
  4135. }
  4136. .dx-progressbar-range {
  4137. height: 7px;
  4138. top: -1px;
  4139. position: relative;
  4140. background-color: #0b6aff;
  4141. }
  4142. .dx-progressbar-status {
  4143. top: 1px;
  4144. }
  4145. .dx-progressbar-animating-container {
  4146. height: 7px;
  4147. background-color: #0b6aff;
  4148. background-size: 90% 7px;
  4149. -webkit-animation: loader 2s linear infinite;
  4150. animation: loader 2s linear infinite;
  4151. background-repeat: no-repeat;
  4152. background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#74b9ff), color-stop(95%, transparent));
  4153. background-image: linear-gradient(-90deg, transparent 5%, #74b9ff, transparent 95%);
  4154. background-repeat: repeat;
  4155. }
  4156. .dx-state-disabled.dx-progressbar {
  4157. opacity: 1;
  4158. }
  4159. .dx-state-disabled .dx-progressbar-range {
  4160. background-color: #b7b6bb;
  4161. }
  4162. .dx-state-disabled .dx-progressbar-animating-container {
  4163. -webkit-animation: none;
  4164. animation: none;
  4165. background-repeat: no-repeat;
  4166. background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#b7b6bb), color-stop(95%, transparent));
  4167. background-image: linear-gradient(-90deg, transparent 5%, #b7b6bb, transparent 95%);
  4168. background-repeat: repeat;
  4169. background-color: #d8d8d8;
  4170. background-position-x: 45%;
  4171. }
  4172. .dx-rtl .dx-progressbar .dx-progressbar-animating-container,
  4173. .dx-rtl.dx-progressbar .dx-progressbar-animating-container {
  4174. -webkit-animation: loader-rtl 1s linear infinite;
  4175. animation: loader-rtl 1s linear infinite;
  4176. background-repeat: no-repeat;
  4177. background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#74b9ff), color-stop(95%, transparent));
  4178. background-image: linear-gradient(-90deg, transparent 5%, #74b9ff, transparent 95%);
  4179. background-repeat: repeat;
  4180. }
  4181. @-webkit-keyframes loader {
  4182. 0% {
  4183. background-position-x: 0;
  4184. }
  4185. 100% {
  4186. background-position-x: 900%;
  4187. }
  4188. }
  4189. @keyframes loader {
  4190. 0% {
  4191. background-position-x: 0;
  4192. }
  4193. 100% {
  4194. background-position-x: 900%;
  4195. }
  4196. }
  4197. @-webkit-keyframes loader-rtl {
  4198. 0% {
  4199. background-position-x: 0;
  4200. }
  4201. 100% {
  4202. background-position-x: -900%;
  4203. }
  4204. }
  4205. @keyframes loader-rtl {
  4206. 0% {
  4207. background-position-x: 0;
  4208. }
  4209. 100% {
  4210. background-position-x: -900%;
  4211. }
  4212. }
  4213. .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
  4214. padding: 13px 17px 11px;
  4215. }
  4216. .dx-slider-wrapper {
  4217. height: 30px;
  4218. }
  4219. .dx-slider-bar {
  4220. margin: 13px 14.5px;
  4221. height: 1px;
  4222. background: #b7b6bb;
  4223. border-radius: 3px;
  4224. }
  4225. .dx-slider-range {
  4226. height: 1px;
  4227. }
  4228. .dx-slider-range.dx-slider-range-visible {
  4229. background: #0b6aff;
  4230. }
  4231. .dx-slider-handle {
  4232. margin-right: -14.5px;
  4233. margin-top: -14.5px;
  4234. width: 28px;
  4235. height: 28px;
  4236. border: 1px solid #b7b6bb;
  4237. background: #fcfcfc;
  4238. -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  4239. box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  4240. border-radius: 50%;
  4241. }
  4242. .dx-hairlines .dx-slider-handle {
  4243. border-width: 0.5px;
  4244. }
  4245. .dx-state-disabled.dx-slider,
  4246. .dx-state-disabled .dx-slider {
  4247. opacity: 0.5;
  4248. }
  4249. .dx-state-disabled.dx-slider .dx-slider-handle,
  4250. .dx-state-disabled .dx-slider .dx-slider-handle {
  4251. opacity: 1;
  4252. }
  4253. .dx-rtl .dx-slider-handle {
  4254. margin-left: -14.5px;
  4255. }
  4256. .dx-rangeslider-start-handle {
  4257. margin-left: -13.5px;
  4258. }
  4259. .dx-rtl .dx-rangeslider-start-handle {
  4260. margin-right: -13.5px;
  4261. }
  4262. .dx-gallery-nav-button-prev,
  4263. .dx-gallery-nav-button-next {
  4264. margin: -26px 12px 0;
  4265. width: 52px;
  4266. height: 52px;
  4267. background-repeat: no-repeat;
  4268. }
  4269. .dx-gallery-nav-button-prev {
  4270. font: 14px/1 DXIcons;
  4271. }
  4272. .dx-gallery-nav-button-prev:before {
  4273. content: "\f012";
  4274. }
  4275. .dx-gallery-nav-button-next {
  4276. font: 14px/1 DXIcons;
  4277. }
  4278. .dx-gallery-nav-button-next:before {
  4279. content: "\f010";
  4280. }
  4281. .dx-gallery-nav-button-prev,
  4282. .dx-gallery-nav-button-next {
  4283. font-size: 36px;
  4284. text-align: center;
  4285. line-height: 36px;
  4286. color: #000;
  4287. }
  4288. .dx-gallery-nav-button-prev:before,
  4289. .dx-gallery-nav-button-next:before {
  4290. position: absolute;
  4291. display: block;
  4292. width: 36px;
  4293. top: 50%;
  4294. margin-top: -18px;
  4295. left: 50%;
  4296. margin-left: -18px;
  4297. }
  4298. .dx-gallery-nav-button-prev.dx-state-active,
  4299. .dx-gallery-nav-button-next.dx-state-active {
  4300. color: #dfdfdf;
  4301. }
  4302. .dx-gallery-indicator {
  4303. text-align: center;
  4304. }
  4305. .dx-gallery-indicator-item {
  4306. margin: 1px 6px;
  4307. width: 8px;
  4308. height: 8px;
  4309. background: #fff;
  4310. border-radius: 50%;
  4311. border: solid 1px #017aff;
  4312. }
  4313. .dx-gallery-indicator-item-selected {
  4314. border: solid 1px rgba(255, 255, 255, 0.8);
  4315. background: #017aff;
  4316. margin: 0 6px 1px 6px;
  4317. }
  4318. .dx-state-disabled .dx-gallery,
  4319. .dx-state-disabled.dx-gallery {
  4320. opacity: 0.45;
  4321. }
  4322. .dx-lookup {
  4323. height: 27px;
  4324. }
  4325. .dx-lookup.dx-state-active {
  4326. background: #d9d9d9;
  4327. }
  4328. .dx-lookup.dx-state-active .dx-lookup-field:before {
  4329. border-color: #aeaeae;
  4330. }
  4331. .dx-lookup-field {
  4332. padding: 4px 17px 4px 0;
  4333. color: #8e8e93;
  4334. }
  4335. .dx-lookup-arrow {
  4336. font: 14px/1 DXIcons;
  4337. font-size: 16px;
  4338. text-align: center;
  4339. line-height: 16px;
  4340. font-weight: 600;
  4341. width: 25px;
  4342. }
  4343. .dx-lookup-arrow:before {
  4344. content: "\f010";
  4345. }
  4346. .dx-rtl .dx-lookup-arrow:before {
  4347. content: "\f012";
  4348. }
  4349. .dx-lookup-arrow:before {
  4350. position: absolute;
  4351. display: block;
  4352. width: 16px;
  4353. top: 50%;
  4354. margin-top: -8px;
  4355. left: 50%;
  4356. margin-left: -8px;
  4357. }
  4358. .dx-lookup-arrow:before {
  4359. color: #c7c7cd;
  4360. }
  4361. .dx-lookup-popover-mode .dx-lookup-field:before {
  4362. display: none;
  4363. }
  4364. .dx-lookup-empty .dx-lookup-field {
  4365. color: #c7c7cd;
  4366. }
  4367. .dx-state-disabled .dx-lookup-field {
  4368. color: #8e8e93;
  4369. }
  4370. .dx-lookup-popup-wrapper .dx-popup-content {
  4371. padding: 0;
  4372. }
  4373. .dx-lookup-popup-wrapper .dx-list-item-selected .dx-list-item-content {
  4374. padding-right: 20px;
  4375. }
  4376. .dx-lookup-popup-wrapper .dx-list-item-selected .dx-list-item-content:before {
  4377. color: #017aff;
  4378. display: inline-block;
  4379. font-weight: bold;
  4380. content: "\f005";
  4381. font-family: DXIcons;
  4382. font-size: 24px;
  4383. margin-right: 20px;
  4384. line-height: 20px;
  4385. float: right;
  4386. }
  4387. .dx-lookup-popup-wrapper .dx-list {
  4388. padding-bottom: 8px;
  4389. }
  4390. .dx-lookup-popup-search .dx-list {
  4391. height: calc(100% - 50px);
  4392. }
  4393. .dx-lookup-search-wrapper {
  4394. position: relative;
  4395. margin: 0;
  4396. padding: 5px 7px 5px;
  4397. background: #C9C9CE;
  4398. border-top: 1px solid #7e7e7e;
  4399. border-bottom: 1px solid #b5b5b5;
  4400. }
  4401. .dx-lookup-search-wrapper .dx-texteditor {
  4402. margin: 0;
  4403. }
  4404. .dx-lookup-search-wrapper .dx-texteditor-input {
  4405. background: #fff;
  4406. }
  4407. .dx-invalid.dx-lookup .dx-lookup-field:after {
  4408. right: 26px;
  4409. pointer-events: none;
  4410. font-weight: bold;
  4411. background-color: #fff;
  4412. border: 2px solid #FF392C;
  4413. color: #FF392C;
  4414. content: '!';
  4415. position: absolute;
  4416. top: 50%;
  4417. margin-top: -11px;
  4418. width: 22px;
  4419. height: 22px;
  4420. border-radius: 11px;
  4421. text-align: center;
  4422. line-height: 19px;
  4423. }
  4424. .dx-rtl .dx-lookup-field {
  4425. padding-right: 0;
  4426. padding-left: 17px;
  4427. }
  4428. .dx-rtl .dx-invalid.dx-lookup .dx-lookup-field:after,
  4429. .dx-rtl.dx-invalid.dx-lookup .dx-lookup-field:after {
  4430. left: 26px;
  4431. right: auto;
  4432. }
  4433. .dx-lookup-popup-wrapper > .dx-rtl .dx-list-item:before {
  4434. float: left;
  4435. }
  4436. .dx-lookup-popup-wrapper > .dx-rtl .dx-list-item.dx-list-item-selected .dx-list-item-content:before {
  4437. float: left;
  4438. margin-left: 20px;
  4439. }
  4440. .dx-lookup-popup-wrapper > .dx-rtl .dx-list-item .dx-list-item-content {
  4441. padding-right: 15px;
  4442. padding-left: 20px;
  4443. }
  4444. .dx-actionsheet-without-title .dx-actionsheet-container {
  4445. border-radius: 6px 6px 6px 6px;
  4446. }
  4447. .dx-actionsheet-popup-wrapper .dx-popover-arrow:after,
  4448. .dx-actionsheet-popover-wrapper .dx-popover-arrow:after {
  4449. background: #f2f2f2;
  4450. }
  4451. .dx-actionsheet-popup-wrapper .dx-popup-title,
  4452. .dx-actionsheet-popover-wrapper .dx-popup-title {
  4453. padding: 15px 10px;
  4454. border: 0;
  4455. background: #f2f2f2;
  4456. color: #8a8a8a;
  4457. font-size: 14px;
  4458. border-radius: 6px 6px 0 0;
  4459. font-weight: normal;
  4460. }
  4461. .dx-actionsheet-popup-wrapper .dx-popup-title.dx-toolbar,
  4462. .dx-actionsheet-popover-wrapper .dx-popup-title.dx-toolbar {
  4463. width: auto;
  4464. height: auto;
  4465. }
  4466. .dx-actionsheet-popup-wrapper .dx-popup-content,
  4467. .dx-actionsheet-popover-wrapper .dx-popup-content {
  4468. padding: 0;
  4469. border-radius: 0;
  4470. }
  4471. .dx-actionsheet-popup-wrapper .dx-actionsheet-cancel,
  4472. .dx-actionsheet-popover-wrapper .dx-actionsheet-cancel {
  4473. margin: 0 0 8px 0;
  4474. border-radius: 6px;
  4475. border-top: none;
  4476. background: #ffffff;
  4477. }
  4478. .dx-actionsheet-popup-wrapper .dx-actionsheet-cancel .dx-button-text,
  4479. .dx-actionsheet-popover-wrapper .dx-actionsheet-cancel .dx-button-text {
  4480. font-weight: bold;
  4481. }
  4482. .dx-actionsheet-popup-wrapper .dx-actionsheet-cancel.dx-state-active,
  4483. .dx-actionsheet-popover-wrapper .dx-actionsheet-cancel.dx-state-active {
  4484. background: #e7e7e7;
  4485. }
  4486. .dx-actionsheet-popup-wrapper .dx-overlay-content {
  4487. border: none;
  4488. background: none;
  4489. }
  4490. .dx-actionsheet-popup-wrapper .dx-popup-title {
  4491. margin: 0 8px;
  4492. }
  4493. .dx-actionsheet-popup-wrapper .dx-popup-content {
  4494. margin: 0 8px;
  4495. }
  4496. .dx-actionsheet-container .dx-button,
  4497. .dx-actionsheet-cancel {
  4498. margin: 0;
  4499. padding: 0;
  4500. border-top: 1px solid #c8c8c8;
  4501. background: #f2f2f2;
  4502. }
  4503. .dx-hairlines .dx-actionsheet-container .dx-button,
  4504. .dx-hairlines .dx-actionsheet-cancel {
  4505. border-top-width: 0.5px;
  4506. }
  4507. .dx-actionsheet-container .dx-button .dx-button-text,
  4508. .dx-actionsheet-cancel .dx-button-text {
  4509. height: 43px;
  4510. font-size: 20px;
  4511. line-height: 43px;
  4512. }
  4513. .dx-actionsheet-container {
  4514. overflow: hidden;
  4515. border-radius: 0 0 6px 6px;
  4516. margin-bottom: 8px;
  4517. }
  4518. .dx-popover-wrapper .dx-actionsheet-container {
  4519. margin: 0;
  4520. }
  4521. .dx-actionsheet-container .dx-button {
  4522. border-radius: 0 0 0 0;
  4523. }
  4524. .dx-actionsheet-container .dx-button.dx-state-disabled .dx-button-text {
  4525. color: #b9b9b9;
  4526. }
  4527. .dx-actionsheet-container .dx-button.dx-state-active {
  4528. background: #e7e7e7;
  4529. }
  4530. .dx-actionsheet-container .dx-button-text {
  4531. color: #017aff;
  4532. }
  4533. .dx-actionsheet-container .dx-button-danger .dx-button-text {
  4534. color: #fd472b;
  4535. }
  4536. .dx-actionsheet-container .dx-button-success .dx-button-text {
  4537. color: #00e367;
  4538. }
  4539. .dx-actionsheet-container.dx-state-disabled .dx-button {
  4540. color: #b9b9b9;
  4541. opacity: 1;
  4542. }
  4543. .dx-actionsheet-popover-wrapper .dx-button {
  4544. width: 100%;
  4545. }
  4546. .dx-actionsheet-popover-wrapper .dx-state-disabled .dx-actionsheet-container .dx-button,
  4547. .dx-actionsheet-popover-wrapper.dx-state-disabled .dx-actionsheet-container .dx-button {
  4548. color: #b9b9b9;
  4549. opacity: 1;
  4550. }
  4551. .dx-loadindicator-image {
  4552. background-image: url(data:image/gif;base64,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);
  4553. }
  4554. .dx-loadindicator-icon {
  4555. position: relative;
  4556. top: 15%;
  4557. left: 15%;
  4558. width: 70%;
  4559. height: 70%;
  4560. }
  4561. .dx-loadindicator-icon .dx-loadindicator-segment {
  4562. position: absolute;
  4563. width: 11%;
  4564. height: 34%;
  4565. left: 44.5%;
  4566. top: 37%;
  4567. opacity: 0;
  4568. background: #787878;
  4569. border-radius: 80%;
  4570. -webkit-animation: dx-ios-loadindicator-opacity 1s linear infinite;
  4571. animation: dx-ios-loadindicator-opacity 1s linear infinite;
  4572. }
  4573. @-webkit-keyframes dx-ios-loadindicator-opacity {
  4574. from {
  4575. opacity: 1;
  4576. }
  4577. to {
  4578. opacity: 0;
  4579. }
  4580. }
  4581. @keyframes dx-ios-loadindicator-opacity {
  4582. from {
  4583. opacity: 1;
  4584. }
  4585. to {
  4586. opacity: 0;
  4587. }
  4588. }
  4589. .dx-loadindicator-icon .dx-loadindicator-segment0 {
  4590. -webkit-transform: rotate(0deg) translate(0, -142%);
  4591. transform: rotate(0deg) translate(0, -142%);
  4592. -webkit-animation-delay: 0s;
  4593. animation-delay: 0s;
  4594. }
  4595. .dx-loadindicator-icon .dx-loadindicator-segment1 {
  4596. -webkit-transform: rotate(30deg) translate(0, -142%);
  4597. transform: rotate(30deg) translate(0, -142%);
  4598. -webkit-animation-delay: -0.9167s;
  4599. animation-delay: -0.9167s;
  4600. }
  4601. .dx-loadindicator-icon .dx-loadindicator-segment2 {
  4602. -webkit-transform: rotate(60deg) translate(0, -142%);
  4603. transform: rotate(60deg) translate(0, -142%);
  4604. -webkit-animation-delay: -0.833s;
  4605. animation-delay: -0.833s;
  4606. }
  4607. .dx-loadindicator-icon .dx-loadindicator-segment3 {
  4608. -webkit-transform: rotate(90deg) translate(0, -142%);
  4609. transform: rotate(90deg) translate(0, -142%);
  4610. -webkit-animation-delay: -0.75s;
  4611. animation-delay: -0.75s;
  4612. }
  4613. .dx-loadindicator-icon .dx-loadindicator-segment4 {
  4614. -webkit-transform: rotate(120deg) translate(0, -142%);
  4615. transform: rotate(120deg) translate(0, -142%);
  4616. -webkit-animation-delay: -0.667s;
  4617. animation-delay: -0.667s;
  4618. }
  4619. .dx-loadindicator-icon .dx-loadindicator-segment5 {
  4620. -webkit-transform: rotate(150deg) translate(0, -142%);
  4621. transform: rotate(150deg) translate(0, -142%);
  4622. -webkit-animation-delay: -0.5833s;
  4623. animation-delay: -0.5833s;
  4624. }
  4625. .dx-loadindicator-icon .dx-loadindicator-segment6 {
  4626. -webkit-transform: rotate(180deg) translate(0, -142%);
  4627. transform: rotate(180deg) translate(0, -142%);
  4628. -webkit-animation-delay: -0.5s;
  4629. animation-delay: -0.5s;
  4630. }
  4631. .dx-loadindicator-icon .dx-loadindicator-segment7 {
  4632. -webkit-transform: rotate(210deg) translate(0, -142%);
  4633. transform: rotate(210deg) translate(0, -142%);
  4634. -webkit-animation-delay: -0.41667s;
  4635. animation-delay: -0.41667s;
  4636. }
  4637. .dx-loadindicator-icon .dx-loadindicator-segment8 {
  4638. -webkit-transform: rotate(240deg) translate(0, -142%);
  4639. transform: rotate(240deg) translate(0, -142%);
  4640. -webkit-animation-delay: -0.333s;
  4641. animation-delay: -0.333s;
  4642. }
  4643. .dx-loadindicator-icon .dx-loadindicator-segment9 {
  4644. -webkit-transform: rotate(270deg) translate(0, -142%);
  4645. transform: rotate(270deg) translate(0, -142%);
  4646. -webkit-animation-delay: -0.25s;
  4647. animation-delay: -0.25s;
  4648. }
  4649. .dx-loadindicator-icon .dx-loadindicator-segment10 {
  4650. -webkit-transform: rotate(300deg) translate(0, -142%);
  4651. transform: rotate(300deg) translate(0, -142%);
  4652. -webkit-animation-delay: -0.1667s;
  4653. animation-delay: -0.1667s;
  4654. }
  4655. .dx-loadindicator-icon .dx-loadindicator-segment11 {
  4656. -webkit-transform: rotate(330deg) translate(0, -142%);
  4657. transform: rotate(330deg) translate(0, -142%);
  4658. -webkit-animation-delay: -0.0833s;
  4659. animation-delay: -0.0833s;
  4660. }
  4661. .dx-loadindicator-icon .dx-loadindicator-segment12,
  4662. .dx-loadindicator-icon .dx-loadindicator-segment13,
  4663. .dx-loadindicator-icon .dx-loadindicator-segment14,
  4664. .dx-loadindicator-icon .dx-loadindicator-segment15,
  4665. .dx-loadindicator-icon .dx-loadindicator-segment16 {
  4666. display: none;
  4667. }
  4668. .dx-rtl .dx-loadindicator-icon {
  4669. right: 15%;
  4670. left: 0;
  4671. }
  4672. .dx-loadpanel-content {
  4673. background: #f6f6f6;
  4674. border: none;
  4675. }
  4676. .dx-loadpanel-message {
  4677. padding-top: 7px;
  4678. }
  4679. .dx-autocomplete-popup-wrapper .dx-overlay-content {
  4680. -webkit-box-shadow: 0 1px 15px -3px rgba(0,0,0,.35);
  4681. box-shadow: 0 1px 15px -3px rgba(0,0,0,.35);
  4682. }
  4683. .dx-autocomplete-popup-wrapper .dx-popup-content {
  4684. border-color: #D9D9D9;
  4685. }
  4686. .dx-autocomplete-popup-wrapper .dx-list {
  4687. background-color: #fff;
  4688. }
  4689. .dx-autocomplete-popup-wrapper .dx-list-item:not(:last-child):not(:only-child) {
  4690. border-bottom: 1px solid #D9D9D9;
  4691. }
  4692. .dx-hairlines .dx-autocomplete-popup-wrapper .dx-list-item:not(:last-child):not(:only-child) {
  4693. border-bottom-width: 0.5px;
  4694. }
  4695. .dx-autocomplete.dx-dropdowneditor.dx-invalid .dx-texteditor-container:after {
  4696. right: 4px;
  4697. }
  4698. .dx-rtl.dx-autocomplete.dx-dropdowneditor.dx-invalid .dx-texteditor-container:after {
  4699. left: 4px;
  4700. right: auto;
  4701. }
  4702. .dx-dropdownmenu-popup-wrapper .dx-overlay-content {
  4703. border-radius: 0.5em;
  4704. }
  4705. .dx-dropdownmenu-popup-wrapper .dx-popup-content {
  4706. padding: 0;
  4707. background-color: #fff;
  4708. border-radius: 0.5em;
  4709. }
  4710. .dx-dropdownmenu-popup-wrapper .dx-scrollview-content {
  4711. position: static;
  4712. overflow: hidden;
  4713. border-radius: 0.4em;
  4714. }
  4715. .dx-dropdownmenu-popup-wrapper .dx-list-item {
  4716. position: static;
  4717. border-bottom: 1px solid #c2c2c2;
  4718. }
  4719. .dx-hairlines .dx-dropdownmenu-popup-wrapper .dx-list-item {
  4720. border-bottom-width: 0.5px;
  4721. }
  4722. .dx-dropdownmenu-popup-wrapper .dx-list-item.dx-state-active,
  4723. .dx-dropdownmenu-popup-wrapper .dx-list-item.dx-state-focused {
  4724. background: #d0e3f6;
  4725. }
  4726. .dx-dropdownmenu-popup-wrapper .dx-list-item:after {
  4727. display: none;
  4728. }
  4729. .dx-dropdownmenu-popup-wrapper .dx-list-item:last-child {
  4730. border-bottom: none;
  4731. }
  4732. .dx-dropdownmenu-popup-wrapper .dx-list-item-content {
  4733. padding: 13px 15px;
  4734. }
  4735. .dx-dropdownmenu-popup-wrapper .dx-list-item-content:after {
  4736. content: none;
  4737. }
  4738. .dx-dropdownmenu-popup-wrapper .dx-popover-arrow:after {
  4739. background: #fff;
  4740. }
  4741. .dx-selectbox-popup-wrapper .dx-overlay-content {
  4742. -webkit-box-shadow: 0 1px 15px -3px rgba(0,0,0,.35);
  4743. box-shadow: 0 1px 15px -3px rgba(0,0,0,.35);
  4744. }
  4745. .dx-selectbox-popup-wrapper .dx-list {
  4746. background-color: #fff;
  4747. }
  4748. .dx-selectbox-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item:not(:last-child):not(:only-child) {
  4749. border-bottom: 1px solid #D9D9D9;
  4750. }
  4751. .dx-hairlines .dx-selectbox-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item:not(:last-child):not(:only-child) {
  4752. border-bottom-width: 0.5px;
  4753. }
  4754. .dx-tagbox:not(.dx-texteditor-empty).dx-show-clear-button .dx-icon-clear {
  4755. position: absolute;
  4756. top: 50%;
  4757. margin-top: -9px;
  4758. right: auto;
  4759. }
  4760. .dx-texteditor-container {
  4761. background: #fff;
  4762. }
  4763. .dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input {
  4764. height: auto;
  4765. }
  4766. .dx-tagbox-single-line {
  4767. border: 1px solid #ccc;
  4768. border-radius: 6px;
  4769. overflow: hidden;
  4770. background: #fff;
  4771. }
  4772. .dx-hairlines .dx-tagbox-single-line {
  4773. border-width: 0.5px;
  4774. }
  4775. .dx-tagbox-single-line .dx-dropdowneditor-input-wrapper {
  4776. border: none;
  4777. }
  4778. .dx-tagbox-single-line.dx-tagbox-only-select .dx-texteditor-input {
  4779. padding-left: 0;
  4780. }
  4781. .dx-tag-content {
  4782. min-width: 40px;
  4783. margin-top: 2px;
  4784. margin-left: 2px;
  4785. padding: 4px 19px 4px 7px;
  4786. color: #fff;
  4787. font-size: 1em;
  4788. background-color: #007aff;
  4789. border-radius: 10px;
  4790. }
  4791. .dx-tag-remove-button {
  4792. padding: 7px 5px;
  4793. width: 24px;
  4794. height: 24px;
  4795. }
  4796. .dx-tag-remove-button:before,
  4797. .dx-tag-remove-button:after {
  4798. left: 12px;
  4799. margin-top: -5px;
  4800. width: 2px;
  4801. height: 12px;
  4802. background: #fff;
  4803. }
  4804. .dx-tag-remove-button:after {
  4805. left: 7px;
  4806. margin-top: 0;
  4807. width: 12px;
  4808. height: 2px;
  4809. }
  4810. .dx-hairlines .dx-tag-remove-button {
  4811. top: 2px;
  4812. }
  4813. .dx-tag-remove-button:active:before,
  4814. .dx-tag-remove-button:active:after {
  4815. background: #80bcff;
  4816. }
  4817. .dx-tag.dx-state-focused .dx-tag-content {
  4818. background: #0062cc;
  4819. }
  4820. .dx-tagbox-popup-wrapper .dx-list-select-all:after {
  4821. margin-left: 0;
  4822. }
  4823. .dx-rtl.dx-tagbox.dx-show-clear-button .dx-icon-clear {
  4824. left: auto;
  4825. right: auto;
  4826. }
  4827. .dx-rtl .dx-tag-content {
  4828. padding-right: 7px;
  4829. padding-left: 19px;
  4830. }
  4831. .dx-rtl .dx-tag-remove-button:before {
  4832. right: 12px;
  4833. left: auto;
  4834. }
  4835. .dx-rtl .dx-tag-remove-button:after {
  4836. right: 7px;
  4837. left: auto;
  4838. }
  4839. .dx-radiobutton-icon {
  4840. position: relative;
  4841. width: 32px;
  4842. height: 32px;
  4843. }
  4844. .dx-radiobutton-checked .dx-radiobutton-icon .dx-radiobutton-icon-dot {
  4845. position: absolute;
  4846. width: 16px;
  4847. height: 16px;
  4848. left: 8px;
  4849. top: 8px;
  4850. background: #fff;
  4851. -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  4852. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  4853. border-radius: 50%;
  4854. }
  4855. .dx-radiobutton-checked .dx-radiobutton-icon:before {
  4856. background: #007aff;
  4857. -webkit-box-shadow: none;
  4858. box-shadow: none;
  4859. }
  4860. .dx-radiobutton-icon:before {
  4861. position: absolute;
  4862. content: '';
  4863. display: block;
  4864. width: 100%;
  4865. height: 100%;
  4866. background-color: #fff;
  4867. -webkit-box-shadow: 0 0 2px rgba(170, 170, 170, 0.6) inset;
  4868. box-shadow: 0 0 2px rgba(170, 170, 170, 0.6) inset;
  4869. border-radius: 50%;
  4870. }
  4871. .dx-state-disabled .dx-radiobutton-icon {
  4872. opacity: 0.65;
  4873. }
  4874. .dx-state-disabled.dx-radiobutton {
  4875. opacity: 0.65;
  4876. }
  4877. .dx-state-disabled .dx-radiobutton.dx-state-disabled {
  4878. opacity: 1;
  4879. }
  4880. .dx-state-active.dx-radiobutton .dx-radiobutton-icon:before {
  4881. background-color: #007aff;
  4882. }
  4883. .dx-invalid .dx-radiobutton-icon:before {
  4884. border: 1px solid rgba(255, 57, 44, 0.4);
  4885. }
  4886. .dx-invalid .dx-state-focused .dx-radiobutton-icon:before {
  4887. border-color: #FF392C;
  4888. }
  4889. .dx-radiobutton {
  4890. line-height: 38px;
  4891. color: #000;
  4892. }
  4893. .dx-radiogroup-horizontal .dx-radiobutton {
  4894. margin-right: 10px;
  4895. }
  4896. .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton,
  4897. .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton {
  4898. margin-right: 0;
  4899. margin-left: 10px;
  4900. }
  4901. .dx-radio-value-container {
  4902. padding-top: 2px;
  4903. }
  4904. .dx-accordion-item {
  4905. border: 1px solid #c8c8c8;
  4906. border-radius: 6px;
  4907. margin-bottom: 2px;
  4908. }
  4909. .dx-accordion-item .dx-icon {
  4910. width: 18px;
  4911. height: 18px;
  4912. background-position: 0px 0px;
  4913. background-size: 18px 18px;
  4914. padding: 0px;
  4915. font-size: 18px;
  4916. text-align: center;
  4917. line-height: 18px;
  4918. }
  4919. .dx-accordion-item.dx-state-active {
  4920. border-color: #2b90ff;
  4921. }
  4922. .dx-accordion-item-opened.dx-accordion-item {
  4923. border-color: #017aff;
  4924. }
  4925. .dx-accordion-item-opened > .dx-accordion-item-title {
  4926. font-weight: bold;
  4927. }
  4928. .dx-accordion-item-opened > .dx-accordion-item-title:before {
  4929. content: "\f014";
  4930. }
  4931. .dx-accordion-item-title {
  4932. color: #017aff;
  4933. font-size: 16px;
  4934. padding: 9px 10px;
  4935. }
  4936. .dx-accordion-item-title:before {
  4937. font-weight: bold;
  4938. color: #017aff;
  4939. content: "\f016";
  4940. font-family: DXIcons;
  4941. font-size: 18px;
  4942. margin-left: 9px;
  4943. margin-right: 0;
  4944. line-height: 21px;
  4945. }
  4946. .dx-accordion-item-title .dx-icon {
  4947. margin-right: 9px;
  4948. margin-left: 0;
  4949. display: inline-block;
  4950. }
  4951. .dx-rtl .dx-accordion-item-title .dx-icon,
  4952. .dx-rtl.dx-accordion-item-title .dx-icon {
  4953. margin-left: 9px;
  4954. margin-right: 0;
  4955. }
  4956. .dx-accordion-item-title .dx-icon.dx-icon-right {
  4957. margin-left: 9px;
  4958. margin-right: 0;
  4959. }
  4960. .dx-rtl .dx-accordion-item-title .dx-icon.dx-icon-right,
  4961. .dx-rtl.dx-accordion-item-title .dx-icon.dx-icon-right {
  4962. margin-right: 9px;
  4963. margin-left: 0;
  4964. }
  4965. .dx-accordion-item-body {
  4966. padding: 6px 10px 18px;
  4967. }
  4968. .dx-rtl .dx-accordion-item-title:before {
  4969. margin-right: 9px;
  4970. margin-left: 0;
  4971. }
  4972. .dx-slideoutview-content {
  4973. -webkit-box-sizing: content-box;
  4974. box-sizing: content-box;
  4975. background-color: #fff;
  4976. margin-left: -1px;
  4977. border-left: 1px solid #e0e0e0;
  4978. }
  4979. .dx-slideout-menu {
  4980. min-height: 0;
  4981. border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  4982. }
  4983. .dx-slideout-menu .dx-list-item {
  4984. color: #000;
  4985. }
  4986. .dx-slideout-menu .dx-list-item .dx-icon {
  4987. color: #017aff;
  4988. margin-top: -4px;
  4989. margin-bottom: -4px;
  4990. width: 24px;
  4991. height: 24px;
  4992. background-position: 0px 0px;
  4993. background-size: 24px 24px;
  4994. padding: 0px;
  4995. font-size: 24px;
  4996. text-align: center;
  4997. line-height: 24px;
  4998. margin-right: 10px;
  4999. margin-left: 0;
  5000. }
  5001. .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
  5002. .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon {
  5003. margin-left: 10px;
  5004. margin-right: 0;
  5005. }
  5006. .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
  5007. margin-left: 10px;
  5008. margin-right: 0;
  5009. }
  5010. .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right,
  5011. .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
  5012. margin-right: 10px;
  5013. margin-left: 0;
  5014. }
  5015. .dx-state-disabled .dx-slideout-menu .dx-list-item {
  5016. opacity: 0.6;
  5017. }
  5018. .dx-state-active .dx-slideout-menu .dx-list-item {
  5019. background: rgba(1, 122, 255, 0.2);
  5020. }
  5021. @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  5022. .dx-slideout-menu .dx-list-item .dx-icon {
  5023. margin-top: -1px;
  5024. margin-bottom: -7px;
  5025. }
  5026. }
  5027. .dx-pager.dx-light-mode .dx-page-sizes {
  5028. min-width: 34px;
  5029. }
  5030. .dx-pager.dx-light-mode .dx-page-index {
  5031. min-width: 19px;
  5032. }
  5033. .dx-pager .dx-pages .dx-prev-button {
  5034. font: 14px/1 DXIcons;
  5035. }
  5036. .dx-pager .dx-pages .dx-prev-button:before {
  5037. content: "\f012";
  5038. }
  5039. .dx-pager .dx-pages .dx-next-button {
  5040. font: 14px/1 DXIcons;
  5041. }
  5042. .dx-pager .dx-pages .dx-next-button:before {
  5043. content: "\f010";
  5044. }
  5045. .dx-pager .dx-pages .dx-prev-button,
  5046. .dx-pager .dx-pages .dx-next-button {
  5047. font-size: 22px;
  5048. text-align: center;
  5049. line-height: 22px;
  5050. }
  5051. .dx-pager .dx-pages .dx-prev-button:before,
  5052. .dx-pager .dx-pages .dx-next-button:before {
  5053. position: absolute;
  5054. display: block;
  5055. width: 22px;
  5056. top: 50%;
  5057. margin-top: -11px;
  5058. left: 50%;
  5059. margin-left: -11px;
  5060. }
  5061. .dx-pager .dx-pages .dx-selection,
  5062. .dx-pager .dx-page-sizes .dx-selection {
  5063. background-color: #dfdfdf;
  5064. }
  5065. .dx-colorview-container label.dx-colorview-alpha-channel-label {
  5066. margin-left: 42px;
  5067. width: 116px;
  5068. }
  5069. .dx-colorview-palette-cell,
  5070. .dx-colorview-hue-scale-wrapper,
  5071. .dx-colorview-alpha-channel-border,
  5072. .dx-colorview-color-preview-container {
  5073. padding: 1px;
  5074. margin: 1px;
  5075. margin-top: 0;
  5076. background-color: #faefef;
  5077. -webkit-box-shadow: 0 0 0 1px #d1d1d1;
  5078. box-shadow: 0 0 0 1px #d1d1d1;
  5079. }
  5080. .dx-colorview-color-preview-container {
  5081. margin-bottom: 34px;
  5082. }
  5083. .dx-colorbox .dx-placeholder {
  5084. left: 31px;
  5085. }
  5086. .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
  5087. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrboJm3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHyiFOg0cfv2MAAAAASUVORK5CYII=) no-repeat 0 0;
  5088. }
  5089. .dx-colorbox-color-result-preview {
  5090. border-color: #d1d1d1;
  5091. }
  5092. .dx-colorbox-overlay {
  5093. border-radius: 0.5em;
  5094. -webkit-box-shadow: 0 1px 15px -3px rgba(0,0,0,.35);
  5095. box-shadow: 0 1px 15px -3px rgba(0,0,0,.35);
  5096. background-color: #ffffff;
  5097. }
  5098. .dx-colorbox-overlay .dx-popup-content {
  5099. margin: 0;
  5100. }
  5101. .dx-colorbox-overlay .dx-toolbar {
  5102. background-color: transparent;
  5103. }
  5104. .dx-colorbox-overlay .dx-toolbar .dx-toolbar-before,
  5105. .dx-colorbox-overlay .dx-toolbar .dx-toolbar-after,
  5106. .dx-colorbox-overlay .dx-toolbar .dx-toolbar-center {
  5107. background-color: transparent;
  5108. }
  5109. .dx-colorbox-overlay .dx-popup-bottom {
  5110. margin: 0;
  5111. padding-top: 20px;
  5112. height: 48px;
  5113. width: 100%;
  5114. margin-bottom: 0;
  5115. }
  5116. .dx-colorbox-overlay .dx-popup-bottom .dx-toolbar-item {
  5117. padding: 0;
  5118. }
  5119. .dx-colorbox-overlay .dx-popup-bottom .dx-colorview-buttons-container {
  5120. height: 28px;
  5121. }
  5122. .dx-colorbox-overlay .dx-popup-bottom .dx-colorview-buttons-container .dx-button {
  5123. min-width: 90px;
  5124. }
  5125. .dx-rtl.dx-colorbox .dx-placeholder,
  5126. .dx-rtl .dx-colorbox .dx-placeholder {
  5127. right: 31px;
  5128. }
  5129. .dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child {
  5130. padding-left: 10px;
  5131. padding-right: 0;
  5132. }
  5133. .dx-datagrid-checkbox-size .dx-checkbox-icon {
  5134. width: 20px;
  5135. height: 20px;
  5136. }
  5137. .dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon::before {
  5138. width: 10px;
  5139. height: 10px;
  5140. }
  5141. .dx-datagrid .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc,
  5142. .dx-datagrid-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc {
  5143. font: 14px/1 DXIcons;
  5144. width: 20px;
  5145. height: 20px;
  5146. background-position: 0px 0px;
  5147. background-size: 20px 20px;
  5148. padding: 0px;
  5149. font-size: 20px;
  5150. text-align: center;
  5151. line-height: 20px;
  5152. }
  5153. .dx-datagrid .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc:before,
  5154. .dx-datagrid-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc:before {
  5155. content: "\f053";
  5156. }
  5157. .dx-datagrid .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc,
  5158. .dx-datagrid-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc {
  5159. font: 14px/1 DXIcons;
  5160. width: 20px;
  5161. height: 20px;
  5162. background-position: 0px 0px;
  5163. background-size: 20px 20px;
  5164. padding: 0px;
  5165. font-size: 20px;
  5166. text-align: center;
  5167. line-height: 20px;
  5168. }
  5169. .dx-datagrid .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc:before,
  5170. .dx-datagrid-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc:before {
  5171. content: "\f054";
  5172. }
  5173. .dx-datagrid .dx-menu-item-content .dx-icon,
  5174. .dx-datagrid-container .dx-menu-item-content .dx-icon {
  5175. color: #969696;
  5176. }
  5177. .dx-datagrid .dx-icon-filter-operation-equals,
  5178. .dx-datagrid-container .dx-icon-filter-operation-equals {
  5179. font: 14px/1 DXIcons;
  5180. }
  5181. .dx-datagrid .dx-icon-filter-operation-equals:before,
  5182. .dx-datagrid-container .dx-icon-filter-operation-equals:before {
  5183. content: "\f044";
  5184. }
  5185. .dx-datagrid .dx-icon-filter-operation-default,
  5186. .dx-datagrid-container .dx-icon-filter-operation-default {
  5187. font: 14px/1 DXIcons;
  5188. }
  5189. .dx-datagrid .dx-icon-filter-operation-default:before,
  5190. .dx-datagrid-container .dx-icon-filter-operation-default:before {
  5191. content: "\f027";
  5192. }
  5193. .dx-datagrid .dx-icon-filter-operation-not-equals,
  5194. .dx-datagrid-container .dx-icon-filter-operation-not-equals {
  5195. font: 14px/1 DXIcons;
  5196. }
  5197. .dx-datagrid .dx-icon-filter-operation-not-equals:before,
  5198. .dx-datagrid-container .dx-icon-filter-operation-not-equals:before {
  5199. content: "\f045";
  5200. }
  5201. .dx-datagrid .dx-icon-filter-operation-less,
  5202. .dx-datagrid-container .dx-icon-filter-operation-less {
  5203. font: 14px/1 DXIcons;
  5204. }
  5205. .dx-datagrid .dx-icon-filter-operation-less:before,
  5206. .dx-datagrid-container .dx-icon-filter-operation-less:before {
  5207. content: "\f046";
  5208. }
  5209. .dx-datagrid .dx-icon-filter-operation-less-equal,
  5210. .dx-datagrid-container .dx-icon-filter-operation-less-equal {
  5211. font: 14px/1 DXIcons;
  5212. }
  5213. .dx-datagrid .dx-icon-filter-operation-less-equal:before,
  5214. .dx-datagrid-container .dx-icon-filter-operation-less-equal:before {
  5215. content: "\f048";
  5216. }
  5217. .dx-datagrid .dx-icon-filter-operation-greater,
  5218. .dx-datagrid-container .dx-icon-filter-operation-greater {
  5219. font: 14px/1 DXIcons;
  5220. }
  5221. .dx-datagrid .dx-icon-filter-operation-greater:before,
  5222. .dx-datagrid-container .dx-icon-filter-operation-greater:before {
  5223. content: "\f047";
  5224. }
  5225. .dx-datagrid .dx-icon-filter-operation-greater-equal,
  5226. .dx-datagrid-container .dx-icon-filter-operation-greater-equal {
  5227. font: 14px/1 DXIcons;
  5228. }
  5229. .dx-datagrid .dx-icon-filter-operation-greater-equal:before,
  5230. .dx-datagrid-container .dx-icon-filter-operation-greater-equal:before {
  5231. content: "\f049";
  5232. }
  5233. .dx-datagrid .dx-icon-filter-operation-contains,
  5234. .dx-datagrid-container .dx-icon-filter-operation-contains {
  5235. font: 14px/1 DXIcons;
  5236. }
  5237. .dx-datagrid .dx-icon-filter-operation-contains:before,
  5238. .dx-datagrid-container .dx-icon-filter-operation-contains:before {
  5239. content: "\f063";
  5240. }
  5241. .dx-datagrid .dx-icon-filter-operation-not-contains,
  5242. .dx-datagrid-container .dx-icon-filter-operation-not-contains {
  5243. font: 14px/1 DXIcons;
  5244. }
  5245. .dx-datagrid .dx-icon-filter-operation-not-contains:before,
  5246. .dx-datagrid-container .dx-icon-filter-operation-not-contains:before {
  5247. content: "\f066";
  5248. }
  5249. .dx-datagrid .dx-icon-filter-operation-starts-with,
  5250. .dx-datagrid-container .dx-icon-filter-operation-starts-with {
  5251. font: 14px/1 DXIcons;
  5252. }
  5253. .dx-datagrid .dx-icon-filter-operation-starts-with:before,
  5254. .dx-datagrid-container .dx-icon-filter-operation-starts-with:before {
  5255. content: "\f064";
  5256. }
  5257. .dx-datagrid .dx-icon-filter-operation-ends-with,
  5258. .dx-datagrid-container .dx-icon-filter-operation-ends-with {
  5259. font: 14px/1 DXIcons;
  5260. }
  5261. .dx-datagrid .dx-icon-filter-operation-ends-with:before,
  5262. .dx-datagrid-container .dx-icon-filter-operation-ends-with:before {
  5263. content: "\f065";
  5264. }
  5265. .dx-datagrid .dx-icon-filter-operation-between,
  5266. .dx-datagrid-container .dx-icon-filter-operation-between {
  5267. font: 14px/1 DXIcons;
  5268. }
  5269. .dx-datagrid .dx-icon-filter-operation-between:before,
  5270. .dx-datagrid-container .dx-icon-filter-operation-between:before {
  5271. content: "\f06a";
  5272. }
  5273. .dx-datagrid .dx-menu .dx-menu-item.dx-state-focused,
  5274. .dx-datagrid .dx-menu .dx-menu-item.dx-state-active {
  5275. background-color: transparent;
  5276. }
  5277. .dx-datagrid .dx-menu .dx-menu-horizontal .dx-menu-item-content {
  5278. padding: 8px 0 6px 7px;
  5279. }
  5280. .dx-datagrid .dx-row-alt > td,
  5281. .dx-datagrid .dx-row-alt > tr > td {
  5282. background-color: #F7F7F7;
  5283. }
  5284. .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
  5285. border-bottom-color: #F7F7F7;
  5286. }
  5287. .dx-datagrid .dx-row-lines > td {
  5288. border-bottom: 1px solid #C8C8C8;
  5289. }
  5290. .dx-datagrid .dx-column-lines > td {
  5291. border-left-width: 0;
  5292. }
  5293. .dx-datagrid .dx-editor-cell .dx-texteditor .dx-texteditor-container {
  5294. border: none;
  5295. }
  5296. .dx-datagrid .dx-editor-cell .dx-texteditor .dx-texteditor-input {
  5297. border-radius: 0;
  5298. border-width: 0;
  5299. background: #fff;
  5300. }
  5301. .dx-datagrid .dx-editor-cell .dx-texteditor.dx-searchbox .dx-texteditor-input,
  5302. .dx-datagrid .dx-editor-cell .dx-texteditor.dx-searchbox .dx-placeholder:before {
  5303. padding-left: 30px;
  5304. }
  5305. .dx-rtl .dx-datagrid .dx-editor-cell .dx-texteditor.dx-searchbox .dx-texteditor-input,
  5306. .dx-rtl .dx-datagrid .dx-editor-cell .dx-texteditor.dx-searchbox .dx-placeholder:before,
  5307. .dx-rtl.dx-datagrid .dx-editor-cell .dx-texteditor.dx-searchbox .dx-texteditor-input,
  5308. .dx-rtl.dx-datagrid .dx-editor-cell .dx-texteditor.dx-searchbox .dx-placeholder:before {
  5309. padding-right: 30px;
  5310. }
  5311. .dx-datagrid .dx-editor-cell .dx-dropdowneditor-icon {
  5312. -webkit-box-shadow: none;
  5313. box-shadow: none;
  5314. }
  5315. .dx-datagrid .dx-error-row .dx-closebutton {
  5316. float: right;
  5317. margin: 8px;
  5318. font: 14px/1 DXIcons;
  5319. width: 24px;
  5320. height: 24px;
  5321. background-position: 0px 0px;
  5322. background-size: 24px 24px;
  5323. padding: 0px;
  5324. font-size: 24px;
  5325. text-align: center;
  5326. line-height: 24px;
  5327. }
  5328. .dx-datagrid .dx-error-row .dx-closebutton:before {
  5329. content: "\f00a";
  5330. }
  5331. .dx-datagrid .dx-error-row .dx-error-message {
  5332. padding: 7px;
  5333. padding-right: 35px;
  5334. }
  5335. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
  5336. width: 18px;
  5337. height: 18px;
  5338. background-position: 0px 0px;
  5339. background-size: 18px 18px;
  5340. padding: 0px;
  5341. font-size: 18px;
  5342. text-align: center;
  5343. line-height: 18px;
  5344. margin: 0 3px;
  5345. }
  5346. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  5347. background-position-y: 34px;
  5348. }
  5349. .dx-datagrid-edit-popup .dx-error-message {
  5350. padding: 7px;
  5351. }
  5352. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit {
  5353. width: 115px;
  5354. min-width: 115px;
  5355. }
  5356. .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space {
  5357. vertical-align: middle;
  5358. }
  5359. .dx-datagrid-filter-range-overlay .dx-overlay-content {
  5360. border: 1px solid #C8C8C8;
  5361. overflow: inherit;
  5362. -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  5363. box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  5364. }
  5365. .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor-container {
  5366. border: none;
  5367. }
  5368. .dx-datagrid-filter-range-overlay .dx-overlay-content,
  5369. .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor-container {
  5370. border-radius: 0;
  5371. }
  5372. .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
  5373. border-color: rgba(90, 200, 250, 0.7);
  5374. left: 0;
  5375. }
  5376. .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  5377. background-color: #fff;
  5378. padding: 7px;
  5379. }
  5380. .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
  5381. border: 2px solid #007aff;
  5382. }
  5383. .dx-datagrid-headers .dx-texteditor-input,
  5384. .dx-datagrid-rowsview .dx-texteditor-input {
  5385. padding: 7px;
  5386. }
  5387. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input,
  5388. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input {
  5389. padding-right: 22px;
  5390. }
  5391. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
  5392. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
  5393. padding: 7px;
  5394. padding-left: 22px;
  5395. }
  5396. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input,
  5397. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input {
  5398. padding-right: 22px;
  5399. }
  5400. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input,
  5401. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input {
  5402. padding: 7px;
  5403. padding-left: 22px;
  5404. }
  5405. .dx-datagrid-export-menu .dx-menu-items-container .dx-icon {
  5406. color: #898989;
  5407. }
  5408. .dx-datagrid-header-text {
  5409. text-transform: uppercase;
  5410. font-size: 0.9em;
  5411. font-weight: bold;
  5412. }
  5413. .dx-datagrid-column-chooser-list .dx-empty-message {
  5414. bottom: 40%;
  5415. color: black;
  5416. padding: 0 10px;
  5417. }
  5418. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-treeview-search {
  5419. margin-bottom: 10px;
  5420. }
  5421. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
  5422. padding: 10px;
  5423. }
  5424. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
  5425. padding: 20px;
  5426. }
  5427. .dx-datagrid-column-chooser .dx-overlay-content {
  5428. border-radius: 0;
  5429. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  5430. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  5431. }
  5432. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-list-item-content::after {
  5433. height: 0;
  5434. }
  5435. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  5436. padding: 0;
  5437. border: 1px solid #C8C8C8;
  5438. -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
  5439. box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
  5440. background-color: #E5E5E5;
  5441. }
  5442. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item .dx-treeview-item-content {
  5443. text-transform: uppercase;
  5444. font-size: 0.9em;
  5445. font-weight: bold;
  5446. color: #4D4D4D;
  5447. padding: 7px;
  5448. }
  5449. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item .dx-treeview-item-content::after {
  5450. margin-top: 0;
  5451. }
  5452. .dx-datagrid-drag-header {
  5453. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  5454. box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  5455. text-transform: uppercase;
  5456. font-size: 0.9em;
  5457. font-weight: bold;
  5458. color: #4D4D4D;
  5459. background-color: white;
  5460. padding: 7px;
  5461. border: 1px solid #5ac8fa;
  5462. }
  5463. .dx-datagrid-columns-separator {
  5464. background-color: #5ac8fa;
  5465. }
  5466. .dx-datagrid-columns-separator-transparent {
  5467. background-color: transparent;
  5468. }
  5469. .dx-datagrid-focus-overlay {
  5470. border: 2px solid #007aff;
  5471. }
  5472. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
  5473. background-color: #dfdfdf;
  5474. }
  5475. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused).dx-datagrid-group-space {
  5476. border-right-color: #dfdfdf;
  5477. }
  5478. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input {
  5479. background-color: #dfdfdf;
  5480. }
  5481. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row).dx-row:not(.dx-row-lines) {
  5482. border-bottom-color: #dfdfdf;
  5483. }
  5484. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td.dx-pointer-events-none {
  5485. background-color: transparent;
  5486. }
  5487. .dx-header-row {
  5488. text-transform: uppercase;
  5489. font-size: 0.9em;
  5490. font-weight: bold;
  5491. }
  5492. .dx-datagrid-headers {
  5493. color: #4D4D4D;
  5494. -ms-touch-action: pinch-zoom;
  5495. touch-action: pinch-zoom;
  5496. }
  5497. .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td {
  5498. background-color: #E5E5E5;
  5499. }
  5500. .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  5501. border-bottom: 1px solid #C8C8C8;
  5502. }
  5503. .dx-datagrid-headers .dx-datagrid-drop-highlight.dx-row > td {
  5504. background-color: #dfdfdf;
  5505. }
  5506. .dx-datagrid-headers .dx-column-lines > td {
  5507. border-left: 1px solid #C8C8C8;
  5508. border-right: 1px solid #C8C8C8;
  5509. }
  5510. .dx-datagrid-filter-row .dx-menu .dx-overlay-content {
  5511. color: #000;
  5512. }
  5513. .dx-datagrid-filter-row .dx-menu-item.dx-state-focused {
  5514. background-color: transparent;
  5515. }
  5516. .dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
  5517. border: 2px solid #007aff;
  5518. }
  5519. .dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
  5520. border-color: transparent;
  5521. }
  5522. .dx-datagrid-filter-row .dx-highlight-outline::after {
  5523. border-color: rgba(90, 200, 250, 0.7);
  5524. }
  5525. .dx-datagrid-header-panel {
  5526. border-bottom: 1px solid #C8C8C8;
  5527. }
  5528. .dx-datagrid-header-panel .dx-toolbar {
  5529. background: #fff;
  5530. padding-bottom: 10px;
  5531. height: 49px;
  5532. }
  5533. .dx-datagrid-header-panel .dx-toolbar-item {
  5534. padding: 0 0 0 5px;
  5535. }
  5536. .dx-datagrid-header-panel .dx-toolbar-button:not(.dx-state-disabled) .dx-apply-button .dx-button-content {
  5537. background-color: rgba(90, 200, 250, 0.5);
  5538. }
  5539. .dx-datagrid-header-panel .dx-link {
  5540. padding: 7px 0 7px 10px;
  5541. }
  5542. .dx-datagrid-toolbar-button .dx-icon-column-chooser {
  5543. font: 14px/1 DXIcons;
  5544. }
  5545. .dx-datagrid-toolbar-button .dx-icon-column-chooser:before {
  5546. content: "\f04d";
  5547. }
  5548. .dx-datagrid-toolbar-button .dx-icon-edit-button-addrow {
  5549. font: 14px/1 DXIcons;
  5550. }
  5551. .dx-datagrid-toolbar-button .dx-icon-edit-button-addrow:before {
  5552. content: "\f00b";
  5553. }
  5554. .dx-datagrid-toolbar-button .dx-icon-edit-button-cancel {
  5555. font: 14px/1 DXIcons;
  5556. }
  5557. .dx-datagrid-toolbar-button .dx-icon-edit-button-cancel:before {
  5558. content: "\f04c";
  5559. }
  5560. .dx-datagrid-toolbar-button .dx-icon-edit-button-save {
  5561. font: 14px/1 DXIcons;
  5562. }
  5563. .dx-datagrid-toolbar-button .dx-icon-edit-button-save:before {
  5564. content: "\f041";
  5565. }
  5566. .dx-datagrid-toolbar-button .dx-icon-apply-filter {
  5567. font: 14px/1 DXIcons;
  5568. }
  5569. .dx-datagrid-toolbar-button .dx-icon-apply-filter:before {
  5570. content: "\f050";
  5571. }
  5572. .dx-datagrid-toolbar-button .dx-icon-export-to {
  5573. font: 14px/1 DXIcons;
  5574. }
  5575. .dx-datagrid-toolbar-button .dx-icon-export-to:before {
  5576. content: "\f05f";
  5577. }
  5578. .dx-datagrid-toolbar-button .dx-icon-export-excel-button {
  5579. font: 14px/1 DXIcons;
  5580. }
  5581. .dx-datagrid-toolbar-button .dx-icon-export-excel-button:before {
  5582. content: "\f060";
  5583. }
  5584. .dx-datagrid-toolbar-button .dx-icon {
  5585. width: 21px;
  5586. height: 21px;
  5587. background-position: 0px 0px;
  5588. background-size: 21px 21px;
  5589. padding: 0px;
  5590. font-size: 21px;
  5591. text-align: center;
  5592. line-height: 21px;
  5593. color: #7f7f7f;
  5594. }
  5595. .dx-datagrid-search-panel {
  5596. margin-left: 20px;
  5597. }
  5598. .dx-datagrid-rowsview .dx-row {
  5599. border-top: 1px solid transparent;
  5600. border-bottom: 1px solid transparent;
  5601. }
  5602. .dx-datagrid-rowsview .dx-row.dx-edit-row > td {
  5603. border-top: 1px solid #C8C8C8;
  5604. border-bottom: 1px solid #C8C8C8;
  5605. }
  5606. .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid .dx-highlight-outline::after {
  5607. border: 1px solid rgba(255, 57, 44, 0.4);
  5608. }
  5609. .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after {
  5610. border: 1px solid #FF392C;
  5611. }
  5612. .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
  5613. padding: 10px 17px 9px;
  5614. border-radius: 0;
  5615. }
  5616. .dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
  5617. border-color: rgba(90, 200, 250, 0.7);
  5618. }
  5619. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
  5620. padding-top: 8px;
  5621. padding-bottom: 8px;
  5622. padding-left: 8px;
  5623. }
  5624. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid {
  5625. border-radius: 6px;
  5626. border: 1px solid #FF392C;
  5627. }
  5628. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid.dx-adaptive-item-text {
  5629. padding-top: 7px;
  5630. padding-bottom: 7px;
  5631. padding-left: 7px;
  5632. }
  5633. .dx-datagrid-rowsview .dx-item-modified {
  5634. border-radius: 6px;
  5635. border: 2px solid rgba(90, 200, 250, 0.7);
  5636. }
  5637. .dx-datagrid-rowsview .dx-item-modified.dx-adaptive-item-text {
  5638. padding-top: 6px;
  5639. padding-bottom: 6px;
  5640. padding-left: 6px;
  5641. }
  5642. .dx-datagrid-rowsview .dx-row-removed > td {
  5643. background-color: rgba(90, 200, 250, 0.7);
  5644. border-top: 1px solid rgba(90, 200, 250, 0.7);
  5645. border-bottom: 1px solid rgba(90, 200, 250, 0.7);
  5646. }
  5647. .dx-datagrid-rowsview .dx-selection > td,
  5648. .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
  5649. .dx-datagrid-rowsview .dx-selection > tr > td,
  5650. .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
  5651. background-color: #dfdfdf;
  5652. }
  5653. .dx-datagrid-rowsview .dx-selection > td.dx-editor-cell,
  5654. .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-editor-cell,
  5655. .dx-datagrid-rowsview .dx-selection > tr > td.dx-editor-cell,
  5656. .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-editor-cell {
  5657. background-color: #dfdfdf;
  5658. }
  5659. .dx-datagrid-rowsview .dx-selection > td.dx-datagrid-group-space,
  5660. .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-datagrid-group-space,
  5661. .dx-datagrid-rowsview .dx-selection > tr > td.dx-datagrid-group-space,
  5662. .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-datagrid-group-space {
  5663. border-right-color: #dfdfdf;
  5664. }
  5665. .dx-datagrid-rowsview .dx-selection > td.dx-focused,
  5666. .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-focused {
  5667. background-color: transparent;
  5668. }
  5669. .dx-datagrid-rowsview .dx-selection:not(.dx-row-lines),
  5670. .dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) {
  5671. border-bottom-color: #dfdfdf;
  5672. }
  5673. .dx-datagrid-rowsview .dx-master-detail-row > td {
  5674. border-top: 1px solid #C8C8C8;
  5675. border-bottom: 1px solid #C8C8C8;
  5676. }
  5677. .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space,
  5678. .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
  5679. background-color: #FAFAFA;
  5680. }
  5681. .dx-datagrid-search-text {
  5682. background-color: #5ac8fa;
  5683. }
  5684. .dx-datagrid-nodata {
  5685. color: #A8A8A8;
  5686. font-size: 17px;
  5687. }
  5688. .dx-datagrid-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text {
  5689. padding-left: 32px;
  5690. }
  5691. .dx-datagrid-bottom-load-panel {
  5692. border-top: 1px solid #C8C8C8;
  5693. }
  5694. .dx-datagrid-pager {
  5695. border-top: 3px double #C8C8C8;
  5696. }
  5697. .dx-datagrid-pager.dx-widget {
  5698. color: black;
  5699. }
  5700. .dx-datagrid-total-footer {
  5701. border-top: 1px solid #C8C8C8;
  5702. }
  5703. .dx-datagrid-revert-tooltip .dx-overlay-content {
  5704. min-width: 32px;
  5705. }
  5706. .dx-datagrid-revert-tooltip .dx-overlay-content .dx-popup-content {
  5707. border-radius: 4px;
  5708. }
  5709. .dx-datagrid-revert-tooltip .dx-revert-button {
  5710. background-color: #FF392C;
  5711. padding: 6px;
  5712. }
  5713. .dx-datagrid-revert-tooltip .dx-revert-button.dx-button-has-icon .dx-icon {
  5714. margin: 0;
  5715. color: #fff;
  5716. width: 20px;
  5717. height: 20px;
  5718. background-position: 0px 0px;
  5719. background-size: 20px 20px;
  5720. padding: 0px;
  5721. font-size: 20px;
  5722. text-align: center;
  5723. line-height: 20px;
  5724. }
  5725. .dx-rtl .dx-datagrid-header-panel .dx-toolbar-item {
  5726. padding: 0 5px 0 0;
  5727. }
  5728. .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused).dx-datagrid-group-space,
  5729. .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > tr > td:not(.dx-focused).dx-datagrid-group-space {
  5730. border-left-color: #dfdfdf;
  5731. }
  5732. .dx-rtl .dx-datagrid .dx-menu .dx-menu-horizontal .dx-menu-item-content {
  5733. padding: 8px 11px 7px 0;
  5734. }
  5735. .dx-rtl .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input,
  5736. .dx-rtl .dx-editor-cell .dx-dropdowneditor.dx-dropdowneditor-button-visible .dx-texteditor-input {
  5737. padding-right: 7px;
  5738. }
  5739. .dx-rtl .dx-datagrid-rowsview .dx-selection > td:not(.dx-focused).dx-datagrid-group-space,
  5740. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space,
  5741. .dx-rtl .dx-datagrid-rowsview .dx-selection > th > td:not(.dx-focused).dx-datagrid-group-space,
  5742. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > th > td:not(.dx-focused).dx-datagrid-group-space {
  5743. border-left-color: #dfdfdf;
  5744. }
  5745. .dx-rtl .dx-datagrid-search-panel {
  5746. margin-left: 0;
  5747. margin-right: 20px;
  5748. }
  5749. .dx-datagrid-header-panel .dx-toolbar-label {
  5750. font-size: inherit;
  5751. font-weight: normal;
  5752. }
  5753. .dx-datagrid-group-panel {
  5754. font-size: 1em;
  5755. vertical-align: middle;
  5756. -ms-touch-action: pinch-zoom;
  5757. touch-action: pinch-zoom;
  5758. }
  5759. .dx-datagrid-group-panel .dx-group-panel-message {
  5760. color: #4D4D4D;
  5761. padding: 7px;
  5762. border-top: 1px solid transparent;
  5763. border-bottom: 1px solid transparent;
  5764. text-align: left;
  5765. }
  5766. .dx-datagrid-group-panel .dx-group-panel-item {
  5767. text-transform: uppercase;
  5768. font-size: 0.9em;
  5769. background-color: #E5E5E5;
  5770. color: #4D4D4D;
  5771. border: 1px solid #C8C8C8;
  5772. padding: 7px;
  5773. font-weight: bold;
  5774. }
  5775. .dx-datagrid-group-panel .dx-block-separator {
  5776. padding: 7px;
  5777. padding-top: 6px;
  5778. background-color: #dfdfdf;
  5779. }
  5780. .dx-datagrid-rowsview .dx-row.dx-group-row {
  5781. color: #007aff;
  5782. }
  5783. .dx-datagrid-rowsview .dx-row.dx-group-row td {
  5784. border-top-color: #C8C8C8;
  5785. border-bottom-color: #C8C8C8;
  5786. }
  5787. .dx-datagrid-group-opened {
  5788. font: 14px/1 DXIcons;
  5789. width: 24px;
  5790. height: 24px;
  5791. background-position: 0px 0px;
  5792. background-size: 24px 24px;
  5793. padding: 0px;
  5794. font-size: 24px;
  5795. text-align: center;
  5796. line-height: 24px;
  5797. }
  5798. .dx-datagrid-group-opened:before {
  5799. content: "\f016";
  5800. }
  5801. .dx-datagrid-group-closed {
  5802. font: 14px/1 DXIcons;
  5803. width: 24px;
  5804. height: 24px;
  5805. background-position: 0px 0px;
  5806. background-size: 24px 24px;
  5807. padding: 0px;
  5808. font-size: 24px;
  5809. text-align: center;
  5810. line-height: 24px;
  5811. }
  5812. .dx-datagrid-group-closed:before {
  5813. content: "\f010";
  5814. }
  5815. .dx-datagrid-group-opened,
  5816. .dx-datagrid-group-closed {
  5817. color: #9a9a9a;
  5818. width: 100%;
  5819. }
  5820. .dx-row.dx-datagrid-group-footer > td.dx-column-lines {
  5821. border-bottom: 1px solid #C8C8C8;
  5822. }
  5823. .dx-row.dx-datagrid-group-footer > td > td {
  5824. border-top: 1px solid #C8C8C8;
  5825. border-left-width: 0;
  5826. border-right-width: 0;
  5827. }
  5828. .dx-datagrid-table-fixed .dx-row.dx-group-row {
  5829. background-color: #fff;
  5830. }
  5831. .dx-datagrid-table-fixed .dx-row.dx-group-row td {
  5832. background-color: #fff;
  5833. }
  5834. .dx-rtl .dx-group-panel-message {
  5835. text-align: right;
  5836. }
  5837. .dx-column-header .dx-pivotgrid-toolbar,
  5838. .dx-filter-header .dx-pivotgrid-toolbar {
  5839. margin-top: 7px;
  5840. }
  5841. .dx-pivotgrid-collapsed .dx-expand {
  5842. font: 14px/1 DXIcons;
  5843. }
  5844. .dx-pivotgrid-collapsed .dx-expand:before {
  5845. content: "\f010";
  5846. }
  5847. .dx-pivotgrid-expanded .dx-expand {
  5848. font: 14px/1 DXIcons;
  5849. }
  5850. .dx-pivotgrid-expanded .dx-expand:before {
  5851. content: "\f016";
  5852. }
  5853. .dx-treelist-checkbox-size .dx-checkbox-icon {
  5854. width: 20px;
  5855. height: 20px;
  5856. }
  5857. .dx-treelist-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon::before {
  5858. width: 10px;
  5859. height: 10px;
  5860. }
  5861. .dx-treelist .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc,
  5862. .dx-treelist-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc {
  5863. font: 14px/1 DXIcons;
  5864. width: 20px;
  5865. height: 20px;
  5866. background-position: 0px 0px;
  5867. background-size: 20px 20px;
  5868. padding: 0px;
  5869. font-size: 20px;
  5870. text-align: center;
  5871. line-height: 20px;
  5872. }
  5873. .dx-treelist .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc:before,
  5874. .dx-treelist-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-asc:before {
  5875. content: "\f053";
  5876. }
  5877. .dx-treelist .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc,
  5878. .dx-treelist-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc {
  5879. font: 14px/1 DXIcons;
  5880. width: 20px;
  5881. height: 20px;
  5882. background-position: 0px 0px;
  5883. background-size: 20px 20px;
  5884. padding: 0px;
  5885. font-size: 20px;
  5886. text-align: center;
  5887. line-height: 20px;
  5888. }
  5889. .dx-treelist .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc:before,
  5890. .dx-treelist-container .dx-menu-items-container .dx-menu-item .dx-icon-context-menu-sort-desc:before {
  5891. content: "\f054";
  5892. }
  5893. .dx-treelist .dx-menu-item-content .dx-icon,
  5894. .dx-treelist-container .dx-menu-item-content .dx-icon {
  5895. color: #969696;
  5896. }
  5897. .dx-treelist .dx-icon-filter-operation-equals,
  5898. .dx-treelist-container .dx-icon-filter-operation-equals {
  5899. font: 14px/1 DXIcons;
  5900. }
  5901. .dx-treelist .dx-icon-filter-operation-equals:before,
  5902. .dx-treelist-container .dx-icon-filter-operation-equals:before {
  5903. content: "\f044";
  5904. }
  5905. .dx-treelist .dx-icon-filter-operation-default,
  5906. .dx-treelist-container .dx-icon-filter-operation-default {
  5907. font: 14px/1 DXIcons;
  5908. }
  5909. .dx-treelist .dx-icon-filter-operation-default:before,
  5910. .dx-treelist-container .dx-icon-filter-operation-default:before {
  5911. content: "\f027";
  5912. }
  5913. .dx-treelist .dx-icon-filter-operation-not-equals,
  5914. .dx-treelist-container .dx-icon-filter-operation-not-equals {
  5915. font: 14px/1 DXIcons;
  5916. }
  5917. .dx-treelist .dx-icon-filter-operation-not-equals:before,
  5918. .dx-treelist-container .dx-icon-filter-operation-not-equals:before {
  5919. content: "\f045";
  5920. }
  5921. .dx-treelist .dx-icon-filter-operation-less,
  5922. .dx-treelist-container .dx-icon-filter-operation-less {
  5923. font: 14px/1 DXIcons;
  5924. }
  5925. .dx-treelist .dx-icon-filter-operation-less:before,
  5926. .dx-treelist-container .dx-icon-filter-operation-less:before {
  5927. content: "\f046";
  5928. }
  5929. .dx-treelist .dx-icon-filter-operation-less-equal,
  5930. .dx-treelist-container .dx-icon-filter-operation-less-equal {
  5931. font: 14px/1 DXIcons;
  5932. }
  5933. .dx-treelist .dx-icon-filter-operation-less-equal:before,
  5934. .dx-treelist-container .dx-icon-filter-operation-less-equal:before {
  5935. content: "\f048";
  5936. }
  5937. .dx-treelist .dx-icon-filter-operation-greater,
  5938. .dx-treelist-container .dx-icon-filter-operation-greater {
  5939. font: 14px/1 DXIcons;
  5940. }
  5941. .dx-treelist .dx-icon-filter-operation-greater:before,
  5942. .dx-treelist-container .dx-icon-filter-operation-greater:before {
  5943. content: "\f047";
  5944. }
  5945. .dx-treelist .dx-icon-filter-operation-greater-equal,
  5946. .dx-treelist-container .dx-icon-filter-operation-greater-equal {
  5947. font: 14px/1 DXIcons;
  5948. }
  5949. .dx-treelist .dx-icon-filter-operation-greater-equal:before,
  5950. .dx-treelist-container .dx-icon-filter-operation-greater-equal:before {
  5951. content: "\f049";
  5952. }
  5953. .dx-treelist .dx-icon-filter-operation-contains,
  5954. .dx-treelist-container .dx-icon-filter-operation-contains {
  5955. font: 14px/1 DXIcons;
  5956. }
  5957. .dx-treelist .dx-icon-filter-operation-contains:before,
  5958. .dx-treelist-container .dx-icon-filter-operation-contains:before {
  5959. content: "\f063";
  5960. }
  5961. .dx-treelist .dx-icon-filter-operation-not-contains,
  5962. .dx-treelist-container .dx-icon-filter-operation-not-contains {
  5963. font: 14px/1 DXIcons;
  5964. }
  5965. .dx-treelist .dx-icon-filter-operation-not-contains:before,
  5966. .dx-treelist-container .dx-icon-filter-operation-not-contains:before {
  5967. content: "\f066";
  5968. }
  5969. .dx-treelist .dx-icon-filter-operation-starts-with,
  5970. .dx-treelist-container .dx-icon-filter-operation-starts-with {
  5971. font: 14px/1 DXIcons;
  5972. }
  5973. .dx-treelist .dx-icon-filter-operation-starts-with:before,
  5974. .dx-treelist-container .dx-icon-filter-operation-starts-with:before {
  5975. content: "\f064";
  5976. }
  5977. .dx-treelist .dx-icon-filter-operation-ends-with,
  5978. .dx-treelist-container .dx-icon-filter-operation-ends-with {
  5979. font: 14px/1 DXIcons;
  5980. }
  5981. .dx-treelist .dx-icon-filter-operation-ends-with:before,
  5982. .dx-treelist-container .dx-icon-filter-operation-ends-with:before {
  5983. content: "\f065";
  5984. }
  5985. .dx-treelist .dx-icon-filter-operation-between,
  5986. .dx-treelist-container .dx-icon-filter-operation-between {
  5987. font: 14px/1 DXIcons;
  5988. }
  5989. .dx-treelist .dx-icon-filter-operation-between:before,
  5990. .dx-treelist-container .dx-icon-filter-operation-between:before {
  5991. content: "\f06a";
  5992. }
  5993. .dx-treelist .dx-menu .dx-menu-item.dx-state-focused,
  5994. .dx-treelist .dx-menu .dx-menu-item.dx-state-active {
  5995. background-color: transparent;
  5996. }
  5997. .dx-treelist .dx-menu .dx-menu-horizontal .dx-menu-item-content {
  5998. padding: 8px 0 6px 7px;
  5999. }
  6000. .dx-treelist .dx-row-alt > td,
  6001. .dx-treelist .dx-row-alt > tr > td {
  6002. background-color: #F7F7F7;
  6003. }
  6004. .dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
  6005. border-bottom-color: #F7F7F7;
  6006. }
  6007. .dx-treelist .dx-row-lines > td {
  6008. border-bottom: 1px solid #C8C8C8;
  6009. }
  6010. .dx-treelist .dx-column-lines > td {
  6011. border-left-width: 0;
  6012. }
  6013. .dx-treelist .dx-editor-cell .dx-texteditor .dx-texteditor-container {
  6014. border: none;
  6015. }
  6016. .dx-treelist .dx-editor-cell .dx-texteditor .dx-texteditor-input {
  6017. border-radius: 0;
  6018. border-width: 0;
  6019. background: #fff;
  6020. }
  6021. .dx-treelist .dx-editor-cell .dx-texteditor.dx-searchbox .dx-texteditor-input,
  6022. .dx-treelist .dx-editor-cell .dx-texteditor.dx-searchbox .dx-placeholder:before {
  6023. padding-left: 30px;
  6024. }
  6025. .dx-rtl .dx-treelist .dx-editor-cell .dx-texteditor.dx-searchbox .dx-texteditor-input,
  6026. .dx-rtl .dx-treelist .dx-editor-cell .dx-texteditor.dx-searchbox .dx-placeholder:before,
  6027. .dx-rtl.dx-treelist .dx-editor-cell .dx-texteditor.dx-searchbox .dx-texteditor-input,
  6028. .dx-rtl.dx-treelist .dx-editor-cell .dx-texteditor.dx-searchbox .dx-placeholder:before {
  6029. padding-right: 30px;
  6030. }
  6031. .dx-treelist .dx-editor-cell .dx-dropdowneditor-icon {
  6032. -webkit-box-shadow: none;
  6033. box-shadow: none;
  6034. }
  6035. .dx-treelist .dx-error-row .dx-closebutton {
  6036. float: right;
  6037. margin: 8px;
  6038. font: 14px/1 DXIcons;
  6039. width: 24px;
  6040. height: 24px;
  6041. background-position: 0px 0px;
  6042. background-size: 24px 24px;
  6043. padding: 0px;
  6044. font-size: 24px;
  6045. text-align: center;
  6046. line-height: 24px;
  6047. }
  6048. .dx-treelist .dx-error-row .dx-closebutton:before {
  6049. content: "\f00a";
  6050. }
  6051. .dx-treelist .dx-error-row .dx-error-message {
  6052. padding: 7px;
  6053. padding-right: 35px;
  6054. }
  6055. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
  6056. width: 18px;
  6057. height: 18px;
  6058. background-position: 0px 0px;
  6059. background-size: 18px 18px;
  6060. padding: 0px;
  6061. font-size: 18px;
  6062. text-align: center;
  6063. line-height: 18px;
  6064. margin: 0 3px;
  6065. }
  6066. .dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  6067. background-position-y: 34px;
  6068. }
  6069. .dx-treelist-edit-popup .dx-error-message {
  6070. padding: 7px;
  6071. }
  6072. .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit {
  6073. width: 115px;
  6074. min-width: 115px;
  6075. }
  6076. .dx-treelist-content .dx-treelist-table .dx-row .dx-command-expand.dx-treelist-group-space {
  6077. vertical-align: middle;
  6078. }
  6079. .dx-treelist-filter-range-overlay .dx-overlay-content {
  6080. border: 1px solid #C8C8C8;
  6081. overflow: inherit;
  6082. -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  6083. box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
  6084. }
  6085. .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor-container {
  6086. border: none;
  6087. }
  6088. .dx-treelist-filter-range-overlay .dx-overlay-content,
  6089. .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor-container {
  6090. border-radius: 0;
  6091. }
  6092. .dx-treelist-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::after {
  6093. border-color: rgba(90, 200, 250, 0.7);
  6094. left: 0;
  6095. }
  6096. .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  6097. background-color: #fff;
  6098. padding: 7px;
  6099. }
  6100. .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
  6101. border: 2px solid #007aff;
  6102. }
  6103. .dx-treelist-headers .dx-texteditor-input,
  6104. .dx-treelist-rowsview .dx-texteditor-input {
  6105. padding: 7px;
  6106. }
  6107. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input,
  6108. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid .dx-texteditor-input {
  6109. padding-right: 22px;
  6110. }
  6111. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
  6112. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
  6113. padding: 7px;
  6114. padding-left: 22px;
  6115. }
  6116. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input,
  6117. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-invalid .dx-texteditor-input {
  6118. padding-right: 22px;
  6119. }
  6120. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input,
  6121. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-invalid.dx-rtl .dx-texteditor-input {
  6122. padding: 7px;
  6123. padding-left: 22px;
  6124. }
  6125. .dx-treelist-export-menu .dx-menu-items-container .dx-icon {
  6126. color: #898989;
  6127. }
  6128. .dx-treelist-header-text {
  6129. text-transform: uppercase;
  6130. font-size: 0.9em;
  6131. font-weight: bold;
  6132. }
  6133. .dx-treelist-column-chooser-list .dx-empty-message {
  6134. bottom: 40%;
  6135. color: black;
  6136. padding: 0 10px;
  6137. }
  6138. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-treeview-search {
  6139. margin-bottom: 10px;
  6140. }
  6141. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-popup-content {
  6142. padding: 10px;
  6143. }
  6144. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content {
  6145. padding: 20px;
  6146. }
  6147. .dx-treelist-column-chooser .dx-overlay-content {
  6148. border-radius: 0;
  6149. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  6150. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  6151. }
  6152. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-list-item-content::after {
  6153. height: 0;
  6154. }
  6155. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  6156. padding: 0;
  6157. border: 1px solid #C8C8C8;
  6158. -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
  6159. box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
  6160. background-color: #E5E5E5;
  6161. }
  6162. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item .dx-treeview-item-content {
  6163. text-transform: uppercase;
  6164. font-size: 0.9em;
  6165. font-weight: bold;
  6166. color: #4D4D4D;
  6167. padding: 7px;
  6168. }
  6169. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item .dx-treeview-item-content::after {
  6170. margin-top: 0;
  6171. }
  6172. .dx-treelist-drag-header {
  6173. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  6174. box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  6175. text-transform: uppercase;
  6176. font-size: 0.9em;
  6177. font-weight: bold;
  6178. color: #4D4D4D;
  6179. background-color: white;
  6180. padding: 7px;
  6181. border: 1px solid #5ac8fa;
  6182. }
  6183. .dx-treelist-columns-separator {
  6184. background-color: #5ac8fa;
  6185. }
  6186. .dx-treelist-columns-separator-transparent {
  6187. background-color: transparent;
  6188. }
  6189. .dx-treelist-focus-overlay {
  6190. border: 2px solid #007aff;
  6191. }
  6192. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
  6193. background-color: #dfdfdf;
  6194. }
  6195. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused).dx-treelist-group-space {
  6196. border-right-color: #dfdfdf;
  6197. }
  6198. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input {
  6199. background-color: #dfdfdf;
  6200. }
  6201. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row).dx-row:not(.dx-row-lines) {
  6202. border-bottom-color: #dfdfdf;
  6203. }
  6204. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td.dx-pointer-events-none {
  6205. background-color: transparent;
  6206. }
  6207. .dx-header-row {
  6208. text-transform: uppercase;
  6209. font-size: 0.9em;
  6210. font-weight: bold;
  6211. }
  6212. .dx-treelist-headers {
  6213. color: #4D4D4D;
  6214. -ms-touch-action: pinch-zoom;
  6215. touch-action: pinch-zoom;
  6216. }
  6217. .dx-treelist-headers .dx-treelist-table .dx-row.dx-header-row > td {
  6218. background-color: #E5E5E5;
  6219. }
  6220. .dx-treelist-headers .dx-treelist-table .dx-row > td {
  6221. border-bottom: 1px solid #C8C8C8;
  6222. }
  6223. .dx-treelist-headers .dx-treelist-drop-highlight.dx-row > td {
  6224. background-color: #dfdfdf;
  6225. }
  6226. .dx-treelist-headers .dx-column-lines > td {
  6227. border-left: 1px solid #C8C8C8;
  6228. border-right: 1px solid #C8C8C8;
  6229. }
  6230. .dx-treelist-filter-row .dx-menu .dx-overlay-content {
  6231. color: #000;
  6232. }
  6233. .dx-treelist-filter-row .dx-menu-item.dx-state-focused {
  6234. background-color: transparent;
  6235. }
  6236. .dx-treelist-filter-row .dx-menu-item.dx-state-focused:after {
  6237. border: 2px solid #007aff;
  6238. }
  6239. .dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
  6240. border-color: transparent;
  6241. }
  6242. .dx-treelist-filter-row .dx-highlight-outline::after {
  6243. border-color: rgba(90, 200, 250, 0.7);
  6244. }
  6245. .dx-treelist-header-panel {
  6246. border-bottom: 1px solid #C8C8C8;
  6247. }
  6248. .dx-treelist-header-panel .dx-toolbar {
  6249. background: #fff;
  6250. padding-bottom: 10px;
  6251. height: 49px;
  6252. }
  6253. .dx-treelist-header-panel .dx-toolbar-item {
  6254. padding: 0 0 0 5px;
  6255. }
  6256. .dx-treelist-header-panel .dx-toolbar-button:not(.dx-state-disabled) .dx-apply-button .dx-button-content {
  6257. background-color: rgba(90, 200, 250, 0.5);
  6258. }
  6259. .dx-treelist-header-panel .dx-link {
  6260. padding: 7px 0 7px 10px;
  6261. }
  6262. .dx-treelist-toolbar-button .dx-icon-column-chooser {
  6263. font: 14px/1 DXIcons;
  6264. }
  6265. .dx-treelist-toolbar-button .dx-icon-column-chooser:before {
  6266. content: "\f04d";
  6267. }
  6268. .dx-treelist-toolbar-button .dx-icon-edit-button-addrow {
  6269. font: 14px/1 DXIcons;
  6270. }
  6271. .dx-treelist-toolbar-button .dx-icon-edit-button-addrow:before {
  6272. content: "\f00b";
  6273. }
  6274. .dx-treelist-toolbar-button .dx-icon-edit-button-cancel {
  6275. font: 14px/1 DXIcons;
  6276. }
  6277. .dx-treelist-toolbar-button .dx-icon-edit-button-cancel:before {
  6278. content: "\f04c";
  6279. }
  6280. .dx-treelist-toolbar-button .dx-icon-edit-button-save {
  6281. font: 14px/1 DXIcons;
  6282. }
  6283. .dx-treelist-toolbar-button .dx-icon-edit-button-save:before {
  6284. content: "\f041";
  6285. }
  6286. .dx-treelist-toolbar-button .dx-icon-apply-filter {
  6287. font: 14px/1 DXIcons;
  6288. }
  6289. .dx-treelist-toolbar-button .dx-icon-apply-filter:before {
  6290. content: "\f050";
  6291. }
  6292. .dx-treelist-toolbar-button .dx-icon-export-to {
  6293. font: 14px/1 DXIcons;
  6294. }
  6295. .dx-treelist-toolbar-button .dx-icon-export-to:before {
  6296. content: "\f05f";
  6297. }
  6298. .dx-treelist-toolbar-button .dx-icon-export-excel-button {
  6299. font: 14px/1 DXIcons;
  6300. }
  6301. .dx-treelist-toolbar-button .dx-icon-export-excel-button:before {
  6302. content: "\f060";
  6303. }
  6304. .dx-treelist-toolbar-button .dx-icon {
  6305. width: 21px;
  6306. height: 21px;
  6307. background-position: 0px 0px;
  6308. background-size: 21px 21px;
  6309. padding: 0px;
  6310. font-size: 21px;
  6311. text-align: center;
  6312. line-height: 21px;
  6313. color: #7f7f7f;
  6314. }
  6315. .dx-treelist-search-panel {
  6316. margin-left: 20px;
  6317. }
  6318. .dx-treelist-rowsview .dx-row {
  6319. border-top: 1px solid transparent;
  6320. border-bottom: 1px solid transparent;
  6321. }
  6322. .dx-treelist-rowsview .dx-row.dx-edit-row > td {
  6323. border-top: 1px solid #C8C8C8;
  6324. border-bottom: 1px solid #C8C8C8;
  6325. }
  6326. .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid .dx-highlight-outline::after {
  6327. border: 1px solid rgba(255, 57, 44, 0.4);
  6328. }
  6329. .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-focused > .dx-highlight-outline::after {
  6330. border: 1px solid #FF392C;
  6331. }
  6332. .dx-treelist-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
  6333. padding: 10px 17px 9px;
  6334. border-radius: 0;
  6335. }
  6336. .dx-treelist-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
  6337. border-color: rgba(90, 200, 250, 0.7);
  6338. }
  6339. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
  6340. padding-top: 8px;
  6341. padding-bottom: 8px;
  6342. padding-left: 8px;
  6343. }
  6344. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid {
  6345. border-radius: 6px;
  6346. border: 1px solid #FF392C;
  6347. }
  6348. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid.dx-adaptive-item-text {
  6349. padding-top: 7px;
  6350. padding-bottom: 7px;
  6351. padding-left: 7px;
  6352. }
  6353. .dx-treelist-rowsview .dx-item-modified {
  6354. border-radius: 6px;
  6355. border: 2px solid rgba(90, 200, 250, 0.7);
  6356. }
  6357. .dx-treelist-rowsview .dx-item-modified.dx-adaptive-item-text {
  6358. padding-top: 6px;
  6359. padding-bottom: 6px;
  6360. padding-left: 6px;
  6361. }
  6362. .dx-treelist-rowsview .dx-row-removed > td {
  6363. background-color: rgba(90, 200, 250, 0.7);
  6364. border-top: 1px solid rgba(90, 200, 250, 0.7);
  6365. border-bottom: 1px solid rgba(90, 200, 250, 0.7);
  6366. }
  6367. .dx-treelist-rowsview .dx-selection > td,
  6368. .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
  6369. .dx-treelist-rowsview .dx-selection > tr > td,
  6370. .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
  6371. background-color: #dfdfdf;
  6372. }
  6373. .dx-treelist-rowsview .dx-selection > td.dx-editor-cell,
  6374. .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-editor-cell,
  6375. .dx-treelist-rowsview .dx-selection > tr > td.dx-editor-cell,
  6376. .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-editor-cell {
  6377. background-color: #dfdfdf;
  6378. }
  6379. .dx-treelist-rowsview .dx-selection > td.dx-treelist-group-space,
  6380. .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-treelist-group-space,
  6381. .dx-treelist-rowsview .dx-selection > tr > td.dx-treelist-group-space,
  6382. .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-treelist-group-space {
  6383. border-right-color: #dfdfdf;
  6384. }
  6385. .dx-treelist-rowsview .dx-selection > td.dx-focused,
  6386. .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-focused {
  6387. background-color: transparent;
  6388. }
  6389. .dx-treelist-rowsview .dx-selection:not(.dx-row-lines),
  6390. .dx-treelist-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines) {
  6391. border-bottom-color: #dfdfdf;
  6392. }
  6393. .dx-treelist-rowsview .dx-master-detail-row > td {
  6394. border-top: 1px solid #C8C8C8;
  6395. border-bottom: 1px solid #C8C8C8;
  6396. }
  6397. .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space,
  6398. .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell {
  6399. background-color: #FAFAFA;
  6400. }
  6401. .dx-treelist-search-text {
  6402. background-color: #5ac8fa;
  6403. }
  6404. .dx-treelist-nodata {
  6405. color: #A8A8A8;
  6406. font-size: 17px;
  6407. }
  6408. .dx-treelist-export-menu .dx-menu-item .dx-checkbox .dx-checkbox-text {
  6409. padding-left: 32px;
  6410. }
  6411. .dx-treelist-bottom-load-panel {
  6412. border-top: 1px solid #C8C8C8;
  6413. }
  6414. .dx-treelist-pager {
  6415. border-top: 3px double #C8C8C8;
  6416. }
  6417. .dx-treelist-pager.dx-widget {
  6418. color: black;
  6419. }
  6420. .dx-treelist-total-footer {
  6421. border-top: 1px solid #C8C8C8;
  6422. }
  6423. .dx-treelist-revert-tooltip .dx-overlay-content {
  6424. min-width: 32px;
  6425. }
  6426. .dx-treelist-revert-tooltip .dx-overlay-content .dx-popup-content {
  6427. border-radius: 4px;
  6428. }
  6429. .dx-treelist-revert-tooltip .dx-revert-button {
  6430. background-color: #FF392C;
  6431. padding: 6px;
  6432. }
  6433. .dx-treelist-revert-tooltip .dx-revert-button.dx-button-has-icon .dx-icon {
  6434. margin: 0;
  6435. color: #fff;
  6436. width: 20px;
  6437. height: 20px;
  6438. background-position: 0px 0px;
  6439. background-size: 20px 20px;
  6440. padding: 0px;
  6441. font-size: 20px;
  6442. text-align: center;
  6443. line-height: 20px;
  6444. }
  6445. .dx-rtl .dx-treelist-header-panel .dx-toolbar-item {
  6446. padding: 0 5px 0 0;
  6447. }
  6448. .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused).dx-treelist-group-space,
  6449. .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > tr > td:not(.dx-focused).dx-treelist-group-space {
  6450. border-left-color: #dfdfdf;
  6451. }
  6452. .dx-rtl .dx-treelist .dx-menu .dx-menu-horizontal .dx-menu-item-content {
  6453. padding: 8px 11px 7px 0;
  6454. }
  6455. .dx-rtl .dx-editor-cell .dx-texteditor.dx-numberbox-spin .dx-texteditor-input,
  6456. .dx-rtl .dx-editor-cell .dx-dropdowneditor.dx-dropdowneditor-button-visible .dx-texteditor-input {
  6457. padding-right: 7px;
  6458. }
  6459. .dx-rtl .dx-treelist-rowsview .dx-selection > td:not(.dx-focused).dx-treelist-group-space,
  6460. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space,
  6461. .dx-rtl .dx-treelist-rowsview .dx-selection > th > td:not(.dx-focused).dx-treelist-group-space,
  6462. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > th > td:not(.dx-focused).dx-treelist-group-space {
  6463. border-left-color: #dfdfdf;
  6464. }
  6465. .dx-rtl .dx-treelist-search-panel {
  6466. margin-left: 0;
  6467. margin-right: 20px;
  6468. }
  6469. .dx-treelist-rowsview .dx-treelist-empty-space {
  6470. font: 14px/1 DXIcons;
  6471. position: relative;
  6472. display: inline-block;
  6473. width: 14px;
  6474. margin-right: 11px;
  6475. }
  6476. .dx-treelist-rowsview .dx-treelist-empty-space:before {
  6477. content: "\f04e";
  6478. }
  6479. .dx-treelist-rowsview .dx-treelist-empty-space:before {
  6480. visibility: hidden;
  6481. }
  6482. .dx-treelist-rowsview .dx-treelist-expanded span {
  6483. font: 14px/1 DXIcons;
  6484. font-size: 24px;
  6485. text-align: center;
  6486. line-height: 24px;
  6487. font-size: 0;
  6488. line-height: 0;
  6489. color: #9a9a9a;
  6490. cursor: pointer;
  6491. }
  6492. .dx-treelist-rowsview .dx-treelist-expanded span:before {
  6493. content: "\f016";
  6494. }
  6495. .dx-treelist-rowsview .dx-treelist-expanded span:before {
  6496. position: absolute;
  6497. display: block;
  6498. width: 24px;
  6499. top: 50%;
  6500. margin-top: -12px;
  6501. left: 50%;
  6502. margin-left: -12px;
  6503. }
  6504. .dx-treelist-rowsview .dx-treelist-expanded span:before {
  6505. left: 0;
  6506. margin-left: -2px;
  6507. margin-top: -12px;
  6508. font-size: 24px;
  6509. line-height: 24px;
  6510. }
  6511. .dx-treelist-rowsview .dx-treelist-collapsed span {
  6512. font: 14px/1 DXIcons;
  6513. font-size: 24px;
  6514. text-align: center;
  6515. line-height: 24px;
  6516. font-size: 0;
  6517. line-height: 0;
  6518. color: #9a9a9a;
  6519. cursor: pointer;
  6520. }
  6521. .dx-treelist-rowsview .dx-treelist-collapsed span:before {
  6522. content: "\f010";
  6523. }
  6524. .dx-treelist-rowsview .dx-treelist-collapsed span:before {
  6525. position: absolute;
  6526. display: block;
  6527. width: 24px;
  6528. top: 50%;
  6529. margin-top: -12px;
  6530. left: 50%;
  6531. margin-left: -12px;
  6532. }
  6533. .dx-treelist-rowsview .dx-treelist-collapsed span:before {
  6534. left: 0;
  6535. margin-left: -6px;
  6536. margin-top: -12px;
  6537. font-size: 24px;
  6538. line-height: 24px;
  6539. }
  6540. .dx-treelist-rowsview .dx-treelist-cell-expandable {
  6541. white-space: nowrap;
  6542. }
  6543. .dx-treelist-rowsview .dx-treelist-cell-expandable .dx-treelist-text-content {
  6544. white-space: normal;
  6545. }
  6546. .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content {
  6547. white-space: nowrap;
  6548. }
  6549. .dx-treelist-icon-container.dx-editor-inline-block {
  6550. position: relative;
  6551. padding-right: 27px;
  6552. }
  6553. .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
  6554. position: absolute;
  6555. top: 50%;
  6556. margin-top: -10px;
  6557. }
  6558. .dx-treelist-select-all {
  6559. position: relative;
  6560. }
  6561. .dx-treelist-select-all .dx-checkbox {
  6562. position: absolute;
  6563. left: 32px;
  6564. margin-top: -2px;
  6565. }
  6566. .dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
  6567. padding-left: 59px;
  6568. }
  6569. .dx-rtl .dx-treelist-rowsview .dx-treelist-empty-space {
  6570. margin-left: 11px;
  6571. margin-right: 0;
  6572. }
  6573. .dx-rtl .dx-treelist-rowsview .dx-treelist-expanded,
  6574. .dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed {
  6575. -webkit-transform: scaleX(-1);
  6576. transform: scaleX(-1);
  6577. }
  6578. .dx-rtl .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
  6579. float: right;
  6580. }
  6581. .dx-rtl .dx-treelist-select-all .dx-checkbox {
  6582. left: calc(100% - 52px);
  6583. }
  6584. .dx-rtl .dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
  6585. padding-right: 59px;
  6586. padding-left: 7px;
  6587. }
  6588. .dx-rtl .dx-treelist-icon-container.dx-editor-inline-block {
  6589. padding-left: 27px;
  6590. padding-right: 0;
  6591. }
  6592. .dx-menu-base {
  6593. color: #000;
  6594. font-weight: normal;
  6595. font-size: 1em;
  6596. font-family: -apple-system-font, "Helvetica Neue", "Helvetica", "Arial", "Lucida Grande", sans-serif;
  6597. }
  6598. .dx-menu-base a {
  6599. color: #000;
  6600. text-decoration: underline;
  6601. }
  6602. .dx-menu-base img {
  6603. border-style: none;
  6604. }
  6605. .dx-state-disabled .dx-menu-base .dx-menu-item-content {
  6606. color: #FFFFFF;
  6607. opacity: 0.7;
  6608. }
  6609. .dx-menu-base .dx-menu-item-text {
  6610. padding-left: 32px;
  6611. }
  6612. .dx-menu-no-icons .dx-menu-base .dx-menu-item-text {
  6613. padding-left: 0;
  6614. }
  6615. .dx-rtl .dx-menu-base .dx-menu-item-text,
  6616. .dx-rtl.dx-menu-base .dx-menu-item-text {
  6617. padding-left: 0;
  6618. padding-right: 32px;
  6619. }
  6620. .dx-menu-base .dx-menu-item-selected,
  6621. .dx-menu-base .dx-menu-item-selected.dx-state-focused {
  6622. background-color: #dfdfdf;
  6623. }
  6624. .dx-menu-base .dx-menu-item.dx-state-focused,
  6625. .dx-menu-base .dx-menu-item.dx-state-active {
  6626. background-color: #dfdfdf;
  6627. }
  6628. .dx-menu-base .dx-menu-item-popout {
  6629. min-width: 8px;
  6630. min-height: 19px;
  6631. }
  6632. .dx-menu-base .dx-icon {
  6633. width: 24px;
  6634. height: 24px;
  6635. background-position: 0px 0px;
  6636. background-size: 24px 24px;
  6637. padding: 0px;
  6638. font-size: 24px;
  6639. text-align: center;
  6640. line-height: 24px;
  6641. }
  6642. .dx-menu-base .dx-menu-item-has-text .dx-icon {
  6643. margin: 0 -24px 0 0;
  6644. }
  6645. .dx-rtl .dx-menu-base .dx-menu-item-has-text .dx-icon,
  6646. .dx-rtl.dx-menu-base .dx-menu-item-has-text .dx-icon {
  6647. margin: 0 0 0 -24px;
  6648. }
  6649. .dx-menu-base.dx-rtl .dx-menu-item-popout-container {
  6650. margin-left: 0;
  6651. margin-right: auto;
  6652. }
  6653. .dx-menu {
  6654. background-color: transparent;
  6655. color: #0964E4;
  6656. }
  6657. .dx-menu .dx-menu-vertical .dx-menu-item-content {
  6658. padding: 5px 11px;
  6659. }
  6660. .dx-menu .dx-menu-horizontal .dx-menu-item-content {
  6661. padding: 0 5px;
  6662. }
  6663. .dx-menu .dx-menu-horizontal .dx-menu-item-content .dx-icon {
  6664. margin: 0 8px 0 0;
  6665. }
  6666. .dx-rtl .dx-menu .dx-menu-horizontal .dx-menu-item-content .dx-icon,
  6667. .dx-rtl.dx-menu .dx-menu-horizontal .dx-menu-item-content .dx-icon {
  6668. margin: 0 0 0 8px;
  6669. }
  6670. .dx-menu .dx-menu-horizontal .dx-menu-item-text {
  6671. padding: 0 4px 5px;
  6672. }
  6673. .dx-menu-adaptive-mode {
  6674. background-color: transparent;
  6675. }
  6676. .dx-menu-adaptive-mode.dx-overlay-content {
  6677. background-color: #f3f3f3;
  6678. border: 1px solid #dfdfdf;
  6679. border-radius: 7px;
  6680. -webkit-box-shadow: 0 1px 11px 1px rgba(0, 0, 0, 0.15);
  6681. box-shadow: 0 1px 11px 1px rgba(0, 0, 0, 0.15);
  6682. }
  6683. .dx-menu-adaptive-mode .dx-treeview-node {
  6684. padding-left: 31px;
  6685. }
  6686. .dx-menu-adaptive-mode .dx-treeview-item {
  6687. padding: 0;
  6688. }
  6689. .dx-menu-adaptive-mode .dx-treeview-item-content {
  6690. line-height: 32px;
  6691. }
  6692. .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  6693. width: 32px;
  6694. height: 32px;
  6695. font-size: 16px;
  6696. }
  6697. .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
  6698. border-bottom: 1px solid #dfdfdf;
  6699. }
  6700. .dx-context-menu {
  6701. color: black;
  6702. }
  6703. .dx-context-menu .dx-menu-items-container {
  6704. padding: 0;
  6705. }
  6706. .dx-context-menu .dx-submenu > .dx-menu-items-container {
  6707. background-color: #f3f3f3;
  6708. border-radius: 7px;
  6709. -webkit-box-shadow: 0 1px 11px 1px rgba(0, 0, 0, 0.15);
  6710. box-shadow: 0 1px 11px 1px rgba(0, 0, 0, 0.15);
  6711. margin-left: -5px;
  6712. }
  6713. .dx-context-menu .dx-menu-item-wrapper {
  6714. border-bottom: 1px solid #dfdfdf;
  6715. }
  6716. .dx-context-menu .dx-menu-item-wrapper.dx-menu-last-group-item {
  6717. border-bottom: none;
  6718. }
  6719. .dx-context-menu .dx-menu-item-wrapper:first-child > .dx-menu-item {
  6720. border-top-left-radius: 7px;
  6721. border-top-right-radius: 7px;
  6722. }
  6723. .dx-context-menu .dx-menu-item-wrapper:last-child {
  6724. border-bottom: none;
  6725. }
  6726. .dx-context-menu .dx-menu-item-wrapper:last-child > .dx-menu-item {
  6727. border-bottom: none;
  6728. border-bottom-left-radius: 7px;
  6729. border-bottom-right-radius: 7px;
  6730. }
  6731. .dx-context-menu .dx-menu-separator {
  6732. background-color: #aaaaaa;
  6733. }
  6734. .dx-context-menu .dx-menu-item-content {
  6735. padding: 7px 9px 6px 11px;
  6736. }
  6737. .dx-context-menu .dx-menu-item-content .dx-menu-item-text {
  6738. padding: 9px 35px 11px 32px;
  6739. }
  6740. .dx-rtl .dx-context-menu .dx-menu-item-content .dx-menu-item-text,
  6741. .dx-rtl.dx-context-menu .dx-menu-item-content .dx-menu-item-text {
  6742. padding: 9px 32px 11px 0;
  6743. }
  6744. .dx-context-menu .dx-menu-item-content .dx-menu-item-popout {
  6745. font: 14px/1 DXIcons;
  6746. font-size: 16px;
  6747. text-align: center;
  6748. line-height: 16px;
  6749. }
  6750. .dx-context-menu .dx-menu-item-content .dx-menu-item-popout:before {
  6751. content: "\f010";
  6752. }
  6753. .dx-context-menu .dx-menu-item-content .dx-menu-item-popout:before {
  6754. position: absolute;
  6755. display: block;
  6756. width: 16px;
  6757. top: 50%;
  6758. margin-top: -8px;
  6759. left: 50%;
  6760. margin-left: -8px;
  6761. }
  6762. .dx-rtl .dx-context-menu .dx-menu-item-content .dx-menu-item-popout,
  6763. .dx-rtl.dx-context-menu .dx-menu-item-content .dx-menu-item-popout {
  6764. -webkit-transform: scaleX(-1);
  6765. transform: scaleX(-1);
  6766. }
  6767. .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
  6768. padding: 9px 35px 11px 0;
  6769. }
  6770. .dx-rtl .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text,
  6771. .dx-rtl.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
  6772. padding: 9px 10px 11px 28px;
  6773. }
  6774. .dx-context-menu.dx-rtl .dx-submenu > .dx-menu-items-container {
  6775. margin-right: -5px;
  6776. }
  6777. .dx-calendar {
  6778. width: 320px;
  6779. min-width: 260px;
  6780. height: 382px;
  6781. min-height: 260px;
  6782. background: #ffffff;
  6783. }
  6784. .dx-calendar.dx-calendar-with-footer {
  6785. height: 432px;
  6786. min-height: 432px;
  6787. }
  6788. .dx-calendar.dx-calendar-with-footer .dx-calendar-body {
  6789. bottom: 50px;
  6790. }
  6791. .dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
  6792. text-align: center;
  6793. height: 50px;
  6794. width: 100%;
  6795. }
  6796. .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button {
  6797. text-decoration: none;
  6798. }
  6799. .dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button .dx-button-text {
  6800. margin-top: 4px;
  6801. font-size: 18px;
  6802. text-transform: none;
  6803. color: #dd5739;
  6804. }
  6805. .dx-calendar.dx-state-disabled.dx-widget {
  6806. opacity: 1;
  6807. }
  6808. .dx-calendar-body {
  6809. top: 50px;
  6810. bottom: 0;
  6811. }
  6812. .dx-calendar-body table {
  6813. border-collapse: collapse;
  6814. }
  6815. .dx-calendar-body td,
  6816. .dx-calendar-body th {
  6817. text-align: center;
  6818. }
  6819. .dx-calendar-body td {
  6820. padding: 0 5px;
  6821. font-size: 16px;
  6822. color: #000;
  6823. border-top: 1px solid #cbcbcb;
  6824. }
  6825. .dx-calendar-body th {
  6826. font-size: 13px;
  6827. font-weight: normal;
  6828. color: #232323;
  6829. border-bottom: 1px solid #cbcbcb;
  6830. }
  6831. .dx-calendar-view-month .dx-calendar-cell.dx-calendar-contoured-date {
  6832. background: transparent;
  6833. background: radial-gradient(circle closest-side at center, transparent 90%, #cbcbcb 95%, transparent 100%);
  6834. }
  6835. .dx-calendar-view-month .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell) {
  6836. background: #e5e5e5;
  6837. background: radial-gradient(circle closest-side at center, #e5e5e5 90%, rgba(255, 255, 255, 0.5) 95%);
  6838. }
  6839. .dx-calendar-view-month .dx-calendar-cell.dx-calendar-selected-date,
  6840. .dx-calendar-view-month .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
  6841. .dx-calendar-view-month .dx-calendar-cell.dx-calendar-selected-date.dx-state-active {
  6842. color: #fff;
  6843. background: #000;
  6844. background: radial-gradient(circle closest-side at center, #000 90%, rgba(255, 255, 255, 0.5) 95%);
  6845. }
  6846. .dx-calendar-view-month .dx-calendar-cell.dx-calendar-today,
  6847. .dx-calendar-view-month .dx-calendar-cell.dx-calendar-today.dx-calendar-contoured-date,
  6848. .dx-calendar-view-month .dx-calendar-cell.dx-calendar-today.dx-state-active {
  6849. color: #fff;
  6850. background: #dd5739;
  6851. background: radial-gradient(circle closest-side at center, #dd5739 90%, rgba(255, 255, 255, 0.5) 95%);
  6852. }
  6853. .dx-calendar-view-month thead {
  6854. font-size: 12px;
  6855. vertical-align: bottom;
  6856. }
  6857. .dx-calendar-view-month thead th {
  6858. height: 26px;
  6859. line-height: normal;
  6860. }
  6861. .dx-calendar-view-year .dx-calendar-cell span,
  6862. .dx-calendar-view-decade .dx-calendar-cell span,
  6863. .dx-calendar-view-century .dx-calendar-cell span {
  6864. border: 1px solid transparent;
  6865. border-radius: 10px;
  6866. display: inline-block;
  6867. }
  6868. .dx-calendar-view-year .dx-calendar-cell,
  6869. .dx-calendar-view-decade .dx-calendar-cell {
  6870. padding: 0;
  6871. }
  6872. .dx-calendar-view-year .dx-calendar-cell span,
  6873. .dx-calendar-view-decade .dx-calendar-cell span {
  6874. padding: 9px 11px;
  6875. line-height: 18px;
  6876. min-width: 60px;
  6877. }
  6878. .dx-calendar-view-year .dx-calendar-body,
  6879. .dx-calendar-view-decade .dx-calendar-body {
  6880. margin-top: 26px;
  6881. }
  6882. .dx-calendar-view-year .dx-calendar-body .dx-calendar-cell,
  6883. .dx-calendar-view-decade .dx-calendar-body .dx-calendar-cell {
  6884. font-size: 18px;
  6885. text-transform: uppercase;
  6886. }
  6887. .dx-calendar-view-year .dx-calendar-today,
  6888. .dx-calendar-view-decade .dx-calendar-today,
  6889. .dx-calendar-view-year .dx-calendar-today.dx-calendar-contoured-date,
  6890. .dx-calendar-view-decade .dx-calendar-today.dx-calendar-contoured-date,
  6891. .dx-calendar-view-year .dx-calendar-today.dx-state-active,
  6892. .dx-calendar-view-decade .dx-calendar-today.dx-state-active {
  6893. color: #fff;
  6894. }
  6895. .dx-calendar-view-year .dx-calendar-today span,
  6896. .dx-calendar-view-decade .dx-calendar-today span,
  6897. .dx-calendar-view-year .dx-calendar-today.dx-calendar-contoured-date span,
  6898. .dx-calendar-view-decade .dx-calendar-today.dx-calendar-contoured-date span,
  6899. .dx-calendar-view-year .dx-calendar-today.dx-state-active span,
  6900. .dx-calendar-view-decade .dx-calendar-today.dx-state-active span {
  6901. background-color: #dd5739;
  6902. border-color: #dd5739;
  6903. }
  6904. .dx-calendar-view-year .dx-calendar-contoured-date span,
  6905. .dx-calendar-view-decade .dx-calendar-contoured-date span {
  6906. border-color: #cbcbcb;
  6907. }
  6908. .dx-calendar-view-year .dx-calendar-selected-date,
  6909. .dx-calendar-view-decade .dx-calendar-selected-date,
  6910. .dx-calendar-view-year .dx-calendar-selected-date.dx-state-active,
  6911. .dx-calendar-view-decade .dx-calendar-selected-date.dx-state-active,
  6912. .dx-calendar-view-year .dx-calendar-selected-date.dx-calendar-contoured-date,
  6913. .dx-calendar-view-decade .dx-calendar-selected-date.dx-calendar-contoured-date {
  6914. color: #fff;
  6915. }
  6916. .dx-calendar-view-year .dx-calendar-selected-date span,
  6917. .dx-calendar-view-decade .dx-calendar-selected-date span,
  6918. .dx-calendar-view-year .dx-calendar-selected-date.dx-state-active span,
  6919. .dx-calendar-view-decade .dx-calendar-selected-date.dx-state-active span,
  6920. .dx-calendar-view-year .dx-calendar-selected-date.dx-calendar-contoured-date span,
  6921. .dx-calendar-view-decade .dx-calendar-selected-date.dx-calendar-contoured-date span {
  6922. background-color: #000;
  6923. border-color: #000;
  6924. }
  6925. .dx-calendar-view-year .dx-state-active:not(.dx-calendar-empty-cell) span,
  6926. .dx-calendar-view-decade .dx-state-active:not(.dx-calendar-empty-cell) span {
  6927. background-color: #e5e5e5;
  6928. border-color: #e5e5e5;
  6929. }
  6930. .dx-calendar-view-century .dx-calendar-cell span {
  6931. padding: 9px 6px;
  6932. line-height: 14px;
  6933. }
  6934. .dx-calendar-view-century .dx-calendar-body {
  6935. margin-top: 26px;
  6936. }
  6937. .dx-calendar-view-century .dx-calendar-body .dx-calendar-cell {
  6938. font-size: 18px;
  6939. text-transform: uppercase;
  6940. }
  6941. .dx-calendar-view-century .dx-calendar-today,
  6942. .dx-calendar-view-century .dx-calendar-today.dx-calendar-contoured-date,
  6943. .dx-calendar-view-century .dx-calendar-today.dx-state-active {
  6944. color: #fff;
  6945. }
  6946. .dx-calendar-view-century .dx-calendar-today span,
  6947. .dx-calendar-view-century .dx-calendar-today.dx-calendar-contoured-date span,
  6948. .dx-calendar-view-century .dx-calendar-today.dx-state-active span {
  6949. background-color: #dd5739;
  6950. border-color: #dd5739;
  6951. }
  6952. .dx-calendar-view-century .dx-calendar-contoured-date span {
  6953. border-color: #cbcbcb;
  6954. }
  6955. .dx-calendar-view-century .dx-calendar-selected-date,
  6956. .dx-calendar-view-century .dx-calendar-selected-date.dx-state-active,
  6957. .dx-calendar-view-century .dx-calendar-selected-date.dx-calendar-contoured-date {
  6958. color: #fff;
  6959. }
  6960. .dx-calendar-view-century .dx-calendar-selected-date span,
  6961. .dx-calendar-view-century .dx-calendar-selected-date.dx-state-active span,
  6962. .dx-calendar-view-century .dx-calendar-selected-date.dx-calendar-contoured-date span {
  6963. background-color: #000;
  6964. border-color: #000;
  6965. }
  6966. .dx-calendar-view-century .dx-state-active:not(.dx-calendar-empty-cell) span {
  6967. background-color: #e5e5e5;
  6968. border-color: #e5e5e5;
  6969. }
  6970. .dx-calendar-view-century .dx-calendar-body .dx-calendar-cell {
  6971. font-size: 14px;
  6972. padding-right: 0;
  6973. padding-left: 0;
  6974. }
  6975. .dx-calendar-navigator {
  6976. color: #2b2b2b;
  6977. text-align: center;
  6978. width: 100%;
  6979. }
  6980. .dx-calendar-navigator .dx-calendar-navigator-next-view,
  6981. .dx-calendar-navigator .dx-calendar-navigator-previous-view {
  6982. display: none;
  6983. }
  6984. .dx-calendar-navigator .dx-calendar-caption-button {
  6985. width: 100%;
  6986. left: 0;
  6987. }
  6988. .dx-calendar-navigator .dx-calendar-caption-button .dx-button-text {
  6989. font-size: 22px;
  6990. line-height: 50px;
  6991. color: #dd5739;
  6992. }
  6993. .dx-calendar-today-button .dx-button-text {
  6994. font-size: 16px;
  6995. }
  6996. .dx-calendar-cell.dx-calendar-empty-cell {
  6997. cursor: default;
  6998. color: #a0a0a0;
  6999. background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2MTBCNjg5MDlEQTExRTU5RjRBQUE4NDBEMTdBNTJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2MTBCNjhBMDlEQTExRTU5RjRBQUE4NDBEMTdBNTJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTYxMEI2ODcwOURBMTFFNTlGNEFBQTg0MEQxN0E1MkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTYxMEI2ODgwOURBMTFFNTlGNEFBQTg0MEQxN0E1MkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7T6QapAAAABlBMVEXLy8sAAADhwed1AAAADElEQVR42mJgAAgwAAACAAFPbVnhAAAAAElFTkSuQmCC') center repeat-x;
  7000. }
  7001. .dx-calendar-cell.dx-calendar-other-view {
  7002. color: #a0a0a0;
  7003. }
  7004. .dx-state-disabled .dx-calendar .dx-calendar-navigator,
  7005. .dx-state-disabled.dx-calendar .dx-calendar-navigator {
  7006. color: #b9b9b9;
  7007. }
  7008. .dx-state-disabled .dx-calendar .dx-calendar-body table th,
  7009. .dx-state-disabled.dx-calendar .dx-calendar-body table th,
  7010. .dx-state-disabled .dx-calendar .dx-calendar-body table td,
  7011. .dx-state-disabled.dx-calendar .dx-calendar-body table td {
  7012. color: #b9b9b9;
  7013. }
  7014. .dx-invalid.dx-calendar {
  7015. border: 1px solid rgba(255, 57, 44, 0.4);
  7016. }
  7017. .dx-invalid.dx-calendar.dx-state-focused {
  7018. border-color: #FF392C;
  7019. }
  7020. .dx-treeview-node-loadindicator {
  7021. top: 8px;
  7022. left: 4px;
  7023. width: 18px;
  7024. height: 18px;
  7025. }
  7026. .dx-treeview-with-search > .dx-scrollable {
  7027. height: calc(100% - 1.2em - 18px);
  7028. }
  7029. .dx-treeview-border-visible {
  7030. border: 1px solid #b7b6bb;
  7031. }
  7032. .dx-treeview-border-visible .dx-treeview-select-all-item {
  7033. padding-left: 37px;
  7034. }
  7035. .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  7036. padding: 1px 1px 1px 7px;
  7037. }
  7038. .dx-treeview-select-all-item {
  7039. margin: 0 0 7px 0;
  7040. border-bottom: 1px solid #b7b6bb;
  7041. padding: 9px 0 11px 30px;
  7042. }
  7043. .dx-treeview-select-all-item .dx-checkbox-text {
  7044. padding-left: 36px;
  7045. }
  7046. .dx-treeview-node {
  7047. padding-left: 26px;
  7048. }
  7049. .dx-treeview-item-with-checkbox .dx-treeview-item {
  7050. padding-left: 40px;
  7051. }
  7052. .dx-treeview-item-with-checkbox .dx-checkbox {
  7053. top: 3px;
  7054. left: 29px;
  7055. }
  7056. .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
  7057. background-color: #F4F4F4;
  7058. }
  7059. .dx-treeview-item {
  7060. padding: 8px 6px 6px 6px;
  7061. min-height: 32px;
  7062. }
  7063. .dx-treeview-item .dx-icon {
  7064. width: 24px;
  7065. height: 24px;
  7066. background-position: 0px 0px;
  7067. background-size: 24px 24px;
  7068. padding: 0px;
  7069. font-size: 24px;
  7070. text-align: center;
  7071. line-height: 24px;
  7072. }
  7073. .dx-state-focused > .dx-treeview-item {
  7074. background-color: #dfdfdf;
  7075. }
  7076. .dx-treeview-toggle-item-visibility {
  7077. font: 14px/1 DXIcons;
  7078. font-size: 15px;
  7079. text-align: center;
  7080. line-height: 15px;
  7081. width: 21px;
  7082. height: 31px;
  7083. top: 0;
  7084. left: 0;
  7085. }
  7086. .dx-treeview-toggle-item-visibility:before {
  7087. content: "\f010";
  7088. }
  7089. .dx-treeview-toggle-item-visibility:before {
  7090. position: absolute;
  7091. display: block;
  7092. width: 15px;
  7093. top: 50%;
  7094. margin-top: -7.5px;
  7095. left: 50%;
  7096. margin-left: -7.5px;
  7097. }
  7098. .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
  7099. font: 14px/1 DXIcons;
  7100. }
  7101. .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
  7102. content: "\f016";
  7103. }
  7104. .dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item {
  7105. padding-left: 0;
  7106. padding-right: 37px;
  7107. }
  7108. .dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  7109. padding-left: 1px;
  7110. padding-right: 7px;
  7111. }
  7112. .dx-rtl .dx-treeview-node {
  7113. padding-right: 26px;
  7114. }
  7115. .dx-rtl .dx-treeview-item .dx-icon {
  7116. margin-left: 5px;
  7117. }
  7118. .dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item {
  7119. padding-right: 40px;
  7120. }
  7121. .dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
  7122. right: 29px;
  7123. }
  7124. .dx-rtl .dx-treeview-select-all-item {
  7125. padding-left: 0;
  7126. padding-right: 29px;
  7127. }
  7128. .dx-rtl .dx-treeview-select-all-item .dx-checkbox-text {
  7129. padding-left: 0;
  7130. padding-right: 36px;
  7131. }
  7132. .dx-rtl .dx-treeview-node .dx-checkbox-container {
  7133. margin-right: 1px;
  7134. }
  7135. .dx-fieldset {
  7136. margin: 35px 0 15px;
  7137. padding-left: 15px;
  7138. border-top: 1px solid #b7b6bb;
  7139. border-bottom: 1px solid #b7b6bb;
  7140. background: #fff;
  7141. }
  7142. .dx-hairlines .dx-fieldset {
  7143. border-top: 0.5px solid #b7b6bb;
  7144. border-bottom: 0.5px solid #b7b6bb;
  7145. }
  7146. .dx-fieldset:last-child {
  7147. margin-bottom: 35px;
  7148. }
  7149. .dx-fieldset-header {
  7150. margin-top: -33px;
  7151. text-transform: uppercase;
  7152. line-height: 33px;
  7153. font-size: 9pt;
  7154. color: #8e8e93;
  7155. font-weight: 600;
  7156. }
  7157. .dx-field {
  7158. padding: 3px 10px 2px 0;
  7159. min-height: 27px;
  7160. border-bottom: 1px solid #b7b6bb;
  7161. }
  7162. .dx-hairlines .dx-field {
  7163. border-bottom-width: 0.5px;
  7164. }
  7165. .dx-field:last-child {
  7166. border-bottom-color: transparent;
  7167. }
  7168. .dx-field-label {
  7169. padding-top: 8px;
  7170. padding-bottom: 8px;
  7171. color: #000;
  7172. }
  7173. .dx-field-value {
  7174. position: relative;
  7175. padding-top: 8px;
  7176. padding-bottom: 8px;
  7177. color: #8e8e93;
  7178. text-align: right;
  7179. }
  7180. .dx-field-value.dx-attention {
  7181. color: #e78747;
  7182. text-align: left;
  7183. }
  7184. .dx-field-value.dx-attention:before {
  7185. display: inline-block;
  7186. content: '';
  7187. width: 15px;
  7188. height: 12px;
  7189. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAiklEQVQoz2N43u7OgAMzA/FMKI1VDQMezXlA/B+IC0nVLAPEn6CaPwOxLCma10E1wvAGYjX7ImliQGIHENLMA8SPcGh+DMS8+DT3ojmXAY0/AZdmQyD+Q0AzSN4YXTMoLk+jKcSmGYTPwuIepjkXiyJ8OB+mWRqIP+JQxIBDHBT3MiDJtSTaCo97AMUmhvHkzy7qAAAAAElFTkSuQmCC);
  7190. }
  7191. .dx-field-value.dx-widget {
  7192. margin-top: 0;
  7193. margin-bottom: 0;
  7194. padding-right: 0;
  7195. padding-left: 0;
  7196. }
  7197. .dx-field-value.dx-texteditor,
  7198. .dx-field-value.dx-switch,
  7199. .dx-field-value.dx-checkbox,
  7200. .dx-field-value.dx-slider,
  7201. .dx-field-value.dx-radiogroup {
  7202. padding-top: 0;
  7203. padding-bottom: 0;
  7204. }
  7205. .dx-field-value.dx-radiogroup .dx-radiobutton {
  7206. line-height: 35px;
  7207. }
  7208. .dx-field-value.dx-radiogroup .dx-radio-value-container {
  7209. vertical-align: middle;
  7210. }
  7211. .dx-field-value.dx-selectbox .dx-selectbox-arrow-container {
  7212. background-color: transparent;
  7213. background-image: none;
  7214. }
  7215. .dx-field-value.dx-selectbox .dx-selectbox-arrow-container .dx-selectbox-arrow {
  7216. border-top-color: #000;
  7217. }
  7218. .dx-field-value.dx-selectbox.dx-state-active .dx-selectbox-arrow-container {
  7219. background-color: transparent;
  7220. background-image: none;
  7221. }
  7222. .dx-field-value.dx-switch {
  7223. margin-top: 2px;
  7224. margin-right: 0;
  7225. }
  7226. .dx-field-value.dx-checkbox {
  7227. margin-top: 5px;
  7228. margin-right: 0;
  7229. }
  7230. .dx-field-value.dx-textbox {
  7231. padding-top: 2px;
  7232. }
  7233. .dx-field-value.dx-autocomplete {
  7234. margin: 0;
  7235. }
  7236. .dx-field-value.dx-button {
  7237. color: #017aff;
  7238. margin-top: 3px;
  7239. padding: 0;
  7240. }
  7241. .dx-field-value.dx-numberbox {
  7242. padding-top: 2px;
  7243. }
  7244. .dx-field-value .dx-datebox .dx-texteditor-input {
  7245. padding-top: 5px;
  7246. }
  7247. .dx-field-value.dx-lookup {
  7248. margin-right: -10px;
  7249. padding-right: 10px;
  7250. min-height: 34px;
  7251. padding-top: 3px;
  7252. margin-top: -3px;
  7253. padding-bottom: 3px;
  7254. margin-bottom: -3px;
  7255. height: 100%;
  7256. text-align: left;
  7257. -webkit-box-sizing: content-box;
  7258. box-sizing: content-box;
  7259. }
  7260. .dx-field-value.dx-lookup .dx-lookup-field {
  7261. padding: 8px 40px 8px 8px;
  7262. }
  7263. .dx-field-value.dx-slider {
  7264. overflow: visible;
  7265. padding-top: 5px;
  7266. }
  7267. .dx-field-value .dx-texteditor-container,
  7268. .dx-field-value .dx-dropdowneditor-icon,
  7269. .dx-field-value.dx-tagbox-single-line,
  7270. .dx-field-value .dx-tagbox-single-line,
  7271. .dx-field-value .dx-dropdowneditor-input-wrapper {
  7272. border: none;
  7273. -webkit-box-shadow: none;
  7274. box-shadow: none;
  7275. }
  7276. .dx-field-value.dx-textarea {
  7277. padding-top: 2px;
  7278. }
  7279. .dx-field-value.dx-tagbox {
  7280. text-align: left;
  7281. }
  7282. .dx-field-value:not(.dx-widget) {
  7283. padding-left: 8px;
  7284. min-height: 34px;
  7285. }
  7286. .dx-field-value:not(.dx-widget) > .dx-texteditor:not(.dx-textarea):not(.dx-tagbox),
  7287. .dx-field-value:not(.dx-widget) > .dx-checkbox,
  7288. .dx-field-value:not(.dx-widget) > .dx-switch,
  7289. .dx-field-value:not(.dx-widget) > .dx-lookup,
  7290. .dx-field-value:not(.dx-widget) > .dx-slider {
  7291. position: absolute;
  7292. right: 0;
  7293. }
  7294. .dx-rtl .dx-field-value:not(.dx-widget) > .dx-checkbox,
  7295. .dx-rtl .dx-field-value:not(.dx-widget) > .dx-switch {
  7296. left: 0;
  7297. right: auto;
  7298. }
  7299. .dx-field-value:not(.dx-widget) > .dx-switch {
  7300. margin-top: -6px;
  7301. margin-right: 0;
  7302. }
  7303. .dx-field-value:not(.dx-widget) > .dx-checkbox {
  7304. margin-top: -3px;
  7305. margin-right: 0;
  7306. }
  7307. .dx-field-value:not(.dx-widget) > .dx-texteditor:not(.dx-textarea):not(.dx-tagbox),
  7308. .dx-field-value:not(.dx-widget) > .dx-lookup,
  7309. .dx-field-value:not(.dx-widget) > .dx-slider {
  7310. width: 100%;
  7311. }
  7312. .dx-field-value:not(.dx-widget) > .dx-texteditor:not(.dx-textarea):not(.dx-tagbox):not(.dx-lookup) {
  7313. margin-right: 0;
  7314. margin-left: -6px;
  7315. padding-top: 2px;
  7316. padding-bottom: 2px;
  7317. color: #000;
  7318. }
  7319. .dx-field-value:not(.dx-widget) > .dx-textarea,
  7320. .dx-field-value:not(.dx-widget) > .dx-tagbox {
  7321. margin: -6px 0 -5px -8px;
  7322. }
  7323. .dx-field-value:not(.dx-widget) > .dx-texteditor:not(.dx-textarea):not(.dx-tagbox):not(.dx-lookup) {
  7324. margin-top: -8px;
  7325. }
  7326. .dx-field-value:not(.dx-widget) > .dx-autocomplete {
  7327. margin: -8px -7px 0 0;
  7328. padding-left: 0;
  7329. }
  7330. .dx-field-value:not(.dx-widget) > .dx-selectbox .dx-selectbox-arrow-container {
  7331. background-color: transparent;
  7332. background-image: none;
  7333. }
  7334. .dx-field-value:not(.dx-widget) > .dx-selectbox .dx-selectbox-arrow-container .dx-selectbox-arrow {
  7335. border-top-color: #000;
  7336. }
  7337. .dx-field-value:not(.dx-widget) > .dx-selectbox.dx-state-active .dx-selectbox-arrow-container {
  7338. background-color: transparent;
  7339. background-image: none;
  7340. }
  7341. .dx-field-value:not(.dx-widget) > .dx-lookup {
  7342. -webkit-box-sizing: content-box;
  7343. box-sizing: content-box;
  7344. padding-right: 10px;
  7345. margin-right: -10px;
  7346. min-height: 39px;
  7347. top: -3px;
  7348. margin-left: -8px;
  7349. text-align: left;
  7350. }
  7351. .dx-field-value:not(.dx-widget) > .dx-lookup .dx-lookup-field {
  7352. padding: 6px 40px 6px 8px;
  7353. }
  7354. .dx-field-value:not(.dx-widget) > .dx-radiogroup {
  7355. margin: -8px 0 -9px -2px;
  7356. }
  7357. .dx-field-value:not(.dx-widget) > .dx-radiogroup.dx-radiogroup-horizontal {
  7358. display: inline-block;
  7359. margin-bottom: -12px;
  7360. width: 100%;
  7361. }
  7362. .dx-field-value:not(.dx-widget) > .dx-radiogroup .dx-radiobutton {
  7363. line-height: 35px;
  7364. }
  7365. .dx-field-value:not(.dx-widget) > .dx-texteditor.dx-numberbox {
  7366. margin-right: 0;
  7367. margin-left: -6px;
  7368. padding-top: 2px;
  7369. padding-bottom: 2px;
  7370. }
  7371. .dx-field-value:not(.dx-widget) > .dx-texteditor.dx-autocomplete {
  7372. margin-top: -8px;
  7373. padding-top: 0;
  7374. padding-bottom: 0;
  7375. }
  7376. .dx-field-value:not(.dx-widget) > .dx-slider {
  7377. margin-top: -3px;
  7378. margin-right: 0;
  7379. margin-left: -6px;
  7380. }
  7381. .dx-field-value:not(.dx-widget) > .dx-slider .dx-radio-value-container {
  7382. vertical-align: middle;
  7383. }
  7384. .dx-field-value:not(.dx-widget) > .dx-slider-tooltip-position-top,
  7385. .dx-field-value:not(.dx-widget) > .dx-slider-tooltip-position-bottom {
  7386. position: static;
  7387. margin: -8px 0;
  7388. }
  7389. .dx-field-value:not(.dx-widget) > .dx-button {
  7390. margin-top: -12px;
  7391. margin-bottom: -8px;
  7392. }
  7393. .dx-field-value:not(.dx-widget) > .dx-selectbox.dx-selectbox-multiselect {
  7394. margin-bottom: -9px;
  7395. margin-left: -8px;
  7396. }
  7397. .dx-field-value:not(.dx-widget) > .dx-tagbox {
  7398. text-align: left;
  7399. }
  7400. .dx-rtl .dx-fieldset {
  7401. padding-right: 15px;
  7402. padding-left: 0;
  7403. }
  7404. .dx-rtl .dx-field {
  7405. padding: 3px 0 2px 10px;
  7406. }
  7407. .dx-rtl .dx-field-value,
  7408. .dx-rtl.dx-field-value {
  7409. text-align: left;
  7410. }
  7411. .dx-rtl .dx-field-value.dx-lookup,
  7412. .dx-rtl.dx-field-value.dx-lookup {
  7413. text-align: right;
  7414. }
  7415. .dx-rtl .dx-field-value.dx-lookup .dx-lookup-field,
  7416. .dx-rtl.dx-field-value.dx-lookup .dx-lookup-field {
  7417. padding-right: 8px;
  7418. padding-left: 40px;
  7419. }
  7420. .dx-rtl .dx-field-value.dx-lookup .dx-lookup-field:before,
  7421. .dx-rtl.dx-field-value.dx-lookup .dx-lookup-field:before {
  7422. right: auto;
  7423. left: 18px;
  7424. }
  7425. .dx-rtl .dx-field-value.dx-tagbox,
  7426. .dx-rtl.dx-field-value.dx-tagbox {
  7427. text-align: right;
  7428. }
  7429. .dx-rtl .dx-field-value:not(.dx-widget),
  7430. .dx-rtl.dx-field-value:not(.dx-widget) {
  7431. padding-right: 8px;
  7432. padding-left: 0;
  7433. }
  7434. .dx-rtl .dx-field-value:not(.dx-widget) > .dx-lookup,
  7435. .dx-rtl.dx-field-value:not(.dx-widget) > .dx-lookup {
  7436. margin-left: 0;
  7437. text-align: right;
  7438. }
  7439. .dx-rtl .dx-field-value:not(.dx-widget) > .dx-lookup .dx-lookup-field,
  7440. .dx-rtl.dx-field-value:not(.dx-widget) > .dx-lookup .dx-lookup-field {
  7441. padding-right: 8px;
  7442. padding-left: 40px;
  7443. }
  7444. .dx-rtl .dx-field-value:not(.dx-widget) > .dx-lookup .dx-lookup-field:before,
  7445. .dx-rtl.dx-field-value:not(.dx-widget) > .dx-lookup .dx-lookup-field:before {
  7446. right: auto;
  7447. left: 18px;
  7448. }
  7449. .dx-rtl .dx-field-value:not(.dx-widget) > .dx-tagbox,
  7450. .dx-rtl.dx-field-value:not(.dx-widget) > .dx-tagbox {
  7451. text-align: right;
  7452. }
  7453. .dx-field-value-static {
  7454. padding-top: 8px;
  7455. padding-bottom: 8px;
  7456. padding-left: 8px;
  7457. color: #8e8e93;
  7458. text-align: right;
  7459. }
  7460. .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
  7461. .dx-field-value-static {
  7462. width: 60%;
  7463. }
  7464. @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  7465. .dx-field-value:not(.dx-widget) > .dx-lookup {
  7466. -webkit-box-sizing: content-box;
  7467. box-sizing: content-box;
  7468. padding-right: 10px;
  7469. margin-right: -10px;
  7470. min-height: 41px;
  7471. top: -3px;
  7472. margin-left: -8px;
  7473. text-align: left;
  7474. }
  7475. .dx-field-value:not(.dx-widget) > .dx-lookup .dx-lookup-field {
  7476. padding: 6px 40px 6px 8px;
  7477. }
  7478. .dx-field-value:not(.dx-widget) > .dx-lookup .dx-lookup-field:before {
  7479. right: 14px;
  7480. }
  7481. }
  7482. .dx-tabpanel.dx-borders {
  7483. border: 1px solid #e0e0e0;
  7484. }
  7485. .dx-hairlines .dx-tabpanel.dx-borders {
  7486. border-width: 0.5px;
  7487. }
  7488. .dx-tabpanel .dx-tab {
  7489. color: #007aff;
  7490. }
  7491. .dx-tabpanel .dx-tab.dx-tab-selected {
  7492. color: #fff;
  7493. }
  7494. .dx-tabpanel .dx-tabpanel-tabs {
  7495. padding: 5px 10px;
  7496. }
  7497. .dx-fileuploader {
  7498. padding: 10px;
  7499. }
  7500. .dx-fileuploader-input-container {
  7501. pointer-events: none;
  7502. opacity: 0;
  7503. }
  7504. .dx-fileuploader-input-wrapper {
  7505. padding-bottom: 19px;
  7506. border-bottom: 1px solid #dfdfdf;
  7507. }
  7508. .dx-fileuploader-input-wrapper .dx-fileuploader-upload-button {
  7509. float: right;
  7510. }
  7511. .dx-fileuploader-files-container {
  7512. padding-top: 9px;
  7513. }
  7514. .dx-invalid .dx-fileuploader-files-container {
  7515. padding-top: 50px;
  7516. }
  7517. .dx-fileuploader-file-name {
  7518. padding-top: 5px;
  7519. color: #000;
  7520. }
  7521. .dx-fileuploader-button-container .dx-fileuploader-button {
  7522. margin-right: 15px;
  7523. }
  7524. .dx-fileuploader-button-container:first-child .dx-fileuploader-button {
  7525. margin-right: 10px;
  7526. }
  7527. .dx-fileuploader-file-container .dx-button .dx-icon {
  7528. margin: 0;
  7529. }
  7530. .dx-fileuploader-file-size {
  7531. padding-top: 5px;
  7532. }
  7533. .dx-fileuploader-file-status-message,
  7534. .dx-fileuploader-file-size {
  7535. color: #949494;
  7536. }
  7537. .dx-fileuploader-empty .dx-fileuploader-input-wrapper {
  7538. padding-bottom: 0;
  7539. border-bottom: none;
  7540. }
  7541. .dx-fileuploader-empty .dx-fileuploader-files-container {
  7542. padding: 0;
  7543. }
  7544. .dx-fileuploader-invalid .dx-fileuploader-file-status-message {
  7545. color: #FF392C;
  7546. }
  7547. .dx-invalid-message > .dx-overlay-content {
  7548. border-radius: 6px;
  7549. }
  7550. .dx-timeview-clock {
  7551. background: url(data:image/png;base64,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) no-repeat 50% 50%;
  7552. }
  7553. .dx-timeview-hourarrow {
  7554. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAqCAQAAAA+XjKzAAAAHklEQVQoU2Ng8GR4BoSeDEDiPxA+YwBTIDjKoCUDAJ6ApYk69jKVAAAAAElFTkSuQmCC);
  7555. }
  7556. .dx-timeview-minutearrow {
  7557. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAABBCAQAAABcbc0qAAAAIElEQVQoU2Ng8GR4BoSeDEDiPxA+YwBTIDjKGGUQzQAAYUgBPFDJCN4AAAAASUVORK5CYII=);
  7558. }
  7559. .dx-timeview-format12 {
  7560. width: 60px;
  7561. }
  7562. .dx-scheduler-pseudo-cell:before {
  7563. content: "";
  7564. width: 100px;
  7565. display: table-cell;
  7566. }
  7567. .dx-scheduler-small .dx-scheduler-pseudo-cell:before {
  7568. width: 50px;
  7569. }
  7570. .dx-scheduler-fixed-appointments {
  7571. z-index: 100;
  7572. position: absolute;
  7573. left: 100px;
  7574. }
  7575. .dx-scheduler-small .dx-scheduler-fixed-appointments {
  7576. left: 50px;
  7577. }
  7578. .dx-scheduler-header {
  7579. position: relative;
  7580. z-index: 1;
  7581. width: 100%;
  7582. }
  7583. .dx-scheduler-navigator {
  7584. float: left;
  7585. padding-left: 10px;
  7586. white-space: nowrap;
  7587. min-width: 180px;
  7588. max-width: 40%;
  7589. }
  7590. .dx-device-mobile .dx-scheduler-navigator {
  7591. padding-left: 5px;
  7592. }
  7593. .dx-scheduler-navigator-caption {
  7594. width: 180px;
  7595. min-width: 108px;
  7596. max-width: 80%;
  7597. }
  7598. .dx-device-mobile .dx-scheduler-navigator-caption {
  7599. width: 140px;
  7600. }
  7601. .dx-calendar.dx-scheduler-navigator-calendar {
  7602. width: 100%;
  7603. height: 100%;
  7604. }
  7605. .dx-scheduler-view-switcher.dx-tabs.dx-tabs-expanded .dx-tab-selected:before {
  7606. position: absolute;
  7607. bottom: -2px;
  7608. width: 100%;
  7609. height: 2px;
  7610. content: '';
  7611. right: 0;
  7612. }
  7613. .dx-scheduler-view-switcher.dx-tabs {
  7614. max-width: 52%;
  7615. min-width: 72px;
  7616. width: auto;
  7617. float: right;
  7618. height: 100%;
  7619. border: none;
  7620. }
  7621. .dx-scheduler-small .dx-scheduler-view-switcher.dx-tabs {
  7622. display: none;
  7623. }
  7624. .dx-scheduler-view-switcher.dx-tabs .dx-tabs-scrollable .dx-tabs-wrapper {
  7625. border-bottom: none;
  7626. }
  7627. .dx-scheduler-view-switcher.dx-tabs .dx-tab {
  7628. width: 100px;
  7629. }
  7630. .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
  7631. border-bottom: none;
  7632. }
  7633. .dx-scheduler-view-switcher.dx-dropdownmenu.dx-button {
  7634. position: absolute;
  7635. right: 10px;
  7636. }
  7637. .dx-scheduler-view-switcher-label {
  7638. position: absolute;
  7639. }
  7640. .dx-scheduler-view-switcher-reduced {
  7641. table-layout: auto;
  7642. }
  7643. .dx-scheduler-view-switcher-reduced.dx-tabs .dx-tab {
  7644. width: auto;
  7645. height: 56px;
  7646. }
  7647. .dx-scheduler-view-switcher-reduced .dx-tabs-wrapper {
  7648. height: 56px;
  7649. }
  7650. .dx-scheduler-appointment-content-allday {
  7651. display: none;
  7652. }
  7653. .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
  7654. color: #007aff;
  7655. }
  7656. .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
  7657. position: absolute;
  7658. top: 37px;
  7659. right: 0;
  7660. width: 100%;
  7661. height: 2px;
  7662. content: '';
  7663. background-color: #007aff;
  7664. }
  7665. .dx-scheduler-date-time-shader-all-day {
  7666. margin-left: 100px;
  7667. width: 100%;
  7668. background-color: rgba(223, 223, 223, 0.6);
  7669. position: absolute;
  7670. pointer-events: none;
  7671. }
  7672. .dx-scheduler-date-time-indicator {
  7673. background-color: #007aff;
  7674. position: absolute;
  7675. pointer-events: none;
  7676. -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
  7677. box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
  7678. }
  7679. .dx-scheduler-date-time-indicator:before {
  7680. font-size: 30px;
  7681. color: #007aff;
  7682. position: absolute;
  7683. z-index: 1000;
  7684. margin-top: -14px;
  7685. margin-left: -12px;
  7686. text-shadow: rgba(255, 255, 255, 0.1) 1px 0 0;
  7687. }
  7688. .dx-scheduler-date-time-shader {
  7689. pointer-events: none;
  7690. }
  7691. .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
  7692. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
  7693. .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator {
  7694. margin-left: 100px;
  7695. height: 1px;
  7696. font: 14px/1 DXIcons;
  7697. }
  7698. .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator:before,
  7699. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator:before,
  7700. .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator:before {
  7701. content: "\f04e";
  7702. }
  7703. .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
  7704. .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
  7705. .dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator {
  7706. margin-left: 50px;
  7707. }
  7708. .dx-scheduler-work-space-week .dx-scheduler-date-time-shader,
  7709. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader,
  7710. .dx-scheduler-work-space-day .dx-scheduler-date-time-shader {
  7711. margin-left: 100px;
  7712. }
  7713. .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top:before,
  7714. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top:before,
  7715. .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top:before,
  7716. .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom:before,
  7717. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom:before,
  7718. .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom:before {
  7719. width: inherit;
  7720. height: inherit;
  7721. content: "";
  7722. left: inherit;
  7723. position: absolute;
  7724. margin-left: 100px;
  7725. background-color: rgba(223, 223, 223, 0.6);
  7726. }
  7727. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
  7728. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
  7729. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
  7730. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
  7731. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
  7732. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
  7733. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
  7734. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
  7735. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day {
  7736. margin-left: 0;
  7737. }
  7738. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
  7739. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
  7740. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
  7741. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before,
  7742. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before,
  7743. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before {
  7744. margin-left: 0;
  7745. }
  7746. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator,
  7747. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator,
  7748. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator {
  7749. margin-left: 0;
  7750. font: 14px/1 DXIcons;
  7751. }
  7752. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before,
  7753. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before,
  7754. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
  7755. content: "\f04f";
  7756. }
  7757. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before,
  7758. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before,
  7759. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
  7760. margin-right: -12px;
  7761. }
  7762. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-top:before,
  7763. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-top:before,
  7764. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-top:before,
  7765. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before,
  7766. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before,
  7767. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-bottom:before {
  7768. margin-left: 0;
  7769. }
  7770. .dx-scheduler-timeline-week .dx-scheduler-header-panel,
  7771. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel,
  7772. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel,
  7773. .dx-scheduler-timeline-month .dx-scheduler-header-panel {
  7774. display: -webkit-box;
  7775. display: -webkit-flex;
  7776. display: -ms-flexbox;
  7777. display: flex;
  7778. -webkit-box-orient: horizontal;
  7779. -webkit-box-direction: normal;
  7780. -webkit-flex-flow: row nowrap;
  7781. -ms-flex-flow: row nowrap;
  7782. flex-flow: row nowrap;
  7783. }
  7784. .dx-scheduler-timeline-week .dx-scheduler-header-panel thead,
  7785. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead,
  7786. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel thead,
  7787. .dx-scheduler-timeline-month .dx-scheduler-header-panel thead {
  7788. display: -webkit-box;
  7789. display: -webkit-flex;
  7790. display: -ms-flexbox;
  7791. display: flex;
  7792. -webkit-box-orient: vertical;
  7793. -webkit-box-direction: normal;
  7794. -webkit-flex-flow: column nowrap;
  7795. -ms-flex-flow: column nowrap;
  7796. flex-flow: column nowrap;
  7797. width: 100%;
  7798. }
  7799. .dx-scheduler-timeline-week .dx-scheduler-header-row,
  7800. .dx-scheduler-timeline-work-week .dx-scheduler-header-row,
  7801. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row,
  7802. .dx-scheduler-timeline-month .dx-scheduler-header-row {
  7803. display: -webkit-box;
  7804. display: -webkit-flex;
  7805. display: -ms-flexbox;
  7806. display: flex;
  7807. -webkit-box-orient: horizontal;
  7808. -webkit-box-direction: normal;
  7809. -webkit-flex-flow: row nowrap;
  7810. -ms-flex-flow: row nowrap;
  7811. flex-flow: row nowrap;
  7812. }
  7813. .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
  7814. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell,
  7815. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell,
  7816. .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell {
  7817. -webkit-box-flex: 1;
  7818. -webkit-flex-grow: 1;
  7819. -ms-flex-positive: 1;
  7820. flex-grow: 1;
  7821. -webkit-box-pack: center;
  7822. -webkit-justify-content: center;
  7823. -ms-flex-pack: center;
  7824. justify-content: center;
  7825. -webkit-box-align: center;
  7826. -webkit-align-items: center;
  7827. -ms-flex-align: center;
  7828. align-items: center;
  7829. display: -webkit-box;
  7830. display: -webkit-flex;
  7831. display: -ms-flexbox;
  7832. display: flex;
  7833. -webkit-box-orient: horizontal;
  7834. -webkit-box-direction: normal;
  7835. -webkit-flex-flow: row nowrap;
  7836. -ms-flex-flow: row nowrap;
  7837. flex-flow: row nowrap;
  7838. }
  7839. .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
  7840. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
  7841. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
  7842. .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  7843. display: -webkit-box;
  7844. display: -webkit-flex;
  7845. display: -ms-flexbox;
  7846. display: flex;
  7847. -webkit-box-orient: horizontal;
  7848. -webkit-box-direction: reverse;
  7849. -webkit-flex-flow: row-reverse nowrap;
  7850. -ms-flex-flow: row-reverse nowrap;
  7851. flex-flow: row-reverse nowrap;
  7852. }
  7853. .dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell,
  7854. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell,
  7855. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-week-cell,
  7856. .dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell {
  7857. -webkit-flex-basis: 0;
  7858. -ms-flex-preferred-size: 0;
  7859. flex-basis: 0;
  7860. }
  7861. .dx-scheduler-timeline-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
  7862. .dx-scheduler-timeline-work-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
  7863. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
  7864. .dx-scheduler-timeline-month .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
  7865. border-right: none;
  7866. }
  7867. .dx-scheduler-timeline .dx-scheduler-date-time-indicator {
  7868. width: 1px;
  7869. top: 0;
  7870. font: 14px/1 DXIcons;
  7871. }
  7872. .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
  7873. content: "\f001";
  7874. }
  7875. .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
  7876. margin-left: -14px;
  7877. margin-top: -12px;
  7878. }
  7879. .dx-scheduler-timeline .dx-scheduler-date-time-shader {
  7880. height: 100%;
  7881. position: absolute;
  7882. }
  7883. .dx-scheduler-timeline .dx-scheduler-date-time-shader:before {
  7884. width: inherit;
  7885. height: 100%;
  7886. content: "";
  7887. left: 0;
  7888. position: absolute;
  7889. background-color: rgba(223, 223, 223, 0.6);
  7890. }
  7891. .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
  7892. border-bottom: 2px solid #007aff;
  7893. -webkit-box-shadow: none;
  7894. box-shadow: none;
  7895. }
  7896. .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
  7897. content: none;
  7898. }
  7899. .dx-scheduler-work-space {
  7900. border: 1px solid rgba(200, 200, 200, 0.6);
  7901. background-color: #fff;
  7902. position: relative;
  7903. display: inline-block;
  7904. overflow: hidden;
  7905. height: 100%;
  7906. width: 100%;
  7907. border-top: none;
  7908. float: left;
  7909. }
  7910. .dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
  7911. border-right: none;
  7912. }
  7913. .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title {
  7914. border-top: 1px solid rgba(200, 200, 200, 0.6);
  7915. }
  7916. .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
  7917. border-left: 1px solid rgba(200, 200, 200, 0.6);
  7918. }
  7919. .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td {
  7920. border-left: 1px solid rgba(200, 200, 200, 0.6);
  7921. border-top: 1px solid rgba(200, 200, 200, 0.6);
  7922. }
  7923. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
  7924. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  7925. padding-bottom: 50px;
  7926. margin-bottom: -50px;
  7927. }
  7928. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  7929. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  7930. padding-bottom: 80px;
  7931. margin-bottom: -80px;
  7932. }
  7933. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  7934. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  7935. padding-bottom: 110px;
  7936. margin-bottom: -110px;
  7937. }
  7938. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  7939. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  7940. padding-bottom: 140px;
  7941. margin-bottom: -140px;
  7942. }
  7943. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  7944. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  7945. padding-bottom: 125px;
  7946. margin-bottom: -125px;
  7947. }
  7948. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  7949. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  7950. padding-bottom: 155px;
  7951. margin-bottom: -155px;
  7952. }
  7953. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  7954. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  7955. padding-bottom: 185px;
  7956. margin-bottom: -185px;
  7957. }
  7958. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  7959. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  7960. padding-bottom: 215px;
  7961. margin-bottom: -215px;
  7962. }
  7963. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
  7964. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  7965. padding-bottom: 75px;
  7966. margin-bottom: -75px;
  7967. }
  7968. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  7969. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  7970. padding-bottom: 105px;
  7971. margin-bottom: -105px;
  7972. }
  7973. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  7974. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  7975. padding-bottom: 135px;
  7976. margin-bottom: -135px;
  7977. }
  7978. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  7979. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  7980. padding-bottom: 165px;
  7981. margin-bottom: -165px;
  7982. }
  7983. .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel {
  7984. border-bottom: 2px solid rgba(200, 200, 200, 0.6);
  7985. }
  7986. .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
  7987. border-bottom: 1px solid rgba(200, 200, 200, 0.6);
  7988. }
  7989. .dx-scheduler-date-table-scrollable .dx-scrollable-content {
  7990. overflow: hidden;
  7991. position: relative;
  7992. }
  7993. .dx-scheduler-date-table-cell {
  7994. border-top: 1px solid rgba(200, 200, 200, 0.6);
  7995. height: 50px;
  7996. }
  7997. .dx-scheduler-date-table-cell > div,
  7998. .dx-scheduler-all-day-table-cell > div {
  7999. pointer-events: none;
  8000. }
  8001. .dx-scheduler-date-table-cell,
  8002. .dx-scheduler-header-panel-cell,
  8003. .dx-scheduler-time-panel-cell,
  8004. .dx-scheduler-group-header {
  8005. -webkit-user-select: none;
  8006. -moz-user-select: none;
  8007. -ms-user-select: none;
  8008. user-select: none;
  8009. -webkit-touch-callout: none;
  8010. cursor: default;
  8011. }
  8012. .dx-scheduler-date-table-current-date {
  8013. font-weight: bold;
  8014. }
  8015. .dx-scheduler-date-table-other-month {
  8016. opacity: 0.5;
  8017. }
  8018. .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
  8019. .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
  8020. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell {
  8021. border-top: 1px solid #aeaeae;
  8022. }
  8023. .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
  8024. .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
  8025. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  8026. border-top: none;
  8027. }
  8028. .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after,
  8029. .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after,
  8030. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after {
  8031. background-color: #aeaeae;
  8032. }
  8033. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
  8034. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8035. padding-bottom: 0;
  8036. margin-bottom: 0;
  8037. }
  8038. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8039. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8040. padding-bottom: 30px;
  8041. margin-bottom: -30px;
  8042. }
  8043. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8044. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8045. padding-bottom: 60px;
  8046. margin-bottom: -60px;
  8047. }
  8048. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8049. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8050. padding-bottom: 90px;
  8051. margin-bottom: -90px;
  8052. }
  8053. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  8054. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8055. padding-bottom: 75px;
  8056. margin-bottom: -75px;
  8057. }
  8058. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8059. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8060. padding-bottom: 105px;
  8061. margin-bottom: -105px;
  8062. }
  8063. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8064. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8065. padding-bottom: 135px;
  8066. margin-bottom: -135px;
  8067. }
  8068. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8069. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8070. padding-bottom: 165px;
  8071. margin-bottom: -165px;
  8072. }
  8073. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
  8074. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8075. padding-bottom: 25px;
  8076. margin-bottom: -25px;
  8077. }
  8078. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8079. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8080. padding-bottom: 55px;
  8081. margin-bottom: -55px;
  8082. }
  8083. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8084. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8085. padding-bottom: 85px;
  8086. margin-bottom: -85px;
  8087. }
  8088. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8089. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8090. padding-bottom: 115px;
  8091. margin-bottom: -115px;
  8092. }
  8093. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-cell {
  8094. border-left: none;
  8095. border-right: none;
  8096. }
  8097. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel {
  8098. margin-top: 1px;
  8099. }
  8100. .dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
  8101. .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
  8102. .dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  8103. border-top: none;
  8104. }
  8105. .dx-scheduler-all-day-table-cell {
  8106. border-left: 1px solid rgba(200, 200, 200, 0.6);
  8107. border-top: 1px solid rgba(200, 200, 200, 0.6);
  8108. }
  8109. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
  8110. border-top: none;
  8111. border-left: none;
  8112. }
  8113. .dx-scheduler-work-space-week .dx-scheduler-all-day-title,
  8114. .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title,
  8115. .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title {
  8116. border-top: 1px solid rgba(200, 200, 200, 0.6);
  8117. }
  8118. .dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
  8119. .dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
  8120. .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content {
  8121. padding: 0 7px;
  8122. }
  8123. .dx-scheduler-scrollable-fixed-content {
  8124. height: 100%;
  8125. }
  8126. .dx-scheduler-work-space-month .dx-scheduler-all-day-title {
  8127. display: none;
  8128. }
  8129. .dx-scheduler-work-space-month .dx-scheduler-header-panel {
  8130. width: 100%;
  8131. margin-left: 0;
  8132. }
  8133. .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-header-panel {
  8134. margin-left: 0;
  8135. }
  8136. .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row:before,
  8137. .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  8138. display: none;
  8139. }
  8140. .dx-scheduler-work-space-month .dx-scheduler-date-table {
  8141. width: 100%;
  8142. height: 100%;
  8143. margin-left: 0;
  8144. }
  8145. .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-date-table {
  8146. margin-left: 0;
  8147. }
  8148. .dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  8149. display: none;
  8150. }
  8151. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell,
  8152. .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
  8153. border-right: none;
  8154. }
  8155. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child,
  8156. .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child {
  8157. border-left: none;
  8158. }
  8159. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  8160. height: auto;
  8161. vertical-align: top;
  8162. text-align: right;
  8163. font-size: 16px;
  8164. color: #959595;
  8165. }
  8166. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
  8167. padding-right: 6px;
  8168. }
  8169. .dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  8170. padding: 0 7px;
  8171. }
  8172. .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  8173. padding: 0 25px 0 7px;
  8174. }
  8175. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  8176. padding: 0 7px 0 25px;
  8177. }
  8178. .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon {
  8179. top: 0;
  8180. }
  8181. .dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  8182. left: 0;
  8183. }
  8184. .dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-cell {
  8185. height: 75px;
  8186. }
  8187. .dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month {
  8188. color: #65bccd;
  8189. background-color: rgba(101, 188, 205, 0.15);
  8190. font-weight: bold;
  8191. }
  8192. .dx-scheduler-work-space-month .dx-scheduler-all-day-panel,
  8193. .dx-scheduler-timeline .dx-scheduler-all-day-panel,
  8194. .dx-scheduler-work-space-month .dx-scheduler-all-day-title,
  8195. .dx-scheduler-timeline .dx-scheduler-all-day-title {
  8196. display: none;
  8197. }
  8198. .dx-scheduler-work-space-month .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
  8199. .dx-scheduler-timeline .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  8200. right: 20px;
  8201. }
  8202. .dx-scheduler-timeline .dx-scheduler-fixed-appointments {
  8203. left: 0;
  8204. }
  8205. .dx-scheduler-timeline .dx-scheduler-header-row:before,
  8206. .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  8207. content: none;
  8208. }
  8209. .dx-scheduler-timeline .dx-scheduler-date-table {
  8210. border-spacing: 0;
  8211. border-collapse: separate;
  8212. margin-left: 0;
  8213. }
  8214. .dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
  8215. .dx-scheduler-timeline .dx-scheduler-date-table-cell {
  8216. width: 200px;
  8217. }
  8218. .dx-scheduler-timeline .dx-scheduler-date-table-cell {
  8219. border-right: none;
  8220. }
  8221. .dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table {
  8222. display: none;
  8223. }
  8224. .dx-scheduler-timeline .dx-scheduler-date-table {
  8225. display: -webkit-box;
  8226. display: -webkit-flex;
  8227. display: -ms-flexbox;
  8228. display: flex;
  8229. -webkit-box-orient: vertical;
  8230. -webkit-box-direction: normal;
  8231. -webkit-flex-flow: column nowrap;
  8232. -ms-flex-flow: column nowrap;
  8233. flex-flow: column nowrap;
  8234. }
  8235. .dx-scheduler-timeline .dx-scheduler-date-table tbody {
  8236. display: -webkit-box;
  8237. display: -webkit-flex;
  8238. display: -ms-flexbox;
  8239. display: flex;
  8240. -webkit-box-orient: vertical;
  8241. -webkit-box-direction: normal;
  8242. -webkit-flex-flow: column nowrap;
  8243. -ms-flex-flow: column nowrap;
  8244. flex-flow: column nowrap;
  8245. height: 100%;
  8246. min-height: 100px;
  8247. }
  8248. .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
  8249. display: -webkit-box;
  8250. display: -webkit-flex;
  8251. display: -ms-flexbox;
  8252. display: flex;
  8253. -webkit-box-orient: horizontal;
  8254. -webkit-box-direction: normal;
  8255. -webkit-flex-flow: row nowrap;
  8256. -ms-flex-flow: row nowrap;
  8257. flex-flow: row nowrap;
  8258. -webkit-box-flex: 1;
  8259. -webkit-flex: 1;
  8260. -ms-flex: 1;
  8261. flex: 1;
  8262. }
  8263. .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell {
  8264. display: -webkit-box;
  8265. display: -webkit-flex;
  8266. display: -ms-flexbox;
  8267. display: flex;
  8268. -webkit-box-orient: horizontal;
  8269. -webkit-box-direction: normal;
  8270. -webkit-flex-flow: row nowrap;
  8271. -ms-flex-flow: row nowrap;
  8272. flex-flow: row nowrap;
  8273. -webkit-box-align: stretch;
  8274. -webkit-align-items: stretch;
  8275. -ms-flex-align: stretch;
  8276. align-items: stretch;
  8277. -webkit-box-flex: 1;
  8278. -webkit-flex: 1 1 auto;
  8279. -ms-flex: 1 1 auto;
  8280. flex: 1 1 auto;
  8281. height: inherit;
  8282. }
  8283. .dx-scheduler-timeline .dx-scheduler-group-table {
  8284. border-spacing: 0;
  8285. border-collapse: separate;
  8286. display: -webkit-box;
  8287. display: -webkit-flex;
  8288. display: -ms-flexbox;
  8289. display: flex;
  8290. -webkit-box-orient: vertical;
  8291. -webkit-box-direction: normal;
  8292. -webkit-flex-flow: column nowrap;
  8293. -ms-flex-flow: column nowrap;
  8294. flex-flow: column nowrap;
  8295. }
  8296. .dx-scheduler-timeline .dx-scheduler-group-table tbody {
  8297. display: -webkit-box;
  8298. display: -webkit-flex;
  8299. display: -ms-flexbox;
  8300. display: flex;
  8301. -webkit-box-orient: vertical;
  8302. -webkit-box-direction: normal;
  8303. -webkit-flex-flow: column nowrap;
  8304. -ms-flex-flow: column nowrap;
  8305. flex-flow: column nowrap;
  8306. height: 100%;
  8307. }
  8308. .dx-scheduler-timeline .dx-scheduler-group-row {
  8309. display: -webkit-box;
  8310. display: -webkit-flex;
  8311. display: -ms-flexbox;
  8312. display: flex;
  8313. -webkit-box-orient: horizontal;
  8314. -webkit-box-direction: normal;
  8315. -webkit-flex-flow: row nowrap;
  8316. -ms-flex-flow: row nowrap;
  8317. flex-flow: row nowrap;
  8318. -webkit-box-flex: 1;
  8319. -webkit-flex: 1;
  8320. -ms-flex: 1;
  8321. flex: 1;
  8322. }
  8323. .dx-scheduler-timeline .dx-scheduler-group-header {
  8324. display: -webkit-box;
  8325. display: -webkit-flex;
  8326. display: -ms-flexbox;
  8327. display: flex;
  8328. -webkit-box-orient: horizontal;
  8329. -webkit-box-direction: normal;
  8330. -webkit-flex-flow: row nowrap;
  8331. -ms-flex-flow: row nowrap;
  8332. flex-flow: row nowrap;
  8333. -webkit-box-align: center;
  8334. -webkit-align-items: center;
  8335. -ms-flex-align: center;
  8336. align-items: center;
  8337. -webkit-box-flex: 1;
  8338. -webkit-flex: 1 1 auto;
  8339. -ms-flex: 1 1 auto;
  8340. flex: 1 1 auto;
  8341. padding: 0 10px 0 5px;
  8342. height: auto;
  8343. width: 100%;
  8344. }
  8345. .dx-scheduler-timeline .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div,
  8346. .dx-scheduler-timeline .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div {
  8347. margin-top: 200%;
  8348. }
  8349. .dx-scheduler-timeline .dx-scheduler-group-header-content {
  8350. overflow: visible;
  8351. margin: auto;
  8352. -webkit-box-flex: 1;
  8353. -webkit-flex-grow: 1;
  8354. -ms-flex-positive: 1;
  8355. flex-grow: 1;
  8356. }
  8357. .dx-scheduler-timeline .dx-scheduler-group-header-content div {
  8358. white-space: normal;
  8359. line-height: normal;
  8360. }
  8361. .dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
  8362. .dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
  8363. font-weight: normal;
  8364. text-align: left;
  8365. }
  8366. .dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:only-child,
  8367. .dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:only-child {
  8368. position: relative;
  8369. left: 80px;
  8370. width: 80px;
  8371. }
  8372. .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
  8373. width: 200px;
  8374. }
  8375. .dx-scheduler-timeline .dx-scheduler-date-table,
  8376. .dx-scheduler-timeline .dx-scheduler-date-table-scrollable .dx-scrollable-content,
  8377. .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content,
  8378. .dx-scheduler-timeline .dx-scheduler-group-table {
  8379. height: 100%;
  8380. min-height: 100px;
  8381. }
  8382. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content,
  8383. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content,
  8384. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table {
  8385. height: auto;
  8386. }
  8387. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  8388. border-top-color: transparent;
  8389. }
  8390. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  8391. border-bottom: 1px solid #aeaeae;
  8392. }
  8393. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  8394. border-bottom: 1px solid #aeaeae;
  8395. }
  8396. .dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
  8397. padding-bottom: 50px;
  8398. margin-bottom: -50px;
  8399. }
  8400. .dx-scheduler-timeline .dx-scheduler-header-scrollable {
  8401. height: auto;
  8402. }
  8403. .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
  8404. display: none;
  8405. }
  8406. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  8407. display: block;
  8408. float: left;
  8409. padding-bottom: 50px;
  8410. margin-bottom: -50px;
  8411. }
  8412. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  8413. content: "";
  8414. height: 50px;
  8415. position: absolute;
  8416. display: block;
  8417. margin-top: -50px;
  8418. left: 0;
  8419. border-right: 1px solid rgba(200, 200, 200, 0.6);
  8420. }
  8421. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header {
  8422. border: none;
  8423. border-top: 1px solid rgba(200, 200, 200, 0.6);
  8424. }
  8425. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
  8426. border-right: 1px solid rgba(200, 200, 200, 0.6);
  8427. }
  8428. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
  8429. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
  8430. border-left: none;
  8431. }
  8432. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
  8433. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
  8434. border-right: none;
  8435. border-left: 1px solid rgba(200, 200, 200, 0.6);
  8436. }
  8437. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
  8438. display: none;
  8439. }
  8440. .dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-row:first-child .dx-scheduler-group-header {
  8441. border-top: none;
  8442. }
  8443. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  8444. margin-left: 0;
  8445. }
  8446. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  8447. margin: 0;
  8448. padding: 0;
  8449. }
  8450. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  8451. margin: 0;
  8452. }
  8453. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-table,
  8454. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable,
  8455. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable:before {
  8456. width: 100px;
  8457. }
  8458. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
  8459. width: 100%;
  8460. }
  8461. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
  8462. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
  8463. margin-left: 100px;
  8464. }
  8465. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
  8466. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
  8467. margin-right: 100px;
  8468. margin-left: 0;
  8469. }
  8470. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
  8471. left: 100px;
  8472. }
  8473. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-table,
  8474. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable,
  8475. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable:before {
  8476. width: 160px;
  8477. }
  8478. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
  8479. width: 100%;
  8480. }
  8481. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
  8482. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
  8483. margin-left: 160px;
  8484. }
  8485. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
  8486. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
  8487. margin-right: 160px;
  8488. margin-left: 0;
  8489. }
  8490. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
  8491. left: 160px;
  8492. }
  8493. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-table,
  8494. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable,
  8495. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable:before {
  8496. width: 180px;
  8497. }
  8498. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
  8499. width: 100%;
  8500. }
  8501. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
  8502. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
  8503. margin-left: 180px;
  8504. }
  8505. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
  8506. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
  8507. margin-right: 180px;
  8508. margin-left: 0;
  8509. }
  8510. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
  8511. left: 180px;
  8512. }
  8513. .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-group-header {
  8514. border-right: 1px solid rgba(200, 200, 200, 0.6);
  8515. }
  8516. .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-last-group-cell {
  8517. border-right: 1px solid #aeaeae;
  8518. }
  8519. .dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon {
  8520. top: 0;
  8521. }
  8522. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
  8523. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
  8524. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  8525. height: 121px;
  8526. }
  8527. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
  8528. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
  8529. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  8530. height: 151px;
  8531. }
  8532. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
  8533. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
  8534. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  8535. height: 181px;
  8536. }
  8537. .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
  8538. .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable,
  8539. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable {
  8540. height: 91px;
  8541. }
  8542. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  8543. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  8544. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  8545. height: auto;
  8546. }
  8547. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
  8548. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
  8549. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  8550. padding-bottom: 90px;
  8551. margin-bottom: -90px;
  8552. }
  8553. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
  8554. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
  8555. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  8556. height: 91px;
  8557. margin-top: -91px;
  8558. }
  8559. .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
  8560. .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable,
  8561. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable {
  8562. padding-bottom: 90px;
  8563. margin-bottom: -90px;
  8564. }
  8565. .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
  8566. .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
  8567. .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
  8568. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
  8569. .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
  8570. .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
  8571. border-right: none;
  8572. }
  8573. .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
  8574. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
  8575. .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
  8576. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
  8577. .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
  8578. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
  8579. border-left: none;
  8580. }
  8581. .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
  8582. .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
  8583. .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
  8584. border-right: none;
  8585. }
  8586. .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
  8587. .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
  8588. .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
  8589. border-left: none;
  8590. }
  8591. .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
  8592. .dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
  8593. .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
  8594. border-right: none;
  8595. }
  8596. .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
  8597. .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
  8598. .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
  8599. border-left: none;
  8600. }
  8601. .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
  8602. .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
  8603. .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) {
  8604. border-right: 1px solid #aeaeae;
  8605. }
  8606. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
  8607. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
  8608. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) {
  8609. border-left: 1px solid #aeaeae;
  8610. }
  8611. .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
  8612. .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
  8613. .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
  8614. border-right: 1px solid #aeaeae;
  8615. }
  8616. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
  8617. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
  8618. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
  8619. border-right: 1px solid rgba(200, 200, 200, 0.6);
  8620. border-left: 1px solid #aeaeae;
  8621. }
  8622. .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n),
  8623. .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n),
  8624. .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) {
  8625. border-right: 1px solid rgba(200, 200, 200, 0.6);
  8626. }
  8627. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n),
  8628. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n),
  8629. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n) {
  8630. border-left: 1px solid rgba(200, 200, 200, 0.6);
  8631. }
  8632. .dx-scheduler-header-panel {
  8633. border-spacing: 0;
  8634. table-layout: fixed;
  8635. margin-top: 10px;
  8636. width: 100%;
  8637. font-size: 20px;
  8638. }
  8639. .dx-scheduler-all-day-title-hidden {
  8640. display: none;
  8641. }
  8642. .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day) .dx-scheduler-all-day-title-hidden {
  8643. display: block;
  8644. background-color: transparent;
  8645. color: transparent;
  8646. border-left: none;
  8647. border-right: none;
  8648. border-bottom: none;
  8649. height: 0;
  8650. }
  8651. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  8652. height: 81px;
  8653. }
  8654. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  8655. height: 111px;
  8656. }
  8657. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  8658. height: 141px;
  8659. }
  8660. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
  8661. height: 51px;
  8662. }
  8663. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  8664. height: auto;
  8665. }
  8666. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
  8667. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8668. padding-bottom: 50px;
  8669. margin-bottom: -50px;
  8670. }
  8671. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8672. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8673. padding-bottom: 80px;
  8674. margin-bottom: -80px;
  8675. }
  8676. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8677. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8678. padding-bottom: 110px;
  8679. margin-bottom: -110px;
  8680. }
  8681. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8682. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8683. padding-bottom: 140px;
  8684. margin-bottom: -140px;
  8685. }
  8686. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  8687. height: 41px;
  8688. }
  8689. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  8690. height: 71px;
  8691. }
  8692. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  8693. height: 101px;
  8694. }
  8695. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  8696. height: 11px;
  8697. }
  8698. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  8699. height: auto;
  8700. }
  8701. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  8702. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8703. padding-bottom: 10px;
  8704. margin-bottom: -10px;
  8705. }
  8706. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8707. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8708. padding-bottom: 40px;
  8709. margin-bottom: -40px;
  8710. }
  8711. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8712. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8713. padding-bottom: 70px;
  8714. margin-bottom: -70px;
  8715. }
  8716. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  8717. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  8718. padding-bottom: 100px;
  8719. margin-bottom: -100px;
  8720. }
  8721. .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
  8722. margin-left: 100px;
  8723. }
  8724. .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
  8725. margin-left: 0;
  8726. }
  8727. .dx-scheduler-small .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
  8728. margin-left: 50px;
  8729. }
  8730. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  8731. width: auto;
  8732. margin-left: 0;
  8733. }
  8734. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-group-row:before,
  8735. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  8736. display: none;
  8737. }
  8738. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel {
  8739. margin-left: 0;
  8740. }
  8741. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-row:before {
  8742. display: none;
  8743. }
  8744. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
  8745. z-index: 100;
  8746. border-right: 1px solid rgba(200, 200, 200, 0.6);
  8747. }
  8748. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  8749. content: "";
  8750. position: absolute;
  8751. left: 0;
  8752. width: 100px;
  8753. border-right: 1px solid rgba(200, 200, 200, 0.6);
  8754. }
  8755. .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  8756. width: 50px;
  8757. }
  8758. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  8759. float: none;
  8760. margin-left: 0;
  8761. }
  8762. .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  8763. margin-left: 0;
  8764. }
  8765. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  8766. display: none;
  8767. }
  8768. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
  8769. float: left;
  8770. }
  8771. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  8772. margin-left: 100px;
  8773. }
  8774. .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  8775. margin-left: 50px;
  8776. }
  8777. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
  8778. border-right: 1px solid rgba(200, 200, 200, 0.6);
  8779. }
  8780. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  8781. height: 81px;
  8782. }
  8783. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  8784. height: 111px;
  8785. }
  8786. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  8787. height: 141px;
  8788. }
  8789. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
  8790. height: 51px;
  8791. }
  8792. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  8793. height: auto;
  8794. }
  8795. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  8796. height: 31px;
  8797. }
  8798. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  8799. height: 61px;
  8800. }
  8801. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  8802. height: 91px;
  8803. }
  8804. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  8805. height: 1px;
  8806. }
  8807. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  8808. height: auto;
  8809. }
  8810. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-panel {
  8811. width: 100%;
  8812. }
  8813. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  8814. margin: 0 0 0 100px;
  8815. padding: 0;
  8816. }
  8817. .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  8818. margin: 0 0 0 50px;
  8819. }
  8820. .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  8821. margin: 0 100px 0 0;
  8822. }
  8823. .dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  8824. margin: 0 50px 0 0;
  8825. }
  8826. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  8827. height: 156px;
  8828. }
  8829. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  8830. height: 186px;
  8831. }
  8832. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  8833. height: 216px;
  8834. }
  8835. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
  8836. height: 126px;
  8837. }
  8838. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  8839. height: auto;
  8840. }
  8841. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  8842. height: 106px;
  8843. }
  8844. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  8845. height: 136px;
  8846. }
  8847. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  8848. height: 166px;
  8849. }
  8850. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  8851. height: 76px;
  8852. }
  8853. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  8854. height: auto;
  8855. }
  8856. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  8857. height: 116px;
  8858. }
  8859. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  8860. height: 146px;
  8861. }
  8862. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  8863. height: 176px;
  8864. }
  8865. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  8866. height: 86px;
  8867. }
  8868. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  8869. height: auto;
  8870. }
  8871. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  8872. height: 66px;
  8873. }
  8874. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  8875. height: 96px;
  8876. }
  8877. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  8878. height: 126px;
  8879. }
  8880. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  8881. height: 36px;
  8882. }
  8883. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  8884. height: auto;
  8885. }
  8886. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable,
  8887. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable.dx-scrollable {
  8888. margin: 0;
  8889. padding: 0;
  8890. }
  8891. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
  8892. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-scrollable {
  8893. margin-left: 0;
  8894. }
  8895. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  8896. height: 81px;
  8897. }
  8898. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  8899. height: 111px;
  8900. }
  8901. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  8902. height: 141px;
  8903. }
  8904. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
  8905. height: 51px;
  8906. }
  8907. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  8908. height: auto;
  8909. }
  8910. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  8911. display: none;
  8912. }
  8913. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
  8914. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child,
  8915. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child {
  8916. border-left: none;
  8917. }
  8918. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-scrollable-appointments {
  8919. top: 0;
  8920. }
  8921. .dx-scheduler-header-panel-cell {
  8922. position: relative;
  8923. border-left: 1px solid rgba(200, 200, 200, 0.6);
  8924. border-right: 1px solid rgba(200, 200, 200, 0.6);
  8925. color: #aeaeae;
  8926. padding: 0;
  8927. vertical-align: middle;
  8928. height: 40px;
  8929. text-align: center;
  8930. font-weight: normal;
  8931. overflow: hidden;
  8932. text-overflow: ellipsis;
  8933. white-space: nowrap;
  8934. }
  8935. .dx-scheduler-group-row:before,
  8936. .dx-scheduler-header-row:before,
  8937. .dx-scheduler-all-day-table-row:before {
  8938. content: "";
  8939. width: 100px;
  8940. display: table-cell;
  8941. }
  8942. .dx-scheduler-small .dx-scheduler-group-row:before,
  8943. .dx-scheduler-small .dx-scheduler-header-row:before,
  8944. .dx-scheduler-small .dx-scheduler-all-day-table-row:before {
  8945. width: 50px;
  8946. }
  8947. .dx-scheduler-all-day-panel {
  8948. width: 100%;
  8949. }
  8950. .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
  8951. border-bottom: 2px solid rgba(200, 200, 200, 0.6);
  8952. }
  8953. .dx-scheduler-all-day-title {
  8954. color: #aeaeae;
  8955. width: 100px;
  8956. height: 75px;
  8957. position: absolute;
  8958. line-height: 75px;
  8959. text-align: center;
  8960. border-bottom: 2px solid rgba(200, 200, 200, 0.6);
  8961. -webkit-user-select: none;
  8962. -moz-user-select: none;
  8963. -ms-user-select: none;
  8964. user-select: none;
  8965. -webkit-touch-callout: none;
  8966. }
  8967. .dx-scheduler-small .dx-scheduler-all-day-title {
  8968. width: 50px;
  8969. }
  8970. .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
  8971. height: 25px;
  8972. line-height: 25px;
  8973. }
  8974. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-title {
  8975. height: 50px;
  8976. line-height: 50px;
  8977. }
  8978. .dx-scheduler-all-day-table {
  8979. border-spacing: 0;
  8980. table-layout: fixed;
  8981. width: 100%;
  8982. }
  8983. .dx-scheduler-all-day-table {
  8984. height: 75px;
  8985. }
  8986. .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
  8987. height: 25px;
  8988. }
  8989. .dx-scheduler-group-header {
  8990. height: 30px;
  8991. text-align: center;
  8992. }
  8993. .dx-scheduler-time-panel {
  8994. float: left;
  8995. width: 100px;
  8996. border-collapse: collapse;
  8997. font-size: 20px;
  8998. }
  8999. .dx-scheduler-small .dx-scheduler-time-panel {
  9000. width: 50px;
  9001. font-size: 14px;
  9002. }
  9003. .dx-scheduler-time-panel-cell {
  9004. color: #aeaeae;
  9005. position: relative;
  9006. width: 100%;
  9007. text-align: right;
  9008. vertical-align: top;
  9009. height: 50px;
  9010. padding-right: 20px;
  9011. border-bottom: 1px solid transparent;
  9012. }
  9013. .dx-scheduler-time-panel-cell > div {
  9014. margin-top: -13px;
  9015. }
  9016. .dx-scheduler-small .dx-scheduler-time-panel-cell {
  9017. padding-left: 0;
  9018. padding-right: 10px;
  9019. }
  9020. .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell > div {
  9021. margin-top: 0;
  9022. }
  9023. .dx-scheduler-time-panel-cell:after {
  9024. position: absolute;
  9025. bottom: -1px;
  9026. width: 10%;
  9027. height: 1px;
  9028. content: '';
  9029. right: 0;
  9030. background-color: rgba(200, 200, 200, 0.6);
  9031. }
  9032. .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell {
  9033. color: #007aff;
  9034. }
  9035. .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before {
  9036. position: absolute;
  9037. top: 0;
  9038. right: 0;
  9039. width: 2px;
  9040. height: inherit;
  9041. content: '';
  9042. background-color: #007aff;
  9043. }
  9044. .dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell:after {
  9045. display: none;
  9046. }
  9047. .dx-scheduler-date-table {
  9048. width: 100%;
  9049. border-spacing: 0;
  9050. table-layout: fixed;
  9051. float: left;
  9052. margin-left: -100px;
  9053. }
  9054. .dx-scheduler-small .dx-scheduler-date-table {
  9055. margin-left: -50px;
  9056. }
  9057. .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  9058. content: "";
  9059. width: 100px;
  9060. display: table-cell;
  9061. }
  9062. .dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  9063. width: 50px;
  9064. }
  9065. .dx-scheduler-date-table-cell {
  9066. border-left: 1px solid rgba(200, 200, 200, 0.6);
  9067. border-right: 1px solid rgba(200, 200, 200, 0.6);
  9068. height: 50px;
  9069. }
  9070. .dx-scheduler-all-day-table-cell.dx-state-active,
  9071. .dx-scheduler-date-table-cell.dx-state-active {
  9072. background-color: #aeaeae;
  9073. }
  9074. .dx-scheduler-all-day-table-cell.dx-state-hover,
  9075. .dx-scheduler-date-table-cell.dx-state-hover {
  9076. background-color: rgba(200, 200, 200, 0.6);
  9077. }
  9078. .dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused,
  9079. .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused {
  9080. background-color: #a9d9e2;
  9081. }
  9082. .dx-scheduler-all-day-table-cell.dx-state-focused,
  9083. .dx-scheduler-date-table-cell.dx-state-focused {
  9084. background-color: #a9d9e2;
  9085. opacity: 1;
  9086. }
  9087. .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
  9088. .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
  9089. -webkit-box-shadow: inset 0 0 0 1px #65bccd;
  9090. box-shadow: inset 0 0 0 1px #65bccd;
  9091. }
  9092. .dx-scheduler-date-table-droppable-cell {
  9093. background-color: #f5f5f5;
  9094. }
  9095. .dx-scheduler-scrollable-appointments {
  9096. position: absolute;
  9097. top: 0;
  9098. }
  9099. .dx-scheduler-appointment {
  9100. border-bottom: 1px solid transparent;
  9101. background-clip: padding-box;
  9102. position: absolute;
  9103. cursor: default;
  9104. -webkit-user-select: none;
  9105. -moz-user-select: none;
  9106. -ms-user-select: none;
  9107. user-select: none;
  9108. -webkit-touch-callout: none;
  9109. background-color: #65bccd;
  9110. color: #000;
  9111. -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
  9112. box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
  9113. left: 0;
  9114. min-width: 4px;
  9115. min-height: 4px;
  9116. }
  9117. .dx-scheduler-appointment.dx-state-active,
  9118. .dx-scheduler-appointment.dx-resizable-resizing {
  9119. -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
  9120. box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
  9121. }
  9122. .dx-scheduler-appointment.dx-state-focused {
  9123. -webkit-box-shadow: none;
  9124. box-shadow: none;
  9125. }
  9126. .dx-scheduler-appointment.dx-state-focused:before {
  9127. pointer-events: none;
  9128. content: "";
  9129. position: absolute;
  9130. top: 0;
  9131. left: 0;
  9132. right: 0;
  9133. bottom: 0;
  9134. }
  9135. .dx-scheduler-appointment.dx-state-focused:before {
  9136. background-color: rgba(0, 0, 0, 0.3);
  9137. opacity: 0.98;
  9138. }
  9139. .dx-scheduler-appointment.dx-state-hover {
  9140. -webkit-box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3);
  9141. box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3);
  9142. }
  9143. .dx-scheduler-appointment.dx-state-hover.dx-resizable {
  9144. -webkit-box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3);
  9145. box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3);
  9146. }
  9147. .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top {
  9148. height: 5px;
  9149. }
  9150. .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left {
  9151. width: 5px;
  9152. }
  9153. .dx-scheduler-appointment.dx-draggable-dragging {
  9154. -webkit-box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, 0.2), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
  9155. box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, 0.2), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
  9156. }
  9157. .dx-scheduler-appointment.dx-resizable-resizing,
  9158. .dx-scheduler-appointment.dx-draggable-dragging {
  9159. z-index: 1000;
  9160. opacity: 0.7;
  9161. }
  9162. .dx-scheduler-appointment .dx-resizable-handle-left {
  9163. left: -1px;
  9164. }
  9165. .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
  9166. position: absolute;
  9167. top: 3px;
  9168. right: 5px;
  9169. font: 14px/1 DXIcons;
  9170. }
  9171. .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
  9172. content: "\f00e";
  9173. }
  9174. .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
  9175. right: auto;
  9176. left: 3px;
  9177. font: 14px/1 DXIcons;
  9178. }
  9179. .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
  9180. content: "\f011";
  9181. }
  9182. .dx-scheduler-appointment.dx-scheduler-appointment-empty .dx-scheduler-appointment-reduced-icon,
  9183. .dx-scheduler-appointment.dx-scheduler-appointment-tail .dx-scheduler-appointment-reduced-icon {
  9184. display: none;
  9185. }
  9186. .dx-scheduler-appointment.dx-state-disabled {
  9187. cursor: default;
  9188. opacity: 0.6;
  9189. }
  9190. .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
  9191. .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
  9192. .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
  9193. padding-right: 40px;
  9194. }
  9195. .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced-icon,
  9196. .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced-icon,
  9197. .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced-icon {
  9198. top: 9px;
  9199. }
  9200. .dx-scheduler-work-space-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
  9201. .dx-scheduler-work-space-work-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
  9202. .dx-scheduler-work-space-day .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  9203. top: calc(35% - 3px);
  9204. right: 20px;
  9205. }
  9206. .dx-scheduler-timeline .dx-scheduler-appointment,
  9207. .dx-scheduler-work-space-month .dx-scheduler-appointment,
  9208. .dx-scheduler-all-day-appointment {
  9209. -webkit-box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
  9210. box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
  9211. }
  9212. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment,
  9213. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment,
  9214. .dx-rtl .dx-scheduler-all-day-appointment {
  9215. -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
  9216. box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
  9217. }
  9218. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
  9219. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active,
  9220. .dx-scheduler-all-day-appointment.dx-state-active,
  9221. .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
  9222. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
  9223. .dx-scheduler-all-day-appointment.dx-resizable-resizing {
  9224. -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
  9225. box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
  9226. }
  9227. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
  9228. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused,
  9229. .dx-scheduler-all-day-appointment.dx-state-focused {
  9230. -webkit-box-shadow: none;
  9231. box-shadow: none;
  9232. }
  9233. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
  9234. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
  9235. .dx-scheduler-all-day-appointment.dx-state-focused:before {
  9236. pointer-events: none;
  9237. content: "";
  9238. position: absolute;
  9239. top: 0;
  9240. left: 0;
  9241. right: 0;
  9242. bottom: 0;
  9243. }
  9244. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
  9245. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
  9246. .dx-scheduler-all-day-appointment.dx-state-focused:before {
  9247. background-color: rgba(0, 0, 0, 0.3);
  9248. opacity: 0.98;
  9249. }
  9250. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
  9251. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
  9252. .dx-scheduler-all-day-appointment.dx-state-hover {
  9253. -webkit-box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3);
  9254. box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3);
  9255. }
  9256. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  9257. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  9258. .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
  9259. -webkit-box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3), inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
  9260. box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3), inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
  9261. }
  9262. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
  9263. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
  9264. .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover {
  9265. -webkit-box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3);
  9266. box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3);
  9267. }
  9268. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  9269. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  9270. .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
  9271. -webkit-box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
  9272. box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
  9273. }
  9274. .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
  9275. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging,
  9276. .dx-scheduler-all-day-appointment.dx-draggable-dragging {
  9277. -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3), 7px 7px 15px 0 rgba(50, 50, 50, 0.2);
  9278. box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3), 7px 7px 15px 0 rgba(50, 50, 50, 0.2);
  9279. }
  9280. .dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon {
  9281. position: absolute;
  9282. top: 15%;
  9283. }
  9284. .dx-scheduler-appointment.dx-scheduler-appointment-body,
  9285. .dx-scheduler-appointment.dx-scheduler-appointment-tail {
  9286. -webkit-box-shadow: none;
  9287. box-shadow: none;
  9288. }
  9289. .dx-scheduler-group-header-content div {
  9290. overflow: hidden;
  9291. text-overflow: ellipsis;
  9292. white-space: nowrap;
  9293. }
  9294. .dx-scheduler-appointment-recurrence-icon {
  9295. position: absolute;
  9296. background-repeat: no-repeat;
  9297. top: 3px;
  9298. right: 5px;
  9299. display: none;
  9300. }
  9301. .dx-scheduler-appointment-recurrence-icon.dx-icon-repeat {
  9302. font-size: 18px;
  9303. }
  9304. .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-recurrence-icon {
  9305. display: block;
  9306. }
  9307. .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  9308. padding: 5px 25px 5px 7px;
  9309. }
  9310. .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  9311. padding: 5px 7px 5px 25px;
  9312. }
  9313. .dx-scheduler-appointment-content {
  9314. padding: 5px 7px;
  9315. cursor: pointer;
  9316. height: 100%;
  9317. overflow: hidden;
  9318. text-overflow: ellipsis;
  9319. white-space: nowrap;
  9320. opacity: 0.99;
  9321. }
  9322. .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  9323. font-size: 12px;
  9324. }
  9325. .dx-scheduler-appointment-content > * {
  9326. overflow: hidden;
  9327. text-overflow: ellipsis;
  9328. white-space: nowrap;
  9329. }
  9330. .dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details,
  9331. .dx-scheduler-appointment-empty .dx-scheduler-appointment-title,
  9332. .dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon {
  9333. display: none;
  9334. }
  9335. .dx-scheduler-appointment-content-details {
  9336. font-size: 11px;
  9337. white-space: pre;
  9338. overflow: hidden;
  9339. }
  9340. .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content-details,
  9341. .dx-scheduler-work-space-month .dx-scheduler-appointment-content-details {
  9342. display: none;
  9343. }
  9344. .dx-scheduler-appointment-content-date {
  9345. opacity: 0.7;
  9346. display: inline-block;
  9347. overflow: hidden;
  9348. text-overflow: ellipsis;
  9349. white-space: nowrap;
  9350. }
  9351. .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch,
  9352. .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox {
  9353. margin: 0;
  9354. }
  9355. .dx-scheduler-appointment-popup .dx-field-item-label-location-left {
  9356. padding-right: 20px;
  9357. }
  9358. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item {
  9359. padding-top: 13px;
  9360. }
  9361. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align.dx-flex-layout {
  9362. -webkit-box-align: start;
  9363. -webkit-align-items: start;
  9364. -ms-flex-align: start;
  9365. align-items: start;
  9366. }
  9367. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value,
  9368. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label {
  9369. float: none;
  9370. }
  9371. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value .dx-recurrence-numberbox-repeat-count,
  9372. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label .dx-recurrence-numberbox-repeat-count {
  9373. float: left;
  9374. }
  9375. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
  9376. padding-top: 7px;
  9377. }
  9378. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
  9379. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
  9380. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
  9381. position: absolute;
  9382. left: -90px;
  9383. padding-right: 10px;
  9384. }
  9385. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
  9386. position: relative;
  9387. left: -88px;
  9388. top: 13px;
  9389. }
  9390. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value {
  9391. display: inline-block;
  9392. }
  9393. .dx-scheduler-appointment-popup .dx-field {
  9394. min-height: 0;
  9395. }
  9396. .dx-scheduler-appointment-popup .dx-field-label {
  9397. width: auto;
  9398. }
  9399. .dx-scheduler-appointment-popup .dx-field-value {
  9400. padding-left: 0;
  9401. padding-right: 0;
  9402. }
  9403. .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox {
  9404. float: left;
  9405. }
  9406. .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
  9407. float: right;
  9408. }
  9409. .dx-scheduler-appointment-collector {
  9410. background-color: #65bccd;
  9411. color: #000;
  9412. }
  9413. .dx-scheduler-appointment-collector.dx-button,
  9414. .dx-scheduler-appointment-collector.dx-button.dx-state-hover,
  9415. .dx-scheduler-appointment-collector.dx-button.dx-state-active,
  9416. .dx-scheduler-appointment-collector.dx-button.dx-state-focused {
  9417. background-color: #65bccd;
  9418. color: #000;
  9419. border: none;
  9420. -webkit-box-shadow: none;
  9421. box-shadow: none;
  9422. }
  9423. .dx-scheduler-appointment-collector.dx-button .dx-button-content,
  9424. .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-button-content,
  9425. .dx-scheduler-appointment-collector.dx-button.dx-state-active .dx-button-content,
  9426. .dx-scheduler-appointment-collector.dx-button.dx-state-focused .dx-button-content {
  9427. line-height: inherit;
  9428. }
  9429. .dx-scheduler-appointment-collector.dx-button.dx-state-hover:before {
  9430. pointer-events: none;
  9431. content: "";
  9432. position: absolute;
  9433. top: 0;
  9434. left: 0;
  9435. right: 0;
  9436. bottom: 0;
  9437. background-color: rgba(0, 0, 0, 0.3);
  9438. opacity: 0.98;
  9439. }
  9440. .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-scheduler-appointment-collector-content {
  9441. color: #000;
  9442. opacity: 0.99;
  9443. }
  9444. .dx-scheduler-appointment-collector-compact .dx-scheduler-appointment-collector-content span:last-child {
  9445. padding-left: 0;
  9446. }
  9447. .dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
  9448. margin-top: 10px;
  9449. }
  9450. .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
  9451. .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9452. padding-bottom: 0;
  9453. margin-bottom: 0;
  9454. }
  9455. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9456. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9457. padding-bottom: 30px;
  9458. margin-bottom: -30px;
  9459. }
  9460. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9461. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9462. padding-bottom: 60px;
  9463. margin-bottom: -60px;
  9464. }
  9465. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9466. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9467. padding-bottom: 90px;
  9468. margin-bottom: -90px;
  9469. }
  9470. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  9471. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9472. padding-bottom: 75px;
  9473. margin-bottom: -75px;
  9474. }
  9475. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9476. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9477. padding-bottom: 105px;
  9478. margin-bottom: -105px;
  9479. }
  9480. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9481. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9482. padding-bottom: 135px;
  9483. margin-bottom: -135px;
  9484. }
  9485. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9486. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9487. padding-bottom: 165px;
  9488. margin-bottom: -165px;
  9489. }
  9490. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
  9491. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9492. padding-bottom: 25px;
  9493. margin-bottom: -25px;
  9494. }
  9495. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9496. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9497. padding-bottom: 55px;
  9498. margin-bottom: -55px;
  9499. }
  9500. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9501. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9502. padding-bottom: 85px;
  9503. margin-bottom: -85px;
  9504. }
  9505. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  9506. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  9507. padding-bottom: 115px;
  9508. margin-bottom: -115px;
  9509. }
  9510. .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  9511. padding-left: 100px;
  9512. width: 100%;
  9513. height: 0;
  9514. }
  9515. .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  9516. padding-left: 50px;
  9517. }
  9518. .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments.dx-rtl {
  9519. padding-left: 0;
  9520. padding-right: 50px;
  9521. }
  9522. .dx-scheduler-agenda .dx-scheduler-appointment {
  9523. position: relative;
  9524. -webkit-box-shadow: none;
  9525. box-shadow: none;
  9526. }
  9527. .dx-scheduler-agenda .dx-scheduler-time-panel {
  9528. margin-top: 0;
  9529. }
  9530. .dx-scheduler-agenda .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell {
  9531. padding-top: 0;
  9532. padding-bottom: 0;
  9533. }
  9534. .dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  9535. vertical-align: top;
  9536. }
  9537. .dx-scheduler-agenda .dx-scheduler-time-panel-cell:after {
  9538. display: none;
  9539. }
  9540. .dx-scheduler-agenda .dx-scheduler-group-table {
  9541. border-spacing: 0;
  9542. margin-top: 0;
  9543. height: 100%;
  9544. float: left;
  9545. }
  9546. .dx-scheduler-agenda .dx-scheduler-time-panel-cell,
  9547. .dx-scheduler-agenda .dx-scheduler-date-table-cell {
  9548. border: none;
  9549. }
  9550. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  9551. float: right;
  9552. }
  9553. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
  9554. display: none;
  9555. }
  9556. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:first-child .dx-scheduler-group-header-content:before {
  9557. border-bottom: none;
  9558. }
  9559. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-cell:after {
  9560. display: none;
  9561. }
  9562. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-last-row.dx-scheduler-date-table-row {
  9563. border-bottom: 1px solid rgba(200, 200, 200, 0.6);
  9564. }
  9565. .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  9566. margin-right: -80px;
  9567. }
  9568. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  9569. margin-left: -40px;
  9570. }
  9571. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  9572. margin-left: -80px;
  9573. }
  9574. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  9575. margin-left: -40px;
  9576. }
  9577. .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  9578. padding-left: 180px;
  9579. }
  9580. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  9581. padding-left: 90px;
  9582. }
  9583. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  9584. padding-left: 0;
  9585. padding-right: 180px;
  9586. }
  9587. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  9588. padding-right: 90px;
  9589. }
  9590. .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  9591. margin-right: -160px;
  9592. }
  9593. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  9594. margin-left: -80px;
  9595. }
  9596. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  9597. margin-left: -160px;
  9598. }
  9599. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  9600. margin-left: -80px;
  9601. }
  9602. .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  9603. padding-left: 260px;
  9604. }
  9605. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  9606. padding-left: 130px;
  9607. }
  9608. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  9609. padding-left: 0;
  9610. padding-right: 260px;
  9611. }
  9612. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  9613. padding-right: 130px;
  9614. }
  9615. .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  9616. margin-right: -240px;
  9617. }
  9618. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  9619. margin-left: -120px;
  9620. }
  9621. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  9622. margin-left: -240px;
  9623. }
  9624. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  9625. margin-left: -120px;
  9626. }
  9627. .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  9628. padding-left: 340px;
  9629. }
  9630. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  9631. padding-left: 170px;
  9632. }
  9633. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  9634. padding-left: 0;
  9635. padding-right: 340px;
  9636. }
  9637. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  9638. padding-right: 170px;
  9639. }
  9640. .dx-scheduler-agenda .dx-scheduler-group-header {
  9641. vertical-align: top;
  9642. width: 80px;
  9643. border-top: none;
  9644. border-left: none;
  9645. border-right: none;
  9646. font-size: 18px;
  9647. font-weight: normal;
  9648. padding: 0;
  9649. }
  9650. .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header {
  9651. width: 40px;
  9652. font-size: 14px;
  9653. }
  9654. .dx-scheduler-agenda .dx-scheduler-group-header[rowspan='2'],
  9655. .dx-scheduler-agenda .dx-scheduler-group-header[rowspan='3'] {
  9656. font-weight: bold;
  9657. }
  9658. .dx-scheduler-agenda .dx-scheduler-group-header-content {
  9659. width: 80px;
  9660. overflow: hidden;
  9661. }
  9662. .dx-scheduler-agenda .dx-scheduler-group-header-content:before {
  9663. content: "";
  9664. display: block;
  9665. height: 1px;
  9666. width: 100%;
  9667. border-bottom: 1px solid rgba(200, 200, 200, 0.6);
  9668. }
  9669. .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header-content {
  9670. width: 38px;
  9671. }
  9672. .dx-scheduler-agenda .dx-scheduler-group-header-content div {
  9673. white-space: normal;
  9674. }
  9675. .dx-scheduler-agenda .dx-scheduler-appointment-content {
  9676. font-size: 16px;
  9677. }
  9678. .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date,
  9679. .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday {
  9680. opacity: 1;
  9681. font-weight: bold;
  9682. font-size: 13px;
  9683. margin-top: 4px;
  9684. }
  9685. .dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
  9686. display: inline-block;
  9687. overflow: hidden;
  9688. text-overflow: ellipsis;
  9689. white-space: nowrap;
  9690. padding-right: 5px;
  9691. }
  9692. .dx-rtl .dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
  9693. padding-right: 0;
  9694. padding-left: 5px;
  9695. }
  9696. .dx-scheduler-agenda-nodata {
  9697. text-align: center;
  9698. font-size: 20px;
  9699. opacity: 0.5;
  9700. position: absolute;
  9701. top: 45%;
  9702. left: 0;
  9703. right: 0;
  9704. }
  9705. .dx-timezone-editor {
  9706. overflow: hidden;
  9707. }
  9708. .dx-timezone-editor .dx-timezone-display-name {
  9709. float: left;
  9710. width: 75%;
  9711. }
  9712. .dx-timezone-editor .dx-timezone-iana-id {
  9713. float: right;
  9714. width: 23%;
  9715. }
  9716. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  9717. padding-bottom: 90px;
  9718. margin-bottom: 90px;
  9719. }
  9720. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  9721. padding-bottom: 130px;
  9722. margin-bottom: 130px;
  9723. }
  9724. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  9725. padding-bottom: 170px;
  9726. margin-bottom: 170px;
  9727. }
  9728. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
  9729. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
  9730. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  9731. padding-bottom: 130px;
  9732. margin-bottom: 130px;
  9733. }
  9734. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
  9735. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
  9736. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  9737. padding-bottom: 170px;
  9738. margin-bottom: 170px;
  9739. }
  9740. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
  9741. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
  9742. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  9743. padding-bottom: 210px;
  9744. margin-bottom: 210px;
  9745. }
  9746. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
  9747. display: none;
  9748. }
  9749. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  9750. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
  9751. margin-left: 0 !important;
  9752. }
  9753. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content {
  9754. height: 40px;
  9755. }
  9756. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-panel {
  9757. display: -webkit-box;
  9758. display: -webkit-flex;
  9759. display: -ms-flexbox;
  9760. display: flex;
  9761. -webkit-box-orient: horizontal;
  9762. -webkit-box-direction: normal;
  9763. -webkit-flex-flow: row nowrap;
  9764. -ms-flex-flow: row nowrap;
  9765. flex-flow: row nowrap;
  9766. }
  9767. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-row,
  9768. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-row {
  9769. display: -webkit-box;
  9770. display: -webkit-flex;
  9771. display: -ms-flexbox;
  9772. display: flex;
  9773. -webkit-box-orient: horizontal;
  9774. -webkit-box-direction: normal;
  9775. -webkit-flex-flow: row nowrap;
  9776. -ms-flex-flow: row nowrap;
  9777. flex-flow: row nowrap;
  9778. }
  9779. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
  9780. -webkit-box-flex: 1;
  9781. -webkit-flex-grow: 1;
  9782. -ms-flex-positive: 1;
  9783. flex-grow: 1;
  9784. -webkit-flex-basis: 0;
  9785. -ms-flex-preferred-size: 0;
  9786. flex-basis: 0;
  9787. display: -webkit-box;
  9788. display: -webkit-flex;
  9789. display: -ms-flexbox;
  9790. display: flex;
  9791. -webkit-box-orient: horizontal;
  9792. -webkit-box-direction: normal;
  9793. -webkit-flex-flow: row nowrap;
  9794. -ms-flex-flow: row nowrap;
  9795. flex-flow: row nowrap;
  9796. }
  9797. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
  9798. -webkit-flex-basis: auto;
  9799. -ms-flex-preferred-size: auto;
  9800. flex-basis: auto;
  9801. }
  9802. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline:not(.dx-scheduler-work-space-group-by-date) .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
  9803. border-right: none;
  9804. }
  9805. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  9806. height: auto;
  9807. }
  9808. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table {
  9809. width: 100px;
  9810. }
  9811. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
  9812. width: 100%;
  9813. }
  9814. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
  9815. margin-left: -200px;
  9816. }
  9817. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
  9818. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
  9819. width: 200px;
  9820. }
  9821. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
  9822. margin-right: -200px;
  9823. margin-left: 0;
  9824. }
  9825. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  9826. width: 200px;
  9827. }
  9828. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
  9829. left: 200px;
  9830. }
  9831. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
  9832. right: 200px;
  9833. left: 0;
  9834. }
  9835. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  9836. margin-left: 0;
  9837. }
  9838. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  9839. margin-left: 201px;
  9840. }
  9841. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
  9842. left: 201px;
  9843. }
  9844. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  9845. margin: 0 0 0 201px;
  9846. }
  9847. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  9848. margin-left: 0;
  9849. margin-right: 201px;
  9850. }
  9851. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  9852. margin-right: 0;
  9853. }
  9854. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
  9855. margin: 0 201px 0 0;
  9856. }
  9857. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
  9858. left: 0;
  9859. right: 201px;
  9860. }
  9861. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  9862. width: 100px;
  9863. }
  9864. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  9865. margin-left: 100px;
  9866. }
  9867. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  9868. margin: 0 0 0 100px;
  9869. }
  9870. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  9871. margin-left: 0;
  9872. }
  9873. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  9874. margin-right: 0;
  9875. margin-left: 0;
  9876. }
  9877. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  9878. left: 100px;
  9879. }
  9880. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  9881. right: 100px;
  9882. left: 0;
  9883. }
  9884. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
  9885. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  9886. width: 100px;
  9887. }
  9888. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table {
  9889. width: 150px;
  9890. }
  9891. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
  9892. width: 100%;
  9893. }
  9894. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
  9895. margin-left: -250px;
  9896. }
  9897. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
  9898. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
  9899. width: 250px;
  9900. }
  9901. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
  9902. margin-right: -250px;
  9903. margin-left: 0;
  9904. }
  9905. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  9906. width: 250px;
  9907. }
  9908. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
  9909. left: 250px;
  9910. }
  9911. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
  9912. right: 250px;
  9913. left: 0;
  9914. }
  9915. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  9916. margin-left: 0;
  9917. }
  9918. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  9919. margin-left: 251px;
  9920. }
  9921. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
  9922. left: 251px;
  9923. }
  9924. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  9925. margin: 0 0 0 251px;
  9926. }
  9927. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  9928. margin-left: 0;
  9929. margin-right: 251px;
  9930. }
  9931. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  9932. margin-right: 0;
  9933. }
  9934. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
  9935. margin: 0 251px 0 0;
  9936. }
  9937. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
  9938. left: 0;
  9939. right: 251px;
  9940. }
  9941. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  9942. width: 150px;
  9943. }
  9944. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  9945. margin-left: 150px;
  9946. }
  9947. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  9948. margin: 0 0 0 150px;
  9949. }
  9950. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  9951. margin-left: 0;
  9952. }
  9953. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  9954. margin-right: 0;
  9955. margin-left: 0;
  9956. }
  9957. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  9958. left: 150px;
  9959. }
  9960. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  9961. right: 150px;
  9962. left: 0;
  9963. }
  9964. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
  9965. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  9966. width: 150px;
  9967. }
  9968. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table {
  9969. width: 200px;
  9970. }
  9971. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
  9972. width: 100%;
  9973. }
  9974. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
  9975. margin-left: -300px;
  9976. }
  9977. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
  9978. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
  9979. width: 300px;
  9980. }
  9981. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
  9982. margin-right: -300px;
  9983. margin-left: 0;
  9984. }
  9985. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  9986. width: 300px;
  9987. }
  9988. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
  9989. left: 300px;
  9990. }
  9991. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
  9992. right: 300px;
  9993. left: 0;
  9994. }
  9995. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  9996. margin-left: 0;
  9997. }
  9998. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  9999. margin-left: 301px;
  10000. }
  10001. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
  10002. left: 301px;
  10003. }
  10004. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  10005. margin: 0 0 0 301px;
  10006. }
  10007. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  10008. margin-left: 0;
  10009. margin-right: 301px;
  10010. }
  10011. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  10012. margin-right: 0;
  10013. }
  10014. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
  10015. margin: 0 301px 0 0;
  10016. }
  10017. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
  10018. left: 0;
  10019. right: 301px;
  10020. }
  10021. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  10022. width: 200px;
  10023. }
  10024. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  10025. margin-left: 200px;
  10026. }
  10027. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  10028. margin: 0 0 0 200px;
  10029. }
  10030. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  10031. margin-left: 0;
  10032. }
  10033. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  10034. margin-right: 0;
  10035. margin-left: 0;
  10036. }
  10037. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  10038. left: 200px;
  10039. }
  10040. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  10041. right: 200px;
  10042. left: 0;
  10043. }
  10044. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
  10045. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  10046. width: 200px;
  10047. }
  10048. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table {
  10049. float: left;
  10050. height: 100%;
  10051. min-height: 100px;
  10052. border-right: 1px solid rgba(200, 200, 200, 0.6);
  10053. border-top: 1px solid rgba(200, 200, 200, 0.6);
  10054. border-spacing: 0;
  10055. display: -webkit-box;
  10056. display: -webkit-flex;
  10057. display: -ms-flexbox;
  10058. display: flex;
  10059. -webkit-box-orient: vertical;
  10060. -webkit-box-direction: normal;
  10061. -webkit-flex-flow: column nowrap;
  10062. -ms-flex-flow: column nowrap;
  10063. flex-flow: column nowrap;
  10064. }
  10065. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table tbody {
  10066. height: 100%;
  10067. display: -webkit-box;
  10068. display: -webkit-flex;
  10069. display: -ms-flexbox;
  10070. display: flex;
  10071. -webkit-box-orient: vertical;
  10072. -webkit-box-direction: normal;
  10073. -webkit-flex-flow: column nowrap;
  10074. -ms-flex-flow: column nowrap;
  10075. flex-flow: column nowrap;
  10076. }
  10077. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row {
  10078. display: -webkit-box;
  10079. display: -webkit-flex;
  10080. display: -ms-flexbox;
  10081. display: flex;
  10082. -webkit-box-orient: horizontal;
  10083. -webkit-box-direction: normal;
  10084. -webkit-flex-flow: row nowrap;
  10085. -ms-flex-flow: row nowrap;
  10086. flex-flow: row nowrap;
  10087. -webkit-box-flex: 1;
  10088. -webkit-flex: 1;
  10089. -ms-flex: 1;
  10090. flex: 1;
  10091. }
  10092. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row:before {
  10093. display: none;
  10094. }
  10095. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header {
  10096. display: -webkit-box;
  10097. display: -webkit-flex;
  10098. display: -ms-flexbox;
  10099. display: flex;
  10100. -webkit-box-orient: horizontal;
  10101. -webkit-box-direction: normal;
  10102. -webkit-flex-flow: row nowrap;
  10103. -ms-flex-flow: row nowrap;
  10104. flex-flow: row nowrap;
  10105. -webkit-box-flex: 1;
  10106. -webkit-flex: 1 1 auto;
  10107. -ms-flex: 1 1 auto;
  10108. flex: 1 1 auto;
  10109. height: auto;
  10110. text-align: center;
  10111. border-bottom: 2px solid rgba(200, 200, 200, 0.6);
  10112. padding: 0;
  10113. overflow: hidden;
  10114. width: 100%;
  10115. border-right: none;
  10116. }
  10117. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'],
  10118. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] {
  10119. border-bottom: none;
  10120. }
  10121. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div,
  10122. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div {
  10123. margin-top: 200%;
  10124. }
  10125. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header-content {
  10126. padding-top: 16px;
  10127. overflow: visible;
  10128. -webkit-box-flex: 1;
  10129. -webkit-flex-grow: 1;
  10130. -ms-flex-positive: 1;
  10131. flex-grow: 1;
  10132. }
  10133. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header-content div {
  10134. white-space: normal;
  10135. line-height: normal;
  10136. }
  10137. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
  10138. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
  10139. font-weight: normal;
  10140. text-align: left;
  10141. }
  10142. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:only-child,
  10143. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:only-child {
  10144. position: relative;
  10145. left: 75px;
  10146. width: 75px;
  10147. }
  10148. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-title,
  10149. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
  10150. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
  10151. top: 0;
  10152. position: relative;
  10153. height: 50px !important;
  10154. line-height: 50px !important;
  10155. border-bottom: none;
  10156. border-right: none;
  10157. }
  10158. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
  10159. border-top: 1px solid rgba(200, 200, 200, 0.6);
  10160. }
  10161. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel {
  10162. display: table-cell;
  10163. position: relative;
  10164. }
  10165. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
  10166. content: "";
  10167. width: 100px;
  10168. display: table-cell;
  10169. }
  10170. .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
  10171. width: 50px;
  10172. }
  10173. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-row {
  10174. height: 50px;
  10175. }
  10176. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell {
  10177. border-top: 1px solid rgba(200, 200, 200, 0.6);
  10178. }
  10179. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell > div {
  10180. margin-top: 0;
  10181. }
  10182. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-last-group-cell {
  10183. border-bottom: none;
  10184. -webkit-box-shadow: inset 0 -1px 0 rgba(200, 200, 200, 0.6);
  10185. box-shadow: inset 0 -1px 0 rgba(200, 200, 200, 0.6);
  10186. }
  10187. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
  10188. border-bottom: 2px solid rgba(200, 200, 200, 0.6);
  10189. }
  10190. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  10191. height: 81px;
  10192. }
  10193. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  10194. height: 111px;
  10195. }
  10196. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  10197. height: 141px;
  10198. }
  10199. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
  10200. height: 51px;
  10201. }
  10202. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  10203. height: auto;
  10204. }
  10205. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  10206. display: block;
  10207. float: left;
  10208. }
  10209. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  10210. display: none;
  10211. }
  10212. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  10213. left: 101px;
  10214. }
  10215. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-group-header {
  10216. -webkit-box-shadow: 0 -2px 0 rgba(200, 200, 200, 0.6);
  10217. box-shadow: 0 -2px 0 rgba(200, 200, 200, 0.6);
  10218. border-bottom: none;
  10219. }
  10220. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  10221. height: 75px;
  10222. }
  10223. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  10224. border-bottom: none;
  10225. }
  10226. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row:before {
  10227. display: none;
  10228. }
  10229. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable,
  10230. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  10231. border-top: 1px solid rgba(200, 200, 200, 0.6);
  10232. }
  10233. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-date-table-scrollable,
  10234. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-date-table-scrollable,
  10235. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
  10236. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-sidebar-scrollable,
  10237. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-sidebar-scrollable,
  10238. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  10239. padding-bottom: 50px;
  10240. margin-bottom: -50px;
  10241. }
  10242. .dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-date-table-scrollable {
  10243. padding-bottom: 50px;
  10244. margin-bottom: -50px;
  10245. }
  10246. .dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-sidebar-scrollable {
  10247. padding-bottom: 50px;
  10248. margin-bottom: -50px;
  10249. }
  10250. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-day .dx-scheduler-date-table-scrollable {
  10251. padding-bottom: 0;
  10252. margin-bottom: 0;
  10253. }
  10254. .dx-rtl .dx-scheduler-work-space-vertical-group-table {
  10255. border-right: none;
  10256. border-left: 1px solid rgba(200, 200, 200, 0.6);
  10257. }
  10258. .dx-rtl .dx-scheduler-date-time-shader-all-day {
  10259. margin-left: 0;
  10260. margin-right: 100px;
  10261. }
  10262. .dx-rtl .dx-scheduler-navigator {
  10263. float: right;
  10264. padding-left: 0;
  10265. padding-right: 10px;
  10266. }
  10267. .dx-device-mobile .dx-rtl .dx-scheduler-navigator {
  10268. padding-right: 5px;
  10269. }
  10270. .dx-rtl .dx-scheduler-view-switcher.dx-tabs {
  10271. float: left;
  10272. }
  10273. .dx-rtl .dx-scheduler-view-switcher.dx-dropdownmenu {
  10274. left: 10px;
  10275. right: auto;
  10276. }
  10277. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table {
  10278. margin-right: 0;
  10279. }
  10280. .dx-rtl .dx-scheduler-header-panel {
  10281. left: 0;
  10282. right: inherit;
  10283. }
  10284. .dx-rtl .dx-scheduler-all-day-panel table {
  10285. margin-left: 0;
  10286. }
  10287. .dx-rtl .dx-scheduler-work-space-vertical-group-table,
  10288. .dx-rtl .dx-scheduler-time-panel {
  10289. float: right;
  10290. }
  10291. .dx-rtl .dx-scheduler-time-panel-cell {
  10292. text-align: left;
  10293. padding-left: 20px;
  10294. padding-right: 0;
  10295. }
  10296. .dx-rtl .dx-scheduler-time-panel-cell:after {
  10297. right: auto;
  10298. left: 0;
  10299. }
  10300. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell,
  10301. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  10302. border-right: 1px solid rgba(200, 200, 200, 0.6);
  10303. }
  10304. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child,
  10305. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child {
  10306. border-right: none;
  10307. }
  10308. .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table {
  10309. float: right;
  10310. margin-left: 0;
  10311. margin-right: -100px;
  10312. }
  10313. .dx-scheduler-small .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table {
  10314. margin-right: -50px;
  10315. }
  10316. .dx-rtl .dx-scheduler-appointment-recurrence-icon {
  10317. left: 20px;
  10318. right: auto;
  10319. }
  10320. .dx-rtl .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  10321. left: 20px;
  10322. right: auto;
  10323. }
  10324. .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell,
  10325. .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell {
  10326. border-right: 1px solid rgba(200, 200, 200, 0.6);
  10327. border-left: none;
  10328. }
  10329. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
  10330. border-left: 1px solid rgba(200, 200, 200, 0.6);
  10331. border-right: none;
  10332. }
  10333. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  10334. right: 0;
  10335. border-left: 1px solid rgba(200, 200, 200, 0.6);
  10336. border-right: none;
  10337. }
  10338. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  10339. margin-right: 0;
  10340. }
  10341. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
  10342. float: right;
  10343. }
  10344. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  10345. margin-right: 100px;
  10346. margin-left: auto;
  10347. }
  10348. .dx-scheduler-small .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  10349. margin-right: 50px;
  10350. }
  10351. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
  10352. border-left: 1px solid rgba(200, 200, 200, 0.6);
  10353. border-right: none;
  10354. }
  10355. .dx-rtl.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  10356. margin-right: 0;
  10357. }
  10358. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
  10359. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child,
  10360. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child {
  10361. border-right: none;
  10362. }
  10363. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  10364. float: right;
  10365. }
  10366. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  10367. right: 0;
  10368. border-left: 1px solid rgba(200, 200, 200, 0.6);
  10369. border-right: none;
  10370. }
  10371. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
  10372. border-left: 1px solid rgba(200, 200, 200, 0.6);
  10373. border-right: none;
  10374. }
  10375. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  10376. margin-right: 0;
  10377. }
  10378. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-fixed-appointments {
  10379. left: 0;
  10380. }
  10381. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
  10382. padding: 0 5px 0 10px;
  10383. }
  10384. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
  10385. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
  10386. text-align: right;
  10387. }
  10388. .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
  10389. margin-left: 0;
  10390. }
  10391. .dx-scheduler-small .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
  10392. margin-right: 50px;
  10393. }
  10394. .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  10395. padding-right: 100px;
  10396. padding-left: 0;
  10397. }
  10398. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  10399. padding-right: 50px;
  10400. }
  10401. .dx-rtl .dx-scheduler-agenda .dx-scheduler-group-table {
  10402. float: right;
  10403. }
  10404. .dx-rtl .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  10405. float: left;
  10406. }
  10407. .dx-rtl .dx-timezone-editor .dx-timezone-display-name {
  10408. float: right;
  10409. }
  10410. .dx-rtl .dx-timezone-editor .dx-timezone-iana-id {
  10411. float: left;
  10412. }
  10413. .dx-scheduler-header {
  10414. height: 50px;
  10415. background-color: #f5f5f5;
  10416. border: 1px solid rgba(200, 200, 200, 0.6);
  10417. border-bottom: none;
  10418. }
  10419. .dx-scheduler-navigator {
  10420. height: 25px;
  10421. margin-top: 6.25px;
  10422. }
  10423. .dx-scheduler-work-space {
  10424. padding-top: 50px;
  10425. margin-top: -50px;
  10426. }
  10427. .dx-scheduler-view-switcher {
  10428. background-color: #f5f5f5;
  10429. padding: 5px 10px;
  10430. }
  10431. .dx-scheduler-view-switcher-label {
  10432. right: 60px;
  10433. margin-top: 12.5px;
  10434. }
  10435. .dx-rtl .dx-scheduler-view-switcher-label {
  10436. left: 60px;
  10437. right: auto;
  10438. }
  10439. .dx-scheduler-view-switcher-reduced {
  10440. padding: 0;
  10441. }
  10442. .dx-scheduler-view-switcher-reduced .dx-tabs-nav-button {
  10443. height: 50px;
  10444. }
  10445. .dx-scheduler-view-switcher-reduced .dx-tabs-nav-button .dx-button-content {
  10446. height: 100%;
  10447. }
  10448. .dx-scheduler-view-switcher-reduced.dx-tabs .dx-tab {
  10449. height: 50px;
  10450. }
  10451. .dx-scheduler-view-switcher-reduced .dx-tabs-scrollable,
  10452. .dx-scheduler-view-switcher-reduced .dx-tabs-wrapper {
  10453. height: 50px;
  10454. }
  10455. .dx-scheduler-all-day-title {
  10456. top: 50px;
  10457. }
  10458. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title {
  10459. top: 51px;
  10460. }
  10461. :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
  10462. top: 90px;
  10463. }
  10464. :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
  10465. top: -35px;
  10466. height: 34px;
  10467. }
  10468. :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
  10469. top: 120px;
  10470. }
  10471. :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
  10472. top: -65px;
  10473. height: 64px;
  10474. }
  10475. :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
  10476. top: 150px;
  10477. }
  10478. :not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
  10479. top: -95px;
  10480. height: 94px;
  10481. }
  10482. .dx-scheduler-work-space-week .dx-scheduler-all-day-title,
  10483. .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
  10484. top: 100px;
  10485. }
  10486. .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title,
  10487. .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
  10488. top: 130px;
  10489. }
  10490. .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before,
  10491. .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
  10492. top: -75px;
  10493. height: 74px;
  10494. }
  10495. .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title,
  10496. .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
  10497. top: 160px;
  10498. }
  10499. .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before,
  10500. .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
  10501. top: -105px;
  10502. height: 104px;
  10503. }
  10504. .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title,
  10505. .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
  10506. top: 190px;
  10507. }
  10508. .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before,
  10509. .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
  10510. top: -135px;
  10511. height: 134px;
  10512. }
  10513. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
  10514. background-color: #fff;
  10515. }
  10516. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  10517. background-color: #fff;
  10518. }
  10519. .dx-form-group-with-caption > .dx-form-group-content {
  10520. border-top: 1px solid #ececec;
  10521. }
  10522. .dx-field-item-label-text {
  10523. color: #000;
  10524. font-size: 14px;
  10525. }
  10526. .dx-field-item-help-text {
  10527. color: #000;
  10528. }
  10529. .dx-form-group-caption {
  10530. color: #6d6d72;
  10531. font-size: 18px;
  10532. }
  10533. .dx-field-item-required-mark {
  10534. color: #dd5739;
  10535. }
  10536. .dx-field-item-optional-mark {
  10537. color: #ccc;
  10538. }
  10539. .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
  10540. margin-top: 0;
  10541. margin-bottom: 0;
  10542. }
  10543. .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox {
  10544. margin-top: 3px;
  10545. margin-bottom: 4px;
  10546. }
  10547. .dx-filterbuilder .dx-filterbuilder-action-icon {
  10548. margin-bottom: 10px;
  10549. font-size: 16px;
  10550. }
  10551. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-group-operation,
  10552. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-field,
  10553. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-operation,
  10554. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-item-value-text {
  10555. padding: 7px 7px 5px 7px;
  10556. }
  10557. .dx-filterbuilder-overlay .dx-treeview-item {
  10558. padding: 8px 20px;
  10559. }
  10560. .dx-recurrence-radiogroup-repeat-type-label,
  10561. .dx-recurrence-repeat-end-label {
  10562. line-height: 35px;
  10563. }
  10564. .dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
  10565. border-bottom: 1px solid #c8c8c8;
  10566. }
  10567. .dx-diagram .dx-diagram-toolbar-wrapper:first-child {
  10568. border-bottom: 1px solid #c8c8c8;
  10569. }
  10570. .dx-diagram .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
  10571. .dx-diagram .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
  10572. font-size: 18px;
  10573. color: #017aff;
  10574. }
  10575. .dx-diagram.dx-diagram-fullscreen {
  10576. background-color: #fff;
  10577. }
  10578. .dx-diagram-i-connector-begin-none {
  10579. background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M1%2C15l9-9l1%2C1l-9%2C9L1%2C15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M12%2C10V5H0v12h12v-5h20v-2H12z%20M10%2C15H2V7h8V15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23017aff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  10580. width: 26.28px;
  10581. height: 18px;
  10582. }
  10583. .dx-diagram-i-connector-begin-arrow {
  10584. background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M12%2C12v4L0%2C11l12-5v4h20v2H12z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23017aff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  10585. width: 26.28px;
  10586. height: 18px;
  10587. }
  10588. .dx-diagram-i-connector-end-none {
  10589. background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M21%2C15l9-9l1%2C1l-9%2C9L21%2C15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M0%2C10l0%2C2h20v5h12V5H20v5H0z%20M22%2C7h8v8h-8V7z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23017aff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  10590. width: 26.28px;
  10591. height: 18px;
  10592. }
  10593. .dx-diagram-i-connector-end-arrow {
  10594. background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M0%2C12l0-2h20V6l12%2C5l-12%2C5v-4H0z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23017aff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  10595. width: 26.28px;
  10596. height: 18px;
  10597. }
  10598. .dx-diagram-i-connector-orthogonal {
  10599. background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M24%2C22v-8h3V5H8v3H0V0h8v3h19h2v2v9h3v8H24z%20M6%2C2H2v4h4V2z%20M30%2C16h-4v4h4V16z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23017aff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  10600. width: 26.28px;
  10601. height: 18px;
  10602. }
  10603. .dx-diagram-i-connector-straight {
  10604. background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M24%2C14v2.2L8%2C2.8V0H0v8h8V5.8l16%2C13.3V22h8v-8H24z%20M6%2C6H2V2h4V6z%20M30%2C20h-4v-4h4V20z%22%20fill%3D%22%23017aff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  10605. width: 26.28px;
  10606. height: 18px;
  10607. }
  10608. .dx-diagram-i-button-fill {
  10609. background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22_x32_%22%20d%3D%22M7.6%2C1L6.7%2C1.9l1.9%2C1.9L3%2C9.4L9.5%2C16L16%2C9.4L7.6%2C1z%20M5%2C9l4.5-4.5L14%2C9H5z%22%20fill%3D%22%23017aff%22%20%2F%3E%0A%3C%2Fsvg%3E%0A%0A");
  10610. width: 18px;
  10611. height: 21px;
  10612. }
  10613. .dx-diagram-i-button-fullscreen {
  10614. background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20points%3D%220%2C6%202%2C6%202%2C2%206%2C2%206%2C0%200%2C0%22%20fill%3D%22%23017aff%22%2F%3E%0A%3Cpolygon%20points%3D%222%2C12%200%2C12%200%2C18%206%2C18%206%2C16%202%2C16%22%20fill%3D%22%23017aff%22%2F%3E%0A%3Cpolygon%20points%3D%2212%2C0%2012%2C2%2016%2C2%2016%2C6%2018%2C6%2018%2C0%22%20fill%3D%22%23017aff%22%2F%3E%0A%3Cpolygon%20points%3D%2216%2C16%2012%2C16%2012%2C18%2018%2C18%2018%2C12%2016%2C12%22%20fill%3D%22%23017aff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  10615. width: 18px;
  10616. height: 18px;
  10617. }