editor.dataTables.css 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266
  1. div.DTE {
  2. position: relative;
  3. }
  4. div.DTE div.DTE_Processing_Indicator {
  5. position: absolute;
  6. top: 10px;
  7. right: 13px;
  8. height: 32px;
  9. width: 32px;
  10. background: url("../images/ajax-loader.gif") no-repeat top left;
  11. display: none;
  12. z-index: 20;
  13. }
  14. div.DTE div.DTE_Header {
  15. position: absolute;
  16. top: 0;
  17. left: 0;
  18. height: 50px;
  19. width: 100%;
  20. background-color: #f3f3f3;
  21. border-bottom: 1px solid #ddd;
  22. padding: 16px 10px 2px 16px;
  23. font-size: 1.3em;
  24. -webkit-box-sizing: border-box;
  25. -moz-box-sizing: border-box;
  26. box-sizing: border-box;
  27. }
  28. div.DTE div.DTE_Footer {
  29. position: absolute;
  30. bottom: 0;
  31. left: 0;
  32. height: 50px;
  33. width: 100%;
  34. background-color: #f3f3f3;
  35. border-top: 1px solid #ddd;
  36. padding: 10px;
  37. -webkit-box-sizing: border-box;
  38. -moz-box-sizing: border-box;
  39. box-sizing: border-box;
  40. }
  41. div.DTE div.DTE_Form_Info {
  42. margin-bottom: 0.5em;
  43. display: none;
  44. }
  45. div.DTE div.DTE_Form_Content {
  46. position: relative;
  47. padding: 10px;
  48. }
  49. div.DTE div.DTE_Form_Error {
  50. float: left;
  51. padding: 5px;
  52. display: none;
  53. color: #b11f1f;
  54. }
  55. div.DTE button.btn,
  56. div.DTE div.DTE_Form_Buttons button {
  57. position: relative;
  58. text-align: center;
  59. display: block;
  60. margin-top: 0;
  61. padding: 5px 15px;
  62. cursor: pointer;
  63. float: right;
  64. margin-left: 0.75em;
  65. font-size: 14px;
  66. text-shadow: 0 1px 0 white;
  67. border: 1px solid #999;
  68. -webkit-border-radius: 4px;
  69. -moz-border-radius: 4px;
  70. -ms-border-radius: 4px;
  71. -o-border-radius: 4px;
  72. border-radius: 4px;
  73. -webkit-box-shadow: 1px 1px 3px #ccc;
  74. -moz-box-shadow: 1px 1px 3px #ccc;
  75. box-shadow: 1px 1px 3px #ccc;
  76. background-color: #f9f9f9 100%;
  77. /* Fallback */
  78. background-image: -webkit-linear-gradient(top, #ffffff 0%, #eee 65%, #f9f9f9 100%);
  79. /* Chrome 10+, Saf5.1+, iOS 5+ */
  80. background-image: -moz-linear-gradient(top, #ffffff 0%, #eee 65%, #f9f9f9 100%);
  81. /* FF3.6 */
  82. background-image: -ms-linear-gradient(top, #ffffff 0%, #eee 65%, #f9f9f9 100%);
  83. /* IE10 */
  84. background-image: -o-linear-gradient(top, #ffffff 0%, #eee 65%, #f9f9f9 100%);
  85. /* Opera 11.10+ */
  86. background-image: linear-gradient(to bottom, #ffffff 0%, #eee 65%, #f9f9f9 100%);
  87. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9');
  88. }
  89. div.DTE button.btn:hover,
  90. div.DTE div.DTE_Form_Buttons button:hover {
  91. border: 1px solid #666;
  92. -webkit-box-shadow: 1px 1px 3px #999;
  93. -moz-box-shadow: 1px 1px 3px #999;
  94. box-shadow: 1px 1px 3px #999;
  95. background-color: #f4f4f4 100%;
  96. /* Fallback */
  97. background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%);
  98. /* Chrome 10+, Saf5.1+, iOS 5+ */
  99. background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%);
  100. /* FF3.6 */
  101. background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%);
  102. /* IE10 */
  103. background-image: -o-linear-gradient(top, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%);
  104. /* Opera 11.10+ */
  105. background-image: linear-gradient(to bottom, #f3f3f3 0%, #dbdbdb 65%, #f4f4f4 100%);
  106. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#f4f4f4');
  107. }
  108. div.DTE button.btn:active,
  109. div.DTE div.DTE_Form_Buttons button:active {
  110. -webkit-box-shadow: inset 1px 1px 3px #999;
  111. -moz-box-shadow: inset 1px 1px 3px #999;
  112. box-shadow: inset 1px 1px 3px #999;
  113. }
  114. div.DTE button.btn:focus,
  115. div.DTE div.DTE_Form_Buttons button:focus {
  116. border: 1px solid #426c9e;
  117. text-shadow: 0 1px 0 #c4def1;
  118. background-color: #a3d0ef 100%;
  119. /* Fallback */
  120. background-image: -webkit-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  121. /* Chrome 10+, Saf5.1+, iOS 5+ */
  122. background-image: -moz-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  123. /* FF3.6 */
  124. background-image: -ms-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  125. /* IE10 */
  126. background-image: -o-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  127. /* Opera 11.10+ */
  128. background-image: linear-gradient(to bottom, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
  129. filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a3d0ef', EndColorStr='#a3d0ef');
  130. outline: none;
  131. }
  132. div.DTE button.btn:focus:after,
  133. div.DTE div.DTE_Form_Buttons button:focus:after {
  134. position: absolute;
  135. top: 0;
  136. left: 0;
  137. right: 0;
  138. bottom: 0;
  139. background: white;
  140. display: block;
  141. content: " ";
  142. -webkit-animation-duration: 1s;
  143. -webkit-animation-name: buttonPulse;
  144. -webkit-animation-fill-mode: forwards;
  145. -webkit-animation-iteration-count: infinite;
  146. -webkit-animation-timing-function: linear;
  147. -webkit-animation-direction: alternate;
  148. -moz-animation-duration: 1s;
  149. -moz-animation-name: buttonPulse;
  150. -moz-animation-fill-mode: forwards;
  151. -moz-animation-iteration-count: infinite;
  152. -moz-animation-timing-function: linear;
  153. -moz-animation-direction: alternate;
  154. -o-animation-duration: 1s;
  155. -o-animation-name: buttonPulse;
  156. -o-animation-fill-mode: forwards;
  157. -o-animation-iteration-count: infinite;
  158. -o-animation-timing-function: linear;
  159. -o-animation-direction: alternate;
  160. animation-duration: 1s;
  161. animation-name: buttonPulse;
  162. animation-fill-mode: forwards;
  163. animation-iteration-count: infinite;
  164. animation-timing-function: linear;
  165. animation-direction: alternate;
  166. }
  167. div.DTE.DTE_Action_Remove div.DTE_Body_Content {
  168. text-align: center;
  169. padding: 20px 0;
  170. }
  171. @-webkit-keyframes buttonPulse {
  172. 0% {
  173. opacity: 0;
  174. }
  175. 100% {
  176. opacity: 0.2;
  177. }
  178. }
  179. @-moz-keyframes buttonPulse {
  180. 0% {
  181. opacity: 0;
  182. }
  183. 100% {
  184. opacity: 0.2;
  185. }
  186. }
  187. @-o-keyframes buttonPulse {
  188. 0% {
  189. opacity: 0;
  190. }
  191. 100% {
  192. opacity: 0.2;
  193. }
  194. }
  195. @keyframes buttonPulse {
  196. 0% {
  197. opacity: 0;
  198. }
  199. 100% {
  200. opacity: 0.2;
  201. }
  202. }
  203. div.DTTT_container {
  204. float: left;
  205. }
  206. div.DTE_Field input,
  207. div.DTE_Field textarea {
  208. box-sizing: border-box;
  209. background-color: white;
  210. -webkit-transition: background-color ease-in-out .15s;
  211. transition: background-color ease-in-out .15s;
  212. }
  213. div.DTE_Field input:focus,
  214. div.DTE_Field textarea:focus {
  215. background-color: #ffffee;
  216. }
  217. div.DTE_Field input[type="color"],
  218. div.DTE_Field input[type="date"],
  219. div.DTE_Field input[type="datetime"],
  220. div.DTE_Field input[type="datetime-local"],
  221. div.DTE_Field input[type="email"],
  222. div.DTE_Field input[type="month"],
  223. div.DTE_Field input[type="number"],
  224. div.DTE_Field input[type="password"],
  225. div.DTE_Field input[type="search"],
  226. div.DTE_Field input[type="tel"],
  227. div.DTE_Field input[type="text"],
  228. div.DTE_Field input[type="time"],
  229. div.DTE_Field input[type="url"],
  230. div.DTE_Field input[type="week"] {
  231. padding: 6px 4px;
  232. width: 100%;
  233. }
  234. div.DTE_Field div.DTE_Field_Info,
  235. div.DTE_Field div.DTE_Field_Message {
  236. font-size: 11px;
  237. line-height: 1em;
  238. }
  239. div.DTE_Field div.DTE_Field_Error {
  240. font-size: 11px;
  241. line-height: 1em;
  242. display: none;
  243. color: red;
  244. margin-top: 5px;
  245. }
  246. div.DTE_Field div.multi-value {
  247. display: none;
  248. border: 1px dotted #666;
  249. border-radius: 3px;
  250. padding: 5px;
  251. background-color: #fafafa;
  252. cursor: pointer;
  253. }
  254. div.DTE_Field div.multi-value span {
  255. font-size: 0.8em;
  256. line-height: 1.25em;
  257. display: block;
  258. color: #666;
  259. }
  260. div.DTE_Field div.multi-value:hover {
  261. background-color: #f1f1f1;
  262. }
  263. div.DTE_Field div.multi-restore {
  264. display: none;
  265. margin-top: 0.5em;
  266. font-size: 0.8em;
  267. line-height: 1.25em;
  268. color: #3879d9;
  269. }
  270. div.DTE_Field div.multi-restore:hover {
  271. text-decoration: underline;
  272. cursor: pointer;
  273. }
  274. div.DTE_Field_Type_textarea textarea {
  275. padding: 3px;
  276. width: 100%;
  277. height: 80px;
  278. }
  279. div.DTE_Field.DTE_Field_Type_date img {
  280. vertical-align: middle;
  281. cursor: pointer;
  282. *cursor: hand;
  283. }
  284. div.DTE_Field.DTE_Field_Type_date input.jqueryui {
  285. width: 87%;
  286. margin-right: 6px;
  287. }
  288. div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div,
  289. div.DTE_Field_Type_radio div.DTE_Field_Input > div > div {
  290. margin-bottom: 0.25em;
  291. }
  292. div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div:last-child,
  293. div.DTE_Field_Type_radio div.DTE_Field_Input > div > div:last-child {
  294. margin-bottom: 0;
  295. }
  296. div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div label,
  297. div.DTE_Field_Type_radio div.DTE_Field_Input > div > div label {
  298. margin-left: 0.75em;
  299. vertical-align: middle;
  300. }
  301. div.DTE_Field_Type_select div.DTE_Field_Input {
  302. padding-top: 4px;
  303. }
  304. div.DTE_Body {
  305. padding: 50px 0;
  306. }
  307. div.DTE_Body div.DTE_Body_Content {
  308. position: relative;
  309. overflow: auto;
  310. }
  311. div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info {
  312. padding: 1em 1em 0 1em;
  313. margin: 0;
  314. }
  315. div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  316. position: relative;
  317. zoom: 1;
  318. clear: both;
  319. padding: 5px 20%;
  320. border: 1px solid transparent;
  321. }
  322. div.DTE_Body div.DTE_Body_Content div.DTE_Field:after {
  323. display: block;
  324. content: ".";
  325. height: 0;
  326. line-height: 0;
  327. clear: both;
  328. visibility: hidden;
  329. }
  330. div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover {
  331. background-color: #f9f9f9;
  332. border: 1px solid #f3f3f3;
  333. }
  334. div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
  335. float: left;
  336. width: 40%;
  337. padding-top: 6px;
  338. }
  339. div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
  340. float: right;
  341. width: 60%;
  342. }
  343. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
  344. padding: 5px 0 5px 20%;
  345. }
  346. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
  347. width: 30%;
  348. }
  349. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
  350. width: 70%;
  351. }
  352. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
  353. float: none;
  354. clear: both;
  355. width: 100%;
  356. }
  357. html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
  358. float: right;
  359. }
  360. html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
  361. float: left;
  362. }
  363. html[dir="rtl"] div.DTE div.DTE_Form_Buttons button {
  364. float: left;
  365. }
  366. @media only screen and (max-width: 768px) {
  367. div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  368. padding: 5px 10%;
  369. }
  370. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
  371. padding: 5px 0 5px 10%;
  372. }
  373. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
  374. width: 35.5%;
  375. }
  376. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
  377. width: 64.5%;
  378. }
  379. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
  380. width: 100%;
  381. }
  382. }
  383. @media only screen and (max-width: 640px) {
  384. div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  385. padding: 5px 0;
  386. }
  387. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full {
  388. padding: 5px 0%;
  389. }
  390. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label {
  391. width: 40%;
  392. }
  393. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input {
  394. width: 60%;
  395. }
  396. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
  397. width: 100%;
  398. }
  399. }
  400. @media only screen and (max-width: 580px) {
  401. div.DTE_Body div.DTE_Body_Content div.DTE_Field {
  402. position: relative;
  403. zoom: 1;
  404. clear: both;
  405. padding: 5px 0;
  406. }
  407. div.DTE_Body div.DTE_Body_Content div.DTE_Field > label {
  408. float: none;
  409. width: auto;
  410. padding-top: 0;
  411. }
  412. div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input {
  413. float: none;
  414. width: auto;
  415. }
  416. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block {
  417. padding: 5px 0;
  418. }
  419. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > label,
  420. div.DTE_Body div.DTE_Body_Content div.DTE_Field.full > div.DTE_Field_Input, div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > label,
  421. div.DTE_Body div.DTE_Body_Content div.DTE_Field.block > div.DTE_Field_Input {
  422. width: 100%;
  423. }
  424. }
  425. div.DTE_Bubble {
  426. position: absolute;
  427. z-index: 11;
  428. margin-top: -6px;
  429. opacity: 0;
  430. }
  431. div.DTE_Bubble div.DTE_Bubble_Liner {
  432. position: absolute;
  433. bottom: 0;
  434. border: 1px solid black;
  435. width: 300px;
  436. margin-left: -150px;
  437. background-color: white;
  438. box-shadow: 2px 2px 7px #555;
  439. border-radius: 5px;
  440. border: 2px solid #444;
  441. padding: 1em;
  442. -webkit-box-sizing: border-box;
  443. -moz-box-sizing: border-box;
  444. box-sizing: border-box;
  445. }
  446. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table {
  447. display: table;
  448. width: 100%;
  449. }
  450. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form {
  451. display: table-cell;
  452. }
  453. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content {
  454. padding: 0;
  455. }
  456. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field {
  457. position: relative;
  458. zoom: 1;
  459. margin-bottom: 0.5em;
  460. }
  461. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child {
  462. margin-bottom: 0;
  463. }
  464. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons {
  465. display: table-cell;
  466. vertical-align: bottom;
  467. padding: 0 0 0 0.75em;
  468. width: 1%;
  469. }
  470. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header {
  471. border-top-left-radius: 5px;
  472. border-top-right-radius: 5px;
  473. }
  474. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info,
  475. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table {
  476. padding-top: 42px;
  477. }
  478. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error {
  479. float: none;
  480. display: none;
  481. padding: 0;
  482. margin-bottom: 0.5em;
  483. }
  484. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close {
  485. position: absolute;
  486. top: -11px;
  487. right: -11px;
  488. width: 22px;
  489. height: 22px;
  490. border: 2px solid white;
  491. background-color: black;
  492. text-align: center;
  493. border-radius: 15px;
  494. cursor: pointer;
  495. z-index: 12;
  496. box-shadow: 2px 2px 6px #111;
  497. }
  498. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after {
  499. content: '\00d7';
  500. color: white;
  501. font-weight: bold;
  502. font-size: 18px;
  503. line-height: 22px;
  504. font-family: 'Courier New', Courier, monospace;
  505. padding-left: 1px;
  506. }
  507. div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover {
  508. background-color: #092079;
  509. box-shadow: 2px 2px 9px #111;
  510. }
  511. div.DTE_Bubble div.DTE_Bubble_Triangle {
  512. position: absolute;
  513. height: 10px;
  514. width: 10px;
  515. top: -6px;
  516. background-color: white;
  517. border: 2px solid #444;
  518. border-top: none;
  519. border-right: none;
  520. -webkit-transform: rotate(-45deg);
  521. -moz-transform: rotate(-45deg);
  522. -ms-transform: rotate(-45deg);
  523. -o-transform: rotate(-45deg);
  524. transform: rotate(-45deg);
  525. }
  526. div.DTE_Bubble.DTE_Processing div.DTE_Bubble_Liner:after {
  527. position: absolute;
  528. content: ' ';
  529. display: block;
  530. top: 12px;
  531. right: 18px;
  532. height: 12px;
  533. width: 17px;
  534. background: url("../images/ajax-loader-small.gif") no-repeat top left;
  535. }
  536. div.DTE_Bubble.below div.DTE_Bubble_Liner {
  537. top: 10px;
  538. bottom: auto;
  539. }
  540. div.DTE_Bubble.below div.DTE_Bubble_Triangle {
  541. top: 4px;
  542. -webkit-transform: rotate(135deg);
  543. -moz-transform: rotate(135deg);
  544. -ms-transform: rotate(135deg);
  545. -o-transform: rotate(135deg);
  546. transform: rotate(135deg);
  547. }
  548. div.DTE_Bubble_Background {
  549. position: fixed;
  550. top: 0;
  551. left: 0;
  552. width: 100%;
  553. height: 100%;
  554. background: rgba(0, 0, 0, 0.7);
  555. /* Fallback */
  556. background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  557. /* IE10 Consumer Preview */
  558. background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  559. /* Firefox */
  560. background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  561. /* Opera */
  562. background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
  563. /* Webkit (Safari/Chrome 10) */
  564. background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  565. /* Webkit (Chrome 11+) */
  566. background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  567. /* W3C Markup, IE10 Release Preview */
  568. z-index: 10;
  569. }
  570. div.DTE_Bubble_Background > div {
  571. position: absolute;
  572. top: 0;
  573. right: 0;
  574. left: 0;
  575. bottom: 0;
  576. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  577. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  578. }
  579. div.DTE_Bubble_Background > div:not([dummy]) {
  580. filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
  581. }
  582. div.DTE_Inline {
  583. position: relative;
  584. display: table;
  585. width: 100%;
  586. }
  587. div.DTE_Inline div.DTE_Inline_Field,
  588. div.DTE_Inline div.DTE_Inline_Buttons {
  589. display: table-cell;
  590. vertical-align: middle;
  591. }
  592. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field,
  593. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field {
  594. padding: 0;
  595. }
  596. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label,
  597. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label {
  598. display: none;
  599. }
  600. div.DTE_Inline div.DTE_Inline_Field div.DTE_Field input,
  601. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field input {
  602. width: 100%;
  603. }
  604. div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button,
  605. div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button {
  606. margin: -6px 0 -6px 4px;
  607. padding: 5px;
  608. }
  609. div.DTE_Inline div.DTE_Field input[type="color"],
  610. div.DTE_Inline div.DTE_Field input[type="date"],
  611. div.DTE_Inline div.DTE_Field input[type="datetime"],
  612. div.DTE_Inline div.DTE_Field input[type="datetime-local"],
  613. div.DTE_Inline div.DTE_Field input[type="email"],
  614. div.DTE_Inline div.DTE_Field input[type="month"],
  615. div.DTE_Inline div.DTE_Field input[type="number"],
  616. div.DTE_Inline div.DTE_Field input[type="password"],
  617. div.DTE_Inline div.DTE_Field input[type="search"],
  618. div.DTE_Inline div.DTE_Field input[type="tel"],
  619. div.DTE_Inline div.DTE_Field input[type="text"],
  620. div.DTE_Inline div.DTE_Field input[type="time"],
  621. div.DTE_Inline div.DTE_Field input[type="url"],
  622. div.DTE_Inline div.DTE_Field input[type="week"] {
  623. margin: -6px 0;
  624. }
  625. div.DTE_Inline.DTE_Processing:after {
  626. position: absolute;
  627. content: ' ';
  628. display: block;
  629. top: 4px;
  630. right: 10px;
  631. height: 12px;
  632. width: 17px;
  633. background: url("../images/ajax-loader-small.gif") no-repeat top left;
  634. }
  635. span.dtr-data div.DTE_Inline {
  636. display: inline-table;
  637. }
  638. div.DTED_Lightbox_Wrapper {
  639. position: fixed;
  640. top: 0;
  641. left: 50%;
  642. margin-left: -390px;
  643. width: 780px;
  644. height: 100%;
  645. z-index: 11;
  646. }
  647. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container {
  648. *position: absolute;
  649. /* IE6 */
  650. *top: 50%;
  651. #position: absolute;
  652. /* IE7 */
  653. #top: 50%;
  654. display: table;
  655. height: 100%;
  656. width: 100%;
  657. }
  658. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper {
  659. *position: relative;
  660. /* IE6 */
  661. #position: relative;
  662. /* IE7 */
  663. display: table-cell;
  664. vertical-align: middle;
  665. width: 100%;
  666. }
  667. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content {
  668. *top: -50%;
  669. /* IE6 */
  670. #top: -50%;
  671. /* IE7 */
  672. position: relative;
  673. border: 7px solid rgba(220, 220, 220, 0.5);
  674. box-shadow: 2px 2px 10px #555;
  675. border-radius: 10px;
  676. -webkit-box-sizing: border-box;
  677. -moz-box-sizing: border-box;
  678. box-sizing: border-box;
  679. }
  680. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE {
  681. background: white;
  682. border-radius: 6px;
  683. box-shadow: 0 0 5px #555;
  684. border: 2px solid #444;
  685. -webkit-box-sizing: border-box;
  686. -moz-box-sizing: border-box;
  687. box-sizing: border-box;
  688. }
  689. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header {
  690. top: 2px;
  691. left: 2px;
  692. right: 2px;
  693. width: auto;
  694. border-top-left-radius: 5px;
  695. border-top-right-radius: 5px;
  696. }
  697. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer {
  698. bottom: 2px;
  699. left: 2px;
  700. right: 2px;
  701. width: auto;
  702. border-bottom-left-radius: 5px;
  703. border-bottom-right-radius: 5px;
  704. }
  705. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close {
  706. position: absolute;
  707. top: -11px;
  708. right: -11px;
  709. width: 22px;
  710. height: 22px;
  711. border: 2px solid white;
  712. background-color: black;
  713. text-align: center;
  714. border-radius: 15px;
  715. cursor: pointer;
  716. z-index: 12;
  717. box-shadow: 2px 2px 6px #111;
  718. }
  719. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:after {
  720. content: '\00d7';
  721. color: white;
  722. font-weight: bold;
  723. font-size: 18px;
  724. line-height: 22px;
  725. font-family: 'Courier New', Courier, monospace;
  726. padding-left: 1px;
  727. }
  728. div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:hover {
  729. background-color: #092079;
  730. box-shadow: 2px 2px 9px #111;
  731. }
  732. div.DTED_Lightbox_Background {
  733. position: fixed;
  734. top: 0;
  735. left: 0;
  736. width: 100%;
  737. height: 100%;
  738. background: rgba(0, 0, 0, 0.7);
  739. /* Fallback */
  740. background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  741. /* IE10 Consumer Preview */
  742. background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  743. /* Firefox */
  744. background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  745. /* Opera */
  746. background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
  747. /* Webkit (Safari/Chrome 10) */
  748. background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  749. /* Webkit (Chrome 11+) */
  750. background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  751. /* W3C Markup, IE10 Release Preview */
  752. z-index: 10;
  753. }
  754. div.DTED_Lightbox_Background > div {
  755. position: absolute;
  756. top: 0;
  757. right: 0;
  758. left: 0;
  759. bottom: 0;
  760. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  761. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  762. }
  763. div.DTED_Lightbox_Background > div:not([dummy]) {
  764. filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
  765. }
  766. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Background {
  767. height: 0;
  768. }
  769. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Shown {
  770. display: none;
  771. }
  772. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper {
  773. position: absolute;
  774. top: 0px;
  775. left: 0px;
  776. right: 0px;
  777. bottom: 0px;
  778. width: auto;
  779. height: auto;
  780. margin-left: 0;
  781. -webkit-overflow-scrolling: touch;
  782. }
  783. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container {
  784. display: block;
  785. }
  786. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper {
  787. display: block;
  788. }
  789. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content {
  790. border: 4px solid rgba(220, 220, 220, 0.5);
  791. border-radius: 0;
  792. }
  793. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE {
  794. border-radius: 0;
  795. box-shadow: 0 0 5px #555;
  796. border: 2px solid #444;
  797. }
  798. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header {
  799. border-top-left-radius: 0;
  800. border-top-right-radius: 0;
  801. }
  802. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer {
  803. border-bottom-left-radius: 0;
  804. border-bottom-right-radius: 0;
  805. }
  806. body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close {
  807. top: 11px;
  808. right: 15px;
  809. }
  810. @media only screen and (max-width: 780px) {
  811. div.DTED_Lightbox_Wrapper {
  812. position: fixed;
  813. top: 0;
  814. left: 0;
  815. width: 100%;
  816. margin-left: 0;
  817. }
  818. }
  819. /*
  820. * Namespace: DTED - DataTables Editor Display - Envelope
  821. */
  822. div.DTED_Envelope_Wrapper {
  823. position: absolute;
  824. top: 0;
  825. bottom: 0;
  826. left: 50%;
  827. height: 100%;
  828. z-index: 11;
  829. display: none;
  830. overflow: hidden;
  831. }
  832. div.DTED_Envelope_Wrapper div.DTED_Envelope_ShadowLeft {
  833. position: absolute;
  834. top: 0;
  835. left: 0;
  836. width: 50%;
  837. height: 9px;
  838. background: url("../images/shadow_left.png") no-repeat top left;
  839. z-index: 10;
  840. }
  841. div.DTED_Envelope_Wrapper div.DTED_Envelope_ShadowRight {
  842. position: absolute;
  843. top: 0;
  844. right: 0;
  845. width: 50%;
  846. height: 9px;
  847. background: url("../images/shadow_right.png") no-repeat top right;
  848. z-index: 10;
  849. }
  850. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container {
  851. position: absolute;
  852. top: 0;
  853. left: 5%;
  854. width: 90%;
  855. border-left: 1px solid #777;
  856. border-right: 1px solid #777;
  857. border-bottom: 1px solid #777;
  858. box-shadow: 3px 3px 10px #555;
  859. border-bottom-left-radius: 5px;
  860. border-bottom-right-radius: 5px;
  861. background-color: white;
  862. }
  863. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator {
  864. right: 36px;
  865. }
  866. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer {
  867. border-bottom-left-radius: 5px;
  868. border-bottom-right-radius: 5px;
  869. }
  870. div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close {
  871. position: absolute;
  872. top: 16px;
  873. right: 10px;
  874. width: 18px;
  875. height: 18px;
  876. cursor: pointer;
  877. *cursor: hand;
  878. z-index: 12;
  879. text-align: center;
  880. font-size: 12px;
  881. background: #F8F8F8;
  882. background: -webkit-gradient(linear, center bottom, center top, from(#CCC), to(white));
  883. background: -moz-linear-gradient(top, white, #CCC);
  884. background: linear-gradient(to bottom, white, #CCC);
  885. text-shadow: 0 1px 0 white;
  886. border: 1px solid #999;
  887. border-radius: 2px;
  888. -moz-border-radius: 2px;
  889. -webkit-border-radius: 2px;
  890. box-shadow: 0px 0px 1px #999;
  891. -moz-box-shadow: 0px 0px 1px #999;
  892. -webkit-box-shadow: 0px 0px 1px #999;
  893. }
  894. div.DTED_Envelope_Background {
  895. position: fixed;
  896. top: 0;
  897. left: 0;
  898. width: 100%;
  899. height: 100%;
  900. z-index: 10;
  901. background: rgba(0, 0, 0, 0.4);
  902. /* Fallback */
  903. background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  904. /* IE10 Consumer Preview */
  905. background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  906. /* Firefox */
  907. background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  908. /* Opera */
  909. background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(0, 0, 0, 0.4)));
  910. /* Webkit (Safari/Chrome 10) */
  911. background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  912. /* Webkit (Chrome 11+) */
  913. background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%);
  914. /* W3C Markup, IE10 Release Preview */
  915. }
  916. table.dataTable tbody tr.highlight {
  917. background-color: #FFFBCC !important;
  918. }
  919. table.dataTable tbody tr.highlight,
  920. table.dataTable tbody tr.noHighlight,
  921. table.dataTable tbody tr.highlight td,
  922. table.dataTable tbody tr.noHighlight td {
  923. -webkit-transition: background-color 500ms linear;
  924. -moz-transition: background-color 500ms linear;
  925. -ms-transition: background-color 500ms linear;
  926. -o-transition: background-color 500ms linear;
  927. transition: background-color 500ms linear;
  928. }
  929. table.dataTable.stripe tbody tr.odd.highlight, table.dataTable.display tbody tr.odd.highlight {
  930. background-color: #f9f5c7;
  931. }
  932. table.dataTable.hover tbody tr:hover.highlight,
  933. table.dataTable.hover tbody tr.odd:hover.highlight,
  934. table.dataTable.hover tbody tr.even:hover.highlight, table.dataTable.display tbody tr:hover.highlight,
  935. table.dataTable.display tbody tr.odd:hover.highlight,
  936. table.dataTable.display tbody tr.even:hover.highlight {
  937. background-color: #f6f2c5;
  938. }
  939. table.dataTable.order-column tbody tr.highlight > .sorting_1,
  940. table.dataTable.order-column tbody tr.highlight > .sorting_2,
  941. table.dataTable.order-column tbody tr.highlight > .sorting_3, table.dataTable.display tbody tr.highlight > .sorting_1,
  942. table.dataTable.display tbody tr.highlight > .sorting_2,
  943. table.dataTable.display tbody tr.highlight > .sorting_3 {
  944. background-color: #faf6c8;
  945. }
  946. table.dataTable.display tbody tr.odd.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_1 {
  947. background-color: #f1edc1;
  948. }
  949. table.dataTable.display tbody tr.odd.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_2 {
  950. background-color: #f3efc2;
  951. }
  952. table.dataTable.display tbody tr.odd.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_3 {
  953. background-color: #f5f1c4;
  954. }
  955. table.dataTable.display tbody tr.even.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_1 {
  956. background-color: #faf6c8;
  957. }
  958. table.dataTable.display tbody tr.even.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_2 {
  959. background-color: #fcf8ca;
  960. }
  961. table.dataTable.display tbody tr.even.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_3 {
  962. background-color: #fefacb;
  963. }
  964. table.dataTable.display tbody tr:hover.highlight > .sorting_1,
  965. table.dataTable.display tbody tr.odd:hover.highlight > .sorting_1,
  966. table.dataTable.display tbody tr.even:hover.highlight > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_1,
  967. table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_1,
  968. table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_1 {
  969. background-color: #eae6bb;
  970. }
  971. table.dataTable.display tbody tr:hover.highlight > .sorting_2,
  972. table.dataTable.display tbody tr.odd:hover.highlight > .sorting_2,
  973. table.dataTable.display tbody tr.even:hover.highlight > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_2,
  974. table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_2,
  975. table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_2 {
  976. background-color: #ece8bd;
  977. }
  978. table.dataTable.display tbody tr:hover.highlight > .sorting_3,
  979. table.dataTable.display tbody tr.odd:hover.highlight > .sorting_3,
  980. table.dataTable.display tbody tr.even:hover.highlight > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_3,
  981. table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_3,
  982. table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_3 {
  983. background-color: #efebbf;
  984. }
  985. div.DTE div.editor_upload {
  986. padding-top: 4px;
  987. }
  988. div.DTE div.editor_upload div.eu_table {
  989. display: table;
  990. width: 100%;
  991. }
  992. div.DTE div.editor_upload div.row {
  993. display: table-row;
  994. }
  995. div.DTE div.editor_upload div.cell {
  996. display: table-cell;
  997. position: relative;
  998. width: 50%;
  999. vertical-align: top;
  1000. }
  1001. div.DTE div.editor_upload div.cell + div.cell {
  1002. padding-left: 10px;
  1003. }
  1004. div.DTE div.editor_upload div.row + div.row div.cell {
  1005. padding-top: 10px;
  1006. }
  1007. div.DTE div.editor_upload button.btn,
  1008. div.DTE div.editor_upload input[type=file] {
  1009. width: 100%;
  1010. height: 2.3em;
  1011. font-size: 0.8em;
  1012. text-align: center;
  1013. line-height: 1em;
  1014. }
  1015. div.DTE div.editor_upload input[type=file] {
  1016. position: absolute;
  1017. top: 0;
  1018. left: 0;
  1019. width: 100%;
  1020. opacity: 0;
  1021. }
  1022. div.DTE div.editor_upload div.drop {
  1023. position: relative;
  1024. box-sizing: border-box;
  1025. width: 100%;
  1026. height: 100%;
  1027. border: 3px dashed #ccc;
  1028. border-radius: 6px;
  1029. min-height: 4em;
  1030. color: #999;
  1031. padding-top: 3px;
  1032. text-align: center;
  1033. }
  1034. div.DTE div.editor_upload div.drop.over {
  1035. border: 3px dashed #111;
  1036. color: #111;
  1037. }
  1038. div.DTE div.editor_upload div.drop span {
  1039. max-width: 75%;
  1040. font-size: 0.85em;
  1041. line-height: 1em;
  1042. }
  1043. div.DTE div.editor_upload div.rendered img {
  1044. max-width: 8em;
  1045. margin: 0 auto;
  1046. }
  1047. div.DTE div.editor_upload.noDrop div.drop {
  1048. display: none;
  1049. }
  1050. div.DTE div.editor_upload.noDrop div.row.second {
  1051. display: none;
  1052. }
  1053. div.DTE div.editor_upload.noDrop div.rendered {
  1054. margin-top: 10px;
  1055. }
  1056. div.DTE div.editor_upload.noClear div.clearValue button {
  1057. display: none;
  1058. }
  1059. div.DTE div.editor_upload.multi div.cell {
  1060. display: block;
  1061. width: 100%;
  1062. }
  1063. div.DTE div.editor_upload.multi div.cell div.drop {
  1064. min-height: 0;
  1065. padding-bottom: 5px;
  1066. }
  1067. div.DTE div.editor_upload.multi div.clearValue {
  1068. display: none;
  1069. }
  1070. div.DTE div.editor_upload.multi ul {
  1071. list-style-type: none;
  1072. margin: 0;
  1073. padding: 0;
  1074. }
  1075. div.DTE div.editor_upload.multi ul li {
  1076. position: relative;
  1077. margin-top: 0.5em;
  1078. }
  1079. div.DTE div.editor_upload.multi ul li:first-child {
  1080. margin-top: 0;
  1081. }
  1082. div.DTE div.editor_upload.multi ul li img {
  1083. vertical-align: middle;
  1084. }
  1085. div.DTE div.editor_upload.multi ul li button {
  1086. position: absolute;
  1087. width: 40px;
  1088. right: 0;
  1089. top: 50%;
  1090. margin-top: -1.5em;
  1091. }
  1092. div.editor-datetime {
  1093. position: absolute;
  1094. background-color: white;
  1095. z-index: 2050;
  1096. border: 1px solid #ccc;
  1097. box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
  1098. padding-bottom: 5px;
  1099. }
  1100. div.editor-datetime div.editor-datetime-title {
  1101. text-align: center;
  1102. padding: 5px 0px 3px;
  1103. }
  1104. div.editor-datetime table {
  1105. border-spacing: 0;
  1106. margin: 6px 13px;
  1107. }
  1108. div.editor-datetime table th {
  1109. font-size: 0.8em;
  1110. color: #777;
  1111. font-weight: normal;
  1112. width: 14.285714286%;
  1113. padding: 0 0 4px 0;
  1114. text-align: center;
  1115. }
  1116. div.editor-datetime table td {
  1117. font-size: 0.9em;
  1118. color: #444;
  1119. padding: 0;
  1120. }
  1121. div.editor-datetime table td.day {
  1122. text-align: right;
  1123. background: #f5f5f5;
  1124. }
  1125. div.editor-datetime table td.day.disabled {
  1126. color: #aaa;
  1127. background: white;
  1128. }
  1129. div.editor-datetime table td.day.today {
  1130. background-color: #ddd;
  1131. }
  1132. div.editor-datetime table td.day.today button {
  1133. font-weight: bold;
  1134. }
  1135. div.editor-datetime table td.day.selected button {
  1136. background: #4E6CA3;
  1137. color: white;
  1138. border-radius: 2px;
  1139. }
  1140. div.editor-datetime table td.day button:hover {
  1141. background: #ff8000;
  1142. color: white;
  1143. border-radius: 2px;
  1144. }
  1145. div.editor-datetime table td.editor-datetime-week {
  1146. font-size: 0.7em;
  1147. }
  1148. div.editor-datetime table button {
  1149. width: 100%;
  1150. box-sizing: border-box;
  1151. border: none;
  1152. background: transparent;
  1153. font-size: inherit;
  1154. color: inherit;
  1155. text-align: inherit;
  1156. padding: 5px 9px;
  1157. cursor: pointer;
  1158. margin: 0;
  1159. }
  1160. div.editor-datetime table.weekNumber th {
  1161. width: 12.5%;
  1162. }
  1163. div.editor-datetime div.editor-datetime-label {
  1164. position: relative;
  1165. display: inline-block;
  1166. height: 30px;
  1167. padding: 5px 6px;
  1168. border: 1px solid transparent;
  1169. box-sizing: border-box;
  1170. cursor: pointer;
  1171. }
  1172. div.editor-datetime div.editor-datetime-label:hover {
  1173. border: 1px solid #ddd;
  1174. border-radius: 2px;
  1175. background-color: #f5f5f5;
  1176. }
  1177. div.editor-datetime div.editor-datetime-label select {
  1178. position: absolute;
  1179. top: 6px;
  1180. left: 0;
  1181. cursor: pointer;
  1182. opacity: 0;
  1183. -ms-filter: "alpha(opacity=0)";
  1184. }
  1185. div.editor-datetime div.editor-datetime-time {
  1186. text-align: center;
  1187. }
  1188. div.editor-datetime div.editor-datetime-time > span {
  1189. vertical-align: middle;
  1190. }
  1191. div.editor-datetime div.editor-datetime-time div.editor-datetime-timeblock {
  1192. display: inline-block;
  1193. vertical-align: middle;
  1194. }
  1195. div.editor-datetime div.editor-datetime-iconLeft,
  1196. div.editor-datetime div.editor-datetime-iconRight,
  1197. div.editor-datetime div.editor-datetime-iconUp,
  1198. div.editor-datetime div.editor-datetime-iconDown {
  1199. width: 30px;
  1200. height: 30px;
  1201. background-position: center;
  1202. background-repeat: no-repeat;
  1203. opacity: 0.3;
  1204. overflow: hidden;
  1205. box-sizing: border-box;
  1206. }
  1207. div.editor-datetime div.editor-datetime-iconLeft:hover,
  1208. div.editor-datetime div.editor-datetime-iconRight:hover,
  1209. div.editor-datetime div.editor-datetime-iconUp:hover,
  1210. div.editor-datetime div.editor-datetime-iconDown:hover {
  1211. border: 1px solid #ccc;
  1212. border-radius: 2px;
  1213. background-color: #f0f0f0;
  1214. opacity: 0.6;
  1215. }
  1216. div.editor-datetime div.editor-datetime-iconLeft button,
  1217. div.editor-datetime div.editor-datetime-iconRight button,
  1218. div.editor-datetime div.editor-datetime-iconUp button,
  1219. div.editor-datetime div.editor-datetime-iconDown button {
  1220. border: none;
  1221. background: transparent;
  1222. text-indent: 30px;
  1223. height: 100%;
  1224. width: 100%;
  1225. cursor: pointer;
  1226. }
  1227. div.editor-datetime div.editor-datetime-iconLeft {
  1228. position: absolute;
  1229. top: 5px;
  1230. left: 5px;
  1231. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  1232. }
  1233. div.editor-datetime div.editor-datetime-iconRight {
  1234. position: absolute;
  1235. top: 5px;
  1236. right: 5px;
  1237. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  1238. }
  1239. div.editor-datetime div.editor-datetime-iconUp {
  1240. height: 20px;
  1241. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAL0lEQVR4AWOgJmBhxCvLyopHnpmVjY2VCadeoCxIHrcsWJ4RlyxCHlMWCTBRJxwAjrIBDMWSiM0AAAAASUVORK5CYII=");
  1242. }
  1243. div.editor-datetime div.editor-datetime-iconDown {
  1244. height: 20px;
  1245. background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAALCAMAAABf9c24AAAAFVBMVEX///99fX1+fn57e3t6enoAAAAAAAC73bqPAAAABnRSTlMAYmJkZt92bnysAAAAMElEQVR4AWOgDmBiRQIsmPKMrGxQgJDFlEfIYpoPk8Utz8qM232MYFfhkQfKUg8AANefAQxecJ58AAAAAElFTkSuQmCC");
  1246. }