kendo.common.min.css 93 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147
  1. /*
  2. * Kendo UI Web v2013.1.319 (http://kendoui.com)
  3. * Copyright 2013 Telerik AD. All rights reserved.
  4. *
  5. * Kendo UI Web commercial licenses may be obtained at
  6. * https://www.kendoui.com/purchase/license-agreement/kendo-ui-web-commercial.aspx
  7. * If you do not own a commercial license, this file shall be governed by the
  8. * GNU General Public License (GPL) version 3.
  9. * For GPL requirements, please review: http://www.gnu.org/copyleft/gpl.html
  10. */
  11. :-webkit-any(body):after {
  12. content: "";
  13. display: block;
  14. visibility: hidden;
  15. height: 0;
  16. font: 0/0;
  17. -webkit-transform: translateZ(0)
  18. }
  19. .fake {
  20. color: red
  21. }
  22. .k-reset {
  23. margin: 0;
  24. padding: 0;
  25. border: 0;
  26. outline: 0;
  27. text-decoration: none;
  28. font-size: 100%;
  29. list-style: none
  30. }
  31. .k-floatwrap:after,
  32. .k-slider-items:after,
  33. .k-grid-toolbar:after {
  34. content: "";
  35. display: block;
  36. clear: both;
  37. visibility: hidden;
  38. height: 0;
  39. overflow: hidden
  40. }
  41. .k-floatwrap,
  42. .k-slider-items,
  43. .k-grid-toolbar {
  44. display: inline-block
  45. }
  46. .k-floatwrap,
  47. .k-slider-items,
  48. .k-grid-toolbar {
  49. display: block
  50. }
  51. .prohibit-selection {
  52. -khtml-user-select: none;
  53. -webkit-user-select: none;
  54. -moz-user-select: -moz-none;
  55. -ms-user-select: none;
  56. user-select: none
  57. }
  58. .border-box {
  59. -webkit-box-sizing: border-box;
  60. -moz-box-sizing: border-box;
  61. box-sizing: border-box
  62. }
  63. .k-block,
  64. .k-button,
  65. .k-header,
  66. .k-grid-header,
  67. .k-toolbar,
  68. .k-grouping-header,
  69. .k-tooltip,
  70. .k-pager-wrap,
  71. .k-tabstrip-items .k-item,
  72. .k-link.k-state-hover,
  73. .k-textbox,
  74. .k-textbox:hover,
  75. .k-autocomplete,
  76. .k-dropdown-wrap,
  77. .k-picker-wrap,
  78. .k-numeric-wrap,
  79. .k-autocomplete.k-state-hover,
  80. .k-dropdown-wrap.k-state-hover,
  81. .k-picker-wrap.k-state-hover,
  82. .k-numeric-wrap.k-state-hover,
  83. .k-draghandle {
  84. background-repeat: repeat;
  85. background-position: 0 center
  86. }
  87. .k-state-highlight>.k-link {
  88. color: inherit
  89. }
  90. .k-block,
  91. .k-widget,
  92. .k-inline-block,
  93. .k-textbox>input,
  94. .k-input[type="text"],
  95. .k-input[type="number"],
  96. .k-textbox,
  97. .k-picker-wrap .k-input,
  98. .k-button,
  99. .k-draghandle {
  100. font-size: 100%;
  101. font-family: inherit;
  102. border-style: solid;
  103. border-width: 1px;
  104. -webkit-appearance: none
  105. }
  106. .k-block,
  107. .k-widget {
  108. line-height: normal;
  109. outline: 0
  110. }
  111. .k-block {
  112. padding: 2px;
  113. -webkit-box-sizing: border-box;
  114. -moz-box-sizing: border-box;
  115. box-sizing: border-box
  116. }
  117. .k-button {
  118. display: inline-block;
  119. margin: 0;
  120. padding: 2px 7px 2px;
  121. font-family: inherit;
  122. line-height: 1.66em;
  123. text-align: center;
  124. cursor: pointer;
  125. text-decoration: none;
  126. -webkit-box-sizing: border-box;
  127. -moz-box-sizing: border-box;
  128. box-sizing: border-box
  129. }
  130. .k-ie7 .k-button {
  131. line-height: normal
  132. }
  133. a.k-button {
  134. -khtml-user-select: none;
  135. -webkit-user-select: none;
  136. -moz-user-select: -moz-none;
  137. -ms-user-select: none;
  138. user-select: none
  139. }
  140. .k-button:-moz-any(input) {
  141. padding-bottom: .37em;
  142. padding-top: .37em
  143. }
  144. .k-ie7 .k-button {
  145. overflow: visible;
  146. margin-right: 4px
  147. }
  148. .k-ie7 a.k-button {
  149. line-height: 1.6;
  150. padding-left: 7px;
  151. padding-right: 7px
  152. }
  153. .k-ie7 .k-button-expand {
  154. margin-left: 0;
  155. margin-right: 0
  156. }
  157. button.k-button::-moz-focus-inner,
  158. input.k-button::-moz-focus-inner {
  159. padding: 0;
  160. border: 0
  161. }
  162. a.k-button-expand {
  163. display: block
  164. }
  165. button.k-button-expand,
  166. input[type="submit"].k-button-expand,
  167. input[type="button"].k-button-expand,
  168. input[type="reset"].k-button-expand {
  169. width: 100%
  170. }
  171. body .k-button-icon {
  172. padding-left: 4px;
  173. padding-right: 4px
  174. }
  175. .k-ie7 a.k-button-icon {
  176. padding-left: 5px;
  177. padding-right: 5px
  178. }
  179. .k-button-icontext {
  180. padding-right: 8px;
  181. overflow: visible
  182. }
  183. .k-button-icontext .k-icon {
  184. margin: 0 3px 0 -3px;
  185. vertical-align: text-top
  186. }
  187. .k-ie7 .k-button-icontext .k-icon {
  188. margin-right: 4px
  189. }
  190. html body .k-button-bare {
  191. background: none!important;
  192. color: inherit;
  193. border-width: 0
  194. }
  195. html body .k-button-bare.k-upload-button:hover {
  196. color: inherit
  197. }
  198. .k-link {
  199. cursor: pointer;
  200. outline: 0;
  201. text-decoration: none
  202. }
  203. .k-grid-header span.k-link {
  204. cursor: default
  205. }
  206. .k-state-disabled,
  207. .k-state-disabled .k-link,
  208. .k-state-disabled .k-icon,
  209. .k-state-disabled .k-button,
  210. .k-state-disabled .k-draghandle,
  211. .k-state-disabled .k-upload-button input {
  212. cursor: default!important;
  213. outline: 0
  214. }
  215. @media print {
  216. .k-state-disabled,
  217. .k-state-disabled .k-input {
  218. opacity: 1!important
  219. }
  220. }
  221. .k-state-error {
  222. border-style: ridge
  223. }
  224. .k-state-empty {
  225. font-style: italic
  226. }
  227. .k-icon,
  228. .k-sprite,
  229. .k-editor-button .k-tool-icon {
  230. display: inline-block;
  231. width: 16px;
  232. height: 16px;
  233. overflow: hidden;
  234. background-repeat: no-repeat;
  235. font-size: 0;
  236. line-height: 0;
  237. text-indent: -3333px;
  238. text-align: center;
  239. vertical-align: middle
  240. }
  241. .k-icon,
  242. .k-sprite {
  243. background-color: transparent
  244. }
  245. .k-ie7 .k-icon,
  246. .k-ie7 .k-sprite {
  247. text-indent: 0
  248. }
  249. .k-numerictextbox .k-select .k-link span.k-i-arrow-n {
  250. background-position: 0 -2px
  251. }
  252. .k-numerictextbox .k-select .k-link span.k-i-arrow-s {
  253. background-position: 0 -35px
  254. }
  255. .k-state-selected .k-i-arrow-n {
  256. background-position: -16px 0
  257. }
  258. .k-link:not(.k-state-disabled):hover>.k-state-selected .k-i-arrow-n,
  259. .k-state-hover .k-state-selected .k-i-arrow-n,
  260. .k-button:hover .k-state-selected .k-i-arrow-n,
  261. .k-textbox:hover .k-state-selected .k-i-arrow-n,
  262. .k-button:active .k-state-selected .k-i-arrow-n {
  263. background-position: -32px 0
  264. }
  265. .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-n,
  266. .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-n {
  267. background-position: -16px -2px
  268. }
  269. .k-state-selected .k-i-arrow-s {
  270. background-position: -16px -32px
  271. }
  272. .k-link:not(.k-state-disabled):hover>.k-state-selected .k-i-arrow-s,
  273. .k-state-hover .k-state-selected .k-i-arrow-s,
  274. .k-button:hover .k-state-selected .k-i-arrow-s,
  275. .k-textbox:hover .k-state-selected .k-i-arrow-s,
  276. .k-button:active .k-state-selected .k-i-arrow-s {
  277. background-position: -32px -32px
  278. }
  279. .k-numerictextbox .k-link.k-state-selected span.k-i-arrow-s,
  280. .k-numerictextbox .k-state-hover .k-link span.k-i-arrow-s {
  281. background-position: -16px -35px
  282. }
  283. .k-i-arrow-n {
  284. background-position: 0 0
  285. }
  286. .k-link:not(.k-state-disabled):hover>.k-i-arrow-n,
  287. .k-state-hover .k-i-arrow-n,
  288. .k-button:hover .k-i-arrow-n,
  289. .k-textbox:hover .k-i-arrow-n,
  290. .k-button:active .k-i-arrow-n {
  291. background-position: -16px 0
  292. }
  293. .k-i-arrow-e {
  294. background-position: 0 -16px
  295. }
  296. .k-link:not(.k-state-disabled):hover>.k-i-arrow-e,
  297. .k-state-hover .k-i-arrow-e,
  298. .k-button:hover .k-i-arrow-e,
  299. .k-textbox:hover .k-i-arrow-e,
  300. .k-button:active .k-i-arrow-e {
  301. background-position: -16px -16px
  302. }
  303. .k-rtl .k-i-arrow-w {
  304. background-position: 0 -16px
  305. }
  306. .k-rtl .k-link:not(.k-state-disabled):hover>.k-i-arrow-w,
  307. .k-rtl .k-state-hover .k-i-arrow-w,
  308. .k-rtl .k-button:hover .k-i-arrow-w,
  309. .k-rtl .k-textbox:hover .k-i-arrow-w,
  310. .k-rtl .k-button:active .k-i-arrow-w {
  311. background-position: -16px -16px
  312. }
  313. .k-i-arrow-s {
  314. background-position: 0 -32px
  315. }
  316. .k-link:not(.k-state-disabled):hover>.k-i-arrow-s,
  317. .k-state-hover .k-i-arrow-s,
  318. .k-button:hover .k-i-arrow-s,
  319. .k-textbox:hover .k-i-arrow-s,
  320. .k-button:active .k-i-arrow-s {
  321. background-position: -16px -32px
  322. }
  323. .k-i-arrow-w {
  324. background-position: 0 -48px
  325. }
  326. .k-link:not(.k-state-disabled):hover>.k-i-arrow-w,
  327. .k-state-hover .k-i-arrow-w,
  328. .k-button:hover .k-i-arrow-w,
  329. .k-textbox:hover .k-i-arrow-w,
  330. .k-button:active .k-i-arrow-w {
  331. background-position: -16px -48px
  332. }
  333. .k-rtl .k-i-arrow-e {
  334. background-position: 0 -48px
  335. }
  336. .k-rtl .k-link:not(.k-state-disabled):hover>.k-i-arrow-e,
  337. .k-rtl .k-state-hover .k-i-arrow-e,
  338. .k-rtl .k-button:hover .k-i-arrow-e,
  339. .k-rtl .k-textbox:hover .k-i-arrow-e,
  340. .k-rtl .k-button:active .k-i-arrow-e {
  341. background-position: -16px -48px
  342. }
  343. .k-i-seek-n {
  344. background-position: 0 -64px
  345. }
  346. .k-link:not(.k-state-disabled):hover>.k-i-seek-n,
  347. .k-state-hover .k-i-seek-n,
  348. .k-button:hover .k-i-seek-n,
  349. .k-textbox:hover .k-i-seek-n,
  350. .k-button:active .k-i-seek-n {
  351. background-position: -16px -64px
  352. }
  353. .k-i-seek-e {
  354. background-position: 0 -80px
  355. }
  356. .k-link:not(.k-state-disabled):hover>.k-i-seek-e,
  357. .k-state-hover .k-i-seek-e,
  358. .k-button:hover .k-i-seek-e,
  359. .k-textbox:hover .k-i-seek-e,
  360. .k-button:active .k-i-seek-e {
  361. background-position: -16px -80px
  362. }
  363. .k-rtl .k-i-seek-w {
  364. background-position: 0 -80px
  365. }
  366. .k-rtl .k-link:not(.k-state-disabled):hover>.k-i-seek-w,
  367. .k-rtl .k-state-hover .k-i-seek-w,
  368. .k-rtl .k-button:hover .k-i-seek-w,
  369. .k-rtl .k-textbox:hover .k-i-seek-w,
  370. .k-rtl .k-button:active .k-i-seek-w {
  371. background-position: -16px -80px
  372. }
  373. .k-i-seek-s {
  374. background-position: 0 -96px
  375. }
  376. .k-link:not(.k-state-disabled):hover>.k-i-seek-s,
  377. .k-state-hover .k-i-seek-s,
  378. .k-button:hover .k-i-seek-s,
  379. .k-textbox:hover .k-i-seek-s,
  380. .k-button:active .k-i-seek-s {
  381. background-position: -16px -96px
  382. }
  383. .k-i-seek-w {
  384. background-position: 0 -112px
  385. }
  386. .k-link:not(.k-state-disabled):hover>.k-i-seek-w,
  387. .k-state-hover .k-i-seek-w,
  388. .k-button:hover .k-i-seek-w,
  389. .k-textbox:hover .k-i-seek-w,
  390. .k-button:active .k-i-seek-w {
  391. background-position: -16px -112px
  392. }
  393. .k-rtl .k-i-seek-e {
  394. background-position: 0 -112px
  395. }
  396. .k-rtl .k-link:not(.k-state-disabled):hover>.k-i-seek-e,
  397. .k-rtl .k-state-hover .k-i-seek-e,
  398. .k-rtl .k-button:hover .k-i-seek-e,
  399. .k-rtl .k-textbox:hover .k-i-seek-e,
  400. .k-rtl .k-button:active .k-i-seek-e {
  401. background-position: -16px -112px
  402. }
  403. .k-si-arrow-n {
  404. background-position: 0 -129px
  405. }
  406. .k-link:not(.k-state-disabled):hover>.k-si-arrow-n,
  407. .k-state-hover .k-si-arrow-n,
  408. .k-button:hover .k-si-arrow-n,
  409. .k-textbox:hover .k-si-arrow-n,
  410. .k-button:active .k-si-arrow-n {
  411. background-position: -16px -129px
  412. }
  413. .k-si-arrow-e {
  414. background-position: 0 -144px
  415. }
  416. .k-link:not(.k-state-disabled):hover>.k-si-arrow-e,
  417. .k-state-hover .k-si-arrow-e,
  418. .k-button:hover .k-si-arrow-e,
  419. .k-textbox:hover .k-si-arrow-e,
  420. .k-button:active .k-si-arrow-e {
  421. background-position: -16px -144px
  422. }
  423. .k-si-arrow-s {
  424. background-position: 0 -159px
  425. }
  426. .k-link:not(.k-state-disabled):hover>.k-si-arrow-s,
  427. .k-state-hover .k-si-arrow-s,
  428. .k-button:hover .k-si-arrow-s,
  429. .k-textbox:hover .k-si-arrow-s,
  430. .k-button:active .k-si-arrow-s {
  431. background-position: -16px -159px
  432. }
  433. .k-si-arrow-w {
  434. background-position: 0 -176px
  435. }
  436. .k-link:not(.k-state-disabled):hover>.k-si-arrow-w,
  437. .k-state-hover .k-si-arrow-w,
  438. .k-button:hover .k-si-arrow-w,
  439. .k-textbox:hover .k-si-arrow-w,
  440. .k-button:active .k-si-arrow-w {
  441. background-position: -16px -176px
  442. }
  443. .k-i-arrowhead-n {
  444. background-position: 0 -256px
  445. }
  446. .k-link:not(.k-state-disabled):hover>.k-i-arrowhead-n,
  447. .k-state-hover .k-i-arrowhead-n,
  448. .k-button:hover .k-i-arrowhead-n,
  449. .k-textbox:hover .k-i-arrowhead-n,
  450. .k-button:active .k-i-arrowhead-n {
  451. background-position: -16px -256px
  452. }
  453. .k-i-arrowhead-e {
  454. background-position: 0 -272px
  455. }
  456. .k-link:not(.k-state-disabled):hover>.k-i-arrowhead-e,
  457. .k-state-hover .k-i-arrowhead-e,
  458. .k-button:hover .k-i-arrowhead-e,
  459. .k-textbox:hover .k-i-arrowhead-e,
  460. .k-button:active .k-i-arrowhead-e {
  461. background-position: -16px -272px
  462. }
  463. .k-i-arrowhead-s {
  464. background-position: 0 -288px
  465. }
  466. .k-link:not(.k-state-disabled):hover>.k-i-arrowhead-s,
  467. .k-state-hover .k-i-arrowhead-s,
  468. .k-button:hover .k-i-arrowhead-s,
  469. .k-textbox:hover .k-i-arrowhead-s,
  470. .k-button:active .k-i-arrowhead-s {
  471. background-position: -16px -288px
  472. }
  473. .k-i-arrowhead-w {
  474. background-position: 0 -304px
  475. }
  476. .k-link:not(.k-state-disabled):hover>.k-i-arrowhead-w,
  477. .k-state-hover .k-i-arrowhead-w,
  478. .k-button:hover .k-i-arrowhead-w,
  479. .k-textbox:hover .k-i-arrowhead-w,
  480. .k-button:active .k-i-arrowhead-w {
  481. background-position: -16px -304px
  482. }
  483. .k-i-expand,
  484. .k-plus,
  485. .k-plus-disabled {
  486. background-position: 0 -192px
  487. }
  488. .k-link:not(.k-state-disabled):hover>.k-i-expand,
  489. .k-link:not(.k-state-disabled):hover>.k-plus,
  490. .k-link:not(.k-state-disabled):hover>.k-plus-disabled,
  491. .k-state-hover .k-i-expand,
  492. .k-state-hover .k-plus,
  493. .k-state-hover .k-plus-disabled,
  494. .k-button:hover .k-i-expand,
  495. .k-button:hover .k-plus,
  496. .k-button:hover .k-plus-disabled,
  497. .k-textbox:hover .k-i-expand,
  498. .k-textbox:hover .k-plus,
  499. .k-textbox:hover .k-plus-disabled,
  500. .k-button:active .k-i-expand,
  501. .k-button:active .k-plus,
  502. .k-button:active .k-plus-disabled {
  503. background-position: -16px -192px
  504. }
  505. .k-i-expand-w,
  506. .k-rtl .k-i-expand,
  507. .k-rtl .k-plus,
  508. .k-rtl .k-plus-disabled {
  509. background-position: 0 -208px
  510. }
  511. .k-link:not(.k-state-disabled):hover>.k-i-expand-w,
  512. .k-link:not(.k-state-disabled):hover>.k-rtl .k-i-expand,
  513. .k-link:not(.k-state-disabled):hover>.k-rtl .k-plus,
  514. .k-link:not(.k-state-disabled):hover>.k-rtl .k-plus-disabled,
  515. .k-state-hover .k-i-expand-w,
  516. .k-state-hover .k-rtl .k-i-expand,
  517. .k-state-hover .k-rtl .k-plus,
  518. .k-state-hover .k-rtl .k-plus-disabled,
  519. .k-button:hover .k-i-expand-w,
  520. .k-button:hover .k-rtl .k-i-expand,
  521. .k-button:hover .k-rtl .k-plus,
  522. .k-button:hover .k-rtl .k-plus-disabled,
  523. .k-textbox:hover .k-i-expand-w,
  524. .k-textbox:hover .k-rtl .k-i-expand,
  525. .k-textbox:hover .k-rtl .k-plus,
  526. .k-textbox:hover .k-rtl .k-plus-disabled,
  527. .k-button:active .k-i-expand-w,
  528. .k-button:active .k-rtl .k-i-expand,
  529. .k-button:active .k-rtl .k-plus,
  530. .k-button:active .k-rtl .k-plus-disabled {
  531. background-position: -16px -208px
  532. }
  533. .k-i-collapse,
  534. .k-minus,
  535. .k-minus-disabled {
  536. background-position: 0 -224px
  537. }
  538. .k-link:not(.k-state-disabled):hover>.k-i-collapse,
  539. .k-link:not(.k-state-disabled):hover>.k-minus,
  540. .k-link:not(.k-state-disabled):hover>.k-minus-disabled,
  541. .k-state-hover .k-i-collapse,
  542. .k-state-hover .k-minus,
  543. .k-state-hover .k-minus-disabled,
  544. .k-button:hover .k-i-collapse,
  545. .k-button:hover .k-minus,
  546. .k-button:hover .k-minus-disabled,
  547. .k-textbox:hover .k-i-collapse,
  548. .k-textbox:hover .k-minus,
  549. .k-textbox:hover .k-minus-disabled,
  550. .k-button:active .k-i-collapse,
  551. .k-button:active .k-minus,
  552. .k-button:active .k-minus-disabled {
  553. background-position: -16px -224px
  554. }
  555. .k-i-collapse-w,
  556. .k-rtl .k-i-collapse,
  557. .k-rtl .k-minus,
  558. .k-rtl .k-minus-disabled {
  559. background-position: 0 -240px
  560. }
  561. .k-link:not(.k-state-disabled):hover>.k-i-collapse-w,
  562. .k-link:not(.k-state-disabled):hover>.k-rtl .k-i-collapse,
  563. .k-link:not(.k-state-disabled):hover>.k-rtl .k-minus,
  564. .k-link:not(.k-state-disabled):hover>.k-rtl .k-minus-disabled,
  565. .k-state-hover .k-i-collapse-w,
  566. .k-state-hover .k-rtl .k-i-collapse,
  567. .k-state-hover .k-rtl .k-minus,
  568. .k-state-hover .k-rtl .k-minus-disabled,
  569. .k-button:hover .k-i-collapse-w,
  570. .k-button:hover .k-rtl .k-i-collapse,
  571. .k-button:hover .k-rtl .k-minus,
  572. .k-button:hover .k-rtl .k-minus-disabled,
  573. .k-textbox:hover .k-i-collapse-w,
  574. .k-textbox:hover .k-rtl .k-i-collapse,
  575. .k-textbox:hover .k-rtl .k-minus,
  576. .k-textbox:hover .k-rtl .k-minus-disabled,
  577. .k-button:active .k-i-collapse-w,
  578. .k-button:active .k-rtl .k-i-collapse,
  579. .k-button:active .k-rtl .k-minus,
  580. .k-button:active .k-rtl .k-minus-disabled {
  581. background-position: -16px -240px
  582. }
  583. .k-i-pencil,
  584. .k-edit {
  585. background-position: -32px 0
  586. }
  587. .k-link:not(.k-state-disabled):hover>.k-i-pencil,
  588. .k-link:not(.k-state-disabled):hover>.k-edit,
  589. .k-state-hover .k-i-pencil,
  590. .k-state-hover .k-edit,
  591. .k-button:hover .k-i-pencil,
  592. .k-button:hover .k-edit,
  593. .k-textbox:hover .k-i-pencil,
  594. .k-textbox:hover .k-edit,
  595. .k-button:active .k-i-pencil,
  596. .k-button:active .k-edit {
  597. background-position: -48px 0
  598. }
  599. .k-i-close,
  600. .k-delete,
  601. .k-group-delete {
  602. background-position: -32px -16px
  603. }
  604. .k-link:not(.k-state-disabled):hover>.k-i-close,
  605. .k-link:not(.k-state-disabled):hover>.k-delete,
  606. .k-link:not(.k-state-disabled):hover>.k-group-delete,
  607. .k-state-hover .k-i-close,
  608. .k-state-hover .k-delete,
  609. .k-state-hover .k-group-delete,
  610. .k-button:hover .k-i-close,
  611. .k-button:hover .k-delete,
  612. .k-button:hover .k-group-delete,
  613. .k-textbox:hover .k-i-close,
  614. .k-textbox:hover .k-delete,
  615. .k-textbox:hover .k-group-delete,
  616. .k-button:active .k-i-close,
  617. .k-button:active .k-delete,
  618. .k-button:active .k-group-delete {
  619. background-position: -48px -16px
  620. }
  621. .k-multiselect .k-delete {
  622. background-position: -160px -80px
  623. }
  624. .k-multiselect .k-state-hover .k-delete {
  625. background-position: -176px -80px
  626. }
  627. .k-i-tick,
  628. .k-insert,
  629. .k-update {
  630. background-position: -32px -32px
  631. }
  632. .k-link:not(.k-state-disabled):hover>.k-i-tick,
  633. .k-link:not(.k-state-disabled):hover>.k-insert,
  634. .k-link:not(.k-state-disabled):hover>.k-update,
  635. .k-state-hover .k-i-tick,
  636. .k-state-hover .k-insert,
  637. .k-state-hover .k-update,
  638. .k-button:hover .k-i-tick,
  639. .k-button:hover .k-insert,
  640. .k-button:hover .k-update,
  641. .k-textbox:hover .k-i-tick,
  642. .k-textbox:hover .k-insert,
  643. .k-textbox:hover .k-update,
  644. .k-button:active .k-i-tick,
  645. .k-button:active .k-insert,
  646. .k-button:active .k-update {
  647. background-position: -48px -32px
  648. }
  649. .k-i-cancel,
  650. .k-cancel,
  651. .k-denied {
  652. background-position: -32px -48px
  653. }
  654. .k-link:not(.k-state-disabled):hover>.k-i-cancel,
  655. .k-link:not(.k-state-disabled):hover>.k-cancel,
  656. .k-link:not(.k-state-disabled):hover>.k-denied,
  657. .k-state-hover .k-i-cancel,
  658. .k-state-hover .k-cancel,
  659. .k-state-hover .k-denied,
  660. .k-button:hover .k-i-cancel,
  661. .k-button:hover .k-cancel,
  662. .k-button:hover .k-denied,
  663. .k-textbox:hover .k-i-cancel,
  664. .k-textbox:hover .k-cancel,
  665. .k-textbox:hover .k-denied,
  666. .k-button:active .k-i-cancel,
  667. .k-button:active .k-cancel,
  668. .k-button:active .k-denied {
  669. background-position: -48px -48px
  670. }
  671. .k-i-plus,
  672. .k-add {
  673. background-position: -32px -64px
  674. }
  675. .k-link:not(.k-state-disabled):hover>.k-i-plus,
  676. .k-link:not(.k-state-disabled):hover>.k-add,
  677. .k-state-hover .k-i-plus,
  678. .k-state-hover .k-add,
  679. .k-button:hover .k-i-plus,
  680. .k-button:hover .k-add,
  681. .k-textbox:hover .k-i-plus,
  682. .k-textbox:hover .k-add,
  683. .k-button:active .k-i-plus,
  684. .k-button:active .k-add {
  685. background-position: -48px -64px
  686. }
  687. .k-i-funnel,
  688. .k-filter {
  689. background-position: -32px -80px
  690. }
  691. .k-link:not(.k-state-disabled):hover>.k-i-funnel,
  692. .k-link:not(.k-state-disabled):hover>.k-filter,
  693. .k-state-hover .k-i-funnel,
  694. .k-state-hover .k-filter,
  695. .k-button:hover .k-i-funnel,
  696. .k-button:hover .k-filter,
  697. .k-textbox:hover .k-i-funnel,
  698. .k-textbox:hover .k-filter,
  699. .k-button:active .k-i-funnel,
  700. .k-button:active .k-filter {
  701. background-position: -48px -80px
  702. }
  703. .k-i-funnel-clear,
  704. .k-clear-filter {
  705. background-position: -32px -96px
  706. }
  707. .k-link:not(.k-state-disabled):hover>.k-i-funnel-clear,
  708. .k-link:not(.k-state-disabled):hover>.k-clear-filter,
  709. .k-state-hover .k-i-funnel-clear,
  710. .k-state-hover .k-clear-filter,
  711. .k-button:hover .k-i-funnel-clear,
  712. .k-button:hover .k-clear-filter,
  713. .k-textbox:hover .k-i-funnel-clear,
  714. .k-textbox:hover .k-clear-filter,
  715. .k-button:active .k-i-funnel-clear,
  716. .k-button:active .k-clear-filter {
  717. background-position: -48px -96px
  718. }
  719. .k-i-refresh {
  720. background-position: -32px -112px
  721. }
  722. .k-link:not(.k-state-disabled):hover>.k-i-refresh,
  723. .k-state-hover .k-i-refresh,
  724. .k-button:hover .k-i-refresh,
  725. .k-textbox:hover .k-i-refresh,
  726. .k-button:active .k-i-refresh {
  727. background-position: -48px -112px
  728. }
  729. .k-i-restore {
  730. background-position: -32px -128px
  731. }
  732. .k-link:not(.k-state-disabled):hover>.k-i-restore,
  733. .k-state-hover .k-i-restore,
  734. .k-button:hover .k-i-restore,
  735. .k-textbox:hover .k-i-restore,
  736. .k-button:active .k-i-restore {
  737. background-position: -48px -128px
  738. }
  739. .k-i-maximize {
  740. background-position: -32px -144px
  741. }
  742. .k-link:not(.k-state-disabled):hover>.k-i-maximize,
  743. .k-state-hover .k-i-maximize,
  744. .k-button:hover .k-i-maximize,
  745. .k-textbox:hover .k-i-maximize,
  746. .k-button:active .k-i-maximize {
  747. background-position: -48px -144px
  748. }
  749. .k-i-minimize {
  750. background-position: -64px -288px
  751. }
  752. .k-link:not(.k-state-disabled):hover>.k-i-minimize,
  753. .k-state-hover .k-i-minimize,
  754. .k-button:hover .k-i-minimize,
  755. .k-textbox:hover .k-i-minimize,
  756. .k-button:active .k-i-minimize {
  757. background-position: -80px -288px
  758. }
  759. .k-resize-se {
  760. background-position: -32px -160px
  761. }
  762. .k-link:not(.k-state-disabled):hover>.k-resize-se,
  763. .k-state-hover .k-resize-se,
  764. .k-button:hover .k-resize-se,
  765. .k-textbox:hover .k-resize-se,
  766. .k-button:active .k-resize-se {
  767. background-position: -48px -160px
  768. }
  769. .k-i-calendar {
  770. background-position: -32px -176px
  771. }
  772. .k-link:not(.k-state-disabled):hover>.k-i-calendar,
  773. .k-state-hover .k-i-calendar,
  774. .k-button:hover .k-i-calendar,
  775. .k-textbox:hover .k-i-calendar,
  776. .k-button:active .k-i-calendar {
  777. background-position: -48px -176px
  778. }
  779. .k-i-clock {
  780. background-position: -32px -192px
  781. }
  782. .k-link:not(.k-state-disabled):hover>.k-i-clock,
  783. .k-state-hover .k-i-clock,
  784. .k-button:hover .k-i-clock,
  785. .k-textbox:hover .k-i-clock,
  786. .k-button:active .k-i-clock {
  787. background-position: -48px -192px
  788. }
  789. .k-si-plus {
  790. background-position: -32px -208px
  791. }
  792. .k-link:not(.k-state-disabled):hover>.k-si-plus,
  793. .k-state-hover .k-si-plus,
  794. .k-button:hover .k-si-plus,
  795. .k-textbox:hover .k-si-plus,
  796. .k-button:active .k-si-plus {
  797. background-position: -48px -208px
  798. }
  799. .k-si-minus {
  800. background-position: -32px -224px
  801. }
  802. .k-link:not(.k-state-disabled):hover>.k-si-minus,
  803. .k-state-hover .k-si-minus,
  804. .k-button:hover .k-si-minus,
  805. .k-textbox:hover .k-si-minus,
  806. .k-button:active .k-si-minus {
  807. background-position: -48px -224px
  808. }
  809. .k-i-search {
  810. background-position: -32px -240px
  811. }
  812. .k-link:not(.k-state-disabled):hover>.k-i-search,
  813. .k-state-hover .k-i-search,
  814. .k-button:hover .k-i-search,
  815. .k-textbox:hover .k-i-search,
  816. .k-button:active .k-i-search {
  817. background-position: -48px -240px
  818. }
  819. .k-i-custom {
  820. background-position: -115px -113px
  821. }
  822. .k-link:not(.k-state-disabled):hover>.k-i-custom,
  823. .k-state-hover .k-i-custom,
  824. .k-button:hover .k-i-custom,
  825. .k-textbox:hover .k-i-custom,
  826. .k-button:active .k-i-custom {
  827. background-position: -141px -113px
  828. }
  829. .k-editor .k-i-custom {
  830. background-position: -112px -110px
  831. }
  832. .k-viewHtml {
  833. background-position: -112px -132px
  834. }
  835. .k-i-insert-n,
  836. .k-insert-top {
  837. background-position: -160px -32px
  838. }
  839. .k-link:not(.k-state-disabled):hover>.k-i-insert-n,
  840. .k-link:not(.k-state-disabled):hover>.k-insert-top,
  841. .k-state-hover .k-i-insert-n,
  842. .k-state-hover .k-insert-top,
  843. .k-button:hover .k-i-insert-n,
  844. .k-button:hover .k-insert-top,
  845. .k-textbox:hover .k-i-insert-n,
  846. .k-textbox:hover .k-insert-top,
  847. .k-button:active .k-i-insert-n,
  848. .k-button:active .k-insert-top {
  849. background-position: -176px -32px
  850. }
  851. .k-i-insert-m,
  852. .k-insert-middle {
  853. background-position: -160px -48px
  854. }
  855. .k-link:not(.k-state-disabled):hover>.k-i-insert-m,
  856. .k-link:not(.k-state-disabled):hover>.k-insert-middle,
  857. .k-state-hover .k-i-insert-m,
  858. .k-state-hover .k-insert-middle,
  859. .k-button:hover .k-i-insert-m,
  860. .k-button:hover .k-insert-middle,
  861. .k-textbox:hover .k-i-insert-m,
  862. .k-textbox:hover .k-insert-middle,
  863. .k-button:active .k-i-insert-m,
  864. .k-button:active .k-insert-middle {
  865. background-position: -176px -48px
  866. }
  867. .k-i-insert-s,
  868. .k-insert-bottom {
  869. background-position: -160px -64px
  870. }
  871. .k-link:not(.k-state-disabled):hover>.k-i-insert-s,
  872. .k-link:not(.k-state-disabled):hover>.k-insert-bottom,
  873. .k-state-hover .k-i-insert-s,
  874. .k-state-hover .k-insert-bottom,
  875. .k-button:hover .k-i-insert-s,
  876. .k-button:hover .k-insert-bottom,
  877. .k-textbox:hover .k-i-insert-s,
  878. .k-textbox:hover .k-insert-bottom,
  879. .k-button:active .k-i-insert-s,
  880. .k-button:active .k-insert-bottom {
  881. background-position: -176px -64px
  882. }
  883. .k-drop-hint {
  884. background-position: 0 -326px
  885. }
  886. .k-i-note,
  887. .k-warning {
  888. background-position: -160px -240px
  889. }
  890. .k-link:not(.k-state-disabled):hover>.k-i-note,
  891. .k-link:not(.k-state-disabled):hover>.k-warning,
  892. .k-state-hover .k-i-note,
  893. .k-state-hover .k-warning,
  894. .k-button:hover .k-i-note,
  895. .k-button:hover .k-warning,
  896. .k-textbox:hover .k-i-note,
  897. .k-textbox:hover .k-warning,
  898. .k-button:active .k-i-note,
  899. .k-button:active .k-warning {
  900. background-position: -176px -240px
  901. }
  902. .k-i-sort-asc {
  903. background-position: -112px -240px
  904. }
  905. .k-link:not(.k-state-disabled):hover>.k-i-sort-asc,
  906. .k-state-hover .k-i-sort-asc,
  907. .k-button:hover .k-i-sort-asc,
  908. .k-textbox:hover .k-i-sort-asc,
  909. .k-button:active .k-i-sort-asc {
  910. background-position: -128px -240px
  911. }
  912. .k-i-sort-desc {
  913. background-position: -112px -256px
  914. }
  915. .k-link:not(.k-state-disabled):hover>.k-i-sort-desc,
  916. .k-state-hover .k-i-sort-desc,
  917. .k-button:hover .k-i-sort-desc,
  918. .k-textbox:hover .k-i-sort-desc,
  919. .k-button:active .k-i-sort-desc {
  920. background-position: -128px -256px
  921. }
  922. .k-i-group {
  923. background-position: -112px -272px
  924. }
  925. .k-link:not(.k-state-disabled):hover>.k-i-group,
  926. .k-state-hover .k-i-group,
  927. .k-button:hover .k-i-group,
  928. .k-textbox:hover .k-i-group,
  929. .k-button:active .k-i-group {
  930. background-position: -128px -272px
  931. }
  932. .k-i-ungroup {
  933. background-position: -112px -288px
  934. }
  935. .k-link:not(.k-state-disabled):hover>.k-i-ungroup,
  936. .k-state-hover .k-i-ungroup,
  937. .k-button:hover .k-i-ungroup,
  938. .k-textbox:hover .k-i-ungroup,
  939. .k-button:active .k-i-ungroup {
  940. background-position: -128px -288px
  941. }
  942. .k-i-columns {
  943. background-position: -112px -304px
  944. }
  945. .k-link:not(.k-state-disabled):hover>.k-i-columns,
  946. .k-state-hover .k-i-columns,
  947. .k-button:hover .k-i-columns,
  948. .k-textbox:hover .k-i-columns,
  949. .k-button:active .k-i-columns {
  950. background-position: -128px -304px
  951. }
  952. .k-file {
  953. background-position: 0 0
  954. }
  955. .k-link:not(.k-state-disabled):hover>.k-file,
  956. .k-state-hover .k-file,
  957. .k-button:hover .k-file,
  958. .k-textbox:hover .k-file,
  959. .k-button:active .k-file {
  960. background-position: -16px 0
  961. }
  962. .k-i-folder-add,
  963. .k-addfolder {
  964. background-position: -32px -272px
  965. }
  966. .k-link:not(.k-state-disabled):hover>.k-i-folder-add,
  967. .k-link:not(.k-state-disabled):hover>.k-addfolder,
  968. .k-state-hover .k-i-folder-add,
  969. .k-state-hover .k-addfolder,
  970. .k-button:hover .k-i-folder-add,
  971. .k-button:hover .k-addfolder,
  972. .k-textbox:hover .k-i-folder-add,
  973. .k-textbox:hover .k-addfolder,
  974. .k-button:active .k-i-folder-add,
  975. .k-button:active .k-addfolder {
  976. background-position: -48px -272px
  977. }
  978. .k-i-folder-up,
  979. .k-goup {
  980. background-position: -32px -288px
  981. }
  982. .k-link:not(.k-state-disabled):hover>.k-i-folder-up,
  983. .k-link:not(.k-state-disabled):hover>.k-goup,
  984. .k-state-hover .k-i-folder-up,
  985. .k-state-hover .k-goup,
  986. .k-button:hover .k-i-folder-up,
  987. .k-button:hover .k-goup,
  988. .k-textbox:hover .k-i-folder-up,
  989. .k-textbox:hover .k-goup,
  990. .k-button:active .k-i-folder-up,
  991. .k-button:active .k-goup {
  992. background-position: -48px -288px
  993. }
  994. .k-image {
  995. border: 0
  996. }
  997. html .k-success-colored {
  998. color: #507f50;
  999. border-color: #d0dfd0;
  1000. background-color: #f0fff0
  1001. }
  1002. html .k-info-colored {
  1003. color: #50607f;
  1004. border-color: #d0d9df;
  1005. background-color: #f0f9ff
  1006. }
  1007. html .k-error-colored {
  1008. color: #7f5050;
  1009. border-color: #dfd0d0;
  1010. background-color: #fff0f0
  1011. }
  1012. .k-inline-block {
  1013. padding: 0 2px
  1014. }
  1015. .k-loading,
  1016. .k-loading-image {
  1017. background-color: transparent;
  1018. background-repeat: no-repeat;
  1019. background-position: center center
  1020. }
  1021. .k-loading-mask,
  1022. .k-loading-image,
  1023. .k-loading-text {
  1024. position: absolute
  1025. }
  1026. .k-loading-text {
  1027. top: -4000px;
  1028. left: -4000px
  1029. }
  1030. .k-loading-image,
  1031. .k-loading-color {
  1032. width: 100%;
  1033. height: 100%
  1034. }
  1035. .k-loading-image {
  1036. top: 0;
  1037. left: 0;
  1038. z-index: 2
  1039. }
  1040. .k-loading-color {
  1041. filter: alpha(opacity=30);
  1042. opacity: .3
  1043. }
  1044. .k-content-frame {
  1045. border: 0;
  1046. width: 100%;
  1047. height: 100%
  1048. }
  1049. .k-pane>.k-splitter-overlay {
  1050. filter: alpha(opacity=0);
  1051. opacity: 0;
  1052. position: absolute
  1053. }
  1054. .k-drag-clue {
  1055. position: absolute;
  1056. z-index: 10003;
  1057. border-style: solid;
  1058. border-width: 1px;
  1059. font-size: .9em;
  1060. padding: .2em .4em;
  1061. white-space: nowrap;
  1062. cursor: default
  1063. }
  1064. .k-drag-status {
  1065. margin-top: -3px;
  1066. margin-right: 4px;
  1067. vertical-align: middle
  1068. }
  1069. .k-reorder-cue {
  1070. position: absolute;
  1071. width: 1px;
  1072. overflow: visible
  1073. }
  1074. .k-reorder-cue .k-icon {
  1075. position: absolute;
  1076. left: -4px;
  1077. width: 8px;
  1078. height: 4px
  1079. }
  1080. .k-reorder-cue .k-i-arrow-s {
  1081. top: -4px;
  1082. background-position: -4px -166px
  1083. }
  1084. .k-reorder-cue .k-i-arrow-n {
  1085. bottom: -4px;
  1086. background-position: -4px -134px
  1087. }
  1088. .k-scrollbar {
  1089. position: absolute;
  1090. overflow: scroll
  1091. }
  1092. .k-scrollbar-vertical {
  1093. top: 0;
  1094. right: 0;
  1095. width: 17px;
  1096. height: 100%;
  1097. overflow-x: hidden
  1098. }
  1099. .k-touch-scrollbar {
  1100. display: none;
  1101. position: absolute;
  1102. z-index: 200000;
  1103. height: 8px;
  1104. width: 8px;
  1105. border: 1px solid #8a8a8a;
  1106. background-color: #858585
  1107. }
  1108. @media only screen and (-webkit-min-device-pixel-ratio: 2) {
  1109. body .k-touch-scrollbar {
  1110. height: 12px;
  1111. width: 12px;
  1112. -webkit-border-radius: 7px
  1113. }
  1114. }
  1115. .k-virtual-scrollable-wrap {
  1116. overflow-x: auto
  1117. }
  1118. div.k-window {
  1119. display: inline-block;
  1120. position: absolute;
  1121. z-index: 10001;
  1122. border-style: solid;
  1123. border-width: 1px;
  1124. padding-top: 2em
  1125. }
  1126. .k-block>.k-header,
  1127. .k-window-titlebar {
  1128. position: absolute;
  1129. width: 100%;
  1130. height: 1.1em;
  1131. line-height: 1.1em;
  1132. border-bottom-style: solid;
  1133. border-bottom-width: 1px;
  1134. margin-top: -2em;
  1135. padding: .4em 0;
  1136. font-size: 1.2em;
  1137. white-space: nowrap;
  1138. min-height: 16px
  1139. }
  1140. .k-block>.k-header {
  1141. position: relative;
  1142. margin: -2px 0 0 -2px;
  1143. padding: .3em 2px
  1144. }
  1145. .k-window-title {
  1146. position: absolute;
  1147. left: .44em;
  1148. right: .44em;
  1149. overflow: hidden;
  1150. cursor: default;
  1151. text-overflow: ellipsis
  1152. }
  1153. .k-window-title .k-image {
  1154. margin: 0 5px 0 0;
  1155. vertical-align: middle
  1156. }
  1157. div.k-window-titleless {
  1158. padding-top: 0
  1159. }
  1160. div.k-window-content {
  1161. position: relative;
  1162. z-index: -1;
  1163. height: 100%;
  1164. padding: .58em;
  1165. overflow: auto;
  1166. outline: 0;
  1167. -webkit-box-sizing: border-box;
  1168. -moz-box-sizing: border-box;
  1169. box-sizing: border-box
  1170. }
  1171. .k-ie7 .k-window {
  1172. padding-bottom: 1.16em
  1173. }
  1174. .k-window-titlebar .k-window-actions {
  1175. position: absolute;
  1176. top: 0;
  1177. right: .3em;
  1178. padding-top: .3em;
  1179. white-space: nowrap
  1180. }
  1181. .k-window-titlebar .k-window-action {
  1182. display: inline-block;
  1183. width: 16px;
  1184. height: 16px;
  1185. padding: 2px;
  1186. text-decoration: none;
  1187. vertical-align: middle;
  1188. filter: alpha(opacity=70);
  1189. opacity: .7
  1190. }
  1191. .k-window-titlebar .k-state-hover {
  1192. border-style: solid;
  1193. border-width: 1px;
  1194. padding: 1px;
  1195. filter: alpha(opacity=100);
  1196. opacity: 1
  1197. }
  1198. .k-window-action .k-icon {
  1199. margin: 0;
  1200. vertical-align: top
  1201. }
  1202. .k-window .k-resize-handle {
  1203. position: absolute;
  1204. z-index: 1;
  1205. background-color: #fff;
  1206. font-size: 0;
  1207. line-height: 6px;
  1208. filter: alpha(opacity=0);
  1209. opacity: 0;
  1210. zoom: 1
  1211. }
  1212. .k-resize-n {
  1213. top: -3px;
  1214. left: 0;
  1215. width: 100%;
  1216. height: 6px;
  1217. cursor: n-resize
  1218. }
  1219. .k-resize-e {
  1220. top: 0;
  1221. right: -3px;
  1222. width: 6px;
  1223. height: 100%;
  1224. cursor: e-resize
  1225. }
  1226. .k-resize-s {
  1227. bottom: -3px;
  1228. left: 0;
  1229. width: 100%;
  1230. height: 6px;
  1231. cursor: s-resize
  1232. }
  1233. .k-resize-w {
  1234. top: 0;
  1235. left: -3px;
  1236. width: 6px;
  1237. height: 100%;
  1238. cursor: w-resize
  1239. }
  1240. .k-resize-se {
  1241. bottom: -3px;
  1242. right: -3px;
  1243. width: 16px;
  1244. height: 16px;
  1245. cursor: se-resize
  1246. }
  1247. .k-resize-sw {
  1248. bottom: -3px;
  1249. left: -3px;
  1250. width: 6px;
  1251. height: 6px;
  1252. cursor: sw-resize
  1253. }
  1254. .k-resize-ne {
  1255. top: -3px;
  1256. right: -3px;
  1257. width: 6px;
  1258. height: 6px;
  1259. cursor: ne-resize
  1260. }
  1261. .k-resize-nw {
  1262. top: -3px;
  1263. left: -3px;
  1264. width: 6px;
  1265. height: 6px;
  1266. cursor: nw-resize
  1267. }
  1268. .k-overlay {
  1269. position: fixed;
  1270. top: 0;
  1271. left: 0;
  1272. z-index: 10001;
  1273. width: 100%;
  1274. height: 100%;
  1275. background-color: #000;
  1276. filter: alpha(opacity=50);
  1277. opacity: .5
  1278. }
  1279. .k-window .k-overlay {
  1280. position: absolute;
  1281. width: 100%;
  1282. height: 100%;
  1283. background-color: #fff;
  1284. filter: alpha(opacity=0);
  1285. opacity: 0
  1286. }
  1287. .k-window .k-widget {
  1288. z-index: 10002
  1289. }
  1290. .k-tabstrip {
  1291. margin: 0;
  1292. padding: 0;
  1293. zoom: 1
  1294. }
  1295. .k-tabstrip .k-tabstrip-items {
  1296. padding: .3em .3em 0
  1297. }
  1298. .k-tabstrip-items .k-item,
  1299. .k-panelbar .k-tabstrip-items .k-item {
  1300. list-style-type: none;
  1301. display: inline-block;
  1302. position: relative;
  1303. border-style: solid;
  1304. border-width: 1px 1px 0;
  1305. margin: 0 -1px 0 0;
  1306. padding: 0;
  1307. vertical-align: top
  1308. }
  1309. .k-tabstrip-items .k-tab-on-top,
  1310. .k-tabstrip-items .k-state-active,
  1311. .k-panelbar .k-tabstrip-items .k-state-active {
  1312. margin-bottom: -1px;
  1313. padding-bottom: 1px
  1314. }
  1315. .k-tabstrip-items .k-tab-on-top {
  1316. z-index: 1
  1317. }
  1318. .k-tabstrip-items .k-link,
  1319. .k-panelbar .k-tabstrip-items .k-link {
  1320. display: inline-block;
  1321. border-bottom-width: 0;
  1322. padding: .5em .92em
  1323. }
  1324. .k-tabstrip-items .k-icon,
  1325. .k-panelbar .k-tabstrip-items .k-icon {
  1326. margin: -1px 4px 0 -3px;
  1327. vertical-align: top
  1328. }
  1329. .k-tabstrip-items .k-item .k-image,
  1330. .k-tabstrip-items .k-item .k-sprite,
  1331. .k-panelbar .k-tabstrip-items .k-item .k-image,
  1332. .k-panelbar .k-tabstrip-items .k-item .k-sprite {
  1333. margin: -3px 3px 0 -6px;
  1334. vertical-align: middle
  1335. }
  1336. .k-ie7 .k-tabstrip-items .k-item .k-image,
  1337. .k-ie7 .k-tabstrip-items .k-item .k-sprite {
  1338. margin-top: -1px;
  1339. vertical-align: top
  1340. }
  1341. .k-tabstrip .k-content,
  1342. .k-panelbar .k-tabstrip .k-content {
  1343. position: static;
  1344. border-style: solid;
  1345. border-width: 1px;
  1346. margin: 0 .29em .3em;
  1347. padding: .3em .92em;
  1348. zoom: 1
  1349. }
  1350. .k-tabstrip>.k-content {
  1351. display: none
  1352. }
  1353. .k-tabstrip .k-content.km-scroll-wrapper {
  1354. padding: 0
  1355. }
  1356. .k-tabstrip .k-content>.km-scroll-container {
  1357. padding: .3em .92em;
  1358. -webkit-box-sizing: border-box;
  1359. -moz-box-sizing: border-box;
  1360. box-sizing: border-box
  1361. }
  1362. .k-panelbar {
  1363. zoom: 1
  1364. }
  1365. .k-panelbar>.k-item,
  1366. .k-panel>.k-item {
  1367. list-style-type: none;
  1368. display: block;
  1369. border-width: 0;
  1370. margin: 0;
  1371. zoom: 1;
  1372. -moz-border-radius: 0;
  1373. -webkit-border-radius: 0;
  1374. -o-border-radius: 0;
  1375. border-radius: 0
  1376. }
  1377. .k-panelbar .k-image,
  1378. .k-panelbar .k-sprite {
  1379. float: left;
  1380. margin-top: 4px;
  1381. margin-right: 5px;
  1382. vertical-align: middle
  1383. }
  1384. .k-panelbar>.k-item>.k-link,
  1385. .k-panel>.k-item>.k-link {
  1386. display: block;
  1387. position: relative;
  1388. border-bottom-style: solid;
  1389. border-bottom-width: 1px;
  1390. padding: 0 1em;
  1391. line-height: 2.34em;
  1392. text-decoration: none;
  1393. zoom: 1
  1394. }
  1395. .k-panelbar-expand,
  1396. .k-panelbar-collapse {
  1397. position: absolute;
  1398. top: 5px;
  1399. right: 2px
  1400. }
  1401. .k-panelbar .k-panel,
  1402. .k-panelbar .k-content {
  1403. position: relative;
  1404. border-bottom-style: solid;
  1405. border-bottom-width: 1px;
  1406. margin: 0;
  1407. padding: 0;
  1408. zoom: 1
  1409. }
  1410. .k-panel>.k-item>.k-link {
  1411. border-bottom: 0;
  1412. font-size: .95em;
  1413. line-height: 2.2
  1414. }
  1415. .k-panel .k-i-arrow-n,
  1416. .k-panel .k-i-arrow-s {
  1417. top: 4px
  1418. }
  1419. .k-panel .k-panel>.k-item>.k-link {
  1420. padding-left: 2em
  1421. }
  1422. .k-panelbar .k-i-seek-e .k-link {
  1423. border-bottom: 0
  1424. }
  1425. .k-panel .k-panel {
  1426. border-bottom: 0
  1427. }
  1428. .k-menu {
  1429. cursor: default
  1430. }
  1431. .k-menu,
  1432. .k-menu .k-group {
  1433. list-style: none;
  1434. margin: 0;
  1435. padding: 0;
  1436. zoom: 1
  1437. }
  1438. .k-menu:after {
  1439. content: '';
  1440. display: block;
  1441. width: 99%;
  1442. height: 0;
  1443. float: inherit;
  1444. overflow: hidden
  1445. }
  1446. .k-menu .k-item .k-item,
  1447. ul.k-menu-vertical>.k-item {
  1448. display: block;
  1449. float: none;
  1450. border-width: 0
  1451. }
  1452. .k-ie7 .k-menu .k-item .k-item {
  1453. zoom: normal
  1454. }
  1455. .k-menu .k-item>.k-link>.k-icon,
  1456. .k-menu .k-image,
  1457. .k-menu .k-sprite {
  1458. margin: -2px 4px 0 -4px;
  1459. vertical-align: middle
  1460. }
  1461. .k-menu .k-item>.k-link>.k-icon {
  1462. margin: -2px 0 0
  1463. }
  1464. .k-ie7 .k-menu .k-item>.k-link>.k-i-arrow-s,
  1465. .k-ie7 .k-menu .k-image,
  1466. .k-ie7 .k-menu .k-sprite {
  1467. margin-top: 0
  1468. }
  1469. .k-menu .k-item>.k-link {
  1470. display: block;
  1471. padding: .5em .9em .4em;
  1472. line-height: 1.34em;
  1473. -khtml-user-select: none;
  1474. -webkit-user-select: none;
  1475. -moz-user-select: -moz-none;
  1476. -ms-user-select: none;
  1477. user-select: none
  1478. }
  1479. .k-menu .k-group {
  1480. display: none;
  1481. border-style: solid;
  1482. border-width: 1px;
  1483. overflow: visible;
  1484. white-space: nowrap
  1485. }
  1486. .k-menu .k-group .k-item {
  1487. display: block;
  1488. border-width: 0
  1489. }
  1490. .k-menu .k-item,
  1491. .k-widget.k-menu-horizontal>.k-item {
  1492. position: relative;
  1493. float: left;
  1494. border-style: solid;
  1495. border-width: 0 1px 0 0;
  1496. vertical-align: top;
  1497. zoom: 1;
  1498. box-sizing: content-box
  1499. }
  1500. .k-menu .k-group .k-item>.k-link {
  1501. padding: .28em 1.8em .38em .9em
  1502. }
  1503. .k-ie7 .k-menu .k-group .k-link {
  1504. width: 100%
  1505. }
  1506. .k-menu .k-item>.k-link>.k-i-arrow-s {
  1507. margin-right: -8px
  1508. }
  1509. .k-menu .k-item>.k-link>.k-i-arrow-e {
  1510. position: absolute;
  1511. top: 50%;
  1512. margin-top: -8px;
  1513. right: 2px
  1514. }
  1515. .k-menu .k-animation-container {
  1516. border: 0
  1517. }
  1518. .k-menu .k-animation-container,
  1519. .k-menu .k-group {
  1520. position: absolute;
  1521. left: 0
  1522. }
  1523. .k-menu .k-animation-container .k-animation-container,
  1524. .k-menu .k-group .k-group,
  1525. .k-menu-vertical .k-animation-container,
  1526. .k-menu-vertical .k-group {
  1527. top: 0;
  1528. left: 0
  1529. }
  1530. .k-menu .k-animation-container .k-group {
  1531. top: auto;
  1532. left: auto;
  1533. margin-left: -1px
  1534. }
  1535. .k-menu .k-animation-container,
  1536. .k-popup .k-animation-container {
  1537. margin-top: -1px;
  1538. padding-left: 1px
  1539. }
  1540. .k-popup .k-animation-container .k-popup {
  1541. margin-left: -1px
  1542. }
  1543. ul.k-menu .k-separator {
  1544. padding: .25em 0;
  1545. height: 100%;
  1546. width: 1px;
  1547. font-size: 0;
  1548. line-height: 0;
  1549. border-width: 0 1px 0 0
  1550. }
  1551. ul.k-menu-vertical .k-separator,
  1552. .k-menu .k-group .k-separator {
  1553. padding: 0;
  1554. height: 1px;
  1555. width: 100%;
  1556. border-width: 1px 0 0
  1557. }
  1558. .k-grid,
  1559. .k-listview {
  1560. position: relative;
  1561. zoom: 1
  1562. }
  1563. .k-grid table {
  1564. width: 100%;
  1565. border-collapse: separate;
  1566. empty-cells: show;
  1567. border-width: 0;
  1568. outline: 0
  1569. }
  1570. .k-grid-header .k-header {
  1571. text-align: left
  1572. }
  1573. .k-grid-header .k-header {
  1574. overflow: hidden;
  1575. border-style: solid;
  1576. border-width: 0 0 1px 1px;
  1577. padding: .5em .6em .4em .6em;
  1578. font-weight: normal;
  1579. white-space: nowrap;
  1580. text-overflow: ellipsis
  1581. }
  1582. .k-grid-header .k-header .k-link {
  1583. display: block;
  1584. min-height: 18px;
  1585. line-height: 18px;
  1586. margin: -0.5em -0.6em -0.4em -0.6em;
  1587. padding: .5em .6em .4em .6em
  1588. }
  1589. .k-grid-header .k-filterable .k-link {
  1590. padding-right: 2.4em
  1591. }
  1592. .k-grid-header .k-header .k-icon {
  1593. position: static
  1594. }
  1595. .k-grid-header .k-link>.k-icon {
  1596. vertical-align: text-top
  1597. }
  1598. .k-grid .k-state-hover {
  1599. cursor: pointer
  1600. }
  1601. .k-grid td {
  1602. border-style: solid;
  1603. border-width: 0 0 0 1px;
  1604. padding: .4em .6em;
  1605. overflow: hidden;
  1606. line-height: 1.6em;
  1607. vertical-align: middle;
  1608. text-overflow: ellipsis
  1609. }
  1610. .k-grid .k-grouping-row td,
  1611. .k-grid .k-hierarchy-cell {
  1612. overflow: visible
  1613. }
  1614. .k-grid-edit-row td {
  1615. text-overflow: clip
  1616. }
  1617. .k-grid-edit-row .k-textbox {
  1618. margin-top: 0;
  1619. margin-bottom: 0
  1620. }
  1621. .k-grid-header-wrap,
  1622. .k-grid-footer-wrap {
  1623. position: relative;
  1624. width: 100%;
  1625. overflow: hidden;
  1626. border-style: solid;
  1627. border-width: 0 1px 0 0;
  1628. zoom: 1
  1629. }
  1630. div.k-grid-header,
  1631. div.k-grid-footer {
  1632. padding-right: 17px;
  1633. border-bottom-style: solid;
  1634. border-bottom-width: 1px;
  1635. zoom: 1
  1636. }
  1637. div.k-grid-header .k-header {
  1638. border-bottom-width: 0
  1639. }
  1640. .k-grid-content {
  1641. position: relative;
  1642. width: 100%;
  1643. overflow: auto;
  1644. overflow-x: auto;
  1645. overflow-y: scroll;
  1646. zoom: 1
  1647. }
  1648. @media print {
  1649. .k-grid {
  1650. height: auto!important
  1651. }
  1652. .k-grid-header {
  1653. padding: 0!important
  1654. }
  1655. .k-grid-content {
  1656. overflow: visible;
  1657. height: auto!important
  1658. }
  1659. }
  1660. .k-virtual-scrollable-wrap {
  1661. height: 100%;
  1662. overflow-y: hidden;
  1663. position: relative
  1664. }
  1665. .k-grid-header table,
  1666. .k-grid-content table,
  1667. .k-grid-footer table {
  1668. table-layout: fixed
  1669. }
  1670. .k-ie7 .k-grid-content table {
  1671. width: auto
  1672. }
  1673. .k-grid-toolbar {
  1674. border-style: solid;
  1675. border-width: 1px 0 0
  1676. }
  1677. .k-grid-header .k-header:first-child,
  1678. .k-grid tbody td:first-child,
  1679. .k-grid tfoot td:first-child {
  1680. border-left-width: 0
  1681. }
  1682. .k-grid-toolbar:first-child,
  1683. .k-grouping-header+.k-grid-toolbar {
  1684. border-width: 0 0 1px
  1685. }
  1686. .k-footer-template td {
  1687. border-style: solid;
  1688. border-width: 1px 0 0 1px
  1689. }
  1690. .k-group-footer td {
  1691. border-style: solid;
  1692. border-width: 1px 0
  1693. }
  1694. .k-grid-footer {
  1695. border-style: solid;
  1696. border-width: 1px 0 0
  1697. }
  1698. .k-grid-footer td {
  1699. border-top-width: 0
  1700. }
  1701. .k-pager-wrap {
  1702. overflow: auto;
  1703. border-style: solid;
  1704. border-width: 1px;
  1705. line-height: 24px;
  1706. padding: 4px 0 4px 3px
  1707. }
  1708. .k-grid-pager {
  1709. border-width: 1px 0 0
  1710. }
  1711. .k-grid .k-pager-numbers,
  1712. .k-pager-numbers .k-link,
  1713. .k-pager-numbers .k-state-selected {
  1714. display: inline-block;
  1715. vertical-align: top;
  1716. margin-right: 1px
  1717. }
  1718. .k-pager-numbers {
  1719. margin: 0 2px
  1720. }
  1721. .k-pager-numbers .k-state-selected {
  1722. vertical-align: top
  1723. }
  1724. .k-pager-numbers li,
  1725. .k-pager-input {
  1726. float: left
  1727. }
  1728. .k-grid .k-pager-numbers {
  1729. float: left;
  1730. cursor: default
  1731. }
  1732. .k-pager-info {
  1733. float: right;
  1734. padding: 0 16px
  1735. }
  1736. .k-pager-numbers .k-link {
  1737. text-decoration: none
  1738. }
  1739. .k-pager-wrap>.k-link {
  1740. float: left;
  1741. margin: 0 1px;
  1742. padding: 0 3px;
  1743. height: 22px;
  1744. line-height: 22px;
  1745. -moz-border-radius: 13px;
  1746. -webkit-border-radius: 13px;
  1747. -o-border-radius: 13px;
  1748. border-radius: 13px;
  1749. cursor: pointer
  1750. }
  1751. .k-pager-wrap>a.k-state-disabled:hover {
  1752. background: 0;
  1753. cursor: default
  1754. }
  1755. .k-pager-wrap>.k-link .k-icon {
  1756. vertical-align: top;
  1757. margin-top: 3px
  1758. }
  1759. .k-pager-numbers .k-link {
  1760. padding: 0 8px;
  1761. -moz-border-radius: 13px;
  1762. -webkit-border-radius: 13px;
  1763. -o-border-radius: 13px;
  1764. border-radius: 13px
  1765. }
  1766. .k-pager-numbers .k-link:hover {
  1767. padding: 0 7px;
  1768. border-style: solid;
  1769. border-width: 1px;
  1770. line-height: 22px
  1771. }
  1772. .k-pager-wrap>.k-link {
  1773. border-style: solid;
  1774. border-width: 1px
  1775. }
  1776. .k-pager-wrap .k-pager-refresh {
  1777. float: right;
  1778. margin-right: 6px;
  1779. border-width: 0;
  1780. -moz-border-radius: 0;
  1781. -webkit-border-radius: 0;
  1782. -o-border-radius: 0;
  1783. border-radius: 0
  1784. }
  1785. .k-pager-numbers .k-state-selected {
  1786. border-style: solid;
  1787. border-width: 1px;
  1788. line-height: 22px;
  1789. padding: 0 7px;
  1790. -moz-border-radius: 13px;
  1791. -webkit-border-radius: 13px;
  1792. -o-border-radius: 13px;
  1793. border-radius: 13px
  1794. }
  1795. .k-pager-wrap .k-textbox {
  1796. width: 40px
  1797. }
  1798. .k-ie7 .k-pager-wrap .k-textbox {
  1799. height: 16px;
  1800. margin-top: 2px;
  1801. display: inline
  1802. }
  1803. .k-pager-wrap .k-dropdown {
  1804. width: 54px
  1805. }
  1806. .k-pager-refresh {
  1807. float: right
  1808. }
  1809. .k-pager-input,
  1810. .k-pager-sizes {
  1811. padding: 0 17px
  1812. }
  1813. .k-ie7 .k-pager-sizes {
  1814. float: left
  1815. }
  1816. .k-pager-wrap .k-textbox,
  1817. .k-pager-wrap .k-widget {
  1818. margin: -0.3em .4em 0
  1819. }
  1820. .k-header>.k-grid-filter,
  1821. .k-header>.k-header-column-menu {
  1822. float: right;
  1823. margin: -0.5em -0.6em -0.4em;
  1824. padding: .5em .2em .4em;
  1825. position: relative;
  1826. z-index: 1
  1827. }
  1828. .k-grid .k-animation-container {
  1829. position: absolute
  1830. }
  1831. .k-filter-menu {
  1832. padding: .5em
  1833. }
  1834. form.k-filter-menu .k-widget,
  1835. form.k-filter-menu .k-textbox {
  1836. display: block
  1837. }
  1838. .k-filter-help-text,
  1839. .k-filter-menu .k-widget {
  1840. margin: .19em 0 0
  1841. }
  1842. .k-filter-menu span.k-filter-and {
  1843. width: 6em;
  1844. margin: .5em 0 .5em
  1845. }
  1846. .k-filter-menu .k-button {
  1847. width: 48%;
  1848. margin: .5em 4% 0 0
  1849. }
  1850. .k-filter-menu .k-button+.k-button {
  1851. margin-right: 0
  1852. }
  1853. .k-grouping-row .k-icon {
  1854. margin: 0 4px 0 0
  1855. }
  1856. .k-grouping-row p {
  1857. display: inline-block;
  1858. vertical-align: middle;
  1859. margin-left: -0.6em;
  1860. padding: 0 .6em
  1861. }
  1862. .k-grid>table>tbody .k-group-cell+td,
  1863. .k-grid>.k-grid-content .k-group-cell+td,
  1864. .k-grid .k-hierarchy-cell+td {
  1865. border-left-width: 0
  1866. }
  1867. .k-grid .k-group-col,
  1868. .k-grid .k-hierarchy-col {
  1869. width: 30px
  1870. }
  1871. .k-grouping-header {
  1872. border-bottom-style: solid;
  1873. border-bottom-width: 1px
  1874. }
  1875. .k-grouping-header {
  1876. line-height: 2
  1877. }
  1878. .k-grouping-dropclue {
  1879. position: absolute;
  1880. width: 6px;
  1881. height: 25px;
  1882. background-repeat: no-repeat;
  1883. background-position: -165px -148px
  1884. }
  1885. .k-grouping-header .k-group-indicator {
  1886. display: inline-block;
  1887. border-style: solid;
  1888. border-width: 1px;
  1889. margin: 0 3px;
  1890. padding: .15em .15em .15em .4em;
  1891. line-height: 1.5em
  1892. }
  1893. .k-grouping-header .k-link {
  1894. display: inline-block;
  1895. border-width: 0;
  1896. padding: 0;
  1897. line-height: normal;
  1898. text-decoration: none
  1899. }
  1900. .k-grouping-header .k-button {
  1901. border: 0;
  1902. padding: 0;
  1903. background: transparent;
  1904. line-height: 1
  1905. }
  1906. .k-grouping-header .k-link .k-icon {
  1907. margin: 0 0 0 -3px
  1908. }
  1909. .k-grouping-header .k-button .k-icon {
  1910. margin: 0 0 0 3px
  1911. }
  1912. .k-grouping-header a,
  1913. .k-grouping-header .k-button {
  1914. display: inline-block;
  1915. vertical-align: middle
  1916. }
  1917. .k-dirty {
  1918. position: absolute;
  1919. width: 0;
  1920. height: 0;
  1921. border-style: solid;
  1922. border-width: 3px;
  1923. border-color: #f00 transparent transparent #f00;
  1924. margin: -0.45em 0 0 -0.6em;
  1925. padding: 0;
  1926. overflow: hidden;
  1927. vertical-align: top
  1928. }
  1929. .k-grouping-header,
  1930. .k-grid-toolbar {
  1931. margin: 0;
  1932. padding: .22em .2em .28em;
  1933. cursor: default
  1934. }
  1935. .k-grid .k-edit-container {
  1936. padding: 0
  1937. }
  1938. .k-edit-form {
  1939. margin: 0;
  1940. padding: 0
  1941. }
  1942. .k-grid-edit-row .k-edit-form td {
  1943. border-bottom-width: 0
  1944. }
  1945. .k-edit-form-container {
  1946. position: relative;
  1947. width: 400px
  1948. }
  1949. .k-edit-label,
  1950. .k-edit-field,
  1951. .k-edit-form-container .editor-label,
  1952. .k-edit-form-container .editor-field {
  1953. display: inline-block;
  1954. padding-bottom: 1em
  1955. }
  1956. .k-edit-label,
  1957. .k-edit-form-container .editor-label {
  1958. width: 30%;
  1959. text-align: right;
  1960. padding-right: 3%
  1961. }
  1962. .k-edit-field,
  1963. .k-edit-form-container .editor-field {
  1964. width: 60%
  1965. }
  1966. .k-grid .field-validation-error {
  1967. display: block
  1968. }
  1969. .k-grid .input-validation-error {
  1970. border-style: ridge;
  1971. border-color: #f00;
  1972. background-color: #ffc0cb
  1973. }
  1974. .k-grid-toolbar .k-button {
  1975. vertical-align: middle
  1976. }
  1977. .k-grid-actions {
  1978. display: inline-block
  1979. }
  1980. .k-ie7 .k-grid-actions {
  1981. vertical-align: bottom
  1982. }
  1983. .k-grid .k-button,
  1984. .k-edit-form-container .k-button {
  1985. margin: 0 .16em
  1986. }
  1987. .k-grid tbody .k-button,
  1988. .k-ie8 .k-grid tbody button.k-button {
  1989. min-width: 64px
  1990. }
  1991. .k-grid tbody button.k-button {
  1992. min-width: 78px
  1993. }
  1994. .k-ie7 .k-grid tbody a.k-button {
  1995. min-width: 62px
  1996. }
  1997. html body .k-grid tbody .k-button-icon {
  1998. width: auto;
  1999. min-width: 0
  2000. }
  2001. .k-detail-row {
  2002. position: relative
  2003. }
  2004. .k-grid .k-detail-cell {
  2005. overflow: visible
  2006. }
  2007. .k-grid .k-edit-cell {
  2008. padding: 0 .3em
  2009. }
  2010. .k-edit-cell>.k-textbox,
  2011. .k-edit-cell>.k-widget,
  2012. .k-grid-edit-row>td>.k-textbox,
  2013. .k-grid-edit-row>td>.k-widget {
  2014. width: 100%
  2015. }
  2016. .k-edit-cell .k-widget,
  2017. .k-grid-edit-row .k-widget {
  2018. -webkit-box-sizing: border-box;
  2019. -moz-box-sizing: border-box;
  2020. box-sizing: border-box
  2021. }
  2022. .k-ie7 .k-edit-cell>.k-textbox,
  2023. .k-ie7 .k-edit-cell>.k-widget,
  2024. .k-ie7 .k-grid-edit-row>td>.k-textbox,
  2025. .k-ie7 .k-grid-edit-row>td>.k-widget {
  2026. display: block;
  2027. width: 90%
  2028. }
  2029. html .k-edit-cell .k-tooltip,
  2030. html .k-grid-edit-row .k-tooltip {
  2031. width: auto;
  2032. max-width: 300px
  2033. }
  2034. .k-edit-cell input[type="checkbox"] {
  2035. margin-left: .6em
  2036. }
  2037. .k-grid tbody td>.k-grid-delete {
  2038. margin-top: -0.2em;
  2039. margin-bottom: -0.2em
  2040. }
  2041. .k-grid-resize-indicator {
  2042. position: absolute;
  2043. width: 2px;
  2044. background-color: #aaa
  2045. }
  2046. .k-grid .k-resize-handle {
  2047. position: absolute;
  2048. height: 25px;
  2049. cursor: col-resize;
  2050. z-index: 2
  2051. }
  2052. .k-marquee {
  2053. position: absolute;
  2054. filter: alpha(opacity=30);
  2055. opacity: .3
  2056. }
  2057. .k-column-menu .k-sprite {
  2058. margin-right: 10px
  2059. }
  2060. .k-column-menu>.k-menu {
  2061. border-width: 0
  2062. }
  2063. .k-columns-item .k-group {
  2064. max-height: 200px;
  2065. overflow: auto
  2066. }
  2067. span.k-datepicker,
  2068. span.k-timepicker,
  2069. span.k-datetimepicker,
  2070. span.k-colorpicker,
  2071. span.k-numerictextbox,
  2072. span.k-combobox,
  2073. span.k-dropdown {
  2074. background-image: none
  2075. }
  2076. .k-autocomplete,
  2077. .k-combobox,
  2078. .k-datepicker,
  2079. .k-timepicker,
  2080. .k-datetimepicker,
  2081. .k-colorpicker,
  2082. .k-numerictextbox,
  2083. .k-dropdown,
  2084. .k-selectbox,
  2085. .k-textbox {
  2086. position: relative;
  2087. display: inline-block;
  2088. width: 12.4em;
  2089. overflow: visible;
  2090. border-width: 0;
  2091. vertical-align: middle
  2092. }
  2093. .k-filter-menu .k-combobox,
  2094. .k-filter-menu .k-datepicker,
  2095. .k-filter-menu .k-timepicker,
  2096. .k-filter-menu .k-datetimepicker,
  2097. .k-filter-menu .k-numerictextbox,
  2098. .k-filter-menu .k-dropdown,
  2099. .k-filter-menu .k-textbox {
  2100. width: 13.2em
  2101. }
  2102. .k-autocomplete,
  2103. .k-combobox,
  2104. .k-datepicker,
  2105. .k-timepicker,
  2106. .k-datetimepicker,
  2107. .k-colorpicker,
  2108. .k-numerictextbox,
  2109. .k-dropdown,
  2110. .k-selectbox {
  2111. white-space: nowrap
  2112. }
  2113. .k-colorpicker {
  2114. width: auto
  2115. }
  2116. .k-datetimepicker {
  2117. width: 15em
  2118. }
  2119. .k-autocomplete,
  2120. .k-picker-wrap,
  2121. .k-numeric-wrap {
  2122. position: relative;
  2123. cursor: default
  2124. }
  2125. .k-dropdown-wrap {
  2126. position: relative
  2127. }
  2128. .k-dropdown-wrap,
  2129. .k-picker-wrap,
  2130. .k-numeric-wrap {
  2131. display: block
  2132. }
  2133. .k-block,
  2134. .k-widget,
  2135. .k-grid,
  2136. .k-slider,
  2137. .k-splitter,
  2138. .k-treeview,
  2139. .k-panelbar,
  2140. .k-content,
  2141. .k-header-column-menu {
  2142. outline: 0;
  2143. -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  2144. }
  2145. .k-block,
  2146. .k-slider,
  2147. .k-splitbar,
  2148. .k-calendar,
  2149. .k-treeview,
  2150. .k-pager-wrap,
  2151. .k-grid-header .k-link,
  2152. .k-header-column-menu {
  2153. -webkit-touch-callout: none
  2154. }
  2155. .k-popup.k-list-container,
  2156. .k-popup.k-calendar-container {
  2157. -webkit-touch-callout: none;
  2158. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2159. padding: 2px;
  2160. border-width: 1px;
  2161. border-style: solid
  2162. }
  2163. .k-list-container.k-state-border-down,
  2164. .k-autocomplete.k-state-border-down,
  2165. .k-dropdown-wrap.k-state-border-down,
  2166. .k-picker-wrap.k-state-border-down,
  2167. .k-numeric-wrap.k-state-border-down {
  2168. border-bottom-width: 0;
  2169. padding-bottom: 1px
  2170. }
  2171. .k-colorpicker .k-picker-wrap.k-state-border-down {
  2172. border-bottom-width: 1px
  2173. }
  2174. .k-textbox,
  2175. .k-autocomplete,
  2176. .k-dropdown-wrap,
  2177. .k-picker-wrap,
  2178. .k-numeric-wrap {
  2179. border-width: 1px;
  2180. border-style: solid;
  2181. padding: 0 22px 0 0
  2182. }
  2183. .k-numeric-wrap.k-expand-padding {
  2184. padding-right: 0
  2185. }
  2186. .k-textbox,
  2187. .k-autocomplete {
  2188. padding: 0
  2189. }
  2190. .k-textbox.k-space-left {
  2191. padding-left: 22px
  2192. }
  2193. .k-textbox.k-space-right {
  2194. padding-right: 22px
  2195. }
  2196. .k-textbox .k-icon {
  2197. font-size: inherit;
  2198. top: 50%;
  2199. margin: -8px 0 0;
  2200. position: absolute
  2201. }
  2202. .k-space-left .k-icon {
  2203. left: 3px
  2204. }
  2205. .k-space-right .k-icon {
  2206. right: 3px
  2207. }
  2208. .k-autocomplete,
  2209. .k-dropdown-wrap.k-state-focused,
  2210. .k-dropdown-wrap.k-state-hover,
  2211. .k-picker-wrap.k-state-focused,
  2212. .k-picker-wrap.k-state-hover,
  2213. .k-numeric-wrap.k-state-focused,
  2214. .k-numeric-wrap.k-state-hover {
  2215. -webkit-transition: box-shadow .15s ease-out;
  2216. -moz-transition: box-shadow .15s ease-out;
  2217. -o-transition: box-shadow .15s ease-out;
  2218. transition: box-shadow .15s ease-out
  2219. }
  2220. .k-textbox>input,
  2221. .k-picker-wrap .k-input,
  2222. .k-numeric-wrap .k-input,
  2223. .k-combobox .k-input {
  2224. width: 100%;
  2225. vertical-align: top
  2226. }
  2227. .k-picker-wrap .k-input,
  2228. .k-numeric-wrap .k-input,
  2229. .k-dropdown-wrap .k-input,
  2230. .k-selectbox .k-input {
  2231. font-family: inherit;
  2232. border-width: 0;
  2233. outline: 0
  2234. }
  2235. .k-dropdown .k-input,
  2236. .k-selectbox .k-input {
  2237. background: transparent
  2238. }
  2239. .k-ie7 .k-picker-wrap .k-input,
  2240. .k-ie7 .k-numeric-wrap .k-input,
  2241. .k-ie7 .k-combobox .k-input {
  2242. margin: -1px 0
  2243. }
  2244. .k-picker-wrap .k-select,
  2245. .k-numeric-wrap .k-select,
  2246. .k-dropdown-wrap .k-select {
  2247. position: absolute;
  2248. top: 0;
  2249. right: 0;
  2250. display: inline-block;
  2251. vertical-align: top;
  2252. text-decoration: none
  2253. }
  2254. .k-combobox .k-select,
  2255. .k-picker-wrap .k-select,
  2256. .k-numeric-wrap .k-select {
  2257. border-style: solid;
  2258. border-width: 0 0 0 1px;
  2259. border-color: inherit
  2260. }
  2261. .k-picker-wrap .k-select {
  2262. padding: 0 2px
  2263. }
  2264. span.k-datetimepicker .k-select,
  2265. span.k-datetimepicker .k-select+.k-select {
  2266. right: 0
  2267. }
  2268. .k-textbox,
  2269. .k-autocomplete {
  2270. -webkit-box-sizing: border-box;
  2271. -moz-box-sizing: border-box;
  2272. box-sizing: border-box
  2273. }
  2274. .k-textbox>input,
  2275. .k-autocomplete .k-input {
  2276. display: block
  2277. }
  2278. .k-dropdown .k-select,
  2279. .k-selectbox .k-select {
  2280. overflow: hidden;
  2281. border: 0;
  2282. text-decoration: none;
  2283. font: inherit;
  2284. color: inherit
  2285. }
  2286. .k-dropdown .k-input,
  2287. .k-selectbox .k-input {
  2288. display: block;
  2289. overflow: hidden;
  2290. text-overflow: ellipsis
  2291. }
  2292. .k-textbox>input,
  2293. .k-autocomplete .k-input,
  2294. .k-picker-wrap .k-input,
  2295. .k-numeric-wrap .k-input,
  2296. .k-dropdown-wrap .k-input,
  2297. .k-selectbox .k-input {
  2298. height: 1.65em;
  2299. line-height: 1.65em;
  2300. padding: .178em 0;
  2301. text-indent: 4px;
  2302. border: 0;
  2303. margin: 0
  2304. }
  2305. .k-ie7 .k-autocomplete .k-input,
  2306. .k-ie7 .k-picker-wrap .k-input,
  2307. .k-ie7 .k-numeric-wrap .k-input,
  2308. .k-ie7 .k-dropdown-wrap .k-input,
  2309. .k-ie7 .k-selectbox .k-input {
  2310. text-indent: 0
  2311. }
  2312. .k-picker-wrap .k-select,
  2313. .k-numeric-wrap .k-select,
  2314. .k-dropdown-wrap .k-select {
  2315. min-height: 1.56em;
  2316. line-height: 1.56em;
  2317. vertical-align: middle;
  2318. padding: 3px
  2319. }
  2320. .k-numeric-wrap .k-select {
  2321. padding: 0
  2322. }
  2323. body .k-datetimepicker .k-select {
  2324. -moz-border-radius: 0;
  2325. -webkit-border-radius: 0;
  2326. -o-border-radius: 0;
  2327. border-radius: 0
  2328. }
  2329. .k-combobox .k-icon,
  2330. .k-dropdown,
  2331. .k-selectbox .k-icon {
  2332. cursor: pointer
  2333. }
  2334. .k-popup {
  2335. border-style: solid;
  2336. border-width: 1px
  2337. }
  2338. .k-popup .k-item {
  2339. cursor: default
  2340. }
  2341. .k-popup .k-calendar {
  2342. border: 0
  2343. }
  2344. .k-list {
  2345. height: 100%
  2346. }
  2347. .k-popup .k-list .k-item {
  2348. padding: 1px 5px 1px 5px;
  2349. line-height: 1.8em
  2350. }
  2351. .k-popup .k-list .k-state-hover,
  2352. .k-popup .k-list .k-state-focused,
  2353. .k-popup .k-list .k-state-selected {
  2354. padding: 0 4px;
  2355. border-width: 1px;
  2356. border-style: solid
  2357. }
  2358. .k-multiselect-wrap {
  2359. position: relative;
  2360. border-width: 0;
  2361. border-style: solid;
  2362. border-radius: 4px;
  2363. border-color: #c5c5c5;
  2364. background-color: #FFF;
  2365. min-height: 2.04em
  2366. }
  2367. .k-multiselect-wrap .k-input {
  2368. background-color: transparent;
  2369. height: 1.31em;
  2370. line-height: 1.31em;
  2371. padding: .18em 0;
  2372. text-indent: 4px;
  2373. border: 0;
  2374. margin: 1px 0 0;
  2375. float: left
  2376. }
  2377. .k-multiselect-wrap li {
  2378. margin: 1px 0 1px 1px;
  2379. padding: .1em .15em .1em .4em;
  2380. line-height: 1.5em;
  2381. float: left
  2382. }
  2383. .k-autocomplete .k-loading,
  2384. .k-multiselect .k-loading {
  2385. position: absolute;
  2386. right: 3px;
  2387. bottom: 4px
  2388. }
  2389. .k-multiselect .k-loading-hidden {
  2390. visibility: hidden
  2391. }
  2392. .k-calendar {
  2393. position: relative;
  2394. display: inline-block;
  2395. width: 203px;
  2396. overflow: hidden
  2397. }
  2398. .k-calendar td,
  2399. .k-calendar .k-link {
  2400. text-decoration: none
  2401. }
  2402. .k-calendar .k-action-link {
  2403. text-decoration: underline
  2404. }
  2405. .k-calendar .k-header,
  2406. .k-calendar .k-footer {
  2407. position: relative;
  2408. text-align: center;
  2409. zoom: 1
  2410. }
  2411. .k-widget.k-calendar .k-nav-prev,
  2412. .k-widget.k-calendar .k-nav-next {
  2413. position: absolute;
  2414. top: 3px
  2415. }
  2416. .k-widget.k-calendar .k-nav-prev {
  2417. left: 1%
  2418. }
  2419. .k-widget.k-calendar .k-nav-next {
  2420. right: 1%
  2421. }
  2422. .k-calendar .k-content {
  2423. float: left;
  2424. border-spacing: 0;
  2425. width: 100%;
  2426. height: 166px;
  2427. border-width: 0;
  2428. margin: 0;
  2429. table-layout: fixed;
  2430. text-align: right;
  2431. outline: 0
  2432. }
  2433. .k-calendar .k-animation-container .k-content {
  2434. height: 100%
  2435. }
  2436. .k-widget.k-calendar .k-nav-fast {
  2437. display: inline-block;
  2438. width: 75%;
  2439. height: 22px;
  2440. line-height: 22px;
  2441. margin: 3px 0 4px
  2442. }
  2443. .k-calendar .k-header .k-icon {
  2444. vertical-align: top;
  2445. margin: 3px 3px 4px
  2446. }
  2447. .k-calendar th {
  2448. border-bottom-style: solid;
  2449. border-bottom-width: 1px;
  2450. padding: .4em .45em .4em .1em;
  2451. font-weight: normal;
  2452. cursor: default
  2453. }
  2454. .k-calendar td {
  2455. padding: 1px;
  2456. cursor: pointer
  2457. }
  2458. .k-calendar .k-state-focus {
  2459. border-style: dotted;
  2460. border-width: 1px;
  2461. padding: 0
  2462. }
  2463. .k-calendar .k-content .k-link {
  2464. display: block;
  2465. overflow: hidden;
  2466. min-height: 22px;
  2467. line-height: 22px;
  2468. padding: 0 .45em 0 .1em
  2469. }
  2470. .k-calendar .k-meta-view .k-link {
  2471. padding: .25em 0 .3em;
  2472. text-align: center
  2473. }
  2474. .k-calendar .k-footer {
  2475. clear: both;
  2476. padding: .5em 0
  2477. }
  2478. .k-calendar .k-nav-today:hover {
  2479. text-decoration: underline
  2480. }
  2481. .k-datetimepicker .k-picker-wrap {
  2482. padding-right: 42px
  2483. }
  2484. .k-datetimepicker .k-picker-wrap .k-icon {
  2485. margin-left: 2px
  2486. }
  2487. .k-picker-wrap .k-icon {
  2488. cursor: pointer
  2489. }
  2490. .k-button,
  2491. .k-textbox,
  2492. .k-timepicker,
  2493. .k-datepicker,
  2494. .k-datetimepicker {
  2495. display: inline-block;
  2496. vertical-align: middle
  2497. }
  2498. .k-picker-wrap .k-input {
  2499. margin: 0
  2500. }
  2501. .k-time-popup .k-item {
  2502. padding: 1px 3px
  2503. }
  2504. div.k-treeview {
  2505. border-width: 0;
  2506. background: 0;
  2507. overflow: auto;
  2508. white-space: nowrap
  2509. }
  2510. .k-treeview .k-item {
  2511. display: block;
  2512. border-width: 0;
  2513. margin: 0;
  2514. padding: 0 0 0 16px
  2515. }
  2516. .k-treeview>.k-group,
  2517. .k-treeview .k-item>.k-group,
  2518. .k-treeview .k-content {
  2519. margin: 0;
  2520. padding: 0;
  2521. background: 0;
  2522. list-style-type: none;
  2523. position: relative
  2524. }
  2525. .k-treeview .k-icon,
  2526. .k-treeview .k-image,
  2527. .k-treeview .k-sprite,
  2528. .k-treeview .k-checkbox,
  2529. .k-treeview .k-in {
  2530. display: inline-block;
  2531. vertical-align: top
  2532. }
  2533. .k-treeview .k-plus,
  2534. .k-treeview .k-minus,
  2535. .k-treeview .k-plus-disabled,
  2536. .k-treeview .k-minus-disabled {
  2537. margin-top: 3px;
  2538. margin-left: -16px;
  2539. cursor: pointer
  2540. }
  2541. .k-treeview .k-plus-disabled,
  2542. .k-treeview .k-minus-disabled {
  2543. cursor: default
  2544. }
  2545. .k-treeview .k-sprite,
  2546. .k-treeview .k-image {
  2547. margin-right: 3px
  2548. }
  2549. .k-treeview .k-in {
  2550. margin: 1px 0 1px 2px;
  2551. padding: 2px 4px 2px 3px;
  2552. line-height: 16px;
  2553. text-decoration: none
  2554. }
  2555. .k-treeview span.k-in {
  2556. cursor: default
  2557. }
  2558. .k-treeview .k-in.k-state-hover,
  2559. .k-treeview .k-in.k-state-selected,
  2560. .k-treeview .k-in.k-state-focused {
  2561. border-style: solid;
  2562. border-width: 1px;
  2563. padding: 1px 3px 1px 2px
  2564. }
  2565. .k-treeview .k-drop-hint {
  2566. position: absolute;
  2567. z-index: 10000;
  2568. visibility: hidden;
  2569. width: 80px;
  2570. height: 5px;
  2571. margin-top: -3px;
  2572. background-color: transparent;
  2573. background-repeat: no-repeat
  2574. }
  2575. .k-input {
  2576. padding: .25em 0
  2577. }
  2578. .k-input,
  2579. .k-textbox>input {
  2580. outline: 0;
  2581. -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
  2582. }
  2583. .k-textbox {
  2584. outline: 0;
  2585. -webkit-box-sizing: border-box;
  2586. -moz-box-sizing: border-box;
  2587. box-sizing: border-box;
  2588. text-indent: 2px\9
  2589. }
  2590. input.k-textbox {
  2591. padding: 2px .3em;
  2592. height: 2.12em;
  2593. line-height: 1.6em
  2594. }
  2595. .k-ie7 input.k-textbox {
  2596. line-height: 1.72em;
  2597. height: 1.72em;
  2598. text-indent: .3em
  2599. }
  2600. textarea.k-textbox {
  2601. height: auto
  2602. }
  2603. .k-ie7 .k-textbox {
  2604. padding: 1px 0;
  2605. text-indent: 0
  2606. }
  2607. span.k-numerictextbox {
  2608. background: transparent
  2609. }
  2610. .k-numerictextbox .k-input {
  2611. margin: 0
  2612. }
  2613. .k-numerictextbox .k-link {
  2614. display: block;
  2615. height: 11px;
  2616. line-height: 11px;
  2617. border-width: 0;
  2618. padding: 1px 3px 0
  2619. }
  2620. .k-numerictextbox .k-icon {
  2621. height: 11px;
  2622. vertical-align: top
  2623. }
  2624. .k-colorpicker .k-selected-color {
  2625. font-size: 0;
  2626. vertical-align: top;
  2627. line-height: 0;
  2628. display: inline-block;
  2629. height: 24px;
  2630. width: 24px
  2631. }
  2632. .k-colorpicker .k-tool-icon {
  2633. position: relative;
  2634. top: -2px;
  2635. display: inline-block;
  2636. padding: 3px 3px 2px;
  2637. font-size: 0;
  2638. line-height: 0;
  2639. margin-right: 3px;
  2640. margin-left: 2px;
  2641. margin-bottom: 3px;
  2642. background-repeat: no-repeat;
  2643. vertical-align: middle;
  2644. width: 16px;
  2645. height: 16px
  2646. }
  2647. .k-colorpicker .k-tool-icon .k-selected-color {
  2648. display: block;
  2649. height: 3px;
  2650. width: 16px;
  2651. position: absolute;
  2652. left: 3px;
  2653. bottom: -3px;
  2654. border-radius: 0!important
  2655. }
  2656. .k-colorpicker .k-icon {
  2657. cursor: pointer
  2658. }
  2659. .k-disabled-overlay {
  2660. position: absolute;
  2661. left: 0;
  2662. top: 0;
  2663. width: 100%;
  2664. height: 100%;
  2665. background-color: #fff;
  2666. opacity: .5;
  2667. filter: alpha(opacity=50)
  2668. }
  2669. .k-colorpalette {
  2670. position: relative;
  2671. width: 120px;
  2672. line-height: 0;
  2673. border-width: 0
  2674. }
  2675. .k-colorpalette .k-palette {
  2676. display: inline-block;
  2677. vertical-align: top
  2678. }
  2679. .k-colorpalette .k-item {
  2680. display: block;
  2681. float: left;
  2682. box-sizing: border-box;
  2683. -moz-box-sizing: border-box;
  2684. -ms-box-sizing: border-box;
  2685. -webkit-box-sizing: border-box;
  2686. width: 14px;
  2687. height: 14px;
  2688. overflow: hidden;
  2689. font-size: 0;
  2690. padding: 0;
  2691. z-index: 0;
  2692. position: relative
  2693. }
  2694. .k-colorpalette .k-item div {
  2695. height: 100%;
  2696. width: 100%
  2697. }
  2698. .k-colorpalette .k-item.k-state-selected {
  2699. z-index: 100;
  2700. background: transparent;
  2701. -webkit-box-shadow: 0 1px 4px #000;
  2702. box-shadow: 0 1px 4px #000;
  2703. border: 1px solid #fff
  2704. }
  2705. .k-flatcolorpicker {
  2706. display: inline-block;
  2707. width: 250px;
  2708. padding-bottom: 5px;
  2709. position: relative
  2710. }
  2711. div.k-flatcolorpicker {
  2712. background-color: transparent;
  2713. background-image: none
  2714. }
  2715. .k-flatcolorpicker .k-selected-color {
  2716. background-image: url("textures/transtexture.png");
  2717. background-position: 50% 50%
  2718. }
  2719. .k-flatcolorpicker .k-selected-color .k-selected-color-display {
  2720. overflow: hidden
  2721. }
  2722. .k-flatcolorpicker .k-selected-color input.k-color-value {
  2723. float: right;
  2724. font-family: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace;
  2725. padding: .75em .3em .65em 1em;
  2726. border: 0;
  2727. width: 70%;
  2728. height: 100%
  2729. }
  2730. .k-flatcolorpicker .k-hsv-rectangle {
  2731. position: relative;
  2732. -khtml-user-select: none;
  2733. -webkit-user-select: none;
  2734. -moz-user-select: -moz-none;
  2735. -ms-user-select: none;
  2736. user-select: none;
  2737. -ms-touch-action: pinch-zoom double-tap-zoom
  2738. }
  2739. .k-flatcolorpicker .k-hsv-rectangle .k-draghandle {
  2740. cursor: pointer;
  2741. position: absolute;
  2742. z-index: 10;
  2743. left: 50%;
  2744. top: 50%;
  2745. width: 6px;
  2746. height: 6px;
  2747. border: 2px solid #eee;
  2748. margin-left: -5px;
  2749. margin-top: -5px;
  2750. -moz-border-radius: 6px;
  2751. -webkit-border-radius: 6px;
  2752. -o-border-radius: 6px;
  2753. border-radius: 6px;
  2754. -webkit-box-shadow: 0 1px 4px #444;
  2755. box-shadow: 0 1px 4px #444;
  2756. background: transparent
  2757. }
  2758. .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover,
  2759. .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus {
  2760. background: transparent;
  2761. border-color: #fff;
  2762. -webkit-box-shadow: 0 1px 5px #000;
  2763. box-shadow: 0 1px 5px #000
  2764. }
  2765. .k-flatcolorpicker .k-hsv-rectangle.k-dragging,
  2766. .k-flatcolorpicker .k-hsv-rectangle.k-dragging * {
  2767. cursor: none
  2768. }
  2769. .k-flatcolorpicker .k-slider-horizontal {
  2770. height: 20px;
  2771. width: 90%;
  2772. margin: 0 5%
  2773. }
  2774. .k-flatcolorpicker .k-slider-horizontal .k-slider-track {
  2775. -webkit-box-shadow: 0 1px 0 #fff, 0 -1px 0 #999;
  2776. box-shadow: 0 1px 0 #fff, 0 -1px 0 #999
  2777. }
  2778. .k-flatcolorpicker .k-hue-slider,
  2779. .k-flatcolorpicker .k-transparency-slider {
  2780. display: block
  2781. }
  2782. .k-flatcolorpicker .k-hue-slider .k-slider-selection,
  2783. .k-flatcolorpicker .k-transparency-slider .k-slider-selection {
  2784. background: transparent
  2785. }
  2786. .k-flatcolorpicker .k-hue-slider .k-draghandle,
  2787. .k-flatcolorpicker .k-transparency-slider .k-draghandle {
  2788. background: transparent;
  2789. border: 3px solid #eee;
  2790. margin-top: 1px;
  2791. height: 8px;
  2792. width: 8px;
  2793. -webkit-box-shadow: 0 1px 4px #444;
  2794. box-shadow: 0 1px 4px #444
  2795. }
  2796. .k-flatcolorpicker .k-hue-slider .k-draghandle:hover,
  2797. .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover,
  2798. .k-flatcolorpicker .k-hue-slider .k-draghandle:focus,
  2799. .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus {
  2800. background: transparent;
  2801. border-color: #fff;
  2802. -webkit-box-shadow: 0 1px 5px #000;
  2803. box-shadow: 0 1px 5px #000
  2804. }
  2805. .k-flatcolorpicker .k-hue-slider .k-slider-track {
  2806. background: -moz-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
  2807. background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f00), color-stop(16%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(84%, #f0f), color-stop(100%, #ff0004));
  2808. background: -webkit-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
  2809. background: -o-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
  2810. background: -ms-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
  2811. background: -left-linear-gradient(left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%)
  2812. }
  2813. .k-flatcolorpicker .k-transparency-slider .k-slider-track {
  2814. background-image: url("textures/transparency.png");
  2815. background-size: 100% auto;
  2816. background-position: 100% 50%;
  2817. background-repeat: no-repeat
  2818. }
  2819. .k-flatcolorpicker .k-controls {
  2820. margin-top: 10px;
  2821. margin-bottom: 5px;
  2822. text-align: center;
  2823. font-size: 90%
  2824. }
  2825. .k-flatcolorpicker .k-controls .k-button {
  2826. width: 6em
  2827. }
  2828. .k-flatcolorpicker .k-hsv-gradient {
  2829. background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -moz-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
  2830. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000)), -webkit-gradient(linear, left top, right top, color-stop(0%, #fff), color-stop(100%, rgba(255, 255, 255, 0)));
  2831. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
  2832. background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -o-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
  2833. background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -ms-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
  2834. background: -top-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%), -left-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
  2835. height: 180px;
  2836. margin-bottom: 5px
  2837. }
  2838. .k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
  2839. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
  2840. }
  2841. .k-ie9 .k-flatcolorpicker .k-hsv-gradient {
  2842. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)
  2843. }
  2844. .k-ie7 .k-flatcolorpicker .k-hue-slider .k-slider-track,
  2845. .k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
  2846. background: url("textures/hue.png") repeat 0 50%
  2847. }
  2848. .k-ie7 .k-flatcolorpicker .k-transparency-slider .k-slider-track,
  2849. .k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
  2850. background: url("textures/transparency.png") repeat 0 50%
  2851. }
  2852. .k-ie7 .k-flatcolorpicker .k-hsv-gradient,
  2853. .k-ie8 .k-flatcolorpicker .k-hsv-gradient {
  2854. filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=1) progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0)
  2855. }
  2856. .k-editor {
  2857. width: 100%;
  2858. height: 250px;
  2859. table-layout: fixed;
  2860. border-style: solid;
  2861. border-width: 1px;
  2862. border-collapse: separate;
  2863. font-size: 100%;
  2864. vertical-align: top
  2865. }
  2866. .k-editor .k-editor-toolbar-wrap {
  2867. border: 0;
  2868. padding: 0
  2869. }
  2870. .k-editor-toolbar {
  2871. margin: 0;
  2872. padding: .1em 0;
  2873. list-style-type: none;
  2874. line-height: 1.3em;
  2875. cursor: default
  2876. }
  2877. .k-editor-toolbar li {
  2878. display: inline;
  2879. vertical-align: middle
  2880. }
  2881. .k-webkit .k-editor-toolbar,
  2882. .k-ff .k-editor-toolbar,
  2883. .k-ie9 .k-editor-toolbar {
  2884. padding: 0
  2885. }
  2886. .k-webkit .k-editor-toolbar li,
  2887. .k-ff .k-editor-toolbar li,
  2888. .k-ie9 .k-editor-toolbar li {
  2889. display: inline-block;
  2890. padding: .1em 0
  2891. }
  2892. .k-editor-toolbar .k-editor-dropdown,
  2893. .k-editor-toolbar .k-editor-combobox,
  2894. .k-editor-toolbar .k-editor-selectbox,
  2895. .k-editor-toolbar .k-editor-colorpicker {
  2896. margin-right: 2px
  2897. }
  2898. .k-editor-toolbar .k-separator {
  2899. position: relative;
  2900. top: 1px;
  2901. border-style: solid;
  2902. border-width: 0 1px 0 0;
  2903. margin: 0 .3em 0 .1em;
  2904. padding: 0 0 0 1px;
  2905. font-size: 1.3em
  2906. }
  2907. .k-editor-toolbar .k-break {
  2908. display: block;
  2909. height: 1px;
  2910. font-size: 0;
  2911. line-height: 0
  2912. }
  2913. .k-editor-toolbar .k-dropdown,
  2914. .k-editor-toolbar .k-combobox,
  2915. .k-editor-toolbar .k-selectbox,
  2916. .k-editor-toolbar .k-colorpicker {
  2917. vertical-align: middle
  2918. }
  2919. .k-editor-button .k-tool-icon {
  2920. width: 22px;
  2921. height: 22px;
  2922. margin: 1px;
  2923. vertical-align: middle
  2924. }
  2925. .k-bold {
  2926. background-position: -64px 0
  2927. }
  2928. .k-bold.k-state-hover {
  2929. background-position: -90px 0
  2930. }
  2931. .k-italic {
  2932. background-position: -64px -22px
  2933. }
  2934. .k-italic.k-state-hover {
  2935. background-position: -90px -22px
  2936. }
  2937. .k-underline {
  2938. background-position: -64px -44px
  2939. }
  2940. .k-underline.k-state-hover {
  2941. background-position: -90px -44px
  2942. }
  2943. .k-strikethrough {
  2944. background-position: -64px -66px
  2945. }
  2946. .k-strikethrough.k-state-hover {
  2947. background-position: -90px -66px
  2948. }
  2949. .k-foreColor {
  2950. background-position: -64px -88px
  2951. }
  2952. .k-state-hover>.k-foreColor {
  2953. background-position: -90px -88px
  2954. }
  2955. .k-backColor {
  2956. background-position: -64px -110px
  2957. }
  2958. .k-state-hover>.k-backColor {
  2959. background-position: -90px -110px
  2960. }
  2961. .k-justifyLeft {
  2962. background-position: -64px -132px
  2963. }
  2964. .k-justifyLeft.k-state-hover {
  2965. background-position: -90px -132px
  2966. }
  2967. .k-justifyCenter {
  2968. background-position: -64px -154px
  2969. }
  2970. .k-justifyCenter.k-state-hover {
  2971. background-position: -90px -154px
  2972. }
  2973. .k-justifyRight {
  2974. background-position: -64px -176px
  2975. }
  2976. .k-justifyRight.k-state-hover {
  2977. background-position: -90px -176px
  2978. }
  2979. .k-justifyFull {
  2980. background-position: -64px -198px
  2981. }
  2982. .k-justifyFull.k-state-hover {
  2983. background-position: -90px -198px
  2984. }
  2985. .k-insertUnorderedList {
  2986. background-position: -64px -242px
  2987. }
  2988. .k-insertUnorderedList.k-state-hover {
  2989. background-position: -90px -242px
  2990. }
  2991. .k-insertOrderedList {
  2992. background-position: -64px -264px
  2993. }
  2994. .k-insertOrderedList.k-state-hover {
  2995. background-position: -90px -264px
  2996. }
  2997. .k-indent,
  2998. .k-rtl .k-outdent {
  2999. background-position: -112px 0
  3000. }
  3001. .k-indent.k-state-hover,
  3002. .k-rtl .k-outdent.k-state-hover {
  3003. background-position: -138px 0
  3004. }
  3005. .k-outdent,
  3006. .k-rtl .k-indent {
  3007. background-position: -112px -22px
  3008. }
  3009. .k-outdent.k-state-hover,
  3010. .k-rtl .k-indent.k-state-hover {
  3011. background-position: -138px -22px
  3012. }
  3013. .k-createLink {
  3014. background-position: -112px -44px
  3015. }
  3016. .k-createLink.k-state-hover {
  3017. background-position: -138px -44px
  3018. }
  3019. .k-unlink {
  3020. background-position: -112px -66px
  3021. }
  3022. .k-unlink.k-state-hover {
  3023. background-position: -138px -66px
  3024. }
  3025. .k-insertImage {
  3026. background-position: -112px -88px
  3027. }
  3028. .k-insertImage.k-state-hover {
  3029. background-position: -138px -88px
  3030. }
  3031. .k-subscript {
  3032. background-position: -112px -154px
  3033. }
  3034. .k-subscript.k-state-hover {
  3035. background-position: -138px -154px
  3036. }
  3037. .k-superscript {
  3038. background-position: -112px -176px
  3039. }
  3040. .k-superscript.k-state-hover {
  3041. background-position: -138px -176px
  3042. }
  3043. .k-fontName {
  3044. width: 110px
  3045. }
  3046. .k-fontSize {
  3047. width: 124px
  3048. }
  3049. .k-formatBlock {
  3050. width: 147px
  3051. }
  3052. .k-editor-button .k-state-hover,
  3053. .k-editor-button .k-state-active {
  3054. border-style: solid;
  3055. border-width: 1px;
  3056. margin: 0;
  3057. vertical-align: middle
  3058. }
  3059. .k-editor-button .k-state-disabled {
  3060. filter: alpha(opacity=30);
  3061. opacity: .3
  3062. }
  3063. .k-editor .k-editable-area {
  3064. width: 100%;
  3065. height: 100%;
  3066. border-style: solid;
  3067. border-width: 1px;
  3068. outline: 0
  3069. }
  3070. .k-editor .k-content {
  3071. display: block;
  3072. width: 100%;
  3073. height: 100%;
  3074. border: 0;
  3075. margin: 0;
  3076. padding: 0
  3077. }
  3078. .k-editor iframe.k-content {
  3079. display: inline;
  3080. vertical-align: top
  3081. }
  3082. .k-editor .k-raw-content {
  3083. border: 0;
  3084. margin: 0;
  3085. padding: 0
  3086. }
  3087. .k-editor .k-raw-content,
  3088. .k-editor-dialog .k-editor-textarea {
  3089. font-size: inherit;
  3090. font-family: consolas, "courier new", monospace
  3091. }
  3092. .k-editor-dialog {
  3093. padding: 1em
  3094. }
  3095. .k-editor-dialog ol {
  3096. margin: 0;
  3097. padding: 1em 0 0;
  3098. list-style: none
  3099. }
  3100. .k-form-text-row,
  3101. .k-form-checkbox-row {
  3102. padding-bottom: .3em
  3103. }
  3104. .k-form-text-row input {
  3105. margin-right: 1em
  3106. }
  3107. .k-form-text-row label {
  3108. display: inline-block;
  3109. width: 7em;
  3110. padding-right: .5em;
  3111. text-align: right
  3112. }
  3113. .k-form-checkbox-row input {
  3114. margin-left: 7.5em;
  3115. padding: 0;
  3116. font-size: inherit
  3117. }
  3118. .k-form-checkbox-row label {
  3119. padding-left: .3em
  3120. }
  3121. .k-form-checkbox-row input,
  3122. .k-form-checkbox-row label,
  3123. .k-form-text-row label.k-form-text-row input,
  3124. .k-form-text-row select {
  3125. vertical-align: middle
  3126. }
  3127. .k-form-text-row input,
  3128. .k-form-text-row select {
  3129. width: 20em
  3130. }
  3131. .k-editor-dialog .k-form-text-row label,
  3132. .k-editor-dialog .k-button {
  3133. display: inline-block
  3134. }
  3135. .k-editor-dialog .k-button-wrapper {
  3136. padding: 1em;
  3137. text-align: right
  3138. }
  3139. .k-editor-dialog .k-button-wrapper button {
  3140. vertical-align: baseline
  3141. }
  3142. .k-editor-dialog .k-editor-textarea {
  3143. width: 600px;
  3144. height: 350px;
  3145. padding: .2em .2em .2em .4em;
  3146. border-width: 1px;
  3147. border-style: solid;
  3148. overflow: auto
  3149. }
  3150. .k-button-wrapper .k-link:hover {
  3151. text-decoration: underline
  3152. }
  3153. div.k-slider {
  3154. position: relative;
  3155. border-width: 0;
  3156. background-color: transparent;
  3157. -khtml-user-select: none;
  3158. -webkit-user-select: none;
  3159. -moz-user-select: -moz-none;
  3160. -ms-user-select: none;
  3161. user-select: none
  3162. }
  3163. .k-slider-vertical {
  3164. width: 26px;
  3165. height: 200px
  3166. }
  3167. .k-slider-horizontal {
  3168. display: inline-block;
  3169. width: 200px;
  3170. height: 26px
  3171. }
  3172. .k-slider-wrap {
  3173. width: 100%;
  3174. height: 100%
  3175. }
  3176. .k-slider .k-button,
  3177. .k-grid .k-slider .k-button {
  3178. position: absolute;
  3179. top: 0;
  3180. width: 24px;
  3181. min-width: 0;
  3182. height: 24px;
  3183. margin: 0;
  3184. padding: 0;
  3185. outline: 0
  3186. }
  3187. .k-slider .k-button .k-icon {
  3188. margin-top: 3px;
  3189. vertical-align: top
  3190. }
  3191. .k-state-disabled .k-slider-wrap {
  3192. filter: alpha(opacity=60);
  3193. opacity: .6
  3194. }
  3195. .k-state-disabled .k-slider-wrap .k-slider-items {
  3196. color: #333
  3197. }
  3198. .k-slider .k-button-decrease {
  3199. left: 0
  3200. }
  3201. .k-slider-vertical .k-button-decrease,
  3202. .k-grid .k-slider-vertical .k-button-decrease {
  3203. top: auto;
  3204. bottom: 0
  3205. }
  3206. .k-slider .k-button-increase {
  3207. right: 0
  3208. }
  3209. .k-slider .k-icon,
  3210. .k-slider-track,
  3211. .k-slider .k-tick {
  3212. cursor: pointer
  3213. }
  3214. .k-ie7 .k-slider .k-icon {
  3215. margin-top: 2px
  3216. }
  3217. .k-slider-track,
  3218. .k-slider-selection {
  3219. position: absolute;
  3220. margin: 0;
  3221. padding: 0
  3222. }
  3223. .k-slider-horizontal .k-slider-track,
  3224. .k-slider-horizontal .k-slider-selection {
  3225. top: 50%;
  3226. left: 0;
  3227. height: 8px;
  3228. margin-top: -4px;
  3229. background-repeat: repeat-x
  3230. }
  3231. .k-slider-horizontal .k-slider-buttons .k-slider-track {
  3232. left: 34px
  3233. }
  3234. .k-slider-vertical .k-slider-track,
  3235. .k-slider-vertical .k-slider-selection {
  3236. left: 50%;
  3237. bottom: 0;
  3238. width: 8px;
  3239. margin-left: -4px;
  3240. background-repeat: repeat-y
  3241. }
  3242. .k-slider-vertical .k-slider-buttons .k-slider-track {
  3243. bottom: 34px
  3244. }
  3245. .k-draghandle {
  3246. position: absolute;
  3247. background-repeat: no-repeat;
  3248. background-color: transparent;
  3249. text-indent: -3333px;
  3250. overflow: hidden;
  3251. text-decoration: none;
  3252. text-align: center;
  3253. outline: 0
  3254. }
  3255. .k-slider-horizontal .k-draghandle {
  3256. top: -4px;
  3257. width: 13px;
  3258. height: 14px
  3259. }
  3260. .k-slider-vertical .k-draghandle {
  3261. left: -4px;
  3262. width: 14px;
  3263. height: 13px
  3264. }
  3265. .k-slider-buttons .k-slider-items {
  3266. margin-left: 34px
  3267. }
  3268. .k-slider-horizontal .k-slider-items {
  3269. height: 100%
  3270. }
  3271. .k-slider-vertical .k-slider-items {
  3272. padding-top: 1px
  3273. }
  3274. .k-slider-vertical .k-slider-buttons .k-slider-items {
  3275. padding-top: 0
  3276. }
  3277. .k-slider-vertical .k-slider-buttons .k-slider-items {
  3278. margin: 0;
  3279. padding-top: 35px
  3280. }
  3281. .k-slider .k-tick {
  3282. position: relative;
  3283. margin: 0;
  3284. padding: 0;
  3285. background-color: transparent;
  3286. background-repeat: no-repeat;
  3287. background-position: center center
  3288. }
  3289. .k-slider-horizontal .k-tick {
  3290. float: left;
  3291. height: 100%;
  3292. text-align: center
  3293. }
  3294. .k-ie7 .k-slider-vertical .k-tick {
  3295. float: left;
  3296. clear: left;
  3297. width: 100%
  3298. }
  3299. .k-slider-horizontal .k-tick {
  3300. background-position: center -92px
  3301. }
  3302. .k-slider-horizontal .k-slider-topleft .k-tick {
  3303. background-position: center -122px
  3304. }
  3305. .k-slider-horizontal .k-slider-bottomright .k-tick {
  3306. background-position: center -152px
  3307. }
  3308. .k-slider-horizontal .k-tick-large {
  3309. background-position: center -2px
  3310. }
  3311. .k-slider-horizontal .k-slider-topleft .k-tick-large {
  3312. background-position: center -32px
  3313. }
  3314. .k-slider-horizontal .k-slider-bottomright .k-tick-large {
  3315. background-position: center -62px
  3316. }
  3317. .k-slider-vertical .k-tick {
  3318. background-position: -92px center
  3319. }
  3320. .k-slider-vertical .k-slider-topleft .k-tick {
  3321. background-position: -122px center
  3322. }
  3323. .k-slider-vertical .k-slider-bottomright .k-tick {
  3324. background-position: -152px center
  3325. }
  3326. .k-slider-vertical .k-tick-large {
  3327. background-position: -2px center
  3328. }
  3329. .k-slider-vertical .k-slider-topleft .k-tick-large {
  3330. background-position: -32px center
  3331. }
  3332. .k-slider-vertical .k-slider-bottomright .k-tick-large {
  3333. background-position: -62px center
  3334. }
  3335. .k-slider-horizontal .k-first {
  3336. background-position: 0 -92px
  3337. }
  3338. .k-slider-horizontal .k-tick-large.k-first {
  3339. background-position: 0 -2px
  3340. }
  3341. .k-slider-horizontal .k-slider-topleft .k-first {
  3342. background-position: 0 -122px
  3343. }
  3344. .k-slider-horizontal .k-slider-topleft .k-tick-large.k-first {
  3345. background-position: 0 -32px
  3346. }
  3347. .k-slider-horizontal .k-slider-bottomright .k-first {
  3348. background-position: 0 -152px
  3349. }
  3350. .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-first {
  3351. background-position: 0 -62px
  3352. }
  3353. .k-slider-horizontal .k-last {
  3354. background-position: 100% -92px
  3355. }
  3356. .k-slider-horizontal .k-tick-large.k-last {
  3357. background-position: 100% -2px
  3358. }
  3359. .k-slider-horizontal .k-slider-topleft .k-last {
  3360. background-position: 100% -122px
  3361. }
  3362. .k-slider-horizontal .k-slider-topleft .k-tick-large.k-last {
  3363. background-position: 100% -32px
  3364. }
  3365. .k-slider-horizontal .k-slider-bottomright .k-last {
  3366. background-position: 100% -152px
  3367. }
  3368. .k-slider-horizontal .k-slider-bottomright .k-tick-large.k-last {
  3369. background-position: 100% -62px
  3370. }
  3371. .k-slider-vertical .k-first {
  3372. background-position: -92px 100%
  3373. }
  3374. .k-slider-vertical .k-tick-large.k-first {
  3375. background-position: -2px 100%
  3376. }
  3377. .k-slider-vertical .k-slider-topleft .k-first {
  3378. background-position: -122px 100%
  3379. }
  3380. .k-slider-vertical .k-slider-topleft .k-tick-large.k-first {
  3381. background-position: -32px 100%
  3382. }
  3383. .k-slider-vertical .k-slider-bottomright .k-first {
  3384. background-position: -152px 100%
  3385. }
  3386. .k-slider-vertical .k-slider-bottomright .k-tick-large.k-first {
  3387. background-position: -62px 100%
  3388. }
  3389. .k-slider-vertical .k-last {
  3390. background-position: -92px 0
  3391. }
  3392. .k-slider-vertical .k-tick-large.k-last {
  3393. background-position: -2px 0
  3394. }
  3395. .k-slider-vertical .k-slider-topleft .k-last {
  3396. background-position: -122px 0
  3397. }
  3398. .k-slider-vertical .k-slider-topleft .k-tick-large.k-last {
  3399. background-position: -32px 0
  3400. }
  3401. .k-slider-vertical .k-slider-bottomright .k-last {
  3402. background-position: -152px 0
  3403. }
  3404. .k-slider-vertical .k-slider-bottomright .k-tick-large.k-last {
  3405. background-position: -62px 0
  3406. }
  3407. .k-slider-vertical .k-tick {
  3408. text-align: right
  3409. }
  3410. .k-slider-vertical .k-slider-topleft .k-tick {
  3411. text-align: left
  3412. }
  3413. .k-slider .k-label {
  3414. position: absolute;
  3415. white-space: nowrap;
  3416. font-size: .92em
  3417. }
  3418. .k-slider-horizontal .k-label {
  3419. left: 0;
  3420. width: 100%;
  3421. line-height: 1
  3422. }
  3423. .k-slider-horizontal .k-first .k-label {
  3424. left: -50%
  3425. }
  3426. .k-slider-horizontal .k-last .k-label {
  3427. left: auto;
  3428. right: -50%
  3429. }
  3430. .k-slider-horizontal .k-label {
  3431. bottom: -1.2em
  3432. }
  3433. .k-slider-horizontal .k-slider-topleft .k-label {
  3434. top: -1.2em
  3435. }
  3436. .k-slider-vertical .k-label {
  3437. left: 120%;
  3438. display: block;
  3439. text-align: left
  3440. }
  3441. .k-slider-vertical .k-last .k-label {
  3442. top: -0.5em
  3443. }
  3444. .k-slider-vertical .k-first .k-label {
  3445. bottom: -0.5em
  3446. }
  3447. .k-slider-vertical .k-slider-topleft .k-label {
  3448. left: auto;
  3449. right: 120%
  3450. }
  3451. .k-slider-tooltip {
  3452. top: -4444px
  3453. }
  3454. .k-tooltip {
  3455. position: absolute;
  3456. z-index: 20000;
  3457. border-style: solid;
  3458. border-width: 1px;
  3459. padding: 4px 5px 4px 6px;
  3460. background-repeat: repeat-x;
  3461. min-width: 20px;
  3462. text-align: center
  3463. }
  3464. .k-tooltip-button {
  3465. text-align: right;
  3466. height: 0
  3467. }
  3468. .k-tooltip-closable .k-tooltip-content {
  3469. padding-right: 20px
  3470. }
  3471. span.k-tooltip {
  3472. position: static;
  3473. display: inline-block;
  3474. border-width: 1px;
  3475. padding: 2px 5px 1px 6px
  3476. }
  3477. .k-invalid-msg {
  3478. display: none
  3479. }
  3480. .k-callout {
  3481. position: absolute;
  3482. width: 0;
  3483. border-style: solid;
  3484. border-width: 6px;
  3485. border-color: transparent
  3486. }
  3487. .k-callout-n {
  3488. top: -13px;
  3489. left: 50%
  3490. }
  3491. .k-callout-w {
  3492. top: 50%;
  3493. left: -13px
  3494. }
  3495. .k-callout-s {
  3496. left: 50%;
  3497. bottom: -13px
  3498. }
  3499. .k-callout-e {
  3500. top: 50%;
  3501. right: -13px
  3502. }
  3503. .k-slider-tooltip .k-callout-n,
  3504. .k-slider-tooltip .k-callout-s {
  3505. margin-left: -6px
  3506. }
  3507. .k-slider-tooltip .k-callout-w,
  3508. .k-slider-tooltip .k-callout-e {
  3509. margin-top: -6px
  3510. }
  3511. .k-tooltip-validation .k-warning {
  3512. vertical-align: text-top;
  3513. margin-right: 3px
  3514. }
  3515. .k-window .k-tooltip-validation {
  3516. z-index: 10010
  3517. }
  3518. .k-splitter {
  3519. position: relative;
  3520. height: 300px
  3521. }
  3522. .k-pane>.k-splitter {
  3523. border-width: 0;
  3524. overflow: hidden
  3525. }
  3526. .k-splitter .k-pane {
  3527. overflow: hidden
  3528. }
  3529. .k-splitter .k-scrollable {
  3530. overflow: auto
  3531. }
  3532. .k-splitter .k-pane-loading {
  3533. position: absolute;
  3534. top: 50%;
  3535. left: 50%;
  3536. margin: -8px 0 0 -8px
  3537. }
  3538. .k-ghost-splitbar,
  3539. .k-splitbar {
  3540. position: absolute;
  3541. border-style: solid;
  3542. font-size: 0;
  3543. outline: 0
  3544. }
  3545. .k-splitter .k-ghost-splitbar-horizontal,
  3546. .k-splitter .k-splitbar-horizontal {
  3547. top: 0;
  3548. width: 5px;
  3549. border-width: 0 1px;
  3550. background-repeat: repeat-y
  3551. }
  3552. .k-ghost-splitbar-vertical,
  3553. .k-splitbar-vertical {
  3554. left: 0;
  3555. height: 5px;
  3556. border-width: 1px 0;
  3557. background-repeat: repeat-x
  3558. }
  3559. .k-splitbar-draggable-horizontal {
  3560. cursor: w-resize
  3561. }
  3562. .k-splitbar-draggable-vertical {
  3563. cursor: n-resize
  3564. }
  3565. .k-splitbar .k-resize-handle {
  3566. display: none
  3567. }
  3568. .k-restricted-size-horizontal,
  3569. .k-restricted-size-vertical {
  3570. background-color: #f00
  3571. }
  3572. .k-splitbar-horizontal .k-icon {
  3573. position: absolute;
  3574. top: 50%;
  3575. width: 5px;
  3576. height: 20px;
  3577. margin-top: -10px
  3578. }
  3579. .k-collapse-prev,
  3580. .k-collapse-next,
  3581. .k-expand-prev,
  3582. .k-expand-next {
  3583. cursor: pointer
  3584. }
  3585. .k-splitbar-horizontal .k-collapse-prev {
  3586. margin-top: -31px
  3587. }
  3588. .k-splitbar-horizontal .k-collapse-next {
  3589. margin-top: 11px
  3590. }
  3591. .k-splitbar-static-horizontal {
  3592. width: 1px
  3593. }
  3594. .k-splitbar-static-vertical {
  3595. height: 1px
  3596. }
  3597. .k-splitbar-vertical .k-icon {
  3598. position: absolute;
  3599. left: 50%;
  3600. width: 20px;
  3601. height: 5px;
  3602. margin-left: -10px
  3603. }
  3604. .k-splitbar-vertical .k-collapse-prev {
  3605. margin-left: -31px
  3606. }
  3607. .k-splitbar-vertical .k-collapse-next {
  3608. margin-left: 11px
  3609. }
  3610. .k-splitbar-draggable-vertical .k-resize-handle,
  3611. .k-splitbar-draggable-horizontal .k-resize-handle {
  3612. display: inline-block
  3613. }
  3614. .k-splitbar-horizontal .k-resize-handle {
  3615. background-position: -165px -6px
  3616. }
  3617. .k-splitbar-horizontal-hover>.k-resize-handle {
  3618. background-position: -181px -6px
  3619. }
  3620. .k-splitbar-horizontal .k-collapse-prev,
  3621. .k-splitbar-horizontal .k-expand-next {
  3622. background-position: -6px -174px
  3623. }
  3624. .k-splitbar-horizontal-hover>.k-collapse-prev,
  3625. .k-splitbar-horizontal-hover>.k-expand-next {
  3626. background-position: -22px -174px
  3627. }
  3628. .k-splitbar-horizontal .k-collapse-next,
  3629. .k-splitbar-horizontal .k-expand-prev {
  3630. background-position: -5px -142px
  3631. }
  3632. .k-splitbar-horizontal-hover>.k-collapse-next,
  3633. .k-splitbar-horizontal-hover>.k-expand-prev {
  3634. background-position: -21px -142px
  3635. }
  3636. .k-splitbar-vertical .k-resize-handle {
  3637. background-position: -38px -309px
  3638. }
  3639. .k-splitbar-vertical-hover>.k-resize-handle {
  3640. background-position: -70px -309px
  3641. }
  3642. .k-splitbar-vertical .k-collapse-prev,
  3643. .k-splitbar-vertical .k-expand-next {
  3644. background-position: 2px -134px
  3645. }
  3646. .k-splitbar-vertical-hover>.k-collapse-prev,
  3647. .k-splitbar-vertical-hover>.k-expand-next {
  3648. background-position: -14px -134px
  3649. }
  3650. .k-splitbar-vertical .k-collapse-next,
  3651. .k-splitbar-vertical .k-expand-prev {
  3652. background-position: 2px -165px
  3653. }
  3654. .k-splitbar-vertical-hover>.k-collapse-next,
  3655. .k-splitbar-vertical-hover>.k-expand-prev {
  3656. background-position: -14px -165px
  3657. }
  3658. html .k-upload {
  3659. position: relative;
  3660. border-width: 0;
  3661. background: 0
  3662. }
  3663. .k-dropzone em,
  3664. .k-upload-button {
  3665. vertical-align: middle
  3666. }
  3667. .k-ie7 .k-dropzone em,
  3668. .k-ie7 .k-upload-button {
  3669. vertical-align: baseline
  3670. }
  3671. .k-dropzone {
  3672. border-style: solid;
  3673. border-width: 0;
  3674. padding: 4px;
  3675. background-color: transparent
  3676. }
  3677. .k-dropzone em {
  3678. visibility: hidden;
  3679. margin-left: .6em
  3680. }
  3681. .k-dropzone-active {
  3682. border-width: 1px;
  3683. padding: 3px
  3684. }
  3685. .k-dropzone-active em {
  3686. visibility: visible
  3687. }
  3688. .k-upload-button {
  3689. position: relative;
  3690. width: 86px;
  3691. overflow: hidden!important;
  3692. direction: ltr
  3693. }
  3694. .k-upload-button input {
  3695. position: absolute;
  3696. top: 0;
  3697. right: 0;
  3698. z-index: 1;
  3699. font: 200px monospace!important;
  3700. filter: alpha(opacity=0);
  3701. opacity: 0;
  3702. margin: 0;
  3703. padding: 0;
  3704. cursor: pointer
  3705. }
  3706. .k-upload-files {
  3707. border-style: solid;
  3708. border-width: 1px;
  3709. margin: .2em 0 0;
  3710. padding: .3em .7em .5em;
  3711. line-height: 1.9em
  3712. }
  3713. .k-upload-files .k-button {
  3714. position: relative;
  3715. top: 1px;
  3716. margin-left: 8px;
  3717. padding-top: 0;
  3718. padding-bottom: 0;
  3719. font-size: 84%
  3720. }
  3721. .k-ie7 .k-upload-files .k-button {
  3722. line-height: 1
  3723. }
  3724. .k-upload .k-upload-action .k-icon {
  3725. width: 8px;
  3726. height: 8px;
  3727. vertical-align: baseline
  3728. }
  3729. .k-upload .k-upload-files .k-delete,
  3730. .k-upload .k-upload-files .k-cancel {
  3731. background-position: -164px -116px
  3732. }
  3733. .k-upload .k-fail {
  3734. background-position: -161px -111px
  3735. }
  3736. .k-retry {
  3737. background-position: -164px -132px
  3738. }
  3739. .k-si-refresh {
  3740. background-position: -160px -128px
  3741. }
  3742. .k-link:not(.k-state-disabled):hover>.k-si-refresh,
  3743. .k-state-hover .k-si-refresh,
  3744. .k-button:hover .k-si-refresh,
  3745. .k-textbox:hover .k-si-refresh,
  3746. .k-button:active .k-si-refresh {
  3747. background-position: -176px -128px
  3748. }
  3749. .k-si-tick,
  3750. .k-success {
  3751. background-position: -160px -96px
  3752. }
  3753. .k-link:not(.k-state-disabled):hover>.k-si-tick,
  3754. .k-link:not(.k-state-disabled):hover>.k-success,
  3755. .k-state-hover .k-si-tick,
  3756. .k-state-hover .k-success,
  3757. .k-button:hover .k-si-tick,
  3758. .k-button:hover .k-success,
  3759. .k-textbox:hover .k-si-tick,
  3760. .k-textbox:hover .k-success,
  3761. .k-button:active .k-si-tick,
  3762. .k-button:active .k-success {
  3763. background-position: -176px -96px
  3764. }
  3765. .k-si-cancel {
  3766. background-position: -160px -112px
  3767. }
  3768. .k-link:not(.k-state-disabled):hover>.k-si-cancel,
  3769. .k-state-hover .k-si-cancel,
  3770. .k-button:hover .k-si-cancel,
  3771. .k-textbox:hover .k-si-cancel,
  3772. .k-button:active .k-si-cancel {
  3773. background-position: -176px -112px
  3774. }
  3775. .k-filename {
  3776. position: relative;
  3777. display: inline-block;
  3778. min-width: 120px;
  3779. max-width: 200px;
  3780. vertical-align: middle;
  3781. padding-bottom: 2px;
  3782. overflow: hidden;
  3783. text-overflow: ellipsis;
  3784. -o-text-overflow: ellipsis;
  3785. white-space: nowrap
  3786. }
  3787. .k-progress,
  3788. .k-progress-status {
  3789. position: absolute;
  3790. bottom: 0;
  3791. left: 0;
  3792. width: 118px;
  3793. height: 2px;
  3794. border-style: solid;
  3795. border-width: 1px;
  3796. background-repeat: repeat-x
  3797. }
  3798. .k-progress-status {
  3799. left: -1px;
  3800. bottom: -1px;
  3801. width: 50%
  3802. }
  3803. .k-upload-selected {
  3804. min-width: 86px;
  3805. margin: 3px 0 0;
  3806. -moz-box-sizing: content-box;
  3807. -ms-box-sizing: content-box;
  3808. box-sizing: content-box
  3809. }
  3810. .k-ie7 .k-upload-selected {
  3811. min-width: 100px
  3812. }
  3813. .k-toolbar-wrap .k-dropzone em,
  3814. .k-toolbar-wrap .k-upload-files {
  3815. display: none
  3816. }
  3817. .k-toolbar-wrap .k-dropzone {
  3818. border: 0;
  3819. padding: 0
  3820. }
  3821. .k-toolbar-wrap .k-dropzone-active {
  3822. text-align: center
  3823. }
  3824. .k-toolbar-wrap .k-dropzone-active em {
  3825. display: inline;
  3826. margin: 0;
  3827. font-size: 5em;
  3828. font-style: normal
  3829. }
  3830. .k-toolbar-wrap .k-dropzone-active .k-upload-button {
  3831. display: none
  3832. }
  3833. .k-imagebrowser-dropzone {
  3834. z-index: 10010;
  3835. filter: alpha(opacity=40);
  3836. opacity: .4;
  3837. position: fixed
  3838. }
  3839. .k-imagebrowser .k-upload-button .k-add {
  3840. background-position: -32px -64px
  3841. }
  3842. .k-imagebrowser .k-button-bare span.k-addfolder {
  3843. background-position: -32px -272px
  3844. }
  3845. .k-imagebrowser .k-button-bare span.k-delete {
  3846. background-position: -32px -16px
  3847. }
  3848. .k-search-wrap {
  3849. position: relative;
  3850. float: right;
  3851. width: 20%;
  3852. padding: 0
  3853. }
  3854. .k-search-wrap label {
  3855. position: absolute;
  3856. top: 0;
  3857. left: 4px;
  3858. line-height: 20px;
  3859. font-style: italic
  3860. }
  3861. .k-search-wrap input.k-input {
  3862. padding-left: 0;
  3863. padding-right: 0
  3864. }
  3865. .k-search-wrap .k-search {
  3866. position: absolute;
  3867. top: 4px;
  3868. right: 2px;
  3869. margin: 0
  3870. }
  3871. .k-breadcrumbs {
  3872. position: relative;
  3873. float: left;
  3874. width: 78%;
  3875. padding-right: 2px
  3876. }
  3877. .k-breadcrumbs-wrap {
  3878. position: absolute;
  3879. top: 3px;
  3880. left: 0;
  3881. z-index: 1;
  3882. padding-left: 5px;
  3883. line-height: 18px
  3884. }
  3885. .k-breadcrumbs>.k-input {
  3886. width: 100%;
  3887. padding-left: 2px;
  3888. font-size: inherit;
  3889. font-family: inherit;
  3890. border: 0
  3891. }
  3892. .k-breadcrumbs .k-link,
  3893. .k-breadcrumbs-wrap .k-icon {
  3894. margin-top: 0;
  3895. text-decoration: none;
  3896. vertical-align: middle
  3897. }
  3898. .k-breadcrumbs .k-link:hover {
  3899. text-decoration: underline
  3900. }
  3901. .k-imagebrowser .k-breadcrumbs .k-i-seek-w {
  3902. text-decoration: none;
  3903. cursor: default
  3904. }
  3905. .k-imagebrowser .k-toolbar {
  3906. clear: both;
  3907. border-style: solid;
  3908. border-width: 1px;
  3909. margin: 8px 0 0;
  3910. padding: 2px 0 3px;
  3911. background-repeat: repeat-x;
  3912. line-height: 23px;
  3913. white-space: nowrap
  3914. }
  3915. .k-imagebrowser .k-upload {
  3916. float: left;
  3917. z-index: 10010
  3918. }
  3919. .k-imagebrowser .k-upload-button {
  3920. width: auto;
  3921. vertical-align: top
  3922. }
  3923. .k-imagebrowser .k-upload .k-icon {
  3924. vertical-align: bottom
  3925. }
  3926. .k-ie7 .k-imagebrowser .k-upload-button,
  3927. .k-ie7 .k-imagebrowser .k-upload .k-icon {
  3928. vertical-align: baseline;
  3929. position: relative;
  3930. top: 1px
  3931. }
  3932. .k-ie7 .k-imagebrowser .k-upload .k-icon {
  3933. top: 2px
  3934. }
  3935. .k-ie7 .k-imagebrowser .k-toolbar .k-button-icon {
  3936. vertical-align: middle
  3937. }
  3938. .k-toolbar .k-state-disabled,
  3939. .k-plus-disabled,
  3940. .k-minus-disabled {
  3941. filter: alpha(opacity=50);
  3942. opacity: .5
  3943. }
  3944. .k-toolbar-wrap {
  3945. float: left
  3946. }
  3947. .k-tiles-arrange {
  3948. float: right
  3949. }
  3950. .k-tiles-arrange .k-i-arrow-s {
  3951. margin: 0 2px 0 3px
  3952. }
  3953. .k-tiles-arrange a {
  3954. text-decoration: none
  3955. }
  3956. .k-tiles {
  3957. clear: both;
  3958. height: 390px;
  3959. border-style: solid;
  3960. border-width: 1px;
  3961. border-top-width: 0;
  3962. margin: 0 0 1.4em;
  3963. padding: 9px;
  3964. overflow: auto;
  3965. line-height: 1.2
  3966. }
  3967. .k-tile {
  3968. float: left;
  3969. width: 223px;
  3970. height: 88px;
  3971. overflow: hidden;
  3972. border-style: solid;
  3973. border-width: 1px;
  3974. margin: 1px;
  3975. padding: 0 0 4px;
  3976. background-position: 0 100px;
  3977. background-repeat: repeat-x;
  3978. cursor: pointer
  3979. }
  3980. .k-tiles li.k-state-hover,
  3981. .k-tiles li.k-state-selected {
  3982. background-position: 0 center
  3983. }
  3984. .k-imagebrowser .k-thumb {
  3985. float: left;
  3986. display: inline;
  3987. width: 80px;
  3988. height: 80px;
  3989. margin: 4px 10px 0 4px;
  3990. -khtml-user-select: none;
  3991. -webkit-user-select: none;
  3992. -moz-user-select: -moz-none;
  3993. -ms-user-select: none;
  3994. user-select: none
  3995. }
  3996. .k-imagebrowser .k-file {
  3997. width: 80px;
  3998. height: 80px
  3999. }
  4000. .k-imagebrowser .k-image {
  4001. margin: 2px 0 0 2px
  4002. }
  4003. .k-imagebrowser .k-folder {
  4004. width: 80px;
  4005. height: 80px;
  4006. background-position: 0 -200px;
  4007. background-repeat: no-repeat
  4008. }
  4009. .k-imagebrowser .k-loading {
  4010. margin: 35px 0 0 33px
  4011. }
  4012. .k-tile strong,
  4013. .k-tile input {
  4014. margin: 10px 0 4px;
  4015. font-weight: normal
  4016. }
  4017. .k-tile strong {
  4018. float: left;
  4019. width: 120px;
  4020. overflow: hidden;
  4021. text-overflow: ellipsis
  4022. }
  4023. .k-tile input {
  4024. width: 100px
  4025. }
  4026. .k-tile strong,
  4027. .k-tile input,
  4028. .k-tile .k-filesize {
  4029. display: block
  4030. }
  4031. .k-imagebrowser .k-form-text-row {
  4032. text-align: right
  4033. }
  4034. .k-imagebrowser .k-form-text-row label {
  4035. width: 14%
  4036. }
  4037. .k-imagebrowser .k-form-text-row input {
  4038. width: 80%
  4039. }
  4040. .k-tile-empty {
  4041. margin: 160px 0 0
  4042. }
  4043. .k-tile-empty .k-dialog-upload {
  4044. font-weight: bold;
  4045. font-size: 120%
  4046. }
  4047. .k-tile-empty strong {
  4048. display: block;
  4049. margin: 0 0 .2em;
  4050. font-size: 3em;
  4051. font-weight: normal
  4052. }
  4053. .k-tile-empty,
  4054. .k-tile-empty .k-button-wrapper {
  4055. text-align: center
  4056. }
  4057. .k-ie7 .k-button,
  4058. .k-ie7 .k-grid-filter,
  4059. .k-ie7 .k-header-column-menu,
  4060. .k-ie7 .k-grid .k-pager-numbers,
  4061. .k-ie7 .k-grid .k-status-text,
  4062. .k-ie7 .k-pager-numbers .k-link,
  4063. .k-ie7 .k-pager-numbers span,
  4064. .k-ie7 .k-pager-numbers input,
  4065. .k-ie7 .k-grouping-row p,
  4066. .k-ie7 .k-grouping-header a,
  4067. .k-ie7 .k-grouping-header .k-group-indicator,
  4068. .k-ie7 .k-grouping-header .k-link,
  4069. .k-ie7 .k-grouping-header .k-button,
  4070. .k-ie7 .k-grid-actions,
  4071. .k-ie7 .k-edit-label,
  4072. .k-ie7 .k-edit-field,
  4073. .k-ie7 .k-edit-form-container .editor-label,
  4074. .k-ie7 .k-edit-form-container .editor-field,
  4075. .k-ie7 .k-combobox,
  4076. .k-ie7 .k-dropdown,
  4077. .k-ie7 .k-selectbox,
  4078. .k-ie7 .k-picker-wrap .k-select,
  4079. .k-ie7 .k-dropdown-wrap .k-select,
  4080. .k-ie7 .k-numerictextbox,
  4081. .k-ie7 .k-timepicker,
  4082. .k-ie7 .k-datepicker,
  4083. .k-ie7 .k-datetimepicker,
  4084. .k-ie7 .k-colorpicker,
  4085. .k-ie7 .k-calendar,
  4086. .k-ie7 .k-calendar .k-nav-fast,
  4087. .k-ie7 .k-treeview .k-icon,
  4088. .k-ie7 .k-treeview .k-image,
  4089. .k-ie7 .k-treeview .k-sprite,
  4090. .k-ie7 .k-treeview .k-in,
  4091. .k-ie7 .k-colorpicker,
  4092. .k-ie7 .k-colorpicker .k-tool-icon,
  4093. .k-ie7 .k-palette.k-reset,
  4094. .k-ie7 .k-editor-dialog .k-button,
  4095. .k-form-text-row label,
  4096. .k-ie7 .k-tabstrip-items .k-item,
  4097. .k-ie7 .k-tabstrip-items .k-link,
  4098. .k-ie7 .k-slider-horizontal,
  4099. .k-ie7 .k-splitbar-draggable-vertical .k-resize-handle,
  4100. .k-ie7 .k-splitbar-draggable-horizontal .k-resize-handle,
  4101. .k-ie7 .t-filename,
  4102. .k-ie7 div.k-window,
  4103. .k-ie7 .k-window-titlebar .k-window-action {
  4104. display: inline;
  4105. zoom: 1
  4106. }
  4107. .k-ie7 .k-treeview .k-item,
  4108. .k-ie7 .k-treeview .k-group {
  4109. zoom: 1
  4110. }
  4111. .km-scroll-container {
  4112. -khtml-user-select: none;
  4113. -webkit-user-select: none;
  4114. -moz-user-select: -moz-none;
  4115. -ms-user-select: none;
  4116. user-select: none;
  4117. -webkit-margin-collapse: separate;
  4118. -webkit-transform: translatez(0)
  4119. }
  4120. .k-widget .km-scroll-wrapper {
  4121. position: relative;
  4122. padding-bottom: 0
  4123. }
  4124. .km-touch-scrollbar {
  4125. position: absolute;
  4126. visibility: hidden;
  4127. z-index: 200000;
  4128. height: .3em;
  4129. width: .3em;
  4130. background-color: rgba(0, 0, 0, 0.7);
  4131. opacity: 0;
  4132. -webkit-transition: opacity .3s linear;
  4133. -moz-transition: opacity .3s linear;
  4134. -o-transition: opacity .3s linear;
  4135. transition: opacity .3s linear
  4136. }
  4137. .km-vertical-scrollbar {
  4138. height: 100%;
  4139. right: 2px;
  4140. top: 2px
  4141. }
  4142. .km-horizontal-scrollbar {
  4143. width: 100%;
  4144. left: 2px;
  4145. bottom: 2px
  4146. }