dx.material.teal.dark.compact.css 590 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198141991420014201142021420314204142051420614207142081420914210142111421214213142141421514216142171421814219142201422114222142231422414225142261422714228142291423014231142321423314234142351423614237142381423914240142411424214243142441424514246142471424814249142501425114252142531425414255142561425714258142591426014261142621426314264142651426614267142681426914270142711427214273142741427514276142771427814279142801428114282142831428414285142861428714288142891429014291142921429314294142951429614297142981429914300143011430214303143041430514306143071430814309143101431114312143131431414315143161431714318143191432014321143221432314324143251432614327143281432914330143311433214333143341433514336143371433814339143401434114342143431434414345143461434714348143491435014351143521435314354143551435614357143581435914360143611436214363143641436514366143671436814369143701437114372143731437414375143761437714378143791438014381143821438314384143851438614387143881438914390143911439214393143941439514396143971439814399144001440114402144031440414405144061440714408144091441014411144121441314414144151441614417144181441914420144211442214423144241442514426144271442814429144301443114432144331443414435144361443714438144391444014441144421444314444144451444614447144481444914450144511445214453144541445514456144571445814459144601446114462144631446414465144661446714468144691447014471144721447314474144751447614477144781447914480144811448214483144841448514486144871448814489144901449114492144931449414495144961449714498144991450014501145021450314504145051450614507145081450914510145111451214513145141451514516145171451814519145201452114522145231452414525145261452714528145291453014531145321453314534145351453614537145381453914540145411454214543145441454514546145471454814549145501455114552145531455414555145561455714558145591456014561145621456314564145651456614567145681456914570145711457214573145741457514576145771457814579145801458114582145831458414585145861458714588145891459014591145921459314594145951459614597145981459914600146011460214603146041460514606146071460814609146101461114612146131461414615146161461714618146191462014621146221462314624146251462614627146281462914630146311463214633146341463514636146371463814639146401464114642146431464414645146461464714648146491465014651146521465314654146551465614657146581465914660146611466214663146641466514666146671466814669146701467114672146731467414675146761467714678146791468014681146821468314684146851468614687146881468914690146911469214693146941469514696146971469814699147001470114702147031470414705147061470714708147091471014711147121471314714147151471614717147181471914720147211472214723147241472514726147271472814729147301473114732147331473414735147361473714738147391474014741147421474314744147451474614747147481474914750147511475214753147541475514756147571475814759147601476114762147631476414765147661476714768147691477014771147721477314774147751477614777147781477914780147811478214783147841478514786147871478814789147901479114792147931479414795147961479714798147991480014801148021480314804148051480614807148081480914810148111481214813148141481514816148171481814819148201482114822148231482414825148261482714828148291483014831148321483314834148351483614837148381483914840148411484214843148441484514846148471484814849148501485114852148531485414855148561485714858148591486014861148621486314864148651486614867148681486914870148711487214873148741487514876148771487814879148801488114882148831488414885148861488714888148891489014891148921489314894148951489614897148981489914900149011490214903149041490514906149071490814909149101491114912149131491414915149161491714918149191492014921149221492314924149251492614927149281492914930149311493214933149341493514936149371493814939149401494114942149431494414945149461494714948149491495014951149521495314954149551495614957149581495914960149611496214963149641496514966149671496814969149701497114972149731497414975149761497714978149791498014981149821498314984149851498614987149881498914990149911499214993149941499514996149971499814999150001500115002150031500415005150061500715008150091501015011150121501315014150151501615017150181501915020150211502215023150241502515026150271502815029150301503115032150331503415035150361503715038150391504015041150421504315044150451504615047150481504915050150511505215053150541505515056150571505815059150601506115062150631506415065150661506715068150691507015071150721507315074150751507615077150781507915080150811508215083150841508515086150871508815089150901509115092150931509415095150961509715098150991510015101151021510315104151051510615107151081510915110151111511215113151141511515116151171511815119151201512115122151231512415125151261512715128151291513015131151321513315134151351513615137151381513915140151411514215143151441514515146151471514815149151501515115152151531515415155151561515715158151591516015161151621516315164151651516615167151681516915170151711517215173151741517515176151771517815179151801518115182151831518415185151861518715188151891519015191151921519315194151951519615197151981519915200152011520215203152041520515206152071520815209152101521115212152131521415215152161521715218152191522015221152221522315224152251522615227152281522915230152311523215233152341523515236152371523815239152401524115242152431524415245152461524715248152491525015251152521525315254152551525615257152581525915260152611526215263152641526515266152671526815269152701527115272152731527415275152761527715278152791528015281152821528315284152851528615287152881528915290152911529215293152941529515296152971529815299153001530115302153031530415305153061530715308153091531015311153121531315314153151531615317153181531915320153211532215323153241532515326153271532815329153301533115332153331533415335153361533715338153391534015341153421534315344153451534615347153481534915350153511535215353153541535515356153571535815359153601536115362153631536415365153661536715368153691537015371153721537315374153751537615377153781537915380153811538215383153841538515386153871538815389153901539115392153931539415395153961539715398153991540015401154021540315404154051540615407154081540915410154111541215413154141541515416154171541815419154201542115422154231542415425154261542715428154291543015431154321543315434154351543615437154381543915440154411544215443154441544515446154471544815449154501545115452154531545415455154561545715458154591546015461154621546315464154651546615467154681546915470154711547215473154741547515476154771547815479154801548115482154831548415485154861548715488154891549015491154921549315494154951549615497154981549915500155011550215503155041550515506155071550815509155101551115512155131551415515155161551715518155191552015521155221552315524155251552615527155281552915530155311553215533155341553515536155371553815539155401554115542155431554415545155461554715548155491555015551155521555315554155551555615557155581555915560155611556215563155641556515566155671556815569155701557115572155731557415575155761557715578155791558015581155821558315584155851558615587155881558915590155911559215593155941559515596155971559815599156001560115602156031560415605156061560715608156091561015611156121561315614156151561615617156181561915620156211562215623156241562515626156271562815629156301563115632156331563415635156361563715638156391564015641156421564315644156451564615647156481564915650156511565215653156541565515656156571565815659156601566115662156631566415665156661566715668156691567015671156721567315674156751567615677156781567915680156811568215683156841568515686156871568815689156901569115692156931569415695156961569715698156991570015701157021570315704157051570615707157081570915710157111571215713157141571515716157171571815719157201572115722157231572415725157261572715728157291573015731157321573315734157351573615737157381573915740157411574215743157441574515746157471574815749157501575115752157531575415755157561575715758157591576015761157621576315764157651576615767157681576915770157711577215773157741577515776157771577815779157801578115782157831578415785157861578715788157891579015791157921579315794157951579615797157981579915800158011580215803158041580515806158071580815809158101581115812158131581415815158161581715818158191582015821158221582315824158251582615827158281582915830158311583215833158341583515836158371583815839158401584115842158431584415845158461584715848158491585015851158521585315854158551585615857158581585915860158611586215863158641586515866158671586815869158701587115872158731587415875158761587715878158791588015881158821588315884158851588615887158881588915890158911589215893158941589515896158971589815899159001590115902159031590415905159061590715908159091591015911159121591315914159151591615917159181591915920159211592215923159241592515926159271592815929159301593115932159331593415935159361593715938159391594015941159421594315944159451594615947159481594915950159511595215953159541595515956159571595815959159601596115962159631596415965159661596715968159691597015971159721597315974159751597615977159781597915980159811598215983159841598515986159871598815989159901599115992159931599415995159961599715998159991600016001160021600316004160051600616007160081600916010160111601216013160141601516016160171601816019160201602116022160231602416025160261602716028160291603016031160321603316034160351603616037160381603916040160411604216043160441604516046160471604816049160501605116052160531605416055160561605716058160591606016061160621606316064160651606616067160681606916070160711607216073160741607516076160771607816079160801608116082160831608416085160861608716088160891609016091160921609316094160951609616097160981609916100161011610216103161041610516106161071610816109161101611116112161131611416115161161611716118161191612016121161221612316124161251612616127161281612916130161311613216133161341613516136161371613816139161401614116142161431614416145161461614716148161491615016151161521615316154161551615616157161581615916160161611616216163161641616516166161671616816169161701617116172161731617416175161761617716178161791618016181161821618316184161851618616187161881618916190161911619216193161941619516196161971619816199162001620116202162031620416205162061620716208162091621016211162121621316214162151621616217162181621916220162211622216223162241622516226162271622816229162301623116232162331623416235162361623716238162391624016241162421624316244162451624616247162481624916250162511625216253162541625516256162571625816259162601626116262162631626416265162661626716268162691627016271162721627316274162751627616277162781627916280162811628216283162841628516286162871628816289162901629116292162931629416295162961629716298162991630016301163021630316304163051630616307163081630916310163111631216313163141631516316163171631816319163201632116322163231632416325163261632716328163291633016331163321633316334163351633616337163381633916340163411634216343163441634516346163471634816349163501635116352163531635416355163561635716358163591636016361163621636316364163651636616367163681636916370163711637216373163741637516376163771637816379163801638116382163831638416385163861638716388163891639016391163921639316394163951639616397163981639916400164011640216403164041640516406164071640816409164101641116412164131641416415164161641716418164191642016421164221642316424164251642616427164281642916430164311643216433164341643516436164371643816439164401644116442164431644416445164461644716448164491645016451164521645316454164551645616457164581645916460164611646216463164641646516466164671646816469164701647116472164731647416475164761647716478164791648016481164821648316484164851648616487164881648916490164911649216493164941649516496164971649816499165001650116502165031650416505165061650716508165091651016511165121651316514165151651616517165181651916520165211652216523165241652516526165271652816529165301653116532165331653416535165361653716538165391654016541165421654316544165451654616547165481654916550165511655216553165541655516556165571655816559165601656116562165631656416565165661656716568165691657016571165721657316574165751657616577165781657916580165811658216583165841658516586165871658816589165901659116592165931659416595165961659716598165991660016601166021660316604
  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. @import "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700";
  10. .dx-colorview-palette-handle {
  11. background: radial-gradient(transparent 5px, rgba(255, 255, 255, 0.2) 6px, #363640 7px, #363640 12px, rgba(255, 255, 255, 0.2) 13px);
  12. -webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  13. box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  14. }
  15. .dx-colorview-hue-scale-handle {
  16. border: 1px solid rgba(255, 255, 255, 0.2);
  17. -webkit-box-shadow: inset -5px 0 0 3px #363640, inset 5px 0 0 3px #363640, inset -6px 0 1px 4px rgba(255, 255, 255, 0.2), inset 6px 0 1px 4px rgba(255, 255, 255, 0.2);
  18. box-shadow: inset -5px 0 0 3px #363640, inset 5px 0 0 3px #363640, inset -6px 0 1px 4px rgba(255, 255, 255, 0.2), inset 6px 0 1px 4px rgba(255, 255, 255, 0.2);
  19. }
  20. .dx-colorview-alpha-channel-handle {
  21. border: 1px solid rgba(255, 255, 255, 0.2);
  22. -webkit-box-shadow: inset 0 -5px 0 3px #363640, inset 0 5px 0 3px #363640, inset 0 -6px 1px 4px rgba(255, 255, 255, 0.2), inset 0 6px 1px 4px rgba(255, 255, 255, 0.2);
  23. box-shadow: inset 0 -5px 0 3px #363640, inset 0 5px 0 3px #363640, inset 0 -6px 1px 4px rgba(255, 255, 255, 0.2), inset 0 6px 1px 4px rgba(255, 255, 255, 0.2);
  24. }
  25. .dx-datagrid-borders > .dx-datagrid-headers,
  26. .dx-datagrid-borders > .dx-datagrid-rowsview,
  27. .dx-datagrid-borders > .dx-datagrid-total-footer {
  28. border-left: 1px solid #515159;
  29. border-right: 1px solid #515159;
  30. }
  31. .dx-datagrid-borders > .dx-datagrid-rowsview,
  32. .dx-datagrid-borders > .dx-datagrid-total-footer {
  33. border-bottom: 1px solid #515159;
  34. }
  35. .dx-datagrid-borders > .dx-datagrid-pager,
  36. .dx-datagrid-borders > .dx-datagrid-headers,
  37. .dx-datagrid-borders > .dx-datagrid-filter-panel {
  38. border-top: 1px solid #515159;
  39. }
  40. .dx-datagrid-borders > .dx-datagrid-filter-panel {
  41. border-top-width: 0;
  42. border-left: 1px solid #515159;
  43. border-right: 1px solid #515159;
  44. border-bottom: 1px solid #515159;
  45. }
  46. .dx-datagrid {
  47. color: #fff;
  48. background-color: #363640;
  49. }
  50. .dx-datagrid .dx-sort-up {
  51. font: 14px/1 DXIcons;
  52. }
  53. .dx-datagrid .dx-sort-up:before {
  54. content: "\f051";
  55. }
  56. .dx-datagrid .dx-sort-down {
  57. font: 14px/1 DXIcons;
  58. }
  59. .dx-datagrid .dx-sort-down:before {
  60. content: "\f052";
  61. }
  62. .dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item,
  63. .dx-datagrid .dx-datagrid-header-panel .dx-header-filter {
  64. outline: none;
  65. }
  66. .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus,
  67. .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
  68. outline: 2px solid #009688;
  69. outline-offset: -2px;
  70. }
  71. .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
  72. outline-offset: 2px;
  73. }
  74. .dx-datagrid .dx-datagrid-headers .dx-header-row > td,
  75. .dx-datagrid .dx-datagrid-headers .dx-header-filter {
  76. outline: none;
  77. }
  78. .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus,
  79. .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
  80. outline: 2px solid #009688;
  81. outline-offset: 2px;
  82. }
  83. .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
  84. outline-offset: -2px;
  85. }
  86. .dx-datagrid .dx-header-filter {
  87. position: relative;
  88. color: rgba(255, 255, 255, 0.6);
  89. font: 14px/1 DXIcons;
  90. }
  91. .dx-datagrid .dx-header-filter:before {
  92. content: "\f050";
  93. }
  94. .dx-datagrid .dx-header-filter-empty {
  95. color: rgba(255, 255, 255, 0.38);
  96. }
  97. .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
  98. width: 14px;
  99. height: 14px;
  100. background-position: 0px 0px;
  101. background-size: 14px 14px;
  102. padding: 0px;
  103. font-size: 14px;
  104. text-align: center;
  105. line-height: 14px;
  106. }
  107. .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
  108. background-color: #363640;
  109. }
  110. .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
  111. .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
  112. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
  113. .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
  114. .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
  115. border-left: 2px solid #515159;
  116. border-right: 2px solid #515159;
  117. }
  118. .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
  119. .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
  120. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
  121. .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
  122. .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
  123. border-left: none;
  124. }
  125. .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
  126. .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
  127. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
  128. .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
  129. .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
  130. border-right: none;
  131. }
  132. .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
  133. outline: 2px solid #009688;
  134. outline-offset: 2px;
  135. }
  136. .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
  137. outline-color: rgba(0, 0, 0, 0.87);
  138. outline-offset: 0;
  139. }
  140. .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
  141. background-color: #363640;
  142. }
  143. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td {
  144. position: relative;
  145. }
  146. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space):before {
  147. display: block;
  148. height: 100%;
  149. content: '';
  150. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC);
  151. background-repeat: no-repeat repeat;
  152. }
  153. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  154. -webkit-transform: scaleX(-1);
  155. transform: scaleX(-1);
  156. }
  157. .dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
  158. color: #fff;
  159. }
  160. .dx-datagrid .dx-error-row td {
  161. color: #ffffff;
  162. padding: 0;
  163. }
  164. .dx-datagrid .dx-error-row .dx-error-message {
  165. background-color: #a83e3a;
  166. white-space: normal;
  167. word-wrap: break-word;
  168. }
  169. .dx-datagrid .dx-column-lines > td:first-child {
  170. border-left: none;
  171. }
  172. .dx-datagrid .dx-column-lines > td:last-child {
  173. border-right: none;
  174. }
  175. .dx-datagrid-filter-panel {
  176. color: #fff;
  177. border-top: 1px solid #515159;
  178. }
  179. .dx-datagrid-filter-panel .dx-icon-filter,
  180. .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
  181. .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
  182. outline: none;
  183. }
  184. .dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus,
  185. .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus,
  186. .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus {
  187. outline: 2px solid #009688;
  188. outline-offset: 3px;
  189. }
  190. .dx-datagrid-form-buttons-container {
  191. float: right;
  192. }
  193. .dx-datagrid-form-buttons-container .dx-button {
  194. margin-left: 10px;
  195. margin-top: 10px;
  196. }
  197. .dx-datagrid-column-chooser {
  198. color: #fff;
  199. font-weight: normal;
  200. font-size: 13px;
  201. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  202. line-height: 1.2857;
  203. }
  204. .dx-datagrid-column-chooser input,
  205. .dx-datagrid-column-chooser textarea {
  206. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  207. line-height: 1.2857;
  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: #a83e3a;
  246. white-space: normal;
  247. word-wrap: break-word;
  248. color: #ffffff;
  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 #515159;
  257. border-right: 2px solid #515159;
  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 #515159;
  284. }
  285. .dx-rtl .dx-datagrid .dx-column-lines > td:last-child {
  286. border-left: none;
  287. border-right: 1px solid #515159;
  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(255, 255, 255, 0.08);
  303. }
  304. 50% {
  305. background-color: rgba(255, 255, 255, 0.08);
  306. }
  307. }
  308. @keyframes dx-datagrid-highlight-change {
  309. from {
  310. background-color: rgba(255, 255, 255, 0.08);
  311. }
  312. 50% {
  313. background-color: rgba(255, 255, 255, 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: rgba(255, 255, 255, 0.54);
  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: rgba(255, 255, 255, 0.6);
  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(255, 255, 255, 0.38);
  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(0, 150, 136, 0.5);
  376. }
  377. .dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
  378. background-color: #363640;
  379. margin-bottom: 4px;
  380. border: 1px solid #515159;
  381. padding: 7px 8px;
  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: rgba(23, 23, 27, 0.2);
  411. }
  412. .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area {
  413. color: #fff;
  414. font-weight: normal;
  415. font-size: 13px;
  416. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  417. line-height: 1.2857;
  418. }
  419. .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area input,
  420. .dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area textarea {
  421. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  422. line-height: 1.2857;
  423. }
  424. .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
  425. margin-left: -5px;
  426. padding-left: 5px;
  427. }
  428. .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  429. padding-left: 0;
  430. }
  431. .dx-pivotgrid .dx-filter-header .dx-area-field-container {
  432. border-spacing: 6px;
  433. border-collapse: separate;
  434. }
  435. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head td {
  436. padding: 2px;
  437. }
  438. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  439. padding-left: 2px;
  440. }
  441. .dx-pivotgrid .dx-area-field.dx-area-box {
  442. margin-bottom: 0;
  443. }
  444. .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
  445. border-top: 1px solid #515159;
  446. }
  447. .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td {
  448. border-top-width: 0;
  449. }
  450. .dx-pivotgrid .dx-expand-icon-container {
  451. margin-left: -5px;
  452. margin-right: 0;
  453. }
  454. .dx-pivotgrid .dx-area-row-cell,
  455. .dx-pivotgrid .dx-area-description-cell {
  456. border-right: 1px solid #515159;
  457. }
  458. .dx-pivotgrid .dx-area-description-cell {
  459. white-space: nowrap;
  460. }
  461. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
  462. margin: 1px;
  463. }
  464. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button:not(.dx-state-hover):not(.dx-state-active) {
  465. border-color: transparent;
  466. background-color: transparent;
  467. -webkit-box-shadow: none;
  468. box-shadow: none;
  469. }
  470. .dx-pivotgrid .dx-bottom-border,
  471. .dx-pivotgrid .dx-area-description-cell,
  472. .dx-pivotgrid .dx-area-column-cell {
  473. border-bottom: 1px solid #515159;
  474. }
  475. .dx-pivotgrid .dx-pivotgrid-area {
  476. -webkit-box-sizing: content-box;
  477. box-sizing: content-box;
  478. }
  479. .dx-pivotgrid .dx-pivotgrid-area td {
  480. color: rgba(255, 255, 255, 0.54);
  481. padding: 7px 8px;
  482. }
  483. .dx-pivotgrid .dx-pivotgrid-fields-area-head td {
  484. position: relative;
  485. border: none;
  486. padding: 8px 2px;
  487. }
  488. .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
  489. padding-left: 8px;
  490. }
  491. .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
  492. padding-right: 8px;
  493. }
  494. .dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
  495. white-space: nowrap;
  496. padding: 6px 0;
  497. border: 1px solid transparent;
  498. color: rgba(188, 188, 188, 0.3);
  499. }
  500. .dx-pivotgrid .dx-group-connector {
  501. position: absolute;
  502. width: 2px;
  503. top: 50%;
  504. height: 2px;
  505. margin-top: -1px;
  506. background-color: #515159;
  507. }
  508. .dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
  509. left: 0;
  510. }
  511. .dx-pivotgrid .dx-group-connector.dx-group-connector-next {
  512. right: 0;
  513. }
  514. .dx-pivotgrid .dx-virtual-content {
  515. display: none;
  516. }
  517. .dx-pivotgrid .dx-virtual-mode .dx-virtual-content {
  518. position: relative;
  519. overflow: hidden;
  520. display: block;
  521. }
  522. .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td {
  523. color: transparent;
  524. background-color: transparent !important;
  525. }
  526. .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td span {
  527. visibility: hidden;
  528. }
  529. .dx-pivotgrid .dx-virtual-mode table {
  530. position: absolute;
  531. }
  532. .dx-pivotgrid .dx-pivotgrid-area-data {
  533. position: relative;
  534. }
  535. .dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  536. text-align: right;
  537. color: #fff;
  538. white-space: nowrap;
  539. border-left: 1px solid #515159;
  540. }
  541. .dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
  542. border-left: 0;
  543. }
  544. .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total,
  545. .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal {
  546. border-top-width: 0;
  547. }
  548. .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border {
  549. border-top: 1px solid #515159;
  550. }
  551. .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
  552. border-right: 0;
  553. }
  554. .dx-pivotgrid .dx-pivotgrid-vertical-headers td {
  555. min-width: 50px;
  556. border-right: 1px solid #515159;
  557. }
  558. .dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td {
  559. border-top: 0;
  560. }
  561. .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-pivotgrid-fields-area-head td:last-child {
  562. border-right: 0;
  563. }
  564. .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total,
  565. .dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total {
  566. border-top: 1px solid #515159;
  567. border-bottom: 1px solid #515159;
  568. }
  569. .dx-pivotgrid .dx-area-tree-view .dx-total {
  570. border-bottom: none;
  571. }
  572. .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
  573. border-top: 1px solid transparent;
  574. background-color: rgba(23, 23, 27, 0.2);
  575. width: 24px;
  576. padding: 0;
  577. min-width: 24px;
  578. }
  579. .dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
  580. border-right: 1px solid #515159;
  581. }
  582. .dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
  583. text-align: center;
  584. border: 1px solid #515159;
  585. }
  586. .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded,
  587. .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed {
  588. text-align: left;
  589. }
  590. .dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
  591. border-left: 0;
  592. }
  593. .dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
  594. border-top: 0;
  595. }
  596. .dx-pivotgrid .dx-expand-icon-container {
  597. width: 14px;
  598. }
  599. .dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child {
  600. border-bottom: 0;
  601. }
  602. .dx-pivotgrid .dx-total,
  603. .dx-pivotgrid .dx-data-header,
  604. .dx-pivotgrid .dx-column-header,
  605. .dx-pivotgrid .dx-area-description-cell {
  606. background-color: rgba(23, 23, 27, 0.2);
  607. }
  608. .dx-pivotgrid .dx-grandtotal {
  609. background-color: #3f3f4b;
  610. }
  611. .dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
  612. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
  613. .dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
  614. .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
  615. border-left: 1px solid #515159;
  616. }
  617. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
  618. .dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
  619. .dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
  620. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header,
  621. .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
  622. border-right: 1px solid #515159;
  623. }
  624. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
  625. border-top: 1px solid #515159;
  626. }
  627. .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header td {
  628. display: inline-block;
  629. }
  630. .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell,
  631. .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
  632. border-bottom: 1px solid #515159;
  633. }
  634. .dx-pivotgrid .dx-icon-sorted {
  635. display: inline-block;
  636. margin-left: 5px;
  637. width: 14px;
  638. }
  639. .dx-pivotgrid .dx-menu-item .dx-icon {
  640. width: 16px;
  641. height: 16px;
  642. background-position: 0px 0px;
  643. background-size: 16px 16px;
  644. padding: 0px;
  645. font-size: 16px;
  646. text-align: center;
  647. line-height: 16px;
  648. }
  649. .dx-pivotgrid .dx-popup-content {
  650. padding: 8px;
  651. }
  652. .dx-pivotgrid .dx-popup-content .dx-pivotgrid-fields-area-head td {
  653. padding: 0 2px;
  654. }
  655. .dx-pivotgridfieldchooser .dx-area-fields {
  656. overflow: hidden;
  657. }
  658. .dx-pivotgridfieldchooser .dx-treeview-item .dx-icon {
  659. margin-bottom: 1px;
  660. width: 16px;
  661. height: 16px;
  662. background-position: 0px 0px;
  663. background-size: 16px 16px;
  664. padding: 0px;
  665. font-size: 16px;
  666. text-align: center;
  667. line-height: 16px;
  668. }
  669. .dx-pivotgridfieldchooser .dx-treeview-search {
  670. margin: 5px;
  671. }
  672. .dx-pivotgridfieldchooser .dx-area-icon {
  673. display: inline-block;
  674. vertical-align: middle;
  675. width: 16px;
  676. height: 16px;
  677. }
  678. .dx-pivotgridfieldchooser .dx-area {
  679. padding: 5px;
  680. display: -webkit-box;
  681. display: -webkit-flex;
  682. display: -ms-flexbox;
  683. display: flex;
  684. -webkit-box-flex: 1;
  685. -webkit-flex-grow: 1;
  686. -ms-flex-positive: 1;
  687. flex-grow: 1;
  688. -webkit-box-orient: vertical;
  689. -webkit-box-direction: normal;
  690. -webkit-flex-direction: column;
  691. -ms-flex-direction: column;
  692. flex-direction: column;
  693. }
  694. .dx-pivotgridfieldchooser .dx-area > .dx-scrollable,
  695. .dx-pivotgridfieldchooser .dx-area > .dx-treeview,
  696. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable {
  697. display: -webkit-box;
  698. display: -webkit-flex;
  699. display: -ms-flexbox;
  700. display: flex;
  701. -webkit-box-flex: 1;
  702. -webkit-flex-grow: 1;
  703. -ms-flex-positive: 1;
  704. flex-grow: 1;
  705. -webkit-box-orient: vertical;
  706. -webkit-box-direction: normal;
  707. -webkit-flex-direction: column;
  708. -ms-flex-direction: column;
  709. flex-direction: column;
  710. height: 0;
  711. }
  712. .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper,
  713. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper,
  714. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper {
  715. display: -webkit-box;
  716. display: -webkit-flex;
  717. display: -ms-flexbox;
  718. display: flex;
  719. -webkit-box-flex: 1;
  720. -webkit-flex-grow: 1;
  721. -ms-flex-positive: 1;
  722. flex-grow: 1;
  723. -webkit-box-orient: vertical;
  724. -webkit-box-direction: normal;
  725. -webkit-flex-direction: column;
  726. -ms-flex-direction: column;
  727. flex-direction: column;
  728. height: 0;
  729. }
  730. .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
  731. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container,
  732. .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
  733. height: auto;
  734. }
  735. .dx-pivotgridfieldchooser .dx-area .dx-area-fields {
  736. margin-top: 3px;
  737. border: 1px solid #515159;
  738. display: -webkit-box;
  739. display: -webkit-flex;
  740. display: -ms-flexbox;
  741. display: flex;
  742. -webkit-box-orient: vertical;
  743. -webkit-box-direction: normal;
  744. -webkit-flex-direction: column;
  745. -ms-flex-direction: column;
  746. flex-direction: column;
  747. height: 0;
  748. }
  749. .dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption {
  750. -webkit-align-self: center;
  751. -ms-flex-item-align: center;
  752. align-self: center;
  753. }
  754. .dx-pivotgridfieldchooser .dx-area-fields[group] {
  755. padding: 5px;
  756. background-color: rgba(23, 23, 27, 0.2);
  757. display: -webkit-box;
  758. display: -webkit-flex;
  759. display: -ms-flexbox;
  760. display: flex;
  761. }
  762. .dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
  763. border-color: #009688;
  764. }
  765. .dx-pivotgridfieldchooser .dx-area-icon-all {
  766. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC) no-repeat center center;
  767. }
  768. .dx-pivotgridfieldchooser .dx-area-icon-filter {
  769. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==) no-repeat center center;
  770. }
  771. .dx-pivotgridfieldchooser .dx-area-icon-row {
  772. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=) no-repeat center center;
  773. }
  774. .dx-pivotgridfieldchooser .dx-area-icon-column {
  775. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=) no-repeat center center;
  776. }
  777. .dx-pivotgridfieldchooser .dx-area-icon-data {
  778. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center;
  779. }
  780. .dx-pivotgridfieldchooser .dx-icon-measure {
  781. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) no-repeat center center;
  782. }
  783. .dx-pivotgridfieldchooser .dx-icon-dimension {
  784. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==) no-repeat center center;
  785. }
  786. .dx-pivotgridfieldchooser .dx-icon-hierarchy {
  787. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==) no-repeat center center;
  788. }
  789. .dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
  790. margin-left: -3px;
  791. }
  792. .dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
  793. margin-left: 1px;
  794. }
  795. .dx-rtl .dx-pivotgrid-fields-container .dx-column-indicators {
  796. margin-left: 0;
  797. margin-right: 6px;
  798. }
  799. .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
  800. .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
  801. margin-right: 0;
  802. margin-left: 10px;
  803. float: left;
  804. }
  805. .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
  806. .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
  807. margin-right: 0;
  808. margin-left: 4px;
  809. }
  810. .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
  811. margin-left: 0;
  812. padding-left: 0;
  813. margin-right: -5px;
  814. padding-right: 5px;
  815. }
  816. .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  817. padding-left: 2px;
  818. padding-right: 0;
  819. }
  820. .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td {
  821. padding: 8px 2px;
  822. }
  823. .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
  824. padding-right: 8px;
  825. }
  826. .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
  827. padding-left: 8px;
  828. }
  829. .dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
  830. left: initial;
  831. right: 0;
  832. }
  833. .dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-next {
  834. right: initial;
  835. left: 0;
  836. }
  837. .dx-rtl.dx-pivotgrid .dx-area-row-cell,
  838. .dx-rtl.dx-pivotgrid .dx-area-description-cell {
  839. border-left: 1px solid #515159;
  840. border-right: 0;
  841. }
  842. .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  843. border-left: 0;
  844. border-right: 1px solid #515159;
  845. }
  846. .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
  847. border-left: 1px solid #515159;
  848. border-right: 0;
  849. }
  850. .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
  851. border-right: 0;
  852. border-left: 1px solid #515159;
  853. }
  854. .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
  855. border-left: 0;
  856. border-right: 0;
  857. }
  858. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
  859. border-right: 0;
  860. border-left: 1px solid #515159;
  861. }
  862. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area {
  863. border-left: 0;
  864. }
  865. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
  866. border-left: 1px solid #515159;
  867. border-right: 0;
  868. }
  869. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded,
  870. .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed {
  871. text-align: right;
  872. }
  873. .dx-rtl.dx-pivotgrid .dx-expand-icon-container {
  874. margin-left: 0;
  875. margin-right: -5px;
  876. }
  877. .dx-rtl.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand-icon-container {
  878. -webkit-transform: scaleX(-1);
  879. transform: scaleX(-1);
  880. }
  881. .dx-rtl.dx-pivotgrid .dx-icon-sorted {
  882. margin-left: 0;
  883. margin-right: 5px;
  884. }
  885. .dx-rtl.dx-pivotgrid .dx-pivotgridfieldchooser-container .dx-col {
  886. display: -webkit-box;
  887. display: -webkit-flex;
  888. display: -ms-flexbox;
  889. display: flex;
  890. }
  891. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
  892. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
  893. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
  894. border-right: 1px solid #515159;
  895. }
  896. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
  897. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
  898. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell {
  899. border-left: 1px solid #515159;
  900. }
  901. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header {
  902. border-right: none;
  903. }
  904. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell,
  905. .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header {
  906. border-left: none;
  907. }
  908. .dx-treelist-borders > .dx-treelist-headers,
  909. .dx-treelist-borders > .dx-treelist-rowsview,
  910. .dx-treelist-borders > .dx-treelist-total-footer {
  911. border-left: 1px solid #515159;
  912. border-right: 1px solid #515159;
  913. }
  914. .dx-treelist-borders > .dx-treelist-rowsview,
  915. .dx-treelist-borders > .dx-treelist-total-footer {
  916. border-bottom: 1px solid #515159;
  917. }
  918. .dx-treelist-borders > .dx-treelist-pager,
  919. .dx-treelist-borders > .dx-treelist-headers,
  920. .dx-treelist-borders > .dx-treelist-filter-panel {
  921. border-top: 1px solid #515159;
  922. }
  923. .dx-treelist-borders > .dx-treelist-filter-panel {
  924. border-top-width: 0;
  925. border-left: 1px solid #515159;
  926. border-right: 1px solid #515159;
  927. border-bottom: 1px solid #515159;
  928. }
  929. .dx-treelist .dx-column-lines > td:first-child {
  930. border-left: none;
  931. }
  932. .dx-treelist .dx-column-lines > td:last-child {
  933. border-right: none;
  934. }
  935. .dx-treelist-container {
  936. color: #fff;
  937. background-color: #363640;
  938. }
  939. .dx-treelist-container .dx-sort-up {
  940. font: 14px/1 DXIcons;
  941. }
  942. .dx-treelist-container .dx-sort-up:before {
  943. content: "\f051";
  944. }
  945. .dx-treelist-container .dx-sort-down {
  946. font: 14px/1 DXIcons;
  947. }
  948. .dx-treelist-container .dx-sort-down:before {
  949. content: "\f052";
  950. }
  951. .dx-treelist-container .dx-treelist-headers .dx-header-row > td,
  952. .dx-treelist-container .dx-treelist-headers .dx-header-filter {
  953. outline: none;
  954. }
  955. .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus,
  956. .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
  957. outline: 2px solid #009688;
  958. }
  959. .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
  960. outline-offset: -2px;
  961. }
  962. .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
  963. outline-offset: 2px;
  964. }
  965. .dx-treelist-container .dx-header-filter {
  966. position: relative;
  967. color: rgba(255, 255, 255, 0.6);
  968. font: 14px/1 DXIcons;
  969. }
  970. .dx-treelist-container .dx-header-filter:before {
  971. content: "\f050";
  972. }
  973. .dx-treelist-container .dx-header-filter-empty {
  974. color: rgba(255, 255, 255, 0.38);
  975. }
  976. .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon {
  977. width: 14px;
  978. height: 14px;
  979. background-position: 0px 0px;
  980. background-size: 14px 14px;
  981. padding: 0px;
  982. font-size: 14px;
  983. text-align: center;
  984. line-height: 14px;
  985. }
  986. .dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed {
  987. background-color: #363640;
  988. }
  989. .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
  990. .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
  991. .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
  992. .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
  993. .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
  994. border-left: 2px solid #515159;
  995. border-right: 2px solid #515159;
  996. }
  997. .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
  998. .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
  999. .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
  1000. .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
  1001. .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
  1002. border-left: none;
  1003. }
  1004. .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
  1005. .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
  1006. .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
  1007. .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
  1008. .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
  1009. border-right: none;
  1010. }
  1011. .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
  1012. outline: 2px solid #009688;
  1013. outline-offset: 2px;
  1014. }
  1015. .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
  1016. outline-color: rgba(0, 0, 0, 0.87);
  1017. outline-offset: 0;
  1018. }
  1019. .dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form {
  1020. background-color: #363640;
  1021. }
  1022. .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td {
  1023. position: relative;
  1024. }
  1025. .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
  1026. display: block;
  1027. height: 100%;
  1028. content: '';
  1029. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC);
  1030. background-repeat: no-repeat repeat;
  1031. }
  1032. .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  1033. -webkit-transform: scaleX(-1);
  1034. transform: scaleX(-1);
  1035. }
  1036. .dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
  1037. color: #fff;
  1038. }
  1039. .dx-treelist-container .dx-error-row td {
  1040. color: #ffffff;
  1041. padding: 0;
  1042. }
  1043. .dx-treelist-container .dx-error-row .dx-error-message {
  1044. background-color: #a83e3a;
  1045. white-space: normal;
  1046. word-wrap: break-word;
  1047. }
  1048. .dx-treelist-filter-panel {
  1049. color: #fff;
  1050. border-top: 1px solid #515159;
  1051. }
  1052. .dx-treelist-filter-panel .dx-icon-filter,
  1053. .dx-treelist-filter-panel .dx-treelist-filter-panel-text,
  1054. .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter {
  1055. outline: none;
  1056. }
  1057. .dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus,
  1058. .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus,
  1059. .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus {
  1060. outline: 2px solid #009688;
  1061. }
  1062. .dx-treelist-form-buttons-container {
  1063. float: right;
  1064. }
  1065. .dx-treelist-form-buttons-container .dx-button {
  1066. margin-left: 10px;
  1067. margin-top: 10px;
  1068. }
  1069. .dx-treelist-column-chooser {
  1070. color: #fff;
  1071. font-weight: normal;
  1072. font-size: 13px;
  1073. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  1074. line-height: 1.2857;
  1075. }
  1076. .dx-treelist-column-chooser input,
  1077. .dx-treelist-column-chooser textarea {
  1078. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  1079. line-height: 1.2857;
  1080. }
  1081. .dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx {
  1082. width: 16px;
  1083. height: 16px;
  1084. background-position: 0px 0px;
  1085. background-size: 16px 16px;
  1086. padding: 0px;
  1087. font-size: 16px;
  1088. text-align: center;
  1089. line-height: 16px;
  1090. }
  1091. .dx-treelist-adaptive-more {
  1092. cursor: pointer;
  1093. font: 14px/1 DXIcons;
  1094. width: 21px;
  1095. height: 21px;
  1096. background-position: 0px 0px;
  1097. background-size: 21px 21px;
  1098. padding: 0px;
  1099. font-size: 21px;
  1100. text-align: center;
  1101. line-height: 21px;
  1102. }
  1103. .dx-treelist-adaptive-more:before {
  1104. content: "\f06c";
  1105. }
  1106. .dx-treelist-edit-popup .dx-error-message {
  1107. background-color: #a83e3a;
  1108. white-space: normal;
  1109. word-wrap: break-word;
  1110. color: #ffffff;
  1111. margin-bottom: 20px;
  1112. }
  1113. .dx-rtl.dx-treelist .dx-column-lines > td:first-child {
  1114. border-right: none;
  1115. border-left: 1px solid #515159;
  1116. }
  1117. .dx-rtl.dx-treelist .dx-column-lines > td:last-child {
  1118. border-left: none;
  1119. border-right: 1px solid #515159;
  1120. }
  1121. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
  1122. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
  1123. .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
  1124. .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
  1125. .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none {
  1126. border-left: 2px solid #515159;
  1127. border-right: 2px solid #515159;
  1128. }
  1129. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
  1130. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
  1131. .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
  1132. .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
  1133. .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
  1134. border-right: none;
  1135. }
  1136. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
  1137. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
  1138. .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
  1139. .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
  1140. .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell {
  1141. border-left: none;
  1142. }
  1143. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
  1144. -webkit-transform: scaleX(-1);
  1145. transform: scaleX(-1);
  1146. }
  1147. .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
  1148. -webkit-transform: scale(1);
  1149. transform: scale(1);
  1150. }
  1151. .dx-rtl .dx-treelist-form-buttons-container {
  1152. float: left;
  1153. }
  1154. .dx-rtl .dx-treelist-form-buttons-container .dx-button {
  1155. margin-left: 0;
  1156. margin-right: 10px;
  1157. }
  1158. .dx-treelist-cell-updated-animation {
  1159. -webkit-animation: dx-treelist-highlight-change 1s;
  1160. animation: dx-treelist-highlight-change 1s;
  1161. }
  1162. @-webkit-keyframes dx-treelist-highlight-change {
  1163. from {
  1164. background-color: rgba(255, 255, 255, 0.08);
  1165. }
  1166. 50% {
  1167. background-color: rgba(255, 255, 255, 0.08);
  1168. }
  1169. }
  1170. @keyframes dx-treelist-highlight-change {
  1171. from {
  1172. background-color: rgba(255, 255, 255, 0.08);
  1173. }
  1174. 50% {
  1175. background-color: rgba(255, 255, 255, 0.08);
  1176. }
  1177. }
  1178. .dx-treeview-node-loadindicator {
  1179. left: auto;
  1180. right: 0;
  1181. }
  1182. .dx-rtl .dx-treeview-node .dx-checkbox {
  1183. left: auto;
  1184. }
  1185. .dx-validationsummary-item {
  1186. color: #F44336;
  1187. }
  1188. .dx-validationsummary-item-content {
  1189. border-bottom: 1px dashed;
  1190. display: inline-block;
  1191. line-height: normal;
  1192. }
  1193. .dx-invalid-message > .dx-overlay-content {
  1194. color: rgba(0, 0, 0, 0.87);
  1195. background-color: #F44336;
  1196. }
  1197. .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
  1198. .dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
  1199. -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  1200. box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  1201. }
  1202. .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item-marker-body,
  1203. .dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item-marker-body {
  1204. background: #009688;
  1205. }
  1206. .dx-scheduler-win-no-touch .dx-scheduler-appointment {
  1207. -ms-touch-action: none;
  1208. touch-action: none;
  1209. }
  1210. .dx-filterbuilder {
  1211. background-color: #363640;
  1212. }
  1213. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
  1214. color: #fff;
  1215. }
  1216. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation {
  1217. background-color: rgba(244, 67, 54, 0.3);
  1218. }
  1219. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
  1220. background-color: rgba(244, 67, 54, 0.5);
  1221. }
  1222. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus,
  1223. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active {
  1224. background-color: #f44336;
  1225. color: #FFF;
  1226. }
  1227. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
  1228. background-color: rgba(0, 150, 136, 0.3);
  1229. }
  1230. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
  1231. background-color: rgba(0, 150, 136, 0.5);
  1232. }
  1233. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus,
  1234. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active {
  1235. background-color: #009688;
  1236. color: #FFF;
  1237. }
  1238. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
  1239. background-color: rgba(139, 195, 74, 0.3);
  1240. }
  1241. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
  1242. background-color: rgba(139, 195, 74, 0.5);
  1243. }
  1244. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus,
  1245. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active {
  1246. background-color: #8bc34a;
  1247. color: #FFF;
  1248. }
  1249. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text {
  1250. background-color: rgba(81, 81, 89, 0.5);
  1251. }
  1252. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover {
  1253. background-color: rgba(81, 81, 89, 0.5);
  1254. }
  1255. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:focus,
  1256. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text.dx-state-active {
  1257. background-color: #515159;
  1258. color: #FFF;
  1259. }
  1260. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
  1261. color: rgba(139, 195, 74, 0.7);
  1262. }
  1263. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
  1264. color: #8bc34a;
  1265. }
  1266. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus,
  1267. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active {
  1268. color: #8bc34a;
  1269. }
  1270. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
  1271. color: rgba(244, 67, 54, 0.7);
  1272. }
  1273. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
  1274. color: #f44336;
  1275. }
  1276. .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus {
  1277. color: #f44336;
  1278. }
  1279. .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
  1280. color: rgba(255, 255, 255, 0.54);
  1281. width: 14px;
  1282. height: 14px;
  1283. background-position: 0px 0px;
  1284. background-size: 14px 14px;
  1285. padding: 0px;
  1286. font-size: 14px;
  1287. text-align: center;
  1288. line-height: 14px;
  1289. }
  1290. .dx-recurrence-numberbox-interval,
  1291. .dx-recurrence-numberbox-day-of-month,
  1292. .dx-recurrence-selectbox-month-of-year,
  1293. .dx-recurrence-numberbox-repeat-count,
  1294. .dx-recurrence-datebox-until-date {
  1295. float: left;
  1296. position: relative !important;
  1297. }
  1298. .dx-recurrence-numberbox-interval.dx-rtl,
  1299. .dx-recurrence-numberbox-day-of-month.dx-rtl,
  1300. .dx-recurrence-selectbox-month-of-year.dx-rtl,
  1301. .dx-recurrence-numberbox-repeat-count.dx-rtl,
  1302. .dx-recurrence-datebox-until-date.dx-rtl {
  1303. float: right;
  1304. }
  1305. .dx-recurrence-numberbox-interval,
  1306. .dx-recurrence-numberbox-day-of-month,
  1307. .dx-recurrence-numberbox-repeat-count {
  1308. width: 70px !important;
  1309. }
  1310. .dx-recurrence-repeat-end-wrapper {
  1311. padding: 0 5px;
  1312. }
  1313. .dx-recurrence-radiogroup-repeat-type-label,
  1314. .dx-recurrence-repeat-end-label {
  1315. display: inline-block;
  1316. padding: 0 5px;
  1317. vertical-align: top;
  1318. }
  1319. .dx-recurrence-repeat-end-label {
  1320. float: left;
  1321. width: auto;
  1322. white-space: nowrap;
  1323. line-height: 36px;
  1324. }
  1325. .dx-recurrence-selectbox-month-of-year {
  1326. width: 120px !important;
  1327. top: 0 !important;
  1328. }
  1329. .dx-recurrence-checkbox-day-of-week {
  1330. position: relative !important;
  1331. padding-right: 10px;
  1332. }
  1333. .dx-recurrence-radiogroup-repeat-type {
  1334. margin: 0;
  1335. }
  1336. .dx-recurrence-radiogroup-repeat-type .dx-item {
  1337. padding-bottom: 10px;
  1338. }
  1339. .dx-recurrence-radiogroup-repeat-type.dx-rtl .dx-recurrence-repeat-end-label {
  1340. float: right;
  1341. }
  1342. .dx-recurrence-editor-container .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
  1343. .dx-recurrence-editor-container .dx-field-value-static {
  1344. width: 100%;
  1345. }
  1346. .dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox {
  1347. float: left;
  1348. }
  1349. .dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
  1350. float: right;
  1351. }
  1352. .dx-recurrence-editor-container .dx-field-label {
  1353. width: auto;
  1354. float: none;
  1355. }
  1356. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-selectbox-freq.dx-field-value {
  1357. width: 100%;
  1358. }
  1359. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-interval-field {
  1360. display: block;
  1361. margin-bottom: 2px;
  1362. }
  1363. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on {
  1364. display: block;
  1365. padding-top: 5px;
  1366. }
  1367. .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 {
  1368. padding-top: 10px;
  1369. }
  1370. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
  1371. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label {
  1372. padding-bottom: 0;
  1373. }
  1374. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
  1375. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label,
  1376. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label,
  1377. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-radiogroup-repeat-type {
  1378. left: 0;
  1379. position: inherit;
  1380. }
  1381. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label {
  1382. padding-top: 0;
  1383. }
  1384. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label {
  1385. padding-bottom: 2px;
  1386. padding-top: 0;
  1387. }
  1388. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-freq-field {
  1389. margin-bottom: 0;
  1390. }
  1391. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field {
  1392. padding-top: 0;
  1393. position: static;
  1394. }
  1395. .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 {
  1396. margin-top: 0;
  1397. }
  1398. .dx-scheduler-recurrence-rule-item.dx-field-item {
  1399. border-top: 1px solid #515159;
  1400. }
  1401. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
  1402. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
  1403. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
  1404. left: -90px;
  1405. }
  1406. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
  1407. left: -88px;
  1408. }
  1409. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
  1410. padding-top: 7px;
  1411. }
  1412. .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-on-week {
  1413. padding-top: 7px;
  1414. padding-bottom: 7px;
  1415. }
  1416. .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-end-container.dx-field {
  1417. padding-top: 10px;
  1418. }
  1419. @font-face {
  1420. font-family: 'RobotoFallback';
  1421. font-style: normal;
  1422. font-weight: 300;
  1423. src: local('Roboto Light'), local('Roboto-Light'), url(fonts/Roboto-300.woff2) format('woff2'), url(fonts/Roboto-300.woff) format('woff'), url(fonts/Roboto-300.ttf) format('truetype');
  1424. }
  1425. @font-face {
  1426. font-family: 'RobotoFallback';
  1427. font-style: normal;
  1428. font-weight: 400;
  1429. src: local('Roboto'), local('Roboto-Regular'), url(fonts/Roboto-400.woff2) format('woff2'), url(fonts/Roboto-400.woff) format('woff'), url(fonts/Roboto-400.ttf) format('truetype');
  1430. }
  1431. @font-face {
  1432. font-family: 'RobotoFallback';
  1433. font-style: normal;
  1434. font-weight: 500;
  1435. src: local('Roboto Medium'), local('Roboto-Medium'), url(fonts/Roboto-500.woff2) format('woff2'), url(fonts/Roboto-500.woff) format('woff'), url(fonts/Roboto-500.ttf) format('truetype');
  1436. }
  1437. @font-face {
  1438. font-family: 'RobotoFallback';
  1439. font-style: normal;
  1440. font-weight: 700;
  1441. src: local('Roboto Bold'), local('Roboto-Bold'), url(fonts/Roboto-700.woff2) format('woff2'), url(fonts/Roboto-700.woff) format('woff'), url(fonts/Roboto-700.ttf) format('truetype');
  1442. }
  1443. .dx-theme-material-typography {
  1444. background-color: #363640;
  1445. color: #fff;
  1446. font-weight: normal;
  1447. font-size: 13px;
  1448. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  1449. line-height: 1.2857;
  1450. }
  1451. .dx-theme-material-typography input,
  1452. .dx-theme-material-typography textarea {
  1453. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  1454. line-height: 1.2857;
  1455. }
  1456. .dx-theme-material-typography h1 {
  1457. font-weight: 300;
  1458. font-size: 64px;
  1459. letter-spacing: -1.5px;
  1460. }
  1461. .dx-theme-material-typography h2 {
  1462. font-weight: 300;
  1463. font-size: 42px;
  1464. letter-spacing: -0.5px;
  1465. }
  1466. .dx-theme-material-typography h3 {
  1467. font-weight: 400;
  1468. font-size: 20px;
  1469. }
  1470. .dx-theme-material-typography h4 {
  1471. font-weight: 400;
  1472. font-size: 18px;
  1473. letter-spacing: 0.25px;
  1474. }
  1475. .dx-theme-material-typography h5 {
  1476. font-weight: 400;
  1477. font-size: 16px;
  1478. }
  1479. .dx-theme-material-typography h6 {
  1480. font-weight: 500;
  1481. font-size: 14px;
  1482. letter-spacing: 0.15px;
  1483. }
  1484. .dx-theme-material-typography .dx-font-xl {
  1485. font-size: 24px;
  1486. }
  1487. .dx-theme-material-typography .dx-font-l {
  1488. font-size: 20px;
  1489. }
  1490. .dx-theme-material-typography .dx-font-m {
  1491. font-size: 16px;
  1492. }
  1493. .dx-theme-material-typography .dx-font-s {
  1494. font-size: 14px;
  1495. }
  1496. .dx-theme-material-typography small,
  1497. .dx-theme-material-typography .dx-font-xs {
  1498. font-size: 12px;
  1499. }
  1500. .dx-theme-material-typography a {
  1501. color: #009688;
  1502. }
  1503. .dx-theme-marker {
  1504. font-family: "dx.material.teal.dark.compact";
  1505. }
  1506. .dx-theme-accent-as-text-color {
  1507. color: #009688 !important;
  1508. }
  1509. .dx-theme-text-color {
  1510. color: #fff !important;
  1511. }
  1512. .dx-theme-background-color-as-text-color {
  1513. color: #363640 !important;
  1514. }
  1515. .dx-theme-border-color-as-text-color {
  1516. color: #515159 !important;
  1517. }
  1518. .dx-theme-accent-as-background-color {
  1519. background-color: #009688 !important;
  1520. fill: #009688 !important;
  1521. }
  1522. .dx-theme-text-color-as-background-color {
  1523. background-color: #fff !important;
  1524. fill: #fff !important;
  1525. }
  1526. .dx-theme-background-color {
  1527. background-color: #363640 !important;
  1528. fill: #363640 !important;
  1529. }
  1530. .dx-theme-border-color-as-background-color {
  1531. background-color: #515159 !important;
  1532. fill: #515159 !important;
  1533. }
  1534. .dx-theme-accent-as-border-color {
  1535. border-color: #009688 !important;
  1536. }
  1537. .dx-theme-text-color-as-border-color {
  1538. border-color: #fff !important;
  1539. }
  1540. .dx-theme-background-color-as-border-color {
  1541. border-color: #363640 !important;
  1542. }
  1543. .dx-theme-border-color {
  1544. border-color: #515159 !important;
  1545. }
  1546. .dx-inkripple {
  1547. position: absolute;
  1548. height: 100%;
  1549. width: 100%;
  1550. top: 0;
  1551. left: 0;
  1552. pointer-events: none;
  1553. }
  1554. .dx-inkripple-wave {
  1555. position: absolute;
  1556. background-color: rgba(0, 0, 0, 0.16);
  1557. border-radius: 50%;
  1558. opacity: 0;
  1559. -webkit-transform: scale(0);
  1560. transform: scale(0);
  1561. pointer-events: none;
  1562. }
  1563. .dx-inkripple-showing {
  1564. -webkit-transition: -webkit-transform 0.1s linear;
  1565. transition: -webkit-transform 0.1s linear;
  1566. transition: transform 0.1s linear;
  1567. transition: transform 0.1s linear, -webkit-transform 0.1s linear;
  1568. opacity: 1;
  1569. -webkit-transform: scale(1);
  1570. transform: scale(1);
  1571. }
  1572. .dx-inkripple-hiding {
  1573. -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s linear;
  1574. transition: opacity 0.1s linear, -webkit-transform 0.1s linear;
  1575. transition: transform 0.1s linear, opacity 0.1s linear;
  1576. transition: transform 0.1s linear, opacity 0.1s linear, -webkit-transform 0.1s linear;
  1577. -webkit-transform: scale(1.01);
  1578. transform: scale(1.01);
  1579. opacity: 0;
  1580. }
  1581. @font-face {
  1582. font-family: 'DXIcons';
  1583. src: local("DevExtreme Material Icons"), local("devextreme_material_icons"), url(icons/dxiconsmaterial.woff2) format('woff2'), url(icons/dxiconsmaterial.woff) format('woff'), url(icons/dxiconsmaterial.ttf) format('truetype');
  1584. font-weight: normal;
  1585. font-style: normal;
  1586. }
  1587. .dx-icon {
  1588. display: inline-block;
  1589. font-size: inherit;
  1590. text-rendering: auto;
  1591. -webkit-font-smoothing: antialiased;
  1592. -moz-osx-font-smoothing: grayscale;
  1593. -webkit-transform: translate(0, 0);
  1594. transform: translate(0, 0);
  1595. }
  1596. .dx-icon-add {
  1597. font: 14px/1 DXIcons;
  1598. }
  1599. .dx-icon-add:before {
  1600. content: "\f00b";
  1601. }
  1602. .dx-icon-airplane {
  1603. font: 14px/1 DXIcons;
  1604. }
  1605. .dx-icon-airplane:before {
  1606. content: "\f000";
  1607. }
  1608. .dx-icon-bookmark {
  1609. font: 14px/1 DXIcons;
  1610. }
  1611. .dx-icon-bookmark:before {
  1612. content: "\f017";
  1613. }
  1614. .dx-icon-box {
  1615. font: 14px/1 DXIcons;
  1616. }
  1617. .dx-icon-box:before {
  1618. content: "\f018";
  1619. }
  1620. .dx-icon-car {
  1621. font: 14px/1 DXIcons;
  1622. }
  1623. .dx-icon-car:before {
  1624. content: "\f01b";
  1625. }
  1626. .dx-icon-card {
  1627. font: 14px/1 DXIcons;
  1628. }
  1629. .dx-icon-card:before {
  1630. content: "\f019";
  1631. }
  1632. .dx-icon-cart {
  1633. font: 14px/1 DXIcons;
  1634. }
  1635. .dx-icon-cart:before {
  1636. content: "\f01a";
  1637. }
  1638. .dx-icon-chart {
  1639. font: 14px/1 DXIcons;
  1640. }
  1641. .dx-icon-chart:before {
  1642. content: "\f01c";
  1643. }
  1644. .dx-icon-check {
  1645. font: 14px/1 DXIcons;
  1646. }
  1647. .dx-icon-check:before {
  1648. content: "\f005";
  1649. }
  1650. .dx-icon-clear {
  1651. font: 14px/1 DXIcons;
  1652. }
  1653. .dx-icon-clear:before {
  1654. content: "\f008";
  1655. }
  1656. .dx-icon-clock {
  1657. font: 14px/1 DXIcons;
  1658. }
  1659. .dx-icon-clock:before {
  1660. content: "\f01d";
  1661. }
  1662. .dx-icon-close {
  1663. font: 14px/1 DXIcons;
  1664. }
  1665. .dx-icon-close:before {
  1666. content: "\f00a";
  1667. }
  1668. .dx-icon-coffee {
  1669. font: 14px/1 DXIcons;
  1670. }
  1671. .dx-icon-coffee:before {
  1672. content: "\f02a";
  1673. }
  1674. .dx-icon-comment {
  1675. font: 14px/1 DXIcons;
  1676. }
  1677. .dx-icon-comment:before {
  1678. content: "\f01e";
  1679. }
  1680. .dx-icon-doc {
  1681. font: 14px/1 DXIcons;
  1682. }
  1683. .dx-icon-doc:before {
  1684. content: "\f021";
  1685. }
  1686. .dx-icon-download {
  1687. font: 14px/1 DXIcons;
  1688. }
  1689. .dx-icon-download:before {
  1690. content: "\f022";
  1691. }
  1692. .dx-icon-dragvertical {
  1693. font: 14px/1 DXIcons;
  1694. }
  1695. .dx-icon-dragvertical:before {
  1696. content: "\f038";
  1697. }
  1698. .dx-icon-edit {
  1699. font: 14px/1 DXIcons;
  1700. }
  1701. .dx-icon-edit:before {
  1702. content: "\f023";
  1703. }
  1704. .dx-icon-email {
  1705. font: 14px/1 DXIcons;
  1706. }
  1707. .dx-icon-email:before {
  1708. content: "\f024";
  1709. }
  1710. .dx-icon-event {
  1711. font: 14px/1 DXIcons;
  1712. }
  1713. .dx-icon-event:before {
  1714. content: "\f026";
  1715. }
  1716. .dx-icon-favorites {
  1717. font: 14px/1 DXIcons;
  1718. }
  1719. .dx-icon-favorites:before {
  1720. content: "\f025";
  1721. }
  1722. .dx-icon-find {
  1723. font: 14px/1 DXIcons;
  1724. }
  1725. .dx-icon-find:before {
  1726. content: "\f027";
  1727. }
  1728. .dx-icon-filter {
  1729. font: 14px/1 DXIcons;
  1730. }
  1731. .dx-icon-filter:before {
  1732. content: "\f050";
  1733. }
  1734. .dx-icon-folder {
  1735. font: 14px/1 DXIcons;
  1736. }
  1737. .dx-icon-folder:before {
  1738. content: "\f028";
  1739. }
  1740. .dx-icon-food {
  1741. font: 14px/1 DXIcons;
  1742. }
  1743. .dx-icon-food:before {
  1744. content: "\f029";
  1745. }
  1746. .dx-icon-gift {
  1747. font: 14px/1 DXIcons;
  1748. }
  1749. .dx-icon-gift:before {
  1750. content: "\f02b";
  1751. }
  1752. .dx-icon-globe {
  1753. font: 14px/1 DXIcons;
  1754. }
  1755. .dx-icon-globe:before {
  1756. content: "\f02c";
  1757. }
  1758. .dx-icon-group {
  1759. font: 14px/1 DXIcons;
  1760. }
  1761. .dx-icon-group:before {
  1762. content: "\f02e";
  1763. }
  1764. .dx-icon-help {
  1765. font: 14px/1 DXIcons;
  1766. }
  1767. .dx-icon-help:before {
  1768. content: "\f02f";
  1769. }
  1770. .dx-icon-home {
  1771. font: 14px/1 DXIcons;
  1772. }
  1773. .dx-icon-home:before {
  1774. content: "\f030";
  1775. }
  1776. .dx-icon-image {
  1777. font: 14px/1 DXIcons;
  1778. }
  1779. .dx-icon-image:before {
  1780. content: "\f031";
  1781. }
  1782. .dx-icon-info {
  1783. font: 14px/1 DXIcons;
  1784. }
  1785. .dx-icon-info:before {
  1786. content: "\f032";
  1787. }
  1788. .dx-icon-key {
  1789. font: 14px/1 DXIcons;
  1790. }
  1791. .dx-icon-key:before {
  1792. content: "\f033";
  1793. }
  1794. .dx-icon-like {
  1795. font: 14px/1 DXIcons;
  1796. }
  1797. .dx-icon-like:before {
  1798. content: "\f034";
  1799. }
  1800. .dx-icon-map {
  1801. font: 14px/1 DXIcons;
  1802. }
  1803. .dx-icon-map:before {
  1804. content: "\f035";
  1805. }
  1806. .dx-icon-menu {
  1807. font: 14px/1 DXIcons;
  1808. }
  1809. .dx-icon-menu:before {
  1810. content: "\f00c";
  1811. }
  1812. .dx-icon-message {
  1813. font: 14px/1 DXIcons;
  1814. }
  1815. .dx-icon-message:before {
  1816. content: "\f024";
  1817. }
  1818. .dx-icon-money {
  1819. font: 14px/1 DXIcons;
  1820. }
  1821. .dx-icon-money:before {
  1822. content: "\f036";
  1823. }
  1824. .dx-icon-music {
  1825. font: 14px/1 DXIcons;
  1826. }
  1827. .dx-icon-music:before {
  1828. content: "\f037";
  1829. }
  1830. .dx-icon-overflow {
  1831. font: 14px/1 DXIcons;
  1832. }
  1833. .dx-icon-overflow:before {
  1834. content: "\f00d";
  1835. }
  1836. .dx-icon-percent {
  1837. font: 14px/1 DXIcons;
  1838. }
  1839. .dx-icon-percent:before {
  1840. content: "\f039";
  1841. }
  1842. .dx-icon-photo {
  1843. font: 14px/1 DXIcons;
  1844. }
  1845. .dx-icon-photo:before {
  1846. content: "\f03a";
  1847. }
  1848. .dx-icon-plus {
  1849. font: 14px/1 DXIcons;
  1850. }
  1851. .dx-icon-plus:before {
  1852. content: "\f00b";
  1853. }
  1854. .dx-icon-preferences {
  1855. font: 14px/1 DXIcons;
  1856. }
  1857. .dx-icon-preferences:before {
  1858. content: "\f03b";
  1859. }
  1860. .dx-icon-product {
  1861. font: 14px/1 DXIcons;
  1862. }
  1863. .dx-icon-product:before {
  1864. content: "\f03c";
  1865. }
  1866. .dx-icon-pulldown {
  1867. font: 14px/1 DXIcons;
  1868. }
  1869. .dx-icon-pulldown:before {
  1870. content: "\f062";
  1871. }
  1872. .dx-icon-refresh {
  1873. font: 14px/1 DXIcons;
  1874. }
  1875. .dx-icon-refresh:before {
  1876. content: "\f03d";
  1877. }
  1878. .dx-icon-remove {
  1879. font: 14px/1 DXIcons;
  1880. }
  1881. .dx-icon-remove:before {
  1882. content: "\f00a";
  1883. }
  1884. .dx-icon-revert {
  1885. font: 14px/1 DXIcons;
  1886. }
  1887. .dx-icon-revert:before {
  1888. content: "\f04c";
  1889. }
  1890. .dx-icon-runner {
  1891. font: 14px/1 DXIcons;
  1892. }
  1893. .dx-icon-runner:before {
  1894. content: "\f040";
  1895. }
  1896. .dx-icon-save {
  1897. font: 14px/1 DXIcons;
  1898. }
  1899. .dx-icon-save:before {
  1900. content: "\f041";
  1901. }
  1902. .dx-icon-search {
  1903. font: 14px/1 DXIcons;
  1904. }
  1905. .dx-icon-search:before {
  1906. content: "\f027";
  1907. }
  1908. .dx-icon-tags {
  1909. font: 14px/1 DXIcons;
  1910. }
  1911. .dx-icon-tags:before {
  1912. content: "\f009";
  1913. }
  1914. .dx-icon-tel {
  1915. font: 14px/1 DXIcons;
  1916. }
  1917. .dx-icon-tel:before {
  1918. content: "\f003";
  1919. }
  1920. .dx-icon-tips {
  1921. font: 14px/1 DXIcons;
  1922. }
  1923. .dx-icon-tips:before {
  1924. content: "\f004";
  1925. }
  1926. .dx-icon-todo {
  1927. font: 14px/1 DXIcons;
  1928. }
  1929. .dx-icon-todo:before {
  1930. content: "\f005";
  1931. }
  1932. .dx-icon-toolbox {
  1933. font: 14px/1 DXIcons;
  1934. }
  1935. .dx-icon-toolbox:before {
  1936. content: "\f007";
  1937. }
  1938. .dx-icon-trash {
  1939. font: 14px/1 DXIcons;
  1940. }
  1941. .dx-icon-trash:before {
  1942. content: "\f03e";
  1943. }
  1944. .dx-icon-user {
  1945. font: 14px/1 DXIcons;
  1946. }
  1947. .dx-icon-user:before {
  1948. content: "\f02d";
  1949. }
  1950. .dx-icon-upload {
  1951. font: 14px/1 DXIcons;
  1952. }
  1953. .dx-icon-upload:before {
  1954. content: "\f006";
  1955. }
  1956. .dx-icon-floppy {
  1957. font: 14px/1 DXIcons;
  1958. }
  1959. .dx-icon-floppy:before {
  1960. content: "\f073";
  1961. }
  1962. .dx-icon-arrowleft {
  1963. font: 14px/1 DXIcons;
  1964. }
  1965. .dx-icon-arrowleft:before {
  1966. content: "\f011";
  1967. }
  1968. .dx-icon-arrowdown {
  1969. font: 14px/1 DXIcons;
  1970. }
  1971. .dx-icon-arrowdown:before {
  1972. content: "\f015";
  1973. }
  1974. .dx-icon-arrowright {
  1975. font: 14px/1 DXIcons;
  1976. }
  1977. .dx-icon-arrowright:before {
  1978. content: "\f00e";
  1979. }
  1980. .dx-icon-arrowup {
  1981. font: 14px/1 DXIcons;
  1982. }
  1983. .dx-icon-arrowup:before {
  1984. content: "\f013";
  1985. }
  1986. .dx-icon-spinleft {
  1987. font: 14px/1 DXIcons;
  1988. }
  1989. .dx-icon-spinleft:before {
  1990. content: "\f04f";
  1991. }
  1992. .dx-icon-spinright {
  1993. font: 14px/1 DXIcons;
  1994. }
  1995. .dx-icon-spinright:before {
  1996. content: "\f04e";
  1997. }
  1998. .dx-icon-spinnext {
  1999. font: 14px/1 DXIcons;
  2000. }
  2001. .dx-icon-spinnext:before {
  2002. content: "\f04e";
  2003. }
  2004. .dx-rtl .dx-icon-spinnext:before {
  2005. content: "\f04f";
  2006. }
  2007. .dx-icon-spinprev {
  2008. font: 14px/1 DXIcons;
  2009. }
  2010. .dx-icon-spinprev:before {
  2011. content: "\f04f";
  2012. }
  2013. .dx-rtl .dx-icon-spinprev:before {
  2014. content: "\f04e";
  2015. }
  2016. .dx-icon-spindown {
  2017. font: 14px/1 DXIcons;
  2018. }
  2019. .dx-icon-spindown:before {
  2020. content: "\f001";
  2021. }
  2022. .dx-icon-spinup {
  2023. font: 14px/1 DXIcons;
  2024. }
  2025. .dx-icon-spinup:before {
  2026. content: "\f002";
  2027. }
  2028. .dx-icon-chevronleft {
  2029. font: 14px/1 DXIcons;
  2030. }
  2031. .dx-icon-chevronleft:before {
  2032. content: "\f012";
  2033. }
  2034. .dx-icon-chevronright {
  2035. font: 14px/1 DXIcons;
  2036. }
  2037. .dx-icon-chevronright:before {
  2038. content: "\f010";
  2039. }
  2040. .dx-icon-chevronnext {
  2041. font: 14px/1 DXIcons;
  2042. }
  2043. .dx-icon-chevronnext:before {
  2044. content: "\f010";
  2045. }
  2046. .dx-rtl .dx-icon-chevronnext:before {
  2047. content: "\f012";
  2048. }
  2049. .dx-icon-chevronprev {
  2050. font: 14px/1 DXIcons;
  2051. }
  2052. .dx-icon-chevronprev:before {
  2053. content: "\f012";
  2054. }
  2055. .dx-rtl .dx-icon-chevronprev:before {
  2056. content: "\f010";
  2057. }
  2058. .dx-icon-chevrondown {
  2059. font: 14px/1 DXIcons;
  2060. }
  2061. .dx-icon-chevrondown:before {
  2062. content: "\f016";
  2063. }
  2064. .dx-icon-chevronup {
  2065. font: 14px/1 DXIcons;
  2066. }
  2067. .dx-icon-chevronup:before {
  2068. content: "\f014";
  2069. }
  2070. .dx-icon-chevrondoubleleft {
  2071. font: 14px/1 DXIcons;
  2072. }
  2073. .dx-icon-chevrondoubleleft:before {
  2074. content: "\f042";
  2075. }
  2076. .dx-icon-chevrondoubleright {
  2077. font: 14px/1 DXIcons;
  2078. }
  2079. .dx-icon-chevrondoubleright:before {
  2080. content: "\f043";
  2081. }
  2082. .dx-icon-equal {
  2083. font: 14px/1 DXIcons;
  2084. }
  2085. .dx-icon-equal:before {
  2086. content: "\f044";
  2087. }
  2088. .dx-icon-notequal {
  2089. font: 14px/1 DXIcons;
  2090. }
  2091. .dx-icon-notequal:before {
  2092. content: "\f045";
  2093. }
  2094. .dx-icon-less {
  2095. font: 14px/1 DXIcons;
  2096. }
  2097. .dx-icon-less:before {
  2098. content: "\f046";
  2099. }
  2100. .dx-icon-greater {
  2101. font: 14px/1 DXIcons;
  2102. }
  2103. .dx-icon-greater:before {
  2104. content: "\f047";
  2105. }
  2106. .dx-icon-lessorequal {
  2107. font: 14px/1 DXIcons;
  2108. }
  2109. .dx-icon-lessorequal:before {
  2110. content: "\f048";
  2111. }
  2112. .dx-icon-greaterorequal {
  2113. font: 14px/1 DXIcons;
  2114. }
  2115. .dx-icon-greaterorequal:before {
  2116. content: "\f049";
  2117. }
  2118. .dx-icon-isblank {
  2119. font: 14px/1 DXIcons;
  2120. }
  2121. .dx-icon-isblank:before {
  2122. content: "\f075";
  2123. }
  2124. .dx-icon-isnotblank {
  2125. font: 14px/1 DXIcons;
  2126. }
  2127. .dx-icon-isnotblank:before {
  2128. content: "\f076";
  2129. }
  2130. .dx-icon-sortup {
  2131. font: 14px/1 DXIcons;
  2132. }
  2133. .dx-icon-sortup:before {
  2134. content: "\f051";
  2135. }
  2136. .dx-icon-sortdown {
  2137. font: 14px/1 DXIcons;
  2138. }
  2139. .dx-icon-sortdown:before {
  2140. content: "\f052";
  2141. }
  2142. .dx-icon-sortuptext {
  2143. font: 14px/1 DXIcons;
  2144. }
  2145. .dx-icon-sortuptext:before {
  2146. content: "\f053";
  2147. }
  2148. .dx-icon-sortdowntext {
  2149. font: 14px/1 DXIcons;
  2150. }
  2151. .dx-icon-sortdowntext:before {
  2152. content: "\f054";
  2153. }
  2154. .dx-icon-sorted {
  2155. font: 14px/1 DXIcons;
  2156. }
  2157. .dx-icon-sorted:before {
  2158. content: "\f055";
  2159. }
  2160. .dx-icon-expand {
  2161. font: 14px/1 DXIcons;
  2162. }
  2163. .dx-icon-expand:before {
  2164. content: "\f04a";
  2165. }
  2166. .dx-icon-collapse {
  2167. font: 14px/1 DXIcons;
  2168. }
  2169. .dx-icon-collapse:before {
  2170. content: "\f04b";
  2171. }
  2172. .dx-icon-columnfield {
  2173. font: 14px/1 DXIcons;
  2174. }
  2175. .dx-icon-columnfield:before {
  2176. content: "\f057";
  2177. }
  2178. .dx-icon-rowfield {
  2179. font: 14px/1 DXIcons;
  2180. }
  2181. .dx-icon-rowfield:before {
  2182. content: "\f058";
  2183. }
  2184. .dx-icon-datafield {
  2185. font: 14px/1 DXIcons;
  2186. }
  2187. .dx-icon-datafield:before {
  2188. content: "\f056";
  2189. }
  2190. .dx-icon-fields {
  2191. font: 14px/1 DXIcons;
  2192. }
  2193. .dx-icon-fields:before {
  2194. content: "\f059";
  2195. }
  2196. .dx-icon-fieldchooser {
  2197. font: 14px/1 DXIcons;
  2198. }
  2199. .dx-icon-fieldchooser:before {
  2200. content: "\f05a";
  2201. }
  2202. .dx-icon-columnchooser {
  2203. font: 14px/1 DXIcons;
  2204. }
  2205. .dx-icon-columnchooser:before {
  2206. content: "\f04d";
  2207. }
  2208. .dx-icon-pin {
  2209. font: 14px/1 DXIcons;
  2210. }
  2211. .dx-icon-pin:before {
  2212. content: "\f05b";
  2213. }
  2214. .dx-icon-unpin {
  2215. font: 14px/1 DXIcons;
  2216. }
  2217. .dx-icon-unpin:before {
  2218. content: "\f05c";
  2219. }
  2220. .dx-icon-pinleft {
  2221. font: 14px/1 DXIcons;
  2222. }
  2223. .dx-icon-pinleft:before {
  2224. content: "\f05d";
  2225. }
  2226. .dx-icon-pinright {
  2227. font: 14px/1 DXIcons;
  2228. }
  2229. .dx-icon-pinright:before {
  2230. content: "\f05e";
  2231. }
  2232. .dx-icon-contains {
  2233. font: 14px/1 DXIcons;
  2234. }
  2235. .dx-icon-contains:before {
  2236. content: "\f063";
  2237. }
  2238. .dx-icon-startswith {
  2239. font: 14px/1 DXIcons;
  2240. }
  2241. .dx-icon-startswith:before {
  2242. content: "\f064";
  2243. }
  2244. .dx-icon-endswith {
  2245. font: 14px/1 DXIcons;
  2246. }
  2247. .dx-icon-endswith:before {
  2248. content: "\f065";
  2249. }
  2250. .dx-icon-doesnotcontain {
  2251. font: 14px/1 DXIcons;
  2252. }
  2253. .dx-icon-doesnotcontain:before {
  2254. content: "\f066";
  2255. }
  2256. .dx-icon-range {
  2257. font: 14px/1 DXIcons;
  2258. }
  2259. .dx-icon-range:before {
  2260. content: "\f06a";
  2261. }
  2262. .dx-icon-export {
  2263. font: 14px/1 DXIcons;
  2264. }
  2265. .dx-icon-export:before {
  2266. content: "\f05f";
  2267. }
  2268. .dx-icon-exportxlsx {
  2269. font: 14px/1 DXIcons;
  2270. }
  2271. .dx-icon-exportxlsx:before {
  2272. content: "\f060";
  2273. }
  2274. .dx-icon-exportpdf {
  2275. font: 14px/1 DXIcons;
  2276. }
  2277. .dx-icon-exportpdf:before {
  2278. content: "\f061";
  2279. }
  2280. .dx-icon-exportselected {
  2281. font: 14px/1 DXIcons;
  2282. }
  2283. .dx-icon-exportselected:before {
  2284. content: "\f06d";
  2285. }
  2286. .dx-icon-warning {
  2287. font: 14px/1 DXIcons;
  2288. }
  2289. .dx-icon-warning:before {
  2290. content: "\f06b";
  2291. }
  2292. .dx-icon-more {
  2293. font: 14px/1 DXIcons;
  2294. }
  2295. .dx-icon-more:before {
  2296. content: "\f06c";
  2297. }
  2298. .dx-icon-square {
  2299. font: 14px/1 DXIcons;
  2300. }
  2301. .dx-icon-square:before {
  2302. content: "\f067";
  2303. }
  2304. .dx-icon-clearsquare {
  2305. font: 14px/1 DXIcons;
  2306. }
  2307. .dx-icon-clearsquare:before {
  2308. content: "\f068";
  2309. }
  2310. .dx-icon-back {
  2311. font: 14px/1 DXIcons;
  2312. }
  2313. .dx-icon-back:before {
  2314. content: "\f012";
  2315. }
  2316. .dx-rtl .dx-icon-back:before {
  2317. content: "\f010";
  2318. }
  2319. .dx-icon-repeat {
  2320. font: 14px/1 DXIcons;
  2321. }
  2322. .dx-icon-repeat:before {
  2323. content: "\f069";
  2324. }
  2325. .dx-icon-selectall {
  2326. font: 14px/1 DXIcons;
  2327. }
  2328. .dx-icon-selectall:before {
  2329. content: "\f070";
  2330. }
  2331. .dx-icon-unselectall {
  2332. font: 14px/1 DXIcons;
  2333. }
  2334. .dx-icon-unselectall:before {
  2335. content: "\f071";
  2336. }
  2337. .dx-icon-print {
  2338. font: 14px/1 DXIcons;
  2339. }
  2340. .dx-icon-print:before {
  2341. content: "\f072";
  2342. }
  2343. .dx-icon-bold {
  2344. font: 14px/1 DXIcons;
  2345. }
  2346. .dx-icon-bold:before {
  2347. content: "\f077";
  2348. }
  2349. .dx-icon-italic {
  2350. font: 14px/1 DXIcons;
  2351. }
  2352. .dx-icon-italic:before {
  2353. content: "\f078";
  2354. }
  2355. .dx-icon-underline {
  2356. font: 14px/1 DXIcons;
  2357. }
  2358. .dx-icon-underline:before {
  2359. content: "\f079";
  2360. }
  2361. .dx-icon-strike {
  2362. font: 14px/1 DXIcons;
  2363. }
  2364. .dx-icon-strike:before {
  2365. content: "\f07a";
  2366. }
  2367. .dx-icon-indent {
  2368. font: 14px/1 DXIcons;
  2369. }
  2370. .dx-icon-indent:before {
  2371. content: "\f07b";
  2372. }
  2373. .dx-icon-fontsize {
  2374. font: 14px/1 DXIcons;
  2375. }
  2376. .dx-icon-fontsize:before {
  2377. content: "\f07c";
  2378. }
  2379. .dx-icon-shrinkfont {
  2380. font: 14px/1 DXIcons;
  2381. }
  2382. .dx-icon-shrinkfont:before {
  2383. content: "\f07d";
  2384. }
  2385. .dx-icon-growfont {
  2386. font: 14px/1 DXIcons;
  2387. }
  2388. .dx-icon-growfont:before {
  2389. content: "\f07e";
  2390. }
  2391. .dx-icon-color {
  2392. font: 14px/1 DXIcons;
  2393. }
  2394. .dx-icon-color:before {
  2395. content: "\f07f";
  2396. }
  2397. .dx-icon-background {
  2398. font: 14px/1 DXIcons;
  2399. }
  2400. .dx-icon-background:before {
  2401. content: "\f080";
  2402. }
  2403. .dx-icon-superscript {
  2404. font: 14px/1 DXIcons;
  2405. }
  2406. .dx-icon-superscript:before {
  2407. content: "\f081";
  2408. }
  2409. .dx-icon-subscript {
  2410. font: 14px/1 DXIcons;
  2411. }
  2412. .dx-icon-subscript:before {
  2413. content: "\f082";
  2414. }
  2415. .dx-icon-header {
  2416. font: 14px/1 DXIcons;
  2417. }
  2418. .dx-icon-header:before {
  2419. content: "\f083";
  2420. }
  2421. .dx-icon-blockquote {
  2422. font: 14px/1 DXIcons;
  2423. }
  2424. .dx-icon-blockquote:before {
  2425. content: "\f084";
  2426. }
  2427. .dx-icon-formula {
  2428. font: 14px/1 DXIcons;
  2429. }
  2430. .dx-icon-formula:before {
  2431. content: "\f056";
  2432. }
  2433. .dx-icon-codeblock {
  2434. font: 14px/1 DXIcons;
  2435. }
  2436. .dx-icon-codeblock:before {
  2437. content: "\f085";
  2438. }
  2439. .dx-icon-orderedlist {
  2440. font: 14px/1 DXIcons;
  2441. }
  2442. .dx-icon-orderedlist:before {
  2443. content: "\f086";
  2444. }
  2445. .dx-icon-bulletlist {
  2446. font: 14px/1 DXIcons;
  2447. }
  2448. .dx-icon-bulletlist:before {
  2449. content: "\f087";
  2450. }
  2451. .dx-icon-increaseindent {
  2452. font: 14px/1 DXIcons;
  2453. }
  2454. .dx-icon-increaseindent:before {
  2455. content: "\f088";
  2456. }
  2457. .dx-icon-decreaseindent {
  2458. font: 14px/1 DXIcons;
  2459. }
  2460. .dx-icon-decreaseindent:before {
  2461. content: "\f089";
  2462. }
  2463. .dx-icon-alignleft {
  2464. font: 14px/1 DXIcons;
  2465. }
  2466. .dx-icon-alignleft:before {
  2467. content: "\f08a";
  2468. }
  2469. .dx-icon-alignright {
  2470. font: 14px/1 DXIcons;
  2471. }
  2472. .dx-icon-alignright:before {
  2473. content: "\f08b";
  2474. }
  2475. .dx-icon-aligncenter {
  2476. font: 14px/1 DXIcons;
  2477. }
  2478. .dx-icon-aligncenter:before {
  2479. content: "\f08c";
  2480. }
  2481. .dx-icon-alignjustify {
  2482. font: 14px/1 DXIcons;
  2483. }
  2484. .dx-icon-alignjustify:before {
  2485. content: "\f08d";
  2486. }
  2487. .dx-icon-link {
  2488. font: 14px/1 DXIcons;
  2489. }
  2490. .dx-icon-link:before {
  2491. content: "\f08e";
  2492. }
  2493. .dx-icon-video {
  2494. font: 14px/1 DXIcons;
  2495. }
  2496. .dx-icon-video:before {
  2497. content: "\f08f";
  2498. }
  2499. .dx-icon-mention {
  2500. font: 14px/1 DXIcons;
  2501. }
  2502. .dx-icon-mention:before {
  2503. content: "\f090";
  2504. }
  2505. .dx-icon-variable {
  2506. font: 14px/1 DXIcons;
  2507. }
  2508. .dx-icon-variable:before {
  2509. content: "\f091";
  2510. }
  2511. .dx-icon-clearformat {
  2512. font: 14px/1 DXIcons;
  2513. }
  2514. .dx-icon-clearformat:before {
  2515. content: "\f092";
  2516. }
  2517. .dx-icon-undo {
  2518. font: 14px/1 DXIcons;
  2519. }
  2520. .dx-icon-undo:before {
  2521. content: "\f04c";
  2522. }
  2523. .dx-rtl .dx-icon-undo:before {
  2524. content: "\f093";
  2525. }
  2526. .dx-icon-redo {
  2527. font: 14px/1 DXIcons;
  2528. }
  2529. .dx-icon-redo:before {
  2530. content: "\f093";
  2531. }
  2532. .dx-rtl .dx-icon-redo:before {
  2533. content: "\f04c";
  2534. }
  2535. .dx-icon {
  2536. font-size: 24px;
  2537. line-height: 1;
  2538. white-space: nowrap;
  2539. text-rendering: optimizeLegibility;
  2540. -webkit-font-feature-settings: 'liga';
  2541. font-feature-settings: 'liga';
  2542. }
  2543. .dx-tab .dx-icon,
  2544. .dx-tab.dx-tab-selected .dx-icon {
  2545. background-size: 100% 100%;
  2546. background-position: 50% 50%;
  2547. }
  2548. .dx-scrollview-pulldown {
  2549. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==);
  2550. background-position: 0 0;
  2551. background-repeat: no-repeat;
  2552. }
  2553. .dx-loadindicator-image {
  2554. background-image: url(data:image/gif;base64,R0lGODlhIAAgAIABADI6Rf///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAIAAgAAACQIyPqcutAJyUMM6bKt5B8+t9FCROYcmQqKOuS+tmVvzM9AHf+s6L+X0C/mjDWFDY6xRdR+Jy1TQ+oVNUxZbkFAAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnGDaUK8EWT/ufV3IgGQznomprmlrcCwsv2cNH3iOyXw/a+1+PWKR6EPahMtbkNZ0GmPRqfUaKQAAIfkECQkAAQAsAAAAACAAIAAAAj+Mj6nL7Q+jnLTai3MGCHhtfKEIciN4fJ6JBhzZvmy8tmltu7i9zmif08F+Mp5puGH5krdYYskLSqfUqvVqKAAAIfkECQkAAQAsAAAAACAAIAAAAkOMj6nL7Q+jnBBYGi3AT3Pnfc0lMmGpkGi6rYnqBhvszm0sy3es7fXJm+EMF9+qZSzRgsPD8phEAX9RZVX0bGq3XEYBACH5BAkJAAEALAAAAAAgACAAAAI+jI+pywnQYntPWkThvXTv7llgGI3kpJ1oqi5Vi8KTPNOujef6nrO63+MFXjugjdgzykxHZFOpyvyYNKdQUQAAIfkECQkAAQAsAAAAACAAIAAAAjiMjwa76e+YhDTOitHNnPEfeGAmjlhjnkBKsq0Lx/JM1/aN5/rO91q+AgpxqFqJdoxtYJKkawkpAAAh+QQJCQABACwAAAAAIAAgAAACNoyPBsucD1WbLtoGl414+1R9ojKW5omm6sq27gvH8kzX9o3n+s73B0ADyjQn4aNjolBWSuKmAAAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1GbLdrAIL081g5KTkiW5omm6sq27gvH8kzX9o3n+s6/y5yRTS6jEmWzOoIKACH5BAkJAAEALAAAAAAgACAAAAI3jI8Ju+n/mGSwWjOvdnL7Q31eKGpkaZ0o1KzuC8fyTNf2jef6ztetrZoFZcNYEXZEJl0TQG9TAAAh+QQJCQABACwAAAAAIAAgAAACP4yPqcudAIGbLUqKkc08xJ59ICWOTmkyUHqurHq9iis/dH3c+M73PqvDBWtDYoxXlCVfyxRq9xQ2nVNT9NcpAAAh+QQJCQABACwAAAAAIAAgAAACPoyPqcvtD6OUAMwbKqZ2v9p5jSY6ZLmAKHOuSOseYBjPsazeWX7but/j6XZDA6xXNNJ+y1rTmTRGM9OqtVQAACH5BAkJAAEALAAAAAAgACAAAAJAjI+py+0Po5y02osbyG8jzwUAOIYHCYalmHLlahojHM+tOsdnrrO0aeuxRMJXL/fLwG4X3hCXYgqn1Kr1ihUWAAAh+QQJCQABACwAAAAAIAAgAAACQ4yPqcvtD6OcEQBaL35Wb9Z9jiU2ZAl6aHKuhqa6V+sGc7x2OKrXB7krAX2vGdEWFCaVR+TyQ6uFiFNf1RptarfcRAEAIfkECQkAAQAsAAAAACAAIAAAAj6Mj6nLCdBie09aROG9dO/uWWAoVWSpnVGqMmbrwqs80faN5/rB5j3+s718QdkIWIQdhUNmUrU0RpVT6s5SAAAh+QQJCQABACwAAAAAIAAgAAACOoyPBgvp/5iENLKK081crd59YDiSJdecWKq27gvH8kzX9o3n+snW/SyiBYHD2Ib4e01kkmSpWVQ1MwUAIfkECQkAAQAsAAAAACAAIAAAAjWMjwbLnA9Pmy7aFoG9envYfaI0luaJpurKtu4Lx/JM1/aN5/rO96RceWFMC1CwREmqkkVPAQAh+QQJCQABACwAAAAAIAAgAAACMoyPB8uQD1ObLNrg7Lxcrw5KWUiW5omm6sq27gvH8kzX9o3n+s67n9wAbh4VE+W4QnYKACH5BAkJAAEALAAAAAAgACAAAAI2jI+py30Ao5stAoqVzHxz7H1TKFZQSZ3oyrbuC8fyTNf2jeeyOpOw/wK6hC0LzXLpIY1BJqYAADs=);
  2555. background-position: center center;
  2556. background-repeat: no-repeat;
  2557. }
  2558. .dx-loadindicator-image-small {
  2559. background-image: url(data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7);
  2560. background-position: center center;
  2561. background-repeat: no-repeat;
  2562. }
  2563. .dx-loadindicator-image-large {
  2564. background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7);
  2565. background-position: center center;
  2566. background-repeat: no-repeat;
  2567. }
  2568. .dx-widget {
  2569. color: #fff;
  2570. font-weight: normal;
  2571. font-size: 13px;
  2572. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  2573. line-height: 1.2857;
  2574. }
  2575. .dx-widget input,
  2576. .dx-widget textarea {
  2577. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  2578. line-height: 1.2857;
  2579. }
  2580. .dx-state-disabled.dx-widget,
  2581. .dx-state-disabled .dx-widget {
  2582. opacity: 0.38;
  2583. -webkit-user-select: none;
  2584. -moz-user-select: none;
  2585. -ms-user-select: none;
  2586. user-select: none;
  2587. -webkit-touch-callout: none;
  2588. zoom: 1;
  2589. cursor: default;
  2590. }
  2591. .dx-state-disabled.dx-widget .dx-widget,
  2592. .dx-state-disabled .dx-widget .dx-widget {
  2593. opacity: 1;
  2594. }
  2595. .dx-badge {
  2596. background-color: #009688;
  2597. color: rgba(0, 0, 0, 0.87);
  2598. font-size: 11px;
  2599. padding: 2px 7px;
  2600. margin-left: 4px;
  2601. line-height: normal;
  2602. margin-top: 1px;
  2603. }
  2604. .dx-rtl .dx-badge {
  2605. margin-left: 0;
  2606. margin-right: 4px;
  2607. }
  2608. .dx-box-item-content {
  2609. font-size: 13px;
  2610. }
  2611. .dx-button-content {
  2612. line-height: 0;
  2613. }
  2614. .dx-button-text {
  2615. line-height: 17px;
  2616. text-transform: uppercase;
  2617. font-weight: 500;
  2618. letter-spacing: 0.04em;
  2619. }
  2620. .dx-button a {
  2621. text-decoration: none;
  2622. }
  2623. .dx-button {
  2624. min-width: 28px;
  2625. }
  2626. .dx-button .dx-button-content {
  2627. padding: 5px;
  2628. }
  2629. .dx-button .dx-icon {
  2630. width: 18px;
  2631. height: 18px;
  2632. background-position: 0px 0px;
  2633. background-size: 18px 18px;
  2634. padding: 0px;
  2635. font-size: 18px;
  2636. text-align: center;
  2637. line-height: 18px;
  2638. margin-right: 0;
  2639. margin-left: 0;
  2640. }
  2641. .dx-rtl .dx-button .dx-icon,
  2642. .dx-rtl.dx-button .dx-icon {
  2643. margin-left: 0;
  2644. margin-right: 0;
  2645. }
  2646. .dx-button .dx-icon.dx-icon-right {
  2647. margin-left: 0;
  2648. margin-right: 0;
  2649. }
  2650. .dx-rtl .dx-button .dx-icon.dx-icon-right,
  2651. .dx-rtl.dx-button .dx-icon.dx-icon-right {
  2652. margin-right: 0;
  2653. margin-left: 0;
  2654. }
  2655. .dx-button-has-icon {
  2656. min-width: 28px;
  2657. }
  2658. .dx-button-has-icon .dx-button-content {
  2659. padding: 5px;
  2660. }
  2661. .dx-button-has-icon .dx-icon {
  2662. width: 18px;
  2663. height: 18px;
  2664. background-position: 0px 0px;
  2665. background-size: 18px 18px;
  2666. padding: 0px;
  2667. font-size: 18px;
  2668. text-align: center;
  2669. line-height: 18px;
  2670. margin-right: 0;
  2671. margin-left: 0;
  2672. }
  2673. .dx-rtl .dx-button-has-icon .dx-icon,
  2674. .dx-rtl.dx-button-has-icon .dx-icon {
  2675. margin-left: 0;
  2676. margin-right: 0;
  2677. }
  2678. .dx-button-has-icon .dx-icon.dx-icon-right {
  2679. margin-left: 0;
  2680. margin-right: 0;
  2681. }
  2682. .dx-rtl .dx-button-has-icon .dx-icon.dx-icon-right,
  2683. .dx-rtl.dx-button-has-icon .dx-icon.dx-icon-right {
  2684. margin-right: 0;
  2685. margin-left: 0;
  2686. }
  2687. .dx-button-has-text {
  2688. min-width: 48px;
  2689. }
  2690. .dx-button-has-text .dx-button-content {
  2691. padding: 5px 16px;
  2692. }
  2693. .dx-button-has-text .dx-icon {
  2694. width: 12px;
  2695. height: 12px;
  2696. background-position: 0px 0px;
  2697. background-size: 12px 12px;
  2698. padding: 0px;
  2699. font-size: 12px;
  2700. text-align: center;
  2701. line-height: 12px;
  2702. margin-right: 9px;
  2703. margin-left: 0;
  2704. }
  2705. .dx-rtl .dx-button-has-text .dx-icon,
  2706. .dx-rtl.dx-button-has-text .dx-icon {
  2707. margin-left: 9px;
  2708. margin-right: 0;
  2709. }
  2710. .dx-button-has-text .dx-icon.dx-icon-right {
  2711. margin-left: 9px;
  2712. margin-right: 0;
  2713. }
  2714. .dx-rtl .dx-button-has-text .dx-icon.dx-icon-right,
  2715. .dx-rtl.dx-button-has-text .dx-icon.dx-icon-right {
  2716. margin-right: 9px;
  2717. margin-left: 0;
  2718. }
  2719. .dx-button-has-icon.dx-button-has-text .dx-button-content {
  2720. padding: 5px 16px;
  2721. }
  2722. .dx-button-has-icon.dx-button-has-text .dx-icon {
  2723. width: 12px;
  2724. height: 12px;
  2725. background-position: 0px 0px;
  2726. background-size: 12px 12px;
  2727. padding: 0px;
  2728. font-size: 12px;
  2729. text-align: center;
  2730. line-height: 12px;
  2731. margin-right: 8px;
  2732. margin-left: 0;
  2733. }
  2734. .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-icon,
  2735. .dx-rtl.dx-button-has-icon.dx-button-has-text .dx-icon {
  2736. margin-left: 8px;
  2737. margin-right: 0;
  2738. }
  2739. .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right {
  2740. margin-left: 8px;
  2741. margin-right: 0;
  2742. }
  2743. .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right,
  2744. .dx-rtl.dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right {
  2745. margin-right: 8px;
  2746. margin-left: 0;
  2747. }
  2748. .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
  2749. border-radius: 50%;
  2750. -webkit-box-shadow: none;
  2751. box-shadow: none;
  2752. }
  2753. .dx-button {
  2754. height: 28px;
  2755. position: relative;
  2756. overflow: hidden;
  2757. border-radius: 2px;
  2758. background-color: #363640;
  2759. color: #fff;
  2760. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2761. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2762. }
  2763. .dx-button .dx-button-content {
  2764. position: relative;
  2765. }
  2766. .dx-button .dx-button-content .dx-inkripple {
  2767. overflow: hidden;
  2768. }
  2769. .dx-button .dx-icon {
  2770. color: #fff;
  2771. }
  2772. .dx-button.dx-state-hover {
  2773. background-color: #23232a;
  2774. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2775. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2776. }
  2777. .dx-button.dx-state-focused {
  2778. background-color: #1a1a1f;
  2779. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  2780. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  2781. }
  2782. .dx-button.dx-state-active {
  2783. background-color: #1a1a1f;
  2784. -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  2785. box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  2786. }
  2787. .dx-button.dx-state-disabled {
  2788. background: rgba(255, 255, 255, 0.1);
  2789. -webkit-box-shadow: none;
  2790. box-shadow: none;
  2791. }
  2792. .dx-button.dx-state-disabled .dx-icon {
  2793. opacity: 0.6;
  2794. }
  2795. .dx-button.dx-state-disabled .dx-button-text {
  2796. color: rgba(255, 255, 255, 0.35);
  2797. }
  2798. .dx-button .dx-inkripple-wave {
  2799. background-color: rgba(255, 255, 255, 0.2);
  2800. }
  2801. .dx-button.dx-button-default {
  2802. border-radius: 2px;
  2803. background-color: #009688;
  2804. color: rgba(0, 0, 0, 0.87);
  2805. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2806. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2807. }
  2808. .dx-button.dx-button-default .dx-icon {
  2809. color: rgba(0, 0, 0, 0.87);
  2810. }
  2811. .dx-button.dx-button-default.dx-state-hover {
  2812. background-color: #006d63;
  2813. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2814. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2815. }
  2816. .dx-button.dx-button-default.dx-state-focused {
  2817. background-color: #005951;
  2818. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  2819. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  2820. }
  2821. .dx-button.dx-button-default.dx-state-active {
  2822. background-color: #001c19;
  2823. -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  2824. box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  2825. }
  2826. .dx-button.dx-button-default.dx-state-disabled {
  2827. background: rgba(255, 255, 255, 0.1);
  2828. -webkit-box-shadow: none;
  2829. box-shadow: none;
  2830. }
  2831. .dx-button.dx-button-default.dx-state-disabled .dx-icon {
  2832. opacity: 0.6;
  2833. }
  2834. .dx-button.dx-button-default.dx-state-disabled .dx-button-text {
  2835. color: rgba(255, 255, 255, 0.35);
  2836. }
  2837. .dx-button.dx-button-default .dx-inkripple-wave {
  2838. background-color: rgba(0, 0, 0, 0.2);
  2839. }
  2840. .dx-button.dx-button-danger {
  2841. border-radius: 2px;
  2842. background-color: #F44336;
  2843. color: rgba(0, 0, 0, 0.87);
  2844. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2845. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2846. }
  2847. .dx-button.dx-button-danger .dx-icon {
  2848. color: rgba(0, 0, 0, 0.87);
  2849. }
  2850. .dx-button.dx-button-danger.dx-state-hover {
  2851. background-color: #f21f0f;
  2852. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2853. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2854. }
  2855. .dx-button.dx-button-danger.dx-state-focused {
  2856. background-color: #e11b0c;
  2857. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  2858. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  2859. }
  2860. .dx-button.dx-button-danger.dx-state-active {
  2861. background-color: #e11b0c;
  2862. -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  2863. box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  2864. }
  2865. .dx-button.dx-button-danger.dx-state-disabled {
  2866. background: rgba(255, 255, 255, 0.1);
  2867. -webkit-box-shadow: none;
  2868. box-shadow: none;
  2869. }
  2870. .dx-button.dx-button-danger.dx-state-disabled .dx-icon {
  2871. opacity: 0.6;
  2872. }
  2873. .dx-button.dx-button-danger.dx-state-disabled .dx-button-text {
  2874. color: rgba(255, 255, 255, 0.35);
  2875. }
  2876. .dx-button.dx-button-danger .dx-inkripple-wave {
  2877. background-color: rgba(0, 0, 0, 0.2);
  2878. }
  2879. .dx-button.dx-button-success {
  2880. border-radius: 2px;
  2881. background-color: #8BC34A;
  2882. color: rgba(0, 0, 0, 0.87);
  2883. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2884. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2885. }
  2886. .dx-button.dx-button-success .dx-icon {
  2887. color: rgba(0, 0, 0, 0.87);
  2888. }
  2889. .dx-button.dx-button-success.dx-state-hover {
  2890. background-color: #76ab39;
  2891. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2892. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  2893. }
  2894. .dx-button.dx-button-success.dx-state-focused {
  2895. background-color: #6c9c34;
  2896. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  2897. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  2898. }
  2899. .dx-button.dx-button-success.dx-state-active {
  2900. background-color: #6c9c34;
  2901. -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  2902. box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  2903. }
  2904. .dx-button.dx-button-success.dx-state-disabled {
  2905. background: rgba(255, 255, 255, 0.1);
  2906. -webkit-box-shadow: none;
  2907. box-shadow: none;
  2908. }
  2909. .dx-button.dx-button-success.dx-state-disabled .dx-icon {
  2910. opacity: 0.6;
  2911. }
  2912. .dx-button.dx-button-success.dx-state-disabled .dx-button-text {
  2913. color: rgba(255, 255, 255, 0.35);
  2914. }
  2915. .dx-button.dx-button-success .dx-inkripple-wave {
  2916. background-color: rgba(0, 0, 0, 0.2);
  2917. }
  2918. .dx-button.dx-button-back {
  2919. background-color: transparent;
  2920. color: #fff;
  2921. -webkit-box-shadow: none;
  2922. box-shadow: none;
  2923. border-radius: 50%;
  2924. min-width: 28px;
  2925. }
  2926. .dx-button.dx-button-back .dx-icon {
  2927. color: #fff;
  2928. }
  2929. .dx-button.dx-button-back.dx-state-hover {
  2930. background-color: rgba(255, 255, 255, 0.08);
  2931. -webkit-box-shadow: none;
  2932. box-shadow: none;
  2933. }
  2934. .dx-button.dx-button-back.dx-state-focused {
  2935. background-color: rgba(255, 255, 255, 0.15);
  2936. -webkit-box-shadow: none;
  2937. box-shadow: none;
  2938. }
  2939. .dx-button.dx-button-back.dx-state-active {
  2940. background-color: rgba(255, 255, 255, 0.2);
  2941. -webkit-box-shadow: none;
  2942. box-shadow: none;
  2943. }
  2944. .dx-button.dx-button-back.dx-state-disabled {
  2945. background: transparent;
  2946. -webkit-box-shadow: none;
  2947. box-shadow: none;
  2948. }
  2949. .dx-button.dx-button-back.dx-state-disabled .dx-icon {
  2950. opacity: 0.6;
  2951. }
  2952. .dx-button.dx-button-back.dx-state-disabled .dx-button-text {
  2953. color: rgba(255, 255, 255, 0.35);
  2954. }
  2955. .dx-button.dx-button-back .dx-inkripple-wave {
  2956. background-color: rgba(255, 255, 255, 0.2);
  2957. }
  2958. .dx-button.dx-button-back .dx-button-content {
  2959. padding: 5px;
  2960. }
  2961. .dx-button.dx-button-back .dx-icon {
  2962. width: 18px;
  2963. height: 18px;
  2964. background-position: 0px 0px;
  2965. background-size: 18px 18px;
  2966. padding: 0px;
  2967. font-size: 18px;
  2968. text-align: center;
  2969. line-height: 18px;
  2970. margin-right: 0;
  2971. margin-left: 0;
  2972. }
  2973. .dx-rtl .dx-button.dx-button-back .dx-icon,
  2974. .dx-rtl.dx-button.dx-button-back .dx-icon {
  2975. margin-left: 0;
  2976. margin-right: 0;
  2977. }
  2978. .dx-button.dx-button-back .dx-icon.dx-icon-right {
  2979. margin-left: 0;
  2980. margin-right: 0;
  2981. }
  2982. .dx-rtl .dx-button.dx-button-back .dx-icon.dx-icon-right,
  2983. .dx-rtl.dx-button.dx-button-back .dx-icon.dx-icon-right {
  2984. margin-right: 0;
  2985. margin-left: 0;
  2986. }
  2987. .dx-button.dx-button-back .dx-button-text {
  2988. display: none;
  2989. }
  2990. .dx-button-mode-text {
  2991. background-color: transparent;
  2992. color: #fff;
  2993. -webkit-box-shadow: none;
  2994. box-shadow: none;
  2995. }
  2996. .dx-button-mode-text .dx-icon {
  2997. color: #fff;
  2998. }
  2999. .dx-button-mode-text.dx-state-hover {
  3000. background-color: rgba(255, 255, 255, 0.08);
  3001. -webkit-box-shadow: none;
  3002. box-shadow: none;
  3003. }
  3004. .dx-button-mode-text.dx-state-focused {
  3005. background-color: rgba(255, 255, 255, 0.15);
  3006. -webkit-box-shadow: none;
  3007. box-shadow: none;
  3008. }
  3009. .dx-button-mode-text.dx-state-active {
  3010. background-color: rgba(255, 255, 255, 0.2);
  3011. -webkit-box-shadow: none;
  3012. box-shadow: none;
  3013. }
  3014. .dx-button-mode-text.dx-state-disabled {
  3015. background: transparent;
  3016. -webkit-box-shadow: none;
  3017. box-shadow: none;
  3018. }
  3019. .dx-button-mode-text.dx-state-disabled .dx-icon {
  3020. opacity: 0.6;
  3021. }
  3022. .dx-button-mode-text.dx-state-disabled .dx-button-text {
  3023. color: rgba(255, 255, 255, 0.35);
  3024. }
  3025. .dx-button-mode-text .dx-inkripple-wave {
  3026. background-color: rgba(255, 255, 255, 0.2);
  3027. }
  3028. .dx-button-mode-text.dx-button-default {
  3029. background-color: transparent;
  3030. color: #009688;
  3031. -webkit-box-shadow: none;
  3032. box-shadow: none;
  3033. }
  3034. .dx-button-mode-text.dx-button-default .dx-icon {
  3035. color: #009688;
  3036. }
  3037. .dx-button-mode-text.dx-button-default.dx-state-hover {
  3038. background-color: rgba(0, 150, 136, 0.08);
  3039. -webkit-box-shadow: none;
  3040. box-shadow: none;
  3041. }
  3042. .dx-button-mode-text.dx-button-default.dx-state-focused {
  3043. background-color: rgba(0, 150, 136, 0.15);
  3044. -webkit-box-shadow: none;
  3045. box-shadow: none;
  3046. }
  3047. .dx-button-mode-text.dx-button-default.dx-state-active {
  3048. background-color: rgba(0, 150, 136, 0.2);
  3049. -webkit-box-shadow: none;
  3050. box-shadow: none;
  3051. }
  3052. .dx-button-mode-text.dx-button-default.dx-state-disabled {
  3053. background: transparent;
  3054. -webkit-box-shadow: none;
  3055. box-shadow: none;
  3056. }
  3057. .dx-button-mode-text.dx-button-default.dx-state-disabled .dx-icon {
  3058. opacity: 0.6;
  3059. }
  3060. .dx-button-mode-text.dx-button-default.dx-state-disabled .dx-button-text {
  3061. color: rgba(255, 255, 255, 0.35);
  3062. }
  3063. .dx-button-mode-text.dx-button-default .dx-inkripple-wave {
  3064. background-color: rgba(0, 150, 136, 0.2);
  3065. }
  3066. .dx-button-mode-text.dx-button-danger {
  3067. background-color: transparent;
  3068. color: #F44336;
  3069. -webkit-box-shadow: none;
  3070. box-shadow: none;
  3071. }
  3072. .dx-button-mode-text.dx-button-danger .dx-icon {
  3073. color: #F44336;
  3074. }
  3075. .dx-button-mode-text.dx-button-danger.dx-state-hover {
  3076. background-color: rgba(244, 67, 54, 0.08);
  3077. -webkit-box-shadow: none;
  3078. box-shadow: none;
  3079. }
  3080. .dx-button-mode-text.dx-button-danger.dx-state-focused {
  3081. background-color: rgba(244, 67, 54, 0.15);
  3082. -webkit-box-shadow: none;
  3083. box-shadow: none;
  3084. }
  3085. .dx-button-mode-text.dx-button-danger.dx-state-active {
  3086. background-color: rgba(244, 67, 54, 0.2);
  3087. -webkit-box-shadow: none;
  3088. box-shadow: none;
  3089. }
  3090. .dx-button-mode-text.dx-button-danger.dx-state-disabled {
  3091. background: transparent;
  3092. -webkit-box-shadow: none;
  3093. box-shadow: none;
  3094. }
  3095. .dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-icon {
  3096. opacity: 0.6;
  3097. }
  3098. .dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-button-text {
  3099. color: rgba(255, 255, 255, 0.35);
  3100. }
  3101. .dx-button-mode-text.dx-button-danger .dx-inkripple-wave {
  3102. background-color: rgba(244, 67, 54, 0.2);
  3103. }
  3104. .dx-button-mode-text.dx-button-success {
  3105. background-color: transparent;
  3106. color: #8BC34A;
  3107. -webkit-box-shadow: none;
  3108. box-shadow: none;
  3109. }
  3110. .dx-button-mode-text.dx-button-success .dx-icon {
  3111. color: #8BC34A;
  3112. }
  3113. .dx-button-mode-text.dx-button-success.dx-state-hover {
  3114. background-color: rgba(139, 195, 74, 0.08);
  3115. -webkit-box-shadow: none;
  3116. box-shadow: none;
  3117. }
  3118. .dx-button-mode-text.dx-button-success.dx-state-focused {
  3119. background-color: rgba(139, 195, 74, 0.15);
  3120. -webkit-box-shadow: none;
  3121. box-shadow: none;
  3122. }
  3123. .dx-button-mode-text.dx-button-success.dx-state-active {
  3124. background-color: rgba(139, 195, 74, 0.2);
  3125. -webkit-box-shadow: none;
  3126. box-shadow: none;
  3127. }
  3128. .dx-button-mode-text.dx-button-success.dx-state-disabled {
  3129. background: transparent;
  3130. -webkit-box-shadow: none;
  3131. box-shadow: none;
  3132. }
  3133. .dx-button-mode-text.dx-button-success.dx-state-disabled .dx-icon {
  3134. opacity: 0.6;
  3135. }
  3136. .dx-button-mode-text.dx-button-success.dx-state-disabled .dx-button-text {
  3137. color: rgba(255, 255, 255, 0.35);
  3138. }
  3139. .dx-button-mode-text.dx-button-success .dx-inkripple-wave {
  3140. background-color: rgba(139, 195, 74, 0.2);
  3141. }
  3142. .dx-button-mode-outlined.dx-button-normal {
  3143. background-color: transparent;
  3144. color: #fff;
  3145. -webkit-box-shadow: none;
  3146. box-shadow: none;
  3147. border: 1px solid rgba(255, 255, 255, 0.24);
  3148. }
  3149. .dx-button-mode-outlined.dx-button-normal .dx-icon {
  3150. color: #fff;
  3151. }
  3152. .dx-button-mode-outlined.dx-button-normal.dx-state-hover {
  3153. background-color: rgba(255, 255, 255, 0.08);
  3154. -webkit-box-shadow: none;
  3155. box-shadow: none;
  3156. }
  3157. .dx-button-mode-outlined.dx-button-normal.dx-state-focused {
  3158. background-color: rgba(255, 255, 255, 0.15);
  3159. -webkit-box-shadow: none;
  3160. box-shadow: none;
  3161. }
  3162. .dx-button-mode-outlined.dx-button-normal.dx-state-active {
  3163. background-color: rgba(255, 255, 255, 0.2);
  3164. -webkit-box-shadow: none;
  3165. box-shadow: none;
  3166. }
  3167. .dx-button-mode-outlined.dx-button-normal.dx-state-disabled {
  3168. background: transparent;
  3169. -webkit-box-shadow: none;
  3170. box-shadow: none;
  3171. }
  3172. .dx-button-mode-outlined.dx-button-normal.dx-state-disabled .dx-icon {
  3173. opacity: 0.6;
  3174. }
  3175. .dx-button-mode-outlined.dx-button-normal.dx-state-disabled .dx-button-text {
  3176. color: rgba(255, 255, 255, 0.35);
  3177. }
  3178. .dx-button-mode-outlined.dx-button-normal .dx-inkripple-wave {
  3179. background-color: rgba(255, 255, 255, 0.2);
  3180. }
  3181. .dx-button-mode-outlined.dx-button-default {
  3182. background-color: transparent;
  3183. color: #009688;
  3184. -webkit-box-shadow: none;
  3185. box-shadow: none;
  3186. border: 1px solid #009688;
  3187. }
  3188. .dx-button-mode-outlined.dx-button-default .dx-icon {
  3189. color: #009688;
  3190. }
  3191. .dx-button-mode-outlined.dx-button-default.dx-state-hover {
  3192. background-color: rgba(0, 150, 136, 0.08);
  3193. -webkit-box-shadow: none;
  3194. box-shadow: none;
  3195. }
  3196. .dx-button-mode-outlined.dx-button-default.dx-state-focused {
  3197. background-color: rgba(0, 150, 136, 0.15);
  3198. -webkit-box-shadow: none;
  3199. box-shadow: none;
  3200. }
  3201. .dx-button-mode-outlined.dx-button-default.dx-state-active {
  3202. background-color: rgba(0, 150, 136, 0.2);
  3203. -webkit-box-shadow: none;
  3204. box-shadow: none;
  3205. }
  3206. .dx-button-mode-outlined.dx-button-default.dx-state-disabled {
  3207. background: transparent;
  3208. -webkit-box-shadow: none;
  3209. box-shadow: none;
  3210. }
  3211. .dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-icon {
  3212. opacity: 0.6;
  3213. }
  3214. .dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-button-text {
  3215. color: rgba(255, 255, 255, 0.35);
  3216. }
  3217. .dx-button-mode-outlined.dx-button-default .dx-inkripple-wave {
  3218. background-color: rgba(0, 150, 136, 0.2);
  3219. }
  3220. .dx-button-mode-outlined.dx-button-danger {
  3221. background-color: transparent;
  3222. color: #F44336;
  3223. -webkit-box-shadow: none;
  3224. box-shadow: none;
  3225. border: 1px solid #F44336;
  3226. }
  3227. .dx-button-mode-outlined.dx-button-danger .dx-icon {
  3228. color: #F44336;
  3229. }
  3230. .dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  3231. background-color: rgba(244, 67, 54, 0.08);
  3232. -webkit-box-shadow: none;
  3233. box-shadow: none;
  3234. }
  3235. .dx-button-mode-outlined.dx-button-danger.dx-state-focused {
  3236. background-color: rgba(244, 67, 54, 0.15);
  3237. -webkit-box-shadow: none;
  3238. box-shadow: none;
  3239. }
  3240. .dx-button-mode-outlined.dx-button-danger.dx-state-active {
  3241. background-color: rgba(244, 67, 54, 0.2);
  3242. -webkit-box-shadow: none;
  3243. box-shadow: none;
  3244. }
  3245. .dx-button-mode-outlined.dx-button-danger.dx-state-disabled {
  3246. background: transparent;
  3247. -webkit-box-shadow: none;
  3248. box-shadow: none;
  3249. }
  3250. .dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-icon {
  3251. opacity: 0.6;
  3252. }
  3253. .dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-button-text {
  3254. color: rgba(255, 255, 255, 0.35);
  3255. }
  3256. .dx-button-mode-outlined.dx-button-danger .dx-inkripple-wave {
  3257. background-color: rgba(244, 67, 54, 0.2);
  3258. }
  3259. .dx-button-mode-outlined.dx-button-success {
  3260. background-color: transparent;
  3261. color: #8BC34A;
  3262. -webkit-box-shadow: none;
  3263. box-shadow: none;
  3264. border: 1px solid #8BC34A;
  3265. }
  3266. .dx-button-mode-outlined.dx-button-success .dx-icon {
  3267. color: #8BC34A;
  3268. }
  3269. .dx-button-mode-outlined.dx-button-success.dx-state-hover {
  3270. background-color: rgba(139, 195, 74, 0.08);
  3271. -webkit-box-shadow: none;
  3272. box-shadow: none;
  3273. }
  3274. .dx-button-mode-outlined.dx-button-success.dx-state-focused {
  3275. background-color: rgba(139, 195, 74, 0.15);
  3276. -webkit-box-shadow: none;
  3277. box-shadow: none;
  3278. }
  3279. .dx-button-mode-outlined.dx-button-success.dx-state-active {
  3280. background-color: rgba(139, 195, 74, 0.2);
  3281. -webkit-box-shadow: none;
  3282. box-shadow: none;
  3283. }
  3284. .dx-button-mode-outlined.dx-button-success.dx-state-disabled {
  3285. background: transparent;
  3286. -webkit-box-shadow: none;
  3287. box-shadow: none;
  3288. }
  3289. .dx-button-mode-outlined.dx-button-success.dx-state-disabled .dx-icon {
  3290. opacity: 0.6;
  3291. }
  3292. .dx-button-mode-outlined.dx-button-success.dx-state-disabled .dx-button-text {
  3293. color: rgba(255, 255, 255, 0.35);
  3294. }
  3295. .dx-button-mode-outlined.dx-button-success .dx-inkripple-wave {
  3296. background-color: rgba(139, 195, 74, 0.2);
  3297. }
  3298. .dx-editor-outlined .dx-texteditor-buttons-container > .dx-button,
  3299. .dx-editor-filled .dx-texteditor-buttons-container > .dx-button {
  3300. margin-left: 5px;
  3301. margin-right: 5px;
  3302. }
  3303. .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
  3304. .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  3305. margin-left: 10px;
  3306. }
  3307. .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
  3308. .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
  3309. margin-right: 0;
  3310. }
  3311. .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
  3312. .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
  3313. margin-left: 0;
  3314. }
  3315. .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
  3316. .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  3317. margin-right: 10px;
  3318. }
  3319. .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
  3320. .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child {
  3321. margin-right: 8px;
  3322. }
  3323. .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child,
  3324. .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child,
  3325. .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-numberbox-spin-container:last-child,
  3326. .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-numberbox-spin-container:last-child {
  3327. margin-right: 8px;
  3328. }
  3329. .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
  3330. .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  3331. margin-left: 5px;
  3332. margin-right: 10px;
  3333. }
  3334. .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
  3335. .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
  3336. margin-left: 0;
  3337. margin-right: 5px;
  3338. }
  3339. .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child,
  3340. .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child {
  3341. margin-left: 0;
  3342. margin-right: 10px;
  3343. }
  3344. .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
  3345. .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
  3346. margin-left: 5px;
  3347. margin-right: 0;
  3348. }
  3349. .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
  3350. .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  3351. margin-left: 10px;
  3352. margin-right: 5px;
  3353. }
  3354. .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
  3355. .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child {
  3356. margin-left: 8px;
  3357. margin-right: 0;
  3358. }
  3359. .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child,
  3360. .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child,
  3361. .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-numberbox-spin-container:last-child,
  3362. .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-numberbox-spin-container:last-child {
  3363. margin-left: 8px;
  3364. margin-right: 0;
  3365. }
  3366. .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text {
  3367. height: 22px;
  3368. margin: 1px 5px 3px;
  3369. }
  3370. .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content {
  3371. display: -webkit-box;
  3372. display: -webkit-flex;
  3373. display: -ms-flexbox;
  3374. display: flex;
  3375. -webkit-box-pack: center;
  3376. -webkit-justify-content: center;
  3377. -ms-flex-pack: center;
  3378. justify-content: center;
  3379. padding-top: 4px;
  3380. }
  3381. .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content .dx-icon {
  3382. -webkit-align-self: center;
  3383. -ms-flex-item-align: center;
  3384. align-self: center;
  3385. margin-top: 1px;
  3386. }
  3387. .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text.dx-button-has-text .dx-button-content .dx-icon {
  3388. margin-top: 3px;
  3389. }
  3390. .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) {
  3391. min-width: 22px;
  3392. }
  3393. .dx-editor-underlined .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) .dx-button-content {
  3394. padding: 2px;
  3395. }
  3396. .dx-editor-underlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  3397. margin-left: 0;
  3398. }
  3399. .dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  3400. margin-right: 0;
  3401. }
  3402. .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  3403. margin-left: 5px;
  3404. margin-right: 0;
  3405. }
  3406. .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
  3407. margin-left: 5px;
  3408. margin-right: 5px;
  3409. }
  3410. .dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  3411. margin-left: 0;
  3412. margin-right: 5px;
  3413. }
  3414. @-webkit-keyframes focus {
  3415. from {
  3416. -webkit-transform: scale(1);
  3417. transform: scale(1);
  3418. }
  3419. to {
  3420. -webkit-transform: scale(1.06);
  3421. transform: scale(1.06);
  3422. }
  3423. }
  3424. @keyframes focus {
  3425. from {
  3426. -webkit-transform: scale(1);
  3427. transform: scale(1);
  3428. }
  3429. to {
  3430. -webkit-transform: scale(1.06);
  3431. transform: scale(1.06);
  3432. }
  3433. }
  3434. .dx-button-mode-contained.dx-buttongroup-item {
  3435. padding-right: 1px;
  3436. }
  3437. .dx-button-mode-contained.dx-buttongroup-last-item {
  3438. padding-right: 0;
  3439. }
  3440. .dx-button-mode-outlined.dx-buttongroup-item {
  3441. border-left-width: 0;
  3442. }
  3443. .dx-button-mode-outlined.dx-buttongroup-first-item {
  3444. border-left-width: 1px;
  3445. }
  3446. .dx-button-mode-text.dx-button.dx-buttongroup-item {
  3447. border-radius: 2px;
  3448. }
  3449. .dx-button-mode-text.dx-buttongroup-first-item {
  3450. margin-left: 0;
  3451. }
  3452. .dx-button-mode-outlined.dx-button.dx-buttongroup-first-item,
  3453. .dx-button-mode-contained.dx-button.dx-buttongroup-first-item {
  3454. border-top-left-radius: 2px;
  3455. border-bottom-left-radius: 2px;
  3456. }
  3457. .dx-button-mode-outlined.dx-button.dx-buttongroup-last-item,
  3458. .dx-button-mode-contained.dx-button.dx-buttongroup-last-item {
  3459. border-top-right-radius: 2px;
  3460. border-bottom-right-radius: 2px;
  3461. }
  3462. .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled {
  3463. opacity: 1;
  3464. }
  3465. .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content {
  3466. opacity: 0.6;
  3467. }
  3468. .dx-buttongroup-item.dx-button.dx-state-focused {
  3469. background-color: rgba(255, 255, 255, 0.04);
  3470. }
  3471. .dx-buttongroup-item.dx-button.dx-state-hover {
  3472. background-color: rgba(255, 255, 255, 0.04);
  3473. }
  3474. .dx-buttongroup-item.dx-button.dx-item-selected {
  3475. background-color: #1f1f24;
  3476. }
  3477. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-success {
  3478. background-color: #71a436;
  3479. }
  3480. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-default {
  3481. background-color: #00635a;
  3482. color: rgba(0, 0, 0, 0.87);
  3483. }
  3484. .dx-buttongroup-item.dx-button.dx-item-selected.dx-button-danger {
  3485. background-color: #ea1c0d;
  3486. color: rgba(0, 0, 0, 0.87);
  3487. }
  3488. .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-first-item,
  3489. .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-first-item {
  3490. border-radius: 0 2px 2px 0;
  3491. }
  3492. .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-last-item,
  3493. .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-last-item {
  3494. border-radius: 2px 0 0 2px;
  3495. }
  3496. .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-first-item.dx-buttongroup-last-item,
  3497. .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-first-item.dx-buttongroup-last-item {
  3498. border-radius: 2px;
  3499. }
  3500. .dx-rtl.dx-button-mode-text.dx-buttongroup-first-item {
  3501. margin-left: 1px;
  3502. }
  3503. .dx-rtl.dx-button-mode-text.dx-buttongroup-last-item {
  3504. margin-left: 0;
  3505. }
  3506. .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item {
  3507. border-left-width: 0;
  3508. }
  3509. .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item {
  3510. border-left-width: 1px;
  3511. }
  3512. .dx-scrollable-content {
  3513. -webkit-transform: none;
  3514. }
  3515. .dx-scrollable-scroll {
  3516. padding: 2px 0 2px 2px;
  3517. background-color: transparent;
  3518. opacity: 1;
  3519. overflow: hidden;
  3520. -webkit-transition: opacity 0s linear;
  3521. transition: opacity 0s linear;
  3522. }
  3523. .dx-rtl .dx-scrollable-scroll {
  3524. padding-left: 0;
  3525. padding-right: 2px;
  3526. }
  3527. .dx-scrollable-scroll.dx-state-invisible {
  3528. opacity: 0;
  3529. -webkit-transition: opacity 0.5s linear 1s;
  3530. transition: opacity 0.5s linear 1s;
  3531. }
  3532. .dx-scrollable-scroll-content {
  3533. width: 100%;
  3534. height: 100%;
  3535. background-color: rgba(112, 112, 133, 0.7);
  3536. -webkit-box-shadow: 0 0 0 1px transparent;
  3537. box-shadow: 0 0 0 1px transparent;
  3538. }
  3539. .dx-scrollbar-hoverable {
  3540. background-color: transparent;
  3541. }
  3542. .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  3543. opacity: 1;
  3544. }
  3545. .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  3546. background-color: transparent;
  3547. background-color: rgba(0, 0, 0, 0);
  3548. -webkit-box-shadow: 0 0 0 1px transparent;
  3549. box-shadow: 0 0 0 1px transparent;
  3550. }
  3551. .dx-scrollbar-vertical .dx-scrollable-scroll {
  3552. float: right;
  3553. width: 6px;
  3554. }
  3555. .dx-scrollbar-vertical.dx-scrollbar-hoverable {
  3556. width: 6px;
  3557. -webkit-transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
  3558. transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
  3559. }
  3560. .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
  3561. -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 150ms;
  3562. transition: background-color 0.5s linear 1s, width 0.2s linear 150ms;
  3563. }
  3564. .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  3565. -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  3566. transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  3567. transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s;
  3568. transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  3569. }
  3570. .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  3571. -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s;
  3572. transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s;
  3573. }
  3574. .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  3575. -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  3576. transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  3577. transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s;
  3578. transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  3579. }
  3580. .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
  3581. .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
  3582. width: 13px;
  3583. }
  3584. .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
  3585. .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
  3586. width: 13px;
  3587. }
  3588. .dx-scrollbar-horizontal .dx-scrollable-scroll {
  3589. height: 6px;
  3590. }
  3591. .dx-scrollbar-horizontal .dx-scrollable-scroll,
  3592. .dx-rtl .dx-scrollbar-horizontal .dx-scrollable-scroll {
  3593. padding-left: 2px;
  3594. padding-right: 2px;
  3595. padding-bottom: 0;
  3596. }
  3597. .dx-scrollbar-horizontal.dx-scrollbar-hoverable {
  3598. height: 6px;
  3599. -webkit-transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
  3600. transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
  3601. }
  3602. .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
  3603. -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
  3604. transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
  3605. }
  3606. .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  3607. -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  3608. transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  3609. transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s;
  3610. transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  3611. }
  3612. .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  3613. -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
  3614. transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
  3615. }
  3616. .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  3617. -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  3618. transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  3619. transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s;
  3620. transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  3621. }
  3622. .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
  3623. .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
  3624. height: 13px;
  3625. }
  3626. .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
  3627. .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
  3628. height: 13px;
  3629. }
  3630. .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
  3631. .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  3632. padding-right: 6px;
  3633. }
  3634. .dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
  3635. .dx-rtl.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
  3636. .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
  3637. .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  3638. padding-right: 0;
  3639. padding-left: 6px;
  3640. }
  3641. .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
  3642. .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  3643. padding-bottom: 6px;
  3644. }
  3645. .dx-scrollview-scrollbottom-text,
  3646. .dx-scrollview-pull-down-text {
  3647. margin-left: 10px;
  3648. top: 18.5px;
  3649. display: inline-block;
  3650. }
  3651. .dx-rtl .dx-scrollview-scrollbottom-text,
  3652. .dx-rtl .dx-scrollview-pull-down-text {
  3653. margin-left: 0;
  3654. margin-right: 10px;
  3655. }
  3656. .dx-scrollview-pull-down-text div {
  3657. position: relative;
  3658. }
  3659. .dx-scrollview-pull-down-image {
  3660. display: none;
  3661. }
  3662. .dx-scrollview-pull-down {
  3663. text-align: center;
  3664. }
  3665. .dx-rtl .dx-scrollable .dx-scrollable-scroll,
  3666. .dx-rtl.dx-scrollable .dx-scrollable-scroll {
  3667. float: left;
  3668. }
  3669. .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
  3670. background-color: #363640;
  3671. -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  3672. box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  3673. }
  3674. .dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image {
  3675. width: 24px;
  3676. height: 24px;
  3677. }
  3678. .dx-scrollview-scrollbottom-indicator,
  3679. .dx-scrollview-pull-down-indicator {
  3680. margin-right: 0;
  3681. height: 42px;
  3682. width: 42px;
  3683. border-radius: 21px;
  3684. display: -webkit-inline-box;
  3685. display: -webkit-inline-flex;
  3686. display: -ms-inline-flexbox;
  3687. display: inline-flex;
  3688. -webkit-box-pack: center;
  3689. -webkit-justify-content: center;
  3690. -ms-flex-pack: center;
  3691. justify-content: center;
  3692. -webkit-box-orient: vertical;
  3693. -webkit-box-direction: normal;
  3694. -webkit-flex-direction: column;
  3695. -ms-flex-direction: column;
  3696. flex-direction: column;
  3697. -webkit-box-align: center;
  3698. -webkit-align-items: center;
  3699. -ms-flex-align: center;
  3700. align-items: center;
  3701. -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.37);
  3702. box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.37);
  3703. opacity: 1;
  3704. }
  3705. .dx-scrollview-scrollbottom-indicator > .dx-loadindicator,
  3706. .dx-scrollview-pull-down-indicator > .dx-loadindicator {
  3707. height: 24px;
  3708. width: 24px;
  3709. }
  3710. .dx-scrollview-scrollbottom-indicator > .dx-loadindicator > .dx-loadindicator-wrapper,
  3711. .dx-scrollview-pull-down-indicator > .dx-loadindicator > .dx-loadindicator-wrapper {
  3712. font-size: 24px;
  3713. }
  3714. .dx-scrollview-pull-down-indicator {
  3715. position: relative;
  3716. margin-left: 0;
  3717. margin-top: -21px;
  3718. }
  3719. .dx-scrollview-pull-down-text > div {
  3720. display: none;
  3721. }
  3722. .dx-scrollview-pull-down-text > div.dx-scrollview-pull-down-text-visible {
  3723. display: block;
  3724. }
  3725. .dx-checkbox {
  3726. line-height: 0;
  3727. }
  3728. .dx-checkbox .dx-checkbox-container {
  3729. overflow: visible;
  3730. }
  3731. .dx-checkbox.dx-state-readonly,
  3732. .dx-checkbox.dx-state-disabled {
  3733. border-color: rgba(255, 255, 255, 0.26);
  3734. }
  3735. .dx-checkbox.dx-state-focused .dx-checkbox-icon:after,
  3736. .dx-checkbox.dx-state-active .dx-checkbox-icon:after {
  3737. background-color: rgba(255, 255, 255, 0.1);
  3738. -webkit-transform: scale(1);
  3739. transform: scale(1);
  3740. }
  3741. .dx-checkbox.dx-checkbox-checked.dx-state-focused .dx-checkbox-icon:after,
  3742. .dx-checkbox.dx-checkbox-indeterminate.dx-state-focused .dx-checkbox-icon:after,
  3743. .dx-checkbox.dx-checkbox-checked.dx-state-active .dx-checkbox-icon:after,
  3744. .dx-checkbox.dx-checkbox-indeterminate.dx-state-active .dx-checkbox-icon:after {
  3745. background-color: rgba(0, 150, 136, 0.1);
  3746. -webkit-transform: scale(1);
  3747. transform: scale(1);
  3748. }
  3749. .dx-checkbox.dx-checkbox-checked.dx-state-readonly .dx-checkbox-icon,
  3750. .dx-checkbox.dx-checkbox-indeterminate.dx-state-readonly .dx-checkbox-icon,
  3751. .dx-checkbox.dx-checkbox-checked.dx-state-disabled .dx-checkbox-icon,
  3752. .dx-checkbox.dx-checkbox-indeterminate.dx-state-disabled .dx-checkbox-icon {
  3753. background-color: rgba(255, 255, 255, 0.26);
  3754. }
  3755. .dx-checkbox.dx-state-readonly.dx-state-focused .dx-checkbox-icon:after,
  3756. .dx-checkbox-indeterminate.dx-state-readonly.dx-state-focused .dx-checkbox-icon:after,
  3757. .dx-checkbox-checked.dx-state-readonly.dx-state-focused .dx-checkbox-icon:after {
  3758. background-color: rgba(255, 255, 255, 0.1);
  3759. -webkit-transform: scale(1);
  3760. transform: scale(1);
  3761. }
  3762. .dx-checkbox-icon {
  3763. width: 16px;
  3764. height: 16px;
  3765. border: 2px solid rgba(255, 255, 255, 0.54);
  3766. border-radius: 2px;
  3767. }
  3768. .dx-checkbox-icon:after {
  3769. content: "";
  3770. width: 30px;
  3771. height: 30px;
  3772. top: 50%;
  3773. left: 50%;
  3774. margin-top: -15px;
  3775. margin-left: -15px;
  3776. border-radius: 50%;
  3777. display: block;
  3778. position: absolute;
  3779. z-index: 1;
  3780. -webkit-transform: scale(0.5);
  3781. transform: scale(0.5);
  3782. -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  3783. transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  3784. }
  3785. .dx-checkbox-icon:before {
  3786. z-index: 2;
  3787. }
  3788. .dx-checkbox-checked .dx-checkbox-icon {
  3789. color: #363640;
  3790. background-color: #009688;
  3791. border: none;
  3792. font: 14px/1 DXIcons;
  3793. font-size: 14px;
  3794. text-align: center;
  3795. line-height: 14px;
  3796. }
  3797. .dx-checkbox-checked .dx-checkbox-icon:before {
  3798. content: "\f005";
  3799. }
  3800. .dx-checkbox-checked .dx-checkbox-icon:before {
  3801. position: absolute;
  3802. display: block;
  3803. width: 14px;
  3804. top: 50%;
  3805. margin-top: -7px;
  3806. left: 50%;
  3807. margin-left: -7px;
  3808. }
  3809. .dx-checkbox-indeterminate .dx-checkbox-icon {
  3810. background-color: #009688;
  3811. color: #363640;
  3812. border: none;
  3813. font: 14px/1 DXIcons;
  3814. font-size: 18px;
  3815. text-align: center;
  3816. line-height: 18px;
  3817. }
  3818. .dx-checkbox-indeterminate .dx-checkbox-icon:before {
  3819. content: "\f074";
  3820. }
  3821. .dx-checkbox-indeterminate .dx-checkbox-icon:before {
  3822. position: absolute;
  3823. display: block;
  3824. width: 18px;
  3825. top: 50%;
  3826. margin-top: -9px;
  3827. left: 50%;
  3828. margin-left: -9px;
  3829. }
  3830. .dx-checkbox-text {
  3831. margin-left: -16px;
  3832. padding-left: 21px;
  3833. }
  3834. .dx-rtl .dx-checkbox-text,
  3835. .dx-rtl.dx-checkbox-text {
  3836. margin-right: -16px;
  3837. padding-right: 21px;
  3838. }
  3839. .dx-invalid .dx-checkbox-icon {
  3840. border: 2px solid #F44336;
  3841. }
  3842. .dx-invalid.dx-state-focused .dx-checkbox-icon:after {
  3843. background-color: rgba(244, 67, 54, 0.1);
  3844. -webkit-transform: scale(1);
  3845. transform: scale(1);
  3846. }
  3847. .dx-switch-wrapper {
  3848. position: relative;
  3849. padding: 10px;
  3850. -webkit-box-sizing: content-box;
  3851. box-sizing: content-box;
  3852. left: -10px;
  3853. top: -10px;
  3854. overflow: hidden;
  3855. vertical-align: middle;
  3856. }
  3857. .dx-switch {
  3858. width: 32px;
  3859. height: 18px;
  3860. }
  3861. .dx-switch.dx-state-readonly .dx-switch-handle:before,
  3862. .dx-switch.dx-state-disabled .dx-switch-handle:before {
  3863. background-color: #737388;
  3864. }
  3865. .dx-switch.dx-state-readonly .dx-switch-container:before,
  3866. .dx-switch.dx-state-disabled .dx-switch-container:before {
  3867. background-color: rgba(255, 255, 255, 0.12);
  3868. }
  3869. .dx-switch.dx-state-active .dx-switch-handle:before,
  3870. .dx-switch.dx-state-focused .dx-switch-handle:before {
  3871. -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
  3872. box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
  3873. border-radius: 50%;
  3874. }
  3875. .dx-switch-on-value.dx-state-readonly.dx-state-focused .dx-switch-handle:before,
  3876. .dx-switch.dx-state-readonly.dx-state-focused .dx-switch-handle:before {
  3877. -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
  3878. box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
  3879. border-radius: 50%;
  3880. }
  3881. .dx-switch-container {
  3882. height: 18px;
  3883. overflow: visible;
  3884. position: relative;
  3885. }
  3886. .dx-switch-container:before {
  3887. position: absolute;
  3888. content: '';
  3889. width: 100%;
  3890. height: 14px;
  3891. border-radius: 500px;
  3892. background-color: #9494a4;
  3893. margin: 2px 0;
  3894. }
  3895. .dx-switch-inner {
  3896. width: 200%;
  3897. height: 100%;
  3898. }
  3899. .dx-switch-on,
  3900. .dx-switch-off {
  3901. -webkit-flex-shrink: 0;
  3902. -ms-flex-negative: 0;
  3903. flex-shrink: 0;
  3904. float: left;
  3905. padding: 4px 0;
  3906. width: 50%;
  3907. height: 18px;
  3908. color: transparent;
  3909. text-align: center;
  3910. line-height: 100%;
  3911. }
  3912. .dx-switch-on {
  3913. background: transparent;
  3914. }
  3915. .dx-switch-off {
  3916. display: none;
  3917. padding-bottom: 10px;
  3918. background-color: transparent;
  3919. }
  3920. .dx-switch-handle {
  3921. -webkit-flex-basis: 18px;
  3922. -ms-flex-preferred-size: 18px;
  3923. flex-basis: 18px;
  3924. -webkit-flex-shrink: 0;
  3925. -ms-flex-negative: 0;
  3926. flex-shrink: 0;
  3927. position: relative;
  3928. float: left;
  3929. width: 18px;
  3930. height: 18px;
  3931. background-color: #3b3b46;
  3932. -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  3933. box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  3934. border-radius: 50%;
  3935. }
  3936. .dx-switch-handle:before {
  3937. display: block;
  3938. content: ' ';
  3939. width: 100%;
  3940. height: 100%;
  3941. background-color: #3b3b46;
  3942. border-radius: 50%;
  3943. -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  3944. transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  3945. }
  3946. .dx-switch-on-value .dx-switch-container:before {
  3947. background-color: rgba(0, 150, 136, 0.5);
  3948. }
  3949. .dx-switch-on-value .dx-switch-handle:before {
  3950. background-color: #009688;
  3951. }
  3952. .dx-switch-on-value.dx-state-active .dx-switch-handle:before,
  3953. .dx-switch-on-value.dx-state-focused .dx-switch-handle:before {
  3954. -webkit-box-shadow: 0 0 0 10px rgba(0, 150, 136, 0.1);
  3955. box-shadow: 0 0 0 10px rgba(0, 150, 136, 0.1);
  3956. border-radius: 50%;
  3957. }
  3958. .dx-rtl .dx-switch .dx-switch-on,
  3959. .dx-switch.dx-rtl .dx-switch-on,
  3960. .dx-rtl .dx-switch .dx-switch-off,
  3961. .dx-switch.dx-rtl .dx-switch-off {
  3962. float: right;
  3963. padding-left: 14px;
  3964. padding-right: 2px;
  3965. }
  3966. .dx-rtl .dx-switch .dx-switch-off,
  3967. .dx-switch.dx-rtl .dx-switch-off {
  3968. margin-left: 0;
  3969. }
  3970. .dx-rtl .dx-switch .dx-switch-handle,
  3971. .dx-switch.dx-rtl .dx-switch-handle {
  3972. float: right;
  3973. margin-left: 0;
  3974. margin-right: -18px;
  3975. }
  3976. .dx-rtl .dx-switch .dx-switch-wrapper,
  3977. .dx-switch.dx-rtl .dx-switch-wrapper {
  3978. left: 10px;
  3979. }
  3980. .dx-rtl .dx-switch .dx-switch-container,
  3981. .dx-switch.dx-rtl .dx-switch-container {
  3982. margin: 0 0 0 -6px;
  3983. }
  3984. .dx-switch.dx-invalid .dx-switch-container:before {
  3985. background-color: rgba(244, 67, 54, 0.5);
  3986. }
  3987. .dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled).dx-invalid .dx-switch-container .dx-switch-handle:before {
  3988. background-color: #F44336;
  3989. }
  3990. .dx-state-active.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled).dx-invalid .dx-switch-container .dx-switch-handle:before,
  3991. .dx-state-focused.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled).dx-invalid .dx-switch-container .dx-switch-handle:before {
  3992. -webkit-box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1);
  3993. box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1);
  3994. }
  3995. .dx-tabs {
  3996. padding: 0;
  3997. background-color: #2d2d35;
  3998. position: relative;
  3999. }
  4000. .dx-tabs .dx-inkripple {
  4001. overflow: hidden;
  4002. }
  4003. .dx-tabs-nav-buttons .dx-tabs-scrollable {
  4004. margin-right: 36px;
  4005. margin-left: 36px;
  4006. }
  4007. .dx-tabs-nav-button {
  4008. border: none;
  4009. background-color: #2f2f38;
  4010. position: absolute;
  4011. height: 36px;
  4012. border-radius: 0;
  4013. -webkit-box-shadow: none;
  4014. box-shadow: none;
  4015. }
  4016. .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) {
  4017. background-color: transparent;
  4018. color: rgba(255, 255, 255, 0.54);
  4019. -webkit-box-shadow: none;
  4020. box-shadow: none;
  4021. border-radius: 0;
  4022. }
  4023. .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-icon {
  4024. color: rgba(255, 255, 255, 0.54);
  4025. }
  4026. .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-hover {
  4027. background-color: rgba(255, 255, 255, 0.08);
  4028. -webkit-box-shadow: none;
  4029. box-shadow: none;
  4030. }
  4031. .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-focused {
  4032. background-color: rgba(255, 255, 255, 0.15);
  4033. -webkit-box-shadow: none;
  4034. box-shadow: none;
  4035. }
  4036. .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-active {
  4037. background-color: rgba(255, 255, 255, 0.2);
  4038. -webkit-box-shadow: none;
  4039. box-shadow: none;
  4040. }
  4041. .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled {
  4042. background: transparent;
  4043. -webkit-box-shadow: none;
  4044. box-shadow: none;
  4045. }
  4046. .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled .dx-icon {
  4047. opacity: 0.6;
  4048. }
  4049. .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled .dx-button-text {
  4050. color: rgba(255, 255, 255, 0.35);
  4051. }
  4052. .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-inkripple-wave {
  4053. background-color: rgba(255, 255, 255, 0.2);
  4054. }
  4055. .dx-tabs-nav-button .dx-button-content {
  4056. padding: 0;
  4057. }
  4058. .dx-tabs-nav-button.dx-state-active {
  4059. border: none;
  4060. }
  4061. .dx-tabs-nav-button.dx-state-disabled {
  4062. opacity: 1;
  4063. background-color: #2f2f38;
  4064. }
  4065. .dx-tabs-nav-button.dx-state-disabled .dx-button-content {
  4066. opacity: 0;
  4067. }
  4068. .dx-tab {
  4069. padding: 6px 12px;
  4070. min-width: 82px;
  4071. background-color: #2f2f38;
  4072. color: rgba(255, 255, 255, 0.54);
  4073. }
  4074. .dx-tab.dx-state-hover {
  4075. background-color: #464653;
  4076. }
  4077. .dx-tab .dx-icon {
  4078. color: rgba(255, 255, 255, 0.54);
  4079. vertical-align: middle;
  4080. width: 18px;
  4081. height: 18px;
  4082. background-position: 0px 0px;
  4083. background-size: 18px 18px;
  4084. padding: 0px;
  4085. font-size: 18px;
  4086. text-align: center;
  4087. line-height: 18px;
  4088. margin: 0 auto;
  4089. }
  4090. .dx-tab.dx-tab-selected {
  4091. color: #009688;
  4092. }
  4093. .dx-tab.dx-tab-selected .dx-icon {
  4094. color: #009688;
  4095. }
  4096. .dx-tab.dx-tab-selected:before {
  4097. content: "";
  4098. position: absolute;
  4099. bottom: 0;
  4100. height: 2px;
  4101. left: 0;
  4102. right: 0;
  4103. background-color: #009688;
  4104. }
  4105. .dx-tab-content,
  4106. .dx-tab-text {
  4107. vertical-align: middle;
  4108. text-transform: uppercase;
  4109. line-height: 24px;
  4110. font-weight: 500;
  4111. }
  4112. .dx-state-disabled.dx-tabs {
  4113. opacity: 1;
  4114. }
  4115. .dx-state-disabled .dx-tab-content {
  4116. opacity: 0.3;
  4117. }
  4118. .dx-navbar {
  4119. padding: 0;
  4120. border: none;
  4121. }
  4122. .dx-nav-item,
  4123. .dx-rtl .dx-nav-item {
  4124. background: #2f2f38;
  4125. }
  4126. .dx-nav-item .dx-tab-text,
  4127. .dx-rtl .dx-nav-item .dx-tab-text {
  4128. line-height: normal;
  4129. color: #fff;
  4130. }
  4131. .dx-navbar .dx-nav-item .dx-icon,
  4132. .dx-navbar .dx-rtl .dx-nav-item .dx-icon {
  4133. width: 28px;
  4134. height: 28px;
  4135. background-position: 0px 0px;
  4136. background-size: 28px 28px;
  4137. padding: 0px;
  4138. font-size: 28px;
  4139. text-align: center;
  4140. line-height: 28px;
  4141. color: #fff;
  4142. }
  4143. .dx-nav-item.dx-tab-selected:after,
  4144. .dx-rtl .dx-nav-item.dx-tab-selected:after,
  4145. .dx-nav-item.dx-state-focused:after,
  4146. .dx-rtl .dx-nav-item.dx-state-focused:after,
  4147. .dx-nav-item.dx-state-active:after,
  4148. .dx-rtl .dx-nav-item.dx-state-active:after {
  4149. content: none;
  4150. }
  4151. .dx-nav-item.dx-tab-selected,
  4152. .dx-rtl .dx-nav-item.dx-tab-selected {
  4153. background: #363640;
  4154. }
  4155. .dx-nav-item.dx-tab-selected .dx-tab-text,
  4156. .dx-rtl .dx-nav-item.dx-tab-selected .dx-tab-text,
  4157. .dx-nav-item.dx-tab-selected .dx-icon,
  4158. .dx-rtl .dx-nav-item.dx-tab-selected .dx-icon {
  4159. color: #fff;
  4160. }
  4161. .dx-nav-item.dx-state-active,
  4162. .dx-rtl .dx-nav-item.dx-state-active {
  4163. border: none;
  4164. -webkit-box-shadow: none;
  4165. box-shadow: none;
  4166. }
  4167. .dx-nav-item.dx-state-focused,
  4168. .dx-rtl .dx-nav-item.dx-state-focused {
  4169. -webkit-box-shadow: inset 0 0 0 1px #656577;
  4170. box-shadow: inset 0 0 0 1px #656577;
  4171. }
  4172. .dx-nav-item.dx-state-disabled .dx-icon,
  4173. .dx-rtl .dx-nav-item.dx-state-disabled .dx-icon {
  4174. opacity: 0.5;
  4175. }
  4176. .dx-navbar-item-badge {
  4177. margin-right: -26px;
  4178. top: 11%;
  4179. }
  4180. .dx-rtl .dx-navbar-item-badge {
  4181. margin-left: -26px;
  4182. }
  4183. .dx-texteditor {
  4184. border-top-left-radius: 2px;
  4185. border-top-right-radius: 2px;
  4186. position: relative;
  4187. }
  4188. .dx-texteditor:before {
  4189. left: 0;
  4190. right: 0;
  4191. bottom: 0;
  4192. height: 0;
  4193. width: 100%;
  4194. content: '';
  4195. position: absolute;
  4196. z-index: 2;
  4197. -webkit-transform: scale(0);
  4198. transform: scale(0);
  4199. }
  4200. .dx-texteditor:after {
  4201. left: 0;
  4202. right: 0;
  4203. bottom: 0;
  4204. height: 0;
  4205. width: 100%;
  4206. content: '';
  4207. position: absolute;
  4208. }
  4209. .dx-texteditor.dx-state-focused,
  4210. .dx-texteditor.dx-state-active {
  4211. background-color: rgba(255, 255, 255, 0.04);
  4212. }
  4213. .dx-texteditor.dx-state-focused:before,
  4214. .dx-texteditor.dx-state-active:before {
  4215. border-bottom: 2px solid #009688;
  4216. -webkit-transform: scale(1);
  4217. transform: scale(1);
  4218. -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
  4219. transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
  4220. transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
  4221. transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
  4222. }
  4223. .dx-texteditor.dx-invalid.dx-editor-underlined .dx-texteditor-input {
  4224. padding-right: 20px;
  4225. }
  4226. .dx-texteditor.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  4227. padding: 6px 0 5px;
  4228. padding-left: 20px;
  4229. }
  4230. .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input,
  4231. .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input {
  4232. padding-right: 28px;
  4233. }
  4234. .dx-texteditor.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
  4235. .dx-texteditor.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  4236. padding: 6px 0 5px;
  4237. padding-left: 28px;
  4238. }
  4239. .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  4240. .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
  4241. right: 9px;
  4242. }
  4243. .dx-rtl .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  4244. .dx-rtl .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
  4245. .dx-rtl.dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  4246. .dx-rtl.dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
  4247. left: 9px;
  4248. right: auto;
  4249. }
  4250. .dx-texteditor.dx-invalid .dx-texteditor-input-container:after {
  4251. right: 1px;
  4252. }
  4253. .dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
  4254. .dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-input-container:after {
  4255. left: 1px;
  4256. right: auto;
  4257. }
  4258. .dx-texteditor.dx-editor-filled .dx-texteditor-buttons-container,
  4259. .dx-texteditor.dx-editor-outlined .dx-texteditor-buttons-container {
  4260. right: 8px;
  4261. }
  4262. .dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
  4263. .dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input {
  4264. padding-right: 8px;
  4265. }
  4266. .dx-rtl .dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
  4267. .dx-rtl .dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input,
  4268. .dx-rtl.dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
  4269. .dx-rtl.dx-texteditor.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input {
  4270. padding: 13px 8px 12px;
  4271. padding-left: 8px;
  4272. }
  4273. .dx-texteditor.dx-editor-filled .dx-placeholder:before,
  4274. .dx-texteditor.dx-editor-outlined .dx-placeholder:before {
  4275. padding: 13px 8px 12px;
  4276. }
  4277. .dx-texteditor.dx-editor-filled .dx-texteditor-input,
  4278. .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
  4279. padding: 13px 8px 12px;
  4280. }
  4281. .dx-rtl .dx-texteditor.dx-editor-filled .dx-texteditor-buttons-container,
  4282. .dx-rtl .dx-texteditor.dx-editor-outlined .dx-texteditor-buttons-container,
  4283. .dx-texteditor.dx-editor-filled.dx-rtl .dx-texteditor-buttons-container,
  4284. .dx-texteditor.dx-editor-outlined.dx-rtl .dx-texteditor-buttons-container {
  4285. left: 8px;
  4286. right: auto;
  4287. }
  4288. .dx-texteditor.dx-editor-filled {
  4289. background-color: rgba(255, 255, 255, 0.04);
  4290. }
  4291. .dx-texteditor.dx-editor-filled.dx-state-hover {
  4292. background-color: rgba(255, 255, 255, 0.07);
  4293. }
  4294. .dx-texteditor.dx-editor-filled.dx-state-hover:after {
  4295. border-bottom: 1px solid #fff;
  4296. }
  4297. .dx-texteditor.dx-editor-filled.dx-state-disabled,
  4298. .dx-texteditor.dx-editor-filled.dx-state-readonly,
  4299. .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover {
  4300. background-color: rgba(255, 255, 255, 0.12);
  4301. }
  4302. .dx-texteditor.dx-editor-filled.dx-state-disabled .dx-texteditor-input,
  4303. .dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input,
  4304. .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover .dx-texteditor-input {
  4305. color: rgba(255, 255, 255, 0.5);
  4306. }
  4307. .dx-texteditor.dx-editor-underlined {
  4308. background-color: transparent;
  4309. }
  4310. .dx-texteditor.dx-editor-underlined .dx-texteditor-buttons-container {
  4311. right: 0;
  4312. }
  4313. .dx-texteditor.dx-editor-underlined:after {
  4314. border-bottom: 1px solid rgba(255, 255, 255, 0.42);
  4315. }
  4316. .dx-texteditor.dx-editor-underlined.dx-state-hover:after {
  4317. border-bottom: 2px solid #fff;
  4318. }
  4319. .dx-texteditor.dx-editor-underlined .dx-placeholder:before {
  4320. padding: 6px 0 5px;
  4321. }
  4322. .dx-texteditor.dx-editor-underlined .dx-texteditor-input {
  4323. padding: 6px 0 5px;
  4324. }
  4325. .dx-rtl .dx-texteditor.dx-editor-underlined .dx-texteditor-buttons-container,
  4326. .dx-texteditor.dx-editor-underlined.dx-rtl .dx-texteditor-buttons-container {
  4327. left: 0;
  4328. right: auto;
  4329. }
  4330. .dx-texteditor.dx-editor-underlined.dx-state-disabled:after,
  4331. .dx-texteditor.dx-editor-underlined.dx-state-readonly:after,
  4332. .dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-state-hover:after {
  4333. border-bottom-style: dotted;
  4334. border-bottom-width: 1px;
  4335. }
  4336. .dx-texteditor.dx-editor-underlined.dx-invalid:after {
  4337. border-bottom-color: rgba(244, 67, 54, 0.4);
  4338. }
  4339. .dx-texteditor.dx-editor-outlined {
  4340. background-color: transparent;
  4341. border-radius: 2px;
  4342. -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.42);
  4343. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.42);
  4344. }
  4345. .dx-texteditor.dx-editor-outlined:before {
  4346. display: none;
  4347. }
  4348. .dx-texteditor.dx-editor-outlined.dx-state-hover {
  4349. -webkit-box-shadow: inset 0 0 0 1px #fff;
  4350. box-shadow: inset 0 0 0 1px #fff;
  4351. }
  4352. .dx-texteditor.dx-editor-outlined.dx-state-disabled,
  4353. .dx-texteditor.dx-editor-outlined.dx-state-readonly,
  4354. .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover {
  4355. -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  4356. box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
  4357. }
  4358. .dx-texteditor.dx-editor-outlined.dx-state-disabled .dx-texteditor-input,
  4359. .dx-texteditor.dx-editor-outlined.dx-state-readonly .dx-texteditor-input,
  4360. .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover .dx-texteditor-input {
  4361. color: rgba(255, 255, 255, 0.5);
  4362. }
  4363. .dx-texteditor.dx-editor-outlined.dx-state-focused {
  4364. -webkit-box-shadow: inset 0 0 0 2px #009688;
  4365. box-shadow: inset 0 0 0 2px #009688;
  4366. }
  4367. .dx-texteditor.dx-editor-outlined.dx-state-focused.dx-invalid {
  4368. -webkit-box-shadow: inset 0 0 0 2px #F44336;
  4369. box-shadow: inset 0 0 0 2px #F44336;
  4370. }
  4371. .dx-texteditor.dx-editor-outlined.dx-invalid {
  4372. -webkit-box-shadow: inset 0 0 0 1px rgba(244, 67, 54, 0.4);
  4373. box-shadow: inset 0 0 0 1px rgba(244, 67, 54, 0.4);
  4374. }
  4375. .dx-show-clear-button .dx-clear-button-area {
  4376. width: 16px;
  4377. min-width: 16px;
  4378. right: 0;
  4379. }
  4380. .dx-show-clear-button .dx-icon-clear {
  4381. color: #3d3d3d;
  4382. background-color: #a8a8a8;
  4383. border-radius: 50%;
  4384. position: absolute;
  4385. top: 50%;
  4386. margin-top: -8px;
  4387. width: 16px;
  4388. height: 16px;
  4389. background-position: 0px 0px;
  4390. background-size: 16px 16px;
  4391. padding: 0px;
  4392. font-size: 16px;
  4393. line-height: 16px;
  4394. font-size: 14px;
  4395. text-align: center;
  4396. line-height: 14px;
  4397. }
  4398. .dx-show-clear-button .dx-icon-clear:before {
  4399. position: absolute;
  4400. display: block;
  4401. width: 14px;
  4402. top: 50%;
  4403. margin-top: -7px;
  4404. left: 50%;
  4405. margin-left: -7px;
  4406. }
  4407. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined .dx-texteditor-input {
  4408. padding-right: 20px;
  4409. }
  4410. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  4411. padding: 6px 0 5px;
  4412. padding-left: 20px;
  4413. }
  4414. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input,
  4415. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input {
  4416. padding-right: 28px;
  4417. }
  4418. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
  4419. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  4420. padding: 6px 0 5px;
  4421. padding-left: 28px;
  4422. }
  4423. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  4424. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
  4425. right: 9px;
  4426. }
  4427. .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  4428. .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
  4429. .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  4430. .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
  4431. left: 9px;
  4432. right: auto;
  4433. }
  4434. .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after {
  4435. right: 1px;
  4436. }
  4437. .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after,
  4438. .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container:after {
  4439. left: 1px;
  4440. right: auto;
  4441. }
  4442. .dx-placeholder {
  4443. color: #808080;
  4444. font-size: 13px;
  4445. }
  4446. .dx-texteditor-input {
  4447. margin: 0;
  4448. background-color: transparent;
  4449. color: #fff;
  4450. font-size: 13px;
  4451. }
  4452. .dx-invalid.dx-texteditor.dx-state-hover:after {
  4453. border-bottom-color: rgba(244, 67, 54, 0.4);
  4454. }
  4455. .dx-invalid.dx-texteditor.dx-state-focused:before,
  4456. .dx-invalid.dx-texteditor.dx-state-active:before {
  4457. border-top: 1px solid #F44336;
  4458. border-bottom: 1px solid #F44336;
  4459. }
  4460. .dx-invalid.dx-texteditor .dx-texteditor-input-container:after {
  4461. pointer-events: none;
  4462. font-weight: 500;
  4463. background-color: #F44336;
  4464. color: rgba(0, 0, 0, 0.87);
  4465. content: '!';
  4466. position: absolute;
  4467. top: 50%;
  4468. margin-top: -8px;
  4469. width: 16px;
  4470. height: 16px;
  4471. border-radius: 50%;
  4472. text-align: center;
  4473. line-height: 17px;
  4474. font-size: 13px;
  4475. }
  4476. .dx-rtl .dx-placeholder,
  4477. .dx-rtl .dx-placeholder:before {
  4478. right: 0;
  4479. left: auto;
  4480. }
  4481. .dx-searchbox .dx-icon-search {
  4482. font: 14px/1 DXIcons;
  4483. position: absolute;
  4484. top: 50%;
  4485. margin-top: -8px;
  4486. width: 16px;
  4487. height: 16px;
  4488. background-position: 0px 0px;
  4489. background-size: 16px 16px;
  4490. padding: 0px;
  4491. font-size: 16px;
  4492. text-align: center;
  4493. line-height: 16px;
  4494. color: #808080;
  4495. }
  4496. .dx-searchbox .dx-icon-search:before {
  4497. content: "\f027";
  4498. }
  4499. .dx-searchbox .dx-icon-search:before {
  4500. position: static;
  4501. text-indent: 0;
  4502. color: rgba(255, 255, 255, 0.54);
  4503. }
  4504. .dx-searchbox.dx-editor-underlined .dx-icon-search {
  4505. left: 0;
  4506. }
  4507. .dx-rtl .dx-searchbox.dx-editor-underlined .dx-icon-search,
  4508. .dx-rtl.dx-searchbox.dx-editor-underlined .dx-icon-search {
  4509. left: initial;
  4510. right: 0;
  4511. }
  4512. .dx-searchbox.dx-editor-underlined .dx-texteditor-input,
  4513. .dx-searchbox.dx-editor-underlined .dx-placeholder:before {
  4514. padding-left: 16px;
  4515. }
  4516. .dx-rtl .dx-searchbox.dx-editor-underlined .dx-texteditor-input,
  4517. .dx-rtl .dx-searchbox.dx-editor-underlined .dx-placeholder:before,
  4518. .dx-rtl.dx-searchbox.dx-editor-underlined .dx-texteditor-input,
  4519. .dx-rtl.dx-searchbox.dx-editor-underlined .dx-placeholder:before {
  4520. padding-left: 0;
  4521. padding-right: 16px;
  4522. }
  4523. .dx-searchbox.dx-editor-filled .dx-icon-search,
  4524. .dx-searchbox.dx-editor-outlined .dx-icon-search {
  4525. left: 8px;
  4526. }
  4527. .dx-rtl .dx-searchbox.dx-editor-filled .dx-icon-search,
  4528. .dx-rtl .dx-searchbox.dx-editor-outlined .dx-icon-search,
  4529. .dx-rtl.dx-searchbox.dx-editor-filled .dx-icon-search,
  4530. .dx-rtl.dx-searchbox.dx-editor-outlined .dx-icon-search {
  4531. left: initial;
  4532. right: 8px;
  4533. }
  4534. .dx-searchbox.dx-editor-filled .dx-texteditor-input,
  4535. .dx-searchbox.dx-editor-outlined .dx-texteditor-input,
  4536. .dx-searchbox.dx-editor-filled .dx-placeholder:before,
  4537. .dx-searchbox.dx-editor-outlined .dx-placeholder:before {
  4538. padding-left: 24px;
  4539. }
  4540. .dx-rtl .dx-searchbox.dx-editor-filled .dx-texteditor-input,
  4541. .dx-rtl .dx-searchbox.dx-editor-outlined .dx-texteditor-input,
  4542. .dx-rtl .dx-searchbox.dx-editor-filled .dx-placeholder:before,
  4543. .dx-rtl .dx-searchbox.dx-editor-outlined .dx-placeholder:before,
  4544. .dx-rtl.dx-searchbox.dx-editor-filled .dx-texteditor-input,
  4545. .dx-rtl.dx-searchbox.dx-editor-outlined .dx-texteditor-input,
  4546. .dx-rtl.dx-searchbox.dx-editor-filled .dx-placeholder:before,
  4547. .dx-rtl.dx-searchbox.dx-editor-outlined .dx-placeholder:before {
  4548. padding-left: 8px;
  4549. padding-right: 24px;
  4550. }
  4551. .dx-searchbar {
  4552. padding-bottom: 5px;
  4553. }
  4554. .dx-searchbar .dx-texteditor {
  4555. margin: 0;
  4556. }
  4557. .dx-dropdowneditor-button {
  4558. width: 18px;
  4559. min-width: 18px;
  4560. }
  4561. .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon,
  4562. .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  4563. opacity: 1;
  4564. }
  4565. .dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  4566. opacity: 1;
  4567. }
  4568. .dx-dropdowneditor-icon {
  4569. color: rgba(255, 255, 255, 0.54);
  4570. font: 14px/1 DXIcons;
  4571. width: 18px;
  4572. height: 100%;
  4573. font-size: 18px;
  4574. text-align: center;
  4575. line-height: 18px;
  4576. }
  4577. .dx-dropdowneditor-icon:before {
  4578. content: "\f001";
  4579. }
  4580. .dx-dropdowneditor-icon:before {
  4581. position: absolute;
  4582. display: block;
  4583. width: 18px;
  4584. top: 50%;
  4585. margin-top: -9px;
  4586. left: 50%;
  4587. margin-left: -9px;
  4588. }
  4589. .dx-dropdowneditor-input-wrapper .dx-texteditor:before,
  4590. .dx-dropdowneditor-input-wrapper .dx-texteditor:after {
  4591. content: none;
  4592. }
  4593. .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover,
  4594. .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused,
  4595. .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled,
  4596. .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly,
  4597. .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover,
  4598. .dx-dropdowneditor-input-wrapper .dx-texteditor {
  4599. background-color: transparent;
  4600. -webkit-box-shadow: none;
  4601. box-shadow: none;
  4602. }
  4603. .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input {
  4604. padding-right: 18px;
  4605. }
  4606. .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  4607. padding-right: 0;
  4608. padding-left: 18px;
  4609. }
  4610. .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
  4611. .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input {
  4612. padding-right: 26px;
  4613. }
  4614. .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
  4615. .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  4616. padding-right: 8px;
  4617. padding-left: 26px;
  4618. }
  4619. .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
  4620. .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
  4621. color: rgba(255, 255, 255, 0.54);
  4622. opacity: 1;
  4623. font: 14px/1 DXIcons;
  4624. width: 18px;
  4625. height: 100%;
  4626. font-size: 18px;
  4627. text-align: center;
  4628. line-height: 18px;
  4629. }
  4630. .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon:before,
  4631. .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon:before {
  4632. content: "\f002";
  4633. }
  4634. .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon:before,
  4635. .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon:before {
  4636. position: absolute;
  4637. display: block;
  4638. width: 18px;
  4639. top: 50%;
  4640. margin-top: -9px;
  4641. left: 50%;
  4642. margin-left: -9px;
  4643. }
  4644. .dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container:after {
  4645. right: 19px;
  4646. }
  4647. .dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container:after,
  4648. .dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container:after {
  4649. right: auto;
  4650. left: 19px;
  4651. }
  4652. .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after {
  4653. right: 37px;
  4654. }
  4655. .dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after,
  4656. .dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container:after {
  4657. right: auto;
  4658. left: 37px;
  4659. }
  4660. .dx-dropdowneditor-overlay.dx-popup-wrapper .dx-overlay-content {
  4661. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  4662. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  4663. overflow: hidden;
  4664. }
  4665. .dx-list-item-chevron {
  4666. -webkit-transform: rotate(0);
  4667. transform: rotate(0);
  4668. border: none;
  4669. opacity: 1;
  4670. font: 14px/1 DXIcons;
  4671. width: 18px;
  4672. height: 18px;
  4673. background-position: 0px 0px;
  4674. background-size: 18px 18px;
  4675. padding: 0px;
  4676. font-size: 18px;
  4677. text-align: center;
  4678. line-height: 18px;
  4679. margin-left: -5px;
  4680. color: rgba(255, 255, 255, 0.54);
  4681. }
  4682. .dx-rtl .dx-list-item-chevron {
  4683. -webkit-transform: rotate(0);
  4684. transform: rotate(0);
  4685. }
  4686. .dx-list-item-chevron:before {
  4687. content: "\f010";
  4688. }
  4689. .dx-rtl .dx-list-item-chevron:before {
  4690. content: "\f012";
  4691. }
  4692. .dx-list-item-icon-container {
  4693. width: 26px;
  4694. }
  4695. .dx-list-item-icon {
  4696. width: 18px;
  4697. height: 18px;
  4698. background-position: 0px 0px;
  4699. background-size: 18px 18px;
  4700. padding: 0px;
  4701. font-size: 18px;
  4702. text-align: center;
  4703. line-height: 18px;
  4704. }
  4705. .dx-list-search {
  4706. padding-top: 4px;
  4707. }
  4708. .dx-list-search.dx-searchbox .dx-placeholder:before {
  4709. font-size: 13px;
  4710. }
  4711. .dx-list-search.dx-searchbox .dx-clear-button-area {
  4712. width: 17px;
  4713. }
  4714. .dx-list-search.dx-searchbox .dx-clear-button-area .dx-icon-clear {
  4715. background-color: transparent;
  4716. border: 0;
  4717. font-size: 18px;
  4718. color: rgba(255, 255, 255, 0.54);
  4719. }
  4720. .dx-list-select-all,
  4721. .dx-list-item,
  4722. .dx-list-group-header {
  4723. position: relative;
  4724. }
  4725. .dx-list-select-all .dx-inkripple,
  4726. .dx-list-item .dx-inkripple,
  4727. .dx-list-group-header .dx-inkripple {
  4728. overflow: hidden;
  4729. }
  4730. .dx-list-collapsible-groups .dx-list-group-header:before {
  4731. content: none;
  4732. }
  4733. .dx-list {
  4734. border: none;
  4735. }
  4736. .dx-list .dx-icon {
  4737. color: rgba(255, 255, 255, 0.54);
  4738. }
  4739. .dx-list.dx-list-with-search .dx-scrollable-wrapper {
  4740. height: calc(100% - 36px);
  4741. }
  4742. .dx-list .dx-empty-message {
  4743. text-align: left;
  4744. }
  4745. .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before {
  4746. border-color: #005951;
  4747. }
  4748. .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon:after {
  4749. background-color: rgba(255, 255, 255, 0.1);
  4750. -webkit-transform: scale(1);
  4751. transform: scale(1);
  4752. }
  4753. .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon:after,
  4754. .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon:after {
  4755. background-color: rgba(0, 150, 136, 0.1);
  4756. -webkit-transform: scale(1);
  4757. transform: scale(1);
  4758. }
  4759. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  4760. background-color: #525261;
  4761. color: #ffffff;
  4762. }
  4763. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
  4764. background-color: #3f3f4b;
  4765. color: #ffffff;
  4766. }
  4767. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  4768. background-color: #3f3f4b;
  4769. color: #fff;
  4770. }
  4771. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
  4772. background-color: rgba(101, 101, 119, 0.7);
  4773. color: #ffffff;
  4774. }
  4775. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  4776. background-color: #656577;
  4777. }
  4778. .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
  4779. background-color: #656577;
  4780. }
  4781. .dx-list-group:not(.dx-list-group-collapsed):not(:last-child) {
  4782. padding-bottom: 4px;
  4783. border-bottom: 1px solid #515159;
  4784. }
  4785. .dx-list-group:not(.dx-list-group-collapsed) + .dx-list-group:not(.dx-list-group-collapsed) .dx-list-group-header {
  4786. border-top-color: transparent;
  4787. }
  4788. .dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator {
  4789. font: 14px/1 DXIcons;
  4790. font-size: 18px;
  4791. }
  4792. .dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator:before {
  4793. content: "\f016";
  4794. }
  4795. .dx-list-group.dx-list-group-collapsed .dx-list-group-header {
  4796. color: rgba(255, 255, 255, 0.6);
  4797. }
  4798. .dx-list-group .dx-list-item:first-of-type {
  4799. margin-top: 0;
  4800. }
  4801. .dx-list-group .dx-list-item:last-of-type {
  4802. margin-bottom: 0;
  4803. }
  4804. .dx-list-group-header {
  4805. font-weight: normal;
  4806. padding: 10px 8px;
  4807. background: rgba(54, 54, 64, 0);
  4808. color: #009688;
  4809. border-top: 1px solid #515159;
  4810. border-top-color: transparent;
  4811. font-size: 13px;
  4812. }
  4813. .dx-list-group-header .dx-list-group-header-indicator {
  4814. color: rgba(255, 255, 255, 0.54);
  4815. }
  4816. .dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator {
  4817. font: 14px/1 DXIcons;
  4818. font-size: 18px;
  4819. float: right;
  4820. margin-top: -2px;
  4821. }
  4822. .dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator:before {
  4823. content: "\f014";
  4824. }
  4825. .dx-list-group-header .dx-inkripple {
  4826. height: auto;
  4827. top: -1px;
  4828. bottom: 0;
  4829. }
  4830. .dx-list-group-header:before {
  4831. content: none;
  4832. }
  4833. .dx-list-item.dx-state-hover,
  4834. .dx-list-item.dx-state-active {
  4835. background-color: #3f3f4b;
  4836. color: #fff;
  4837. }
  4838. .dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper,
  4839. .dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper {
  4840. background-color: #3f3f4b;
  4841. }
  4842. .dx-list-item:first-of-type {
  4843. border-top: none;
  4844. margin-top: 4px;
  4845. }
  4846. .dx-list-item:last-of-type {
  4847. border-bottom: none;
  4848. margin-bottom: 4px;
  4849. }
  4850. .dx-list-item .dx-icon-toggle-delete {
  4851. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
  4852. background-size: 100%;
  4853. }
  4854. .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
  4855. color: #ffffff;
  4856. background: #363640;
  4857. border-top: 1px solid rgba(0, 150, 136, 0.5);
  4858. border-bottom: 1px solid rgba(0, 150, 136, 0.5);
  4859. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  4860. box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  4861. }
  4862. .dx-list-item,
  4863. .dx-list .dx-empty-message {
  4864. color: #fff;
  4865. }
  4866. .dx-list-item-separator-hidden .dx-list-item,
  4867. .dx-list-item-separator-hidden .dx-list .dx-empty-message {
  4868. border-top: none;
  4869. border-bottom: none;
  4870. }
  4871. .dx-list-item-content {
  4872. font-size: 13px;
  4873. padding: 10px 8px 9px;
  4874. }
  4875. .dx-list .dx-empty-message {
  4876. padding: 6px 8px 5px;
  4877. color: rgba(255, 255, 255, 0.54);
  4878. font-size: 12px;
  4879. }
  4880. .dx-list-next-button .dx-button {
  4881. margin-top: 20px;
  4882. padding: 0;
  4883. }
  4884. .dx-list-next-button .dx-button .dx-button-content {
  4885. padding: 5px 16px;
  4886. }
  4887. .dx-list-next-button .dx-button .dx-icon {
  4888. width: 12px;
  4889. height: 12px;
  4890. background-position: 0px 0px;
  4891. background-size: 12px 12px;
  4892. padding: 0px;
  4893. font-size: 12px;
  4894. text-align: center;
  4895. line-height: 12px;
  4896. margin-right: 9px;
  4897. margin-left: 0;
  4898. }
  4899. .dx-rtl .dx-list-next-button .dx-button .dx-icon,
  4900. .dx-rtl.dx-list-next-button .dx-button .dx-icon {
  4901. margin-left: 9px;
  4902. margin-right: 0;
  4903. }
  4904. .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
  4905. margin-left: 9px;
  4906. margin-right: 0;
  4907. }
  4908. .dx-rtl .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
  4909. .dx-rtl.dx-list-next-button .dx-button .dx-icon.dx-icon-right {
  4910. margin-right: 9px;
  4911. margin-left: 0;
  4912. }
  4913. .dx-list-next-button .dx-button .dx-button-content {
  4914. padding-left: 58px;
  4915. padding-right: 58px;
  4916. }
  4917. .dx-list-item-chevron-container {
  4918. width: 19px;
  4919. padding-top: 5px;
  4920. }
  4921. .dx-list-border-visible {
  4922. border: 1px solid #515159;
  4923. }
  4924. .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
  4925. width: 38px;
  4926. }
  4927. .dx-list-item-before-bag.dx-list-select-checkbox-container,
  4928. .dx-list-item-before-bag.dx-list-select-radiobutton-container {
  4929. width: 48px;
  4930. }
  4931. .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  4932. border: none;
  4933. background: transparent;
  4934. padding: 0;
  4935. height: 24px;
  4936. width: 24px;
  4937. margin-left: 7px;
  4938. -webkit-box-shadow: none;
  4939. box-shadow: none;
  4940. }
  4941. .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
  4942. padding: 0;
  4943. }
  4944. .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content .dx-inkripple-wave {
  4945. display: none;
  4946. }
  4947. .dx-list-item-before-bag .dx-icon-toggle-delete {
  4948. width: 19px;
  4949. height: 19px;
  4950. }
  4951. .dx-list-item-before-bag .dx-list-select-checkbox,
  4952. .dx-list-item-before-bag .dx-list-select-radiobutton {
  4953. margin-top: -1px;
  4954. margin-bottom: -3px;
  4955. margin-left: 8px;
  4956. }
  4957. .dx-list-toggle-delete-switch-container + .dx-list-item-content {
  4958. padding-left: 26px;
  4959. }
  4960. .dx-list-select-all {
  4961. padding: 9px 0;
  4962. font-size: 13px;
  4963. position: relative;
  4964. }
  4965. .dx-list-select-all:after {
  4966. content: "";
  4967. position: absolute;
  4968. bottom: 1px;
  4969. left: 8px;
  4970. right: 8px;
  4971. height: 1px;
  4972. background-color: #515159;
  4973. }
  4974. .dx-list-select-all-checkbox {
  4975. float: left;
  4976. margin: -1px 0 -3px 8px;
  4977. }
  4978. .dx-list-select-all-label {
  4979. line-height: 15px;
  4980. padding: 0 27px;
  4981. margin-top: 1px;
  4982. }
  4983. .dx-list-item-after-bag.dx-list-static-delete-button-container {
  4984. width: 29px;
  4985. }
  4986. .dx-list-item-after-bag.dx-list-reorder-handle-container {
  4987. width: 29.6px;
  4988. }
  4989. .dx-list-item-after-bag .dx-list-reorder-handle {
  4990. font: 14px/1 DXIcons;
  4991. color: rgba(255, 255, 255, 0.27);
  4992. width: 28.8px;
  4993. height: 28.8px;
  4994. background-position: 5px 5px;
  4995. background-size: 18px 18px;
  4996. padding: 5px;
  4997. font-size: 18px;
  4998. text-align: center;
  4999. line-height: 18px;
  5000. }
  5001. .dx-list-item-after-bag .dx-list-reorder-handle:before {
  5002. content: "\f038";
  5003. }
  5004. .dx-list-slide-menu-button {
  5005. bottom: 1px;
  5006. }
  5007. .dx-list-slide-menu-button-delete {
  5008. font: 14px/1 DXIcons;
  5009. color: rgba(0, 0, 0, 0.87);
  5010. border: 1px solid rgba(0, 0, 0, 0.24);
  5011. border-right-color: transparent;
  5012. background-color: #F44336;
  5013. font-size: 18px;
  5014. display: table-cell;
  5015. vertical-align: middle;
  5016. padding: 0 8px;
  5017. width: 34px;
  5018. -webkit-box-shadow: inset 3px 0 5px -3px rgba(0, 0, 0, 0.24), inset 0 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0 -3px 5px -3px rgba(0, 0, 0, 0.24);
  5019. box-shadow: inset 3px 0 5px -3px rgba(0, 0, 0, 0.24), inset 0 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0 -3px 5px -3px rgba(0, 0, 0, 0.24);
  5020. }
  5021. .dx-list-slide-menu-button-delete:before {
  5022. content: "\f03e";
  5023. }
  5024. .dx-list-slide-menu-button-menu {
  5025. border: 1px solid transparent;
  5026. color: rgba(0, 0, 0, 0.87);
  5027. background-color: #009688;
  5028. }
  5029. .dx-list-static-delete-button {
  5030. margin-right: 8px;
  5031. padding: 0;
  5032. border-radius: 50%;
  5033. height: 26px;
  5034. margin-top: -2px;
  5035. }
  5036. .dx-list-static-delete-button.dx-button {
  5037. -webkit-box-shadow: none;
  5038. box-shadow: none;
  5039. background-color: transparent;
  5040. }
  5041. .dx-list-static-delete-button.dx-button .dx-button-content {
  5042. z-index: 1;
  5043. }
  5044. .dx-list-switchable-delete-button-inner-wrapper {
  5045. padding-right: 4px;
  5046. background-color: #363640;
  5047. }
  5048. .dx-button.dx-list-switchable-delete-button {
  5049. background-color: transparent;
  5050. color: #F44336;
  5051. -webkit-box-shadow: none;
  5052. box-shadow: none;
  5053. }
  5054. .dx-button.dx-list-switchable-delete-button .dx-icon {
  5055. color: #F44336;
  5056. }
  5057. .dx-button.dx-list-switchable-delete-button.dx-state-hover {
  5058. background-color: rgba(244, 67, 54, 0.08);
  5059. -webkit-box-shadow: none;
  5060. box-shadow: none;
  5061. }
  5062. .dx-button.dx-list-switchable-delete-button.dx-state-focused {
  5063. background-color: rgba(244, 67, 54, 0.15);
  5064. -webkit-box-shadow: none;
  5065. box-shadow: none;
  5066. }
  5067. .dx-button.dx-list-switchable-delete-button.dx-state-active {
  5068. background-color: rgba(244, 67, 54, 0.2);
  5069. -webkit-box-shadow: none;
  5070. box-shadow: none;
  5071. }
  5072. .dx-button.dx-list-switchable-delete-button.dx-state-disabled {
  5073. background: transparent;
  5074. -webkit-box-shadow: none;
  5075. box-shadow: none;
  5076. }
  5077. .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-icon {
  5078. opacity: 0.6;
  5079. }
  5080. .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-button-text {
  5081. color: rgba(255, 255, 255, 0.35);
  5082. }
  5083. .dx-button.dx-list-switchable-delete-button .dx-inkripple-wave {
  5084. background-color: rgba(244, 67, 54, 0.2);
  5085. }
  5086. .dx-list-context-menucontent {
  5087. background-color: #363640;
  5088. border: 1px solid #515159;
  5089. border-radius: 0;
  5090. -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  5091. box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  5092. }
  5093. .dx-state-disabled.dx-list-item,
  5094. .dx-state-disabled .dx-list-item {
  5095. background-color: transparent;
  5096. opacity: 0.6;
  5097. }
  5098. .dx-rtl .dx-list .dx-empty-message,
  5099. .dx-rtl.dx-list .dx-empty-message {
  5100. text-align: right;
  5101. }
  5102. .dx-rtl .dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch,
  5103. .dx-rtl.dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  5104. margin-right: 7px;
  5105. margin-left: 0;
  5106. }
  5107. .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
  5108. .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
  5109. .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
  5110. .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
  5111. margin-right: 8px;
  5112. margin-left: 1px;
  5113. }
  5114. .dx-rtl .dx-list .dx-list-select-all-checkbox,
  5115. .dx-rtl.dx-list .dx-list-select-all-checkbox {
  5116. float: right;
  5117. margin-right: 8px;
  5118. margin-left: 1px;
  5119. }
  5120. .dx-rtl .dx-list .dx-list-switchable-delete-button,
  5121. .dx-rtl.dx-list .dx-list-switchable-delete-button {
  5122. margin-right: 0;
  5123. }
  5124. .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper,
  5125. .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper {
  5126. padding-left: 4px;
  5127. padding-right: 0;
  5128. }
  5129. .dx-list-item-badge-container {
  5130. padding-right: 8px;
  5131. }
  5132. .dx-device-mobile .dx-list {
  5133. border: none;
  5134. }
  5135. .dx-device-mobile .dx-list .dx-icon {
  5136. color: rgba(255, 255, 255, 0.54);
  5137. }
  5138. .dx-device-mobile .dx-list.dx-list-with-search .dx-scrollable-wrapper {
  5139. height: calc(100% - 36px);
  5140. }
  5141. .dx-device-mobile .dx-list .dx-empty-message {
  5142. text-align: left;
  5143. }
  5144. .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before {
  5145. border-color: #005951;
  5146. }
  5147. .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon:after {
  5148. background-color: rgba(255, 255, 255, 0.1);
  5149. -webkit-transform: scale(1);
  5150. transform: scale(1);
  5151. }
  5152. .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon:after,
  5153. .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon:after {
  5154. background-color: rgba(0, 150, 136, 0.1);
  5155. -webkit-transform: scale(1);
  5156. transform: scale(1);
  5157. }
  5158. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  5159. background-color: #525261;
  5160. color: #ffffff;
  5161. }
  5162. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
  5163. background-color: #3f3f4b;
  5164. color: #ffffff;
  5165. }
  5166. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  5167. background-color: #3f3f4b;
  5168. color: #fff;
  5169. }
  5170. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
  5171. background-color: rgba(101, 101, 119, 0.7);
  5172. color: #ffffff;
  5173. }
  5174. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  5175. background-color: #656577;
  5176. }
  5177. .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
  5178. background-color: #656577;
  5179. }
  5180. .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed):not(:last-child) {
  5181. padding-bottom: 4px;
  5182. border-bottom: 1px solid #515159;
  5183. }
  5184. .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed) + .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed) .dx-list-group-header {
  5185. border-top-color: transparent;
  5186. }
  5187. .dx-list-collapsible-groups .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator {
  5188. font: 14px/1 DXIcons;
  5189. font-size: 18px;
  5190. }
  5191. .dx-list-collapsible-groups .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator:before {
  5192. content: "\f016";
  5193. }
  5194. .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header {
  5195. color: rgba(255, 255, 255, 0.6);
  5196. }
  5197. .dx-device-mobile .dx-list-group .dx-list-item:first-of-type {
  5198. margin-top: 0;
  5199. }
  5200. .dx-device-mobile .dx-list-group .dx-list-item:last-of-type {
  5201. margin-bottom: 0;
  5202. }
  5203. .dx-device-mobile .dx-list-group-header {
  5204. font-weight: normal;
  5205. padding: 10px 15px;
  5206. background: rgba(54, 54, 64, 0);
  5207. color: #009688;
  5208. border-top: 1px solid #515159;
  5209. border-top-color: transparent;
  5210. font-size: 13px;
  5211. }
  5212. .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator {
  5213. color: rgba(255, 255, 255, 0.54);
  5214. }
  5215. .dx-list-collapsible-groups .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator {
  5216. font: 14px/1 DXIcons;
  5217. font-size: 18px;
  5218. float: right;
  5219. margin-top: -2px;
  5220. }
  5221. .dx-list-collapsible-groups .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator:before {
  5222. content: "\f014";
  5223. }
  5224. .dx-device-mobile .dx-list-group-header .dx-inkripple {
  5225. height: auto;
  5226. top: -1px;
  5227. bottom: 0;
  5228. }
  5229. .dx-device-mobile .dx-list-group-header:before {
  5230. content: none;
  5231. }
  5232. .dx-device-mobile .dx-list-item.dx-state-hover,
  5233. .dx-device-mobile .dx-list-item.dx-state-active {
  5234. background-color: #3f3f4b;
  5235. color: #fff;
  5236. }
  5237. .dx-device-mobile .dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper,
  5238. .dx-device-mobile .dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper {
  5239. background-color: #3f3f4b;
  5240. }
  5241. .dx-device-mobile .dx-list-item:first-of-type {
  5242. border-top: none;
  5243. margin-top: 4px;
  5244. }
  5245. .dx-device-mobile .dx-list-item:last-of-type {
  5246. border-bottom: none;
  5247. margin-bottom: 4px;
  5248. }
  5249. .dx-device-mobile .dx-list-item .dx-icon-toggle-delete {
  5250. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
  5251. background-size: 100%;
  5252. }
  5253. .dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
  5254. color: #ffffff;
  5255. background: #363640;
  5256. border-top: 1px solid rgba(0, 150, 136, 0.5);
  5257. border-bottom: 1px solid rgba(0, 150, 136, 0.5);
  5258. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  5259. box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  5260. }
  5261. .dx-device-mobile .dx-list-item,
  5262. .dx-device-mobile .dx-list .dx-empty-message {
  5263. color: #fff;
  5264. }
  5265. .dx-list-item-separator-hidden .dx-device-mobile .dx-list-item,
  5266. .dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message {
  5267. border-top: none;
  5268. border-bottom: none;
  5269. }
  5270. .dx-device-mobile .dx-list-item-content {
  5271. font-size: 13px;
  5272. padding: 10px 15px 9px;
  5273. }
  5274. .dx-device-mobile .dx-list .dx-empty-message {
  5275. padding: 6px 15px 5px;
  5276. color: rgba(255, 255, 255, 0.54);
  5277. font-size: 12px;
  5278. }
  5279. .dx-device-mobile .dx-list-next-button .dx-button {
  5280. margin-top: 20px;
  5281. padding: 0;
  5282. }
  5283. .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
  5284. padding: 5px 16px;
  5285. }
  5286. .dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
  5287. width: 12px;
  5288. height: 12px;
  5289. background-position: 0px 0px;
  5290. background-size: 12px 12px;
  5291. padding: 0px;
  5292. font-size: 12px;
  5293. text-align: center;
  5294. line-height: 12px;
  5295. margin-right: 9px;
  5296. margin-left: 0;
  5297. }
  5298. .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon,
  5299. .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
  5300. margin-left: 9px;
  5301. margin-right: 0;
  5302. }
  5303. .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
  5304. margin-left: 9px;
  5305. margin-right: 0;
  5306. }
  5307. .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
  5308. .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
  5309. margin-right: 9px;
  5310. margin-left: 0;
  5311. }
  5312. .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
  5313. padding-left: 58px;
  5314. padding-right: 58px;
  5315. }
  5316. .dx-device-mobile .dx-list-item-chevron-container {
  5317. width: 26px;
  5318. padding-top: 5px;
  5319. }
  5320. .dx-device-mobile .dx-list-border-visible {
  5321. border: 1px solid #515159;
  5322. }
  5323. .dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
  5324. width: 45px;
  5325. }
  5326. .dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container,
  5327. .dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container {
  5328. width: 55px;
  5329. }
  5330. .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  5331. border: none;
  5332. background: transparent;
  5333. padding: 0;
  5334. height: 24px;
  5335. width: 24px;
  5336. margin-left: 14px;
  5337. -webkit-box-shadow: none;
  5338. box-shadow: none;
  5339. }
  5340. .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
  5341. padding: 0;
  5342. }
  5343. .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content .dx-inkripple-wave {
  5344. display: none;
  5345. }
  5346. .dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete {
  5347. width: 19px;
  5348. height: 19px;
  5349. }
  5350. .dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox,
  5351. .dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton {
  5352. margin-top: -1px;
  5353. margin-bottom: -3px;
  5354. margin-left: 15px;
  5355. }
  5356. .dx-device-mobile .dx-list-toggle-delete-switch-container + .dx-list-item-content {
  5357. padding-left: 33px;
  5358. }
  5359. .dx-device-mobile .dx-list-select-all {
  5360. padding: 9px 0;
  5361. font-size: 13px;
  5362. position: relative;
  5363. }
  5364. .dx-device-mobile .dx-list-select-all:after {
  5365. content: "";
  5366. position: absolute;
  5367. bottom: 1px;
  5368. left: 8px;
  5369. right: 8px;
  5370. height: 1px;
  5371. background-color: #515159;
  5372. }
  5373. .dx-device-mobile .dx-list-select-all-checkbox {
  5374. float: left;
  5375. margin: -1px 0 -3px 15px;
  5376. }
  5377. .dx-device-mobile .dx-list-select-all-label {
  5378. line-height: 15px;
  5379. padding: 0 27px;
  5380. margin-top: 1px;
  5381. }
  5382. .dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container {
  5383. width: 36px;
  5384. }
  5385. .dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container {
  5386. width: 36.6px;
  5387. }
  5388. .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle {
  5389. font: 14px/1 DXIcons;
  5390. color: rgba(255, 255, 255, 0.27);
  5391. width: 28.8px;
  5392. height: 28.8px;
  5393. background-position: 5px 5px;
  5394. background-size: 18px 18px;
  5395. padding: 5px;
  5396. font-size: 18px;
  5397. text-align: center;
  5398. line-height: 18px;
  5399. }
  5400. .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before {
  5401. content: "\f038";
  5402. }
  5403. .dx-device-mobile .dx-list-slide-menu-button {
  5404. bottom: 1px;
  5405. }
  5406. .dx-device-mobile .dx-list-slide-menu-button-delete {
  5407. font: 14px/1 DXIcons;
  5408. color: rgba(0, 0, 0, 0.87);
  5409. border: 1px solid rgba(0, 0, 0, 0.24);
  5410. border-right-color: transparent;
  5411. background-color: #F44336;
  5412. font-size: 18px;
  5413. display: table-cell;
  5414. vertical-align: middle;
  5415. padding: 0 15px;
  5416. width: 48px;
  5417. -webkit-box-shadow: inset 3px 0 5px -3px rgba(0, 0, 0, 0.24), inset 0 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0 -3px 5px -3px rgba(0, 0, 0, 0.24);
  5418. box-shadow: inset 3px 0 5px -3px rgba(0, 0, 0, 0.24), inset 0 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0 -3px 5px -3px rgba(0, 0, 0, 0.24);
  5419. }
  5420. .dx-device-mobile .dx-list-slide-menu-button-delete:before {
  5421. content: "\f03e";
  5422. }
  5423. .dx-device-mobile .dx-list-slide-menu-button-menu {
  5424. border: 1px solid transparent;
  5425. color: rgba(0, 0, 0, 0.87);
  5426. background-color: #009688;
  5427. }
  5428. .dx-device-mobile .dx-list-static-delete-button {
  5429. margin-right: 15px;
  5430. padding: 0;
  5431. border-radius: 50%;
  5432. height: 26px;
  5433. margin-top: -2px;
  5434. }
  5435. .dx-device-mobile .dx-list-static-delete-button.dx-button {
  5436. -webkit-box-shadow: none;
  5437. box-shadow: none;
  5438. background-color: transparent;
  5439. }
  5440. .dx-device-mobile .dx-list-static-delete-button.dx-button .dx-button-content {
  5441. z-index: 1;
  5442. }
  5443. .dx-device-mobile .dx-list-switchable-delete-button-inner-wrapper {
  5444. padding-right: 4px;
  5445. background-color: #363640;
  5446. }
  5447. .dx-device-mobile .dx-button.dx-list-switchable-delete-button {
  5448. background-color: transparent;
  5449. color: #F44336;
  5450. -webkit-box-shadow: none;
  5451. box-shadow: none;
  5452. }
  5453. .dx-device-mobile .dx-button.dx-list-switchable-delete-button .dx-icon {
  5454. color: #F44336;
  5455. }
  5456. .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-hover {
  5457. background-color: rgba(244, 67, 54, 0.08);
  5458. -webkit-box-shadow: none;
  5459. box-shadow: none;
  5460. }
  5461. .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-focused {
  5462. background-color: rgba(244, 67, 54, 0.15);
  5463. -webkit-box-shadow: none;
  5464. box-shadow: none;
  5465. }
  5466. .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-active {
  5467. background-color: rgba(244, 67, 54, 0.2);
  5468. -webkit-box-shadow: none;
  5469. box-shadow: none;
  5470. }
  5471. .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled {
  5472. background: transparent;
  5473. -webkit-box-shadow: none;
  5474. box-shadow: none;
  5475. }
  5476. .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-icon {
  5477. opacity: 0.6;
  5478. }
  5479. .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-button-text {
  5480. color: rgba(255, 255, 255, 0.35);
  5481. }
  5482. .dx-device-mobile .dx-button.dx-list-switchable-delete-button .dx-inkripple-wave {
  5483. background-color: rgba(244, 67, 54, 0.2);
  5484. }
  5485. .dx-device-mobile .dx-list-context-menucontent {
  5486. background-color: #363640;
  5487. border: 1px solid #515159;
  5488. border-radius: 0;
  5489. -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  5490. box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  5491. }
  5492. .dx-device-mobile .dx-state-disabled.dx-list-item,
  5493. .dx-device-mobile .dx-state-disabled .dx-list-item {
  5494. background-color: transparent;
  5495. opacity: 0.6;
  5496. }
  5497. .dx-device-mobile .dx-rtl .dx-list .dx-empty-message,
  5498. .dx-device-mobile .dx-rtl.dx-list .dx-empty-message {
  5499. text-align: right;
  5500. }
  5501. .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch,
  5502. .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  5503. margin-right: 14px;
  5504. margin-left: 0;
  5505. }
  5506. .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
  5507. .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
  5508. .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
  5509. .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
  5510. margin-right: 15px;
  5511. margin-left: 1px;
  5512. }
  5513. .dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox,
  5514. .dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox {
  5515. float: right;
  5516. margin-right: 15px;
  5517. margin-left: 1px;
  5518. }
  5519. .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button,
  5520. .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button {
  5521. margin-right: 0;
  5522. }
  5523. .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper,
  5524. .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper {
  5525. padding-left: 4px;
  5526. padding-right: 0;
  5527. }
  5528. .dx-device-mobile .dx-list-item-badge-container {
  5529. padding-right: 15px;
  5530. }
  5531. .dx-dropdownlist-popup-wrapper {
  5532. height: 100%;
  5533. }
  5534. .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  5535. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  5536. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  5537. border-top-width: 0;
  5538. border-bottom-width: 1px;
  5539. }
  5540. .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  5541. border-top-width: 1px;
  5542. border-bottom-width: 0;
  5543. }
  5544. .dx-dropdownlist-popup-wrapper .dx-popup-content {
  5545. height: 100%;
  5546. padding: 1px;
  5547. }
  5548. .dx-dropdownlist-popup-wrapper .dx-list {
  5549. height: 100%;
  5550. min-height: 36px;
  5551. }
  5552. .dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  5553. padding: 10px 7px;
  5554. }
  5555. .dx-dropdownlist-popup-wrapper .dx-list-select-all {
  5556. padding: 12px 0 8px;
  5557. }
  5558. .dx-dropdownlist-popup-wrapper .dx-list-item,
  5559. .dx-dropdownlist-popup-wrapper .dx-empty-message {
  5560. border-top: 0;
  5561. }
  5562. .dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type,
  5563. .dx-dropdownlist-popup-wrapper .dx-empty-message:last-of-type {
  5564. border-bottom: none;
  5565. }
  5566. .dx-textarea {
  5567. height: auto;
  5568. }
  5569. .dx-textarea .dx-texteditor-input {
  5570. padding: 8px;
  5571. line-height: 20px;
  5572. }
  5573. .dx-textarea .dx-placeholder:before {
  5574. padding: 11px 8px;
  5575. }
  5576. .dx-textarea .dx-icon-clear {
  5577. top: 0;
  5578. margin-top: 0;
  5579. }
  5580. .dx-textarea.dx-invalid .dx-texteditor-container:after {
  5581. top: 11px;
  5582. margin-top: 0;
  5583. }
  5584. .dx-numberbox-spin-container {
  5585. overflow: hidden;
  5586. width: 24px;
  5587. }
  5588. .dx-state-disabled .dx-numberbox-spin-container {
  5589. opacity: 1;
  5590. }
  5591. .dx-numberbox-spin-up-icon {
  5592. font: 14px/1 DXIcons;
  5593. color: rgba(255, 255, 255, 0.54);
  5594. }
  5595. .dx-numberbox-spin-up-icon:before {
  5596. content: "\f002";
  5597. }
  5598. .dx-numberbox-spin-down-icon {
  5599. font: 14px/1 DXIcons;
  5600. color: rgba(255, 255, 255, 0.54);
  5601. }
  5602. .dx-numberbox-spin-down-icon:before {
  5603. content: "\f001";
  5604. }
  5605. .dx-numberbox-spin-up-icon,
  5606. .dx-numberbox-spin-down-icon {
  5607. font-size: 18px;
  5608. text-align: center;
  5609. line-height: 18px;
  5610. }
  5611. .dx-numberbox-spin-up-icon:before,
  5612. .dx-numberbox-spin-down-icon:before {
  5613. position: absolute;
  5614. display: block;
  5615. width: 18px;
  5616. top: 50%;
  5617. margin-top: -9px;
  5618. left: 50%;
  5619. margin-left: -9px;
  5620. }
  5621. .dx-numberbox-spin-button {
  5622. padding: 1px;
  5623. height: 50%;
  5624. }
  5625. .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined .dx-texteditor-input {
  5626. padding-right: 0;
  5627. }
  5628. .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-underlined .dx-texteditor-input {
  5629. padding-right: 20px;
  5630. }
  5631. .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  5632. padding: 6px 0 5px;
  5633. padding-left: 20px;
  5634. }
  5635. .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input,
  5636. .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input {
  5637. padding-right: 28px;
  5638. }
  5639. .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
  5640. .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  5641. padding: 6px 0 5px;
  5642. padding-left: 28px;
  5643. }
  5644. .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  5645. .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
  5646. right: 9px;
  5647. }
  5648. .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  5649. .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
  5650. .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  5651. .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
  5652. left: 9px;
  5653. right: auto;
  5654. }
  5655. .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container:after {
  5656. right: 1px;
  5657. }
  5658. .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container:after,
  5659. .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container:after {
  5660. left: 1px;
  5661. right: auto;
  5662. }
  5663. .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled .dx-texteditor-input,
  5664. .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined .dx-texteditor-input {
  5665. padding-right: 8px;
  5666. }
  5667. .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-underlined .dx-texteditor-input,
  5668. .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-underlined .dx-texteditor-input {
  5669. padding-right: 20px;
  5670. }
  5671. .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input,
  5672. .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  5673. padding: 6px 0 5px;
  5674. padding-left: 20px;
  5675. }
  5676. .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input,
  5677. .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input,
  5678. .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input,
  5679. .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input {
  5680. padding-right: 28px;
  5681. }
  5682. .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
  5683. .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
  5684. .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input,
  5685. .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  5686. padding: 6px 0 5px;
  5687. padding-left: 28px;
  5688. }
  5689. .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  5690. .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  5691. .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
  5692. .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
  5693. right: 9px;
  5694. }
  5695. .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  5696. .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  5697. .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
  5698. .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
  5699. .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  5700. .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  5701. .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
  5702. .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
  5703. left: 9px;
  5704. right: auto;
  5705. }
  5706. .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container:after,
  5707. .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container:after {
  5708. right: 1px;
  5709. }
  5710. .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container:after,
  5711. .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container:after,
  5712. .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container:after,
  5713. .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container:after {
  5714. left: 1px;
  5715. right: auto;
  5716. }
  5717. .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined .dx-texteditor-input {
  5718. padding-right: 20px;
  5719. }
  5720. .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  5721. padding: 6px 0 5px;
  5722. padding-left: 20px;
  5723. }
  5724. .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input,
  5725. .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input {
  5726. padding-right: 28px;
  5727. }
  5728. .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
  5729. .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  5730. padding: 6px 0 5px;
  5731. padding-left: 28px;
  5732. }
  5733. .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  5734. .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
  5735. right: 9px;
  5736. }
  5737. .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  5738. .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after,
  5739. .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container:after,
  5740. .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container:after {
  5741. left: 9px;
  5742. right: auto;
  5743. }
  5744. .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after {
  5745. right: 1px;
  5746. }
  5747. .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after,
  5748. .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container:after {
  5749. left: 1px;
  5750. right: auto;
  5751. }
  5752. .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  5753. width: 74px;
  5754. border-left: none;
  5755. }
  5756. .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon,
  5757. .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon {
  5758. background-position: center;
  5759. }
  5760. .dx-numberbox-spin-touch-friendly.dx-editor-underlined.dx-show-clear-button .dx-texteditor-input {
  5761. padding-right: 0;
  5762. }
  5763. .dx-numberbox-spin-touch-friendly.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
  5764. .dx-numberbox-spin-touch-friendly.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input {
  5765. padding-right: 8px;
  5766. }
  5767. .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container,
  5768. .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  5769. border-right: none;
  5770. }
  5771. .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input,
  5772. .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input {
  5773. padding-left: 24px;
  5774. }
  5775. .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input,
  5776. .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input {
  5777. padding-left: 24px;
  5778. }
  5779. .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-underlined .dx-texteditor-input,
  5780. .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-underlined .dx-texteditor-input {
  5781. padding-left: 0;
  5782. }
  5783. .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-filled .dx-texteditor-input,
  5784. .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-filled .dx-texteditor-input,
  5785. .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-outlined .dx-texteditor-input,
  5786. .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-outlined .dx-texteditor-input {
  5787. padding-left: 8px;
  5788. }
  5789. .dx-datebox-wrapper .dx-popup-title {
  5790. min-height: 10px;
  5791. border-bottom: none;
  5792. background: none;
  5793. }
  5794. .dx-datebox-wrapper .dx-item {
  5795. border: none;
  5796. }
  5797. .dx-datebox-wrapper .dx-popup-bottom .dx-button {
  5798. width: auto;
  5799. }
  5800. .dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content {
  5801. margin: 0 34px;
  5802. }
  5803. .dx-datebox-wrapper-list .dx-overlay-content {
  5804. border-top: none;
  5805. }
  5806. .dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content {
  5807. padding: 10px;
  5808. }
  5809. .dx-datebox-calendar .dx-dropdowneditor-icon {
  5810. font: 14px/1 DXIcons;
  5811. width: 18px;
  5812. height: 100%;
  5813. font-size: 18px;
  5814. text-align: center;
  5815. line-height: 18px;
  5816. }
  5817. .dx-datebox-calendar .dx-dropdowneditor-icon:before {
  5818. content: "\f001";
  5819. }
  5820. .dx-datebox-calendar .dx-dropdowneditor-icon:before {
  5821. position: absolute;
  5822. display: block;
  5823. width: 18px;
  5824. top: 50%;
  5825. margin-top: -9px;
  5826. left: 50%;
  5827. margin-left: -9px;
  5828. }
  5829. .dx-datebox-calendar.dx-dropdowneditor-active.dx-editor-filled {
  5830. background: rgba(255, 255, 255, 0.07);
  5831. }
  5832. .dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  5833. opacity: 1;
  5834. }
  5835. .dx-datebox-wrapper-calendar .dx-popup-content {
  5836. padding: 0;
  5837. }
  5838. .dx-datebox-wrapper-calendar .dx-calendar {
  5839. border: none;
  5840. margin: 10px;
  5841. }
  5842. .dx-datebox-wrapper-calendar .dx-datebox-container-cell {
  5843. margin-right: 10px;
  5844. margin-bottom: 10px;
  5845. }
  5846. .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
  5847. margin-right: 5px;
  5848. margin-bottom: 5px;
  5849. }
  5850. .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  5851. padding: 10px;
  5852. }
  5853. .dx-datebox-adaptivity-mode.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  5854. margin: 0 5px 5px;
  5855. }
  5856. .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell {
  5857. margin-top: -1px;
  5858. margin-right: 10px;
  5859. }
  5860. @media (max-width: 320px) {
  5861. .dx-datebox-wrapper-calendar .dx-calendar {
  5862. margin: 18px;
  5863. }
  5864. }
  5865. .dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button + .dx-toolbar-button .dx-button {
  5866. margin-right: 5px;
  5867. margin-left: 0;
  5868. }
  5869. .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
  5870. margin-left: 5px;
  5871. margin-right: 10px;
  5872. }
  5873. .dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  5874. margin-right: 5px;
  5875. margin-left: 10px;
  5876. }
  5877. .dx-datebox-list .dx-dropdowneditor-icon {
  5878. font: 14px/1 DXIcons;
  5879. width: 18px;
  5880. height: 100%;
  5881. font-size: 18px;
  5882. text-align: center;
  5883. line-height: 18px;
  5884. }
  5885. .dx-datebox-list .dx-dropdowneditor-icon:before {
  5886. content: "\f001";
  5887. }
  5888. .dx-datebox-list .dx-dropdowneditor-icon:before {
  5889. position: absolute;
  5890. display: block;
  5891. width: 18px;
  5892. top: 50%;
  5893. margin-top: -9px;
  5894. left: 50%;
  5895. margin-left: -9px;
  5896. }
  5897. .dx-datebox-wrapper-list .dx-popup-content {
  5898. padding: 0;
  5899. }
  5900. .dx-datebox input[type="date"] {
  5901. line-height: normal;
  5902. }
  5903. .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input,
  5904. .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input {
  5905. padding-right: 18px;
  5906. }
  5907. .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input,
  5908. .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  5909. padding-right: 0;
  5910. padding-left: 18px;
  5911. }
  5912. .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
  5913. .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
  5914. .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input,
  5915. .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input {
  5916. padding-right: 26px;
  5917. }
  5918. .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
  5919. .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
  5920. .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input,
  5921. .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  5922. padding-right: 8px;
  5923. padding-left: 26px;
  5924. }
  5925. .dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input {
  5926. min-height: 33px;
  5927. }
  5928. .dx-dateview-rollers {
  5929. width: auto;
  5930. text-align: center;
  5931. display: block;
  5932. }
  5933. .dx-dateviewroller-current .dx-dateview-item {
  5934. -webkit-transition: font-size 0.2s ease-out;
  5935. transition: font-size 0.2s ease-out;
  5936. }
  5937. .dx-dateviewroller {
  5938. min-width: 4em;
  5939. text-align: center;
  5940. display: inline-block;
  5941. }
  5942. .dx-dateviewroller .dx-button {
  5943. display: none;
  5944. }
  5945. .dx-dateviewroller .dx-scrollable-content:before,
  5946. .dx-dateviewroller .dx-scrollable-content:after {
  5947. content: "";
  5948. height: 71px;
  5949. display: block;
  5950. }
  5951. .dx-dateviewroller .dx-scrollable-container {
  5952. height: 182px;
  5953. }
  5954. .dx-dateviewroller.dx-dateviewroller-year {
  5955. min-width: 4.85em;
  5956. }
  5957. .dx-dateviewroller.dx-state-active .dx-button {
  5958. display: none;
  5959. }
  5960. .dx-dateviewroller-month {
  5961. min-width: 12em;
  5962. }
  5963. .dx-dateviewroller-hours:after {
  5964. content: ":";
  5965. font-size: 2.2em;
  5966. position: absolute;
  5967. right: -9%;
  5968. font-weight: bold;
  5969. top: 37%;
  5970. color: #fff;
  5971. }
  5972. .dx-dateviewroller-hours .dx-dateview-item-selected-frame {
  5973. padding-left: 20%;
  5974. }
  5975. .dx-dateviewroller-minutes .dx-dateview-item-selected-frame {
  5976. width: 80%;
  5977. }
  5978. .dx-dateview-item {
  5979. height: 40px;
  5980. line-height: 40px;
  5981. text-align: center;
  5982. font-size: 1.3em;
  5983. color: #fff;
  5984. }
  5985. .dx-dateview-item-selected {
  5986. font-size: 1.8em;
  5987. color: #009688;
  5988. }
  5989. .dx-rtl.dx-dateviewroller-hours:after {
  5990. left: -9%;
  5991. right: auto;
  5992. }
  5993. .dx-dateview-item-selected-frame {
  5994. position: absolute;
  5995. top: 71px;
  5996. width: 100%;
  5997. }
  5998. .dx-dateview-item-selected-frame:before,
  5999. .dx-dateview-item-selected-frame:after {
  6000. -webkit-backface-visibility: hidden;
  6001. backface-visibility: hidden;
  6002. content: "";
  6003. display: block;
  6004. width: 100%;
  6005. position: absolute;
  6006. height: 71px;
  6007. }
  6008. .dx-dateview-item-selected-frame:before {
  6009. top: -71px;
  6010. background-repeat: no-repeat;
  6011. background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(54, 54, 64, 0)), color-stop(60%, rgba(54, 54, 64, 0.8)));
  6012. background-image: linear-gradient(0deg, rgba(54, 54, 64, 0) 0%, rgba(54, 54, 64, 0.8) 60%);
  6013. }
  6014. .dx-dateview-item-selected-frame:after {
  6015. top: 40px;
  6016. background-repeat: no-repeat;
  6017. background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 54, 64, 0)), color-stop(60%, rgba(54, 54, 64, 0.8)));
  6018. background-image: linear-gradient(180deg, rgba(54, 54, 64, 0) 0%, rgba(54, 54, 64, 0.8) 60%);
  6019. }
  6020. .dx-device-tablet .dx-dateview-rollers,
  6021. .dx-device-phone .dx-dateview-rollers {
  6022. display: -webkit-box;
  6023. display: -webkit-flex;
  6024. display: -ms-flexbox;
  6025. display: flex;
  6026. -webkit-box-orient: horizontal;
  6027. -webkit-box-direction: normal;
  6028. -webkit-flex-flow: row nowrap;
  6029. -ms-flex-flow: row nowrap;
  6030. flex-flow: row nowrap;
  6031. }
  6032. .dx-device-tablet .dx-dateviewroller-month,
  6033. .dx-device-phone .dx-dateviewroller-month {
  6034. min-width: 4em;
  6035. }
  6036. .dx-device-tablet .dx-dateview-item,
  6037. .dx-device-phone .dx-dateview-item {
  6038. font-size: 1.1em;
  6039. }
  6040. .dx-device-tablet .dx-dateview-item-selected,
  6041. .dx-device-phone .dx-dateview-item-selected {
  6042. font-size: 1.4em;
  6043. }
  6044. .dx-toolbar {
  6045. background-color: #363640;
  6046. color: #fff;
  6047. padding: 0;
  6048. overflow: visible;
  6049. }
  6050. .dx-toolbar .dx-toolbar-before {
  6051. padding-right: 15px;
  6052. }
  6053. .dx-rtl.dx-toolbar .dx-toolbar-before {
  6054. padding-right: 0;
  6055. padding-left: 15px;
  6056. }
  6057. .dx-toolbar .dx-toolbar-after {
  6058. padding-left: 15px;
  6059. }
  6060. .dx-rtl.dx-toolbar .dx-toolbar-after {
  6061. padding-left: 0;
  6062. padding-right: 15px;
  6063. }
  6064. .dx-toolbar .dx-toolbar-before:empty,
  6065. .dx-toolbar .dx-toolbar-after:empty {
  6066. padding: 0;
  6067. }
  6068. .dx-toolbar .dx-toolbar-items-container {
  6069. height: 56px;
  6070. overflow: visible;
  6071. }
  6072. .dx-toolbar .dx-toolbar-menu-container {
  6073. padding: 0 0 0 5px;
  6074. }
  6075. .dx-rtl.dx-toolbar .dx-toolbar-menu-container {
  6076. padding: 0 5px 0 0;
  6077. }
  6078. .dx-toolbar .dx-toolbar-item {
  6079. padding: 0 5px 0 0;
  6080. }
  6081. .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  6082. padding-left: 20px;
  6083. }
  6084. .dx-toolbar .dx-toolbar-item:last-child {
  6085. padding: 0;
  6086. }
  6087. .dx-rtl.dx-toolbar .dx-toolbar-item {
  6088. padding: 0 0 0 5px;
  6089. }
  6090. .dx-rtl.dx-toolbar .dx-toolbar-item:last-child {
  6091. padding: 0;
  6092. }
  6093. .dx-toolbar .dx-toolbar-label {
  6094. font-size: 16px;
  6095. font-weight: 500;
  6096. }
  6097. .dx-device-mobile .dx-toolbar {
  6098. padding: 0;
  6099. overflow: visible;
  6100. }
  6101. .dx-device-mobile .dx-toolbar .dx-toolbar-before {
  6102. padding-right: 15px;
  6103. }
  6104. .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-before {
  6105. padding-right: 0;
  6106. padding-left: 15px;
  6107. }
  6108. .dx-device-mobile .dx-toolbar .dx-toolbar-after {
  6109. padding-left: 15px;
  6110. }
  6111. .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-after {
  6112. padding-left: 0;
  6113. padding-right: 15px;
  6114. }
  6115. .dx-device-mobile .dx-toolbar .dx-toolbar-before:empty,
  6116. .dx-device-mobile .dx-toolbar .dx-toolbar-after:empty {
  6117. padding: 0;
  6118. }
  6119. .dx-device-mobile .dx-toolbar .dx-toolbar-items-container {
  6120. height: 56px;
  6121. overflow: visible;
  6122. }
  6123. .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
  6124. padding: 0 0 0 5px;
  6125. }
  6126. .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
  6127. padding: 0 5px 0 0;
  6128. }
  6129. .dx-device-mobile .dx-toolbar .dx-toolbar-item {
  6130. padding: 0 5px 0 0;
  6131. }
  6132. .dx-device-mobile .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  6133. padding-left: 20px;
  6134. }
  6135. .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
  6136. padding: 0;
  6137. }
  6138. .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item {
  6139. padding: 0 0 0 5px;
  6140. }
  6141. .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
  6142. padding: 0;
  6143. }
  6144. .dx-device-mobile .dx-toolbar .dx-toolbar-label {
  6145. font-size: 20px;
  6146. font-weight: 500;
  6147. }
  6148. .dx-toolbar.dx-state-disabled {
  6149. opacity: 1;
  6150. }
  6151. .dx-toolbar-after .dx-toolbar-item {
  6152. padding: 0 0 0 5px;
  6153. }
  6154. .dx-toolbar-after .dx-toolbar-item:last-child {
  6155. padding: 0 0 0 5px;
  6156. }
  6157. .dx-toolbar-after .dx-toolbar-item:first-child {
  6158. padding: 0;
  6159. }
  6160. .dx-rtl .dx-toolbar-after .dx-toolbar-item:first-child {
  6161. padding-left: 5px;
  6162. }
  6163. .dx-device-mobile .dx-toolbar-after .dx-toolbar-item {
  6164. padding: 0 0 0 5px;
  6165. }
  6166. .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:last-child {
  6167. padding: 0 0 0 5px;
  6168. }
  6169. .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
  6170. padding: 0;
  6171. }
  6172. .dx-rtl .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
  6173. padding-left: 5px;
  6174. }
  6175. .dx-toolbar-background {
  6176. background-color: #363640;
  6177. }
  6178. .dx-toolbar-menu-section {
  6179. border-bottom: 1px solid #515159;
  6180. }
  6181. .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide {
  6182. padding: 0;
  6183. }
  6184. .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
  6185. height: 36px;
  6186. padding: 0;
  6187. }
  6188. .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content {
  6189. padding: 0 8px;
  6190. }
  6191. .dx-toolbar-menu-section .dx-button-content {
  6192. padding: 4px;
  6193. }
  6194. .dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
  6195. padding: 0 8px;
  6196. }
  6197. .dx-toolbar-menu-section .dx-toolbar-item-auto-hide .dx-checkbox {
  6198. padding: 10px 0;
  6199. }
  6200. .dx-toolbar-text-auto-hide .dx-button {
  6201. min-width: 28px;
  6202. }
  6203. .dx-toolbar-text-auto-hide .dx-button .dx-button-content {
  6204. padding: 5px;
  6205. }
  6206. .dx-toolbar-text-auto-hide .dx-button .dx-icon {
  6207. width: 18px;
  6208. height: 18px;
  6209. background-position: 0px 0px;
  6210. background-size: 18px 18px;
  6211. padding: 0px;
  6212. font-size: 18px;
  6213. text-align: center;
  6214. line-height: 18px;
  6215. margin-right: 0;
  6216. margin-left: 0;
  6217. }
  6218. .dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon,
  6219. .dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon {
  6220. margin-left: 0;
  6221. margin-right: 0;
  6222. }
  6223. .dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
  6224. margin-left: 0;
  6225. margin-right: 0;
  6226. }
  6227. .dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right,
  6228. .dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
  6229. margin-right: 0;
  6230. margin-left: 0;
  6231. }
  6232. .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon.dx-button-has-text {
  6233. border-radius: 50%;
  6234. }
  6235. .dx-toolbar-menu-action .dx-button.dx-button-has-icon:not(.dx-button-has-text) {
  6236. border-radius: 0;
  6237. }
  6238. .dx-toolbar .dx-tab {
  6239. padding: 4px;
  6240. }
  6241. .dx-tile {
  6242. color: #fff;
  6243. background-color: #363640;
  6244. border: 1px solid rgba(81, 81, 89, 0.6);
  6245. text-align: left;
  6246. }
  6247. .dx-tile.dx-state-focused,
  6248. .dx-tile.dx-state-hover {
  6249. background-color: #363640;
  6250. border-color: rgba(0, 150, 136, 0.4);
  6251. }
  6252. .dx-tile.dx-state-active {
  6253. background-color: rgba(0, 0, 0, 0.2);
  6254. color: #fff;
  6255. border-color: transparent;
  6256. }
  6257. .dx-overlay-shader {
  6258. background-color: rgba(0, 0, 0, 0.61);
  6259. }
  6260. .dx-overlay-wrapper {
  6261. color: #fff;
  6262. font-weight: normal;
  6263. font-size: 13px;
  6264. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  6265. line-height: 1.2857;
  6266. }
  6267. .dx-overlay-wrapper input,
  6268. .dx-overlay-wrapper textarea {
  6269. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  6270. line-height: 1.2857;
  6271. }
  6272. .dx-toast-content {
  6273. color: rgba(255, 255, 255, 0.87);
  6274. font-size: 13px;
  6275. font-weight: 400;
  6276. padding: 0 12px;
  6277. border-radius: 2px;
  6278. -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  6279. box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
  6280. min-height: 36px;
  6281. display: -webkit-box;
  6282. display: -webkit-flex;
  6283. display: -ms-flexbox;
  6284. display: flex;
  6285. -webkit-box-align: center;
  6286. -webkit-align-items: center;
  6287. -ms-flex-align: center;
  6288. align-items: center;
  6289. }
  6290. .dx-toast-icon {
  6291. display: none;
  6292. }
  6293. .dx-toast-message {
  6294. padding: 0;
  6295. }
  6296. .dx-toast-info {
  6297. background-color: rgba(0, 0, 0, 0.87);
  6298. }
  6299. .dx-toast-warning {
  6300. background-color: #FFC107;
  6301. }
  6302. .dx-toast-error {
  6303. background-color: #F44336;
  6304. }
  6305. .dx-toast-success {
  6306. background-color: #8BC34A;
  6307. }
  6308. .dx-popup-wrapper > .dx-overlay-content {
  6309. background: #363640;
  6310. -webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  6311. box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  6312. border-radius: 2px;
  6313. }
  6314. .dx-popup-wrapper > .dx-popup-fullscreen {
  6315. border-radius: 0;
  6316. }
  6317. .dx-popup-title {
  6318. position: relative;
  6319. padding: 0 8px 0 16px;
  6320. margin-bottom: -2px;
  6321. min-height: 28px;
  6322. border-bottom: 1px solid #515159;
  6323. background: transparent;
  6324. color: #fff;
  6325. }
  6326. .dx-popup-title.dx-toolbar {
  6327. padding: 0 8px 0 16px;
  6328. overflow: visible;
  6329. -webkit-box-shadow: none;
  6330. box-shadow: none;
  6331. }
  6332. .dx-popup-title.dx-toolbar .dx-toolbar-before {
  6333. padding-right: 15px;
  6334. }
  6335. .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-before {
  6336. padding-right: 0;
  6337. padding-left: 15px;
  6338. }
  6339. .dx-popup-title.dx-toolbar .dx-toolbar-after {
  6340. padding-left: 15px;
  6341. }
  6342. .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-after {
  6343. padding-left: 0;
  6344. padding-right: 15px;
  6345. }
  6346. .dx-popup-title.dx-toolbar .dx-toolbar-before:empty,
  6347. .dx-popup-title.dx-toolbar .dx-toolbar-after:empty {
  6348. padding: 0;
  6349. }
  6350. .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  6351. height: 56px;
  6352. overflow: visible;
  6353. }
  6354. .dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  6355. padding: 0 0 0 8px;
  6356. }
  6357. .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  6358. padding: 0 8px 0 0;
  6359. }
  6360. .dx-popup-title.dx-toolbar .dx-toolbar-item {
  6361. padding: 0 8px 0 0;
  6362. }
  6363. .dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  6364. padding-left: 20px;
  6365. }
  6366. .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
  6367. padding: 0;
  6368. }
  6369. .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item {
  6370. padding: 0 0 0 8px;
  6371. }
  6372. .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
  6373. padding: 0;
  6374. }
  6375. .dx-popup-title.dx-toolbar .dx-toolbar-label {
  6376. font-size: 16px;
  6377. font-weight: 500;
  6378. }
  6379. .dx-popup-title.dx-toolbar .dx-button.dx-closebutton {
  6380. display: block;
  6381. }
  6382. .dx-popup-content {
  6383. padding: 16px;
  6384. }
  6385. .dx-popup-content > .dx-button {
  6386. margin: 0 8px;
  6387. }
  6388. .dx-popup-bottom {
  6389. background: transparent;
  6390. color: #fff;
  6391. }
  6392. .dx-popup-bottom.dx-toolbar {
  6393. padding: 0 8px 0 16px;
  6394. overflow: visible;
  6395. }
  6396. .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  6397. padding-right: 15px;
  6398. }
  6399. .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  6400. padding-right: 0;
  6401. padding-left: 15px;
  6402. }
  6403. .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  6404. padding-left: 15px;
  6405. }
  6406. .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  6407. padding-left: 0;
  6408. padding-right: 15px;
  6409. }
  6410. .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty,
  6411. .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty {
  6412. padding: 0;
  6413. }
  6414. .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  6415. height: 44px;
  6416. overflow: visible;
  6417. }
  6418. .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  6419. padding: 0 0 0 8px;
  6420. }
  6421. .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  6422. padding: 0 8px 0 0;
  6423. }
  6424. .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  6425. padding: 0 8px 0 0;
  6426. }
  6427. .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  6428. padding-left: 20px;
  6429. }
  6430. .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  6431. padding: 0;
  6432. }
  6433. .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  6434. padding: 0 0 0 8px;
  6435. }
  6436. .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  6437. padding: 0;
  6438. }
  6439. .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
  6440. font-size: 16px;
  6441. font-weight: 500;
  6442. }
  6443. .dx-device-mobile .dx-popup-bottom.dx-toolbar {
  6444. padding: 0 8px 0 16px;
  6445. overflow: visible;
  6446. }
  6447. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  6448. padding-right: 15px;
  6449. }
  6450. .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  6451. padding-right: 0;
  6452. padding-left: 15px;
  6453. }
  6454. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  6455. padding-left: 15px;
  6456. }
  6457. .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  6458. padding-left: 0;
  6459. padding-right: 15px;
  6460. }
  6461. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty,
  6462. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty {
  6463. padding: 0;
  6464. }
  6465. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  6466. height: 44px;
  6467. overflow: visible;
  6468. }
  6469. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  6470. padding: 0 0 0 8px;
  6471. }
  6472. .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  6473. padding: 0 8px 0 0;
  6474. }
  6475. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  6476. padding: 0 8px 0 0;
  6477. }
  6478. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  6479. padding-left: 20px;
  6480. }
  6481. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  6482. padding: 0;
  6483. }
  6484. .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  6485. padding: 0 0 0 8px;
  6486. }
  6487. .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  6488. padding: 0;
  6489. }
  6490. .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
  6491. font-size: 16px;
  6492. font-weight: 500;
  6493. }
  6494. .dx-popup-content.dx-dialog-content {
  6495. min-width: 188px;
  6496. padding: 16px;
  6497. }
  6498. .dx-dialog-message {
  6499. padding: 0;
  6500. }
  6501. .dx-popover-wrapper .dx-popup-title {
  6502. margin: 0;
  6503. }
  6504. .dx-popover-wrapper .dx-popup-title.dx-toolbar {
  6505. padding-left: 15px;
  6506. }
  6507. .dx-popover-wrapper .dx-popover-arrow {
  6508. display: none;
  6509. }
  6510. .dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar {
  6511. padding-right: 15px;
  6512. padding-left: 0;
  6513. }
  6514. .dx-progressbar-container {
  6515. height: 4px;
  6516. background-color: rgba(0, 150, 136, 0.3);
  6517. }
  6518. .dx-progressbar-range {
  6519. position: relative;
  6520. background-color: #009688;
  6521. margin-top: -1px;
  6522. -webkit-box-sizing: content-box;
  6523. box-sizing: content-box;
  6524. }
  6525. .dx-progressbar-animating-container {
  6526. height: 4px;
  6527. background-color: rgba(0, 150, 136, 0.3);
  6528. background-size: 90% 5px;
  6529. -webkit-animation: loader 2s linear infinite;
  6530. animation: loader 2s linear infinite;
  6531. background-repeat: no-repeat;
  6532. background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#009688), color-stop(95%, transparent));
  6533. background-image: linear-gradient(-90deg, transparent 5%, #009688, transparent 95%);
  6534. background-repeat: repeat;
  6535. }
  6536. .dx-state-disabled .dx-progressbar-range {
  6537. background-color: rgba(0, 150, 136, 0.6);
  6538. }
  6539. .dx-state-disabled .dx-progressbar-animating-container {
  6540. -webkit-animation: none;
  6541. animation: none;
  6542. background-position-x: 45%;
  6543. }
  6544. .dx-progressbar-status {
  6545. padding-top: 4px;
  6546. color: #009688;
  6547. }
  6548. .dx-progressbar .dx-position-right .dx-progressbar-status {
  6549. padding-top: 0;
  6550. }
  6551. .dx-rtl .dx-progressbar .dx-progressbar-animating-container,
  6552. .dx-rtl.dx-progressbar .dx-progressbar-animating-container {
  6553. -webkit-animation: loader-rtl 2s linear infinite;
  6554. animation: loader-rtl 2s linear infinite;
  6555. background-repeat: no-repeat;
  6556. background-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(#009688), color-stop(95%, transparent));
  6557. background-image: linear-gradient(-90deg, transparent 5%, #009688, transparent 95%);
  6558. background-repeat: repeat;
  6559. }
  6560. @-webkit-keyframes loader {
  6561. 0% {
  6562. background-position-x: 0;
  6563. }
  6564. 100% {
  6565. background-position-x: 900%;
  6566. }
  6567. }
  6568. @keyframes loader {
  6569. 0% {
  6570. background-position-x: 0;
  6571. }
  6572. 100% {
  6573. background-position-x: 900%;
  6574. }
  6575. }
  6576. @-webkit-keyframes loader-rtl {
  6577. 0% {
  6578. background-position-x: 0;
  6579. }
  6580. 100% {
  6581. background-position-x: -900%;
  6582. }
  6583. }
  6584. @keyframes loader-rtl {
  6585. 0% {
  6586. background-position-x: 0;
  6587. }
  6588. 100% {
  6589. background-position-x: -900%;
  6590. }
  6591. }
  6592. .dx-tooltip-wrapper .dx-overlay-content {
  6593. background-color: #000000;
  6594. color: #fff;
  6595. -webkit-box-shadow: none;
  6596. box-shadow: none;
  6597. border-radius: 2px;
  6598. min-height: auto;
  6599. }
  6600. .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
  6601. padding: 4px 6px;
  6602. font-size: 12px;
  6603. }
  6604. .dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow {
  6605. display: none;
  6606. }
  6607. .dx-slider-wrapper {
  6608. height: 26px;
  6609. }
  6610. .dx-slider-bar,
  6611. .dx-slider-range {
  6612. margin-top: 12px;
  6613. height: 2px;
  6614. }
  6615. .dx-slider-bar {
  6616. margin-right: 15px;
  6617. margin-left: 15px;
  6618. background: rgba(0, 150, 136, 0.24);
  6619. }
  6620. .dx-slider-range {
  6621. top: -12px;
  6622. }
  6623. .dx-slider-range.dx-slider-range-visible {
  6624. background: #009688;
  6625. }
  6626. .dx-slider-handle {
  6627. margin-top: -12px;
  6628. margin-right: -13px;
  6629. width: 26px;
  6630. height: 26px;
  6631. border-radius: 50%;
  6632. }
  6633. .dx-slider-handle:after {
  6634. position: absolute;
  6635. top: 50%;
  6636. left: 50%;
  6637. display: block;
  6638. margin-top: -6px;
  6639. margin-left: -6px;
  6640. width: 12px;
  6641. height: 12px;
  6642. background: #009688;
  6643. content: "";
  6644. border-radius: 50%;
  6645. }
  6646. .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content {
  6647. background-color: transparent;
  6648. min-width: 28px;
  6649. }
  6650. .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content:before {
  6651. content: "";
  6652. position: absolute;
  6653. width: 28px;
  6654. height: 28px;
  6655. border-radius: 0 50% 50% 50%;
  6656. -webkit-transform: rotate(45deg);
  6657. transform: rotate(45deg);
  6658. display: block;
  6659. background-color: #009688;
  6660. top: 0;
  6661. }
  6662. .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content:before {
  6663. -webkit-transform: rotate(-135deg);
  6664. transform: rotate(-135deg);
  6665. bottom: 0;
  6666. margin-top: -2px;
  6667. }
  6668. .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
  6669. line-height: normal;
  6670. font-size: 10px;
  6671. max-width: 22px;
  6672. min-width: 22px;
  6673. width: 22px;
  6674. text-overflow: ellipsis;
  6675. padding: 8px 3px 5px;
  6676. color: rgba(0, 0, 0, 0.87);
  6677. position: relative;
  6678. }
  6679. .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
  6680. padding-top: 6px;
  6681. }
  6682. .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled:before {
  6683. margin-top: 5px;
  6684. }
  6685. .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled:before {
  6686. margin-top: -5px;
  6687. }
  6688. .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled .dx-popup-content {
  6689. padding-top: 14px;
  6690. }
  6691. .dx-slider-tooltip-position-top .dx-slider-handle .dx-tooltip-wrapper .dx-overlay-content.dx-state-disabled .dx-popup-content {
  6692. padding-top: 6px;
  6693. padding-bottom: 14px;
  6694. }
  6695. .dx-slider-handle .dx-inkripple-wave {
  6696. background-color: rgba(0, 150, 136, 0.24);
  6697. }
  6698. .dx-slider-tooltip-position-top {
  6699. padding-top: 34px;
  6700. }
  6701. .dx-slider-tooltip-position-bottom {
  6702. padding-bottom: 34px;
  6703. }
  6704. .dx-slider-label-position-bottom .dx-slider-label {
  6705. bottom: -18px;
  6706. }
  6707. .dx-slider-label-position-top .dx-slider-label {
  6708. top: -15px;
  6709. }
  6710. .dx-state-disabled.dx-slider,
  6711. .dx-state-disabled .dx-slider {
  6712. opacity: 1;
  6713. }
  6714. .dx-state-disabled.dx-slider .dx-slider-handle,
  6715. .dx-state-disabled .dx-slider .dx-slider-handle {
  6716. opacity: 1;
  6717. }
  6718. .dx-state-disabled .dx-slider-bar {
  6719. background: rgba(255, 255, 255, 0.24);
  6720. }
  6721. .dx-state-disabled .dx-slider-range.dx-slider-range-visible {
  6722. background: rgba(255, 255, 255, 0.24);
  6723. }
  6724. .dx-state-disabled .dx-slider-handle {
  6725. width: 12px;
  6726. height: 12px;
  6727. margin-top: -5px;
  6728. margin-right: -5px;
  6729. border-radius: 50%;
  6730. border: 2px solid #363640;
  6731. }
  6732. .dx-state-disabled .dx-slider-handle:after {
  6733. margin-top: -4px;
  6734. margin-left: -4px;
  6735. width: 8px;
  6736. height: 8px;
  6737. background: grey;
  6738. }
  6739. .dx-state-disabled .dx-slider-handle .dx-overlay-content {
  6740. margin-top: -12px;
  6741. }
  6742. .dx-invalid .dx-slider-handle:after {
  6743. background-color: #F44336;
  6744. }
  6745. .dx-invalid .dx-slider-range-visible {
  6746. background-color: #F44336;
  6747. border-color: #F44336;
  6748. }
  6749. .dx-invalid .dx-slider-bar {
  6750. background-color: rgba(244, 67, 54, 0.4);
  6751. }
  6752. .dx-rtl .dx-slider-handle {
  6753. margin-left: -13px;
  6754. }
  6755. .dx-rtl.dx-state-disabled .dx-slider-handle {
  6756. margin-left: -5px;
  6757. margin-right: 0;
  6758. }
  6759. .dx-rtl.dx-state-disabled .dx-overlay-content {
  6760. margin-left: -13px;
  6761. }
  6762. .dx-rangeslider-start-handle {
  6763. margin-left: -14px;
  6764. }
  6765. .dx-state-disabled .dx-rangeslider-start-handle {
  6766. margin-left: -5px;
  6767. }
  6768. .dx-rtl .dx-rangeslider-start-handle {
  6769. margin-right: -14px;
  6770. }
  6771. .dx-rtl.dx-state-disabled .dx-rangeslider-start-handle {
  6772. margin-right: -5px;
  6773. }
  6774. .dx-gallery .dx-gallery-nav-button-prev,
  6775. .dx-gallery .dx-gallery-nav-button-next {
  6776. position: absolute;
  6777. top: 0;
  6778. width: 34%;
  6779. height: 100%;
  6780. background: transparent;
  6781. cursor: pointer;
  6782. font-size: 32px;
  6783. text-align: center;
  6784. line-height: 32px;
  6785. }
  6786. .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after,
  6787. .dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after {
  6788. background-color: #009688;
  6789. }
  6790. .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after,
  6791. .dx-gallery .dx-gallery-nav-button-next.dx-state-active:after {
  6792. background-color: #009688;
  6793. }
  6794. .dx-gallery .dx-gallery-nav-button-prev:before,
  6795. .dx-gallery .dx-gallery-nav-button-next:before {
  6796. position: absolute;
  6797. display: block;
  6798. width: 32px;
  6799. top: 50%;
  6800. margin-top: -16px;
  6801. left: 50%;
  6802. margin-left: -16px;
  6803. }
  6804. .dx-gallery .dx-gallery-nav-button-prev:after,
  6805. .dx-gallery .dx-gallery-nav-button-next:after {
  6806. content: '';
  6807. position: absolute;
  6808. width: 32px;
  6809. height: 32px;
  6810. background: rgba(255, 255, 255, 0.54);
  6811. border-radius: 50%;
  6812. top: 50%;
  6813. margin-top: -16px;
  6814. }
  6815. .dx-gallery .dx-gallery-nav-button-prev:before,
  6816. .dx-gallery .dx-gallery-nav-button-next:before {
  6817. position: absolute;
  6818. z-index: 10;
  6819. clear: both;
  6820. font-size: 32px;
  6821. color: rgba(0, 0, 0, 0.87);
  6822. }
  6823. .dx-gallery .dx-gallery-nav-button-prev {
  6824. font: 14px/1 DXIcons;
  6825. }
  6826. .dx-gallery .dx-gallery-nav-button-prev:before {
  6827. content: "\f012";
  6828. }
  6829. .dx-gallery .dx-gallery-nav-button-prev:after {
  6830. left: 8px;
  6831. }
  6832. .dx-gallery .dx-gallery-nav-button-prev:before {
  6833. left: 7px;
  6834. right: auto;
  6835. margin-left: 0;
  6836. }
  6837. .dx-gallery .dx-gallery-nav-button-next {
  6838. font: 14px/1 DXIcons;
  6839. }
  6840. .dx-gallery .dx-gallery-nav-button-next:before {
  6841. content: "\f010";
  6842. }
  6843. .dx-gallery .dx-gallery-nav-button-next:after {
  6844. right: 8px;
  6845. }
  6846. .dx-gallery .dx-gallery-nav-button-next:before {
  6847. right: 7px;
  6848. left: auto;
  6849. }
  6850. .dx-gallery-indicator {
  6851. pointer-events: none;
  6852. text-align: center;
  6853. }
  6854. .dx-gallery-indicator-item {
  6855. border-radius: 50%;
  6856. -webkit-box-sizing: border-box;
  6857. box-sizing: border-box;
  6858. border: 1px solid rgba(0, 0, 0, 0.2);
  6859. pointer-events: auto;
  6860. margin: 1px 6px;
  6861. width: 8px;
  6862. height: 8px;
  6863. background: #363640;
  6864. }
  6865. .dx-gallery-indicator-item-active,
  6866. .dx-gallery-indicator-item-selected {
  6867. width: 12px;
  6868. height: 12px;
  6869. background: #009688;
  6870. border: 2px solid rgba(54, 54, 64, 0.8);
  6871. margin: -1px 6px;
  6872. }
  6873. .dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected {
  6874. background: #009688;
  6875. }
  6876. .dx-lookup.dx-editor-filled,
  6877. .dx-lookup.dx-editor-outlined {
  6878. height: 40px;
  6879. }
  6880. .dx-lookup.dx-editor-filled .dx-lookup-field,
  6881. .dx-lookup.dx-editor-outlined .dx-lookup-field {
  6882. padding: 13px 8px 12px;
  6883. }
  6884. .dx-lookup.dx-editor-filled .dx-lookup-arrow,
  6885. .dx-lookup.dx-editor-outlined .dx-lookup-arrow {
  6886. right: 9px;
  6887. }
  6888. .dx-lookup.dx-editor-filled.dx-rtl .dx-lookup-arrow,
  6889. .dx-lookup.dx-editor-outlined.dx-rtl .dx-lookup-arrow,
  6890. .dx-rtl .dx-lookup.dx-editor-filled .dx-lookup-arrow,
  6891. .dx-rtl .dx-lookup.dx-editor-outlined .dx-lookup-arrow {
  6892. left: 9px;
  6893. right: auto;
  6894. }
  6895. .dx-lookup.dx-editor-underlined {
  6896. height: 26px;
  6897. }
  6898. .dx-lookup.dx-editor-underlined .dx-lookup-field {
  6899. padding: 6px 0 5px;
  6900. }
  6901. .dx-lookup.dx-invalid {
  6902. border-bottom-color: rgba(244, 67, 54, 0.4);
  6903. }
  6904. .dx-lookup.dx-invalid .dx-lookup-arrow:after {
  6905. pointer-events: none;
  6906. font-weight: 500;
  6907. background-color: #F44336;
  6908. color: rgba(0, 0, 0, 0.87);
  6909. content: '!';
  6910. position: absolute;
  6911. top: 50%;
  6912. margin-top: -8px;
  6913. width: 16px;
  6914. height: 16px;
  6915. border-radius: 50%;
  6916. text-align: center;
  6917. line-height: 17px;
  6918. font-size: 13px;
  6919. right: 18px;
  6920. }
  6921. .dx-lookup.dx-invalid.dx-rtl .dx-lookup-arrow:after,
  6922. .dx-rtl .dx-lookup.dx-invalid .dx-lookup-arrow:after {
  6923. left: 18px;
  6924. right: auto;
  6925. }
  6926. .dx-lookup-field {
  6927. font-size: 13px;
  6928. }
  6929. .dx-lookup-field .dx-texteditor {
  6930. border: none;
  6931. }
  6932. .dx-lookup-field .dx-texteditor:before,
  6933. .dx-lookup-field .dx-texteditor:after {
  6934. content: none;
  6935. }
  6936. .dx-lookup-field .dx-texteditor.dx-state-hover,
  6937. .dx-lookup-field .dx-texteditor.dx-state-focused,
  6938. .dx-lookup-field .dx-texteditor.dx-state-active,
  6939. .dx-lookup-field .dx-texteditor.dx-state-disabled,
  6940. .dx-lookup-field .dx-texteditor.dx-state-readonly,
  6941. .dx-lookup-field .dx-texteditor.dx-state-readonly.dx-state-hover,
  6942. .dx-lookup-field .dx-texteditor {
  6943. background-color: transparent;
  6944. }
  6945. .dx-lookup-arrow {
  6946. font: 14px/1 DXIcons;
  6947. width: 18px;
  6948. color: rgba(255, 255, 255, 0.54);
  6949. font-size: 18px;
  6950. text-align: center;
  6951. line-height: 18px;
  6952. }
  6953. .dx-lookup-arrow:before {
  6954. content: "\f001";
  6955. }
  6956. .dx-lookup-arrow:before {
  6957. position: absolute;
  6958. display: block;
  6959. width: 18px;
  6960. top: 50%;
  6961. margin-top: -9px;
  6962. left: 50%;
  6963. margin-left: -9px;
  6964. }
  6965. .dx-state-readonly .dx-lookup-field:before {
  6966. opacity: 0.5;
  6967. }
  6968. .dx-lookup-popup-wrapper .dx-list-item {
  6969. border-top: none;
  6970. }
  6971. .dx-lookup-popup-wrapper .dx-list-item:last-of-type {
  6972. border-bottom: none;
  6973. }
  6974. .dx-lookup-popup-wrapper .dx-popup-content {
  6975. top: 0;
  6976. padding: 0;
  6977. }
  6978. .dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content {
  6979. top: 49px;
  6980. }
  6981. .dx-lookup-empty .dx-lookup-field {
  6982. color: #808080;
  6983. }
  6984. .dx-lookup-popup-search .dx-list {
  6985. height: calc(100% - 36px);
  6986. }
  6987. .dx-lookup-search-wrapper {
  6988. padding: 8px;
  6989. padding-bottom: 2px;
  6990. }
  6991. .dx-actionsheet-container .dx-actionsheet-item {
  6992. margin: 0 0 10px 0;
  6993. }
  6994. .dx-actionsheet-container .dx-button {
  6995. margin: 0;
  6996. }
  6997. .dx-button.dx-actionsheet-cancel {
  6998. margin: 0;
  6999. }
  7000. .dx-loadindicator {
  7001. background-color: transparent;
  7002. line-height: 100%;
  7003. }
  7004. .dx-loadindicator-content {
  7005. height: 100%;
  7006. width: 100%;
  7007. -webkit-animation: content-rotation 1568ms linear infinite;
  7008. animation: content-rotation 1568ms linear infinite;
  7009. }
  7010. .dx-loadindicator-image {
  7011. background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7);
  7012. }
  7013. .dx-loadindicator-image .dx-loadindicator-content {
  7014. -webkit-animation: none;
  7015. animation: none;
  7016. }
  7017. .dx-loadindicator-icon {
  7018. position: absolute;
  7019. height: 100%;
  7020. width: 100%;
  7021. -webkit-animation: icon-rotation 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  7022. animation: icon-rotation 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  7023. }
  7024. .dx-loadindicator-segment {
  7025. height: 100%;
  7026. width: 100%;
  7027. position: absolute;
  7028. }
  7029. .dx-loadindicator-segment-inner {
  7030. position: relative;
  7031. height: 100%;
  7032. border-color: #009688;
  7033. border-width: 0.12em;
  7034. border-style: solid;
  7035. border-bottom-color: transparent;
  7036. -webkit-animation: none;
  7037. animation: none;
  7038. border-radius: 50%;
  7039. }
  7040. .dx-loadindicator-segment2,
  7041. .dx-loadindicator-segment0 {
  7042. width: 50%;
  7043. height: 100%;
  7044. overflow: hidden;
  7045. }
  7046. .dx-loadindicator-segment2 .dx-loadindicator-segment-inner,
  7047. .dx-loadindicator-segment0 .dx-loadindicator-segment-inner {
  7048. width: 200%;
  7049. }
  7050. .dx-loadindicator-segment2 {
  7051. left: 0;
  7052. }
  7053. .dx-loadindicator-segment2 .dx-loadindicator-segment-inner {
  7054. border-right-color: transparent;
  7055. -webkit-transform: rotate(-129deg);
  7056. transform: rotate(-129deg);
  7057. -webkit-animation: left-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  7058. animation: left-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  7059. }
  7060. .dx-loadindicator-segment0 {
  7061. right: 0;
  7062. }
  7063. .dx-loadindicator-segment0 .dx-loadindicator-segment-inner {
  7064. left: -100%;
  7065. border-left-color: transparent;
  7066. -webkit-transform: rotate(129deg);
  7067. transform: rotate(129deg);
  7068. -webkit-animation: right-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  7069. animation: right-segment-rotation 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  7070. }
  7071. .dx-loadindicator-segment1 {
  7072. position: absolute;
  7073. top: 0;
  7074. left: 45%;
  7075. width: 10%;
  7076. height: 100%;
  7077. overflow: hidden;
  7078. -webkit-box-sizing: border-box;
  7079. box-sizing: border-box;
  7080. }
  7081. .dx-loadindicator-segment1 .dx-loadindicator-segment-inner {
  7082. width: 1000%;
  7083. left: -450%;
  7084. }
  7085. @-webkit-keyframes content-rotation {
  7086. to {
  7087. -webkit-transform: rotate(360deg);
  7088. transform: rotate(360deg);
  7089. }
  7090. }
  7091. @keyframes content-rotation {
  7092. to {
  7093. -webkit-transform: rotate(360deg);
  7094. transform: rotate(360deg);
  7095. }
  7096. }
  7097. @-webkit-keyframes icon-rotation {
  7098. 12.5% {
  7099. -webkit-transform: rotate(135deg);
  7100. transform: rotate(135deg);
  7101. }
  7102. 25% {
  7103. -webkit-transform: rotate(270deg);
  7104. transform: rotate(270deg);
  7105. }
  7106. 37.5% {
  7107. -webkit-transform: rotate(405deg);
  7108. transform: rotate(405deg);
  7109. }
  7110. 50% {
  7111. -webkit-transform: rotate(540deg);
  7112. transform: rotate(540deg);
  7113. }
  7114. 62.5% {
  7115. -webkit-transform: rotate(675deg);
  7116. transform: rotate(675deg);
  7117. }
  7118. 75% {
  7119. -webkit-transform: rotate(810deg);
  7120. transform: rotate(810deg);
  7121. }
  7122. 87.5% {
  7123. -webkit-transform: rotate(945deg);
  7124. transform: rotate(945deg);
  7125. }
  7126. to {
  7127. -webkit-transform: rotate(1080deg);
  7128. transform: rotate(1080deg);
  7129. }
  7130. }
  7131. @keyframes icon-rotation {
  7132. 12.5% {
  7133. -webkit-transform: rotate(135deg);
  7134. transform: rotate(135deg);
  7135. }
  7136. 25% {
  7137. -webkit-transform: rotate(270deg);
  7138. transform: rotate(270deg);
  7139. }
  7140. 37.5% {
  7141. -webkit-transform: rotate(405deg);
  7142. transform: rotate(405deg);
  7143. }
  7144. 50% {
  7145. -webkit-transform: rotate(540deg);
  7146. transform: rotate(540deg);
  7147. }
  7148. 62.5% {
  7149. -webkit-transform: rotate(675deg);
  7150. transform: rotate(675deg);
  7151. }
  7152. 75% {
  7153. -webkit-transform: rotate(810deg);
  7154. transform: rotate(810deg);
  7155. }
  7156. 87.5% {
  7157. -webkit-transform: rotate(945deg);
  7158. transform: rotate(945deg);
  7159. }
  7160. to {
  7161. -webkit-transform: rotate(1080deg);
  7162. transform: rotate(1080deg);
  7163. }
  7164. }
  7165. @-webkit-keyframes left-segment-rotation {
  7166. from {
  7167. -webkit-transform: rotate(130deg);
  7168. transform: rotate(130deg);
  7169. }
  7170. 50% {
  7171. -webkit-transform: rotate(-5deg);
  7172. transform: rotate(-5deg);
  7173. }
  7174. to {
  7175. -webkit-transform: rotate(130deg);
  7176. transform: rotate(130deg);
  7177. }
  7178. }
  7179. @keyframes left-segment-rotation {
  7180. from {
  7181. -webkit-transform: rotate(130deg);
  7182. transform: rotate(130deg);
  7183. }
  7184. 50% {
  7185. -webkit-transform: rotate(-5deg);
  7186. transform: rotate(-5deg);
  7187. }
  7188. to {
  7189. -webkit-transform: rotate(130deg);
  7190. transform: rotate(130deg);
  7191. }
  7192. }
  7193. @-webkit-keyframes right-segment-rotation {
  7194. from {
  7195. -webkit-transform: rotate(-130deg);
  7196. transform: rotate(-130deg);
  7197. }
  7198. 50% {
  7199. -webkit-transform: rotate(5deg);
  7200. transform: rotate(5deg);
  7201. }
  7202. to {
  7203. -webkit-transform: rotate(-130deg);
  7204. transform: rotate(-130deg);
  7205. }
  7206. }
  7207. @keyframes right-segment-rotation {
  7208. from {
  7209. -webkit-transform: rotate(-130deg);
  7210. transform: rotate(-130deg);
  7211. }
  7212. 50% {
  7213. -webkit-transform: rotate(5deg);
  7214. transform: rotate(5deg);
  7215. }
  7216. to {
  7217. -webkit-transform: rotate(-130deg);
  7218. transform: rotate(-130deg);
  7219. }
  7220. }
  7221. .dx-loadpanel-content {
  7222. border: 1px solid rgba(0, 0, 0, 0.2);
  7223. background: #363640;
  7224. padding: 13px;
  7225. border-radius: 50%;
  7226. -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
  7227. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
  7228. }
  7229. .dx-loadpanel-message {
  7230. display: none;
  7231. }
  7232. .dx-autocomplete.dx-invalid .dx-texteditor-buttons-container:after {
  7233. right: 2px;
  7234. }
  7235. .dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-buttons-container:after,
  7236. .dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-buttons-container:after {
  7237. left: 2px;
  7238. }
  7239. .dx-dropdownmenu-popup-wrapper .dx-overlay-content {
  7240. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  7241. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  7242. }
  7243. .dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content {
  7244. padding: 1px;
  7245. }
  7246. .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
  7247. border-radius: 8px;
  7248. }
  7249. .dx-dropdownmenu-popup-wrapper .dx-list-item {
  7250. border-top: 0;
  7251. }
  7252. .dx-dropdownbutton-toggle.dx-button {
  7253. min-width: auto;
  7254. }
  7255. .dx-rtl .dx-dropdownbutton-toggle.dx-button {
  7256. border-right-width: 0;
  7257. }
  7258. .dx-dropdownbutton .dx-buttongroup-last-item.dx-buttongroup-last-item .dx-button-content {
  7259. padding-right: 0;
  7260. }
  7261. .dx-rtl .dx-dropdownbutton .dx-buttongroup-last-item.dx-buttongroup-last-item .dx-button-content {
  7262. padding-left: 0;
  7263. }
  7264. .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-button-content {
  7265. padding-left: 8px;
  7266. padding-right: 8px;
  7267. }
  7268. .dx-dropdownbutton .dx-icon.dx-icon-right {
  7269. width: 18px;
  7270. height: 18px;
  7271. background-position: 0px 0px;
  7272. background-size: 18px 18px;
  7273. padding: 0px;
  7274. font-size: 18px;
  7275. text-align: center;
  7276. line-height: 18px;
  7277. margin-left: 0;
  7278. }
  7279. .dx-dropdownbutton-popup-wrapper {
  7280. height: 100%;
  7281. }
  7282. .dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  7283. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  7284. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  7285. border-top-width: 0;
  7286. border-bottom-width: 1px;
  7287. }
  7288. .dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  7289. border-top-width: 1px;
  7290. border-bottom-width: 0;
  7291. }
  7292. .dx-dropdownbutton-popup-wrapper .dx-popup-content {
  7293. height: 100%;
  7294. padding: 1px;
  7295. }
  7296. .dx-dropdownbutton-popup-wrapper .dx-list {
  7297. height: 100%;
  7298. min-height: 36px;
  7299. }
  7300. .dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  7301. padding: 10px 7px;
  7302. }
  7303. .dx-dropdownbutton-popup-wrapper .dx-list-select-all {
  7304. padding: 12px 0 8px;
  7305. }
  7306. .dx-dropdownbutton-popup-wrapper .dx-list-item,
  7307. .dx-dropdownbutton-popup-wrapper .dx-empty-message {
  7308. border-top: 0;
  7309. }
  7310. .dx-dropdownbutton-popup-wrapper .dx-list-item:last-of-type,
  7311. .dx-dropdownbutton-popup-wrapper .dx-empty-message:last-of-type {
  7312. border-bottom: none;
  7313. }
  7314. .dx-selectbox-popup-wrapper .dx-overlay-content {
  7315. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  7316. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  7317. }
  7318. .dx-selectbox-popup-wrapper .dx-popup-content {
  7319. padding: 0;
  7320. }
  7321. .dx-selectbox-popup-wrapper .dx-list {
  7322. background-color: #363640;
  7323. }
  7324. .dx-tagbox .dx-texteditor-input-container {
  7325. height: 100%;
  7326. }
  7327. .dx-tagbox .dx-texteditor-input {
  7328. height: 26px;
  7329. }
  7330. .dx-tagbox.dx-editor-filled .dx-texteditor-input,
  7331. .dx-tagbox.dx-editor-outlined .dx-texteditor-input {
  7332. padding: 0;
  7333. margin-top: 5px;
  7334. }
  7335. .dx-tagbox.dx-editor-filled .dx-tag-container,
  7336. .dx-tagbox.dx-editor-outlined .dx-tag-container {
  7337. padding: 2px 8px 7px 8px;
  7338. min-height: 40px;
  7339. }
  7340. .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container {
  7341. margin-top: -5px;
  7342. }
  7343. .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container:after {
  7344. margin-top: -5.5px;
  7345. }
  7346. .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input {
  7347. padding-left: 0;
  7348. margin-top: 5px;
  7349. }
  7350. .dx-rtl .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input,
  7351. .dx-rtl.dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input {
  7352. padding-right: 0;
  7353. padding-left: 0;
  7354. margin-right: 0;
  7355. margin-left: 0;
  7356. }
  7357. .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-focused:before,
  7358. .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-active:before {
  7359. border-top: 0;
  7360. border-bottom: 0;
  7361. }
  7362. .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined).dx-state-hover:after,
  7363. .dx-tagbox:not(.dx-texteditor-empty):not(.dx-editor-filled):not(.dx-editor-outlined):after {
  7364. border-bottom: 0;
  7365. }
  7366. .dx-tagbox-single-line .dx-tag-container {
  7367. padding-right: 0;
  7368. }
  7369. .dx-tag-content {
  7370. margin: 0;
  7371. padding: 5px 32px 5px 8px;
  7372. min-width: 40px;
  7373. background-color: #525261;
  7374. color: rgba(255, 255, 255, 0.6);
  7375. border-radius: 16px;
  7376. }
  7377. .dx-tag-remove-button {
  7378. width: 24px;
  7379. height: 100%;
  7380. right: 4px;
  7381. font: 14px/1 DXIcons;
  7382. font-size: 14px;
  7383. }
  7384. .dx-tag-remove-button:before {
  7385. content: "\f008";
  7386. }
  7387. .dx-tag-remove-button:before {
  7388. display: block;
  7389. position: absolute;
  7390. top: 51%;
  7391. left: 48%;
  7392. width: 16px;
  7393. height: 16px;
  7394. margin-left: -8px;
  7395. margin-top: -8px;
  7396. line-height: 16px;
  7397. color: #69697d;
  7398. background-color: rgba(0, 0, 0, 0.36);
  7399. border-radius: 50%;
  7400. -webkit-transform: none;
  7401. transform: none;
  7402. }
  7403. .dx-tag {
  7404. margin: 5px 5px 0 0;
  7405. }
  7406. .dx-tag:hover .dx-tag-content {
  7407. background-color: #595969;
  7408. color: #fff;
  7409. }
  7410. .dx-tag.dx-state-focused .dx-tag-content {
  7411. background-color: #838396;
  7412. color: #fff;
  7413. }
  7414. .dx-tagbox.dx-invalid .dx-texteditor-container:after {
  7415. right: 2px;
  7416. }
  7417. .dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container:after,
  7418. .dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container:after {
  7419. left: 2px;
  7420. }
  7421. .dx-tagbox-popup-wrapper .dx-list-select-all {
  7422. border-bottom: 1px solid #515159;
  7423. padding-bottom: 12px;
  7424. margin-bottom: 3px;
  7425. }
  7426. .dx-tagbox-popup-wrapper .dx-list-select-all:after {
  7427. background-color: transparent;
  7428. }
  7429. .dx-rtl .dx-tag-content {
  7430. padding-right: 8px;
  7431. padding-left: 32px;
  7432. }
  7433. .dx-rtl .dx-tag-remove-button {
  7434. left: 4px !important;
  7435. }
  7436. .dx-radiobutton-icon {
  7437. width: 16px;
  7438. height: 16px;
  7439. position: relative;
  7440. }
  7441. .dx-radiobutton-icon:after {
  7442. content: "";
  7443. width: 32px;
  7444. height: 32px;
  7445. top: 50%;
  7446. left: 50%;
  7447. margin-top: -16px;
  7448. margin-left: -16px;
  7449. border-radius: 50%;
  7450. display: block;
  7451. position: absolute;
  7452. z-index: 1;
  7453. -webkit-transform: scale(0.5);
  7454. transform: scale(0.5);
  7455. -webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  7456. transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  7457. }
  7458. .dx-radiobutton-icon:before {
  7459. display: block;
  7460. width: 12px;
  7461. height: 12px;
  7462. border: 2px solid rgba(255, 255, 255, 0.54);
  7463. background-color: #363640;
  7464. content: "";
  7465. border-radius: 8px;
  7466. -webkit-box-sizing: content-box;
  7467. box-sizing: content-box;
  7468. }
  7469. .dx-radiobutton-icon-checked:before {
  7470. border-color: #009688;
  7471. }
  7472. .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  7473. display: block;
  7474. margin-top: -12px;
  7475. margin-left: 4px;
  7476. width: 8px;
  7477. height: 8px;
  7478. background: #009688;
  7479. content: "";
  7480. border-radius: 4px;
  7481. }
  7482. .dx-radiobutton {
  7483. line-height: 16px;
  7484. }
  7485. .dx-radiobutton.dx-state-active .dx-radiobutton-icon:after,
  7486. .dx-radiobutton.dx-state-focused .dx-radiobutton-icon:after {
  7487. background-color: rgba(255, 255, 255, 0.1);
  7488. -webkit-transform: scale(1);
  7489. transform: scale(1);
  7490. }
  7491. .dx-radiobutton.dx-radiobutton-checked.dx-state-active .dx-radiobutton-icon-checked:after,
  7492. .dx-radiobutton.dx-radiobutton-checked.dx-state-focused .dx-radiobutton-icon-checked:after {
  7493. background-color: rgba(0, 150, 136, 0.1);
  7494. -webkit-transform: scale(1);
  7495. transform: scale(1);
  7496. }
  7497. .dx-radiobutton.dx-state-disabled {
  7498. opacity: 0.38;
  7499. }
  7500. .dx-state-readonly .dx-radiobutton-icon-dot,
  7501. .dx-state-disabled .dx-radiobutton-icon-dot {
  7502. background-color: rgba(255, 255, 255, 0.54);
  7503. }
  7504. .dx-state-readonly .dx-radiobutton-icon:before,
  7505. .dx-state-disabled .dx-radiobutton-icon:before {
  7506. border-color: rgba(255, 255, 255, 0.54);
  7507. }
  7508. .dx-invalid .dx-radiobutton-icon:before {
  7509. border-color: rgba(244, 67, 54, 0.4);
  7510. }
  7511. .dx-invalid .dx-radiobutton-icon-dot {
  7512. background-color: rgba(244, 67, 54, 0.4);
  7513. }
  7514. .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon:before,
  7515. .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before {
  7516. border-color: #F44336;
  7517. }
  7518. .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon-dot,
  7519. .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon-dot {
  7520. background-color: #F44336;
  7521. }
  7522. .dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon:after,
  7523. .dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:after {
  7524. background-color: rgba(244, 67, 54, 0.1);
  7525. -webkit-transform: scale(1);
  7526. transform: scale(1);
  7527. }
  7528. .dx-state-disabled .dx-radiobutton.dx-state-disabled {
  7529. opacity: 1;
  7530. }
  7531. .dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot,
  7532. .dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot {
  7533. margin-right: 4px;
  7534. margin-left: 0;
  7535. }
  7536. .dx-radio-value-container {
  7537. padding-left: 0;
  7538. }
  7539. .dx-radiogroup .dx-radiobutton {
  7540. margin: 2px 0;
  7541. }
  7542. .dx-radiogroup-horizontal .dx-radiobutton {
  7543. margin-right: 17px;
  7544. }
  7545. .dx-rtl .dx-radiogroup-horizontal .dx-radiobutton,
  7546. .dx-rtl.dx-radiogroup-horizontal .dx-radiobutton {
  7547. margin-right: 0;
  7548. margin-left: 17px;
  7549. }
  7550. .dx-accordion {
  7551. background-color: #363640;
  7552. color: #fff;
  7553. margin: 3px 3px 5px 3px;
  7554. }
  7555. .dx-accordion-item {
  7556. background-color: #363640;
  7557. -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.06);
  7558. box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.07), 0 1px 5px 0 rgba(0, 0, 0, 0.06);
  7559. -webkit-transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1);
  7560. transition: margin 200ms cubic-bezier(0.4, 0, 0.2, 1);
  7561. will-change: margin, height;
  7562. border-top: 1px solid #515159;
  7563. }
  7564. .dx-accordion-item:first-child {
  7565. border-top: none;
  7566. }
  7567. .dx-accordion-item.dx-state-active > .dx-accordion-item-title,
  7568. .dx-accordion-item.dx-state-focused > .dx-accordion-item-title {
  7569. color: #fff;
  7570. background-color: #3f3f4b;
  7571. }
  7572. .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon,
  7573. .dx-accordion-item.dx-state-focused:not(.dx-accordion-item-opened) .dx-icon {
  7574. color: #fff;
  7575. }
  7576. .dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
  7577. background-color: #3f3f4b;
  7578. }
  7579. .dx-accordion-item.dx-state-hover + .dx-accordion-item-closed {
  7580. border-top-color: #424249;
  7581. }
  7582. .dx-accordion-item-opened {
  7583. margin: 8px 0;
  7584. border-top: none;
  7585. }
  7586. .dx-accordion-item-opened:first-child {
  7587. margin-top: 0;
  7588. }
  7589. .dx-accordion-item-opened > .dx-accordion-item-title {
  7590. height: 40px;
  7591. }
  7592. .dx-accordion-item-opened > .dx-accordion-item-title .dx-accordion-item-title-caption {
  7593. top: 12px;
  7594. }
  7595. .dx-accordion-item-opened > .dx-accordion-item-title:before {
  7596. content: "\f014";
  7597. top: 9px;
  7598. }
  7599. .dx-accordion-item-opened + .dx-accordion-item-closed {
  7600. border-top: none;
  7601. }
  7602. .dx-accordion-item-title {
  7603. height: 40px;
  7604. position: relative;
  7605. padding: 12px 16px;
  7606. background-color: #363640;
  7607. }
  7608. .dx-accordion-item-title .dx-accordion-item-title-caption,
  7609. .dx-accordion-item-title:before {
  7610. position: absolute;
  7611. -webkit-transition: top 200ms cubic-bezier(0.4, 0, 0.2, 1);
  7612. transition: top 200ms cubic-bezier(0.4, 0, 0.2, 1);
  7613. will-change: top;
  7614. }
  7615. .dx-accordion-item-title .dx-accordion-item-title-caption {
  7616. color: #fff;
  7617. font-size: 15px;
  7618. top: 12px;
  7619. left: 16px;
  7620. right: 50px;
  7621. text-overflow: ellipsis;
  7622. white-space: nowrap;
  7623. overflow: hidden;
  7624. }
  7625. .dx-accordion-item-title:before {
  7626. top: 10px;
  7627. right: 16px;
  7628. font-weight: normal;
  7629. color: rgba(255, 255, 255, 0.38);
  7630. content: "\f016";
  7631. font-family: DXIcons;
  7632. font-size: 18px;
  7633. height: 18px;
  7634. width: 18px;
  7635. }
  7636. .dx-state-disabled.dx-accordion-item {
  7637. opacity: 0.5;
  7638. }
  7639. .dx-accordion-item-body {
  7640. padding: 16px;
  7641. font-size: 12px;
  7642. }
  7643. .dx-rtl .dx-accordion-item-title .dx-accordion-item-title-caption {
  7644. right: 16px;
  7645. left: 50px;
  7646. }
  7647. .dx-rtl .dx-accordion-item-title:before {
  7648. left: 16px;
  7649. right: auto;
  7650. }
  7651. .dx-slideoutview-content {
  7652. -webkit-box-sizing: content-box;
  7653. box-sizing: content-box;
  7654. margin-left: -1px;
  7655. border-style: solid;
  7656. border-width: 0 1px;
  7657. }
  7658. .dx-slideout-menu .dx-list-item .dx-icon {
  7659. width: 26px;
  7660. height: 26px;
  7661. background-position: 0px 0px;
  7662. background-size: 26px 26px;
  7663. padding: 0px;
  7664. font-size: 26px;
  7665. text-align: center;
  7666. line-height: 26px;
  7667. margin-right: 13px;
  7668. margin-left: 0;
  7669. margin-top: -4px;
  7670. margin-bottom: -4px;
  7671. }
  7672. .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
  7673. .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon {
  7674. margin-left: 13px;
  7675. margin-right: 0;
  7676. }
  7677. .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
  7678. margin-left: 13px;
  7679. margin-right: 0;
  7680. }
  7681. .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right,
  7682. .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
  7683. margin-right: 13px;
  7684. margin-left: 0;
  7685. }
  7686. .dx-slideoutview-menu-content,
  7687. .dx-slideoutview-content {
  7688. background-color: #363640;
  7689. }
  7690. .dx-slideoutview-content {
  7691. border-color: rgba(81, 81, 89, 0.5);
  7692. }
  7693. .dx-slideoutview-content {
  7694. -webkit-box-sizing: content-box;
  7695. box-sizing: content-box;
  7696. margin-left: -1px;
  7697. border-style: solid;
  7698. border-width: 0 1px;
  7699. }
  7700. .dx-slideout-menu .dx-list-item .dx-icon {
  7701. width: 26px;
  7702. height: 26px;
  7703. background-position: 0px 0px;
  7704. background-size: 26px 26px;
  7705. padding: 0px;
  7706. font-size: 26px;
  7707. text-align: center;
  7708. line-height: 26px;
  7709. margin-right: 13px;
  7710. margin-left: 0;
  7711. margin-top: -4px;
  7712. margin-bottom: -4px;
  7713. }
  7714. .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
  7715. .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon {
  7716. margin-left: 13px;
  7717. margin-right: 0;
  7718. }
  7719. .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
  7720. margin-left: 13px;
  7721. margin-right: 0;
  7722. }
  7723. .dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right,
  7724. .dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
  7725. margin-right: 13px;
  7726. margin-left: 0;
  7727. }
  7728. .dx-pager {
  7729. padding: 13px 14px 13px 24px;
  7730. }
  7731. .dx-pager.dx-light-mode .dx-page-sizes {
  7732. min-width: 42px;
  7733. }
  7734. .dx-pager.dx-light-mode .dx-page-index {
  7735. min-width: 19px;
  7736. }
  7737. .dx-pager .dx-pages .dx-page {
  7738. padding: 9px 12px;
  7739. line-height: 12px;
  7740. }
  7741. .dx-pager .dx-pages .dx-separator {
  7742. padding-left: 8px;
  7743. padding-right: 8px;
  7744. }
  7745. .dx-pager .dx-pages .dx-navigate-button {
  7746. width: 9px;
  7747. height: 12px;
  7748. padding: 9px 12px;
  7749. }
  7750. .dx-pager .dx-pages .dx-prev-button {
  7751. font: 14px/1 DXIcons;
  7752. }
  7753. .dx-pager .dx-pages .dx-prev-button:before {
  7754. content: "\f012";
  7755. }
  7756. .dx-pager .dx-pages .dx-next-button {
  7757. font: 14px/1 DXIcons;
  7758. }
  7759. .dx-pager .dx-pages .dx-next-button:before {
  7760. content: "\f010";
  7761. }
  7762. .dx-pager .dx-pages .dx-prev-button,
  7763. .dx-pager .dx-pages .dx-next-button {
  7764. font-size: 21px;
  7765. text-align: center;
  7766. line-height: 21px;
  7767. }
  7768. .dx-pager .dx-pages .dx-prev-button:before,
  7769. .dx-pager .dx-pages .dx-next-button:before {
  7770. position: absolute;
  7771. display: block;
  7772. width: 21px;
  7773. top: 50%;
  7774. margin-top: -10.5px;
  7775. left: 50%;
  7776. margin-left: -10.5px;
  7777. }
  7778. .dx-pager .dx-page,
  7779. .dx-pager .dx-page-size {
  7780. font-size: 12px;
  7781. border-radius: 20px;
  7782. }
  7783. .dx-pager .dx-page:hover,
  7784. .dx-pager .dx-page-size:hover {
  7785. background-color: #3f3f4b;
  7786. }
  7787. .dx-pager .dx-page-sizes .dx-page-size {
  7788. padding: 9px 12px;
  7789. line-height: 12px;
  7790. }
  7791. .dx-pager .dx-pages .dx-selection,
  7792. .dx-pager .dx-page-sizes .dx-selection {
  7793. font-weight: 500;
  7794. background-color: #009688;
  7795. color: rgba(0, 0, 0, 0.87);
  7796. }
  7797. .dx-pager .dx-page-sizes .dx-page-size:first-child {
  7798. margin-left: 0;
  7799. }
  7800. .dx-colorview-container {
  7801. width: 450px;
  7802. }
  7803. .dx-colorview-container label {
  7804. line-height: normal;
  7805. display: -webkit-box;
  7806. display: -webkit-flex;
  7807. display: -ms-flexbox;
  7808. display: flex;
  7809. -webkit-box-align: center;
  7810. -webkit-align-items: center;
  7811. -ms-flex-align: center;
  7812. align-items: center;
  7813. margin-bottom: 10px;
  7814. }
  7815. .dx-colorview-container label.dx-colorview-label-hex {
  7816. margin: 20px 0 0 0;
  7817. }
  7818. .dx-colorview-container label.dx-colorview-alpha-channel-label {
  7819. margin: 0 0 0 43px;
  7820. width: 115px;
  7821. }
  7822. .dx-colorview-container label .dx-texteditor {
  7823. width: 69px;
  7824. margin: 0 0 0 10px;
  7825. }
  7826. .dx-colorview-hue-scale-cell {
  7827. margin-left: 19px;
  7828. }
  7829. .dx-colorview-palette {
  7830. width: 288px;
  7831. height: 299px;
  7832. }
  7833. .dx-colorview-alpha-channel-scale {
  7834. width: 288px;
  7835. }
  7836. .dx-colorview-container-row.dx-colorview-alpha-channel-row {
  7837. margin-top: 10px;
  7838. display: -webkit-box;
  7839. display: -webkit-flex;
  7840. display: -ms-flexbox;
  7841. display: flex;
  7842. -webkit-box-align: center;
  7843. -webkit-align-items: center;
  7844. -ms-flex-align: center;
  7845. align-items: center;
  7846. }
  7847. .dx-colorview-hue-scale {
  7848. width: 18px;
  7849. height: 299px;
  7850. }
  7851. .dx-colorview-alpha-channel-cell {
  7852. width: 292px;
  7853. }
  7854. .dx-colorview-hue-scale-wrapper {
  7855. height: 301px;
  7856. }
  7857. .dx-colorview-color-preview {
  7858. width: 100%;
  7859. height: 40px;
  7860. }
  7861. .dx-colorview-controls-container {
  7862. width: 90px;
  7863. margin-left: 27px;
  7864. }
  7865. .dx-colorview-container label {
  7866. color: #fff;
  7867. }
  7868. .dx-colorview-palette-cell,
  7869. .dx-colorview-alpha-channel-border,
  7870. .dx-colorview-hue-scale-wrapper,
  7871. .dx-colorview-color-preview-container {
  7872. padding: 1px;
  7873. margin: 1px;
  7874. margin-top: 0;
  7875. background-color: #363640;
  7876. -webkit-box-shadow: 0 0 0 1px #515159;
  7877. box-shadow: 0 0 0 1px #515159;
  7878. }
  7879. .dx-colorview-color-preview-container {
  7880. margin-bottom: 34px;
  7881. }
  7882. .dx-rtl .dx-colorview-controls-container {
  7883. margin-left: 0;
  7884. margin-right: 27px;
  7885. }
  7886. .dx-rtl .dx-colorview-hue-scale-cell {
  7887. margin-left: 0;
  7888. margin-right: 19px;
  7889. }
  7890. .dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label {
  7891. margin-left: 0;
  7892. margin-right: 43px;
  7893. }
  7894. .dx-colorbox .dx-colorbox-input-container .dx-dropdowneditor-input-wrapper .dx-colorbox-input {
  7895. padding-left: 35px;
  7896. }
  7897. .dx-colorbox .dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
  7898. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=) no-repeat 0 0;
  7899. }
  7900. .dx-colorbox .dx-colorbox-input-container:after {
  7901. left: 9px;
  7902. }
  7903. .dx-colorbox .dx-placeholder {
  7904. left: 32px;
  7905. }
  7906. .dx-colorbox-color-result-preview {
  7907. border-color: #515159;
  7908. left: 8px;
  7909. }
  7910. .dx-colorbox-overlay {
  7911. padding: 0;
  7912. }
  7913. .dx-colorbox-overlay.dx-overlay-content {
  7914. background-color: #363640;
  7915. }
  7916. .dx-colorbox-overlay .dx-popup-content {
  7917. padding: 16px;
  7918. }
  7919. .dx-rtl.dx-colorbox.dx-state-focused .dx-colorbox-input,
  7920. .dx-rtl .dx-colorbox.dx-state-focused .dx-colorbox-input {
  7921. padding-right: 35px;
  7922. }
  7923. .dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child {
  7924. padding-left: 10px;
  7925. padding-right: 0;
  7926. }
  7927. .dx-datagrid .dx-menu,
  7928. .dx-datagrid-container .dx-menu {
  7929. background-color: transparent;
  7930. height: 100%;
  7931. }
  7932. .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content,
  7933. .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content {
  7934. padding: 8px 4px;
  7935. }
  7936. .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
  7937. .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
  7938. width: 18px;
  7939. height: 18px;
  7940. background-position: 0px 0px;
  7941. background-size: 18px 18px;
  7942. padding: 0px;
  7943. font-size: 18px;
  7944. text-align: center;
  7945. line-height: 18px;
  7946. margin: 0 3px;
  7947. }
  7948. .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon,
  7949. .dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon {
  7950. width: 14px;
  7951. height: 14px;
  7952. background-position: 0px 0px;
  7953. background-size: 14px 14px;
  7954. padding: 0px;
  7955. font-size: 14px;
  7956. text-align: center;
  7957. line-height: 14px;
  7958. }
  7959. .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
  7960. .dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  7961. margin-top: 2px;
  7962. }
  7963. .dx-datagrid .dx-editor-with-menu,
  7964. .dx-datagrid-container .dx-editor-with-menu {
  7965. height: 36px;
  7966. }
  7967. .dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon,
  7968. .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .dx-icon {
  7969. width: 14px;
  7970. height: 14px;
  7971. background-position: 0px 0px;
  7972. background-size: 14px 14px;
  7973. padding: 0px;
  7974. font-size: 14px;
  7975. text-align: center;
  7976. line-height: 14px;
  7977. }
  7978. .dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
  7979. .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  7980. margin-top: 2px;
  7981. }
  7982. .dx-datagrid .dx-menu-item-has-icon .dx-icon,
  7983. .dx-datagrid-container .dx-menu-item-has-icon .dx-icon {
  7984. color: rgba(255, 255, 255, 0.54);
  7985. }
  7986. .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
  7987. .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
  7988. font: 14px/1 DXIcons;
  7989. width: 14px;
  7990. height: 14px;
  7991. background-position: 0px 0px;
  7992. background-size: 14px 14px;
  7993. padding: 0px;
  7994. font-size: 14px;
  7995. text-align: center;
  7996. line-height: 14px;
  7997. }
  7998. .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before,
  7999. .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
  8000. content: "\f053";
  8001. }
  8002. .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
  8003. .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
  8004. font: 14px/1 DXIcons;
  8005. width: 14px;
  8006. height: 14px;
  8007. background-position: 0px 0px;
  8008. background-size: 14px 14px;
  8009. padding: 0px;
  8010. font-size: 14px;
  8011. text-align: center;
  8012. line-height: 14px;
  8013. }
  8014. .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before,
  8015. .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
  8016. content: "\f054";
  8017. }
  8018. .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none,
  8019. .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none {
  8020. width: 14px;
  8021. height: 14px;
  8022. background-position: 0px 0px;
  8023. background-size: 14px 14px;
  8024. padding: 0px;
  8025. font-size: 14px;
  8026. text-align: center;
  8027. line-height: 14px;
  8028. }
  8029. .dx-datagrid .dx-sort-up,
  8030. .dx-datagrid-container .dx-sort-up,
  8031. .dx-datagrid .dx-sort-down,
  8032. .dx-datagrid-container .dx-sort-down,
  8033. .dx-datagrid .dx-header-filter,
  8034. .dx-datagrid-container .dx-header-filter {
  8035. width: 15px;
  8036. height: 15px;
  8037. background-position: 0px 0px;
  8038. background-size: 15px 15px;
  8039. padding: 0px;
  8040. font-size: 15px;
  8041. text-align: center;
  8042. line-height: 15px;
  8043. }
  8044. .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty),
  8045. .dx-datagrid-container .dx-header-filter:not(.dx-header-filter-empty) {
  8046. color: #009688;
  8047. }
  8048. .dx-datagrid .dx-icon-filter-operation-equals,
  8049. .dx-datagrid-container .dx-icon-filter-operation-equals {
  8050. font: 14px/1 DXIcons;
  8051. }
  8052. .dx-datagrid .dx-icon-filter-operation-equals:before,
  8053. .dx-datagrid-container .dx-icon-filter-operation-equals:before {
  8054. content: "\f044";
  8055. }
  8056. .dx-datagrid .dx-icon-filter-operation-default,
  8057. .dx-datagrid-container .dx-icon-filter-operation-default {
  8058. font: 14px/1 DXIcons;
  8059. }
  8060. .dx-datagrid .dx-icon-filter-operation-default:before,
  8061. .dx-datagrid-container .dx-icon-filter-operation-default:before {
  8062. content: "\f027";
  8063. }
  8064. .dx-datagrid .dx-icon-filter-operation-not-equals,
  8065. .dx-datagrid-container .dx-icon-filter-operation-not-equals {
  8066. font: 14px/1 DXIcons;
  8067. }
  8068. .dx-datagrid .dx-icon-filter-operation-not-equals:before,
  8069. .dx-datagrid-container .dx-icon-filter-operation-not-equals:before {
  8070. content: "\f045";
  8071. }
  8072. .dx-datagrid .dx-icon-filter-operation-less,
  8073. .dx-datagrid-container .dx-icon-filter-operation-less {
  8074. font: 14px/1 DXIcons;
  8075. }
  8076. .dx-datagrid .dx-icon-filter-operation-less:before,
  8077. .dx-datagrid-container .dx-icon-filter-operation-less:before {
  8078. content: "\f046";
  8079. }
  8080. .dx-datagrid .dx-icon-filter-operation-less-equal,
  8081. .dx-datagrid-container .dx-icon-filter-operation-less-equal {
  8082. font: 14px/1 DXIcons;
  8083. }
  8084. .dx-datagrid .dx-icon-filter-operation-less-equal:before,
  8085. .dx-datagrid-container .dx-icon-filter-operation-less-equal:before {
  8086. content: "\f048";
  8087. }
  8088. .dx-datagrid .dx-icon-filter-operation-greater,
  8089. .dx-datagrid-container .dx-icon-filter-operation-greater {
  8090. font: 14px/1 DXIcons;
  8091. }
  8092. .dx-datagrid .dx-icon-filter-operation-greater:before,
  8093. .dx-datagrid-container .dx-icon-filter-operation-greater:before {
  8094. content: "\f047";
  8095. }
  8096. .dx-datagrid .dx-icon-filter-operation-greater-equal,
  8097. .dx-datagrid-container .dx-icon-filter-operation-greater-equal {
  8098. font: 14px/1 DXIcons;
  8099. }
  8100. .dx-datagrid .dx-icon-filter-operation-greater-equal:before,
  8101. .dx-datagrid-container .dx-icon-filter-operation-greater-equal:before {
  8102. content: "\f049";
  8103. }
  8104. .dx-datagrid .dx-icon-filter-operation-contains,
  8105. .dx-datagrid-container .dx-icon-filter-operation-contains {
  8106. font: 14px/1 DXIcons;
  8107. }
  8108. .dx-datagrid .dx-icon-filter-operation-contains:before,
  8109. .dx-datagrid-container .dx-icon-filter-operation-contains:before {
  8110. content: "\f063";
  8111. }
  8112. .dx-datagrid .dx-icon-filter-operation-not-contains,
  8113. .dx-datagrid-container .dx-icon-filter-operation-not-contains {
  8114. font: 14px/1 DXIcons;
  8115. }
  8116. .dx-datagrid .dx-icon-filter-operation-not-contains:before,
  8117. .dx-datagrid-container .dx-icon-filter-operation-not-contains:before {
  8118. content: "\f066";
  8119. }
  8120. .dx-datagrid .dx-icon-filter-operation-starts-with,
  8121. .dx-datagrid-container .dx-icon-filter-operation-starts-with {
  8122. font: 14px/1 DXIcons;
  8123. }
  8124. .dx-datagrid .dx-icon-filter-operation-starts-with:before,
  8125. .dx-datagrid-container .dx-icon-filter-operation-starts-with:before {
  8126. content: "\f064";
  8127. }
  8128. .dx-datagrid .dx-icon-filter-operation-ends-with,
  8129. .dx-datagrid-container .dx-icon-filter-operation-ends-with {
  8130. font: 14px/1 DXIcons;
  8131. }
  8132. .dx-datagrid .dx-icon-filter-operation-ends-with:before,
  8133. .dx-datagrid-container .dx-icon-filter-operation-ends-with:before {
  8134. content: "\f065";
  8135. }
  8136. .dx-datagrid .dx-icon-filter-operation-between,
  8137. .dx-datagrid-container .dx-icon-filter-operation-between {
  8138. font: 14px/1 DXIcons;
  8139. }
  8140. .dx-datagrid .dx-icon-filter-operation-between:before,
  8141. .dx-datagrid-container .dx-icon-filter-operation-between:before {
  8142. content: "\f06a";
  8143. }
  8144. .dx-datagrid .dx-column-indicators,
  8145. .dx-datagrid-container .dx-column-indicators {
  8146. height: 16px;
  8147. }
  8148. .dx-datagrid .dx-column-indicators > div,
  8149. .dx-datagrid-container .dx-column-indicators > div {
  8150. width: 15px;
  8151. height: 15px;
  8152. background-position: 0px 0px;
  8153. background-size: 15px 15px;
  8154. padding: 0px;
  8155. font-size: 15px;
  8156. text-align: center;
  8157. line-height: 15px;
  8158. }
  8159. .dx-datagrid .dx-placeholder:before,
  8160. .dx-datagrid-container .dx-placeholder:before {
  8161. font-size: 13px;
  8162. }
  8163. .dx-datagrid {
  8164. line-height: inherit;
  8165. }
  8166. .dx-datagrid .dx-row-alt > td {
  8167. background-color: #3f3f4b;
  8168. }
  8169. .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
  8170. border-bottom-color: transparent;
  8171. }
  8172. .dx-datagrid .dx-link {
  8173. color: #009688;
  8174. }
  8175. .dx-datagrid .dx-row-lines > td {
  8176. border-bottom: 1px solid #515159;
  8177. }
  8178. .dx-datagrid .dx-column-lines > td {
  8179. border-left: 1px solid #515159;
  8180. border-right: 1px solid #515159;
  8181. }
  8182. .dx-datagrid .dx-error-row .dx-closebutton {
  8183. float: right;
  8184. margin: 12px;
  8185. font: 14px/1 DXIcons;
  8186. width: 14px;
  8187. height: 14px;
  8188. background-position: 0px 0px;
  8189. background-size: 14px 14px;
  8190. padding: 0px;
  8191. font-size: 14px;
  8192. text-align: center;
  8193. line-height: 14px;
  8194. }
  8195. .dx-datagrid .dx-error-row .dx-closebutton:before {
  8196. content: "\f00a";
  8197. }
  8198. .dx-datagrid .dx-error-row .dx-error-message {
  8199. padding: 10px;
  8200. padding-right: 35px;
  8201. }
  8202. .dx-datagrid .dx-row > td {
  8203. padding-top: 10px;
  8204. padding-bottom: 10px;
  8205. font-size: 13px;
  8206. line-height: 16px;
  8207. }
  8208. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td,
  8209. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content),
  8210. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content) {
  8211. padding-right: 10px;
  8212. padding-left: 10px;
  8213. vertical-align: middle;
  8214. }
  8215. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type,
  8216. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
  8217. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type {
  8218. padding-left: 10px;
  8219. }
  8220. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type,
  8221. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
  8222. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type {
  8223. padding-right: 10px;
  8224. }
  8225. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select,
  8226. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
  8227. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select {
  8228. overflow: visible;
  8229. width: 26px;
  8230. min-width: 26px;
  8231. padding-left: 10px;
  8232. padding-right: 0px;
  8233. line-height: 1;
  8234. }
  8235. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-edit,
  8236. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit,
  8237. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-edit {
  8238. width: 105px;
  8239. min-width: 105px;
  8240. }
  8241. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons,
  8242. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons,
  8243. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons {
  8244. width: 80px;
  8245. min-width: 80px;
  8246. }
  8247. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons .dx-link,
  8248. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons .dx-link,
  8249. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons .dx-link {
  8250. width: 16px;
  8251. height: 16px;
  8252. background-position: 0px 0px;
  8253. background-size: 16px 16px;
  8254. padding: 0px;
  8255. font-size: 16px;
  8256. text-align: center;
  8257. line-height: 16px;
  8258. margin: 0 2px;
  8259. vertical-align: middle;
  8260. }
  8261. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-expand,
  8262. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-expand,
  8263. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-expand,
  8264. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td .dx-datagrid-group-space,
  8265. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content) .dx-datagrid-group-space,
  8266. .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content) .dx-datagrid-group-space {
  8267. width: 18px;
  8268. min-width: 18px;
  8269. padding: 0 4px 0 8px;
  8270. line-height: 0;
  8271. }
  8272. .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  8273. background-position-y: 49px;
  8274. }
  8275. .dx-datagrid-edit-popup .dx-error-message {
  8276. padding: 10px 10px;
  8277. }
  8278. .dx-datagrid-headers .dx-texteditor-input,
  8279. .dx-datagrid-rowsview .dx-texteditor-input {
  8280. min-height: 16px;
  8281. }
  8282. .dx-datagrid-headers .dx-lookup,
  8283. .dx-datagrid-rowsview .dx-lookup {
  8284. height: auto;
  8285. }
  8286. .dx-datagrid-headers .dx-lookup-field,
  8287. .dx-datagrid-rowsview .dx-lookup-field {
  8288. padding-left: 10px;
  8289. padding-top: 10px;
  8290. padding-bottom: 10px;
  8291. }
  8292. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
  8293. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input {
  8294. padding-right: 18px;
  8295. }
  8296. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
  8297. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
  8298. padding-right: 0;
  8299. padding-left: 18px;
  8300. }
  8301. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
  8302. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input {
  8303. padding-right: 18px;
  8304. }
  8305. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
  8306. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input {
  8307. padding-right: 0;
  8308. padding-left: 18px;
  8309. }
  8310. .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input,
  8311. .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input {
  8312. padding-right: 0;
  8313. }
  8314. .dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
  8315. .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
  8316. .dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
  8317. .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before {
  8318. padding-left: 16px;
  8319. }
  8320. .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
  8321. .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
  8322. .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
  8323. .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before,
  8324. .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
  8325. .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
  8326. .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-placeholder:before,
  8327. .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before {
  8328. padding-right: 16px;
  8329. }
  8330. .dx-editor-cell {
  8331. padding-top: 0;
  8332. padding-bottom: 0;
  8333. }
  8334. .dx-editor-cell .dx-numberbox-spin-button {
  8335. background-color: transparent;
  8336. }
  8337. .dx-editor-cell .dx-icon-clear {
  8338. left: 0;
  8339. }
  8340. .dx-editor-cell .dx-texteditor,
  8341. .dx-editor-cell .dx-texteditor.dx-state-hover,
  8342. .dx-editor-cell .dx-texteditor.dx-state-focused,
  8343. .dx-editor-cell .dx-texteditor.dx-state-active {
  8344. background: rgba(54, 54, 64, 0);
  8345. -webkit-box-shadow: none;
  8346. box-shadow: none;
  8347. }
  8348. .dx-editor-cell .dx-texteditor .dx-texteditor-input {
  8349. background: rgba(54, 54, 64, 0);
  8350. font-size: 13px;
  8351. height: 36px;
  8352. line-height: 36px;
  8353. padding-right: 0;
  8354. padding-left: 0;
  8355. padding-top: 0;
  8356. padding-bottom: 0;
  8357. }
  8358. .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
  8359. right: 0;
  8360. }
  8361. .dx-editor-cell .dx-texteditor:after,
  8362. .dx-editor-cell .dx-texteditor:before {
  8363. content: none;
  8364. }
  8365. .dx-editor-cell .dx-texteditor.dx-rtl .dx-texteditor-buttons-container,
  8366. .dx-rtl .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
  8367. left: 0;
  8368. }
  8369. .dx-editor-cell .dx-dropdowneditor {
  8370. background-color: rgba(54, 54, 64, 0);
  8371. }
  8372. .dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
  8373. border-radius: 0;
  8374. }
  8375. .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
  8376. padding-top: 10px;
  8377. padding-bottom: 10px;
  8378. }
  8379. .dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message,
  8380. .dx-datagrid-column-chooser-list .dx-empty-message {
  8381. color: #ffffff;
  8382. padding: 0 8px;
  8383. }
  8384. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
  8385. padding: 8px 8px 8px;
  8386. }
  8387. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
  8388. margin-bottom: 10px;
  8389. }
  8390. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
  8391. padding-left: 20px;
  8392. }
  8393. .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
  8394. padding: 8px 8px 8px;
  8395. }
  8396. .dx-datagrid-column-chooser .dx-overlay-content {
  8397. background-color: #363640;
  8398. }
  8399. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  8400. background-color: transparent;
  8401. border-bottom: 1px solid #515159;
  8402. }
  8403. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  8404. font-size: 16px;
  8405. }
  8406. .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  8407. margin: 2px 2px 8px 2px;
  8408. background-color: #3d3d48;
  8409. color: rgba(255, 255, 255, 0.6);
  8410. font-weight: 500;
  8411. font-size: 12px;
  8412. padding: 10px;
  8413. line-height: 16px;
  8414. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  8415. box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  8416. }
  8417. .dx-datagrid-drag-header {
  8418. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  8419. box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  8420. color: rgba(255, 255, 255, 0.6);
  8421. font-weight: 500;
  8422. padding: 12px;
  8423. background-color: #363640;
  8424. line-height: 16px;
  8425. font-size: 12px;
  8426. }
  8427. .dx-datagrid-columns-separator {
  8428. background-color: rgba(0, 150, 136, 0.5);
  8429. }
  8430. .dx-datagrid-columns-separator-transparent {
  8431. background-color: transparent;
  8432. }
  8433. .dx-datagrid-drop-highlight > td {
  8434. background-color: #009688;
  8435. color: rgba(0, 0, 0, 0.87);
  8436. }
  8437. .dx-datagrid-drop-highlight > td .dx-header-filter {
  8438. color: rgba(0, 0, 0, 0.87);
  8439. }
  8440. .dx-datagrid-drop-highlight > td .dx-checkbox .dx-checkbox-icon {
  8441. background-color: rgba(0, 0, 0, 0.87);
  8442. color: #009688;
  8443. }
  8444. .dx-datagrid-focus-overlay:after {
  8445. content: "";
  8446. position: absolute;
  8447. bottom: 0;
  8448. height: 2px;
  8449. background-color: #009688;
  8450. left: 0;
  8451. right: 1px;
  8452. }
  8453. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) {
  8454. background-color: #42424e;
  8455. }
  8456. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td {
  8457. color: #fff;
  8458. }
  8459. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input {
  8460. background-color: #42424e;
  8461. color: #fff;
  8462. }
  8463. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
  8464. background-color: transparent;
  8465. }
  8466. .dx-datagrid-headers {
  8467. color: rgba(255, 255, 255, 0.6);
  8468. -ms-touch-action: pinch-zoom;
  8469. touch-action: pinch-zoom;
  8470. border-bottom: 1px solid #515159;
  8471. }
  8472. .dx-datagrid-headers .dx-datagrid-content {
  8473. margin-bottom: -1px;
  8474. }
  8475. .dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
  8476. border-bottom-width: 1px;
  8477. }
  8478. .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  8479. border-bottom: 1px solid #515159;
  8480. padding-top: 12px;
  8481. padding-bottom: 12px;
  8482. line-height: 16px;
  8483. font-weight: 500;
  8484. font-size: 12px;
  8485. }
  8486. .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator,
  8487. .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort {
  8488. color: #fff;
  8489. }
  8490. .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content {
  8491. color: #fff;
  8492. }
  8493. .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-sort {
  8494. color: rgba(255, 255, 255, 0.38);
  8495. }
  8496. .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space) {
  8497. background-color: #42424e;
  8498. }
  8499. .dx-datagrid-headers.dx-header-multi-row .dx-row.dx-header-row .dx-command-select {
  8500. padding-bottom: 12px;
  8501. }
  8502. .dx-datagrid-headers.dx-header-multi-row .dx-row.dx-header-row > td {
  8503. padding-top: 12px;
  8504. padding-bottom: 12px;
  8505. vertical-align: bottom;
  8506. border-right: 1px solid #515159;
  8507. }
  8508. .dx-datagrid-filter-row {
  8509. background-color: #31313a;
  8510. }
  8511. .dx-datagrid-filter-row .dx-menu {
  8512. left: -8px;
  8513. }
  8514. .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {
  8515. height: 100%;
  8516. top: 2px;
  8517. position: absolute;
  8518. }
  8519. .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper {
  8520. height: 100%;
  8521. }
  8522. .dx-datagrid-filter-row .dx-menu .dx-overlay-content {
  8523. color: #ffffff;
  8524. }
  8525. .dx-datagrid-filter-row .dx-filter-modified {
  8526. background-color: rgba(139, 195, 74, 0.32);
  8527. }
  8528. .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
  8529. padding: 10px 0 10px 22px;
  8530. }
  8531. .dx-datagrid .dx-datagrid-table .dx-datagrid-filter-row > td {
  8532. padding-top: 0;
  8533. padding-bottom: 0;
  8534. }
  8535. .dx-datagrid-filter-range-overlay .dx-overlay-content {
  8536. overflow: inherit;
  8537. background-color: #31313a;
  8538. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  8539. box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  8540. }
  8541. .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after,
  8542. .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover:after {
  8543. top: auto;
  8544. bottom: 0;
  8545. }
  8546. .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  8547. font-size: 13px;
  8548. height: 37px;
  8549. padding-right: 8px;
  8550. padding-left: 8px;
  8551. }
  8552. .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder:before {
  8553. padding-left: 8px;
  8554. }
  8555. .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper {
  8556. display: none;
  8557. }
  8558. .dx-highlight-outline {
  8559. padding: 10px 0 10px 0;
  8560. overflow: hidden;
  8561. text-overflow: ellipsis;
  8562. }
  8563. .dx-datagrid-header-panel {
  8564. border-bottom: 1px solid #515159;
  8565. padding: 0 10px 0 10px;
  8566. background-color: #363640;
  8567. }
  8568. .dx-datagrid-header-panel .dx-apply-button {
  8569. background-color: transparent;
  8570. color: rgba(0, 0, 0, 0.87);
  8571. -webkit-box-shadow: none;
  8572. box-shadow: none;
  8573. }
  8574. .dx-datagrid-header-panel .dx-apply-button .dx-icon {
  8575. color: rgba(0, 0, 0, 0.87);
  8576. }
  8577. .dx-datagrid-header-panel .dx-apply-button.dx-state-hover {
  8578. background-color: rgba(0, 0, 0, 0.08);
  8579. -webkit-box-shadow: none;
  8580. box-shadow: none;
  8581. }
  8582. .dx-datagrid-header-panel .dx-apply-button.dx-state-focused {
  8583. background-color: rgba(0, 0, 0, 0.15);
  8584. -webkit-box-shadow: none;
  8585. box-shadow: none;
  8586. }
  8587. .dx-datagrid-header-panel .dx-apply-button.dx-state-active {
  8588. background-color: rgba(0, 0, 0, 0.2);
  8589. -webkit-box-shadow: none;
  8590. box-shadow: none;
  8591. }
  8592. .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled {
  8593. background: transparent;
  8594. -webkit-box-shadow: none;
  8595. box-shadow: none;
  8596. }
  8597. .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled .dx-icon {
  8598. opacity: 0.6;
  8599. }
  8600. .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled .dx-button-text {
  8601. color: rgba(255, 255, 255, 0.35);
  8602. }
  8603. .dx-datagrid-header-panel .dx-apply-button .dx-inkripple-wave {
  8604. background-color: rgba(0, 0, 0, 0.2);
  8605. }
  8606. .dx-datagrid-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon {
  8607. border-radius: 50%;
  8608. }
  8609. .dx-datagrid-header-panel .dx-datagrid-toolbar-button .dx-icon {
  8610. color: #fff;
  8611. }
  8612. .dx-icon-column-chooser {
  8613. font: 14px/1 DXIcons;
  8614. }
  8615. .dx-icon-column-chooser:before {
  8616. content: "\f04d";
  8617. }
  8618. .dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
  8619. font: 14px/1 DXIcons;
  8620. width: 18px;
  8621. height: 18px;
  8622. background-position: 0px 0px;
  8623. background-size: 18px 18px;
  8624. padding: 0px;
  8625. font-size: 18px;
  8626. text-align: center;
  8627. line-height: 18px;
  8628. }
  8629. .dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before {
  8630. content: "\f00b";
  8631. }
  8632. .dx-datagrid-cancel-button .dx-icon-edit-button-cancel {
  8633. font: 14px/1 DXIcons;
  8634. width: 18px;
  8635. height: 18px;
  8636. background-position: 0px 0px;
  8637. background-size: 18px 18px;
  8638. padding: 0px;
  8639. font-size: 18px;
  8640. text-align: center;
  8641. line-height: 18px;
  8642. }
  8643. .dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before {
  8644. content: "\f04c";
  8645. }
  8646. .dx-datagrid-save-button .dx-icon-edit-button-save {
  8647. font: 14px/1 DXIcons;
  8648. width: 18px;
  8649. height: 18px;
  8650. background-position: 0px 0px;
  8651. background-size: 18px 18px;
  8652. padding: 0px;
  8653. font-size: 18px;
  8654. text-align: center;
  8655. line-height: 18px;
  8656. }
  8657. .dx-datagrid-save-button .dx-icon-edit-button-save:before {
  8658. content: "\f041";
  8659. }
  8660. .dx-apply-button .dx-icon-apply-filter {
  8661. font: 14px/1 DXIcons;
  8662. width: 18px;
  8663. height: 18px;
  8664. background-position: 0px 0px;
  8665. background-size: 18px 18px;
  8666. padding: 0px;
  8667. font-size: 18px;
  8668. text-align: center;
  8669. line-height: 18px;
  8670. }
  8671. .dx-apply-button .dx-icon-apply-filter:before {
  8672. content: "\f050";
  8673. }
  8674. .dx-datagrid-export-button .dx-icon-export-to {
  8675. font: 14px/1 DXIcons;
  8676. width: 18px;
  8677. height: 18px;
  8678. background-position: 0px 0px;
  8679. background-size: 18px 18px;
  8680. padding: 0px;
  8681. font-size: 18px;
  8682. text-align: center;
  8683. line-height: 18px;
  8684. }
  8685. .dx-datagrid-export-button .dx-icon-export-to:before {
  8686. content: "\f05f";
  8687. }
  8688. .dx-datagrid-export-button .dx-icon-export-excel-button {
  8689. font: 14px/1 DXIcons;
  8690. width: 18px;
  8691. height: 18px;
  8692. background-position: 0px 0px;
  8693. background-size: 18px 18px;
  8694. padding: 0px;
  8695. font-size: 18px;
  8696. text-align: center;
  8697. line-height: 18px;
  8698. }
  8699. .dx-datagrid-export-button .dx-icon-export-excel-button:before {
  8700. content: "\f060";
  8701. }
  8702. .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportxlsx {
  8703. width: 18px;
  8704. height: 18px;
  8705. background-position: 0px 0px;
  8706. background-size: 18px 18px;
  8707. padding: 0px;
  8708. font-size: 18px;
  8709. text-align: center;
  8710. line-height: 18px;
  8711. }
  8712. .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportselected {
  8713. width: 18px;
  8714. height: 18px;
  8715. background-position: 0px 0px;
  8716. background-size: 18px 18px;
  8717. padding: 0px;
  8718. font-size: 18px;
  8719. text-align: center;
  8720. line-height: 18px;
  8721. }
  8722. .dx-datagrid-adaptive-more {
  8723. vertical-align: middle;
  8724. width: 18px;
  8725. height: 18px;
  8726. background-position: 0px 0px;
  8727. background-size: 18px 18px;
  8728. padding: 0px;
  8729. font-size: 18px;
  8730. text-align: center;
  8731. line-height: 18px;
  8732. color: rgba(255, 255, 255, 0.54);
  8733. }
  8734. .dx-row.dx-row-focused .dx-datagrid-adaptive-more {
  8735. color: inherit;
  8736. }
  8737. .dx-datagrid-rowsview {
  8738. border-top: 1px solid #515159;
  8739. }
  8740. .dx-datagrid-headers + .dx-datagrid-rowsview {
  8741. border-top: none;
  8742. }
  8743. .dx-datagrid-rowsview .dx-row {
  8744. border-top: 1px solid transparent;
  8745. border-bottom: 1px solid transparent;
  8746. }
  8747. .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
  8748. border-top-width: 0;
  8749. border-bottom: 1px solid #515159;
  8750. }
  8751. .dx-datagrid-rowsview .dx-row.dx-edit-row > td {
  8752. border-top: 1px solid #515159;
  8753. border-bottom: 1px solid #515159;
  8754. }
  8755. .dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space,
  8756. .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell {
  8757. border-top: 1px solid #515159;
  8758. border-bottom: 1px solid #515159;
  8759. }
  8760. .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space,
  8761. .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
  8762. background-color: #31313a;
  8763. }
  8764. .dx-datagrid-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified,
  8765. .dx-datagrid-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified {
  8766. background-color: rgba(139, 195, 74, 0.32);
  8767. }
  8768. .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid,
  8769. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-datagrid-invalid,
  8770. .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-invalid,
  8771. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid {
  8772. background-color: rgba(244, 67, 54, 0.32);
  8773. }
  8774. .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content,
  8775. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content {
  8776. padding: 9px 17px 9px;
  8777. background-color: #F44336;
  8778. color: rgba(0, 0, 0, 0.87);
  8779. }
  8780. .dx-datagrid-rowsview .dx-row-removed > td {
  8781. background-color: rgba(139, 195, 74, 0.32);
  8782. border-top: 1px solid rgba(139, 195, 74, 0.32);
  8783. border-bottom: 1px solid rgba(139, 195, 74, 0.32);
  8784. }
  8785. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-label {
  8786. padding-top: 0;
  8787. }
  8788. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content {
  8789. line-height: 26px;
  8790. min-height: 26px;
  8791. font-size: 13px;
  8792. }
  8793. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused {
  8794. padding: 0;
  8795. }
  8796. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor-input {
  8797. padding-left: 10px;
  8798. padding-right: 10px;
  8799. font-size: 13px;
  8800. height: 26px;
  8801. line-height: 26px;
  8802. }
  8803. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor:after,
  8804. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor:before {
  8805. content: none;
  8806. }
  8807. .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined {
  8808. -webkit-box-shadow: none;
  8809. box-shadow: none;
  8810. }
  8811. .dx-datagrid-rowsview .dx-item-modified {
  8812. background-color: rgba(139, 195, 74, 0.32);
  8813. }
  8814. .dx-datagrid-rowsview .dx-row-focused:focus {
  8815. outline: none;
  8816. }
  8817. .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
  8818. .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused),
  8819. .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link {
  8820. background-color: #009688;
  8821. color: rgba(0, 0, 0, 0.87);
  8822. }
  8823. .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-opened,
  8824. .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-opened,
  8825. .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-datagrid-group-opened,
  8826. .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-closed,
  8827. .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-closed,
  8828. .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-datagrid-group-closed {
  8829. color: rgba(0, 0, 0, 0.87);
  8830. }
  8831. .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
  8832. background-color: #363640;
  8833. color: #009688;
  8834. }
  8835. .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td,
  8836. .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
  8837. border-bottom: 1px solid #009688;
  8838. }
  8839. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
  8840. .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
  8841. border-top: 1px solid #009688;
  8842. border-bottom: 1px solid #009688;
  8843. }
  8844. .dx-datagrid-rowsview .dx-row-focused.dx-data-row.dx-edit-row > td.dx-editor-cell:not(.dx-command-select),
  8845. .dx-datagrid-rowsview .dx-row-focused.dx-data-row.dx-edit-row > tr > td.dx-editor-cell:not(.dx-command-select) {
  8846. background-color: #363640;
  8847. color: #fff;
  8848. }
  8849. .dx-datagrid-rowsview .dx-row-focused.dx-group-row {
  8850. background-color: #009688;
  8851. color: rgba(0, 0, 0, 0.87);
  8852. }
  8853. .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened,
  8854. .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed {
  8855. color: rgba(0, 0, 0, 0.87);
  8856. }
  8857. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
  8858. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
  8859. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
  8860. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  8861. background-color: rgba(0, 150, 136, 0.07);
  8862. color: #fff;
  8863. }
  8864. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-datagrid-group-space,
  8865. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-datagrid-group-space,
  8866. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-datagrid-group-space,
  8867. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-datagrid-group-space {
  8868. border-right-color: rgba(0, 150, 136, 0.07);
  8869. }
  8870. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none,
  8871. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none,
  8872. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none,
  8873. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none {
  8874. border-left-color: #515159;
  8875. border-right-color: #515159;
  8876. }
  8877. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td,
  8878. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td {
  8879. border-bottom: 1px solid rgba(0, 150, 136, 0.07);
  8880. border-top: 1px solid rgba(0, 150, 136, 0.07);
  8881. }
  8882. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
  8883. .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td {
  8884. border-bottom-color: #515159;
  8885. }
  8886. .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  8887. padding-right: 0;
  8888. }
  8889. .dx-datagrid-search-text {
  8890. color: rgba(0, 0, 0, 0.87);
  8891. background-color: #009688;
  8892. }
  8893. .dx-datagrid-nodata {
  8894. color: #ffffff;
  8895. font-size: 14px;
  8896. }
  8897. .dx-datagrid-bottom-load-panel {
  8898. border-top: 1px solid #515159;
  8899. }
  8900. .dx-datagrid-pager.dx-widget {
  8901. font-size: 12px;
  8902. color: rgba(255, 255, 255, 0.6);
  8903. }
  8904. .dx-datagrid-summary-item {
  8905. color: rgba(255, 255, 255, 0.7);
  8906. }
  8907. .dx-datagrid-total-footer {
  8908. border-bottom: 1px solid #515159;
  8909. border-top: 1px solid #515159;
  8910. }
  8911. .dx-datagrid-total-footer > .dx-datagrid-content {
  8912. padding: 0;
  8913. }
  8914. .dx-datagrid-revert-tooltip .dx-overlay-content {
  8915. background-color: transparent;
  8916. min-width: inherit;
  8917. }
  8918. .dx-datagrid-revert-tooltip .dx-revert-button {
  8919. border-radius: 2px;
  8920. background-color: #F44336;
  8921. color: rgba(0, 0, 0, 0.87);
  8922. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  8923. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  8924. margin: 0 0 0 1px;
  8925. height: 36px;
  8926. -webkit-box-shadow: none;
  8927. box-shadow: none;
  8928. min-width: inherit;
  8929. }
  8930. .dx-datagrid-revert-tooltip .dx-revert-button .dx-button-content {
  8931. padding: 2px;
  8932. }
  8933. .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
  8934. width: 18px;
  8935. height: 18px;
  8936. background-position: 0px 0px;
  8937. background-size: 18px 18px;
  8938. padding: 0px;
  8939. font-size: 18px;
  8940. text-align: center;
  8941. line-height: 18px;
  8942. margin-right: 0;
  8943. margin-left: 0;
  8944. }
  8945. .dx-rtl .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon,
  8946. .dx-rtl.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
  8947. margin-left: 0;
  8948. margin-right: 0;
  8949. }
  8950. .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
  8951. margin-left: 0;
  8952. margin-right: 0;
  8953. }
  8954. .dx-rtl .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right,
  8955. .dx-rtl.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
  8956. margin-right: 0;
  8957. margin-left: 0;
  8958. }
  8959. .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
  8960. color: rgba(0, 0, 0, 0.87);
  8961. }
  8962. .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
  8963. background-color: #F44336;
  8964. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  8965. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  8966. }
  8967. .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
  8968. background-color: #F44336;
  8969. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  8970. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  8971. }
  8972. .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
  8973. background-color: #F44336;
  8974. -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  8975. box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  8976. }
  8977. .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled {
  8978. background: rgba(255, 255, 255, 0.1);
  8979. -webkit-box-shadow: none;
  8980. box-shadow: none;
  8981. }
  8982. .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled .dx-icon {
  8983. opacity: 0.6;
  8984. }
  8985. .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled .dx-button-text {
  8986. color: rgba(255, 255, 255, 0.35);
  8987. }
  8988. .dx-datagrid-revert-tooltip .dx-revert-button .dx-inkripple-wave {
  8989. background-color: rgba(0, 0, 0, 0.2);
  8990. }
  8991. .dx-datagrid-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) {
  8992. border-radius: 2px;
  8993. }
  8994. .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
  8995. -webkit-box-shadow: none;
  8996. box-shadow: none;
  8997. }
  8998. .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
  8999. border-left-color: #42424e;
  9000. border-right-color: transparent;
  9001. }
  9002. .dx-rtl .dx-datagrid .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon,
  9003. .dx-rtl .dx-datagrid-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
  9004. margin: 0 3px;
  9005. }
  9006. .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type,
  9007. .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-of-type,
  9008. .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
  9009. .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
  9010. .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type,
  9011. .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):first-of-type {
  9012. padding-left: 10px;
  9013. padding-right: 10px;
  9014. }
  9015. .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type,
  9016. .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td:last-of-type,
  9017. .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
  9018. .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
  9019. .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type,
  9020. .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):last-of-type {
  9021. padding-right: 10px;
  9022. padding-left: 10px;
  9023. }
  9024. .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select,
  9025. .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-command-select,
  9026. .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
  9027. .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
  9028. .dx-rtl .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select,
  9029. .dx-rtl .dx-datagrid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content).dx-command-select {
  9030. padding-right: 10px;
  9031. padding-left: 0px;
  9032. }
  9033. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td,
  9034. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
  9035. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
  9036. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
  9037. border-right-color: #515159;
  9038. }
  9039. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space,
  9040. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space,
  9041. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-datagrid-group-space,
  9042. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-datagrid-group-space {
  9043. border-left-color: rgba(0, 150, 136, 0.07);
  9044. }
  9045. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
  9046. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
  9047. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
  9048. .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
  9049. border-left-color: #515159;
  9050. }
  9051. .dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  9052. padding-left: 0;
  9053. }
  9054. .dx-header-filter-menu .dx-popup-content {
  9055. padding: 12px 8px 0 8px;
  9056. border-bottom: 1px solid #515159;
  9057. }
  9058. .dx-datagrid-form-buttons-container .dx-button {
  9059. background-color: transparent;
  9060. color: #009688;
  9061. -webkit-box-shadow: none;
  9062. box-shadow: none;
  9063. }
  9064. .dx-datagrid-form-buttons-container .dx-button .dx-icon {
  9065. color: #009688;
  9066. }
  9067. .dx-datagrid-form-buttons-container .dx-button.dx-state-hover {
  9068. background-color: rgba(0, 150, 136, 0.08);
  9069. -webkit-box-shadow: none;
  9070. box-shadow: none;
  9071. }
  9072. .dx-datagrid-form-buttons-container .dx-button.dx-state-focused {
  9073. background-color: rgba(0, 150, 136, 0.15);
  9074. -webkit-box-shadow: none;
  9075. box-shadow: none;
  9076. }
  9077. .dx-datagrid-form-buttons-container .dx-button.dx-state-active {
  9078. background-color: rgba(0, 150, 136, 0.2);
  9079. -webkit-box-shadow: none;
  9080. box-shadow: none;
  9081. }
  9082. .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled {
  9083. background: transparent;
  9084. -webkit-box-shadow: none;
  9085. box-shadow: none;
  9086. }
  9087. .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled .dx-icon {
  9088. opacity: 0.6;
  9089. }
  9090. .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled .dx-button-text {
  9091. color: rgba(255, 255, 255, 0.35);
  9092. }
  9093. .dx-datagrid-form-buttons-container .dx-button .dx-inkripple-wave {
  9094. background-color: rgba(0, 150, 136, 0.2);
  9095. }
  9096. .dx-command-adaptive {
  9097. width: 38px;
  9098. min-width: 38px;
  9099. }
  9100. .dx-datagrid-filter-panel {
  9101. padding: 15px 10px 15px 10px;
  9102. }
  9103. .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
  9104. .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
  9105. color: #009688;
  9106. font-size: 13px;
  9107. line-height: 16px;
  9108. }
  9109. .dx-datagrid-filter-panel .dx-icon-filter {
  9110. color: #009688;
  9111. }
  9112. .dx-datagrid-filter-panel + .dx-pager {
  9113. border-top: 1px solid #515159;
  9114. }
  9115. .dx-datagrid-group-panel {
  9116. font-size: 13px;
  9117. -ms-touch-action: pinch-zoom;
  9118. touch-action: pinch-zoom;
  9119. }
  9120. .dx-datagrid-group-panel .dx-group-panel-message {
  9121. color: rgba(255, 255, 255, 0.6);
  9122. font-weight: 500;
  9123. padding: 7px 0;
  9124. border-top: 1px solid transparent;
  9125. border-bottom: 1px solid transparent;
  9126. }
  9127. .dx-datagrid-group-panel .dx-group-panel-item {
  9128. margin-right: 8px;
  9129. color: rgba(255, 255, 255, 0.6);
  9130. font-weight: 500;
  9131. font-size: 12px;
  9132. line-height: 16px;
  9133. background: #525261;
  9134. border-radius: 16px;
  9135. padding: 8px 10px;
  9136. }
  9137. .dx-datagrid-group-panel .dx-block-separator {
  9138. margin-right: 8px;
  9139. color: rgba(255, 255, 255, 0.6);
  9140. font-weight: 500;
  9141. padding: 7px;
  9142. background-color: #525261;
  9143. }
  9144. .dx-datagrid-group-panel .dx-sort {
  9145. color: rgba(255, 255, 255, 0.54);
  9146. }
  9147. .dx-datagrid-rowsview .dx-row.dx-group-row:first-child {
  9148. border-top: none;
  9149. }
  9150. .dx-datagrid-rowsview .dx-row.dx-group-row {
  9151. font-size: 12px;
  9152. font-weight: bold;
  9153. }
  9154. .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
  9155. color: rgba(255, 255, 255, 0.54);
  9156. background-color: #363640;
  9157. }
  9158. .dx-datagrid-rowsview .dx-row.dx-group-row td {
  9159. border-top-color: #515159;
  9160. border-bottom-color: #515159;
  9161. }
  9162. .dx-datagrid-group-opened {
  9163. font: 14px/1 DXIcons;
  9164. width: 18px;
  9165. height: 18px;
  9166. background-position: 0px 0px;
  9167. background-size: 18px 18px;
  9168. padding: 0px;
  9169. font-size: 18px;
  9170. text-align: center;
  9171. line-height: 18px;
  9172. color: rgba(255, 255, 255, 0.54);
  9173. }
  9174. .dx-datagrid-group-opened:before {
  9175. content: "\f016";
  9176. }
  9177. .dx-datagrid-group-closed {
  9178. font: 14px/1 DXIcons;
  9179. width: 18px;
  9180. height: 18px;
  9181. background-position: 0px 0px;
  9182. background-size: 18px 18px;
  9183. padding: 0px;
  9184. font-size: 18px;
  9185. text-align: center;
  9186. line-height: 18px;
  9187. color: rgba(255, 255, 255, 0.54);
  9188. }
  9189. .dx-datagrid-group-closed:before {
  9190. content: "\f010";
  9191. }
  9192. .dx-row.dx-datagrid-group-footer.dx-column-lines {
  9193. border-bottom: 1px solid #515159;
  9194. }
  9195. .dx-row.dx-datagrid-group-footer > td {
  9196. background-color: #363640;
  9197. border-top: 1px solid #515159;
  9198. border-left-width: 0;
  9199. border-right-width: 0;
  9200. }
  9201. .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item,
  9202. .dx-rtl .dx-datagrid-group-panel .dx-block-separator {
  9203. margin-left: 8px;
  9204. }
  9205. .dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
  9206. background-color: rgba(82, 82, 97, 0.9);
  9207. border: none;
  9208. -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
  9209. box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
  9210. }
  9211. .dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
  9212. color: rgba(255, 255, 255, 0.54);
  9213. background-color: #525261;
  9214. border-radius: 16px;
  9215. border: none;
  9216. font-size: 12px;
  9217. font-weight: 500;
  9218. }
  9219. .dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter {
  9220. color: #009688;
  9221. }
  9222. .dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter.dx-header-filter-empty {
  9223. color: rgba(255, 255, 255, 0.54);
  9224. }
  9225. .dx-pivotgrid {
  9226. background-color: #363640;
  9227. }
  9228. .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-area-data {
  9229. font-size: 13px;
  9230. }
  9231. .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers,
  9232. .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers {
  9233. font-size: 12px;
  9234. }
  9235. .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers td,
  9236. .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers td {
  9237. font-weight: 500;
  9238. }
  9239. .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-grandtotal,
  9240. .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-grandtotal,
  9241. .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-total,
  9242. .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-total {
  9243. color: #fff;
  9244. }
  9245. .dx-pivotgrid .dx-pivotgrid-area td {
  9246. padding: 7px 8px;
  9247. }
  9248. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar {
  9249. padding-left: 8px;
  9250. }
  9251. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
  9252. background-color: transparent;
  9253. color: #fff;
  9254. -webkit-box-shadow: none;
  9255. box-shadow: none;
  9256. }
  9257. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-icon {
  9258. color: #fff;
  9259. }
  9260. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-hover {
  9261. background-color: rgba(255, 255, 255, 0.08);
  9262. -webkit-box-shadow: none;
  9263. box-shadow: none;
  9264. }
  9265. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-focused {
  9266. background-color: rgba(255, 255, 255, 0.15);
  9267. -webkit-box-shadow: none;
  9268. box-shadow: none;
  9269. }
  9270. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-active {
  9271. background-color: rgba(255, 255, 255, 0.2);
  9272. -webkit-box-shadow: none;
  9273. box-shadow: none;
  9274. }
  9275. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled {
  9276. background: transparent;
  9277. -webkit-box-shadow: none;
  9278. box-shadow: none;
  9279. }
  9280. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon {
  9281. opacity: 0.6;
  9282. }
  9283. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text {
  9284. color: rgba(255, 255, 255, 0.35);
  9285. }
  9286. .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave {
  9287. background-color: rgba(255, 255, 255, 0.2);
  9288. }
  9289. .dx-pivotgrid .dx-grandtotal.dx-last-cell {
  9290. padding-left: 22px;
  9291. }
  9292. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button,
  9293. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
  9294. margin-top: 7px;
  9295. background-color: transparent;
  9296. color: #fff;
  9297. -webkit-box-shadow: none;
  9298. box-shadow: none;
  9299. }
  9300. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-icon,
  9301. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-icon {
  9302. color: #fff;
  9303. }
  9304. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover,
  9305. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover {
  9306. background-color: rgba(255, 255, 255, 0.08);
  9307. -webkit-box-shadow: none;
  9308. box-shadow: none;
  9309. }
  9310. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused,
  9311. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused {
  9312. background-color: rgba(255, 255, 255, 0.15);
  9313. -webkit-box-shadow: none;
  9314. box-shadow: none;
  9315. }
  9316. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-active,
  9317. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-active {
  9318. background-color: rgba(255, 255, 255, 0.2);
  9319. -webkit-box-shadow: none;
  9320. box-shadow: none;
  9321. }
  9322. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled,
  9323. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled {
  9324. background: transparent;
  9325. -webkit-box-shadow: none;
  9326. box-shadow: none;
  9327. }
  9328. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon,
  9329. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon {
  9330. opacity: 0.6;
  9331. }
  9332. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text,
  9333. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text {
  9334. color: rgba(255, 255, 255, 0.35);
  9335. }
  9336. .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave,
  9337. .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave {
  9338. background-color: rgba(255, 255, 255, 0.2);
  9339. }
  9340. .dx-pivotgrid .dx-expand-icon-container {
  9341. margin: 0 10px 0 5px;
  9342. font: 14px/1 DXIcons;
  9343. font-size: 12px;
  9344. }
  9345. .dx-pivotgrid .dx-expand-icon-container:before {
  9346. content: "\f010";
  9347. }
  9348. .dx-pivotgrid .dx-expand-icon-container:before {
  9349. visibility: hidden;
  9350. }
  9351. .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand {
  9352. font: 14px/1 DXIcons;
  9353. font-size: 20px;
  9354. text-align: center;
  9355. line-height: 20px;
  9356. color: rgba(255, 255, 255, 0.54);
  9357. }
  9358. .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
  9359. content: "\f010";
  9360. }
  9361. .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
  9362. position: absolute;
  9363. display: block;
  9364. width: 20px;
  9365. top: 50%;
  9366. margin-top: -10px;
  9367. left: 50%;
  9368. margin-left: -10px;
  9369. }
  9370. .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
  9371. font: 14px/1 DXIcons;
  9372. font-size: 20px;
  9373. text-align: center;
  9374. line-height: 20px;
  9375. color: rgba(255, 255, 255, 0.54);
  9376. }
  9377. .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
  9378. content: "\f016";
  9379. }
  9380. .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
  9381. position: absolute;
  9382. display: block;
  9383. width: 20px;
  9384. top: 50%;
  9385. margin-top: -10px;
  9386. left: 50%;
  9387. margin-left: -10px;
  9388. }
  9389. .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
  9390. width: 19px;
  9391. min-width: 19px;
  9392. }
  9393. .dx-pivotgridfieldchooser {
  9394. background-color: #363640;
  9395. }
  9396. .dx-pivotgridfieldchooser .dx-area .dx-area-icon-filter {
  9397. background: none;
  9398. font: 14px/1 DXIcons;
  9399. width: 14px;
  9400. height: 14px;
  9401. }
  9402. .dx-pivotgridfieldchooser .dx-area .dx-area-icon-filter:before {
  9403. content: "\f050";
  9404. }
  9405. .dx-pivotgridfieldchooser .dx-area .dx-area-caption {
  9406. text-transform: uppercase;
  9407. font-size: 12px;
  9408. font-weight: 500;
  9409. color: rgba(255, 255, 255, 0.54);
  9410. }
  9411. .dx-pivotgridfieldchooser .dx-area .dx-area-fields {
  9412. margin-top: 8px;
  9413. }
  9414. .dx-pivotgridfieldchooser .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  9415. padding-right: 8px;
  9416. }
  9417. .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf {
  9418. padding-left: 0;
  9419. }
  9420. .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf .dx-checkbox {
  9421. left: 8px;
  9422. }
  9423. .dx-pivotgridfieldchooser .dx-treeview-node-container-opened .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf {
  9424. padding-left: 16px;
  9425. }
  9426. .dx-pivotgridfieldchooser .dx-treeview-node-container-opened .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf .dx-checkbox {
  9427. left: 26px;
  9428. }
  9429. .dx-pivotgridfieldchooser .dx-treeview-item {
  9430. min-height: 36px;
  9431. padding: 9px 8px;
  9432. line-height: normal;
  9433. }
  9434. .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-checkbox {
  9435. top: 9px;
  9436. }
  9437. .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-treeview-item {
  9438. padding-left: 31px;
  9439. }
  9440. .dx-pivotgridfieldchooser .dx-treeview-toggle-item-visibility {
  9441. height: 36px;
  9442. }
  9443. .dx-pivotgrid-fields-container .dx-position-indicator {
  9444. background-color: gray;
  9445. }
  9446. .dx-treelist .dx-menu,
  9447. .dx-treelist-container .dx-menu {
  9448. background-color: transparent;
  9449. height: 100%;
  9450. }
  9451. .dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content,
  9452. .dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content {
  9453. padding: 8px 4px;
  9454. }
  9455. .dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
  9456. .dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
  9457. width: 18px;
  9458. height: 18px;
  9459. background-position: 0px 0px;
  9460. background-size: 18px 18px;
  9461. padding: 0px;
  9462. font-size: 18px;
  9463. text-align: center;
  9464. line-height: 18px;
  9465. margin: 0 3px;
  9466. }
  9467. .dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon,
  9468. .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon {
  9469. width: 14px;
  9470. height: 14px;
  9471. background-position: 0px 0px;
  9472. background-size: 14px 14px;
  9473. padding: 0px;
  9474. font-size: 14px;
  9475. text-align: center;
  9476. line-height: 14px;
  9477. }
  9478. .dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
  9479. .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  9480. margin-top: 2px;
  9481. }
  9482. .dx-treelist .dx-editor-with-menu,
  9483. .dx-treelist-container .dx-editor-with-menu {
  9484. height: 36px;
  9485. }
  9486. .dx-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon,
  9487. .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content .dx-icon {
  9488. width: 14px;
  9489. height: 14px;
  9490. background-position: 0px 0px;
  9491. background-size: 14px 14px;
  9492. padding: 0px;
  9493. font-size: 14px;
  9494. text-align: center;
  9495. line-height: 14px;
  9496. }
  9497. .dx-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
  9498. .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  9499. margin-top: 2px;
  9500. }
  9501. .dx-treelist .dx-menu-item-has-icon .dx-icon,
  9502. .dx-treelist-container .dx-menu-item-has-icon .dx-icon {
  9503. color: rgba(255, 255, 255, 0.54);
  9504. }
  9505. .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
  9506. .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
  9507. font: 14px/1 DXIcons;
  9508. width: 14px;
  9509. height: 14px;
  9510. background-position: 0px 0px;
  9511. background-size: 14px 14px;
  9512. padding: 0px;
  9513. font-size: 14px;
  9514. text-align: center;
  9515. line-height: 14px;
  9516. }
  9517. .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before,
  9518. .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
  9519. content: "\f053";
  9520. }
  9521. .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
  9522. .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
  9523. font: 14px/1 DXIcons;
  9524. width: 14px;
  9525. height: 14px;
  9526. background-position: 0px 0px;
  9527. background-size: 14px 14px;
  9528. padding: 0px;
  9529. font-size: 14px;
  9530. text-align: center;
  9531. line-height: 14px;
  9532. }
  9533. .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before,
  9534. .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
  9535. content: "\f054";
  9536. }
  9537. .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none,
  9538. .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none {
  9539. width: 14px;
  9540. height: 14px;
  9541. background-position: 0px 0px;
  9542. background-size: 14px 14px;
  9543. padding: 0px;
  9544. font-size: 14px;
  9545. text-align: center;
  9546. line-height: 14px;
  9547. }
  9548. .dx-treelist .dx-sort-up,
  9549. .dx-treelist-container .dx-sort-up,
  9550. .dx-treelist .dx-sort-down,
  9551. .dx-treelist-container .dx-sort-down,
  9552. .dx-treelist .dx-header-filter,
  9553. .dx-treelist-container .dx-header-filter {
  9554. width: 15px;
  9555. height: 15px;
  9556. background-position: 0px 0px;
  9557. background-size: 15px 15px;
  9558. padding: 0px;
  9559. font-size: 15px;
  9560. text-align: center;
  9561. line-height: 15px;
  9562. }
  9563. .dx-treelist .dx-header-filter:not(.dx-header-filter-empty),
  9564. .dx-treelist-container .dx-header-filter:not(.dx-header-filter-empty) {
  9565. color: #009688;
  9566. }
  9567. .dx-treelist .dx-icon-filter-operation-equals,
  9568. .dx-treelist-container .dx-icon-filter-operation-equals {
  9569. font: 14px/1 DXIcons;
  9570. }
  9571. .dx-treelist .dx-icon-filter-operation-equals:before,
  9572. .dx-treelist-container .dx-icon-filter-operation-equals:before {
  9573. content: "\f044";
  9574. }
  9575. .dx-treelist .dx-icon-filter-operation-default,
  9576. .dx-treelist-container .dx-icon-filter-operation-default {
  9577. font: 14px/1 DXIcons;
  9578. }
  9579. .dx-treelist .dx-icon-filter-operation-default:before,
  9580. .dx-treelist-container .dx-icon-filter-operation-default:before {
  9581. content: "\f027";
  9582. }
  9583. .dx-treelist .dx-icon-filter-operation-not-equals,
  9584. .dx-treelist-container .dx-icon-filter-operation-not-equals {
  9585. font: 14px/1 DXIcons;
  9586. }
  9587. .dx-treelist .dx-icon-filter-operation-not-equals:before,
  9588. .dx-treelist-container .dx-icon-filter-operation-not-equals:before {
  9589. content: "\f045";
  9590. }
  9591. .dx-treelist .dx-icon-filter-operation-less,
  9592. .dx-treelist-container .dx-icon-filter-operation-less {
  9593. font: 14px/1 DXIcons;
  9594. }
  9595. .dx-treelist .dx-icon-filter-operation-less:before,
  9596. .dx-treelist-container .dx-icon-filter-operation-less:before {
  9597. content: "\f046";
  9598. }
  9599. .dx-treelist .dx-icon-filter-operation-less-equal,
  9600. .dx-treelist-container .dx-icon-filter-operation-less-equal {
  9601. font: 14px/1 DXIcons;
  9602. }
  9603. .dx-treelist .dx-icon-filter-operation-less-equal:before,
  9604. .dx-treelist-container .dx-icon-filter-operation-less-equal:before {
  9605. content: "\f048";
  9606. }
  9607. .dx-treelist .dx-icon-filter-operation-greater,
  9608. .dx-treelist-container .dx-icon-filter-operation-greater {
  9609. font: 14px/1 DXIcons;
  9610. }
  9611. .dx-treelist .dx-icon-filter-operation-greater:before,
  9612. .dx-treelist-container .dx-icon-filter-operation-greater:before {
  9613. content: "\f047";
  9614. }
  9615. .dx-treelist .dx-icon-filter-operation-greater-equal,
  9616. .dx-treelist-container .dx-icon-filter-operation-greater-equal {
  9617. font: 14px/1 DXIcons;
  9618. }
  9619. .dx-treelist .dx-icon-filter-operation-greater-equal:before,
  9620. .dx-treelist-container .dx-icon-filter-operation-greater-equal:before {
  9621. content: "\f049";
  9622. }
  9623. .dx-treelist .dx-icon-filter-operation-contains,
  9624. .dx-treelist-container .dx-icon-filter-operation-contains {
  9625. font: 14px/1 DXIcons;
  9626. }
  9627. .dx-treelist .dx-icon-filter-operation-contains:before,
  9628. .dx-treelist-container .dx-icon-filter-operation-contains:before {
  9629. content: "\f063";
  9630. }
  9631. .dx-treelist .dx-icon-filter-operation-not-contains,
  9632. .dx-treelist-container .dx-icon-filter-operation-not-contains {
  9633. font: 14px/1 DXIcons;
  9634. }
  9635. .dx-treelist .dx-icon-filter-operation-not-contains:before,
  9636. .dx-treelist-container .dx-icon-filter-operation-not-contains:before {
  9637. content: "\f066";
  9638. }
  9639. .dx-treelist .dx-icon-filter-operation-starts-with,
  9640. .dx-treelist-container .dx-icon-filter-operation-starts-with {
  9641. font: 14px/1 DXIcons;
  9642. }
  9643. .dx-treelist .dx-icon-filter-operation-starts-with:before,
  9644. .dx-treelist-container .dx-icon-filter-operation-starts-with:before {
  9645. content: "\f064";
  9646. }
  9647. .dx-treelist .dx-icon-filter-operation-ends-with,
  9648. .dx-treelist-container .dx-icon-filter-operation-ends-with {
  9649. font: 14px/1 DXIcons;
  9650. }
  9651. .dx-treelist .dx-icon-filter-operation-ends-with:before,
  9652. .dx-treelist-container .dx-icon-filter-operation-ends-with:before {
  9653. content: "\f065";
  9654. }
  9655. .dx-treelist .dx-icon-filter-operation-between,
  9656. .dx-treelist-container .dx-icon-filter-operation-between {
  9657. font: 14px/1 DXIcons;
  9658. }
  9659. .dx-treelist .dx-icon-filter-operation-between:before,
  9660. .dx-treelist-container .dx-icon-filter-operation-between:before {
  9661. content: "\f06a";
  9662. }
  9663. .dx-treelist .dx-column-indicators,
  9664. .dx-treelist-container .dx-column-indicators {
  9665. height: 16px;
  9666. }
  9667. .dx-treelist .dx-column-indicators > div,
  9668. .dx-treelist-container .dx-column-indicators > div {
  9669. width: 15px;
  9670. height: 15px;
  9671. background-position: 0px 0px;
  9672. background-size: 15px 15px;
  9673. padding: 0px;
  9674. font-size: 15px;
  9675. text-align: center;
  9676. line-height: 15px;
  9677. }
  9678. .dx-treelist .dx-placeholder:before,
  9679. .dx-treelist-container .dx-placeholder:before {
  9680. font-size: 13px;
  9681. }
  9682. .dx-treelist {
  9683. line-height: inherit;
  9684. }
  9685. .dx-treelist .dx-row-alt > td {
  9686. background-color: #3f3f4b;
  9687. }
  9688. .dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
  9689. border-bottom-color: transparent;
  9690. }
  9691. .dx-treelist .dx-link {
  9692. color: #009688;
  9693. }
  9694. .dx-treelist .dx-row-lines > td {
  9695. border-bottom: 1px solid #515159;
  9696. }
  9697. .dx-treelist .dx-column-lines > td {
  9698. border-left: 1px solid #515159;
  9699. border-right: 1px solid #515159;
  9700. }
  9701. .dx-treelist .dx-error-row .dx-closebutton {
  9702. float: right;
  9703. margin: 12px;
  9704. font: 14px/1 DXIcons;
  9705. width: 14px;
  9706. height: 14px;
  9707. background-position: 0px 0px;
  9708. background-size: 14px 14px;
  9709. padding: 0px;
  9710. font-size: 14px;
  9711. text-align: center;
  9712. line-height: 14px;
  9713. }
  9714. .dx-treelist .dx-error-row .dx-closebutton:before {
  9715. content: "\f00a";
  9716. }
  9717. .dx-treelist .dx-error-row .dx-error-message {
  9718. padding: 10px;
  9719. padding-right: 35px;
  9720. }
  9721. .dx-treelist .dx-row > td {
  9722. padding-top: 10px;
  9723. padding-bottom: 10px;
  9724. font-size: 13px;
  9725. line-height: 16px;
  9726. }
  9727. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td,
  9728. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content),
  9729. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content) {
  9730. padding-right: 10px;
  9731. padding-left: 10px;
  9732. vertical-align: middle;
  9733. }
  9734. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type,
  9735. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
  9736. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type {
  9737. padding-left: 10px;
  9738. }
  9739. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type,
  9740. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
  9741. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type {
  9742. padding-right: 10px;
  9743. }
  9744. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select,
  9745. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
  9746. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select {
  9747. overflow: visible;
  9748. width: 26px;
  9749. min-width: 26px;
  9750. padding-left: 10px;
  9751. padding-right: 0px;
  9752. line-height: 1;
  9753. }
  9754. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit,
  9755. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit,
  9756. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-edit {
  9757. width: 105px;
  9758. min-width: 105px;
  9759. }
  9760. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons,
  9761. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons,
  9762. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons {
  9763. width: 80px;
  9764. min-width: 80px;
  9765. }
  9766. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-edit.dx-command-edit-with-icons .dx-link,
  9767. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons .dx-link,
  9768. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-edit.dx-command-edit-with-icons .dx-link {
  9769. width: 16px;
  9770. height: 16px;
  9771. background-position: 0px 0px;
  9772. background-size: 16px 16px;
  9773. padding: 0px;
  9774. font-size: 16px;
  9775. text-align: center;
  9776. line-height: 16px;
  9777. margin: 0 2px;
  9778. vertical-align: middle;
  9779. }
  9780. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-expand,
  9781. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-expand,
  9782. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-expand,
  9783. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td .dx-treelist-group-space,
  9784. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content) .dx-treelist-group-space,
  9785. .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content) .dx-treelist-group-space {
  9786. width: 18px;
  9787. min-width: 18px;
  9788. padding: 0 4px 0 8px;
  9789. line-height: 0;
  9790. }
  9791. .dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  9792. background-position-y: 49px;
  9793. }
  9794. .dx-treelist-edit-popup .dx-error-message {
  9795. padding: 10px 10px;
  9796. }
  9797. .dx-treelist-headers .dx-texteditor-input,
  9798. .dx-treelist-rowsview .dx-texteditor-input {
  9799. min-height: 16px;
  9800. }
  9801. .dx-treelist-headers .dx-lookup,
  9802. .dx-treelist-rowsview .dx-lookup {
  9803. height: auto;
  9804. }
  9805. .dx-treelist-headers .dx-lookup-field,
  9806. .dx-treelist-rowsview .dx-lookup-field {
  9807. padding-left: 10px;
  9808. padding-top: 10px;
  9809. padding-bottom: 10px;
  9810. }
  9811. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
  9812. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input {
  9813. padding-right: 18px;
  9814. }
  9815. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
  9816. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input {
  9817. padding-right: 0;
  9818. padding-left: 18px;
  9819. }
  9820. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
  9821. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input {
  9822. padding-right: 18px;
  9823. }
  9824. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
  9825. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input {
  9826. padding-right: 0;
  9827. padding-left: 18px;
  9828. }
  9829. .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input,
  9830. .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input {
  9831. padding-right: 0;
  9832. }
  9833. .dx-treelist-headers .dx-searchbox .dx-texteditor-input,
  9834. .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
  9835. .dx-treelist-headers .dx-searchbox .dx-placeholder:before,
  9836. .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before {
  9837. padding-left: 16px;
  9838. }
  9839. .dx-rtl .dx-treelist-headers .dx-searchbox .dx-texteditor-input,
  9840. .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
  9841. .dx-rtl .dx-treelist-headers .dx-searchbox .dx-placeholder:before,
  9842. .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before,
  9843. .dx-rtl.dx-treelist-headers .dx-searchbox .dx-texteditor-input,
  9844. .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
  9845. .dx-rtl.dx-treelist-headers .dx-searchbox .dx-placeholder:before,
  9846. .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-placeholder:before {
  9847. padding-right: 16px;
  9848. }
  9849. .dx-editor-cell {
  9850. padding-top: 0;
  9851. padding-bottom: 0;
  9852. }
  9853. .dx-editor-cell .dx-numberbox-spin-button {
  9854. background-color: transparent;
  9855. }
  9856. .dx-editor-cell .dx-icon-clear {
  9857. left: 0;
  9858. }
  9859. .dx-editor-cell .dx-texteditor,
  9860. .dx-editor-cell .dx-texteditor.dx-state-hover,
  9861. .dx-editor-cell .dx-texteditor.dx-state-focused,
  9862. .dx-editor-cell .dx-texteditor.dx-state-active {
  9863. background: rgba(54, 54, 64, 0);
  9864. -webkit-box-shadow: none;
  9865. box-shadow: none;
  9866. }
  9867. .dx-editor-cell .dx-texteditor .dx-texteditor-input {
  9868. background: rgba(54, 54, 64, 0);
  9869. font-size: 13px;
  9870. height: 36px;
  9871. line-height: 36px;
  9872. padding-right: 0;
  9873. padding-left: 0;
  9874. padding-top: 0;
  9875. padding-bottom: 0;
  9876. }
  9877. .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
  9878. right: 0;
  9879. }
  9880. .dx-editor-cell .dx-texteditor:after,
  9881. .dx-editor-cell .dx-texteditor:before {
  9882. content: none;
  9883. }
  9884. .dx-editor-cell .dx-texteditor.dx-rtl .dx-texteditor-buttons-container,
  9885. .dx-rtl .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
  9886. left: 0;
  9887. }
  9888. .dx-editor-cell .dx-dropdowneditor {
  9889. background-color: rgba(54, 54, 64, 0);
  9890. }
  9891. .dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
  9892. border-radius: 0;
  9893. }
  9894. .dx-editor-cell.dx-editor-inline-block .dx-highlight-outline::before {
  9895. padding-top: 10px;
  9896. padding-bottom: 10px;
  9897. }
  9898. .dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message,
  9899. .dx-treelist-column-chooser-list .dx-empty-message {
  9900. color: #ffffff;
  9901. padding: 0 8px;
  9902. }
  9903. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content {
  9904. padding: 8px 8px 8px;
  9905. }
  9906. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
  9907. margin-bottom: 10px;
  9908. }
  9909. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
  9910. padding-left: 20px;
  9911. }
  9912. .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-popup-content {
  9913. padding: 8px 8px 8px;
  9914. }
  9915. .dx-treelist-column-chooser .dx-overlay-content {
  9916. background-color: #363640;
  9917. }
  9918. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
  9919. background-color: transparent;
  9920. border-bottom: 1px solid #515159;
  9921. }
  9922. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  9923. font-size: 16px;
  9924. }
  9925. .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  9926. margin: 2px 2px 8px 2px;
  9927. background-color: #3d3d48;
  9928. color: rgba(255, 255, 255, 0.6);
  9929. font-weight: 500;
  9930. font-size: 12px;
  9931. padding: 10px;
  9932. line-height: 16px;
  9933. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  9934. box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  9935. }
  9936. .dx-treelist-drag-header {
  9937. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  9938. box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  9939. color: rgba(255, 255, 255, 0.6);
  9940. font-weight: 500;
  9941. padding: 12px;
  9942. background-color: #363640;
  9943. line-height: 16px;
  9944. font-size: 12px;
  9945. }
  9946. .dx-treelist-columns-separator {
  9947. background-color: rgba(0, 150, 136, 0.5);
  9948. }
  9949. .dx-treelist-columns-separator-transparent {
  9950. background-color: transparent;
  9951. }
  9952. .dx-treelist-drop-highlight > td {
  9953. background-color: #009688;
  9954. color: rgba(0, 0, 0, 0.87);
  9955. }
  9956. .dx-treelist-drop-highlight > td .dx-header-filter {
  9957. color: rgba(0, 0, 0, 0.87);
  9958. }
  9959. .dx-treelist-drop-highlight > td .dx-checkbox .dx-checkbox-icon {
  9960. background-color: rgba(0, 0, 0, 0.87);
  9961. color: #009688;
  9962. }
  9963. .dx-treelist-focus-overlay:after {
  9964. content: "";
  9965. position: absolute;
  9966. bottom: 0;
  9967. height: 2px;
  9968. background-color: #009688;
  9969. left: 0;
  9970. right: 1px;
  9971. }
  9972. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) {
  9973. background-color: #42424e;
  9974. }
  9975. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td {
  9976. color: #fff;
  9977. }
  9978. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input {
  9979. background-color: #42424e;
  9980. color: #fff;
  9981. }
  9982. .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
  9983. background-color: transparent;
  9984. }
  9985. .dx-treelist-headers {
  9986. color: rgba(255, 255, 255, 0.6);
  9987. -ms-touch-action: pinch-zoom;
  9988. touch-action: pinch-zoom;
  9989. border-bottom: 1px solid #515159;
  9990. }
  9991. .dx-treelist-headers .dx-treelist-content {
  9992. margin-bottom: -1px;
  9993. }
  9994. .dx-treelist-borders .dx-treelist-headers .dx-treelist-table {
  9995. border-bottom-width: 1px;
  9996. }
  9997. .dx-treelist-headers .dx-treelist-table .dx-row > td {
  9998. border-bottom: 1px solid #515159;
  9999. padding-top: 12px;
  10000. padding-bottom: 12px;
  10001. line-height: 16px;
  10002. font-weight: 500;
  10003. font-size: 12px;
  10004. }
  10005. .dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort-indicator,
  10006. .dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort {
  10007. color: #fff;
  10008. }
  10009. .dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-treelist-text-content {
  10010. color: #fff;
  10011. }
  10012. .dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-sort {
  10013. color: rgba(255, 255, 255, 0.38);
  10014. }
  10015. .dx-treelist-headers .dx-treelist-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-treelist-group-space) {
  10016. background-color: #42424e;
  10017. }
  10018. .dx-treelist-headers.dx-header-multi-row .dx-row.dx-header-row .dx-command-select {
  10019. padding-bottom: 12px;
  10020. }
  10021. .dx-treelist-headers.dx-header-multi-row .dx-row.dx-header-row > td {
  10022. padding-top: 12px;
  10023. padding-bottom: 12px;
  10024. vertical-align: bottom;
  10025. border-right: 1px solid #515159;
  10026. }
  10027. .dx-treelist-filter-row {
  10028. background-color: #31313a;
  10029. }
  10030. .dx-treelist-filter-row .dx-menu {
  10031. left: -8px;
  10032. }
  10033. .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {
  10034. height: 100%;
  10035. top: 2px;
  10036. position: absolute;
  10037. }
  10038. .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper {
  10039. height: 100%;
  10040. }
  10041. .dx-treelist-filter-row .dx-menu .dx-overlay-content {
  10042. color: #ffffff;
  10043. }
  10044. .dx-treelist-filter-row .dx-filter-modified {
  10045. background-color: rgba(139, 195, 74, 0.32);
  10046. }
  10047. .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
  10048. padding: 10px 0 10px 22px;
  10049. }
  10050. .dx-treelist .dx-treelist-table .dx-treelist-filter-row > td {
  10051. padding-top: 0;
  10052. padding-bottom: 0;
  10053. }
  10054. .dx-treelist-filter-range-overlay .dx-overlay-content {
  10055. overflow: inherit;
  10056. background-color: #31313a;
  10057. -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  10058. box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  10059. }
  10060. .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after,
  10061. .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover:after {
  10062. top: auto;
  10063. bottom: 0;
  10064. }
  10065. .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  10066. font-size: 13px;
  10067. height: 37px;
  10068. padding-right: 8px;
  10069. padding-left: 8px;
  10070. }
  10071. .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder:before {
  10072. padding-left: 8px;
  10073. }
  10074. .dx-treelist-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper {
  10075. display: none;
  10076. }
  10077. .dx-highlight-outline {
  10078. padding: 10px 0 10px 0;
  10079. overflow: hidden;
  10080. text-overflow: ellipsis;
  10081. }
  10082. .dx-treelist-header-panel {
  10083. border-bottom: 1px solid #515159;
  10084. padding: 0 10px 0 10px;
  10085. background-color: #363640;
  10086. }
  10087. .dx-treelist-header-panel .dx-apply-button {
  10088. background-color: transparent;
  10089. color: rgba(0, 0, 0, 0.87);
  10090. -webkit-box-shadow: none;
  10091. box-shadow: none;
  10092. }
  10093. .dx-treelist-header-panel .dx-apply-button .dx-icon {
  10094. color: rgba(0, 0, 0, 0.87);
  10095. }
  10096. .dx-treelist-header-panel .dx-apply-button.dx-state-hover {
  10097. background-color: rgba(0, 0, 0, 0.08);
  10098. -webkit-box-shadow: none;
  10099. box-shadow: none;
  10100. }
  10101. .dx-treelist-header-panel .dx-apply-button.dx-state-focused {
  10102. background-color: rgba(0, 0, 0, 0.15);
  10103. -webkit-box-shadow: none;
  10104. box-shadow: none;
  10105. }
  10106. .dx-treelist-header-panel .dx-apply-button.dx-state-active {
  10107. background-color: rgba(0, 0, 0, 0.2);
  10108. -webkit-box-shadow: none;
  10109. box-shadow: none;
  10110. }
  10111. .dx-treelist-header-panel .dx-apply-button.dx-state-disabled {
  10112. background: transparent;
  10113. -webkit-box-shadow: none;
  10114. box-shadow: none;
  10115. }
  10116. .dx-treelist-header-panel .dx-apply-button.dx-state-disabled .dx-icon {
  10117. opacity: 0.6;
  10118. }
  10119. .dx-treelist-header-panel .dx-apply-button.dx-state-disabled .dx-button-text {
  10120. color: rgba(255, 255, 255, 0.35);
  10121. }
  10122. .dx-treelist-header-panel .dx-apply-button .dx-inkripple-wave {
  10123. background-color: rgba(0, 0, 0, 0.2);
  10124. }
  10125. .dx-treelist-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon {
  10126. border-radius: 50%;
  10127. }
  10128. .dx-treelist-header-panel .dx-treelist-toolbar-button .dx-icon {
  10129. color: #fff;
  10130. }
  10131. .dx-icon-column-chooser {
  10132. font: 14px/1 DXIcons;
  10133. }
  10134. .dx-icon-column-chooser:before {
  10135. content: "\f04d";
  10136. }
  10137. .dx-treelist-addrow-button .dx-icon-edit-button-addrow {
  10138. font: 14px/1 DXIcons;
  10139. width: 18px;
  10140. height: 18px;
  10141. background-position: 0px 0px;
  10142. background-size: 18px 18px;
  10143. padding: 0px;
  10144. font-size: 18px;
  10145. text-align: center;
  10146. line-height: 18px;
  10147. }
  10148. .dx-treelist-addrow-button .dx-icon-edit-button-addrow:before {
  10149. content: "\f00b";
  10150. }
  10151. .dx-treelist-cancel-button .dx-icon-edit-button-cancel {
  10152. font: 14px/1 DXIcons;
  10153. width: 18px;
  10154. height: 18px;
  10155. background-position: 0px 0px;
  10156. background-size: 18px 18px;
  10157. padding: 0px;
  10158. font-size: 18px;
  10159. text-align: center;
  10160. line-height: 18px;
  10161. }
  10162. .dx-treelist-cancel-button .dx-icon-edit-button-cancel:before {
  10163. content: "\f04c";
  10164. }
  10165. .dx-treelist-save-button .dx-icon-edit-button-save {
  10166. font: 14px/1 DXIcons;
  10167. width: 18px;
  10168. height: 18px;
  10169. background-position: 0px 0px;
  10170. background-size: 18px 18px;
  10171. padding: 0px;
  10172. font-size: 18px;
  10173. text-align: center;
  10174. line-height: 18px;
  10175. }
  10176. .dx-treelist-save-button .dx-icon-edit-button-save:before {
  10177. content: "\f041";
  10178. }
  10179. .dx-apply-button .dx-icon-apply-filter {
  10180. font: 14px/1 DXIcons;
  10181. width: 18px;
  10182. height: 18px;
  10183. background-position: 0px 0px;
  10184. background-size: 18px 18px;
  10185. padding: 0px;
  10186. font-size: 18px;
  10187. text-align: center;
  10188. line-height: 18px;
  10189. }
  10190. .dx-apply-button .dx-icon-apply-filter:before {
  10191. content: "\f050";
  10192. }
  10193. .dx-treelist-export-button .dx-icon-export-to {
  10194. font: 14px/1 DXIcons;
  10195. width: 18px;
  10196. height: 18px;
  10197. background-position: 0px 0px;
  10198. background-size: 18px 18px;
  10199. padding: 0px;
  10200. font-size: 18px;
  10201. text-align: center;
  10202. line-height: 18px;
  10203. }
  10204. .dx-treelist-export-button .dx-icon-export-to:before {
  10205. content: "\f05f";
  10206. }
  10207. .dx-treelist-export-button .dx-icon-export-excel-button {
  10208. font: 14px/1 DXIcons;
  10209. width: 18px;
  10210. height: 18px;
  10211. background-position: 0px 0px;
  10212. background-size: 18px 18px;
  10213. padding: 0px;
  10214. font-size: 18px;
  10215. text-align: center;
  10216. line-height: 18px;
  10217. }
  10218. .dx-treelist-export-button .dx-icon-export-excel-button:before {
  10219. content: "\f060";
  10220. }
  10221. .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportxlsx {
  10222. width: 18px;
  10223. height: 18px;
  10224. background-position: 0px 0px;
  10225. background-size: 18px 18px;
  10226. padding: 0px;
  10227. font-size: 18px;
  10228. text-align: center;
  10229. line-height: 18px;
  10230. }
  10231. .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportselected {
  10232. width: 18px;
  10233. height: 18px;
  10234. background-position: 0px 0px;
  10235. background-size: 18px 18px;
  10236. padding: 0px;
  10237. font-size: 18px;
  10238. text-align: center;
  10239. line-height: 18px;
  10240. }
  10241. .dx-treelist-adaptive-more {
  10242. vertical-align: middle;
  10243. width: 18px;
  10244. height: 18px;
  10245. background-position: 0px 0px;
  10246. background-size: 18px 18px;
  10247. padding: 0px;
  10248. font-size: 18px;
  10249. text-align: center;
  10250. line-height: 18px;
  10251. color: rgba(255, 255, 255, 0.54);
  10252. }
  10253. .dx-row.dx-row-focused .dx-treelist-adaptive-more {
  10254. color: inherit;
  10255. }
  10256. .dx-treelist-rowsview {
  10257. border-top: 1px solid #515159;
  10258. }
  10259. .dx-treelist-headers + .dx-treelist-rowsview {
  10260. border-top: none;
  10261. }
  10262. .dx-treelist-rowsview .dx-row {
  10263. border-top: 1px solid transparent;
  10264. border-bottom: 1px solid transparent;
  10265. }
  10266. .dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td {
  10267. border-top-width: 0;
  10268. border-bottom: 1px solid #515159;
  10269. }
  10270. .dx-treelist-rowsview .dx-row.dx-edit-row > td {
  10271. border-top: 1px solid #515159;
  10272. border-bottom: 1px solid #515159;
  10273. }
  10274. .dx-treelist-rowsview .dx-master-detail-row > .dx-treelist-group-space,
  10275. .dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell {
  10276. border-top: 1px solid #515159;
  10277. border-bottom: 1px solid #515159;
  10278. }
  10279. .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space,
  10280. .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell {
  10281. background-color: #31313a;
  10282. }
  10283. .dx-treelist-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified,
  10284. .dx-treelist-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified {
  10285. background-color: rgba(139, 195, 74, 0.32);
  10286. }
  10287. .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid,
  10288. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-treelist-invalid,
  10289. .dx-treelist-rowsview .dx-data-row .dx-validator.dx-invalid,
  10290. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid {
  10291. background-color: rgba(244, 67, 54, 0.32);
  10292. }
  10293. .dx-treelist-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content,
  10294. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content {
  10295. padding: 9px 17px 9px;
  10296. background-color: #F44336;
  10297. color: rgba(0, 0, 0, 0.87);
  10298. }
  10299. .dx-treelist-rowsview .dx-row-removed > td {
  10300. background-color: rgba(139, 195, 74, 0.32);
  10301. border-top: 1px solid rgba(139, 195, 74, 0.32);
  10302. border-bottom: 1px solid rgba(139, 195, 74, 0.32);
  10303. }
  10304. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-label {
  10305. padding-top: 0;
  10306. }
  10307. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content {
  10308. line-height: 26px;
  10309. min-height: 26px;
  10310. font-size: 13px;
  10311. }
  10312. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused {
  10313. padding: 0;
  10314. }
  10315. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor-input {
  10316. padding-left: 10px;
  10317. padding-right: 10px;
  10318. font-size: 13px;
  10319. height: 26px;
  10320. line-height: 26px;
  10321. }
  10322. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor:after,
  10323. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor:before {
  10324. content: none;
  10325. }
  10326. .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined {
  10327. -webkit-box-shadow: none;
  10328. box-shadow: none;
  10329. }
  10330. .dx-treelist-rowsview .dx-item-modified {
  10331. background-color: rgba(139, 195, 74, 0.32);
  10332. }
  10333. .dx-treelist-rowsview .dx-row-focused:focus {
  10334. outline: none;
  10335. }
  10336. .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
  10337. .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused),
  10338. .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link {
  10339. background-color: #009688;
  10340. color: rgba(0, 0, 0, 0.87);
  10341. }
  10342. .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-opened,
  10343. .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-opened,
  10344. .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-treelist-group-opened,
  10345. .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-closed,
  10346. .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-closed,
  10347. .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-treelist-group-closed {
  10348. color: rgba(0, 0, 0, 0.87);
  10349. }
  10350. .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
  10351. background-color: #363640;
  10352. color: #009688;
  10353. }
  10354. .dx-treelist-rowsview .dx-row-focused.dx-data-row > td,
  10355. .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
  10356. border-bottom: 1px solid #009688;
  10357. }
  10358. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
  10359. .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
  10360. border-top: 1px solid #009688;
  10361. border-bottom: 1px solid #009688;
  10362. }
  10363. .dx-treelist-rowsview .dx-row-focused.dx-data-row.dx-edit-row > td.dx-editor-cell:not(.dx-command-select),
  10364. .dx-treelist-rowsview .dx-row-focused.dx-data-row.dx-edit-row > tr > td.dx-editor-cell:not(.dx-command-select) {
  10365. background-color: #363640;
  10366. color: #fff;
  10367. }
  10368. .dx-treelist-rowsview .dx-row-focused.dx-group-row {
  10369. background-color: #009688;
  10370. color: rgba(0, 0, 0, 0.87);
  10371. }
  10372. .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-opened,
  10373. .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-closed {
  10374. color: rgba(0, 0, 0, 0.87);
  10375. }
  10376. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
  10377. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
  10378. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
  10379. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  10380. background-color: rgba(0, 150, 136, 0.07);
  10381. color: #fff;
  10382. }
  10383. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-treelist-group-space,
  10384. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-treelist-group-space,
  10385. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-treelist-group-space,
  10386. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-treelist-group-space {
  10387. border-right-color: rgba(0, 150, 136, 0.07);
  10388. }
  10389. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none,
  10390. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none,
  10391. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none,
  10392. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none {
  10393. border-left-color: #515159;
  10394. border-right-color: #515159;
  10395. }
  10396. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td,
  10397. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td {
  10398. border-bottom: 1px solid rgba(0, 150, 136, 0.07);
  10399. border-top: 1px solid rgba(0, 150, 136, 0.07);
  10400. }
  10401. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
  10402. .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td {
  10403. border-bottom-color: #515159;
  10404. }
  10405. .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  10406. padding-right: 0;
  10407. }
  10408. .dx-treelist-search-text {
  10409. color: rgba(0, 0, 0, 0.87);
  10410. background-color: #009688;
  10411. }
  10412. .dx-treelist-nodata {
  10413. color: #ffffff;
  10414. font-size: 14px;
  10415. }
  10416. .dx-treelist-bottom-load-panel {
  10417. border-top: 1px solid #515159;
  10418. }
  10419. .dx-treelist-pager.dx-widget {
  10420. font-size: 12px;
  10421. color: rgba(255, 255, 255, 0.6);
  10422. }
  10423. .dx-treelist-summary-item {
  10424. color: rgba(255, 255, 255, 0.7);
  10425. }
  10426. .dx-treelist-total-footer {
  10427. border-bottom: 1px solid #515159;
  10428. border-top: 1px solid #515159;
  10429. }
  10430. .dx-treelist-total-footer > .dx-treelist-content {
  10431. padding: 0;
  10432. }
  10433. .dx-treelist-revert-tooltip .dx-overlay-content {
  10434. background-color: transparent;
  10435. min-width: inherit;
  10436. }
  10437. .dx-treelist-revert-tooltip .dx-revert-button {
  10438. border-radius: 2px;
  10439. background-color: #F44336;
  10440. color: rgba(0, 0, 0, 0.87);
  10441. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  10442. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  10443. margin: 0 0 0 1px;
  10444. height: 36px;
  10445. -webkit-box-shadow: none;
  10446. box-shadow: none;
  10447. min-width: inherit;
  10448. }
  10449. .dx-treelist-revert-tooltip .dx-revert-button .dx-button-content {
  10450. padding: 2px;
  10451. }
  10452. .dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
  10453. width: 18px;
  10454. height: 18px;
  10455. background-position: 0px 0px;
  10456. background-size: 18px 18px;
  10457. padding: 0px;
  10458. font-size: 18px;
  10459. text-align: center;
  10460. line-height: 18px;
  10461. margin-right: 0;
  10462. margin-left: 0;
  10463. }
  10464. .dx-rtl .dx-treelist-revert-tooltip .dx-revert-button .dx-icon,
  10465. .dx-rtl.dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
  10466. margin-left: 0;
  10467. margin-right: 0;
  10468. }
  10469. .dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
  10470. margin-left: 0;
  10471. margin-right: 0;
  10472. }
  10473. .dx-rtl .dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right,
  10474. .dx-rtl.dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
  10475. margin-right: 0;
  10476. margin-left: 0;
  10477. }
  10478. .dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
  10479. color: rgba(0, 0, 0, 0.87);
  10480. }
  10481. .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
  10482. background-color: #F44336;
  10483. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  10484. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  10485. }
  10486. .dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused {
  10487. background-color: #F44336;
  10488. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  10489. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.48);
  10490. }
  10491. .dx-treelist-revert-tooltip .dx-revert-button.dx-state-active {
  10492. background-color: #F44336;
  10493. -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  10494. box-shadow: 0 4px 6px rgba(0, 0, 0, 0.48);
  10495. }
  10496. .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled {
  10497. background: rgba(255, 255, 255, 0.1);
  10498. -webkit-box-shadow: none;
  10499. box-shadow: none;
  10500. }
  10501. .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled .dx-icon {
  10502. opacity: 0.6;
  10503. }
  10504. .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled .dx-button-text {
  10505. color: rgba(255, 255, 255, 0.35);
  10506. }
  10507. .dx-treelist-revert-tooltip .dx-revert-button .dx-inkripple-wave {
  10508. background-color: rgba(0, 0, 0, 0.2);
  10509. }
  10510. .dx-treelist-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) {
  10511. border-radius: 2px;
  10512. }
  10513. .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
  10514. -webkit-box-shadow: none;
  10515. box-shadow: none;
  10516. }
  10517. .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
  10518. border-left-color: #42424e;
  10519. border-right-color: transparent;
  10520. }
  10521. .dx-rtl .dx-treelist .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon,
  10522. .dx-rtl .dx-treelist-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
  10523. margin: 0 3px;
  10524. }
  10525. .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type,
  10526. .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td:first-of-type,
  10527. .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
  10528. .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):first-of-type,
  10529. .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type,
  10530. .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):first-of-type {
  10531. padding-left: 10px;
  10532. padding-right: 10px;
  10533. }
  10534. .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type,
  10535. .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td:last-of-type,
  10536. .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
  10537. .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):last-of-type,
  10538. .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type,
  10539. .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):last-of-type {
  10540. padding-right: 10px;
  10541. padding-left: 10px;
  10542. }
  10543. .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select,
  10544. .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-command-select,
  10545. .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
  10546. .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content).dx-command-select,
  10547. .dx-rtl .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select,
  10548. .dx-rtl .dx-treelist-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content).dx-command-select {
  10549. padding-right: 10px;
  10550. padding-left: 0px;
  10551. }
  10552. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td,
  10553. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
  10554. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
  10555. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
  10556. border-right-color: #515159;
  10557. }
  10558. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-treelist-group-space,
  10559. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space,
  10560. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-treelist-group-space,
  10561. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-treelist-group-space {
  10562. border-left-color: rgba(0, 150, 136, 0.07);
  10563. }
  10564. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
  10565. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
  10566. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
  10567. .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
  10568. border-left-color: #515159;
  10569. }
  10570. .dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  10571. padding-left: 0;
  10572. }
  10573. .dx-header-filter-menu .dx-popup-content {
  10574. padding: 12px 8px 0 8px;
  10575. border-bottom: 1px solid #515159;
  10576. }
  10577. .dx-treelist-form-buttons-container .dx-button {
  10578. background-color: transparent;
  10579. color: #009688;
  10580. -webkit-box-shadow: none;
  10581. box-shadow: none;
  10582. }
  10583. .dx-treelist-form-buttons-container .dx-button .dx-icon {
  10584. color: #009688;
  10585. }
  10586. .dx-treelist-form-buttons-container .dx-button.dx-state-hover {
  10587. background-color: rgba(0, 150, 136, 0.08);
  10588. -webkit-box-shadow: none;
  10589. box-shadow: none;
  10590. }
  10591. .dx-treelist-form-buttons-container .dx-button.dx-state-focused {
  10592. background-color: rgba(0, 150, 136, 0.15);
  10593. -webkit-box-shadow: none;
  10594. box-shadow: none;
  10595. }
  10596. .dx-treelist-form-buttons-container .dx-button.dx-state-active {
  10597. background-color: rgba(0, 150, 136, 0.2);
  10598. -webkit-box-shadow: none;
  10599. box-shadow: none;
  10600. }
  10601. .dx-treelist-form-buttons-container .dx-button.dx-state-disabled {
  10602. background: transparent;
  10603. -webkit-box-shadow: none;
  10604. box-shadow: none;
  10605. }
  10606. .dx-treelist-form-buttons-container .dx-button.dx-state-disabled .dx-icon {
  10607. opacity: 0.6;
  10608. }
  10609. .dx-treelist-form-buttons-container .dx-button.dx-state-disabled .dx-button-text {
  10610. color: rgba(255, 255, 255, 0.35);
  10611. }
  10612. .dx-treelist-form-buttons-container .dx-button .dx-inkripple-wave {
  10613. background-color: rgba(0, 150, 136, 0.2);
  10614. }
  10615. .dx-command-adaptive {
  10616. width: 38px;
  10617. min-width: 38px;
  10618. }
  10619. .dx-treelist-filter-panel {
  10620. padding: 15px 10px 15px 10px;
  10621. }
  10622. .dx-treelist-filter-panel .dx-treelist-filter-panel-text,
  10623. .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter {
  10624. color: #009688;
  10625. font-size: 13px;
  10626. line-height: 16px;
  10627. }
  10628. .dx-treelist-filter-panel .dx-icon-filter {
  10629. color: #009688;
  10630. }
  10631. .dx-treelist-filter-panel + .dx-pager {
  10632. border-top: 1px solid #515159;
  10633. }
  10634. .dx-treelist-rowsview .dx-treelist-empty-space {
  10635. position: relative;
  10636. top: -2px;
  10637. display: inline-block;
  10638. font: 14px/1 DXIcons;
  10639. width: 24px;
  10640. }
  10641. .dx-treelist-rowsview .dx-treelist-empty-space:before {
  10642. content: "\f014";
  10643. }
  10644. .dx-treelist-rowsview .dx-treelist-empty-space:before {
  10645. visibility: hidden;
  10646. }
  10647. .dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
  10648. color: rgba(255, 255, 255, 0.54);
  10649. }
  10650. .dx-treelist-rowsview .dx-treelist-expanded span {
  10651. font: 14px/1 DXIcons;
  10652. font-size: 18px;
  10653. text-align: center;
  10654. line-height: 18px;
  10655. cursor: pointer;
  10656. }
  10657. .dx-treelist-rowsview .dx-treelist-expanded span:before {
  10658. content: "\f016";
  10659. }
  10660. .dx-treelist-rowsview .dx-treelist-expanded span:before {
  10661. position: absolute;
  10662. display: block;
  10663. width: 18px;
  10664. top: 50%;
  10665. margin-top: -9px;
  10666. left: 50%;
  10667. margin-left: -9px;
  10668. }
  10669. .dx-treelist-rowsview .dx-treelist-expanded span:before {
  10670. left: 0;
  10671. margin-left: -5px;
  10672. margin-top: -9px;
  10673. }
  10674. .dx-treelist-rowsview .dx-treelist-collapsed span {
  10675. font: 14px/1 DXIcons;
  10676. font-size: 18px;
  10677. text-align: center;
  10678. line-height: 18px;
  10679. cursor: pointer;
  10680. }
  10681. .dx-treelist-rowsview .dx-treelist-collapsed span:before {
  10682. content: "\f010";
  10683. }
  10684. .dx-treelist-rowsview .dx-treelist-collapsed span:before {
  10685. position: absolute;
  10686. display: block;
  10687. width: 18px;
  10688. top: 50%;
  10689. margin-top: -9px;
  10690. left: 50%;
  10691. margin-left: -9px;
  10692. }
  10693. .dx-treelist-rowsview .dx-treelist-collapsed span:before {
  10694. left: 0;
  10695. margin-left: -6px;
  10696. margin-top: -9px;
  10697. }
  10698. .dx-treelist-rowsview .dx-sort-up,
  10699. .dx-treelist-rowsview .dx-sort-down,
  10700. .dx-treelist-rowsview .dx-header-filter {
  10701. vertical-align: middle;
  10702. }
  10703. .dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space {
  10704. color: rgba(255, 255, 255, 0.54);
  10705. }
  10706. .dx-treelist-rowsview .dx-treelist-cell-expandable {
  10707. white-space: nowrap;
  10708. }
  10709. .dx-treelist-rowsview .dx-treelist-cell-expandable .dx-treelist-text-content {
  10710. white-space: normal;
  10711. }
  10712. .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content {
  10713. white-space: nowrap;
  10714. }
  10715. .dx-treelist-checkbox-size {
  10716. line-height: 0;
  10717. }
  10718. .dx-treelist-cell-expandable .dx-checkbox,
  10719. .dx-treelist-select-all .dx-checkbox {
  10720. position: absolute;
  10721. }
  10722. .dx-treelist-icon-container {
  10723. max-height: 16px;
  10724. }
  10725. .dx-treelist-icon-container.dx-editor-inline-block {
  10726. position: relative;
  10727. padding-right: 26px;
  10728. }
  10729. .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
  10730. top: 50%;
  10731. margin-top: -8px;
  10732. }
  10733. .dx-treelist-select-all {
  10734. position: relative;
  10735. }
  10736. .dx-treelist-select-all .dx-checkbox {
  10737. left: 34px;
  10738. top: 12px;
  10739. }
  10740. .dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all {
  10741. padding-left: 60px;
  10742. }
  10743. .dx-rtl .dx-treelist-rowsview .dx-treelist-expanded,
  10744. .dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed {
  10745. -webkit-transform: scaleX(-1);
  10746. transform: scaleX(-1);
  10747. }
  10748. .dx-rtl .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
  10749. float: right;
  10750. }
  10751. .dx-rtl .dx-treelist-select-all .dx-checkbox {
  10752. left: calc(100% - 50px);
  10753. }
  10754. .dx-rtl.dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all {
  10755. padding-right: 60px;
  10756. padding-left: 10px;
  10757. }
  10758. .dx-rtl .dx-treelist-icon-container.dx-editor-inline-block {
  10759. padding-left: 26px;
  10760. padding-right: 0;
  10761. }
  10762. .dx-menu-item {
  10763. color: #ffffff;
  10764. }
  10765. .dx-menu-item.dx-state-hover {
  10766. background-color: #3f3f4b;
  10767. }
  10768. .dx-menu-item.dx-state-focused {
  10769. background-color: #3f3f4b;
  10770. }
  10771. .dx-menu-item-selected {
  10772. background-color: #494956;
  10773. color: #fff;
  10774. }
  10775. .dx-menu-item-selected.dx-state-focused {
  10776. background-color: rgba(101, 101, 119, 0.7);
  10777. }
  10778. .dx-menu-item-expanded,
  10779. .dx-menu-item-expanded.dx-state-hover,
  10780. .dx-menu-item-expanded.dx-state-focused {
  10781. color: #ffffff;
  10782. background-color: #494956;
  10783. }
  10784. .dx-menu-base {
  10785. color: #fff;
  10786. font-weight: normal;
  10787. font-size: 13px;
  10788. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  10789. line-height: 1.2857;
  10790. }
  10791. .dx-menu-base input,
  10792. .dx-menu-base textarea {
  10793. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  10794. line-height: 1.2857;
  10795. }
  10796. .dx-menu-base.dx-state-focused {
  10797. outline: none;
  10798. }
  10799. .dx-menu-base .dx-icon {
  10800. width: 18px;
  10801. height: 18px;
  10802. background-position: 0px 0px;
  10803. background-size: 18px 18px;
  10804. padding: 0px;
  10805. font-size: 18px;
  10806. text-align: center;
  10807. line-height: 18px;
  10808. }
  10809. .dx-menu-base .dx-menu-item .dx-menu-item-content {
  10810. line-height: 18px;
  10811. }
  10812. .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout {
  10813. min-width: 7px;
  10814. min-height: 7px;
  10815. }
  10816. .dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon {
  10817. margin-left: auto;
  10818. margin-right: auto;
  10819. }
  10820. .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container {
  10821. margin-left: 0;
  10822. margin-right: auto;
  10823. }
  10824. .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
  10825. -webkit-transform: scaleX(-1);
  10826. transform: scaleX(-1);
  10827. }
  10828. .dx-context-menu-container-border {
  10829. background-color: transparent;
  10830. }
  10831. .dx-context-menu-content-delimiter {
  10832. background-color: transparent;
  10833. }
  10834. .dx-menu {
  10835. color: #ffffff;
  10836. }
  10837. .dx-menu .dx-menu-item {
  10838. font-size: 13px;
  10839. border-radius: 2px;
  10840. }
  10841. .dx-menu .dx-menu-item .dx-menu-item-content {
  10842. padding: 7px 16px 8px;
  10843. }
  10844. .dx-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
  10845. width: 0;
  10846. }
  10847. .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  10848. margin-right: 12px;
  10849. }
  10850. .dx-menu.dx-rtl .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  10851. margin-left: 12px;
  10852. margin-right: 0;
  10853. }
  10854. .dx-menu-adaptive-mode {
  10855. background-color: #363640;
  10856. }
  10857. .dx-menu-adaptive-mode .dx-treeview {
  10858. border: 1px solid #515159;
  10859. border-radius: 2px;
  10860. }
  10861. .dx-menu-adaptive-mode .dx-treeview,
  10862. .dx-menu-adaptive-mode .dx-treeview.dx-state-focused {
  10863. -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  10864. box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  10865. }
  10866. .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  10867. font-size: 18px;
  10868. }
  10869. .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-node .dx-treeview-toggle-item-visibility {
  10870. color: inherit;
  10871. }
  10872. .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility {
  10873. color: #363640;
  10874. }
  10875. .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
  10876. border-bottom: 1px solid #515159;
  10877. }
  10878. .dx-context-menu .dx-menu-item {
  10879. font-size: 13px;
  10880. color: #fff;
  10881. }
  10882. .dx-context-menu .dx-menu-item .dx-menu-item-content {
  10883. padding: 3px 8px 4px;
  10884. }
  10885. .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
  10886. right: 8px;
  10887. width: 18px;
  10888. }
  10889. .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
  10890. color: rgba(255, 255, 255, 0.54);
  10891. font: 14px/1 DXIcons;
  10892. font-size: 18px;
  10893. text-align: center;
  10894. line-height: 18px;
  10895. }
  10896. .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout:before {
  10897. content: "\f04e";
  10898. }
  10899. .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout:before {
  10900. position: absolute;
  10901. display: block;
  10902. width: 18px;
  10903. top: 50%;
  10904. margin-top: -9px;
  10905. left: 50%;
  10906. margin-left: -9px;
  10907. }
  10908. .dx-context-menu .dx-menu-item.dx-menu-item-has-submenu > .dx-menu-item-content {
  10909. padding-right: 46px;
  10910. }
  10911. .dx-context-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  10912. margin-right: 12px;
  10913. }
  10914. .dx-context-menu .dx-menu-items-container {
  10915. padding: 4px 0;
  10916. }
  10917. .dx-context-menu.dx-overlay-content.dx-state-focused {
  10918. -webkit-box-shadow: none;
  10919. box-shadow: none;
  10920. }
  10921. .dx-context-menu .dx-submenu {
  10922. background-color: #363640;
  10923. border-radius: 2px;
  10924. -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
  10925. box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
  10926. }
  10927. .dx-context-menu .dx-menu-separator {
  10928. background-color: #515159;
  10929. }
  10930. .dx-context-menu.dx-rtl .dx-menu-item .dx-menu-item-popout-container {
  10931. left: 8px;
  10932. }
  10933. .dx-context-menu.dx-rtl .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  10934. margin-left: 20px;
  10935. margin-right: 0;
  10936. }
  10937. .dx-context-menu.dx-rtl .dx-menu-item.dx-menu-item-has-submenu > .dx-menu-item-content {
  10938. padding-left: 46px;
  10939. padding-right: 8px;
  10940. }
  10941. .dx-calendar {
  10942. width: 250px;
  10943. min-width: 250px;
  10944. height: 260.4px;
  10945. min-height: 260.4px;
  10946. background-color: #363640;
  10947. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  10948. outline: 0;
  10949. border: 1px solid transparent;
  10950. }
  10951. .dx-calendar.dx-calendar-with-footer {
  10952. height: 315.4px;
  10953. min-height: 285.4px;
  10954. }
  10955. .dx-calendar.dx-calendar-with-footer .dx-calendar-body {
  10956. bottom: 55px;
  10957. }
  10958. .dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
  10959. text-align: center;
  10960. height: 45px;
  10961. width: 100%;
  10962. }
  10963. .dx-calendar-navigator {
  10964. line-height: 1.6;
  10965. height: 28px;
  10966. display: table;
  10967. border-collapse: collapse;
  10968. }
  10969. .dx-calendar-navigator .dx-button {
  10970. height: 100%;
  10971. display: table-cell;
  10972. background-color: transparent;
  10973. color: #009688;
  10974. -webkit-box-shadow: none;
  10975. box-shadow: none;
  10976. }
  10977. .dx-calendar-navigator .dx-button .dx-icon {
  10978. color: #009688;
  10979. }
  10980. .dx-calendar-navigator .dx-button.dx-state-hover {
  10981. background-color: rgba(0, 150, 136, 0.08);
  10982. -webkit-box-shadow: none;
  10983. box-shadow: none;
  10984. }
  10985. .dx-calendar-navigator .dx-button.dx-state-focused {
  10986. background-color: rgba(0, 150, 136, 0.15);
  10987. -webkit-box-shadow: none;
  10988. box-shadow: none;
  10989. }
  10990. .dx-calendar-navigator .dx-button.dx-state-active {
  10991. background-color: rgba(0, 150, 136, 0.2);
  10992. -webkit-box-shadow: none;
  10993. box-shadow: none;
  10994. }
  10995. .dx-calendar-navigator .dx-button.dx-state-disabled {
  10996. background: transparent;
  10997. -webkit-box-shadow: none;
  10998. box-shadow: none;
  10999. }
  11000. .dx-calendar-navigator .dx-button.dx-state-disabled .dx-icon {
  11001. opacity: 0.6;
  11002. }
  11003. .dx-calendar-navigator .dx-button.dx-state-disabled .dx-button-text {
  11004. color: rgba(255, 255, 255, 0.35);
  11005. }
  11006. .dx-calendar-navigator .dx-button .dx-inkripple-wave {
  11007. background-color: rgba(0, 150, 136, 0.2);
  11008. }
  11009. .dx-calendar-navigator .dx-button .dx-button-text {
  11010. text-transform: none;
  11011. }
  11012. .dx-calendar-navigator .dx-button .dx-icon {
  11013. font-size: 18px;
  11014. }
  11015. .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link {
  11016. border-collapse: collapse;
  11017. visibility: visible;
  11018. opacity: 1;
  11019. }
  11020. .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content {
  11021. opacity: 0.5;
  11022. }
  11023. .dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link) {
  11024. z-index: 1;
  11025. }
  11026. .dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
  11027. z-index: 1;
  11028. }
  11029. .dx-calendar-navigator .dx-calendar-caption-button {
  11030. font-size: 14px;
  11031. line-height: 1.2;
  11032. text-transform: uppercase;
  11033. right: 28px;
  11034. left: 28px;
  11035. }
  11036. .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
  11037. padding: 2px 15px 4px;
  11038. }
  11039. .dx-calendar-navigator-previous-month {
  11040. width: 28px;
  11041. background: none;
  11042. }
  11043. .dx-calendar-navigator-previous-month.dx-button {
  11044. margin: 0 2px;
  11045. }
  11046. .dx-calendar-navigator-previous-month .dx-button-content {
  11047. padding: 0;
  11048. }
  11049. .dx-calendar-navigator-previous-month.dx-state-hover {
  11050. z-index: 1;
  11051. }
  11052. .dx-calendar-navigator-previous-month,
  11053. .dx-calendar-navigator-next-view {
  11054. width: 28px;
  11055. background: none;
  11056. }
  11057. .dx-calendar-navigator-previous-month.dx-button,
  11058. .dx-calendar-navigator-next-view.dx-button {
  11059. margin: 0 1px;
  11060. }
  11061. .dx-calendar-navigator-previous-month .dx-button-content,
  11062. .dx-calendar-navigator-next-view .dx-button-content {
  11063. padding: 0;
  11064. }
  11065. .dx-calendar-navigator-previous-view,
  11066. .dx-calendar-navigator-previous-month {
  11067. left: 0;
  11068. }
  11069. .dx-calendar-navigator-previous-view.dx-button,
  11070. .dx-calendar-navigator-previous-month.dx-button {
  11071. border-radius: 2px 0 0 2px;
  11072. }
  11073. .dx-calendar-navigator-previous-view.dx-button .dx-icon,
  11074. .dx-calendar-navigator-previous-month.dx-button .dx-icon {
  11075. color: #009688;
  11076. }
  11077. .dx-calendar-navigator-next-view,
  11078. .dx-calendar-navigator-next-month {
  11079. right: 0;
  11080. }
  11081. .dx-calendar-navigator-next-view.dx-button,
  11082. .dx-calendar-navigator-next-month.dx-button {
  11083. border-radius: 0 2px 2px 0;
  11084. }
  11085. .dx-calendar-navigator-next-view.dx-button .dx-icon,
  11086. .dx-calendar-navigator-next-month.dx-button .dx-icon {
  11087. color: #009688;
  11088. }
  11089. .dx-calendar-body {
  11090. top: 35px;
  11091. }
  11092. .dx-calendar-body thead {
  11093. font-size: 11px;
  11094. line-height: 1.2;
  11095. }
  11096. .dx-calendar-body thead tr {
  11097. height: 25px;
  11098. padding-bottom: 10px;
  11099. }
  11100. .dx-calendar-body table {
  11101. border-spacing: 0;
  11102. }
  11103. .dx-calendar-body table th {
  11104. color: #ffffff;
  11105. font-weight: 500;
  11106. text-align: center;
  11107. padding: 1px 0 10px 0;
  11108. }
  11109. .dx-calendar-cell {
  11110. text-align: center;
  11111. padding: 0 0;
  11112. color: #fff;
  11113. font-size: 12px;
  11114. width: 32px;
  11115. border-radius: 50%;
  11116. }
  11117. .dx-calendar-view-decade .dx-calendar-cell span,
  11118. .dx-calendar-view-year .dx-calendar-cell span {
  11119. line-height: 400%;
  11120. width: 48px;
  11121. }
  11122. .dx-calendar-view-century .dx-calendar-cell span {
  11123. line-height: 200%;
  11124. width: 48px;
  11125. }
  11126. .dx-calendar-cell span {
  11127. display: inline-block;
  11128. width: 28px;
  11129. line-height: 28px;
  11130. border-radius: 50%;
  11131. }
  11132. .dx-calendar-cell.dx-calendar-today {
  11133. font-weight: bold;
  11134. color: #009688;
  11135. }
  11136. .dx-calendar-cell.dx-state-hover,
  11137. .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-today):not(.dx-calendar-selected-date) {
  11138. color: #fff;
  11139. }
  11140. .dx-calendar-cell.dx-state-hover span,
  11141. .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-today):not(.dx-calendar-selected-date) span {
  11142. background-color: #3f3f4b;
  11143. }
  11144. .dx-calendar-cell.dx-calendar-other-view,
  11145. .dx-calendar-cell.dx-calendar-empty-cell {
  11146. color: #ffffff;
  11147. }
  11148. .dx-calendar-cell.dx-calendar-other-view.dx-state-hover,
  11149. .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover,
  11150. .dx-calendar-cell.dx-calendar-other-view.dx-state-active,
  11151. .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active {
  11152. color: #ffffff;
  11153. }
  11154. .dx-calendar-cell.dx-calendar-empty-cell {
  11155. cursor: default;
  11156. color: rgba(255, 255, 255, 0.25);
  11157. }
  11158. .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover:not(.dx-calendar-selected-date) {
  11159. color: rgba(255, 255, 255, 0.25);
  11160. }
  11161. .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover:not(.dx-calendar-selected-date) span {
  11162. background-color: transparent;
  11163. }
  11164. .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) span {
  11165. background-color: rgba(0, 0, 0, 0.2);
  11166. }
  11167. .dx-calendar-cell.dx-calendar-selected-date span,
  11168. .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today span {
  11169. color: rgba(0, 0, 0, 0.87);
  11170. background-color: #009688;
  11171. font-weight: normal;
  11172. }
  11173. .dx-invalid.dx-calendar {
  11174. border-color: rgba(244, 67, 54, 0.4);
  11175. }
  11176. .dx-invalid.dx-calendar.dx-state-focused {
  11177. border-color: #F44336;
  11178. }
  11179. .dx-popup-wrapper .dx-calendar .dx-calendar-caption-button {
  11180. margin: 0;
  11181. }
  11182. .dx-treeview-node-loadindicator {
  11183. top: 8px;
  11184. left: 0;
  11185. width: 18px;
  11186. height: 18px;
  11187. }
  11188. .dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item {
  11189. padding-left: 0;
  11190. padding-right: 26px;
  11191. }
  11192. .dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  11193. padding-left: 1px;
  11194. padding-right: 8px;
  11195. }
  11196. .dx-rtl .dx-treeview-node {
  11197. padding-right: 16px;
  11198. }
  11199. .dx-rtl .dx-treeview-item .dx-icon {
  11200. margin-left: 5px;
  11201. }
  11202. .dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item {
  11203. padding-right: 31px;
  11204. }
  11205. .dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
  11206. right: 26px;
  11207. }
  11208. .dx-rtl .dx-treeview-select-all-item {
  11209. padding-left: 0;
  11210. padding-right: 26px;
  11211. }
  11212. .dx-rtl .dx-treeview-select-all-item .dx-checkbox-text {
  11213. padding-left: 0;
  11214. padding-right: 20px;
  11215. }
  11216. .dx-rtl .dx-treeview-toggle-item-visibility {
  11217. right: 0;
  11218. }
  11219. .dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
  11220. overflow: visible;
  11221. }
  11222. .dx-treeview-search {
  11223. margin-bottom: 4px;
  11224. }
  11225. .dx-treeview-with-search > .dx-scrollable {
  11226. height: calc(100% - 37px);
  11227. }
  11228. .dx-treeview-border-visible {
  11229. border: 1px solid #515159;
  11230. }
  11231. .dx-treeview-border-visible .dx-treeview-select-all-item {
  11232. padding-left: 26px;
  11233. }
  11234. .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  11235. padding: 1px 1px 1px 8px;
  11236. }
  11237. .dx-treeview-select-all-item {
  11238. border-bottom: 1px solid #515159;
  11239. padding: 10px 0 10px 26px;
  11240. }
  11241. .dx-treeview-select-all-item .dx-checkbox-text {
  11242. padding-left: 20px;
  11243. }
  11244. .dx-treeview-node {
  11245. padding-left: 16px;
  11246. }
  11247. .dx-state-selected > .dx-treeview-item {
  11248. color: #fff;
  11249. }
  11250. .dx-treeview-item-with-checkbox .dx-treeview-item {
  11251. color: #fff;
  11252. padding-left: 31px;
  11253. }
  11254. .dx-treeview-item-with-checkbox .dx-checkbox {
  11255. top: 10px;
  11256. left: 26px;
  11257. }
  11258. .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
  11259. color: #fff;
  11260. background-color: #525261;
  11261. }
  11262. .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
  11263. background-color: #3f3f4b;
  11264. color: #fff;
  11265. }
  11266. .dx-treeview-item {
  11267. padding: 10px 8px;
  11268. min-height: 36px;
  11269. line-height: 16px;
  11270. }
  11271. .dx-treeview-item .dx-icon {
  11272. width: 18px;
  11273. height: 18px;
  11274. background-position: 0px 0px;
  11275. background-size: 18px 18px;
  11276. padding: 0px;
  11277. font-size: 18px;
  11278. text-align: center;
  11279. line-height: 18px;
  11280. }
  11281. .dx-treeview-item.dx-state-hover {
  11282. background-color: #3f3f4b;
  11283. color: #fff;
  11284. }
  11285. .dx-treeview-toggle-item-visibility {
  11286. font: 14px/1 DXIcons;
  11287. font-size: 18px;
  11288. text-align: center;
  11289. line-height: 18px;
  11290. color: rgba(255, 255, 255, 0.54);
  11291. width: 16px;
  11292. height: 36px;
  11293. top: 0;
  11294. left: 0;
  11295. }
  11296. .dx-treeview-toggle-item-visibility:before {
  11297. content: "\f010";
  11298. }
  11299. .dx-treeview-toggle-item-visibility:before {
  11300. position: absolute;
  11301. display: block;
  11302. width: 18px;
  11303. top: 50%;
  11304. margin-top: -9px;
  11305. left: 50%;
  11306. margin-left: -9px;
  11307. }
  11308. .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
  11309. font: 14px/1 DXIcons;
  11310. font-size: 18px;
  11311. text-align: center;
  11312. line-height: 18px;
  11313. }
  11314. .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
  11315. content: "\f016";
  11316. }
  11317. .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
  11318. position: absolute;
  11319. display: block;
  11320. width: 18px;
  11321. top: 50%;
  11322. margin-top: -9px;
  11323. left: 50%;
  11324. margin-left: -9px;
  11325. }
  11326. .dx-field {
  11327. color: #fff;
  11328. font-weight: normal;
  11329. font-size: 13px;
  11330. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  11331. line-height: 1.2857;
  11332. }
  11333. .dx-field input,
  11334. .dx-field textarea {
  11335. font-family: "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  11336. line-height: 1.2857;
  11337. }
  11338. .dx-field-label {
  11339. color: #ffffff;
  11340. font-size: 12px;
  11341. cursor: default;
  11342. }
  11343. .dx-field-label i {
  11344. font-style: normal;
  11345. }
  11346. .dx-field-value.dx-attention {
  11347. color: #F44336;
  11348. padding-left: 24px;
  11349. }
  11350. .dx-field-value.dx-attention:before {
  11351. pointer-events: none;
  11352. font-weight: 500;
  11353. background-color: #F44336;
  11354. color: rgba(0, 0, 0, 0.87);
  11355. content: '!';
  11356. position: absolute;
  11357. top: 50%;
  11358. margin-top: -8px;
  11359. width: 16px;
  11360. height: 16px;
  11361. border-radius: 50%;
  11362. text-align: center;
  11363. line-height: 17px;
  11364. font-size: 13px;
  11365. }
  11366. .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
  11367. .dx-field-value-static {
  11368. width: 60%;
  11369. }
  11370. .dx-field {
  11371. padding: 0;
  11372. display: -webkit-box;
  11373. display: -webkit-flex;
  11374. display: -ms-flexbox;
  11375. display: flex;
  11376. }
  11377. .dx-field-label {
  11378. -webkit-align-self: center;
  11379. -ms-flex-item-align: center;
  11380. align-self: center;
  11381. padding-right: 12px;
  11382. }
  11383. .dx-field-value.dx-widget,
  11384. .dx-field-value:not(.dx-widget) > .dx-widget {
  11385. margin: 0;
  11386. }
  11387. .dx-field-value:not(.dx-widget) > .dx-button,
  11388. .dx-field-value:not(.dx-widget) > .dx-checkbox,
  11389. .dx-field-value:not(.dx-widget) > .dx-switch {
  11390. float: right;
  11391. }
  11392. .dx-field-value.dx-checkbox,
  11393. .dx-field-value:not(.dx-widget) > .dx-checkbox {
  11394. margin: 12px 0;
  11395. }
  11396. .dx-field-value.dx-switch,
  11397. .dx-field-value:not(.dx-widget) > .dx-switch {
  11398. margin: 11px 0;
  11399. }
  11400. .dx-field-value.dx-slider,
  11401. .dx-field-value:not(.dx-widget) > .dx-slider {
  11402. margin: 6px 0;
  11403. }
  11404. .dx-field-value.dx-radiogroup,
  11405. .dx-field-value:not(.dx-widget) > .dx-radiogroup {
  11406. margin: 7px 0;
  11407. }
  11408. .dx-field-value.dx-attention {
  11409. padding: 21px 8px 20px;
  11410. position: relative;
  11411. padding-left: 24px;
  11412. }
  11413. .dx-field-value.dx-attention:before {
  11414. left: 0;
  11415. }
  11416. .dx-field-value-static {
  11417. padding: 21px 8px 20px;
  11418. }
  11419. .dx-fieldset {
  11420. margin: 20px 16px;
  11421. padding: 0;
  11422. }
  11423. .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
  11424. .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
  11425. .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
  11426. .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
  11427. .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
  11428. .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
  11429. float: left;
  11430. }
  11431. .dx-fieldset-header {
  11432. margin: 0 0 16px 0;
  11433. font-size: 14px;
  11434. }
  11435. .dx-field {
  11436. margin: 0 0 20px 0;
  11437. }
  11438. .dx-field:last-of-type {
  11439. margin: 0;
  11440. }
  11441. .dx-device-mobile .dx-fieldset {
  11442. margin: 20px 15px;
  11443. padding: 0;
  11444. }
  11445. .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
  11446. .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
  11447. .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
  11448. .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
  11449. .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
  11450. .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
  11451. float: left;
  11452. }
  11453. .dx-device-mobile .dx-fieldset-header {
  11454. margin: 0 0 20px 0;
  11455. font-size: 14px;
  11456. }
  11457. .dx-device-mobile .dx-field {
  11458. margin: 0 0 10px 0;
  11459. }
  11460. .dx-device-mobile .dx-field:last-of-type {
  11461. margin: 0;
  11462. }
  11463. .dx-tabpanel .dx-tabs {
  11464. display: block;
  11465. border-bottom: none;
  11466. background-color: #2f2f38;
  11467. }
  11468. .dx-empty-collection.dx-tabpanel .dx-tabs {
  11469. border-top: none;
  11470. }
  11471. .dx-tabpanel .dx-tab {
  11472. min-width: 72px;
  11473. }
  11474. .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
  11475. background: none;
  11476. }
  11477. .dx-tabpanel .dx-tabs-wrapper {
  11478. display: block;
  11479. }
  11480. .dx-fileuploader-wrapper {
  11481. padding: 7px;
  11482. }
  11483. .dx-fileuploader-content > .dx-fileuploader-upload-button {
  11484. margin-left: 3px;
  11485. margin-right: 3px;
  11486. }
  11487. .dx-fileuploader-input-wrapper {
  11488. padding: 7px 0 7px;
  11489. border: 3px dashed transparent;
  11490. }
  11491. .dx-fileuploader.dx-state-disabled .dx-fileuploader-input-label {
  11492. position: relative;
  11493. }
  11494. .dx-fileuploader-dragover .dx-fileuploader-input-wrapper {
  11495. border: none;
  11496. padding: 0;
  11497. }
  11498. .dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button {
  11499. display: none;
  11500. }
  11501. .dx-fileuploader-dragover .dx-fileuploader-input-label {
  11502. text-align: center;
  11503. }
  11504. .dx-fileuploader-dragover .dx-fileuploader-input-container {
  11505. display: block;
  11506. border: 3px dashed #515159;
  11507. width: 100%;
  11508. }
  11509. .dx-fileuploader-dragover .dx-fileuploader-input {
  11510. display: block;
  11511. width: 100%;
  11512. padding: 14px 3px;
  11513. margin-bottom: 1px;
  11514. -webkit-box-sizing: content-box;
  11515. box-sizing: content-box;
  11516. }
  11517. .dx-fileuploader-dragover .dx-fileuploader-input-label {
  11518. padding: 14px 9px;
  11519. }
  11520. .dx-fileuploader-file-status-message,
  11521. .dx-fileuploader-file-size {
  11522. color: #ffffff;
  11523. }
  11524. .dx-fileuploader-input {
  11525. padding: 7px 0;
  11526. }
  11527. .dx-fileuploader-input-label {
  11528. padding: 7.75px 9px;
  11529. color: #fff;
  11530. overflow: hidden;
  11531. text-overflow: ellipsis;
  11532. white-space: nowrap;
  11533. }
  11534. .dx-fileuploader-show-file-list .dx-fileuploader-files-container {
  11535. padding: 14px 3px 0;
  11536. }
  11537. .dx-fileuploader-empty .dx-fileuploader-files-container {
  11538. padding: 0;
  11539. }
  11540. .dx-invalid .dx-fileuploader-files-container {
  11541. padding-top: 50px;
  11542. }
  11543. .dx-fileuploader-files-container .dx-fileuploader-button .dx-button-content {
  11544. padding: 0;
  11545. }
  11546. .dx-fileuploader-files-container .dx-fileuploader-file-container {
  11547. -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  11548. box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  11549. padding: 2px 4px;
  11550. margin-bottom: 4px;
  11551. }
  11552. .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-button-container + .dx-fileuploader-button-container .dx-button {
  11553. margin-right: 6px;
  11554. }
  11555. .dx-rtl .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-fileuploader-button-container + .dx-fileuploader-button-container .dx-button {
  11556. margin-left: 6px;
  11557. margin-right: 0;
  11558. }
  11559. .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-button {
  11560. height: 28px;
  11561. width: 28px;
  11562. margin-right: 2px;
  11563. }
  11564. .dx-rtl .dx-fileuploader-files-container .dx-fileuploader-file-container .dx-button {
  11565. margin-left: 2px;
  11566. margin-right: 0;
  11567. }
  11568. .dx-fileuploader-file {
  11569. padding-top: 5px;
  11570. line-height: 13px;
  11571. }
  11572. .dx-fileuploader-file-name {
  11573. padding-bottom: 3.5px;
  11574. color: #fff;
  11575. font-weight: 500;
  11576. }
  11577. .dx-fileuploader-file-size {
  11578. padding-bottom: 3.5px;
  11579. }
  11580. .dx-fileuploader-invalid .dx-fileuploader-file-status-message {
  11581. color: #F44336;
  11582. }
  11583. .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:first-child {
  11584. margin-top: 2px;
  11585. }
  11586. .dx-fileuploader-invalid .dx-fileuploader-file-status-message span:last-child {
  11587. margin-bottom: 2px;
  11588. }
  11589. .dx-fileuploader-invalid .dx-fileuploader-button-container {
  11590. vertical-align: middle;
  11591. }
  11592. .dx-fileuploader-invalid .dx-fileuploader-cancel-button {
  11593. margin-top: 0;
  11594. }
  11595. .dx-invalid-message > .dx-overlay-content {
  11596. background-color: transparent;
  11597. color: #F44336;
  11598. padding: 4px 0 0;
  11599. }
  11600. .dx-validationsummary > .dx-validationsummary-item:not(:last-child) {
  11601. margin-bottom: 6px;
  11602. }
  11603. .dx-form-validation-summary {
  11604. margin-top: 20px;
  11605. }
  11606. .dx-timeview {
  11607. height: auto;
  11608. width: auto;
  11609. background-color: #2a2a32;
  11610. }
  11611. .dx-timeview-clock {
  11612. min-height: 208px;
  11613. min-width: 208px;
  11614. background: 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%20id%3D%22Layer_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%20width%3D%22200px%22%20height%3D%22200px%22%20viewBox%3D%220%200%20200%20200%22%20style%3D%22enable-background%3Anew%200%200%20200%20200%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23363640%3B%7D%0A%09.st1%7Bfill%3Argba(255%2C%20255%2C%20255%2C%200.6)%3B%7D%0A%09.st2%7Bfill%3A%2303A9F4%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%22100%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M98.2%2C17h-0.9v-5.6H96v-0.6l2.2-0.2C98.2%2C10.6%2C98.2%2C17%2C98.2%2C17z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M104.9%2C17h-4.1v-0.6l2.1-2.3c0.4-0.4%2C0.6-0.8%2C0.8-1c0.1-0.2%2C0.2-0.5%2C0.2-0.8s-0.1-0.6-0.3-0.8%0A%09%09c-0.2-0.2-0.4-0.3-0.7-0.3c-0.4%2C0-0.8%2C0.1-1%2C0.3s-0.3%2C0.5-0.3%2C1h-0.8l0%2C0c0-0.6%2C0.2-1%2C0.5-1.4s0.9-0.6%2C1.6-0.6c0.6%2C0%2C1%2C0.2%2C1.4%2C0.5%0A%09%09c0.3%2C0.3%2C0.5%2C0.8%2C0.5%2C1.3c0%2C0.3-0.1%2C0.7-0.3%2C1c-0.2%2C0.4-0.5%2C0.7-0.9%2C1.1l-1.7%2C1.8l0%2C0h3.1L104.9%2C17L104.9%2C17z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M181.4%2C97.4h0.8c0.4%2C0%2C0.7-0.1%2C0.8-0.3c0.2-0.2%2C0.2-0.5%2C0.2-0.8c0-0.4-0.1-0.6-0.3-0.8s-0.5-0.3-0.8-0.3%0A%09%09s-0.6%2C0.1-0.8%2C0.3c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.8h-0.8l0%2C0c0-0.5%2C0.2-0.9%2C0.5-1.2c0.4-0.3%2C0.8-0.5%2C1.4-0.5c0.6%2C0%2C1.1%2C0.2%2C1.4%2C0.5%0A%09%09c0.4%2C0.3%2C0.5%2C0.8%2C0.5%2C1.3c0%2C0.3-0.1%2C0.5-0.2%2C0.8c-0.2%2C0.3-0.4%2C0.5-0.7%2C0.6c0.4%2C0.1%2C0.7%2C0.3%2C0.8%2C0.6c0.2%2C0.3%2C0.2%2C0.6%2C0.2%2C0.9%0A%09%09c0%2C0.6-0.2%2C1-0.6%2C1.4c-0.4%2C0.3-0.9%2C0.5-1.5%2C0.5s-1.1-0.2-1.4-0.5c-0.4-0.3-0.6-0.7-0.6-1.3l0%2C0h0.8c0%2C0.3%2C0.1%2C0.6%2C0.3%2C0.8%0A%09%09c0.2%2C0.2%2C0.5%2C0.3%2C0.9%2C0.3s0.7-0.1%2C0.9-0.3c0.2-0.2%2C0.3-0.5%2C0.3-0.9s-0.1-0.7-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3h-0.8v-0.7H181.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M16%2C100.4c0.4%2C0%2C0.8-0.2%2C1-0.5c0.3-0.3%2C0.4-0.8%2C0.4-1.4v-0.3c-0.1%2C0.2-0.3%2C0.4-0.5%2C0.5s-0.5%2C0.2-0.7%2C0.2%0A%09%09c-0.6%2C0-1.1-0.2-1.5-0.6s-0.5-0.9-0.5-1.6c0-0.6%2C0.2-1.2%2C0.6-1.6c0.4-0.4%2C0.9-0.6%2C1.4-0.6c0.7%2C0%2C1.2%2C0.2%2C1.6%2C0.6s0.6%2C1%2C0.6%2C1.8v1.5%0A%09%09c0%2C0.8-0.2%2C1.5-0.6%2C1.9s-1%2C0.7-1.6%2C0.7c-0.2%2C0-0.5%2C0-0.7-0.1c-0.2%2C0-0.4-0.1-0.6-0.2L15%2C100c0.2%2C0.1%2C0.4%2C0.2%2C0.5%2C0.2%0A%09%09C15.5%2C100.4%2C15.7%2C100.4%2C16%2C100.4z%20M16.1%2C98.2c0.3%2C0%2C0.6-0.1%2C0.8-0.2c0.2-0.1%2C0.4-0.3%2C0.5-0.5v-0.6c0-0.6-0.1-1-0.3-1.3%0A%09%09c-0.2-0.3-0.5-0.4-0.9-0.4c-0.3%2C0-0.6%2C0.1-0.8%2C0.4s-0.3%2C0.6-0.3%2C1.1c0%2C0.4%2C0.1%2C0.8%2C0.3%2C1.1C15.5%2C98%2C15.7%2C98.2%2C16.1%2C98.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M174.7%2C136.8h0.9v0.7h-0.9v1.5h-0.9v-1.5H171V137l2.8-4.4h0.9V136.8z%20M171.9%2C136.8h2v-3l0%2C0l-0.1%2C0.2%0A%09%09L171.9%2C136.8z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M175.4%2C60h-4.1v-0.6l2.1-2.3c0.4-0.4%2C0.6-0.8%2C0.8-1c0.1-0.2%2C0.2-0.5%2C0.2-0.8s-0.1-0.6-0.3-0.8%0A%09%09s-0.4-0.3-0.7-0.3c-0.4%2C0-0.8%2C0.1-1%2C0.3s-0.3%2C0.5-0.3%2C1h-0.8l0%2C0c0-0.6%2C0.2-1%2C0.5-1.4s0.9-0.6%2C1.6-0.6c0.6%2C0%2C1%2C0.2%2C1.4%2C0.5%0A%09%09c0.3%2C0.3%2C0.5%2C0.8%2C0.5%2C1.3c0%2C0.3-0.1%2C0.7-0.3%2C1c-0.2%2C0.4-0.5%2C0.7-0.9%2C1.1l-1.7%2C1.8l0%2C0h3.1V60H175.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M30.2%2C134.3c0%2C0.3-0.1%2C0.6-0.3%2C0.9c-0.2%2C0.3-0.4%2C0.4-0.8%2C0.6c0.4%2C0.1%2C0.7%2C0.3%2C0.9%2C0.6c0.2%2C0.3%2C0.3%2C0.6%2C0.3%2C1%0A%09%09c0%2C0.6-0.2%2C1-0.6%2C1.4c-0.4%2C0.3-0.9%2C0.5-1.5%2C0.5s-1.1-0.2-1.5-0.5s-0.6-0.8-0.6-1.4c0-0.4%2C0.1-0.7%2C0.3-1s0.5-0.5%2C0.9-0.6%0A%09%09c-0.3-0.1-0.6-0.3-0.8-0.6c-0.2-0.3-0.3-0.5-0.3-0.9c0-0.6%2C0.2-1%2C0.5-1.3s0.8-0.5%2C1.4-0.5s1%2C0.2%2C1.4%2C0.5%0A%09%09C30%2C133.3%2C30.2%2C133.7%2C30.2%2C134.3z%20M29.5%2C137.2c0-0.3-0.1-0.6-0.3-0.9c-0.2-0.2-0.5-0.3-0.9-0.3s-0.7%2C0.1-0.9%2C0.3%0A%09%09c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.9s0.1%2C0.6%2C0.3%2C0.9c0.2%2C0.2%2C0.5%2C0.3%2C0.9%2C0.3s0.7-0.1%2C0.9-0.3S29.5%2C137.6%2C29.5%2C137.2z%20M29.3%2C134.3%0A%09%09c0-0.3-0.1-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.7-0.3c-0.3%2C0-0.6%2C0.1-0.7%2C0.3c-0.2%2C0.2-0.3%2C0.5-0.3%2C0.8s0.1%2C0.6%2C0.3%2C0.8%0A%09%09c0.2%2C0.2%2C0.4%2C0.3%2C0.8%2C0.3c0.3%2C0%2C0.6-0.1%2C0.7-0.3S29.3%2C134.6%2C29.3%2C134.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M26.2%2C60h-0.9v-5.6H24v-0.6l2.2-0.2C26.2%2C53.6%2C26.2%2C60%2C26.2%2C60z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M32.8%2C57.6c0%2C0.8-0.2%2C1.4-0.5%2C1.9c-0.4%2C0.4-0.9%2C0.7-1.5%2C0.7s-1.1-0.2-1.5-0.7s-0.5-1.1-0.5-1.9V56%0A%09%09c0-0.8%2C0.2-1.4%2C0.5-1.9c0.4-0.4%2C0.9-0.7%2C1.5-0.7s1.1%2C0.2%2C1.5%2C0.7c0.4%2C0.4%2C0.5%2C1.1%2C0.5%2C1.9V57.6z%20M32%2C55.9c0-0.6-0.1-1-0.3-1.2%0A%09%09c-0.2-0.3-0.5-0.4-0.9-0.4s-0.7%2C0.1-0.9%2C0.4c-0.2%2C0.3-0.3%2C0.7-0.3%2C1.2v1.9c0%2C0.6%2C0.1%2C1%2C0.3%2C1.3c0.2%2C0.3%2C0.5%2C0.4%2C0.9%2C0.4%0A%09%09s0.7-0.1%2C0.9-0.4c0.2-0.3%2C0.3-0.7%2C0.3-1.3V55.9z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M140.5%2C169.1l0.4-3.5h3.2v0.8h-2.5l-0.2%2C1.8c0.1-0.1%2C0.3-0.2%2C0.5-0.2c0.2-0.1%2C0.4-0.1%2C0.6-0.1%0A%09%09c0.6%2C0%2C1.1%2C0.2%2C1.4%2C0.6c0.3%2C0.4%2C0.5%2C0.9%2C0.5%2C1.6c0%2C0.6-0.2%2C1.2-0.5%2C1.5c-0.3%2C0.4-0.8%2C0.6-1.5%2C0.6c-0.5%2C0-1-0.1-1.4-0.4%0A%09%09c-0.4-0.3-0.5-0.7-0.5-1.3l0%2C0h0.8c0%2C0.3%2C0.1%2C0.6%2C0.3%2C0.8s0.5%2C0.3%2C0.8%2C0.3c0.4%2C0%2C0.7-0.1%2C0.9-0.4c0.2-0.3%2C0.3-0.6%2C0.3-1.1%0A%09%09c0-0.4-0.1-0.7-0.3-1s-0.5-0.4-0.8-0.4s-0.6%2C0.1-0.7%2C0.2c-0.2%2C0.1-0.3%2C0.3-0.3%2C0.5L140.5%2C169.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M142.7%2C29h-0.9v-5.6h-1.3v-0.6l2.2-0.2V29z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M61.4%2C166.3c-0.8%2C0.9-1.3%2C1.7-1.6%2C2.4s-0.5%2C1.6-0.6%2C2.6l-0.1%2C0.7h-0.9l0.1-0.7c0.1-1%2C0.4-1.9%2C0.7-2.7%0A%09%09s0.8-1.6%2C1.5-2.3H57v-0.7h4.3L61.4%2C166.3L61.4%2C166.3z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M57.2%2C29h-0.9v-5.6H55v-0.6l2.2-0.2V29z%22%2F%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M62.2%2C29h-0.9v-5.6H60v-0.6l2.2-0.2V29z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st1%22%20d%3D%22M100.7%2C180.5c0.2%2C0%2C0.4%2C0%2C0.7%2C0.1c0.2%2C0%2C0.4%2C0.1%2C0.5%2C0.2l-0.2%2C0.7c-0.1-0.1-0.3-0.1-0.5-0.2%0A%09%09c-0.2%2C0-0.3-0.1-0.6-0.1c-0.5%2C0-0.8%2C0.2-1.1%2C0.5c-0.3%2C0.4-0.4%2C0.8-0.4%2C1.4v0.1c0.2-0.2%2C0.4-0.3%2C0.6-0.4c0.2-0.1%2C0.5-0.1%2C0.8-0.1%0A%09%09c0.6%2C0%2C1%2C0.2%2C1.4%2C0.6c0.3%2C0.4%2C0.5%2C0.9%2C0.5%2C1.5c0%2C0.7-0.2%2C1.2-0.5%2C1.6c-0.4%2C0.4-0.8%2C0.6-1.4%2C0.6s-1.1-0.2-1.6-0.7s-0.6-1.1-0.6-1.9%0A%09%09v-1.2c0-0.8%2C0.2-1.5%2C0.7-2S100%2C180.5%2C100.7%2C180.5z%20M100.4%2C183.4c-0.3%2C0-0.5%2C0.1-0.8%2C0.2c-0.2%2C0.1-0.4%2C0.3-0.5%2C0.5v0.5%0A%09%09c0%2C0.6%2C0.1%2C1%2C0.4%2C1.4s0.6%2C0.5%2C0.9%2C0.5c0.4%2C0%2C0.6-0.1%2C0.8-0.5c0.2-0.3%2C0.3-0.7%2C0.3-1.1c0-0.4-0.1-0.8-0.3-1%0A%09%09C101.1%2C183.5%2C100.8%2C183.4%2C100.4%2C183.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20class%3D%22st2%22%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%226%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat 50% 50%;
  11615. background-size: 190px;
  11616. }
  11617. .dx-timeview-hourarrow {
  11618. 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%20id%3D%22Layer_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%20width%3D%223px%22%20height%3D%2250px%22%20viewBox%3D%220%200%203%2050%22%20style%3D%22enable-background%3Anew%200%200%203%2050%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%2303A9F4%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20class%3D%22st0%22%20width%3D%223%22%20height%3D%2250%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  11619. background-size: 5px 57px;
  11620. }
  11621. .dx-timeview-minutearrow {
  11622. 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%20id%3D%22Layer_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%20width%3D%222px%22%20height%3D%2268px%22%20viewBox%3D%220%200%202%2068%22%20style%3D%22enable-background%3Anew%200%200%202%2068%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%2303A9F4%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20class%3D%22st0%22%20width%3D%222%22%20height%3D%2268%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  11623. background-size: 5px 79px;
  11624. }
  11625. .dx-timeview-format12 {
  11626. width: 56px;
  11627. margin-left: 5px;
  11628. margin-right: auto;
  11629. }
  11630. .dx-timeview-format12.dx-rtl,
  11631. .dx-rtl .dx-timeview-format12 {
  11632. margin-left: auto;
  11633. margin-right: 5px;
  11634. }
  11635. .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input {
  11636. padding-right: 0;
  11637. }
  11638. .dx-rtl .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input {
  11639. padding-left: 0;
  11640. }
  11641. .dx-rtl.dx-editor-filled.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input,
  11642. .dx-rtl.dx-editor-outlined.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input,
  11643. .dx-rtl .dx-editor-filled.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input,
  11644. .dx-rtl .dx-editor-outlined.dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-input {
  11645. padding-right: 8px;
  11646. }
  11647. .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button {
  11648. margin-right: 0;
  11649. }
  11650. .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button.dx-rtl,
  11651. .dx-rtl .dx-timeview-format12.dx-dropdowneditor-button-visible .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button {
  11652. margin-left: 0;
  11653. }
  11654. .dx-timeview-time-separator {
  11655. margin: 0 5px;
  11656. }
  11657. .dx-timeview-field {
  11658. min-height: 35px;
  11659. }
  11660. .dx-timeview-field .dx-numberbox {
  11661. width: 56px;
  11662. }
  11663. .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
  11664. width: 110px;
  11665. }
  11666. .dx-scheduler-pseudo-cell:before {
  11667. content: "";
  11668. width: 65px;
  11669. display: table-cell;
  11670. }
  11671. .dx-scheduler-small .dx-scheduler-pseudo-cell:before {
  11672. width: 32.5px;
  11673. }
  11674. .dx-scheduler-fixed-appointments {
  11675. z-index: 100;
  11676. position: absolute;
  11677. left: 65px;
  11678. }
  11679. .dx-scheduler-small .dx-scheduler-fixed-appointments {
  11680. left: 32.5px;
  11681. }
  11682. .dx-scheduler-header {
  11683. position: relative;
  11684. z-index: 1;
  11685. width: 100%;
  11686. }
  11687. .dx-scheduler-navigator {
  11688. float: left;
  11689. padding-left: 10px;
  11690. white-space: nowrap;
  11691. min-width: 180px;
  11692. max-width: 40%;
  11693. }
  11694. .dx-device-mobile .dx-scheduler-navigator {
  11695. padding-left: 5px;
  11696. }
  11697. .dx-scheduler-navigator-caption {
  11698. width: 180px;
  11699. min-width: 108px;
  11700. max-width: 80%;
  11701. }
  11702. .dx-device-mobile .dx-scheduler-navigator-caption {
  11703. width: 140px;
  11704. }
  11705. .dx-calendar.dx-scheduler-navigator-calendar {
  11706. width: 100%;
  11707. height: 100%;
  11708. }
  11709. .dx-scheduler-view-switcher.dx-tabs.dx-tabs-expanded .dx-tab-selected:before {
  11710. position: absolute;
  11711. bottom: -2px;
  11712. width: 100%;
  11713. height: 2px;
  11714. content: '';
  11715. right: 0;
  11716. }
  11717. .dx-scheduler-view-switcher.dx-tabs {
  11718. max-width: 52%;
  11719. min-width: 72px;
  11720. width: auto;
  11721. float: right;
  11722. height: 100%;
  11723. border: none;
  11724. }
  11725. .dx-scheduler-small .dx-scheduler-view-switcher.dx-tabs {
  11726. display: none;
  11727. }
  11728. .dx-scheduler-view-switcher.dx-tabs .dx-tabs-scrollable .dx-tabs-wrapper {
  11729. border-bottom: none;
  11730. }
  11731. .dx-scheduler-view-switcher.dx-tabs .dx-tab {
  11732. width: 100px;
  11733. }
  11734. .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
  11735. border-bottom: none;
  11736. }
  11737. .dx-scheduler-view-switcher.dx-dropdownmenu.dx-button {
  11738. position: absolute;
  11739. right: 10px;
  11740. }
  11741. .dx-scheduler-view-switcher-label {
  11742. position: absolute;
  11743. }
  11744. .dx-scheduler-view-switcher-reduced {
  11745. table-layout: auto;
  11746. }
  11747. .dx-scheduler-view-switcher-reduced.dx-tabs .dx-tab {
  11748. width: auto;
  11749. height: 56px;
  11750. }
  11751. .dx-scheduler-view-switcher-reduced .dx-tabs-wrapper {
  11752. height: 56px;
  11753. }
  11754. .dx-scheduler-appointment-content-allday {
  11755. display: none;
  11756. }
  11757. .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
  11758. color: #009688;
  11759. }
  11760. .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
  11761. position: absolute;
  11762. top: 37px;
  11763. right: 0;
  11764. width: 100%;
  11765. height: 2px;
  11766. content: '';
  11767. background-color: #EB5757;
  11768. }
  11769. .dx-scheduler-date-time-shader-all-day {
  11770. margin-left: 65px;
  11771. width: 100%;
  11772. background-color: rgba(0, 0, 0, 0.03);
  11773. position: absolute;
  11774. pointer-events: none;
  11775. }
  11776. .dx-scheduler-date-time-indicator {
  11777. background-color: #EB5757;
  11778. position: absolute;
  11779. pointer-events: none;
  11780. -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
  11781. box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
  11782. }
  11783. .dx-scheduler-date-time-indicator:before {
  11784. font-size: 30px;
  11785. color: #EB5757;
  11786. position: absolute;
  11787. z-index: 1000;
  11788. margin-top: -14px;
  11789. margin-left: -12px;
  11790. text-shadow: rgba(255, 255, 255, 0.1) 1px 0 0;
  11791. }
  11792. .dx-scheduler-date-time-shader {
  11793. pointer-events: none;
  11794. }
  11795. .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
  11796. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
  11797. .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator {
  11798. margin-left: 65px;
  11799. height: 1px;
  11800. font: 14px/1 DXIcons;
  11801. }
  11802. .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator:before,
  11803. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator:before,
  11804. .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator:before {
  11805. content: "\f04e";
  11806. }
  11807. .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
  11808. .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
  11809. .dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator {
  11810. margin-left: 32.5px;
  11811. }
  11812. .dx-scheduler-work-space-week .dx-scheduler-date-time-shader,
  11813. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader,
  11814. .dx-scheduler-work-space-day .dx-scheduler-date-time-shader {
  11815. margin-left: 65px;
  11816. }
  11817. .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top:before,
  11818. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top:before,
  11819. .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top:before,
  11820. .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom:before,
  11821. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom:before,
  11822. .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom:before {
  11823. width: inherit;
  11824. height: inherit;
  11825. content: "";
  11826. left: inherit;
  11827. position: absolute;
  11828. margin-left: 65px;
  11829. background-color: rgba(0, 0, 0, 0.03);
  11830. }
  11831. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
  11832. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
  11833. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader,
  11834. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
  11835. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
  11836. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator,
  11837. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
  11838. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day,
  11839. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day {
  11840. margin-left: 0;
  11841. }
  11842. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
  11843. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
  11844. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before,
  11845. .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before,
  11846. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before,
  11847. .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before {
  11848. margin-left: 0;
  11849. }
  11850. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator,
  11851. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator,
  11852. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator {
  11853. margin-left: 0;
  11854. font: 14px/1 DXIcons;
  11855. }
  11856. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before,
  11857. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before,
  11858. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
  11859. content: "\f04f";
  11860. }
  11861. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before,
  11862. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before,
  11863. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before {
  11864. margin-right: -12px;
  11865. }
  11866. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-top:before,
  11867. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-top:before,
  11868. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-top:before,
  11869. .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before,
  11870. .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before,
  11871. .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-bottom:before {
  11872. margin-left: 0;
  11873. }
  11874. .dx-scheduler-timeline-week .dx-scheduler-header-panel,
  11875. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel,
  11876. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel,
  11877. .dx-scheduler-timeline-month .dx-scheduler-header-panel {
  11878. display: -webkit-box;
  11879. display: -webkit-flex;
  11880. display: -ms-flexbox;
  11881. display: flex;
  11882. -webkit-box-orient: horizontal;
  11883. -webkit-box-direction: normal;
  11884. -webkit-flex-flow: row nowrap;
  11885. -ms-flex-flow: row nowrap;
  11886. flex-flow: row nowrap;
  11887. }
  11888. .dx-scheduler-timeline-week .dx-scheduler-header-panel thead,
  11889. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead,
  11890. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel thead,
  11891. .dx-scheduler-timeline-month .dx-scheduler-header-panel thead {
  11892. display: -webkit-box;
  11893. display: -webkit-flex;
  11894. display: -ms-flexbox;
  11895. display: flex;
  11896. -webkit-box-orient: vertical;
  11897. -webkit-box-direction: normal;
  11898. -webkit-flex-flow: column nowrap;
  11899. -ms-flex-flow: column nowrap;
  11900. flex-flow: column nowrap;
  11901. width: 100%;
  11902. }
  11903. .dx-scheduler-timeline-week .dx-scheduler-header-row,
  11904. .dx-scheduler-timeline-work-week .dx-scheduler-header-row,
  11905. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row,
  11906. .dx-scheduler-timeline-month .dx-scheduler-header-row {
  11907. display: -webkit-box;
  11908. display: -webkit-flex;
  11909. display: -ms-flexbox;
  11910. display: flex;
  11911. -webkit-box-orient: horizontal;
  11912. -webkit-box-direction: normal;
  11913. -webkit-flex-flow: row nowrap;
  11914. -ms-flex-flow: row nowrap;
  11915. flex-flow: row nowrap;
  11916. }
  11917. .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
  11918. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell,
  11919. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell,
  11920. .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell {
  11921. -webkit-box-flex: 1;
  11922. -webkit-flex-grow: 1;
  11923. -ms-flex-positive: 1;
  11924. flex-grow: 1;
  11925. -webkit-box-pack: center;
  11926. -webkit-justify-content: center;
  11927. -ms-flex-pack: center;
  11928. justify-content: center;
  11929. -webkit-box-align: center;
  11930. -webkit-align-items: center;
  11931. -ms-flex-align: center;
  11932. align-items: center;
  11933. display: -webkit-box;
  11934. display: -webkit-flex;
  11935. display: -ms-flexbox;
  11936. display: flex;
  11937. -webkit-box-orient: horizontal;
  11938. -webkit-box-direction: normal;
  11939. -webkit-flex-flow: row nowrap;
  11940. -ms-flex-flow: row nowrap;
  11941. flex-flow: row nowrap;
  11942. }
  11943. .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
  11944. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
  11945. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
  11946. .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  11947. display: -webkit-box;
  11948. display: -webkit-flex;
  11949. display: -ms-flexbox;
  11950. display: flex;
  11951. -webkit-box-orient: horizontal;
  11952. -webkit-box-direction: reverse;
  11953. -webkit-flex-flow: row-reverse nowrap;
  11954. -ms-flex-flow: row-reverse nowrap;
  11955. flex-flow: row-reverse nowrap;
  11956. }
  11957. .dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell,
  11958. .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell,
  11959. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-panel-week-cell,
  11960. .dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell {
  11961. -webkit-flex-basis: 0;
  11962. -ms-flex-preferred-size: 0;
  11963. flex-basis: 0;
  11964. }
  11965. .dx-scheduler-timeline-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
  11966. .dx-scheduler-timeline-work-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
  11967. .dx-scheduler-timeline-day.dx-scheduler-work-space-count .dx-scheduler-header-row .dx-scheduler-header-panel-cell,
  11968. .dx-scheduler-timeline-month .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
  11969. border-right: none;
  11970. }
  11971. .dx-scheduler-timeline .dx-scheduler-date-time-indicator {
  11972. width: 1px;
  11973. top: 0;
  11974. font: 14px/1 DXIcons;
  11975. }
  11976. .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
  11977. content: "\f001";
  11978. }
  11979. .dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
  11980. margin-left: -14px;
  11981. margin-top: -12px;
  11982. }
  11983. .dx-scheduler-timeline .dx-scheduler-date-time-shader {
  11984. height: 100%;
  11985. position: absolute;
  11986. }
  11987. .dx-scheduler-timeline .dx-scheduler-date-time-shader:before {
  11988. width: inherit;
  11989. height: 100%;
  11990. content: "";
  11991. left: 0;
  11992. position: absolute;
  11993. background-color: rgba(0, 0, 0, 0.03);
  11994. }
  11995. .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
  11996. border-bottom: 2px solid #EB5757;
  11997. -webkit-box-shadow: none;
  11998. box-shadow: none;
  11999. }
  12000. .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
  12001. content: none;
  12002. }
  12003. .dx-scheduler-work-space {
  12004. border: 1px solid #515159;
  12005. background-color: #363640;
  12006. position: relative;
  12007. display: inline-block;
  12008. overflow: hidden;
  12009. height: 100%;
  12010. width: 100%;
  12011. border-top: none;
  12012. float: left;
  12013. }
  12014. .dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
  12015. border-right: none;
  12016. }
  12017. .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title {
  12018. border-top: 1px solid #515159;
  12019. }
  12020. .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
  12021. border-left: 1px solid #515159;
  12022. }
  12023. .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td {
  12024. border-left: 1px solid #515159;
  12025. border-top: 1px solid #515159;
  12026. }
  12027. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
  12028. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12029. padding-bottom: 50px;
  12030. margin-bottom: -50px;
  12031. }
  12032. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12033. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12034. padding-bottom: 80px;
  12035. margin-bottom: -80px;
  12036. }
  12037. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12038. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12039. padding-bottom: 110px;
  12040. margin-bottom: -110px;
  12041. }
  12042. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12043. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12044. padding-bottom: 140px;
  12045. margin-bottom: -140px;
  12046. }
  12047. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  12048. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12049. padding-bottom: 125px;
  12050. margin-bottom: -125px;
  12051. }
  12052. .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,
  12053. .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 {
  12054. padding-bottom: 155px;
  12055. margin-bottom: -155px;
  12056. }
  12057. .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,
  12058. .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 {
  12059. padding-bottom: 185px;
  12060. margin-bottom: -185px;
  12061. }
  12062. .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,
  12063. .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 {
  12064. padding-bottom: 215px;
  12065. margin-bottom: -215px;
  12066. }
  12067. .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,
  12068. .dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12069. padding-bottom: 75px;
  12070. margin-bottom: -75px;
  12071. }
  12072. .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,
  12073. .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 {
  12074. padding-bottom: 105px;
  12075. margin-bottom: -105px;
  12076. }
  12077. .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,
  12078. .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 {
  12079. padding-bottom: 135px;
  12080. margin-bottom: -135px;
  12081. }
  12082. .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,
  12083. .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 {
  12084. padding-bottom: 165px;
  12085. margin-bottom: -165px;
  12086. }
  12087. .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 {
  12088. border-bottom: 2px solid #515159;
  12089. }
  12090. .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
  12091. border-bottom: 1px solid #515159;
  12092. }
  12093. .dx-scheduler-date-table-scrollable .dx-scrollable-content {
  12094. overflow: hidden;
  12095. position: relative;
  12096. }
  12097. .dx-scheduler-date-table-cell {
  12098. border-top: 1px solid #515159;
  12099. height: 50px;
  12100. }
  12101. .dx-scheduler-date-table-cell > div,
  12102. .dx-scheduler-all-day-table-cell > div {
  12103. pointer-events: none;
  12104. }
  12105. .dx-scheduler-date-table-cell,
  12106. .dx-scheduler-header-panel-cell,
  12107. .dx-scheduler-time-panel-cell,
  12108. .dx-scheduler-group-header {
  12109. -webkit-user-select: none;
  12110. -moz-user-select: none;
  12111. -ms-user-select: none;
  12112. user-select: none;
  12113. -webkit-touch-callout: none;
  12114. cursor: default;
  12115. }
  12116. .dx-scheduler-date-table-current-date {
  12117. font-weight: bold;
  12118. }
  12119. .dx-scheduler-date-table-other-month {
  12120. opacity: 0.5;
  12121. }
  12122. .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
  12123. .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell,
  12124. .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 {
  12125. border-top: 1px solid #515159;
  12126. }
  12127. .dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
  12128. .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
  12129. .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  12130. border-top: none;
  12131. }
  12132. .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,
  12133. .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,
  12134. .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 {
  12135. background-color: #515159;
  12136. }
  12137. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
  12138. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12139. padding-bottom: 0;
  12140. margin-bottom: 0;
  12141. }
  12142. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12143. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12144. padding-bottom: 30px;
  12145. margin-bottom: -30px;
  12146. }
  12147. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12148. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12149. padding-bottom: 60px;
  12150. margin-bottom: -60px;
  12151. }
  12152. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  12153. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12154. padding-bottom: 90px;
  12155. margin-bottom: -90px;
  12156. }
  12157. .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,
  12158. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  12159. padding-bottom: 75px;
  12160. margin-bottom: -75px;
  12161. }
  12162. .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,
  12163. .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 {
  12164. padding-bottom: 105px;
  12165. margin-bottom: -105px;
  12166. }
  12167. .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,
  12168. .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 {
  12169. padding-bottom: 135px;
  12170. margin-bottom: -135px;
  12171. }
  12172. .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,
  12173. .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 {
  12174. padding-bottom: 165px;
  12175. margin-bottom: -165px;
  12176. }
  12177. .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,
  12178. .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 {
  12179. padding-bottom: 25px;
  12180. margin-bottom: -25px;
  12181. }
  12182. .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,
  12183. .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 {
  12184. padding-bottom: 55px;
  12185. margin-bottom: -55px;
  12186. }
  12187. .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,
  12188. .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 {
  12189. padding-bottom: 85px;
  12190. margin-bottom: -85px;
  12191. }
  12192. .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,
  12193. .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 {
  12194. padding-bottom: 115px;
  12195. margin-bottom: -115px;
  12196. }
  12197. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-cell {
  12198. border-left: none;
  12199. border-right: none;
  12200. }
  12201. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel {
  12202. margin-top: 1px;
  12203. }
  12204. .dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
  12205. .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell,
  12206. .dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  12207. border-top: none;
  12208. }
  12209. .dx-scheduler-all-day-table-cell {
  12210. border-left: 1px solid #515159;
  12211. border-top: 1px solid #515159;
  12212. }
  12213. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
  12214. border-top: none;
  12215. border-left: none;
  12216. }
  12217. .dx-scheduler-work-space-week .dx-scheduler-all-day-title,
  12218. .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title,
  12219. .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title {
  12220. border-top: 1px solid #515159;
  12221. }
  12222. .dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
  12223. .dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
  12224. .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content {
  12225. padding: 0 7px;
  12226. }
  12227. .dx-scheduler-scrollable-fixed-content {
  12228. height: 100%;
  12229. }
  12230. .dx-scheduler-work-space-month .dx-scheduler-all-day-title {
  12231. display: none;
  12232. }
  12233. .dx-scheduler-work-space-month .dx-scheduler-header-panel {
  12234. width: 100%;
  12235. margin-left: 0;
  12236. }
  12237. .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-header-panel {
  12238. margin-left: 0;
  12239. }
  12240. .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row:before,
  12241. .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  12242. display: none;
  12243. }
  12244. .dx-scheduler-work-space-month .dx-scheduler-date-table {
  12245. width: 100%;
  12246. height: 100%;
  12247. margin-left: 0;
  12248. }
  12249. .dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-date-table {
  12250. margin-left: 0;
  12251. }
  12252. .dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  12253. display: none;
  12254. }
  12255. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell,
  12256. .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
  12257. border-right: none;
  12258. }
  12259. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child,
  12260. .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child {
  12261. border-left: none;
  12262. }
  12263. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  12264. height: auto;
  12265. vertical-align: top;
  12266. text-align: right;
  12267. font-size: 16px;
  12268. color: rgba(255, 255, 255, 0.54);
  12269. }
  12270. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
  12271. padding-right: 6px;
  12272. }
  12273. .dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  12274. padding: 0 7px;
  12275. }
  12276. .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  12277. padding: 0 25px 0 7px;
  12278. }
  12279. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  12280. padding: 0 7px 0 25px;
  12281. }
  12282. .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon {
  12283. top: 0;
  12284. }
  12285. .dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  12286. left: 0;
  12287. }
  12288. .dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-cell {
  12289. height: 75px;
  12290. }
  12291. .dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month {
  12292. color: #009688;
  12293. background-color: rgba(0, 150, 136, 0.15);
  12294. font-weight: bold;
  12295. }
  12296. .dx-scheduler-work-space-month .dx-scheduler-all-day-panel,
  12297. .dx-scheduler-timeline .dx-scheduler-all-day-panel,
  12298. .dx-scheduler-work-space-month .dx-scheduler-all-day-title,
  12299. .dx-scheduler-timeline .dx-scheduler-all-day-title {
  12300. display: none;
  12301. }
  12302. .dx-scheduler-work-space-month .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
  12303. .dx-scheduler-timeline .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  12304. right: 20px;
  12305. }
  12306. .dx-scheduler-timeline .dx-scheduler-fixed-appointments {
  12307. left: 0;
  12308. }
  12309. .dx-scheduler-timeline .dx-scheduler-header-row:before,
  12310. .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  12311. content: none;
  12312. }
  12313. .dx-scheduler-timeline .dx-scheduler-date-table {
  12314. border-spacing: 0;
  12315. border-collapse: separate;
  12316. margin-left: 0;
  12317. }
  12318. .dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
  12319. .dx-scheduler-timeline .dx-scheduler-date-table-cell {
  12320. width: 200px;
  12321. }
  12322. .dx-scheduler-timeline .dx-scheduler-date-table-cell {
  12323. border-right: none;
  12324. }
  12325. .dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table {
  12326. display: none;
  12327. }
  12328. .dx-scheduler-timeline .dx-scheduler-date-table {
  12329. display: -webkit-box;
  12330. display: -webkit-flex;
  12331. display: -ms-flexbox;
  12332. display: flex;
  12333. -webkit-box-orient: vertical;
  12334. -webkit-box-direction: normal;
  12335. -webkit-flex-flow: column nowrap;
  12336. -ms-flex-flow: column nowrap;
  12337. flex-flow: column nowrap;
  12338. }
  12339. .dx-scheduler-timeline .dx-scheduler-date-table tbody {
  12340. display: -webkit-box;
  12341. display: -webkit-flex;
  12342. display: -ms-flexbox;
  12343. display: flex;
  12344. -webkit-box-orient: vertical;
  12345. -webkit-box-direction: normal;
  12346. -webkit-flex-flow: column nowrap;
  12347. -ms-flex-flow: column nowrap;
  12348. flex-flow: column nowrap;
  12349. height: 100%;
  12350. min-height: 100px;
  12351. }
  12352. .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
  12353. display: -webkit-box;
  12354. display: -webkit-flex;
  12355. display: -ms-flexbox;
  12356. display: flex;
  12357. -webkit-box-orient: horizontal;
  12358. -webkit-box-direction: normal;
  12359. -webkit-flex-flow: row nowrap;
  12360. -ms-flex-flow: row nowrap;
  12361. flex-flow: row nowrap;
  12362. -webkit-box-flex: 1;
  12363. -webkit-flex: 1;
  12364. -ms-flex: 1;
  12365. flex: 1;
  12366. }
  12367. .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell {
  12368. display: -webkit-box;
  12369. display: -webkit-flex;
  12370. display: -ms-flexbox;
  12371. display: flex;
  12372. -webkit-box-orient: horizontal;
  12373. -webkit-box-direction: normal;
  12374. -webkit-flex-flow: row nowrap;
  12375. -ms-flex-flow: row nowrap;
  12376. flex-flow: row nowrap;
  12377. -webkit-box-align: stretch;
  12378. -webkit-align-items: stretch;
  12379. -ms-flex-align: stretch;
  12380. align-items: stretch;
  12381. -webkit-box-flex: 1;
  12382. -webkit-flex: 1 1 auto;
  12383. -ms-flex: 1 1 auto;
  12384. flex: 1 1 auto;
  12385. height: inherit;
  12386. }
  12387. .dx-scheduler-timeline .dx-scheduler-group-table {
  12388. border-spacing: 0;
  12389. border-collapse: separate;
  12390. display: -webkit-box;
  12391. display: -webkit-flex;
  12392. display: -ms-flexbox;
  12393. display: flex;
  12394. -webkit-box-orient: vertical;
  12395. -webkit-box-direction: normal;
  12396. -webkit-flex-flow: column nowrap;
  12397. -ms-flex-flow: column nowrap;
  12398. flex-flow: column nowrap;
  12399. }
  12400. .dx-scheduler-timeline .dx-scheduler-group-table tbody {
  12401. display: -webkit-box;
  12402. display: -webkit-flex;
  12403. display: -ms-flexbox;
  12404. display: flex;
  12405. -webkit-box-orient: vertical;
  12406. -webkit-box-direction: normal;
  12407. -webkit-flex-flow: column nowrap;
  12408. -ms-flex-flow: column nowrap;
  12409. flex-flow: column nowrap;
  12410. height: 100%;
  12411. }
  12412. .dx-scheduler-timeline .dx-scheduler-group-row {
  12413. display: -webkit-box;
  12414. display: -webkit-flex;
  12415. display: -ms-flexbox;
  12416. display: flex;
  12417. -webkit-box-orient: horizontal;
  12418. -webkit-box-direction: normal;
  12419. -webkit-flex-flow: row nowrap;
  12420. -ms-flex-flow: row nowrap;
  12421. flex-flow: row nowrap;
  12422. -webkit-box-flex: 1;
  12423. -webkit-flex: 1;
  12424. -ms-flex: 1;
  12425. flex: 1;
  12426. }
  12427. .dx-scheduler-timeline .dx-scheduler-group-header {
  12428. display: -webkit-box;
  12429. display: -webkit-flex;
  12430. display: -ms-flexbox;
  12431. display: flex;
  12432. -webkit-box-orient: horizontal;
  12433. -webkit-box-direction: normal;
  12434. -webkit-flex-flow: row nowrap;
  12435. -ms-flex-flow: row nowrap;
  12436. flex-flow: row nowrap;
  12437. -webkit-box-align: center;
  12438. -webkit-align-items: center;
  12439. -ms-flex-align: center;
  12440. align-items: center;
  12441. -webkit-box-flex: 1;
  12442. -webkit-flex: 1 1 auto;
  12443. -ms-flex: 1 1 auto;
  12444. flex: 1 1 auto;
  12445. padding: 0 10px 0 5px;
  12446. height: auto;
  12447. width: 100%;
  12448. }
  12449. .dx-scheduler-timeline .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div,
  12450. .dx-scheduler-timeline .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div {
  12451. margin-top: 200%;
  12452. }
  12453. .dx-scheduler-timeline .dx-scheduler-group-header-content {
  12454. overflow: visible;
  12455. margin: auto;
  12456. -webkit-box-flex: 1;
  12457. -webkit-flex-grow: 1;
  12458. -ms-flex-positive: 1;
  12459. flex-grow: 1;
  12460. }
  12461. .dx-scheduler-timeline .dx-scheduler-group-header-content div {
  12462. white-space: normal;
  12463. line-height: normal;
  12464. }
  12465. .dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
  12466. .dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
  12467. font-weight: normal;
  12468. text-align: left;
  12469. }
  12470. .dx-scheduler-timeline[dx-group-column-count='2'] .dx-scheduler-group-header:only-child,
  12471. .dx-scheduler-timeline[dx-group-column-count='3'] .dx-scheduler-group-header:only-child {
  12472. position: relative;
  12473. left: 80px;
  12474. width: 80px;
  12475. }
  12476. .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
  12477. width: 200px;
  12478. }
  12479. .dx-scheduler-timeline .dx-scheduler-date-table,
  12480. .dx-scheduler-timeline .dx-scheduler-date-table-scrollable .dx-scrollable-content,
  12481. .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content,
  12482. .dx-scheduler-timeline .dx-scheduler-group-table {
  12483. height: 100%;
  12484. min-height: 100px;
  12485. }
  12486. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content,
  12487. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content,
  12488. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table {
  12489. height: auto;
  12490. }
  12491. .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 {
  12492. border-top-color: transparent;
  12493. }
  12494. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  12495. border-bottom: 1px solid #515159;
  12496. }
  12497. .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  12498. border-bottom: 1px solid #515159;
  12499. }
  12500. .dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
  12501. padding-bottom: 50px;
  12502. margin-bottom: -50px;
  12503. }
  12504. .dx-scheduler-timeline .dx-scheduler-header-scrollable {
  12505. height: auto;
  12506. }
  12507. .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
  12508. display: none;
  12509. }
  12510. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  12511. display: block;
  12512. float: left;
  12513. padding-bottom: 50px;
  12514. margin-bottom: -50px;
  12515. }
  12516. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  12517. content: "";
  12518. height: 50px;
  12519. position: absolute;
  12520. display: block;
  12521. margin-top: -50px;
  12522. left: 0;
  12523. border-right: 1px solid #515159;
  12524. }
  12525. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header {
  12526. border: none;
  12527. border-top: 1px solid #515159;
  12528. }
  12529. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
  12530. border-right: 1px solid #515159;
  12531. }
  12532. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
  12533. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
  12534. border-left: none;
  12535. }
  12536. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
  12537. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
  12538. border-right: none;
  12539. border-left: 1px solid #515159;
  12540. }
  12541. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
  12542. display: none;
  12543. }
  12544. .dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-row:first-child .dx-scheduler-group-header {
  12545. border-top: none;
  12546. }
  12547. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  12548. margin-left: 0;
  12549. }
  12550. .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  12551. margin: 0;
  12552. padding: 0;
  12553. }
  12554. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  12555. margin: 0;
  12556. }
  12557. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-table,
  12558. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable,
  12559. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable:before {
  12560. width: 100px;
  12561. }
  12562. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
  12563. width: 100%;
  12564. }
  12565. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
  12566. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
  12567. margin-left: 100px;
  12568. }
  12569. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
  12570. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
  12571. margin-right: 100px;
  12572. margin-left: 0;
  12573. }
  12574. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
  12575. left: 100px;
  12576. }
  12577. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-table,
  12578. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable,
  12579. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable:before {
  12580. width: 160px;
  12581. }
  12582. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
  12583. width: 100%;
  12584. }
  12585. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
  12586. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
  12587. margin-left: 160px;
  12588. }
  12589. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
  12590. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
  12591. margin-right: 160px;
  12592. margin-left: 0;
  12593. }
  12594. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
  12595. left: 160px;
  12596. }
  12597. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-table,
  12598. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable,
  12599. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable:before {
  12600. width: 180px;
  12601. }
  12602. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
  12603. width: 100%;
  12604. }
  12605. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
  12606. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
  12607. margin-left: 180px;
  12608. }
  12609. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
  12610. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
  12611. margin-right: 180px;
  12612. margin-left: 0;
  12613. }
  12614. .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
  12615. left: 180px;
  12616. }
  12617. .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-group-header {
  12618. border-right: 1px solid #515159;
  12619. }
  12620. .dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-last-group-cell {
  12621. border-right: 1px solid #515159;
  12622. }
  12623. .dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon {
  12624. top: 0;
  12625. }
  12626. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
  12627. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
  12628. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12629. height: 121px;
  12630. }
  12631. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
  12632. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
  12633. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12634. height: 151px;
  12635. }
  12636. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
  12637. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
  12638. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12639. height: 181px;
  12640. }
  12641. .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
  12642. .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable,
  12643. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable {
  12644. height: 91px;
  12645. }
  12646. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  12647. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  12648. .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 {
  12649. height: auto;
  12650. }
  12651. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
  12652. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
  12653. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  12654. padding-bottom: 90px;
  12655. margin-bottom: -90px;
  12656. }
  12657. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
  12658. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
  12659. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  12660. height: 91px;
  12661. margin-top: -91px;
  12662. }
  12663. .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
  12664. .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable,
  12665. .dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable {
  12666. padding-bottom: 90px;
  12667. margin-bottom: -90px;
  12668. }
  12669. .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
  12670. .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
  12671. .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
  12672. .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
  12673. .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
  12674. .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
  12675. border-right: none;
  12676. }
  12677. .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
  12678. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
  12679. .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
  12680. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
  12681. .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
  12682. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n) {
  12683. border-left: none;
  12684. }
  12685. .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
  12686. .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
  12687. .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
  12688. border-right: none;
  12689. }
  12690. .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
  12691. .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
  12692. .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
  12693. border-left: none;
  12694. }
  12695. .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
  12696. .dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
  12697. .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
  12698. border-right: none;
  12699. }
  12700. .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell,
  12701. .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
  12702. .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
  12703. border-left: none;
  12704. }
  12705. .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
  12706. .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
  12707. .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) {
  12708. border-right: 1px solid #515159;
  12709. }
  12710. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n),
  12711. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
  12712. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n) {
  12713. border-left: 1px solid #515159;
  12714. }
  12715. .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
  12716. .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
  12717. .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
  12718. border-right: 1px solid #515159;
  12719. }
  12720. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n),
  12721. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
  12722. .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n) {
  12723. border-right: 1px solid #515159;
  12724. border-left: 1px solid #515159;
  12725. }
  12726. .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n),
  12727. .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n),
  12728. .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) {
  12729. border-right: 1px solid #515159;
  12730. }
  12731. .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),
  12732. .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),
  12733. .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) {
  12734. border-left: 1px solid #515159;
  12735. }
  12736. .dx-scheduler-header-panel {
  12737. border-spacing: 0;
  12738. table-layout: fixed;
  12739. margin-top: 10px;
  12740. width: 100%;
  12741. font-size: 20px;
  12742. }
  12743. .dx-scheduler-all-day-title-hidden {
  12744. display: none;
  12745. }
  12746. .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day) .dx-scheduler-all-day-title-hidden {
  12747. display: block;
  12748. background-color: transparent;
  12749. color: transparent;
  12750. border-left: none;
  12751. border-right: none;
  12752. border-bottom: none;
  12753. height: 0;
  12754. }
  12755. .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 {
  12756. height: 81px;
  12757. }
  12758. .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 {
  12759. height: 111px;
  12760. }
  12761. .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 {
  12762. height: 141px;
  12763. }
  12764. .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 {
  12765. height: 51px;
  12766. }
  12767. .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 {
  12768. height: auto;
  12769. }
  12770. .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,
  12771. .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 {
  12772. padding-bottom: 50px;
  12773. margin-bottom: -50px;
  12774. }
  12775. .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,
  12776. .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 {
  12777. padding-bottom: 80px;
  12778. margin-bottom: -80px;
  12779. }
  12780. .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,
  12781. .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 {
  12782. padding-bottom: 110px;
  12783. margin-bottom: -110px;
  12784. }
  12785. .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,
  12786. .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 {
  12787. padding-bottom: 140px;
  12788. margin-bottom: -140px;
  12789. }
  12790. .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 {
  12791. height: 41px;
  12792. }
  12793. .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 {
  12794. height: 71px;
  12795. }
  12796. .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 {
  12797. height: 101px;
  12798. }
  12799. .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 {
  12800. height: 11px;
  12801. }
  12802. .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 {
  12803. height: auto;
  12804. }
  12805. .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,
  12806. .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 {
  12807. padding-bottom: 10px;
  12808. margin-bottom: -10px;
  12809. }
  12810. .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,
  12811. .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 {
  12812. padding-bottom: 40px;
  12813. margin-bottom: -40px;
  12814. }
  12815. .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,
  12816. .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 {
  12817. padding-bottom: 70px;
  12818. margin-bottom: -70px;
  12819. }
  12820. .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,
  12821. .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 {
  12822. padding-bottom: 100px;
  12823. margin-bottom: -100px;
  12824. }
  12825. .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 {
  12826. margin-left: 65px;
  12827. }
  12828. .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 {
  12829. margin-left: 0;
  12830. }
  12831. .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 {
  12832. margin-left: 32.5px;
  12833. }
  12834. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  12835. width: auto;
  12836. margin-left: 0;
  12837. }
  12838. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-group-row:before,
  12839. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  12840. display: none;
  12841. }
  12842. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel {
  12843. margin-left: 0;
  12844. }
  12845. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-row:before {
  12846. display: none;
  12847. }
  12848. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
  12849. z-index: 100;
  12850. border-right: 1px solid #515159;
  12851. }
  12852. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  12853. content: "";
  12854. position: absolute;
  12855. left: 0;
  12856. width: 65px;
  12857. border-right: 1px solid #515159;
  12858. }
  12859. .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  12860. width: 32.5px;
  12861. }
  12862. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  12863. float: none;
  12864. margin-left: 0;
  12865. }
  12866. .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  12867. margin-left: 0;
  12868. }
  12869. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  12870. display: none;
  12871. }
  12872. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
  12873. float: left;
  12874. }
  12875. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  12876. margin-left: 65px;
  12877. }
  12878. .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  12879. margin-left: 32.5px;
  12880. }
  12881. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
  12882. border-right: 1px solid #515159;
  12883. }
  12884. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12885. height: 81px;
  12886. }
  12887. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12888. height: 111px;
  12889. }
  12890. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12891. height: 141px;
  12892. }
  12893. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
  12894. height: 51px;
  12895. }
  12896. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  12897. height: auto;
  12898. }
  12899. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12900. height: 31px;
  12901. }
  12902. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12903. height: 61px;
  12904. }
  12905. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12906. height: 91px;
  12907. }
  12908. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  12909. height: 1px;
  12910. }
  12911. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  12912. height: auto;
  12913. }
  12914. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-panel {
  12915. width: 100%;
  12916. }
  12917. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  12918. margin: 0 0 0 65px;
  12919. padding: 0;
  12920. }
  12921. .dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  12922. margin: 0 0 0 32.5px;
  12923. }
  12924. .dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  12925. margin: 0 65px 0 0;
  12926. }
  12927. .dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  12928. margin: 0 32.5px 0 0;
  12929. }
  12930. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  12931. height: 156px;
  12932. }
  12933. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  12934. height: 186px;
  12935. }
  12936. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  12937. height: 216px;
  12938. }
  12939. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
  12940. height: 126px;
  12941. }
  12942. .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 {
  12943. height: auto;
  12944. }
  12945. .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 {
  12946. height: 106px;
  12947. }
  12948. .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 {
  12949. height: 136px;
  12950. }
  12951. .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 {
  12952. height: 166px;
  12953. }
  12954. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  12955. height: 76px;
  12956. }
  12957. .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 {
  12958. height: auto;
  12959. }
  12960. .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 {
  12961. height: 116px;
  12962. }
  12963. .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 {
  12964. height: 146px;
  12965. }
  12966. .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 {
  12967. height: 176px;
  12968. }
  12969. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  12970. height: 86px;
  12971. }
  12972. .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 {
  12973. height: auto;
  12974. }
  12975. .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 {
  12976. height: 66px;
  12977. }
  12978. .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 {
  12979. height: 96px;
  12980. }
  12981. .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 {
  12982. height: 126px;
  12983. }
  12984. .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 {
  12985. height: 36px;
  12986. }
  12987. .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 {
  12988. height: auto;
  12989. }
  12990. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable,
  12991. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable.dx-scrollable {
  12992. margin: 0;
  12993. padding: 0;
  12994. }
  12995. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
  12996. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-scrollable {
  12997. margin-left: 0;
  12998. }
  12999. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  13000. height: 81px;
  13001. }
  13002. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  13003. height: 111px;
  13004. }
  13005. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  13006. height: 141px;
  13007. }
  13008. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
  13009. height: 51px;
  13010. }
  13011. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  13012. height: auto;
  13013. }
  13014. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  13015. display: none;
  13016. }
  13017. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
  13018. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child,
  13019. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child {
  13020. border-left: none;
  13021. }
  13022. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-scrollable-appointments {
  13023. top: 0;
  13024. }
  13025. .dx-scheduler-header-panel-cell {
  13026. position: relative;
  13027. border-left: 1px solid #515159;
  13028. border-right: 1px solid #515159;
  13029. color: rgba(255, 255, 255, 0.54);
  13030. padding: 0;
  13031. vertical-align: middle;
  13032. height: 40px;
  13033. text-align: center;
  13034. font-weight: normal;
  13035. overflow: hidden;
  13036. text-overflow: ellipsis;
  13037. white-space: nowrap;
  13038. }
  13039. .dx-scheduler-group-row:before,
  13040. .dx-scheduler-header-row:before,
  13041. .dx-scheduler-all-day-table-row:before {
  13042. content: "";
  13043. width: 65px;
  13044. display: table-cell;
  13045. }
  13046. .dx-scheduler-small .dx-scheduler-group-row:before,
  13047. .dx-scheduler-small .dx-scheduler-header-row:before,
  13048. .dx-scheduler-small .dx-scheduler-all-day-table-row:before {
  13049. width: 32.5px;
  13050. }
  13051. .dx-scheduler-all-day-panel {
  13052. width: 100%;
  13053. }
  13054. .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
  13055. border-bottom: 2px solid #515159;
  13056. }
  13057. .dx-scheduler-all-day-title {
  13058. color: rgba(255, 255, 255, 0.54);
  13059. width: 65px;
  13060. height: 75px;
  13061. position: absolute;
  13062. line-height: 75px;
  13063. text-align: center;
  13064. border-bottom: 2px solid #515159;
  13065. -webkit-user-select: none;
  13066. -moz-user-select: none;
  13067. -ms-user-select: none;
  13068. user-select: none;
  13069. -webkit-touch-callout: none;
  13070. }
  13071. .dx-scheduler-small .dx-scheduler-all-day-title {
  13072. width: 32.5px;
  13073. }
  13074. .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
  13075. height: 25px;
  13076. line-height: 25px;
  13077. }
  13078. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-title {
  13079. height: 50px;
  13080. line-height: 50px;
  13081. }
  13082. .dx-scheduler-all-day-table {
  13083. border-spacing: 0;
  13084. table-layout: fixed;
  13085. width: 100%;
  13086. }
  13087. .dx-scheduler-all-day-table {
  13088. height: 75px;
  13089. }
  13090. .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
  13091. height: 25px;
  13092. }
  13093. .dx-scheduler-group-header {
  13094. height: 30px;
  13095. text-align: center;
  13096. }
  13097. .dx-scheduler-time-panel {
  13098. float: left;
  13099. width: 65px;
  13100. border-collapse: collapse;
  13101. font-size: 20px;
  13102. }
  13103. .dx-scheduler-small .dx-scheduler-time-panel {
  13104. width: 32.5px;
  13105. font-size: 14px;
  13106. }
  13107. .dx-scheduler-time-panel-cell {
  13108. color: rgba(255, 255, 255, 0.54);
  13109. position: relative;
  13110. width: 100%;
  13111. text-align: right;
  13112. vertical-align: top;
  13113. height: 50px;
  13114. padding-right: 20px;
  13115. border-bottom: 1px solid transparent;
  13116. }
  13117. .dx-scheduler-time-panel-cell > div {
  13118. margin-top: -13px;
  13119. }
  13120. .dx-scheduler-small .dx-scheduler-time-panel-cell {
  13121. padding-left: 0;
  13122. padding-right: 10px;
  13123. }
  13124. .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell > div {
  13125. margin-top: 0;
  13126. }
  13127. .dx-scheduler-time-panel-cell:after {
  13128. position: absolute;
  13129. bottom: -1px;
  13130. width: 10%;
  13131. height: 1px;
  13132. content: '';
  13133. right: 0;
  13134. background-color: #515159;
  13135. }
  13136. .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell {
  13137. color: #009688;
  13138. }
  13139. .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before {
  13140. position: absolute;
  13141. top: 0;
  13142. right: 0;
  13143. width: 2px;
  13144. height: inherit;
  13145. content: '';
  13146. background-color: #EB5757;
  13147. }
  13148. .dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell:after {
  13149. display: none;
  13150. }
  13151. .dx-scheduler-date-table {
  13152. width: 100%;
  13153. border-spacing: 0;
  13154. table-layout: fixed;
  13155. float: left;
  13156. margin-left: -65px;
  13157. }
  13158. .dx-scheduler-small .dx-scheduler-date-table {
  13159. margin-left: -32.5px;
  13160. }
  13161. .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  13162. content: "";
  13163. width: 65px;
  13164. display: table-cell;
  13165. }
  13166. .dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  13167. width: 32.5px;
  13168. }
  13169. .dx-scheduler-date-table-cell {
  13170. border-left: 1px solid #515159;
  13171. border-right: 1px solid #515159;
  13172. height: 50px;
  13173. }
  13174. .dx-scheduler-all-day-table-cell.dx-state-active,
  13175. .dx-scheduler-date-table-cell.dx-state-active {
  13176. background-color: #515159;
  13177. }
  13178. .dx-scheduler-all-day-table-cell.dx-state-hover,
  13179. .dx-scheduler-date-table-cell.dx-state-hover {
  13180. background-color: rgba(255, 255, 255, 0.54);
  13181. }
  13182. .dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused,
  13183. .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused {
  13184. background-color: rgba(0, 150, 136, 0.12);
  13185. }
  13186. .dx-scheduler-all-day-table-cell.dx-state-focused,
  13187. .dx-scheduler-date-table-cell.dx-state-focused {
  13188. background-color: rgba(0, 150, 136, 0.12);
  13189. opacity: 1;
  13190. }
  13191. .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
  13192. .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
  13193. -webkit-box-shadow: inset 0 0 0 1px #009688;
  13194. box-shadow: inset 0 0 0 1px #009688;
  13195. }
  13196. .dx-scheduler-date-table-droppable-cell {
  13197. background-color: #2a2a32;
  13198. }
  13199. .dx-scheduler-scrollable-appointments {
  13200. position: absolute;
  13201. top: 0;
  13202. }
  13203. .dx-scheduler-appointment {
  13204. border-bottom: 1px solid transparent;
  13205. background-clip: padding-box;
  13206. position: absolute;
  13207. cursor: default;
  13208. -webkit-user-select: none;
  13209. -moz-user-select: none;
  13210. -ms-user-select: none;
  13211. user-select: none;
  13212. -webkit-touch-callout: none;
  13213. background-color: #009688;
  13214. color: rgba(0, 0, 0, 0.87);
  13215. -webkit-box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
  13216. box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
  13217. left: 0;
  13218. min-width: 4px;
  13219. min-height: 4px;
  13220. }
  13221. .dx-scheduler-appointment.dx-state-active,
  13222. .dx-scheduler-appointment.dx-resizable-resizing {
  13223. -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);
  13224. box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
  13225. }
  13226. .dx-scheduler-appointment.dx-state-focused {
  13227. -webkit-box-shadow: none;
  13228. box-shadow: none;
  13229. }
  13230. .dx-scheduler-appointment.dx-state-focused:before {
  13231. pointer-events: none;
  13232. content: "";
  13233. position: absolute;
  13234. top: 0;
  13235. left: 0;
  13236. right: 0;
  13237. bottom: 0;
  13238. }
  13239. .dx-scheduler-appointment.dx-state-focused:before {
  13240. background-color: rgba(0, 0, 0, 0.3);
  13241. opacity: 0.98;
  13242. }
  13243. .dx-scheduler-appointment.dx-state-hover {
  13244. -webkit-box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3);
  13245. box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3);
  13246. }
  13247. .dx-scheduler-appointment.dx-state-hover.dx-resizable {
  13248. -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);
  13249. box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3), inset 0 -2px 0 0 rgba(0, 0, 0, 0.3);
  13250. }
  13251. .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top {
  13252. height: 5px;
  13253. }
  13254. .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left {
  13255. width: 5px;
  13256. }
  13257. .dx-scheduler-appointment.dx-draggable-dragging {
  13258. -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);
  13259. 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);
  13260. }
  13261. .dx-scheduler-appointment.dx-resizable-resizing,
  13262. .dx-scheduler-appointment.dx-draggable-dragging {
  13263. z-index: 1000;
  13264. opacity: 0.7;
  13265. }
  13266. .dx-scheduler-appointment .dx-resizable-handle-left {
  13267. left: -1px;
  13268. }
  13269. .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
  13270. position: absolute;
  13271. top: 3px;
  13272. right: 5px;
  13273. font: 14px/1 DXIcons;
  13274. }
  13275. .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
  13276. content: "\f00e";
  13277. }
  13278. .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
  13279. right: auto;
  13280. left: 3px;
  13281. font: 14px/1 DXIcons;
  13282. }
  13283. .dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
  13284. content: "\f011";
  13285. }
  13286. .dx-scheduler-appointment.dx-scheduler-appointment-empty .dx-scheduler-appointment-reduced-icon,
  13287. .dx-scheduler-appointment.dx-scheduler-appointment-tail .dx-scheduler-appointment-reduced-icon {
  13288. display: none;
  13289. }
  13290. .dx-scheduler-appointment.dx-state-disabled {
  13291. cursor: default;
  13292. opacity: 0.6;
  13293. }
  13294. .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
  13295. .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content,
  13296. .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
  13297. padding-right: 40px;
  13298. }
  13299. .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced-icon,
  13300. .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced-icon,
  13301. .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced-icon {
  13302. top: 9px;
  13303. }
  13304. .dx-scheduler-work-space-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
  13305. .dx-scheduler-work-space-work-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
  13306. .dx-scheduler-work-space-day .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  13307. top: calc(35% - 3px);
  13308. right: 20px;
  13309. }
  13310. .dx-scheduler-timeline .dx-scheduler-appointment,
  13311. .dx-scheduler-work-space-month .dx-scheduler-appointment,
  13312. .dx-scheduler-all-day-appointment {
  13313. -webkit-box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
  13314. box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
  13315. }
  13316. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment,
  13317. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment,
  13318. .dx-rtl .dx-scheduler-all-day-appointment {
  13319. -webkit-box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
  13320. box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
  13321. }
  13322. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
  13323. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active,
  13324. .dx-scheduler-all-day-appointment.dx-state-active,
  13325. .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
  13326. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
  13327. .dx-scheduler-all-day-appointment.dx-resizable-resizing {
  13328. -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);
  13329. box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
  13330. }
  13331. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
  13332. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused,
  13333. .dx-scheduler-all-day-appointment.dx-state-focused {
  13334. -webkit-box-shadow: none;
  13335. box-shadow: none;
  13336. }
  13337. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
  13338. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
  13339. .dx-scheduler-all-day-appointment.dx-state-focused:before {
  13340. pointer-events: none;
  13341. content: "";
  13342. position: absolute;
  13343. top: 0;
  13344. left: 0;
  13345. right: 0;
  13346. bottom: 0;
  13347. }
  13348. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
  13349. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused:before,
  13350. .dx-scheduler-all-day-appointment.dx-state-focused:before {
  13351. background-color: rgba(0, 0, 0, 0.3);
  13352. opacity: 0.98;
  13353. }
  13354. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
  13355. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
  13356. .dx-scheduler-all-day-appointment.dx-state-hover {
  13357. -webkit-box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3);
  13358. box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3);
  13359. }
  13360. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  13361. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  13362. .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
  13363. -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);
  13364. box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3), inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
  13365. }
  13366. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
  13367. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
  13368. .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover {
  13369. -webkit-box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3);
  13370. box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3);
  13371. }
  13372. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  13373. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  13374. .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable {
  13375. -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);
  13376. box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3), inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
  13377. }
  13378. .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
  13379. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging,
  13380. .dx-scheduler-all-day-appointment.dx-draggable-dragging {
  13381. -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);
  13382. 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);
  13383. }
  13384. .dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon {
  13385. position: absolute;
  13386. top: 15%;
  13387. }
  13388. .dx-scheduler-appointment.dx-scheduler-appointment-body,
  13389. .dx-scheduler-appointment.dx-scheduler-appointment-tail {
  13390. -webkit-box-shadow: none;
  13391. box-shadow: none;
  13392. }
  13393. .dx-scheduler-group-header-content div {
  13394. overflow: hidden;
  13395. text-overflow: ellipsis;
  13396. white-space: nowrap;
  13397. }
  13398. .dx-scheduler-appointment-recurrence-icon {
  13399. position: absolute;
  13400. background-repeat: no-repeat;
  13401. top: 3px;
  13402. right: 5px;
  13403. display: none;
  13404. }
  13405. .dx-scheduler-appointment-recurrence-icon.dx-icon-repeat {
  13406. font-size: 18px;
  13407. }
  13408. .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-recurrence-icon {
  13409. display: block;
  13410. }
  13411. .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  13412. padding: 5px 25px 5px 7px;
  13413. }
  13414. .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  13415. padding: 5px 7px 5px 25px;
  13416. }
  13417. .dx-scheduler-appointment-content {
  13418. padding: 5px 7px;
  13419. cursor: pointer;
  13420. height: 100%;
  13421. overflow: hidden;
  13422. text-overflow: ellipsis;
  13423. white-space: nowrap;
  13424. opacity: 0.99;
  13425. }
  13426. .dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  13427. font-size: 12px;
  13428. }
  13429. .dx-scheduler-appointment-content > * {
  13430. overflow: hidden;
  13431. text-overflow: ellipsis;
  13432. white-space: nowrap;
  13433. }
  13434. .dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details,
  13435. .dx-scheduler-appointment-empty .dx-scheduler-appointment-title,
  13436. .dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon {
  13437. display: none;
  13438. }
  13439. .dx-scheduler-appointment-content-details {
  13440. font-size: 11px;
  13441. white-space: pre;
  13442. overflow: hidden;
  13443. }
  13444. .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content-details,
  13445. .dx-scheduler-work-space-month .dx-scheduler-appointment-content-details {
  13446. display: none;
  13447. }
  13448. .dx-scheduler-appointment-content-date {
  13449. opacity: 0.7;
  13450. display: inline-block;
  13451. overflow: hidden;
  13452. text-overflow: ellipsis;
  13453. white-space: nowrap;
  13454. }
  13455. .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch,
  13456. .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox {
  13457. margin: 0;
  13458. }
  13459. .dx-scheduler-appointment-popup .dx-field-item-label-location-left {
  13460. padding-right: 20px;
  13461. }
  13462. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item {
  13463. padding-top: 13px;
  13464. }
  13465. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align.dx-flex-layout {
  13466. -webkit-box-align: start;
  13467. -webkit-align-items: start;
  13468. -ms-flex-align: start;
  13469. align-items: start;
  13470. }
  13471. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value,
  13472. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label {
  13473. float: none;
  13474. }
  13475. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value .dx-recurrence-numberbox-repeat-count,
  13476. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label .dx-recurrence-numberbox-repeat-count {
  13477. float: left;
  13478. }
  13479. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
  13480. padding-top: 7px;
  13481. }
  13482. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
  13483. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
  13484. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
  13485. position: absolute;
  13486. left: -90px;
  13487. padding-right: 10px;
  13488. }
  13489. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
  13490. position: relative;
  13491. left: -88px;
  13492. top: 13px;
  13493. }
  13494. .dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value {
  13495. display: inline-block;
  13496. }
  13497. .dx-scheduler-appointment-popup .dx-field {
  13498. min-height: 0;
  13499. }
  13500. .dx-scheduler-appointment-popup .dx-field-label {
  13501. width: auto;
  13502. }
  13503. .dx-scheduler-appointment-popup .dx-field-value {
  13504. padding-left: 0;
  13505. padding-right: 0;
  13506. }
  13507. .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox {
  13508. float: left;
  13509. }
  13510. .dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
  13511. float: right;
  13512. }
  13513. .dx-scheduler-appointment-collector {
  13514. background-color: #009688;
  13515. color: rgba(0, 0, 0, 0.87);
  13516. }
  13517. .dx-scheduler-appointment-collector.dx-button,
  13518. .dx-scheduler-appointment-collector.dx-button.dx-state-hover,
  13519. .dx-scheduler-appointment-collector.dx-button.dx-state-active,
  13520. .dx-scheduler-appointment-collector.dx-button.dx-state-focused {
  13521. background-color: #009688;
  13522. color: rgba(0, 0, 0, 0.87);
  13523. border: none;
  13524. -webkit-box-shadow: none;
  13525. box-shadow: none;
  13526. }
  13527. .dx-scheduler-appointment-collector.dx-button .dx-button-content,
  13528. .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-button-content,
  13529. .dx-scheduler-appointment-collector.dx-button.dx-state-active .dx-button-content,
  13530. .dx-scheduler-appointment-collector.dx-button.dx-state-focused .dx-button-content {
  13531. line-height: inherit;
  13532. }
  13533. .dx-scheduler-appointment-collector.dx-button.dx-state-hover:before {
  13534. pointer-events: none;
  13535. content: "";
  13536. position: absolute;
  13537. top: 0;
  13538. left: 0;
  13539. right: 0;
  13540. bottom: 0;
  13541. background-color: rgba(0, 0, 0, 0.3);
  13542. opacity: 0.98;
  13543. }
  13544. .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-scheduler-appointment-collector-content {
  13545. color: rgba(0, 0, 0, 0.87);
  13546. opacity: 0.99;
  13547. }
  13548. .dx-scheduler-appointment-collector-compact .dx-scheduler-appointment-collector-content span:last-child {
  13549. padding-left: 0;
  13550. }
  13551. .dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
  13552. margin-top: 10px;
  13553. }
  13554. .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
  13555. .dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13556. padding-bottom: 0;
  13557. margin-bottom: 0;
  13558. }
  13559. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  13560. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13561. padding-bottom: 30px;
  13562. margin-bottom: -30px;
  13563. }
  13564. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  13565. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13566. padding-bottom: 60px;
  13567. margin-bottom: -60px;
  13568. }
  13569. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  13570. .dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13571. padding-bottom: 90px;
  13572. margin-bottom: -90px;
  13573. }
  13574. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  13575. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13576. padding-bottom: 75px;
  13577. margin-bottom: -75px;
  13578. }
  13579. .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,
  13580. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13581. padding-bottom: 105px;
  13582. margin-bottom: -105px;
  13583. }
  13584. .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,
  13585. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13586. padding-bottom: 135px;
  13587. margin-bottom: -135px;
  13588. }
  13589. .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,
  13590. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13591. padding-bottom: 165px;
  13592. margin-bottom: -165px;
  13593. }
  13594. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
  13595. .dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  13596. padding-bottom: 25px;
  13597. margin-bottom: -25px;
  13598. }
  13599. .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,
  13600. .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 {
  13601. padding-bottom: 55px;
  13602. margin-bottom: -55px;
  13603. }
  13604. .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,
  13605. .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 {
  13606. padding-bottom: 85px;
  13607. margin-bottom: -85px;
  13608. }
  13609. .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,
  13610. .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 {
  13611. padding-bottom: 115px;
  13612. margin-bottom: -115px;
  13613. }
  13614. .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  13615. padding-left: 65px;
  13616. width: 100%;
  13617. height: 0;
  13618. }
  13619. .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  13620. padding-left: 32.5px;
  13621. }
  13622. .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments.dx-rtl {
  13623. padding-left: 0;
  13624. padding-right: 32.5px;
  13625. }
  13626. .dx-scheduler-agenda .dx-scheduler-appointment {
  13627. position: relative;
  13628. -webkit-box-shadow: none;
  13629. box-shadow: none;
  13630. }
  13631. .dx-scheduler-agenda .dx-scheduler-time-panel {
  13632. margin-top: 0;
  13633. }
  13634. .dx-scheduler-agenda .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell {
  13635. padding-top: 0;
  13636. padding-bottom: 0;
  13637. }
  13638. .dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  13639. vertical-align: top;
  13640. }
  13641. .dx-scheduler-agenda .dx-scheduler-time-panel-cell:after {
  13642. display: none;
  13643. }
  13644. .dx-scheduler-agenda .dx-scheduler-group-table {
  13645. border-spacing: 0;
  13646. margin-top: 0;
  13647. height: 100%;
  13648. float: left;
  13649. }
  13650. .dx-scheduler-agenda .dx-scheduler-time-panel-cell,
  13651. .dx-scheduler-agenda .dx-scheduler-date-table-cell {
  13652. border: none;
  13653. }
  13654. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  13655. float: right;
  13656. }
  13657. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
  13658. display: none;
  13659. }
  13660. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:first-child .dx-scheduler-group-header-content:before {
  13661. border-bottom: none;
  13662. }
  13663. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-cell:after {
  13664. display: none;
  13665. }
  13666. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-last-row.dx-scheduler-date-table-row {
  13667. border-bottom: 1px solid #515159;
  13668. }
  13669. .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  13670. margin-right: -80px;
  13671. }
  13672. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  13673. margin-left: -40px;
  13674. }
  13675. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  13676. margin-left: -80px;
  13677. }
  13678. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  13679. margin-left: -40px;
  13680. }
  13681. .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  13682. padding-left: 145px;
  13683. }
  13684. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  13685. padding-left: 72.5px;
  13686. }
  13687. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  13688. padding-left: 0;
  13689. padding-right: 145px;
  13690. }
  13691. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  13692. padding-right: 72.5px;
  13693. }
  13694. .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  13695. margin-right: -160px;
  13696. }
  13697. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  13698. margin-left: -80px;
  13699. }
  13700. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  13701. margin-left: -160px;
  13702. }
  13703. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  13704. margin-left: -80px;
  13705. }
  13706. .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  13707. padding-left: 225px;
  13708. }
  13709. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  13710. padding-left: 112.5px;
  13711. }
  13712. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  13713. padding-left: 0;
  13714. padding-right: 225px;
  13715. }
  13716. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  13717. padding-right: 112.5px;
  13718. }
  13719. .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  13720. margin-right: -240px;
  13721. }
  13722. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  13723. margin-left: -120px;
  13724. }
  13725. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  13726. margin-left: -240px;
  13727. }
  13728. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  13729. margin-left: -120px;
  13730. }
  13731. .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  13732. padding-left: 305px;
  13733. }
  13734. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  13735. padding-left: 152.5px;
  13736. }
  13737. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  13738. padding-left: 0;
  13739. padding-right: 305px;
  13740. }
  13741. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  13742. padding-right: 152.5px;
  13743. }
  13744. .dx-scheduler-agenda .dx-scheduler-group-header {
  13745. vertical-align: top;
  13746. width: 80px;
  13747. border-top: none;
  13748. border-left: none;
  13749. border-right: none;
  13750. font-size: 18px;
  13751. font-weight: normal;
  13752. padding: 0;
  13753. }
  13754. .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header {
  13755. width: 40px;
  13756. font-size: 14px;
  13757. }
  13758. .dx-scheduler-agenda .dx-scheduler-group-header[rowspan='2'],
  13759. .dx-scheduler-agenda .dx-scheduler-group-header[rowspan='3'] {
  13760. font-weight: bold;
  13761. }
  13762. .dx-scheduler-agenda .dx-scheduler-group-header-content {
  13763. width: 80px;
  13764. overflow: hidden;
  13765. }
  13766. .dx-scheduler-agenda .dx-scheduler-group-header-content:before {
  13767. content: "";
  13768. display: block;
  13769. height: 1px;
  13770. width: 100%;
  13771. border-bottom: 1px solid #515159;
  13772. }
  13773. .dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header-content {
  13774. width: 38px;
  13775. }
  13776. .dx-scheduler-agenda .dx-scheduler-group-header-content div {
  13777. white-space: normal;
  13778. }
  13779. .dx-scheduler-agenda .dx-scheduler-appointment-content {
  13780. font-size: 16px;
  13781. }
  13782. .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date,
  13783. .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday {
  13784. opacity: 1;
  13785. font-weight: bold;
  13786. font-size: 13px;
  13787. margin-top: 4px;
  13788. }
  13789. .dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
  13790. display: inline-block;
  13791. overflow: hidden;
  13792. text-overflow: ellipsis;
  13793. white-space: nowrap;
  13794. padding-right: 5px;
  13795. }
  13796. .dx-rtl .dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
  13797. padding-right: 0;
  13798. padding-left: 5px;
  13799. }
  13800. .dx-scheduler-agenda-nodata {
  13801. text-align: center;
  13802. font-size: 20px;
  13803. opacity: 0.5;
  13804. position: absolute;
  13805. top: 45%;
  13806. left: 0;
  13807. right: 0;
  13808. }
  13809. .dx-timezone-editor {
  13810. overflow: hidden;
  13811. }
  13812. .dx-timezone-editor .dx-timezone-display-name {
  13813. float: left;
  13814. width: 75%;
  13815. }
  13816. .dx-timezone-editor .dx-timezone-iana-id {
  13817. float: right;
  13818. width: 23%;
  13819. }
  13820. .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 {
  13821. padding-bottom: 90px;
  13822. margin-bottom: 90px;
  13823. }
  13824. .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 {
  13825. padding-bottom: 130px;
  13826. margin-bottom: 130px;
  13827. }
  13828. .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 {
  13829. padding-bottom: 170px;
  13830. margin-bottom: 170px;
  13831. }
  13832. .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,
  13833. .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,
  13834. .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 {
  13835. padding-bottom: 130px;
  13836. margin-bottom: 130px;
  13837. }
  13838. .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,
  13839. .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,
  13840. .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 {
  13841. padding-bottom: 170px;
  13842. margin-bottom: 170px;
  13843. }
  13844. .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,
  13845. .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,
  13846. .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 {
  13847. padding-bottom: 210px;
  13848. margin-bottom: 210px;
  13849. }
  13850. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
  13851. display: none;
  13852. }
  13853. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  13854. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
  13855. margin-left: 0 !important;
  13856. }
  13857. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content {
  13858. height: 40px;
  13859. }
  13860. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-panel {
  13861. display: -webkit-box;
  13862. display: -webkit-flex;
  13863. display: -ms-flexbox;
  13864. display: flex;
  13865. -webkit-box-orient: horizontal;
  13866. -webkit-box-direction: normal;
  13867. -webkit-flex-flow: row nowrap;
  13868. -ms-flex-flow: row nowrap;
  13869. flex-flow: row nowrap;
  13870. }
  13871. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-row,
  13872. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-row {
  13873. display: -webkit-box;
  13874. display: -webkit-flex;
  13875. display: -ms-flexbox;
  13876. display: flex;
  13877. -webkit-box-orient: horizontal;
  13878. -webkit-box-direction: normal;
  13879. -webkit-flex-flow: row nowrap;
  13880. -ms-flex-flow: row nowrap;
  13881. flex-flow: row nowrap;
  13882. }
  13883. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
  13884. -webkit-box-flex: 1;
  13885. -webkit-flex-grow: 1;
  13886. -ms-flex-positive: 1;
  13887. flex-grow: 1;
  13888. -webkit-flex-basis: 0;
  13889. -ms-flex-preferred-size: 0;
  13890. flex-basis: 0;
  13891. display: -webkit-box;
  13892. display: -webkit-flex;
  13893. display: -ms-flexbox;
  13894. display: flex;
  13895. -webkit-box-orient: horizontal;
  13896. -webkit-box-direction: normal;
  13897. -webkit-flex-flow: row nowrap;
  13898. -ms-flex-flow: row nowrap;
  13899. flex-flow: row nowrap;
  13900. }
  13901. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
  13902. -webkit-flex-basis: auto;
  13903. -ms-flex-preferred-size: auto;
  13904. flex-basis: auto;
  13905. }
  13906. .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 {
  13907. border-right: none;
  13908. }
  13909. .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  13910. height: auto;
  13911. }
  13912. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table {
  13913. width: 65px;
  13914. }
  13915. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
  13916. width: 100%;
  13917. }
  13918. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
  13919. margin-left: -130px;
  13920. }
  13921. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
  13922. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
  13923. width: 130px;
  13924. }
  13925. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
  13926. margin-right: -130px;
  13927. margin-left: 0;
  13928. }
  13929. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  13930. width: 130px;
  13931. }
  13932. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
  13933. left: 130px;
  13934. }
  13935. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
  13936. right: 130px;
  13937. left: 0;
  13938. }
  13939. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  13940. margin-left: 0;
  13941. }
  13942. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  13943. margin-left: 131px;
  13944. }
  13945. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
  13946. left: 131px;
  13947. }
  13948. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  13949. margin: 0 0 0 131px;
  13950. }
  13951. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  13952. margin-left: 0;
  13953. margin-right: 131px;
  13954. }
  13955. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  13956. margin-right: 0;
  13957. }
  13958. .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 {
  13959. margin: 0 131px 0 0;
  13960. }
  13961. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
  13962. left: 0;
  13963. right: 131px;
  13964. }
  13965. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  13966. width: 65px;
  13967. }
  13968. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  13969. margin-left: 65px;
  13970. }
  13971. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  13972. margin: 0 0 0 65px;
  13973. }
  13974. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  13975. margin-left: 0;
  13976. }
  13977. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  13978. margin-right: 0;
  13979. margin-left: 0;
  13980. }
  13981. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  13982. left: 65px;
  13983. }
  13984. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  13985. right: 65px;
  13986. left: 0;
  13987. }
  13988. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
  13989. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  13990. width: 65px;
  13991. }
  13992. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table {
  13993. width: 97.5px;
  13994. }
  13995. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
  13996. width: 100%;
  13997. }
  13998. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
  13999. margin-left: -162.5px;
  14000. }
  14001. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
  14002. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
  14003. width: 162.5px;
  14004. }
  14005. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
  14006. margin-right: -162.5px;
  14007. margin-left: 0;
  14008. }
  14009. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  14010. width: 162.5px;
  14011. }
  14012. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
  14013. left: 162.5px;
  14014. }
  14015. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
  14016. right: 162.5px;
  14017. left: 0;
  14018. }
  14019. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  14020. margin-left: 0;
  14021. }
  14022. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  14023. margin-left: 163.5px;
  14024. }
  14025. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
  14026. left: 163.5px;
  14027. }
  14028. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  14029. margin: 0 0 0 163.5px;
  14030. }
  14031. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  14032. margin-left: 0;
  14033. margin-right: 163.5px;
  14034. }
  14035. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  14036. margin-right: 0;
  14037. }
  14038. .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 {
  14039. margin: 0 163.5px 0 0;
  14040. }
  14041. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
  14042. left: 0;
  14043. right: 163.5px;
  14044. }
  14045. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  14046. width: 97.5px;
  14047. }
  14048. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  14049. margin-left: 97.5px;
  14050. }
  14051. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  14052. margin: 0 0 0 97.5px;
  14053. }
  14054. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  14055. margin-left: 0;
  14056. }
  14057. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  14058. margin-right: 0;
  14059. margin-left: 0;
  14060. }
  14061. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  14062. left: 97.5px;
  14063. }
  14064. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  14065. right: 97.5px;
  14066. left: 0;
  14067. }
  14068. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
  14069. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  14070. width: 97.5px;
  14071. }
  14072. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table {
  14073. width: 130px;
  14074. }
  14075. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
  14076. width: 100%;
  14077. }
  14078. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
  14079. margin-left: -195px;
  14080. }
  14081. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
  14082. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
  14083. width: 195px;
  14084. }
  14085. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
  14086. margin-right: -195px;
  14087. margin-left: 0;
  14088. }
  14089. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  14090. width: 195px;
  14091. }
  14092. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
  14093. left: 195px;
  14094. }
  14095. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
  14096. right: 195px;
  14097. left: 0;
  14098. }
  14099. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  14100. margin-left: 0;
  14101. }
  14102. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  14103. margin-left: 196px;
  14104. }
  14105. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
  14106. left: 196px;
  14107. }
  14108. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  14109. margin: 0 0 0 196px;
  14110. }
  14111. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  14112. margin-left: 0;
  14113. margin-right: 196px;
  14114. }
  14115. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  14116. margin-right: 0;
  14117. }
  14118. .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 {
  14119. margin: 0 196px 0 0;
  14120. }
  14121. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
  14122. left: 0;
  14123. right: 196px;
  14124. }
  14125. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  14126. width: 130px;
  14127. }
  14128. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  14129. margin-left: 130px;
  14130. }
  14131. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  14132. margin: 0 0 0 130px;
  14133. }
  14134. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  14135. margin-left: 0;
  14136. }
  14137. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  14138. margin-right: 0;
  14139. margin-left: 0;
  14140. }
  14141. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  14142. left: 130px;
  14143. }
  14144. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  14145. right: 130px;
  14146. left: 0;
  14147. }
  14148. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
  14149. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  14150. width: 130px;
  14151. }
  14152. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table {
  14153. float: left;
  14154. height: 100%;
  14155. min-height: 100px;
  14156. border-right: 1px solid #515159;
  14157. border-top: 1px solid #515159;
  14158. border-spacing: 0;
  14159. display: -webkit-box;
  14160. display: -webkit-flex;
  14161. display: -ms-flexbox;
  14162. display: flex;
  14163. -webkit-box-orient: vertical;
  14164. -webkit-box-direction: normal;
  14165. -webkit-flex-flow: column nowrap;
  14166. -ms-flex-flow: column nowrap;
  14167. flex-flow: column nowrap;
  14168. }
  14169. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table tbody {
  14170. height: 100%;
  14171. display: -webkit-box;
  14172. display: -webkit-flex;
  14173. display: -ms-flexbox;
  14174. display: flex;
  14175. -webkit-box-orient: vertical;
  14176. -webkit-box-direction: normal;
  14177. -webkit-flex-flow: column nowrap;
  14178. -ms-flex-flow: column nowrap;
  14179. flex-flow: column nowrap;
  14180. }
  14181. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row {
  14182. display: -webkit-box;
  14183. display: -webkit-flex;
  14184. display: -ms-flexbox;
  14185. display: flex;
  14186. -webkit-box-orient: horizontal;
  14187. -webkit-box-direction: normal;
  14188. -webkit-flex-flow: row nowrap;
  14189. -ms-flex-flow: row nowrap;
  14190. flex-flow: row nowrap;
  14191. -webkit-box-flex: 1;
  14192. -webkit-flex: 1;
  14193. -ms-flex: 1;
  14194. flex: 1;
  14195. }
  14196. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row:before {
  14197. display: none;
  14198. }
  14199. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header {
  14200. display: -webkit-box;
  14201. display: -webkit-flex;
  14202. display: -ms-flexbox;
  14203. display: flex;
  14204. -webkit-box-orient: horizontal;
  14205. -webkit-box-direction: normal;
  14206. -webkit-flex-flow: row nowrap;
  14207. -ms-flex-flow: row nowrap;
  14208. flex-flow: row nowrap;
  14209. -webkit-box-flex: 1;
  14210. -webkit-flex: 1 1 auto;
  14211. -ms-flex: 1 1 auto;
  14212. flex: 1 1 auto;
  14213. height: auto;
  14214. text-align: center;
  14215. border-bottom: 2px solid #515159;
  14216. padding: 0;
  14217. overflow: hidden;
  14218. width: 100%;
  14219. border-right: none;
  14220. }
  14221. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'],
  14222. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] {
  14223. border-bottom: none;
  14224. }
  14225. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='2'] .dx-scheduler-group-header-content div,
  14226. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header[rowspan='3'] .dx-scheduler-group-header-content div {
  14227. margin-top: 200%;
  14228. }
  14229. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header-content {
  14230. padding-top: 16px;
  14231. overflow: visible;
  14232. -webkit-box-flex: 1;
  14233. -webkit-flex-grow: 1;
  14234. -ms-flex-positive: 1;
  14235. flex-grow: 1;
  14236. }
  14237. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header-content div {
  14238. white-space: normal;
  14239. line-height: normal;
  14240. }
  14241. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
  14242. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
  14243. font-weight: normal;
  14244. text-align: left;
  14245. }
  14246. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:only-child,
  14247. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:only-child {
  14248. position: relative;
  14249. left: 75px;
  14250. width: 75px;
  14251. }
  14252. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-title,
  14253. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
  14254. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
  14255. top: 0;
  14256. position: relative;
  14257. height: 50px !important;
  14258. line-height: 50px !important;
  14259. border-bottom: none;
  14260. border-right: none;
  14261. }
  14262. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
  14263. border-top: 1px solid #515159;
  14264. }
  14265. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel {
  14266. display: table-cell;
  14267. position: relative;
  14268. }
  14269. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
  14270. content: "";
  14271. width: 65px;
  14272. display: table-cell;
  14273. }
  14274. .dx-scheduler-small .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
  14275. width: 32.5px;
  14276. }
  14277. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-row {
  14278. height: 50px;
  14279. }
  14280. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell {
  14281. border-top: 1px solid #515159;
  14282. }
  14283. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell > div {
  14284. margin-top: 0;
  14285. }
  14286. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-last-group-cell {
  14287. border-bottom: none;
  14288. -webkit-box-shadow: inset 0 -1px 0 #515159;
  14289. box-shadow: inset 0 -1px 0 #515159;
  14290. }
  14291. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
  14292. border-bottom: 2px solid #515159;
  14293. }
  14294. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  14295. height: 81px;
  14296. }
  14297. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  14298. height: 111px;
  14299. }
  14300. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  14301. height: 141px;
  14302. }
  14303. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
  14304. height: 51px;
  14305. }
  14306. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  14307. height: auto;
  14308. }
  14309. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  14310. display: block;
  14311. float: left;
  14312. }
  14313. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  14314. display: none;
  14315. }
  14316. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  14317. left: 66px;
  14318. }
  14319. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-group-header {
  14320. -webkit-box-shadow: 0 -2px 0 #515159;
  14321. box-shadow: 0 -2px 0 #515159;
  14322. border-bottom: none;
  14323. }
  14324. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  14325. height: 75px;
  14326. }
  14327. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  14328. border-bottom: none;
  14329. }
  14330. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row:before {
  14331. display: none;
  14332. }
  14333. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable,
  14334. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  14335. border-top: 1px solid #515159;
  14336. }
  14337. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-date-table-scrollable,
  14338. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-date-table-scrollable,
  14339. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
  14340. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-sidebar-scrollable,
  14341. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-sidebar-scrollable,
  14342. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  14343. padding-bottom: 50px;
  14344. margin-bottom: -50px;
  14345. }
  14346. .dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-date-table-scrollable {
  14347. padding-bottom: 50px;
  14348. margin-bottom: -50px;
  14349. }
  14350. .dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-sidebar-scrollable {
  14351. padding-bottom: 50px;
  14352. margin-bottom: -50px;
  14353. }
  14354. .dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-day .dx-scheduler-date-table-scrollable {
  14355. padding-bottom: 0;
  14356. margin-bottom: 0;
  14357. }
  14358. .dx-rtl .dx-scheduler-work-space-vertical-group-table {
  14359. border-right: none;
  14360. border-left: 1px solid #515159;
  14361. }
  14362. .dx-rtl .dx-scheduler-date-time-shader-all-day {
  14363. margin-left: 0;
  14364. margin-right: 65px;
  14365. }
  14366. .dx-rtl .dx-scheduler-navigator {
  14367. float: right;
  14368. padding-left: 0;
  14369. padding-right: 10px;
  14370. }
  14371. .dx-device-mobile .dx-rtl .dx-scheduler-navigator {
  14372. padding-right: 5px;
  14373. }
  14374. .dx-rtl .dx-scheduler-view-switcher.dx-tabs {
  14375. float: left;
  14376. }
  14377. .dx-rtl .dx-scheduler-view-switcher.dx-dropdownmenu {
  14378. left: 10px;
  14379. right: auto;
  14380. }
  14381. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table {
  14382. margin-right: 0;
  14383. }
  14384. .dx-rtl .dx-scheduler-header-panel {
  14385. left: 0;
  14386. right: inherit;
  14387. }
  14388. .dx-rtl .dx-scheduler-all-day-panel table {
  14389. margin-left: 0;
  14390. }
  14391. .dx-rtl .dx-scheduler-work-space-vertical-group-table,
  14392. .dx-rtl .dx-scheduler-time-panel {
  14393. float: right;
  14394. }
  14395. .dx-rtl .dx-scheduler-time-panel-cell {
  14396. text-align: left;
  14397. padding-left: 20px;
  14398. padding-right: 0;
  14399. }
  14400. .dx-rtl .dx-scheduler-time-panel-cell:after {
  14401. right: auto;
  14402. left: 0;
  14403. }
  14404. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell,
  14405. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  14406. border-right: 1px solid #515159;
  14407. }
  14408. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child,
  14409. .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child {
  14410. border-right: none;
  14411. }
  14412. .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 {
  14413. float: right;
  14414. margin-left: 0;
  14415. margin-right: -65px;
  14416. }
  14417. .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 {
  14418. margin-right: -32.5px;
  14419. }
  14420. .dx-rtl .dx-scheduler-appointment-recurrence-icon {
  14421. left: 20px;
  14422. right: auto;
  14423. }
  14424. .dx-rtl .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  14425. left: 20px;
  14426. right: auto;
  14427. }
  14428. .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell,
  14429. .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell {
  14430. border-right: 1px solid #515159;
  14431. border-left: none;
  14432. }
  14433. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
  14434. border-left: 1px solid #515159;
  14435. border-right: none;
  14436. }
  14437. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  14438. right: 0;
  14439. border-left: 1px solid #515159;
  14440. border-right: none;
  14441. }
  14442. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  14443. margin-right: 0;
  14444. }
  14445. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
  14446. float: right;
  14447. }
  14448. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  14449. margin-right: 65px;
  14450. margin-left: auto;
  14451. }
  14452. .dx-scheduler-small .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  14453. margin-right: 32.5px;
  14454. }
  14455. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
  14456. border-left: 1px solid #515159;
  14457. border-right: none;
  14458. }
  14459. .dx-rtl.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  14460. margin-right: 0;
  14461. }
  14462. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
  14463. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child,
  14464. .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child {
  14465. border-right: none;
  14466. }
  14467. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  14468. float: right;
  14469. }
  14470. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  14471. right: 0;
  14472. border-left: 1px solid #515159;
  14473. border-right: none;
  14474. }
  14475. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
  14476. border-left: 1px solid #515159;
  14477. border-right: none;
  14478. }
  14479. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  14480. margin-right: 0;
  14481. }
  14482. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-fixed-appointments {
  14483. left: 0;
  14484. }
  14485. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
  14486. padding: 0 5px 0 10px;
  14487. }
  14488. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header:last-child,
  14489. .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
  14490. text-align: right;
  14491. }
  14492. .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
  14493. margin-left: 0;
  14494. }
  14495. .dx-scheduler-small .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
  14496. margin-right: 32.5px;
  14497. }
  14498. .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  14499. padding-right: 65px;
  14500. padding-left: 0;
  14501. }
  14502. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  14503. padding-right: 32.5px;
  14504. }
  14505. .dx-rtl .dx-scheduler-agenda .dx-scheduler-group-table {
  14506. float: right;
  14507. }
  14508. .dx-rtl .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  14509. float: left;
  14510. }
  14511. .dx-rtl .dx-timezone-editor .dx-timezone-display-name {
  14512. float: right;
  14513. }
  14514. .dx-rtl .dx-timezone-editor .dx-timezone-iana-id {
  14515. float: left;
  14516. }
  14517. .dx-scheduler-scrollable-fixed-content {
  14518. height: auto;
  14519. }
  14520. .dx-scheduler-time-panel-cell {
  14521. height: 28px;
  14522. padding-right: 8px;
  14523. }
  14524. .dx-scheduler-time-panel-cell:after {
  14525. content: none;
  14526. }
  14527. .dx-scheduler-time-panel-cell > div {
  14528. margin-top: -6px;
  14529. font-size: 12px;
  14530. }
  14531. .dx-scheduler-small .dx-scheduler-time-panel-cell > div {
  14532. font-size: 11px;
  14533. }
  14534. .dx-scheduler-small .dx-scheduler-time-panel-cell {
  14535. padding-right: 2px;
  14536. }
  14537. .dx-rtl .dx-scheduler-time-panel-cell {
  14538. padding-left: 8px;
  14539. padding-right: 0;
  14540. }
  14541. .dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before {
  14542. content: none;
  14543. }
  14544. .dx-scheduler-date-table-cell {
  14545. height: 28px;
  14546. }
  14547. .dx-scheduler-all-day-title {
  14548. height: 42px;
  14549. line-height: 42px;
  14550. font-size: 12px;
  14551. top: 48px;
  14552. border-bottom: 1px solid #515159;
  14553. }
  14554. .dx-scheduler-small .dx-scheduler-all-day-title {
  14555. font-size: 9.6px;
  14556. }
  14557. .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
  14558. height: 14px;
  14559. line-height: 14px;
  14560. }
  14561. .dx-scheduler-appointment-content .dx-scheduler-appointment-title,
  14562. .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-title {
  14563. font-size: 12px;
  14564. }
  14565. .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date,
  14566. .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date,
  14567. .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday,
  14568. .dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday {
  14569. font-size: 10px;
  14570. font-weight: normal;
  14571. opacity: 0.7;
  14572. }
  14573. [dx-group-row-count='1'] .dx-scheduler-all-day-title {
  14574. top: 78px;
  14575. }
  14576. [dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
  14577. top: -23px;
  14578. height: 22px;
  14579. }
  14580. [dx-group-row-count='2'] .dx-scheduler-all-day-title {
  14581. top: 108px;
  14582. }
  14583. [dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
  14584. top: -53px;
  14585. height: 52px;
  14586. }
  14587. [dx-group-row-count='3'] .dx-scheduler-all-day-title {
  14588. top: 138px;
  14589. }
  14590. [dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
  14591. top: -83px;
  14592. height: 82px;
  14593. }
  14594. .dx-scheduler-work-space-week .dx-scheduler-all-day-title,
  14595. .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
  14596. top: 88px;
  14597. }
  14598. .dx-scheduler-work-space-week[dx-group-row-count='1'] .dx-scheduler-all-day-title,
  14599. .dx-scheduler-work-space-work-week[dx-group-row-count='1'] .dx-scheduler-all-day-title {
  14600. top: 118px;
  14601. }
  14602. .dx-scheduler-work-space-week[dx-group-row-count='1'] .dx-scheduler-all-day-title:before,
  14603. .dx-scheduler-work-space-work-week[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
  14604. top: -63px;
  14605. height: 62px;
  14606. }
  14607. .dx-scheduler-work-space-week[dx-group-row-count='2'] .dx-scheduler-all-day-title,
  14608. .dx-scheduler-work-space-work-week[dx-group-row-count='2'] .dx-scheduler-all-day-title {
  14609. top: 148px;
  14610. }
  14611. .dx-scheduler-work-space-week[dx-group-row-count='2'] .dx-scheduler-all-day-title:before,
  14612. .dx-scheduler-work-space-work-week[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
  14613. top: -93px;
  14614. height: 92px;
  14615. }
  14616. .dx-scheduler-work-space-week[dx-group-row-count='3'] .dx-scheduler-all-day-title,
  14617. .dx-scheduler-work-space-work-week[dx-group-row-count='3'] .dx-scheduler-all-day-title {
  14618. top: 178px;
  14619. }
  14620. .dx-scheduler-work-space-week[dx-group-row-count='3'] .dx-scheduler-all-day-title:before,
  14621. .dx-scheduler-work-space-work-week[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
  14622. top: -123px;
  14623. height: 122px;
  14624. }
  14625. .dx-scheduler-all-day-table {
  14626. height: 42px;
  14627. }
  14628. .dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
  14629. height: 14px;
  14630. }
  14631. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table {
  14632. width: 65px;
  14633. }
  14634. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
  14635. width: 100%;
  14636. }
  14637. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
  14638. margin-left: -130px;
  14639. }
  14640. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
  14641. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
  14642. width: 130px;
  14643. }
  14644. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
  14645. margin-right: -130px;
  14646. margin-left: 0;
  14647. }
  14648. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  14649. width: 130px;
  14650. }
  14651. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
  14652. left: 130px;
  14653. }
  14654. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-fixed-appointments {
  14655. right: 130px;
  14656. left: 0;
  14657. }
  14658. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  14659. margin-left: 0;
  14660. }
  14661. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  14662. margin-left: 132px;
  14663. }
  14664. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
  14665. left: 132px;
  14666. }
  14667. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  14668. margin: 0 0 0 132px;
  14669. }
  14670. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  14671. margin-left: 0;
  14672. margin-right: 132px;
  14673. }
  14674. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  14675. margin-right: 0;
  14676. }
  14677. .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 {
  14678. margin: 0 132px 0 0;
  14679. }
  14680. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
  14681. left: 0;
  14682. right: 132px;
  14683. }
  14684. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  14685. width: 65px;
  14686. }
  14687. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  14688. margin-left: 65px;
  14689. }
  14690. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  14691. margin: 0 0 0 65px;
  14692. }
  14693. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  14694. margin-left: 0;
  14695. }
  14696. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  14697. margin-right: 0;
  14698. margin-left: 0;
  14699. }
  14700. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  14701. left: 65px;
  14702. }
  14703. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  14704. right: 65px;
  14705. left: 0;
  14706. }
  14707. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
  14708. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  14709. width: 65px;
  14710. }
  14711. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table {
  14712. width: 97.5px;
  14713. }
  14714. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
  14715. width: 100%;
  14716. }
  14717. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
  14718. margin-left: -162.5px;
  14719. }
  14720. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
  14721. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
  14722. width: 162.5px;
  14723. }
  14724. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
  14725. margin-right: -162.5px;
  14726. margin-left: 0;
  14727. }
  14728. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  14729. width: 162.5px;
  14730. }
  14731. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
  14732. left: 162.5px;
  14733. }
  14734. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-fixed-appointments {
  14735. right: 162.5px;
  14736. left: 0;
  14737. }
  14738. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  14739. margin-left: 0;
  14740. }
  14741. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  14742. margin-left: 164.5px;
  14743. }
  14744. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
  14745. left: 164.5px;
  14746. }
  14747. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  14748. margin: 0 0 0 164.5px;
  14749. }
  14750. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  14751. margin-left: 0;
  14752. margin-right: 164.5px;
  14753. }
  14754. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  14755. margin-right: 0;
  14756. }
  14757. .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 {
  14758. margin: 0 164.5px 0 0;
  14759. }
  14760. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
  14761. left: 0;
  14762. right: 164.5px;
  14763. }
  14764. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  14765. width: 97.5px;
  14766. }
  14767. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  14768. margin-left: 97.5px;
  14769. }
  14770. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  14771. margin: 0 0 0 97.5px;
  14772. }
  14773. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  14774. margin-left: 0;
  14775. }
  14776. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  14777. margin-right: 0;
  14778. margin-left: 0;
  14779. }
  14780. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  14781. left: 97.5px;
  14782. }
  14783. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  14784. right: 97.5px;
  14785. left: 0;
  14786. }
  14787. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
  14788. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  14789. width: 97.5px;
  14790. }
  14791. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table {
  14792. width: 130px;
  14793. }
  14794. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
  14795. width: 100%;
  14796. }
  14797. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
  14798. margin-left: -195px;
  14799. }
  14800. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
  14801. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before {
  14802. width: 195px;
  14803. }
  14804. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
  14805. margin-right: -195px;
  14806. margin-left: 0;
  14807. }
  14808. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  14809. width: 195px;
  14810. }
  14811. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
  14812. left: 195px;
  14813. }
  14814. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-fixed-appointments {
  14815. right: 195px;
  14816. left: 0;
  14817. }
  14818. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  14819. margin-left: 0;
  14820. }
  14821. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  14822. margin-left: 197px;
  14823. }
  14824. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-fixed-appointments {
  14825. left: 197px;
  14826. }
  14827. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  14828. margin: 0 0 0 197px;
  14829. }
  14830. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  14831. margin-left: 0;
  14832. margin-right: 197px;
  14833. }
  14834. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  14835. margin-right: 0;
  14836. }
  14837. .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 {
  14838. margin: 0 197px 0 0;
  14839. }
  14840. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-fixed-appointments {
  14841. left: 0;
  14842. right: 197px;
  14843. }
  14844. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  14845. width: 130px;
  14846. }
  14847. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  14848. margin-left: 130px;
  14849. }
  14850. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  14851. margin: 0 0 0 130px;
  14852. }
  14853. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  14854. margin-left: 0;
  14855. }
  14856. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  14857. margin-right: 0;
  14858. margin-left: 0;
  14859. }
  14860. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  14861. left: 130px;
  14862. }
  14863. .dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-fixed-appointments {
  14864. right: 130px;
  14865. left: 0;
  14866. }
  14867. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
  14868. .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  14869. width: 130px;
  14870. }
  14871. .dx-scheduler-appointment-content {
  14872. padding: 2px 4px;
  14873. }
  14874. .dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
  14875. .dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
  14876. .dx-scheduler-work-space-day .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content,
  14877. .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content {
  14878. padding: 2px 4px;
  14879. }
  14880. .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
  14881. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator,
  14882. .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator,
  14883. .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-date-time-indicator {
  14884. height: 2px;
  14885. }
  14886. .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator:before,
  14887. .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator:before,
  14888. .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator:before,
  14889. .dx-scheduler-work-space-day.dx-scheduler-work-space-overlapping .dx-scheduler-date-time-indicator:before {
  14890. display: none;
  14891. }
  14892. .dx-scheduler-header-panel {
  14893. margin-top: 0;
  14894. }
  14895. .dx-scheduler-header-panel-cell {
  14896. height: 40px;
  14897. text-align: left;
  14898. vertical-align: bottom;
  14899. }
  14900. .dx-rtl .dx-scheduler-header-panel-cell {
  14901. text-align: right;
  14902. }
  14903. .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
  14904. height: 22px;
  14905. }
  14906. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
  14907. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  14908. height: 34px;
  14909. font-size: 12px;
  14910. padding-left: 14px;
  14911. padding-right: 14px;
  14912. padding-top: 11px;
  14913. }
  14914. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
  14915. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell,
  14916. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell {
  14917. display: -webkit-box;
  14918. display: -webkit-flex;
  14919. display: -ms-flexbox;
  14920. display: flex;
  14921. -webkit-box-orient: vertical;
  14922. -webkit-box-direction: normal;
  14923. -webkit-flex-flow: column nowrap;
  14924. -ms-flex-flow: column nowrap;
  14925. flex-flow: column nowrap;
  14926. }
  14927. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
  14928. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell,
  14929. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell,
  14930. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell {
  14931. -webkit-box-align: start;
  14932. -webkit-align-items: flex-start;
  14933. -ms-flex-align: start;
  14934. align-items: flex-start;
  14935. -webkit-box-pack: end;
  14936. -webkit-justify-content: flex-end;
  14937. -ms-flex-pack: end;
  14938. justify-content: flex-end;
  14939. }
  14940. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell {
  14941. -webkit-box-align: end;
  14942. -webkit-align-items: flex-end;
  14943. -ms-flex-align: end;
  14944. align-items: flex-end;
  14945. }
  14946. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  14947. height: 34px;
  14948. font-size: 12px;
  14949. padding-left: 14px;
  14950. padding-right: 14px;
  14951. }
  14952. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-week-cell {
  14953. -webkit-box-align: start;
  14954. -webkit-align-items: flex-start;
  14955. -ms-flex-align: start;
  14956. align-items: flex-start;
  14957. display: -webkit-box;
  14958. display: -webkit-flex;
  14959. display: -ms-flexbox;
  14960. display: flex;
  14961. }
  14962. .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-week-cell {
  14963. border-bottom: 1px solid #515159;
  14964. -webkit-box-orient: vertical;
  14965. -webkit-box-direction: normal;
  14966. -webkit-flex-flow: column;
  14967. -ms-flex-flow: column;
  14968. flex-flow: column;
  14969. -webkit-box-pack: end;
  14970. -webkit-justify-content: flex-end;
  14971. -ms-flex-pack: end;
  14972. justify-content: flex-end;
  14973. }
  14974. .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
  14975. content: none;
  14976. }
  14977. .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
  14978. display: block;
  14979. margin: 0 14px;
  14980. }
  14981. .dx-scheduler-small .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
  14982. margin: 0 7px;
  14983. }
  14984. .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:first-child {
  14985. font-size: 12px;
  14986. line-height: 7px;
  14987. }
  14988. .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date:last-child {
  14989. font-size: 20px;
  14990. line-height: 25px;
  14991. }
  14992. .dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
  14993. .dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
  14994. padding-bottom: 40px;
  14995. margin-bottom: -40px;
  14996. }
  14997. .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  14998. .dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  14999. padding-bottom: 70px;
  15000. margin-bottom: -70px;
  15001. }
  15002. .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15003. .dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15004. padding-bottom: 100px;
  15005. margin-bottom: -100px;
  15006. }
  15007. .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15008. .dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15009. padding-bottom: 130px;
  15010. margin-bottom: -130px;
  15011. }
  15012. .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  15013. .dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15014. padding-bottom: 82px;
  15015. margin-bottom: -82px;
  15016. }
  15017. .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15018. .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15019. padding-bottom: 112px;
  15020. margin-bottom: -112px;
  15021. }
  15022. .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15023. .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15024. padding-bottom: 142px;
  15025. margin-bottom: -142px;
  15026. }
  15027. .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15028. .dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15029. padding-bottom: 172px;
  15030. margin-bottom: -172px;
  15031. }
  15032. .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
  15033. .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15034. padding-bottom: 54px;
  15035. margin-bottom: -54px;
  15036. }
  15037. .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15038. .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15039. padding-bottom: 84px;
  15040. margin-bottom: -84px;
  15041. }
  15042. .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15043. .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15044. padding-bottom: 114px;
  15045. margin-bottom: -114px;
  15046. }
  15047. .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15048. .dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15049. padding-bottom: 144px;
  15050. margin-bottom: -144px;
  15051. }
  15052. .dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  15053. .dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15054. padding-bottom: 0;
  15055. margin-bottom: 0;
  15056. }
  15057. .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15058. .dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15059. padding-bottom: 30px;
  15060. margin-bottom: -30px;
  15061. }
  15062. .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15063. .dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15064. padding-bottom: 60px;
  15065. margin-bottom: -60px;
  15066. }
  15067. .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15068. .dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15069. padding-bottom: 90px;
  15070. margin-bottom: -90px;
  15071. }
  15072. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  15073. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15074. padding-bottom: 42px;
  15075. margin-bottom: -42px;
  15076. }
  15077. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15078. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15079. padding-bottom: 72px;
  15080. margin-bottom: -72px;
  15081. }
  15082. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15083. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15084. padding-bottom: 102px;
  15085. margin-bottom: -102px;
  15086. }
  15087. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15088. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15089. padding-bottom: 132px;
  15090. margin-bottom: -132px;
  15091. }
  15092. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
  15093. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15094. padding-bottom: 14px;
  15095. margin-bottom: -14px;
  15096. }
  15097. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15098. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15099. padding-bottom: 44px;
  15100. margin-bottom: -44px;
  15101. }
  15102. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15103. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15104. padding-bottom: 74px;
  15105. margin-bottom: -74px;
  15106. }
  15107. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15108. .dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15109. padding-bottom: 104px;
  15110. margin-bottom: -104px;
  15111. }
  15112. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title {
  15113. top: 49px;
  15114. }
  15115. .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-header-panel {
  15116. margin-top: 0;
  15117. }
  15118. .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='1'] .dx-scheduler-all-day-title {
  15119. top: 118px;
  15120. }
  15121. .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
  15122. top: -63px;
  15123. height: 62px;
  15124. }
  15125. .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='2'] .dx-scheduler-all-day-title {
  15126. top: 148px;
  15127. }
  15128. .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
  15129. top: -93px;
  15130. height: 92px;
  15131. }
  15132. .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='3'] .dx-scheduler-all-day-title {
  15133. top: 178px;
  15134. }
  15135. .dx-scheduler-work-space-day.dx-scheduler-work-space-count[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
  15136. top: -123px;
  15137. height: 122px;
  15138. }
  15139. .dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title {
  15140. top: 88px;
  15141. }
  15142. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell,
  15143. .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
  15144. border-left: 1px solid #515159;
  15145. }
  15146. .dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell,
  15147. .dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
  15148. border-right: 1px solid #515159;
  15149. }
  15150. .dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
  15151. border-bottom: none;
  15152. }
  15153. .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-date-table-scrollable,
  15154. .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15155. padding-bottom: 40px;
  15156. margin-bottom: -40px;
  15157. }
  15158. .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15159. .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15160. padding-bottom: 70px;
  15161. margin-bottom: -70px;
  15162. }
  15163. .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15164. .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15165. padding-bottom: 100px;
  15166. margin-bottom: -100px;
  15167. }
  15168. .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15169. .dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15170. padding-bottom: 130px;
  15171. margin-bottom: -130px;
  15172. }
  15173. .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  15174. padding-top: 3px;
  15175. font-size: 12px;
  15176. }
  15177. .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-first-of-month {
  15178. border-left: 1px solid #515159;
  15179. border-top: 1px solid #515159;
  15180. }
  15181. .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel {
  15182. border-bottom: none;
  15183. }
  15184. .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  15185. font-size: 14px;
  15186. text-align: left;
  15187. height: 100px;
  15188. }
  15189. .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
  15190. padding: 4px;
  15191. }
  15192. .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  15193. text-align: right;
  15194. }
  15195. .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
  15196. font-size: 12px;
  15197. margin-left: 4px;
  15198. line-height: 22px;
  15199. }
  15200. .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector {
  15201. margin-top: 3px;
  15202. margin-left: 52px;
  15203. }
  15204. .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scrollable.dx-scheduler-date-table-scrollable {
  15205. padding-bottom: 22px;
  15206. margin-bottom: -22px;
  15207. }
  15208. .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-current-date {
  15209. color: #009688;
  15210. }
  15211. .dx-scheduler-adaptive .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector {
  15212. margin: 0;
  15213. }
  15214. .dx-scheduler-adaptive .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell {
  15215. white-space: nowrap;
  15216. }
  15217. .dx-scheduler-appointment-collector {
  15218. margin-top: 2px;
  15219. position: absolute;
  15220. }
  15221. .dx-scheduler-appointment-collector.dx-button {
  15222. border-radius: 12px;
  15223. height: 18px;
  15224. min-width: auto;
  15225. width: auto;
  15226. }
  15227. .dx-scheduler-appointment-collector.dx-button:before {
  15228. display: none;
  15229. }
  15230. .dx-scheduler-appointment-collector.dx-button .dx-button-content {
  15231. padding: 2px 0;
  15232. font-size: 12px;
  15233. }
  15234. .dx-scheduler-header {
  15235. background-color: #363640;
  15236. border: 1px solid #515159;
  15237. height: 48px;
  15238. }
  15239. .dx-scheduler-navigator {
  15240. padding: 10px;
  15241. }
  15242. .dx-scheduler-navigator .dx-button {
  15243. background-color: transparent;
  15244. color: #009688;
  15245. -webkit-box-shadow: none;
  15246. box-shadow: none;
  15247. }
  15248. .dx-scheduler-navigator .dx-button .dx-icon {
  15249. color: #009688;
  15250. }
  15251. .dx-scheduler-navigator .dx-button.dx-state-hover {
  15252. background-color: rgba(0, 150, 136, 0.08);
  15253. -webkit-box-shadow: none;
  15254. box-shadow: none;
  15255. }
  15256. .dx-scheduler-navigator .dx-button.dx-state-focused {
  15257. background-color: rgba(0, 150, 136, 0.15);
  15258. -webkit-box-shadow: none;
  15259. box-shadow: none;
  15260. }
  15261. .dx-scheduler-navigator .dx-button.dx-state-active {
  15262. background-color: rgba(0, 150, 136, 0.2);
  15263. -webkit-box-shadow: none;
  15264. box-shadow: none;
  15265. }
  15266. .dx-scheduler-navigator .dx-button.dx-state-disabled {
  15267. background: transparent;
  15268. -webkit-box-shadow: none;
  15269. box-shadow: none;
  15270. }
  15271. .dx-scheduler-navigator .dx-button.dx-state-disabled .dx-icon {
  15272. opacity: 0.6;
  15273. }
  15274. .dx-scheduler-navigator .dx-button.dx-state-disabled .dx-button-text {
  15275. color: rgba(255, 255, 255, 0.35);
  15276. }
  15277. .dx-scheduler-navigator .dx-button .dx-inkripple-wave {
  15278. background-color: rgba(0, 150, 136, 0.2);
  15279. }
  15280. .dx-scheduler-navigator .dx-button .dx-button-text {
  15281. text-transform: none;
  15282. }
  15283. .dx-scheduler-navigator-caption {
  15284. border-radius: 0;
  15285. border-right-width: 0;
  15286. border-left-width: 0;
  15287. }
  15288. .dx-scheduler-navigator-caption.dx-state-focused,
  15289. .dx-scheduler-navigator-caption.dx-state-hover,
  15290. .dx-scheduler-navigator-caption.dx-state-active {
  15291. border-right-width: 1px;
  15292. border-left-width: 1px;
  15293. }
  15294. .dx-scheduler-navigator-previous {
  15295. border-radius: 2px 0 0 2px;
  15296. }
  15297. .dx-rtl .dx-scheduler-navigator-previous {
  15298. border-radius: 0 2px 2px 0;
  15299. }
  15300. .dx-scheduler-navigator-next {
  15301. border-radius: 0 2px 2px 0;
  15302. }
  15303. .dx-rtl .dx-scheduler-navigator-next {
  15304. border-radius: 2px 0 0 2px;
  15305. }
  15306. .dx-scheduler-view-switcher.dx-tabs {
  15307. background: none;
  15308. margin-right: 14px;
  15309. }
  15310. .dx-scheduler-view-switcher.dx-tabs .dx-tab:not(.dx-state-hover) {
  15311. background: none;
  15312. }
  15313. .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before {
  15314. bottom: 0;
  15315. }
  15316. .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after {
  15317. content: "";
  15318. display: inline-block;
  15319. height: 100%;
  15320. vertical-align: middle;
  15321. }
  15322. .dx-scheduler-view-switcher.dx-tabs .dx-tabs-nav-button {
  15323. height: 28px;
  15324. margin-top: 9px;
  15325. }
  15326. .dx-scheduler-view-switcher.dx-dropdownmenu {
  15327. margin-top: 9px;
  15328. background-color: transparent;
  15329. color: rgba(255, 255, 255, 0.54);
  15330. -webkit-box-shadow: none;
  15331. box-shadow: none;
  15332. z-index: 1;
  15333. }
  15334. .dx-scheduler-view-switcher.dx-dropdownmenu:before {
  15335. display: none;
  15336. }
  15337. .dx-scheduler-view-switcher.dx-dropdownmenu .dx-icon {
  15338. color: rgba(255, 255, 255, 0.54);
  15339. }
  15340. .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-hover {
  15341. background-color: rgba(255, 255, 255, 0.08);
  15342. -webkit-box-shadow: none;
  15343. box-shadow: none;
  15344. }
  15345. .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-focused {
  15346. background-color: rgba(255, 255, 255, 0.15);
  15347. -webkit-box-shadow: none;
  15348. box-shadow: none;
  15349. }
  15350. .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-active {
  15351. background-color: rgba(255, 255, 255, 0.2);
  15352. -webkit-box-shadow: none;
  15353. box-shadow: none;
  15354. }
  15355. .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled {
  15356. background: transparent;
  15357. -webkit-box-shadow: none;
  15358. box-shadow: none;
  15359. }
  15360. .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled .dx-icon {
  15361. opacity: 0.6;
  15362. }
  15363. .dx-scheduler-view-switcher.dx-dropdownmenu.dx-state-disabled .dx-button-text {
  15364. color: rgba(255, 255, 255, 0.35);
  15365. }
  15366. .dx-scheduler-view-switcher.dx-dropdownmenu .dx-inkripple-wave {
  15367. background-color: rgba(255, 255, 255, 0.2);
  15368. }
  15369. .dx-scheduler-view-switcher.dx-dropdownmenu.dx-button-has-icon:not(.dx-button-has-text) {
  15370. border-radius: 2px;
  15371. }
  15372. .dx-scheduler-view-switcher-label {
  15373. margin-top: 9px;
  15374. right: 10px;
  15375. height: 28px;
  15376. line-height: 24px;
  15377. padding: 2px 14px;
  15378. padding-right: 42px;
  15379. z-index: 0;
  15380. background-color: rgba(0, 0, 0, 0.05);
  15381. border-radius: 2px;
  15382. }
  15383. .dx-rtl .dx-scheduler-view-switcher-label {
  15384. left: 10px;
  15385. right: auto;
  15386. padding-right: 14px;
  15387. padding-left: 42px;
  15388. }
  15389. .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header,
  15390. .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header {
  15391. font-weight: 500;
  15392. font-size: 14px;
  15393. color: rgba(255, 255, 255, 0.87);
  15394. text-align: left;
  15395. border-bottom: 1px solid #515159;
  15396. }
  15397. .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
  15398. .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content {
  15399. padding-left: 14px;
  15400. }
  15401. .dx-scheduler-work-space-month .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
  15402. .dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
  15403. .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
  15404. .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
  15405. .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content,
  15406. .dx-scheduler-agenda .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content {
  15407. padding-left: 4px;
  15408. }
  15409. .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header,
  15410. .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header {
  15411. vertical-align: top;
  15412. }
  15413. .dx-scheduler-timeline .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content div,
  15414. .dx-scheduler-timeline .dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header .dx-scheduler-group-header-content div {
  15415. top: 8px;
  15416. -webkit-transform: none;
  15417. transform: none;
  15418. }
  15419. .dx-scheduler-header-panel .dx-scheduler-group-row:before {
  15420. border-right: 1px solid #515159;
  15421. }
  15422. .dx-scheduler-all-day-panel {
  15423. background-color: #363640;
  15424. }
  15425. .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
  15426. border-bottom: 1px solid #515159;
  15427. }
  15428. .dx-scheduler-work-space {
  15429. padding-top: 48px;
  15430. margin-top: -49px;
  15431. }
  15432. .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 {
  15433. border-bottom-width: 1px;
  15434. }
  15435. .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-all-day-title-hidden {
  15436. border-top: none;
  15437. }
  15438. .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title {
  15439. border-top: 1px solid #515159;
  15440. }
  15441. .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell {
  15442. border-left: 1px solid #515159;
  15443. }
  15444. .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-week):not(.dx-scheduler-work-space-work-week) .dx-scheduler-group-header {
  15445. border-bottom: none;
  15446. }
  15447. .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-date-table-cell {
  15448. border: none;
  15449. }
  15450. .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th {
  15451. border-left: none;
  15452. border-right: none;
  15453. }
  15454. .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-work-space-both-scrollbar:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel .dx-scheduler-first-group-cell {
  15455. border-left: none;
  15456. }
  15457. .dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child {
  15458. border-top: none;
  15459. }
  15460. .dx-scheduler-date-table-cell {
  15461. border-left: 1px solid #515159;
  15462. border-right: 1px solid #515159;
  15463. }
  15464. .dx-scheduler-all-day-table-cell.dx-state-active,
  15465. .dx-scheduler-date-table-cell.dx-state-active {
  15466. background-color: rgba(23, 23, 27, 0.7);
  15467. }
  15468. .dx-scheduler-all-day-table-cell.dx-state-hover,
  15469. .dx-scheduler-date-table-cell.dx-state-hover {
  15470. background-color: #3f3f4b;
  15471. color: rgba(255, 255, 255, 0.54);
  15472. }
  15473. .dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
  15474. .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
  15475. -webkit-box-shadow: none;
  15476. box-shadow: none;
  15477. }
  15478. .dx-scheduler-appointment-popup .dx-form {
  15479. padding: 0 10px 0 10px;
  15480. }
  15481. .dx-scheduler-appointment-popup .dx-form .dx-layout-manager {
  15482. padding: 0 10px 0 10px;
  15483. }
  15484. .dx-scheduler-appointment-popup .dx-popup-title {
  15485. background-color: #363640;
  15486. border-bottom: none;
  15487. }
  15488. .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton,
  15489. .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton.dx-rtl {
  15490. margin: 0;
  15491. }
  15492. .dx-scheduler-appointment-popup .dx-toolbar-after {
  15493. margin-right: 4px;
  15494. }
  15495. .dx-rtl .dx-scheduler-appointment-popup .dx-toolbar-after {
  15496. margin-left: 4px;
  15497. margin-right: 0;
  15498. }
  15499. .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch-wrapper {
  15500. padding-top: 30px;
  15501. }
  15502. .dx-scheduler-appointment-popup .dx-form-validation-summary {
  15503. padding: 10px 20px;
  15504. }
  15505. .dx-scheduler-header-panel,
  15506. .dx-scheduler-time-panel {
  15507. font-size: 16px;
  15508. }
  15509. .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th,
  15510. .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell {
  15511. border-right: 1px solid #313136;
  15512. }
  15513. .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child,
  15514. .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell:last-child {
  15515. border-right: none;
  15516. }
  15517. .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th,
  15518. .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell {
  15519. border-left: 1px solid #313136;
  15520. border-right: 1px solid #515159;
  15521. }
  15522. .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-group-row th:last-child,
  15523. .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-timeline) .dx-scheduler-last-group-cell:last-child {
  15524. border-left: none;
  15525. }
  15526. .dx-scheduler-appointment,
  15527. .dx-rtl .dx-scheduler-appointment,
  15528. .dx-scheduler-work-space-month .dx-scheduler-appointment,
  15529. .dx-scheduler-timeline .dx-scheduler-appointment,
  15530. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment {
  15531. border-left: 1px solid transparent;
  15532. border-right: 1px solid transparent;
  15533. -webkit-box-shadow: none;
  15534. box-shadow: none;
  15535. border-radius: 2px;
  15536. }
  15537. .dx-scheduler-appointment.dx-state-focused,
  15538. .dx-rtl .dx-scheduler-appointment.dx-state-focused,
  15539. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused,
  15540. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
  15541. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused {
  15542. color: rgba(0, 0, 0, 0.87);
  15543. }
  15544. .dx-scheduler-appointment.dx-state-active,
  15545. .dx-rtl .dx-scheduler-appointment.dx-state-active,
  15546. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active,
  15547. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
  15548. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
  15549. .dx-scheduler-appointment.dx-resizable-resizing,
  15550. .dx-rtl .dx-scheduler-appointment.dx-resizable-resizing,
  15551. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
  15552. .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
  15553. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
  15554. .dx-scheduler-appointment.dx-draggable-dragging,
  15555. .dx-rtl .dx-scheduler-appointment.dx-draggable-dragging,
  15556. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging,
  15557. .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
  15558. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
  15559. .dx-scheduler-appointment.dx-state-hover,
  15560. .dx-rtl .dx-scheduler-appointment.dx-state-hover,
  15561. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
  15562. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
  15563. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
  15564. .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  15565. .dx-rtl .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  15566. .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  15567. .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
  15568. .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable {
  15569. -webkit-box-shadow: none;
  15570. box-shadow: none;
  15571. }
  15572. .dx-scheduler-dropdown-appointment-date {
  15573. color: rgba(255, 255, 255, 0.54);
  15574. }
  15575. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  15576. height: 71px;
  15577. }
  15578. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  15579. height: 101px;
  15580. }
  15581. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  15582. height: 131px;
  15583. }
  15584. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda) .dx-scheduler-header-scrollable {
  15585. height: 41px;
  15586. }
  15587. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  15588. height: auto;
  15589. }
  15590. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda) .dx-scrollable.dx-scheduler-date-table-scrollable,
  15591. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15592. padding-bottom: 40px;
  15593. margin-bottom: -40px;
  15594. }
  15595. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15596. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15597. padding-bottom: 70px;
  15598. margin-bottom: -70px;
  15599. }
  15600. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15601. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15602. padding-bottom: 100px;
  15603. margin-bottom: -100px;
  15604. }
  15605. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15606. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15607. padding-bottom: 130px;
  15608. margin-bottom: -130px;
  15609. }
  15610. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  15611. height: 31px;
  15612. }
  15613. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  15614. height: 61px;
  15615. }
  15616. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  15617. height: 91px;
  15618. }
  15619. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  15620. height: 1px;
  15621. }
  15622. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  15623. height: auto;
  15624. }
  15625. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
  15626. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15627. padding-bottom: 0px;
  15628. margin-bottom: 0px;
  15629. }
  15630. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15631. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15632. padding-bottom: 30px;
  15633. margin-bottom: -30px;
  15634. }
  15635. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15636. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15637. padding-bottom: 60px;
  15638. margin-bottom: -60px;
  15639. }
  15640. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
  15641. .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  15642. padding-bottom: 90px;
  15643. margin-bottom: -90px;
  15644. }
  15645. .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  15646. border-top: 1px solid #515159;
  15647. }
  15648. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
  15649. .dx-scheduler-work-space.dx-scheduler-timeline[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
  15650. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  15651. height: 111px;
  15652. }
  15653. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
  15654. .dx-scheduler-work-space.dx-scheduler-timeline[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
  15655. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  15656. height: 141px;
  15657. }
  15658. .dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
  15659. .dx-scheduler-work-space.dx-scheduler-timeline[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
  15660. .dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  15661. height: 171px;
  15662. }
  15663. .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
  15664. .dx-scheduler-work-space.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  15665. .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable {
  15666. height: 81px;
  15667. }
  15668. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  15669. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
  15670. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  15671. height: auto;
  15672. }
  15673. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
  15674. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
  15675. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  15676. padding-bottom: 80px;
  15677. margin-bottom: -80px;
  15678. }
  15679. .dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
  15680. .dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
  15681. .dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  15682. height: 81px;
  15683. margin-top: -81px;
  15684. }
  15685. .dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
  15686. .dx-scheduler-work-space.dx-scheduler-timeline .dx-scrollable.dx-scheduler-date-table-scrollable,
  15687. .dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable {
  15688. padding-bottom: 80px;
  15689. margin-bottom: -80px;
  15690. }
  15691. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
  15692. background-color: #363640;
  15693. }
  15694. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  15695. background-color: #363640;
  15696. }
  15697. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  15698. height: 71px;
  15699. }
  15700. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  15701. height: 101px;
  15702. }
  15703. .dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  15704. height: 131px;
  15705. }
  15706. .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
  15707. height: 41px;
  15708. }
  15709. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  15710. height: auto;
  15711. }
  15712. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  15713. height: 31px;
  15714. }
  15715. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  15716. height: 61px;
  15717. }
  15718. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  15719. height: 91px;
  15720. }
  15721. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  15722. height: 1px;
  15723. }
  15724. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  15725. height: auto;
  15726. }
  15727. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  15728. height: 113px;
  15729. }
  15730. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  15731. height: 143px;
  15732. }
  15733. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  15734. height: 173px;
  15735. }
  15736. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
  15737. height: 83px;
  15738. }
  15739. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  15740. height: auto;
  15741. }
  15742. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  15743. height: 85px;
  15744. }
  15745. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  15746. height: 115px;
  15747. }
  15748. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  15749. height: 145px;
  15750. }
  15751. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  15752. height: 55px;
  15753. }
  15754. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.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 {
  15755. height: auto;
  15756. }
  15757. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  15758. height: 73px;
  15759. }
  15760. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  15761. height: 103px;
  15762. }
  15763. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  15764. height: 133px;
  15765. }
  15766. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-scrollable {
  15767. height: 43px;
  15768. }
  15769. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  15770. height: auto;
  15771. }
  15772. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  15773. height: 45px;
  15774. }
  15775. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  15776. height: 75px;
  15777. }
  15778. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  15779. height: 105px;
  15780. }
  15781. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  15782. height: 15px;
  15783. }
  15784. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  15785. height: auto;
  15786. }
  15787. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  15788. height: 73px;
  15789. }
  15790. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  15791. height: 103px;
  15792. }
  15793. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  15794. height: 133px;
  15795. }
  15796. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable {
  15797. height: 43px;
  15798. }
  15799. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  15800. height: auto;
  15801. }
  15802. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  15803. height: 45px;
  15804. }
  15805. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  15806. height: 75px;
  15807. }
  15808. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  15809. height: 105px;
  15810. }
  15811. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  15812. height: 15px;
  15813. }
  15814. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  15815. height: auto;
  15816. }
  15817. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  15818. height: 53px;
  15819. }
  15820. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  15821. height: 83px;
  15822. }
  15823. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  15824. height: 113px;
  15825. }
  15826. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
  15827. height: 23px;
  15828. }
  15829. .dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  15830. height: auto;
  15831. }
  15832. .dx-scheduler-agenda .dx-scheduler-group-header {
  15833. font-size: 14px;
  15834. width: 99px;
  15835. }
  15836. .dx-scheduler-agenda .dx-scheduler-group-header .dx-scheduler-group-header-content {
  15837. padding-top: 2px;
  15838. }
  15839. .dx-scheduler-agenda .dx-scheduler-group-header .dx-scheduler-group-header-content:before {
  15840. display: none;
  15841. }
  15842. .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header {
  15843. border-bottom: none;
  15844. }
  15845. .dx-scheduler-agenda .dx-scheduler-group-table .dx-scheduler-group-row:not(:last-child) .dx-scheduler-group-header {
  15846. border-bottom: 1px solid #313136;
  15847. }
  15848. .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  15849. margin-right: -100px;
  15850. }
  15851. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  15852. margin-left: -50px;
  15853. }
  15854. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  15855. margin-left: -100px;
  15856. }
  15857. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  15858. margin-left: -50px;
  15859. }
  15860. .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  15861. padding-left: 165px;
  15862. }
  15863. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  15864. padding-left: 82.5px;
  15865. }
  15866. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  15867. padding-left: 0;
  15868. padding-right: 165px;
  15869. }
  15870. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  15871. padding-right: 82.5px;
  15872. }
  15873. .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  15874. margin-right: -200px;
  15875. }
  15876. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  15877. margin-left: -100px;
  15878. }
  15879. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  15880. margin-left: -200px;
  15881. }
  15882. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  15883. margin-left: -100px;
  15884. }
  15885. .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  15886. padding-left: 265px;
  15887. }
  15888. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  15889. padding-left: 132.5px;
  15890. }
  15891. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  15892. padding-left: 0;
  15893. padding-right: 265px;
  15894. }
  15895. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  15896. padding-right: 132.5px;
  15897. }
  15898. .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  15899. margin-right: -300px;
  15900. }
  15901. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  15902. margin-left: -150px;
  15903. }
  15904. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  15905. margin-left: -300px;
  15906. }
  15907. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  15908. margin-left: -150px;
  15909. }
  15910. .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  15911. padding-left: 365px;
  15912. }
  15913. .dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  15914. padding-left: 182.5px;
  15915. }
  15916. .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  15917. padding-left: 0;
  15918. padding-right: 365px;
  15919. }
  15920. .dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  15921. padding-right: 182.5px;
  15922. }
  15923. .dx-scheduler-agenda .dx-scheduler-time-panel-cell > span {
  15924. font-size: 12px;
  15925. }
  15926. .dx-scheduler-agenda .dx-scheduler-group-table {
  15927. border-right: 1px solid #515159;
  15928. }
  15929. .dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
  15930. margin-top: 0;
  15931. }
  15932. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row {
  15933. border-bottom: none;
  15934. }
  15935. .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row:not(:last-child) {
  15936. border-bottom: 1px solid #313136;
  15937. }
  15938. .dx-scheduler-agenda-nodata {
  15939. font-size: 16px;
  15940. }
  15941. .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button {
  15942. min-width: auto;
  15943. padding: 0;
  15944. background-color: transparent;
  15945. color: #009688;
  15946. -webkit-box-shadow: none;
  15947. box-shadow: none;
  15948. }
  15949. .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-icon {
  15950. color: #009688;
  15951. }
  15952. .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-hover {
  15953. background-color: rgba(0, 150, 136, 0.08);
  15954. -webkit-box-shadow: none;
  15955. box-shadow: none;
  15956. }
  15957. .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-focused {
  15958. background-color: rgba(0, 150, 136, 0.15);
  15959. -webkit-box-shadow: none;
  15960. box-shadow: none;
  15961. }
  15962. .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-active {
  15963. background-color: rgba(0, 150, 136, 0.2);
  15964. -webkit-box-shadow: none;
  15965. box-shadow: none;
  15966. }
  15967. .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled {
  15968. background: transparent;
  15969. -webkit-box-shadow: none;
  15970. box-shadow: none;
  15971. }
  15972. .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled .dx-icon {
  15973. opacity: 0.6;
  15974. }
  15975. .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button.dx-state-disabled .dx-button-text {
  15976. color: rgba(255, 255, 255, 0.35);
  15977. }
  15978. .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-inkripple-wave {
  15979. background-color: rgba(0, 150, 136, 0.2);
  15980. }
  15981. .dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button .dx-icon {
  15982. width: 18px;
  15983. height: 18px;
  15984. background-position: 0px 0px;
  15985. background-size: 18px 18px;
  15986. padding: 0px;
  15987. font-size: 18px;
  15988. text-align: center;
  15989. line-height: 18px;
  15990. }
  15991. .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
  15992. .dx-scheduler-overlay-panel .dx-overlay-content {
  15993. background-color: #363640;
  15994. }
  15995. .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-popup-content,
  15996. .dx-scheduler-overlay-panel .dx-overlay-content .dx-popup-content {
  15997. padding: 0;
  15998. }
  15999. .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item,
  16000. .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item {
  16001. margin-bottom: 0;
  16002. margin-top: 0;
  16003. border-bottom: 1px solid #515159;
  16004. }
  16005. .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item:last-of-type,
  16006. .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item:last-of-type {
  16007. border-bottom-left-radius: 2px;
  16008. border-bottom-right-radius: 2px;
  16009. border-bottom: none;
  16010. }
  16011. .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item:first-of-type,
  16012. .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item:first-of-type {
  16013. border-top-left-radius: 2px;
  16014. border-top-right-radius: 2px;
  16015. }
  16016. .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item,
  16017. .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item {
  16018. margin-left: 8px;
  16019. }
  16020. .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body,
  16021. .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body {
  16022. width: 18px;
  16023. height: 18px;
  16024. }
  16025. .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject,
  16026. .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject {
  16027. margin-top: 3px;
  16028. font-size: 14px;
  16029. }
  16030. .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date,
  16031. .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date {
  16032. font-size: 11px;
  16033. opacity: 1;
  16034. margin-top: 4px;
  16035. }
  16036. .dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button-container,
  16037. .dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button-container {
  16038. padding-top: 2px;
  16039. }
  16040. .dx-form-group-with-caption > .dx-form-group-content {
  16041. border-top: 1px solid #515159;
  16042. }
  16043. .dx-form-group-caption {
  16044. font-size: 16px;
  16045. }
  16046. .dx-form-group-with-caption .dx-form-group-content {
  16047. padding-bottom: 10px;
  16048. padding-top: 10px;
  16049. margin-top: 4px;
  16050. }
  16051. .dx-form > .dx-scrollable-wrapper > .dx-scrollable-container {
  16052. margin-left: -10px;
  16053. padding-left: 10px;
  16054. }
  16055. .dx-scrollable-content > .dx-layout-manager {
  16056. padding-right: 5px;
  16057. }
  16058. .dx-layout-manager .dx-field-item:not(.dx-last-col) {
  16059. padding-right: 20px;
  16060. }
  16061. .dx-layout-manager .dx-field-item:not(.dx-first-col) {
  16062. padding-left: 20px;
  16063. }
  16064. .dx-field-item {
  16065. padding-bottom: 10px;
  16066. font-size: 12px;
  16067. }
  16068. .dx-field-item-content .dx-switch {
  16069. vertical-align: middle;
  16070. }
  16071. .dx-label-v-align .dx-field-item-content .dx-textarea {
  16072. margin-top: 6px;
  16073. }
  16074. .dx-label-v-align .dx-field-item-content .dx-invalid-message > .dx-overlay-content {
  16075. -webkit-transform: translate(0, 0) !important;
  16076. transform: translate(0, 0) !important;
  16077. }
  16078. .dx-field-item-content-wrapper.dx-invalid .dx-field-item-help-text {
  16079. color: transparent;
  16080. }
  16081. .dx-field-item-label-location-top {
  16082. padding: 4px 0 2px;
  16083. }
  16084. .dx-field-item-label-text {
  16085. color: #ffffff;
  16086. }
  16087. .dx-field-item-help-text {
  16088. color: #ffffff;
  16089. padding: 6px 0 2px;
  16090. font-style: normal;
  16091. }
  16092. .dx-field-item-required-mark {
  16093. color: #ffffff;
  16094. }
  16095. .dx-field-item-optional-mark {
  16096. color: #ffffff;
  16097. }
  16098. .dx-filterbuilder .dx-filterbuilder-action-icon {
  16099. font-size: 21px;
  16100. }
  16101. .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon {
  16102. padding: 4px;
  16103. vertical-align: middle;
  16104. }
  16105. .dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-filled .dx-texteditor-input,
  16106. .dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-outlined .dx-texteditor-input {
  16107. padding: 8px 8px;
  16108. }
  16109. .dx-filterbuilder .dx-filterbuilder-text,
  16110. .dx-filterbuilder .dx-filterbuilder-item-value-text {
  16111. border-radius: 5px;
  16112. }
  16113. .dx-filterbuilder-range-separator {
  16114. color: #fff;
  16115. }
  16116. .dx-filterbuilder-overlay.dx-popup-wrapper > .dx-overlay-content {
  16117. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  16118. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  16119. }
  16120. .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item {
  16121. padding-left: 8px;
  16122. }
  16123. .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-rtl .dx-treeview-item {
  16124. padding-right: 8px;
  16125. }
  16126. .dx-filterbuilder-overlay .dx-treeview-node > .dx-treeview-item {
  16127. padding-left: 16px;
  16128. }
  16129. .dx-filterbuilder-overlay .dx-treeview-node.dx-treeview-node-is-leaf > .dx-treeview-item {
  16130. padding-left: 8px;
  16131. }
  16132. .dx-filterbuilder-overlay .dx-treeview-node .dx-treeview-node-container-opened {
  16133. margin-left: 8px;
  16134. }
  16135. .dx-filterbuilder-overlay .dx-treeview-item {
  16136. padding: 4px 8px 5px;
  16137. min-height: 26px;
  16138. }
  16139. .dx-filterbuilder-overlay .dx-treeview-item .dx-icon {
  16140. margin-right: 10px;
  16141. }
  16142. .dx-filterbuilder-overlay .dx-treeview-toggle-item-visibility {
  16143. height: 26px;
  16144. left: 0;
  16145. }
  16146. .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node > .dx-treeview-item {
  16147. padding-right: 16px;
  16148. }
  16149. .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node.dx-treeview-node-is-leaf > .dx-treeview-item {
  16150. padding-right: 8px;
  16151. }
  16152. .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node .dx-treeview-node-container-opened {
  16153. margin-right: 8px;
  16154. margin-left: 0;
  16155. }
  16156. .dx-filterbuilder-overlay .dx-rtl .dx-treeview-item .dx-icon {
  16157. margin-left: 10px;
  16158. }
  16159. .dx-filterbuilder-overlay .dx-rtl .dx-treeview-toggle-item-visibility {
  16160. right: 16px;
  16161. }
  16162. .dx-recurrence-editor-container {
  16163. position: relative;
  16164. margin-bottom: 21px;
  16165. padding-top: 17px;
  16166. }
  16167. .dx-recurrence-editor-container .dx-recurrence-interval-field {
  16168. margin-bottom: 20px;
  16169. }
  16170. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
  16171. top: 10px;
  16172. }
  16173. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container {
  16174. margin: 0;
  16175. }
  16176. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on {
  16177. margin-bottom: 10px;
  16178. }
  16179. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type-label,
  16180. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
  16181. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label,
  16182. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label {
  16183. line-height: 40px;
  16184. }
  16185. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label,
  16186. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container {
  16187. padding-top: 0;
  16188. line-height: 38px;
  16189. }
  16190. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-datebox-until-date {
  16191. margin-left: 23px;
  16192. }
  16193. .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-repeat-count {
  16194. margin-left: 11px;
  16195. }
  16196. .dx-drawer-shader {
  16197. background-color: rgba(0, 0, 0, 0.5);
  16198. }
  16199. .dx-card {
  16200. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  16201. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  16202. border-radius: 2px;
  16203. background-color: #363640;
  16204. margin: 2px 2px 3px;
  16205. }
  16206. .dx-htmleditor {
  16207. border-color: #515159;
  16208. }
  16209. .dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
  16210. border-bottom: 1px solid #515159;
  16211. }
  16212. .dx-htmleditor.dx-invalid {
  16213. border-color: rgba(244, 67, 54, 0.4);
  16214. }
  16215. .dx-htmleditor.dx-invalid.dx-state-focused {
  16216. border-color: #F44336;
  16217. }
  16218. .dx-htmleditor-content.ql-blank::before {
  16219. color: #808080;
  16220. }
  16221. .dx-htmleditor-content pre {
  16222. color: rgba(255, 255, 255, 0.8);
  16223. }
  16224. .dx-htmleditor-content blockquote {
  16225. color: rgba(255, 255, 255, 0.8);
  16226. border-left-color: #515159;
  16227. }
  16228. .dx-rtl .dx-htmleditor-content blockquote {
  16229. border-right-color: #515159;
  16230. }
  16231. .dx-htmleditor-content .dx-variable > span {
  16232. background: rgba(0, 150, 136, 0.15);
  16233. }
  16234. .dx-htmleditor-toolbar {
  16235. background-color: transparent;
  16236. }
  16237. .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
  16238. background-color: #1f1f24;
  16239. }
  16240. .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
  16241. background-color: #71a436;
  16242. }
  16243. .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
  16244. background-color: #00635a;
  16245. }
  16246. .dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
  16247. background-color: #ea1c0d;
  16248. }
  16249. .dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled {
  16250. background-color: transparent;
  16251. }
  16252. .dx-htmleditor-toolbar-format.dx-color-format .dx-button-content,
  16253. .dx-htmleditor-toolbar-format.dx-background-format .dx-button-content {
  16254. padding-bottom: 2px;
  16255. }
  16256. .dx-htmleditor-toolbar-separator {
  16257. height: 50%;
  16258. border-left-color: #515159;
  16259. }
  16260. .dx-htmleditor-toolbar-menu-separator {
  16261. border-top-color: #515159;
  16262. }
  16263. .dx-resize-frame {
  16264. border-color: #009688;
  16265. }
  16266. .dx-resize-frame .dx-resizable-handle-corner-top-right,
  16267. .dx-resize-frame .dx-resizable-handle-corner-top-left,
  16268. .dx-resize-frame .dx-resizable-handle-corner-bottom-right,
  16269. .dx-resize-frame .dx-resizable-handle-corner-bottom-left {
  16270. background-color: #009688;
  16271. }
  16272. .dx-resize-frame .dx-resizable-handle-top::after,
  16273. .dx-resize-frame .dx-resizable-handle-left::after,
  16274. .dx-resize-frame .dx-resizable-handle-right::after,
  16275. .dx-resize-frame .dx-resizable-handle-bottom::after {
  16276. background-color: #009688;
  16277. }
  16278. .dx-mention {
  16279. background-color: #525261;
  16280. }
  16281. .dx-suggestion-list-wrapper {
  16282. height: 100%;
  16283. }
  16284. .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
  16285. -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  16286. box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  16287. border-top-width: 0;
  16288. border-bottom-width: 1px;
  16289. }
  16290. .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  16291. border-top-width: 1px;
  16292. border-bottom-width: 0;
  16293. }
  16294. .dx-suggestion-list-wrapper .dx-popup-content {
  16295. height: 100%;
  16296. padding: 1px;
  16297. }
  16298. .dx-suggestion-list-wrapper .dx-list {
  16299. height: 100%;
  16300. min-height: 36px;
  16301. }
  16302. .dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  16303. padding: 10px 7px;
  16304. }
  16305. .dx-suggestion-list-wrapper .dx-list-select-all {
  16306. padding: 12px 0 8px;
  16307. }
  16308. .dx-suggestion-list-wrapper .dx-list-item,
  16309. .dx-suggestion-list-wrapper .dx-empty-message {
  16310. border-top: 0;
  16311. }
  16312. .dx-suggestion-list-wrapper .dx-list-item:last-of-type,
  16313. .dx-suggestion-list-wrapper .dx-empty-message:last-of-type {
  16314. border-bottom: none;
  16315. }
  16316. .dx-fa-button.dx-fa-button-main .dx-overlay-content {
  16317. max-width: 56px;
  16318. max-height: 56px;
  16319. background-color: #009688;
  16320. color: rgba(0, 0, 0, 0.87);
  16321. }
  16322. .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover {
  16323. background-color: #00635a;
  16324. color: rgba(0, 0, 0, 0.87);
  16325. }
  16326. .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active {
  16327. background-color: #004a43;
  16328. color: rgba(0, 0, 0, 0.87);
  16329. }
  16330. .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon,
  16331. .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon-close {
  16332. padding: 19px;
  16333. }
  16334. .dx-fa-button .dx-fa-button-icon,
  16335. .dx-fa-button .dx-fa-button-icon-close {
  16336. padding: 11px;
  16337. width: 18px;
  16338. -webkit-box-sizing: content-box;
  16339. box-sizing: content-box;
  16340. }
  16341. .dx-fa-button .dx-fa-button-icon .dx-icon,
  16342. .dx-fa-button .dx-fa-button-icon-close .dx-icon {
  16343. font-size: 18px;
  16344. }
  16345. .dx-fa-button .dx-fa-button-icon img,
  16346. .dx-fa-button .dx-fa-button-icon-close img {
  16347. width: 100%;
  16348. height: 100%;
  16349. }
  16350. .dx-fa-button .dx-overlay-content {
  16351. max-width: 40px;
  16352. max-height: 40px;
  16353. background-color: #363640;
  16354. color: #fff;
  16355. -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
  16356. box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
  16357. }
  16358. .dx-fa-button .dx-overlay-content.dx-state-hover {
  16359. background-color: #1f1f24;
  16360. color: #fff;
  16361. }
  16362. .dx-fa-button .dx-overlay-content.dx-state-active {
  16363. background-color: #131317;
  16364. color: #fff;
  16365. }
  16366. .dx-filemanager {
  16367. border-color: #515159;
  16368. }
  16369. .dx-filemanager .dx-filemanager-toolbar {
  16370. background: #363640;
  16371. }
  16372. .dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar,
  16373. .dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar .dx-toolbar {
  16374. background: #2f2f38;
  16375. }
  16376. .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item {
  16377. height: 26px;
  16378. background: #515159;
  16379. }
  16380. .dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-viewmode-item .dx-texteditor {
  16381. width: 150px;
  16382. }
  16383. .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled {
  16384. background: transparent;
  16385. }
  16386. .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-hover,
  16387. .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-active,
  16388. .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-focused {
  16389. background: rgba(255, 255, 255, 0.1);
  16390. }
  16391. .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor {
  16392. border-color: transparent;
  16393. }
  16394. .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor .dx-dropdowneditor-icon {
  16395. background: transparent;
  16396. }
  16397. .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
  16398. .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
  16399. background: transparent;
  16400. border-color: transparent;
  16401. }
  16402. .dx-filemanager .dx-filemanager-container {
  16403. border-top-color: #515159;
  16404. }
  16405. .dx-filemanager .dx-filemanager-dirs-panel {
  16406. border-right-color: #515159;
  16407. }
  16408. .dx-filemanager .dx-filemanager-breadcrumbs {
  16409. border-bottom-color: #515159;
  16410. }
  16411. .dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item.dx-state-focused {
  16412. background: #515159;
  16413. color: #fff;
  16414. }
  16415. .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content {
  16416. background: #515159;
  16417. }
  16418. .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover,
  16419. .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover {
  16420. background: transparent;
  16421. }
  16422. .dx-filemanager .dx-filemanager-thumbnails.dx-filemanager-inactive-area .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item.dx-filemanager-item-selected {
  16423. color: #fff;
  16424. background: #363640;
  16425. }
  16426. .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-selected {
  16427. color: #fff;
  16428. background: #009688;
  16429. }
  16430. .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-focused {
  16431. border-color: #fff;
  16432. }
  16433. .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-item-custom-thumbnail {
  16434. color: #515159;
  16435. }
  16436. .dx-filemanager .dx-filemanager-files-view {
  16437. background: #363640;
  16438. }
  16439. .dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-filemanager-details-item-thumbnail {
  16440. font-size: 18px;
  16441. }
  16442. .dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper {
  16443. -webkit-box-align: center;
  16444. -webkit-align-items: center;
  16445. -ms-flex-align: center;
  16446. align-items: center;
  16447. }
  16448. .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item {
  16449. background: transparent;
  16450. }
  16451. .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item.dx-state-hover {
  16452. background: #494956;
  16453. }
  16454. .dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item * {
  16455. color: #fff;
  16456. }
  16457. .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item {
  16458. background: #494956;
  16459. }
  16460. .dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item * {
  16461. color: #fff;
  16462. }
  16463. .dx-filemanager .dx-filemanager-container .dx-filemanager-dirs-panel {
  16464. min-width: 300px;
  16465. max-width: 350px;
  16466. }
  16467. .dx-filemanager-file-actions-button .dx-button {
  16468. min-width: 26px;
  16469. height: 18px;
  16470. }
  16471. .dx-filemanager-file-actions-button .dx-button .dx-button-content {
  16472. padding: 9px 6px;
  16473. }
  16474. .dx-filemanager-context-menu .dx-menu-item-has-text:not(.dx-menu-item-has-icon) .dx-menu-item-text {
  16475. margin-left: 30px;
  16476. }
  16477. .dx-diagram {
  16478. border-color: #515159;
  16479. }
  16480. .dx-diagram .dx-diagram-toolbar-wrapper:first-child {
  16481. border-bottom: 1px solid #515159;
  16482. }
  16483. .dx-diagram .dx-diagram-left-panel,
  16484. .dx-diagram .dx-diagram-right-panel {
  16485. background: #363640;
  16486. }
  16487. .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item,
  16488. .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item {
  16489. border-left: none;
  16490. border-right: none;
  16491. }
  16492. .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group,
  16493. .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group {
  16494. padding-top: 24px;
  16495. }
  16496. .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item:first-of-type,
  16497. .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item:first-of-type {
  16498. border-top: none;
  16499. }
  16500. .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item,
  16501. .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item {
  16502. border-color: #515159;
  16503. }
  16504. .dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type),
  16505. .dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type) {
  16506. border-bottom-color: transparent;
  16507. }
  16508. .dx-diagram .dx-diagram-left-panel {
  16509. border-right-color: #515159;
  16510. }
  16511. .dx-diagram .dx-diagram-right-panel {
  16512. border-left-color: #515159;
  16513. }
  16514. .dx-diagram.dx-diagram-fullscreen {
  16515. background-color: #363640;
  16516. }
  16517. .dx-diagram-toolbar {
  16518. background-color: transparent;
  16519. }
  16520. .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
  16521. background-color: #1f1f24;
  16522. }
  16523. .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
  16524. background-color: #71a436;
  16525. }
  16526. .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
  16527. background-color: #00635a;
  16528. }
  16529. .dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
  16530. background-color: #ea1c0d;
  16531. }
  16532. .dx-diagram-toolbar .dx-dropdowneditor.dx-editor-filled {
  16533. background-color: transparent;
  16534. }
  16535. .dx-diagram-toolbar .dx-diagram-toolbar-separator {
  16536. height: 50%;
  16537. border-left-color: #515159;
  16538. }
  16539. .dx-diagram-toolbar .dx-diagram-toolbar-menu-separator {
  16540. border-top-color: #515159;
  16541. }
  16542. .dx-diagram-toolbar .dx-format-sm .dx-texteditor {
  16543. width: 110px;
  16544. }
  16545. .dx-diagram-toolbar .dx-diagram-select-sm .dx-texteditor {
  16546. width: 110px;
  16547. }
  16548. .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
  16549. .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
  16550. .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
  16551. .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
  16552. margin-left: 12px;
  16553. margin-right: 12px;
  16554. }
  16555. .dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
  16556. .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
  16557. font-size: 18px;
  16558. color: #fff;
  16559. }
  16560. .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
  16561. .dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
  16562. border-bottom-width: 3px;
  16563. border-bottom-style: solid;
  16564. }
  16565. .dx-diagram-i-connector-begin-none {
  16566. 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%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  16567. width: 26.28px;
  16568. height: 18px;
  16569. }
  16570. .dx-diagram-i-connector-begin-arrow {
  16571. 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%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  16572. width: 26.28px;
  16573. height: 18px;
  16574. }
  16575. .dx-diagram-i-connector-end-none {
  16576. 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%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  16577. width: 26.28px;
  16578. height: 18px;
  16579. }
  16580. .dx-diagram-i-connector-end-arrow {
  16581. 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%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  16582. width: 26.28px;
  16583. height: 18px;
  16584. }
  16585. .dx-diagram-i-connector-orthogonal {
  16586. 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%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  16587. width: 26.28px;
  16588. height: 18px;
  16589. }
  16590. .dx-diagram-i-connector-straight {
  16591. 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%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  16592. width: 26.28px;
  16593. height: 18px;
  16594. }
  16595. .dx-diagram-i-button-fill {
  16596. 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%23fff%22%20%2F%3E%0A%3C%2Fsvg%3E%0A%0A");
  16597. width: 18px;
  16598. height: 21px;
  16599. }
  16600. .dx-diagram-i-button-fullscreen {
  16601. 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%23fff%22%2F%3E%0A%3Cpolygon%20points%3D%222%2C12%200%2C12%200%2C18%206%2C18%206%2C16%202%2C16%22%20fill%3D%22%23fff%22%2F%3E%0A%3Cpolygon%20points%3D%2212%2C0%2012%2C2%2016%2C2%2016%2C6%2018%2C6%2018%2C0%22%20fill%3D%22%23fff%22%2F%3E%0A%3Cpolygon%20points%3D%2216%2C16%2012%2C16%2012%2C18%2018%2C18%2018%2C12%2016%2C12%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  16602. width: 18px;
  16603. height: 18px;
  16604. }