plugins-md.css 51 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329
  1. @charset "UTF-8";
  2. /******************************
  3. 3RD PARTY PLUGIN CUSTOMIZATION
  4. ******************************/
  5. /* Cubic Bezier Transition */
  6. /***
  7. Bootstrap Colorpicker
  8. ***/
  9. .input-group.color .input-group-btn i {
  10. position: absolute;
  11. display: block;
  12. cursor: pointer;
  13. width: 20px;
  14. height: 20px;
  15. right: 6px; }
  16. .colorpicker.dropdown-menu {
  17. padding: 5px; }
  18. /* change z-index when opened in modal */
  19. .modal-open .colorpicker {
  20. z-index: 10055 !important; }
  21. /***
  22. Bootstrap Datepaginator
  23. ***/
  24. .datepaginator a {
  25. font-family: 'Open Sans';
  26. font-size: 13px;
  27. font-weight: 300; }
  28. .datepicker .today {
  29. background-image: none !important;
  30. filter: none !important; }
  31. #dp-calendar {
  32. right: 4px !important; }
  33. .datepaginator .fa-angle-right:before {
  34. content: ""/*rtl:""*/; }
  35. .datepaginator .fa-angle-left:before {
  36. content: ""/*rtl:""*/; }
  37. /***
  38. Bootstrap Datepicker
  39. ***/
  40. .datepicker.dropdown-menu {
  41. padding: 5px; }
  42. .datepicker .selected {
  43. background-color: #909090 !important;
  44. background-image: none !important;
  45. filter: none !important; }
  46. .datepicker .active {
  47. background-color: #4b8df8 !important;
  48. background-image: none !important;
  49. filter: none !important; }
  50. .datepicker .active:hover {
  51. background-color: #2678FC !important;
  52. background-image: none !important;
  53. filter: none !important; }
  54. .datepicker .input-daterange input {
  55. text-align: left; }
  56. /* change z-index when opened in modal */
  57. .modal-open .datepicker {
  58. z-index: 10055 !important; }
  59. .datepicker table td {
  60. color: #000;
  61. font-weight: 300 !important;
  62. font-family: 'Open Sans' !important; }
  63. .datepicker table th {
  64. color: #333;
  65. font-family: 'Open Sans' !important;
  66. font-weight: 400 !important; }
  67. .datepicker.dropdown-menu {
  68. box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  69. border: 1px solid #efefef; }
  70. .datepicker .fa-angle-left:before {
  71. content: ""/*rtl:""*/; }
  72. .datepicker .fa-angle-right:before {
  73. content: ""/*rtl:""*/; }
  74. /***
  75. Bootstrap Daterangepicker
  76. ***/
  77. .modal-open .daterangepicker {
  78. z-index: 10055 !important; }
  79. .daterangepicker {
  80. margin-top: 4px; }
  81. .daterangepicker td {
  82. text-shadow: none; }
  83. .daterangepicker td.active {
  84. background-color: #4b8df8;
  85. background-image: none;
  86. filter: none; }
  87. .daterangepicker th {
  88. font-weight: 400;
  89. font-size: 14px; }
  90. .daterangepicker .ranges input[type="text"] {
  91. width: 70px !important;
  92. font-size: 11px;
  93. vertical-align: middle; }
  94. .daterangepicker .ranges label {
  95. font-weight: 300;
  96. display: block; }
  97. .daterangepicker .ranges {
  98. width: 170px; }
  99. .daterangepicker .ranges ul > li.active {
  100. -webkit-border-radius: 4px;
  101. -moz-border-radius: 4px;
  102. -ms-border-radius: 4px;
  103. -o-border-radius: 4px;
  104. border-radius: 4px; }
  105. .daterangepicker .ranges .btn {
  106. margin-top: 10px; }
  107. .daterangepicker.dropdown-menu {
  108. padding: 5px; }
  109. .daterangepicker .ranges li {
  110. color: #333; }
  111. .daterangepicker .ranges li.active,
  112. .daterangepicker .ranges li:hover {
  113. background: #4b8df8 !important;
  114. border: 1px solid #4b8df8 !important;
  115. color: #fff; }
  116. .daterangepicker .range_inputs input {
  117. margin-bottom: 0 !important; }
  118. .daterangepicker .fa-angle-right:before {
  119. content: ""/*rtl:""*/; }
  120. .daterangepicker .fa-angle-left:before {
  121. content: ""/*rtl:""*/; }
  122. /***
  123. Bootstrap Datetimepicker
  124. ***/
  125. .datetimepicker table td {
  126. color: #000;
  127. font-weight: 300 !important;
  128. font-family: 'Open Sans' !important; }
  129. .datetimepicker table th {
  130. font-family: 'Open Sans' !important;
  131. font-weight: 400 !important; }
  132. .datetimepicker.dropdown-menu {
  133. padding: 5px; }
  134. .datetimepicker .active {
  135. background-color: #4b8df8 !important;
  136. background-image: none !important;
  137. filter: none !important; }
  138. .datetimepicker .active:hover {
  139. background-color: #2678FC !important;
  140. background-image: none !important;
  141. filter: none !important; }
  142. .datetimepicker .fa-angle-left:before {
  143. content: ""/*rtl:""*/; }
  144. .datetimepicker .fa-angle-right:before {
  145. content: ""/*rtl:""*/; }
  146. /* change z-index when opened in modal */
  147. .modal-open .datetimepicker {
  148. z-index: 10055; }
  149. /***
  150. Bootstrap Editable
  151. ***/
  152. .editable-input table,
  153. .editable-input table th,
  154. .editable-input table td,
  155. .editable-input table tr {
  156. border: 0 !important; }
  157. .editable-input .combodate select {
  158. margin-bottom: 5px; }
  159. /***
  160. Jansy File Input plugin css changes
  161. ***/
  162. .fileinput {
  163. margin-bottom: 0; }
  164. .fileinput .close {
  165. float: none; }
  166. .fileinput .input-group {
  167. white-space: nowrap;
  168. overflow: hidden; }
  169. /***
  170. Bootstrap Markdown
  171. ***/
  172. .md-input {
  173. padding: 5px !important;
  174. border-bottom: 0 !important;
  175. -webkit-border-radius: 0 0 4px 4px;
  176. -moz-border-radius: 0 0 4px 4px;
  177. -ms-border-radius: 0 0 4px 4px;
  178. -o-border-radius: 0 0 4px 4px;
  179. border-radius: 0 0 4px 4px; }
  180. .md-editor {
  181. -webkit-border-radius: 4px;
  182. -moz-border-radius: 4px;
  183. -ms-border-radius: 4px;
  184. -o-border-radius: 4px;
  185. border-radius: 4px; }
  186. .md-editor .btn-toolbar {
  187. margin-left: 0px;
  188. -webkit-border-radius: 4px 4px 0 0;
  189. -moz-border-radius: 4px 4px 0 0;
  190. -ms-border-radius: 4px 4px 0 0;
  191. -o-border-radius: 4px 4px 0 0;
  192. border-radius: 4px 4px 0 0; }
  193. .md-editor .btn-toolbar .btn-group .btn-sm.btn {
  194. padding-bottom: 3px; }
  195. .md-editor .btn-toolbar .btn-group .btn-primary {
  196. padding-top: 5px;
  197. padding-bottom: 7px; }
  198. .md-editor.active {
  199. border: 1px solid #999999;
  200. -webkit-box-shadow: none !important;
  201. -moz-box-shadow: none !important;
  202. box-shadow: none !important; }
  203. /***
  204. Error state for WYSIWYG Editors
  205. ***/
  206. .has-error .md-editor {
  207. border: 1px solid #fbe1e3 !important; }
  208. .has-success .md-editor {
  209. border: 1px solid #b4eaee !important; }
  210. .has-warning .md-editor {
  211. border: 1px solid #f9e491 !important; }
  212. /***
  213. Bootstrap Modal
  214. ***/
  215. /* fix: content shifting to the right on modal open */
  216. .modal-open.page-overflow .page-container,
  217. .modal-open.page-overflow .page-container .navbar-fixed-top,
  218. .modal-open.page-overflow .page-container .navbar-fixed-bottom,
  219. .modal-open.page-overflow .modal-scrollable {
  220. overflow-y: auto !important; }
  221. .modal-scrollable {
  222. overflow: hidden !important; }
  223. /* BS 3.3.1 fix */
  224. .modal-backdrop {
  225. position: fixed;
  226. bottom: 0; }
  227. .modal-scrollable {
  228. overflow: hidden !important;
  229. z-index: 10051;
  230. overflow-y: scroll !important; }
  231. /***
  232. Bootstrap Select
  233. ***/
  234. .bootstrap-select .btn {
  235. border-color: #c2cad8; }
  236. .has-error .bootstrap-select .btn {
  237. border-color: #fbe1e3; }
  238. .has-success .bootstrap-select .btn {
  239. border-color: #b4eaee; }
  240. .has-warning .bootstrap-select .btn {
  241. border-color: #f9e491; }
  242. .bootstrap-select.open .btn {
  243. border-color: #93a1bb; }
  244. .bootstrap-select.open.dropup .btn {
  245. border-color: #93a1bb; }
  246. .bootstrap-select .btn:focus {
  247. outline: none !important;
  248. outline-offset: 0; }
  249. .bootstrap-select.btn-group .dropdown-menu {
  250. margin-top: 1px; }
  251. .bootstrap-select.btn-group .dropdown-menu > li > dt > .text {
  252. font-weight: 600;
  253. font-family: 'Open Sans';
  254. font-size: 14px; }
  255. .bootstrap-select.btn-group .dropdown-menu .text-muted {
  256. color: #999 !important; }
  257. .bootstrap-select .caret {
  258. border: 0;
  259. width: auto;
  260. height: auto;
  261. margin-top: -10px !important; }
  262. .bootstrap-select .caret:before {
  263. content: "\f107";
  264. display: inline-block;
  265. border: 0;
  266. font-family: FontAwesome;
  267. font-style: normal;
  268. font-weight: normal; }
  269. .bootstrap-select .selected i {
  270. color: #aaa; }
  271. .bootstrap-select .dropdown-menu {
  272. z-index: 9999 !important; }
  273. /***
  274. Bootstrap Switch
  275. ***/
  276. .bootstrap-switch {
  277. border-color: #c2cad8; }
  278. .bootstrap-switch.bootstrap-switch-focused {
  279. box-shadow: none;
  280. border-color: #c2cad8; }
  281. /***
  282. Color variants
  283. ***/
  284. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
  285. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  286. color: #fff;
  287. background: #337ab7; }
  288. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
  289. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  290. color: #fff;
  291. background: #659be0; }
  292. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
  293. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  294. color: #fff;
  295. background: #3fc9d5; }
  296. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
  297. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  298. color: #fff;
  299. background: #F1C40F; }
  300. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
  301. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  302. color: #fff;
  303. background: #ed6b75; }
  304. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
  305. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  306. color: #444;
  307. background: #e8eaef; }
  308. /* Bootstrap switch on portlet headers */
  309. .portlet:not(.light) > .portlet-title > .actions > .bootstrap-switch {
  310. border-color: transparent;
  311. margin-top: 0px; }
  312. /***
  313. Bootstrap Time Picker
  314. ***/
  315. .bootstrap-timepicker-widget table td a {
  316. padding: 4px 0; }
  317. .bootstrap-timepicker-widget input,
  318. .bootstrap-timepicker-widget input:focus {
  319. outline: none !important;
  320. border: 0; }
  321. .modal-open .bootstrap-timepicker-widget {
  322. z-index: 10055 !important; }
  323. .bootstrap-timepicker-widget.timepicker-orient-bottom:before,
  324. .bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  325. top: auto; }
  326. /***
  327. Toastr Notifications
  328. ***/
  329. .toast {
  330. -webkit-box-shadow: none !important;
  331. -moz-box-shadow: none !important;
  332. box-shadow: none !important; }
  333. .toast {
  334. background-color: #030303; }
  335. .toast-success {
  336. background-color: #51a351; }
  337. .toast-error {
  338. background-color: #bd362f; }
  339. .toast-info {
  340. background-color: #2f96b4; }
  341. .toast-warning {
  342. background-color: #f89406; }
  343. .toast .toast-close-button {
  344. display: inline-block;
  345. margin-top: 0px;
  346. margin-right: 0px;
  347. text-indent: -100000px;
  348. width: 11px;
  349. height: 16px;
  350. background-repeat: no-repeat !important;
  351. background-image: url("../img/portlet-remove-icon-white.png") !important; }
  352. .toast-top-center {
  353. top: 12px;
  354. margin: 0 auto;
  355. left: 50%;
  356. margin-left: -150px; }
  357. .toast-top-center .toast {
  358. margin: 0 !important; }
  359. .toast-bottom-center {
  360. bottom: 12px;
  361. margin: 0 auto;
  362. left: 50%;
  363. margin-left: -150px; }
  364. .toast-bottom-center .toast {
  365. margin: 0 !important; }
  366. /***
  367. Bootstrap Wizard
  368. ***/
  369. .form-wizard .progress {
  370. margin-bottom: 30px; }
  371. .form-wizard .steps {
  372. padding: 10px 0;
  373. margin-bottom: 15px;
  374. background-color: #fff;
  375. background-image: none;
  376. filter: none;
  377. border: 0px;
  378. box-shadow: none; }
  379. .form-wizard .steps > li > a.step {
  380. background-color: #fff;
  381. background-image: none;
  382. filter: none;
  383. border: 0px;
  384. box-shadow: none; }
  385. .form-wizard .steps > li > a.step:hover {
  386. background: none; }
  387. .form-wizard .steps > li > a.step > .number {
  388. background-color: #eee;
  389. display: inline-block;
  390. text-align: center !important;
  391. font-size: 16px;
  392. font-weight: 300;
  393. padding: 11px 15px 13px 15px;
  394. margin-right: 10px;
  395. height: 45px;
  396. width: 45px;
  397. -webkit-border-radius: 50% !important;
  398. -moz-border-radius: 50% !important;
  399. border-radius: 50% !important; }
  400. .form-wizard .steps > li > a.step > .desc {
  401. display: inline-block;
  402. font-size: 16px;
  403. font-weight: 300; }
  404. .form-wizard .steps > li > a.step > .desc > i {
  405. display: none; }
  406. .form-wizard .steps > li.active > a.step .number {
  407. background-color: #3fc9d5;
  408. color: #fff; }
  409. .form-wizard .steps > li.active > a.step .desc {
  410. color: #333; }
  411. .form-wizard .steps > li.done > a.step .number {
  412. background-color: #F1C40F;
  413. color: #fff; }
  414. .form-wizard .steps > li.done > a.step .desc {
  415. color: #333; }
  416. .form-wizard .steps > li.done > a.step .desc i {
  417. font-size: 12px;
  418. font-weight: normal;
  419. color: #999;
  420. display: inline-block; }
  421. @media (min-width: 768px) and (max-width: 1200px) {
  422. /* 768px & 1200px */
  423. .form-wizard .step .desc {
  424. margin-top: 10px;
  425. display: block; } }
  426. @media (max-width: 768px) {
  427. /* 768px */
  428. .form-wizard .steps > li > a {
  429. text-align: left; } }
  430. /*!
  431. * Tab drop for Bootstrap
  432. */
  433. .tabbable-tabdrop .nav-tabs,
  434. .tabbable-tabdrop .nav-pills {
  435. position: relative; }
  436. .tabbable-tabdrop .nav-tabs .caret,
  437. .tabbable-tabdrop .nav-pills .caret {
  438. display: none; }
  439. .tabbable-tabdrop .nav-tabs .tabdrop .dropdown-toggle i,
  440. .tabbable-tabdrop .nav-pills .tabdrop .dropdown-toggle i {
  441. font-size: 14px; }
  442. .tabbable-tabdrop .dropdown-menu:after {
  443. right: 10px;
  444. left: auto; }
  445. .tabbable-tabdrop .dropdown-menu:before {
  446. right: 9px;
  447. left: auto; }
  448. /***
  449. wysihtml5
  450. ***/
  451. .wysihtml5-sandbox {
  452. width: 100% !important; }
  453. .wysihtml5-toolbar li {
  454. margin: 0px;
  455. height: 29px; }
  456. .wysihtml5-toolbar li .dropdown-menu {
  457. margin-top: 5px; }
  458. /***
  459. Error state for WYSIWYG Editors
  460. ***/
  461. .has-error .wysihtml5-sandbox {
  462. border: 1px solid #fbe1e3 !important; }
  463. .has-success .wysihtml5-sandbox {
  464. border: 1px solid #b4eaee !important; }
  465. .has-warning .wysihtml5-sandbox {
  466. border: 1px solid #f9e491 !important; }
  467. /***
  468. Error state for WYSIWYG Editors
  469. ***/
  470. .note-editor {
  471. border: 1px solid #c2cad8;
  472. -webkit-border-radius: 4px;
  473. -moz-border-radius: 4px;
  474. -ms-border-radius: 4px;
  475. -o-border-radius: 4px;
  476. border-radius: 4px; }
  477. .note-editor .note-toolbar {
  478. border-bottom: 1px solid #c2cad8;
  479. -webkit-border-radius: 4px 4px 0 0;
  480. -moz-border-radius: 4px 4px 0 0;
  481. -ms-border-radius: 4px 4px 0 0;
  482. -o-border-radius: 4px 4px 0 0;
  483. border-radius: 4px 4px 0 0; }
  484. .note-editor .note-statusbar {
  485. -webkit-border-radius: 0 0 4px 4px;
  486. -moz-border-radius: 0 0 4px 4px;
  487. -ms-border-radius: 0 0 4px 4px;
  488. -o-border-radius: 0 0 4px 4px;
  489. border-radius: 0 0 4px 4px; }
  490. .note-editor .note-statusbar .note-resizebar {
  491. border-top: 1px solid #c2cad8; }
  492. .note-editor.fullscreen {
  493. z-index: 11000;
  494. width: 100% !important; }
  495. .note-editor .dropdown-menu:before {
  496. left: 9px;
  497. right: auto; }
  498. .note-editor .dropdown-menu:after {
  499. left: 10px;
  500. right: auto; }
  501. .note-link-dialog .checkbox {
  502. margin-left: 20px; }
  503. .has-error .note-editor {
  504. border: 1px solid #fbe1e3 !important; }
  505. .has-success .note-editor {
  506. border: 1px solid #b4eaee !important; }
  507. .has-warning .note-editor {
  508. border: 1px solid #f9e491 !important; }
  509. /***
  510. Bootstrap GtreeTable
  511. ***/
  512. .gtreetable .dropdown-menu {
  513. margin-top: 0px; }
  514. .gtreetable .dropdown-menu:after,
  515. .gtreetable .dropdown-menu:before {
  516. display: none !important; }
  517. .gtreetable .node-action .form-control {
  518. position: relative;
  519. top: 2px;
  520. display: inline-block; }
  521. .gtreetable .node-icon-selected,
  522. .gtreetable .node-icon-handle,
  523. .gtreetable .node-icon-ce,
  524. .gtreetable .node-icon-type {
  525. opacity: 0.6 ;
  526. filter: alpha(opacity=60) ; }
  527. /***
  528. Modify bootstrap-tagsinput plugin's css
  529. ***/
  530. .bootstrap-tagsinput .tag [data-role="remove"] {
  531. box-shadow: none;
  532. font-family: arial; }
  533. .bootstrap-tagsinput .tag [data-role="remove"]:after {
  534. font-family: arial; }
  535. .bootstrap-tagsinput .tag [data-role="remove"]:hover {
  536. text-decoration: none;
  537. box-shadow: none; }
  538. /***
  539. Bootbox
  540. ***/
  541. .bootbox .bootbox-close-button {
  542. margin-top: 0px !important; }
  543. /*--------------------------------------------------
  544. [CSS Animation Amchart]
  545. ----------------------------------------------------*/
  546. .CSSAnimationChart {
  547. width: 100%;
  548. height: 500px; }
  549. .CSSAnimationChart a {
  550. color: #bbb !important;
  551. font-size: 12px !important; }
  552. .amcharts-graph-g2 .amcharts-graph-stroke {
  553. stroke-dasharray: 3px 3px;
  554. stroke-linejoin: round;
  555. stroke-linecap: round;
  556. -webkit-animation: am-moving-dashes 1s linear infinite;
  557. animation: am-moving-dashes 1s linear infinite; }
  558. @-webkit-keyframes am-moving-dashes {
  559. 100% {
  560. stroke-dashoffset: -31px; } }
  561. @keyframes am-moving-dashes {
  562. 100% {
  563. stroke-dashoffset: -31px; } }
  564. .lastBullet {
  565. -webkit-animation: am-pulsating 1s ease-out infinite;
  566. animation: am-pulsating 1s ease-out infinite; }
  567. @-webkit-keyframes am-pulsating {
  568. 0% {
  569. stroke-opacity: 1;
  570. stroke-width: 0px; }
  571. 100% {
  572. stroke-opacity: 0;
  573. stroke-width: 50px; } }
  574. @keyframes am-pulsating {
  575. 0% {
  576. stroke-opacity: 1;
  577. stroke-width: 0px; }
  578. 100% {
  579. stroke-opacity: 0;
  580. stroke-width: 50px; } }
  581. .amcharts-graph-column-front {
  582. -webkit-transition: all 0.3s 0.3s ease-out;
  583. transition: all 0.3s 0.3s ease-out; }
  584. .amcharts-graph-column-front:hover {
  585. fill: #496375;
  586. stroke: #496375;
  587. -webkit-transition: all 0.3s ease-out;
  588. transition: all 0.3s ease-out; }
  589. .amcharts-graph-g3 {
  590. stroke-linejoin: round;
  591. stroke-linecap: round;
  592. stroke-dasharray: 500%;
  593. stroke-dasharray: 0 \0;
  594. /* fixes IE prob */
  595. stroke-dashoffset: 0 \0;
  596. /* fixes IE prob */
  597. -webkit-animation: am-draw 40s;
  598. animation: am-draw 40s; }
  599. @-webkit-keyframes am-draw {
  600. 0% {
  601. stroke-dashoffset: 500%; }
  602. 100% {
  603. stroke-dashoffset: 0px; } }
  604. @keyframes am-draw {
  605. 0% {
  606. stroke-dashoffset: 500%; }
  607. 100% {
  608. stroke-dashoffset: 0px; } }
  609. /*--------------------------------------------------
  610. [Mao Amchart]
  611. ----------------------------------------------------*/
  612. .mapChart {
  613. width: 100%;
  614. height: 500px; }
  615. .mapChart a {
  616. color: #bbb !important;
  617. font-size: 12px !important; }
  618. /*--------------------------------------------------
  619. [Column Line]
  620. ----------------------------------------------------*/
  621. .columnLine {
  622. width: 100%;
  623. height: 350px;
  624. font-size: 11px; }
  625. .amcharts-graph-graph2 .amcharts-graph-stroke {
  626. stroke-dasharray: 4px 5px;
  627. stroke-linejoin: round;
  628. stroke-linecap: round;
  629. -webkit-animation: am-moving-dashes 1s linear infinite;
  630. animation: am-moving-dashes 1s linear infinite; }
  631. @-webkit-keyframes am-moving-dashes {
  632. 100% {
  633. stroke-dashoffset: -28px; } }
  634. @keyframes am-moving-dashes {
  635. 100% {
  636. stroke-dashoffset: -28px; } }
  637. /*--------------------------------------------------
  638. [Animated Pie Chart]
  639. ----------------------------------------------------*/
  640. .animated-pie-chart {
  641. width: 100%;
  642. height: 350px;
  643. font-size: 11px; }
  644. /***
  645. CKEditor css changes
  646. ***/
  647. .cke {
  648. -webkit-border-radius: 4px;
  649. -moz-border-radius: 4px;
  650. -ms-border-radius: 4px;
  651. -o-border-radius: 4px;
  652. border-radius: 4px; }
  653. .cke .cke-top {
  654. -webkit-border-radius: 4px 4px 0 0;
  655. -moz-border-radius: 4px 4px 0 0;
  656. -ms-border-radius: 4px 4px 0 0;
  657. -o-border-radius: 4px 4px 0 0;
  658. border-radius: 4px 4px 0 0; }
  659. .cke .cke-bottom {
  660. -webkit-border-radius: 0 0 4px 4px;
  661. -moz-border-radius: 0 0 4px 4px;
  662. -ms-border-radius: 0 0 4px 4px;
  663. -o-border-radius: 0 0 4px 4px;
  664. border-radius: 0 0 4px 4px; }
  665. .cke_bottom,
  666. .cke_inner,
  667. .cke_top,
  668. .cke_reset,
  669. .cke_dialog_title,
  670. .cke_dialog_footer,
  671. .cke_dialog {
  672. background-image: none !important;
  673. filter: none;
  674. border-top: 0;
  675. border-bottom: 0;
  676. -webkit-box-shadow: none !important;
  677. -moz-box-shadow: none !important;
  678. box-shadow: none !important;
  679. text-shadow: none; }
  680. .cke_dialog_ui_button,
  681. .cke_dialog_tab {
  682. background-image: none !important;
  683. filter: none;
  684. -webkit-box-shadow: none !important;
  685. -moz-box-shadow: none !important;
  686. box-shadow: none !important;
  687. text-shadow: none !important; }
  688. .cke_dialog_ui_button:hover,
  689. .cke_dialog_tab:hover {
  690. text-decoration: none;
  691. text-shadow: none; }
  692. .cke_dialog_ui_input_text {
  693. background-image: none !important;
  694. filter: none;
  695. -webkit-box-shadow: none !important;
  696. -moz-box-shadow: none !important;
  697. box-shadow: none !important; }
  698. .cke_combo_button,
  699. .cke_button,
  700. .cke_toolbar,
  701. .cke_toolgroup {
  702. background-image: none !important;
  703. filter: none !important;
  704. border: 0;
  705. -webkit-box-shadow: none !important;
  706. -moz-box-shadow: none !important;
  707. box-shadow: none !important; }
  708. .cke_button,
  709. .cke_combo_button,
  710. .cke_panel_grouptitle,
  711. .cke_hc.cke_panel_listItem a {
  712. background-image: none !important;
  713. filter: none;
  714. text-shadow: none; }
  715. .cke_button:hover,
  716. .cke_combo_button:hover {
  717. background-color: #ddd; }
  718. .cke_toolbar_break {
  719. background-image: none !important;
  720. filter: none !important;
  721. border: 0;
  722. box-shadow: none !important;
  723. -webkit-box-shadow: none !important;
  724. -moz-box-shadow: none !important;
  725. -ms-box-shadow: none !important;
  726. -o-box-shadow: none !important; }
  727. /***
  728. Error state for WYSIWYG Editors
  729. ***/
  730. .has-error .cke {
  731. border: 1px solid #fbe1e3 !important; }
  732. .has-success .cke {
  733. border: 1px solid #b4eaee !important; }
  734. .has-warning .cke {
  735. border: 1px solid #f9e491 !important; }
  736. /***
  737. Clockface
  738. ***/
  739. .modal-open .clockface {
  740. z-index: 10055 !important; }
  741. .clockface .cell .inner.active,
  742. .clockface .cell .outer.active {
  743. background-color: #4b8df8 !important;
  744. background-image: none;
  745. filter: none; }
  746. /***
  747. Datatables general customization
  748. ***/
  749. .table-checkable tr > th:first-child,
  750. .table-checkable tr > td:first-child {
  751. text-align: center;
  752. max-width: 50px;
  753. min-width: 40px;
  754. padding-left: 0;
  755. padding-right: 0; }
  756. table.dataTable thead th,
  757. table.dataTable thead td {
  758. border-bottom: 2px solid #e7ecf1;
  759. outline: none !important; }
  760. table.dataTable.no-footer {
  761. border-bottom-color: #e7ecf1; }
  762. table.dataTable tr.heading > th {
  763. background-color: #fbfcfd; }
  764. table.dataTable td.sorting_1,
  765. table.dataTable td.sorting_2,
  766. table.dataTable td.sorting_3,
  767. table.dataTable th.sorting_1,
  768. table.dataTable th.sorting_2,
  769. table.dataTable th.sorting_3 {
  770. background: #fbfcfd !important; }
  771. /***
  772. Extended pagination
  773. ***/
  774. .paging_bootstrap_extended {
  775. margin: 5px 0 0 0 !important;
  776. padding: 0 !important;
  777. float: none !important;
  778. font-size: 13px; }
  779. .dataTables_extended_wrapper {
  780. margin-top: 10px; }
  781. .dataTables_extended_wrapper .seperator {
  782. padding: 0 2px; }
  783. .dataTables_extended_wrapper .table.dataTable {
  784. margin: 20px 0 !important; }
  785. .dataTables_extended_wrapper div.dataTables_paginate,
  786. .dataTables_extended_wrapper div.dataTables_length,
  787. .dataTables_extended_wrapper div.dataTables_info {
  788. display: inline-block;
  789. float: none !important;
  790. padding: 0 !important;
  791. margin: 0 !important;
  792. position: static !important; }
  793. .dataTables_extended_wrapper .table-group-actions > span {
  794. font-size: 13px; }
  795. @media (max-width: 480px) {
  796. .dataTables_extended_wrapper div.dataTables_paginate,
  797. .dataTables_extended_wrapper div.dataTables_length,
  798. .dataTables_extended_wrapper div.dataTables_info {
  799. display: block;
  800. margin-bottom: 10px !important; }
  801. .dataTables_extended_wrapper .seperator {
  802. display: none !important; } }
  803. .dataTables_extended_wrapper div.dataTables_length label {
  804. margin: 0 !important;
  805. padding: 0 !important;
  806. font-size: 13px;
  807. float: none !important;
  808. display: inline-block !important; }
  809. .table-container .table-actions-wrapper {
  810. display: none; }
  811. /***
  812. Scroller Extension
  813. ***/
  814. .dataTables_scroll {
  815. margin-bottom: 10px; }
  816. .dataTables_scrollHead {
  817. border-bottom: 2px solid #e7ecf1 !important; }
  818. .dataTables_scrollHead thead th {
  819. border-bottom: 0 !important; }
  820. .dataTables_scrollBody {
  821. border-bottom: 1px solid #e7ecf1 !important; }
  822. .table-both-scroll .dataTables_scrollBody {
  823. border-bottom: 0 !important; }
  824. /***
  825. Datatables processing
  826. ***/
  827. .dataTables_wrapper .dataTables_processing {
  828. width: 200px;
  829. display: inline-block;
  830. padding: 7px;
  831. left: 50%;
  832. margin-left: -100px;
  833. margin-top: 10px;
  834. text-align: center;
  835. color: #3f444a;
  836. border: 1px solid #e7ecf1;
  837. background: #eef1f5;
  838. vertical-align: middle;
  839. -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  840. -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  841. box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
  842. /***
  843. Tool Buttons
  844. ***/
  845. button.dt-button,
  846. div.dt-button,
  847. a.dt-button {
  848. background-image: none !important; }
  849. button.dt-button:last-child,
  850. div.dt-button:last-child,
  851. a.dt-button:last-child {
  852. margin-right: 0; }
  853. .dataTables_wrapper .dt-buttons {
  854. float: right; }
  855. .portlet.light .dataTables_wrapper .dt-buttons {
  856. margin-top: -64px; }
  857. .portlet.box .dataTables_wrapper .dt-buttons {
  858. margin-top: -50px; }
  859. /***
  860. Rot Details
  861. ***/
  862. .dataTable .row-details.row-details-close {
  863. background: url("../img/datatable-row-openclose.png") no-repeat 0 0; }
  864. .dataTable .row-details.row-details-open {
  865. background: url("../img/datatable-row-openclose.png") no-repeat 0 -23px; }
  866. /***
  867. Sorting
  868. ***/
  869. table.dataTable thead .sorting,
  870. table.dataTable thead .sorting_asc,
  871. table.dataTable thead .sorting_desc,
  872. table.dataTable thead .sorting_asc_disabled,
  873. table.dataTable thead .sorting_desc_disabled {
  874. cursor: pointer; }
  875. table.dataTable thead .sorting:after,
  876. table.dataTable thead .sorting_asc:after,
  877. table.dataTable thead .sorting_desc:after,
  878. table.dataTable thead .sorting_asc_disabled:after,
  879. table.dataTable thead .sorting_desc_disabled:after {
  880. display: none; }
  881. table.dataTable thead .sorting {
  882. background: url("/images/sort_both.png") no-repeat center right; }
  883. table.dataTable thead .sorting_asc {
  884. background: url("/images/sort_asc.png") no-repeat center right; }
  885. table.dataTable thead .sorting_desc {
  886. background: url("/images/sort_desc.png") no-repeat center right; }
  887. table.dataTable thead .sorting_asc_disabled {
  888. background: url("/images/sort_asc_disabled.png") no-repeat center right; }
  889. table.dataTable thead .sorting_desc_disabled {
  890. background: url("/images/sort_desc_disabled.png") no-repeat center right; }
  891. table.dataTable th:active {
  892. outline: none; }
  893. /***
  894. Fixed Header
  895. ***/
  896. table.dataTable.fixedHeader-floating {
  897. margin-top: 0 !important;
  898. margin-bottom: 0 !important;
  899. border: 1px solid #dee5ec;
  900. -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  901. -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  902. box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
  903. .table-header-fixed thead > tr > th {
  904. border-top: 0; }
  905. .table > tfoot > tr > th,
  906. .table > tfoot > tr > td {
  907. border-bottom: 0;
  908. padding: 10px 18px;
  909. border-top: 1px solid #e7ecf1;
  910. font-weight: 600; }
  911. /***
  912. Responsive Datatables
  913. ***/
  914. .table.dataTable.dt-responsive
  915. .table.dataTable.responsive {
  916. width: 100%; }
  917. table.dataTable.dtr-column > tbody > tr > td.control,
  918. table.dataTable.dtr-column > tbody > tr > th.control {
  919. text-align: center; }
  920. table.dataTable.dtr-column > tbody > tr > td.control:before,
  921. table.dataTable.dtr-column > tbody > tr > th.control:before,
  922. table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
  923. table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  924. box-shadow: none !important;
  925. background-color: #b0c1d2;
  926. font-weight: 300;
  927. vertical-align: middle;
  928. line-height: 16px;
  929. border: 0; }
  930. table.dataTable.dtr-column > tbody > tr.parent td.control:before,
  931. table.dataTable.dtr-column > tbody > tr.parent th.control:before,
  932. table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
  933. table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  934. background-color: #3fc9d5;
  935. font-weight: 300;
  936. vertical-align: middle;
  937. line-height: 14px;
  938. border: 0; }
  939. table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
  940. table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  941. top: 10px; }
  942. table.dataTable.dtr-column > tbody > tr > td.control:before,
  943. table.dataTable.dtr-column > tbody > tr > th.control:before {
  944. text-align: center;
  945. margin-top: -8px; }
  946. table.dataTable > tbody > tr.child ul li {
  947. border: 0; }
  948. /***
  949. Dropzone css changes(new in v1.1.1)
  950. ***/
  951. .dropzone {
  952. -webkit-border-radius: 0px;
  953. -moz-border-radius: 0px;
  954. border-radius: 0px; }
  955. .dropzone-file-area {
  956. border: 2px dashed #028AF4;
  957. background: white;
  958. padding: 20px;
  959. margin: 0 auto;
  960. text-align: center; }
  961. @media (max-width: 768px) {
  962. /* 768px */
  963. .dropzone-file-area {
  964. width: auto; } }
  965. /***
  966. Fancy box fix overlay fix
  967. ***/
  968. .fancybox-overlay {
  969. z-index: 100000; }
  970. .fancybox-opened {
  971. z-index: 100001; }
  972. /***
  973. FuelUX Spinners
  974. ***/
  975. .spinner-buttons.btn-group-vertical .btn {
  976. text-align: center;
  977. margin: 0;
  978. height: 17px;
  979. width: 22px;
  980. padding-left: 6px;
  981. padding-right: 6px;
  982. padding-top: 0px; }
  983. .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-up {
  984. border-radius: 0;
  985. border-top-right-radius: 4px !important; }
  986. .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-down {
  987. border-radius: 0;
  988. border-bottom-right-radius: 4px; }
  989. /***
  990. Fullcalendar
  991. ***/
  992. /* External events */
  993. .external-event {
  994. display: inline-block;
  995. cursor: move;
  996. margin-bottom: 5px;
  997. margin-left: 5px; }
  998. .fc-scroller {
  999. overflow-y: auto;
  1000. overflow-x: hidden; }
  1001. .fc-month-view .fc-scroller {
  1002. height: auto !important; }
  1003. .portlet .event-form-title {
  1004. font-size: 16px;
  1005. margin-top: 4px;
  1006. font-weight: 400;
  1007. margin-bottom: 10px; }
  1008. .portlet.calendar .fc-button {
  1009. -webkit-box-shadow: none;
  1010. -moz-box-shadow: none;
  1011. box-shadow: none;
  1012. text-shadow: none;
  1013. border: 0;
  1014. height: 35px;
  1015. padding: 5px 8px 8px 8px;
  1016. margin-left: 2px;
  1017. border-top-style: none;
  1018. border-bottom-style: none;
  1019. border-right-style: solid;
  1020. border-left-style: solid;
  1021. border-color: #ddd;
  1022. background: transparent;
  1023. color: #fff;
  1024. top: -48px;
  1025. outline: none !important;
  1026. -webkit-border-radius: 4px 4px 0 0;
  1027. -moz-border-radius: 4px 4px 0 0;
  1028. -ms-border-radius: 4px 4px 0 0;
  1029. -o-border-radius: 4px 4px 0 0;
  1030. border-radius: 4px 4px 0 0; }
  1031. .portlet.calendar .fc-toolbar {
  1032. margin-bottom: 0px; }
  1033. .portlet.calendar .fc-toolbar h2 {
  1034. margin-top: 3px;
  1035. font-size: 17px; }
  1036. .portlet.calendar .fc-header {
  1037. margin-bottom: -21px; }
  1038. .portlet.calendar .fc-button-prev {
  1039. padding-right: 10px;
  1040. padding-left: 8px; }
  1041. .portlet.calendar .fc-button-next {
  1042. padding-right: 8px;
  1043. padding-left: 10px; }
  1044. .portlet.calendar .fc-button .fc-icon {
  1045. height: 20px;
  1046. top: -5px; }
  1047. .portlet.calendar .fc-button.fc-state-active,
  1048. .portlet.calendar .fc-button.fc-state-hover {
  1049. color: #666;
  1050. background-color: #fff; }
  1051. .portlet.calendar .fc-button.fc-state-disabled {
  1052. color: #ddd; }
  1053. .portlet.calendar .fc-button .fc-icon-left-single-arrow {
  1054. font-family: FontAwesome;
  1055. display: inline-block;
  1056. font-size: 16px; }
  1057. .portlet.calendar .fc-button .fc-icon-left-single-arrow:after {
  1058. content: "";
  1059. margin: 0; }
  1060. .portlet.calendar .fc-button .fc-icon-left-single-arrow:before {
  1061. content: "\f104"; }
  1062. .portlet.calendar .fc-button .fc-icon-right-single-arrow {
  1063. font-family: FontAwesome;
  1064. display: inline-block;
  1065. font-size: 16px; }
  1066. .portlet.calendar .fc-button .fc-icon-right-single-arrow:after {
  1067. margin: 0;
  1068. content: ""; }
  1069. .portlet.calendar .fc-button .fc-icon-right-single-arrow:before {
  1070. content: "\f105"; }
  1071. .portlet.calendar .fc-text-arrow {
  1072. font-size: 22px;
  1073. font-family: "Courier New", Courier, monospace;
  1074. vertical-align: baseline; }
  1075. .portlet.calendar .fc-event {
  1076. border: 0px;
  1077. background-color: #69a4e0;
  1078. color: #fff; }
  1079. .portlet.calendar .fc-event .fc-content {
  1080. border: 0px;
  1081. padding: 5px 7px; }
  1082. .portlet.calendar .fc-event .fc-time {
  1083. float: left;
  1084. text-align: left;
  1085. color: #fff;
  1086. font-size: 14px;
  1087. font-weight: 300;
  1088. padding-right: 5px; }
  1089. .portlet.calendar .fc-event .fc-title {
  1090. text-align: left;
  1091. float: left;
  1092. color: #fff;
  1093. font-size: 14px;
  1094. font-weight: 300; }
  1095. .portlet.calendar .fc-header-title h2 {
  1096. font-size: 14px;
  1097. line-height: 20px;
  1098. font-weight: 400;
  1099. color: #111; }
  1100. .portlet.calendar .fc-widget-header {
  1101. background-image: none;
  1102. filter: none;
  1103. background-color: #eee;
  1104. text-transform: uppercase;
  1105. font-weight: 300; }
  1106. .portlet.calendar.light .fc-button {
  1107. top: -60px;
  1108. color: #666;
  1109. text-transform: uppercase;
  1110. font-size: 12px;
  1111. padding-bottom: 35px; }
  1112. .portlet.calendar.light .fc-button .fc-text-arrow {
  1113. margin-top: -6px;
  1114. display: inline-block; }
  1115. .portlet.calendar.light .fc-button.fc-state-active,
  1116. .portlet.calendar.light .fc-button.fc-state-hover {
  1117. color: #333;
  1118. border-bottom: 2px solid #3fc9d5; }
  1119. .portlet.calendar.light .fc-button.fc-state-disabled {
  1120. color: #aaa; }
  1121. .portlet.calendar .mobile .fc-button {
  1122. padding: 0px 6px 20px 6px;
  1123. margin-left: 2px;
  1124. border: 0;
  1125. background-color: #ddd;
  1126. background-image: none;
  1127. -webkit-box-shadow: none;
  1128. -moz-box-shadow: none;
  1129. box-shadow: none;
  1130. -webkit-border-radius: 0;
  1131. -moz-border-radius: 0;
  1132. border-radius: 0;
  1133. color: #000;
  1134. text-shadow: none;
  1135. text-align: center; }
  1136. .portlet.calendar .mobile .fc-button.fc-state-hover,
  1137. .portlet.calendar .mobile .fc-button.fc-state-active {
  1138. background-color: #eee; }
  1139. .portlet.calendar .mobile .fc-button.fc-state-disabled {
  1140. color: #bbb; }
  1141. .portlet.calendar .mobile .fc-button-prev {
  1142. margin-right: 5px;
  1143. margin-top: -2px; }
  1144. .portlet.calendar .mobile .fc-button-next {
  1145. margin-right: -0px;
  1146. margin-top: -2px; }
  1147. .portlet.calendar .mobile .fc-header-space {
  1148. margin: 0px;
  1149. padding: 0px;
  1150. width: 0px; }
  1151. .portlet.calendar .mobile .fc-header-left {
  1152. position: absolute;
  1153. z-index: 10; }
  1154. .portlet.calendar .mobile .fc-header-left .fc-button {
  1155. top: -2px; }
  1156. .portlet.calendar .mobile .fc-header-right {
  1157. position: relative;
  1158. right: 0; }
  1159. .portlet.calendar .mobile .fc-header-right .fc-button {
  1160. top: 35px; }
  1161. .portlet.calendar .mobile .fc-content {
  1162. margin-top: 53px; }
  1163. /***
  1164. Google Maps
  1165. ***/
  1166. .gmaps {
  1167. height: 300px;
  1168. width: 100%;
  1169. /* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/ }
  1170. .gmaps img {
  1171. max-width: none; }
  1172. #gmap_static div {
  1173. background-repeat: no-repeat;
  1174. background-position: 50% 50%;
  1175. height: 100%;
  1176. display: block;
  1177. height: 300px; }
  1178. #gmap_routes_instructions {
  1179. margin-top: 10px;
  1180. margin-bottom: 0px; }
  1181. /***
  1182. Gritter notification modify
  1183. ***/
  1184. #gritter-notice-wrapper {
  1185. right: 1px !important; }
  1186. .gritter-close {
  1187. left: auto !important;
  1188. right: 3px !important; }
  1189. .gritter-title {
  1190. font-family: 'Open Sans';
  1191. font-size: 18px;
  1192. font-weight: 300; }
  1193. /***
  1194. Dashboard Charts(new in v1.2.1)
  1195. ***/
  1196. .easy-pie-chart,
  1197. .sparkline-chart {
  1198. text-align: center; }
  1199. .sparkline-chart {
  1200. margin-top: 15px;
  1201. position: relative; }
  1202. .easy-pie-chart .number {
  1203. font-size: 14px !important;
  1204. font-weight: 300;
  1205. margin: 0 auto;
  1206. position: relative;
  1207. text-align: center;
  1208. width: 75px;
  1209. height: 75px;
  1210. line-height: 75px; }
  1211. .easy-pie-chart .number canvas {
  1212. position: absolute;
  1213. top: 0;
  1214. left: 0; }
  1215. .sparkline-chart .number {
  1216. width: 100px;
  1217. margin: 0 auto;
  1218. margin-bottom: 10px; }
  1219. .sparkline-chart .title,
  1220. .easy-pie-chart .title {
  1221. display: block;
  1222. text-align: center;
  1223. color: #333;
  1224. font-weight: 300;
  1225. font-size: 16px;
  1226. margin-top: 5px;
  1227. margin-bottom: 10px; }
  1228. .sparkline-chart .title:hover,
  1229. .easy-pie-chart .title:hover {
  1230. color: #666;
  1231. text-decoration: none; }
  1232. .sparkline-chart .title > i,
  1233. .easy-pie-chart .title > i {
  1234. margin-top: 5px; }
  1235. /***
  1236. jQuery File Upload
  1237. ***/
  1238. .blueimp-gallery .close {
  1239. background-image: url("../img/portlet-remove-icon-white.png") !important;
  1240. margin-top: -2px; }
  1241. .blueimp-gallery .prev,
  1242. .blueimp-gallery .next {
  1243. border-radius: 23px !important; }
  1244. /***
  1245. jQuery Multi Select
  1246. ***/
  1247. .ms-container .ms-list {
  1248. border: 1px solid #e5e5e5;
  1249. -webkit-box-shadow: none;
  1250. -moz-box-shadow: none;
  1251. box-shadow: none; }
  1252. .ms-container .ms-optgroup-label {
  1253. font-size: 14px; }
  1254. .ms-container .ms-selectable li.ms-elem-selectable,
  1255. .ms-container .ms-selection li.ms-elem-selection {
  1256. font-size: 13px; }
  1257. .ms-container .ms-list.ms-focus {
  1258. border-color: #999999;
  1259. -webkit-box-shadow: none;
  1260. -moz-box-shadow: none;
  1261. box-shadow: none; }
  1262. .ms-container .ms-selectable li.ms-hover,
  1263. .ms-container .ms-selection li.ms-hover {
  1264. color: #333;
  1265. background-color: #eee; }
  1266. .ms-container .form-control {
  1267. margin-bottom: 5px; }
  1268. /***
  1269. jQuery Notific8 Plugin
  1270. ***/
  1271. .jquery-notific8-message {
  1272. font-size: 13px; }
  1273. [class*="jquery-notific8"],
  1274. [class*="jquery-notific8"]:after,
  1275. [class*="jquery-notific8"]:before {
  1276. -webkit-box-sizing: content-box;
  1277. -moz-box-sizing: content-box;
  1278. box-sizing: content-box; }
  1279. .right .jquery-notific8-close-sticky span,
  1280. .left .jquery-notific8-close-sticky span {
  1281. font-size: 10px; }
  1282. .jquery-notific8-heading {
  1283. font-weight: 300;
  1284. font-size: 16px; }
  1285. /***
  1286. Password Strength(in v1.4)
  1287. ***/
  1288. .password-strength .password-verdict {
  1289. display: inline-block;
  1290. margin-top: 6px;
  1291. margin-left: 5px; }
  1292. .password-strength .progress {
  1293. margin-top: 5px;
  1294. margin-bottom: 0; }
  1295. .password-strength .progress-bar {
  1296. padding: 2px; }
  1297. /***
  1298. jQuery Slimscroll
  1299. ***/
  1300. .scroller {
  1301. padding: 0px;
  1302. margin: 0px;
  1303. padding-right: 12px;
  1304. overflow: hidden; }
  1305. .scroller-footer {
  1306. margin-top: 10px; }
  1307. .scroller-footer:before,
  1308. .scroller-footer:after {
  1309. content: " ";
  1310. display: table; }
  1311. .scroller-footer:after {
  1312. clear: both; }
  1313. .portlet-body .slimScrollBar {
  1314. margin-right: 0px; }
  1315. /***
  1316. jQuery Sparkline
  1317. ***/
  1318. .jqstooltip {
  1319. width: auto !important;
  1320. height: auto !important; }
  1321. .easy-pie-chart,
  1322. .sparkline-chart {
  1323. text-align: center; }
  1324. .sparkline-chart {
  1325. margin-top: 15px;
  1326. position: relative; }
  1327. .easy-pie-chart .number {
  1328. font-size: 16px;
  1329. font-weight: 300;
  1330. width: 85px;
  1331. margin: 0 auto; }
  1332. .sparkline-chart .number {
  1333. width: 100px;
  1334. margin: 0 auto;
  1335. margin-bottom: 10px; }
  1336. .sparkline-chart .title,
  1337. .easy-pie-chart .title {
  1338. display: block;
  1339. text-align: center;
  1340. color: #333;
  1341. font-weight: 300;
  1342. font-size: 16px;
  1343. margin-top: 5px;
  1344. margin-bottom: 10px; }
  1345. .sparkline-chart .title:hover,
  1346. .easy-pie-chart .title:hover {
  1347. color: #666;
  1348. text-decoration: none; }
  1349. .sparkline-chart .title > i,
  1350. .easy-pie-chart .title > i {
  1351. margin-top: 5px; }
  1352. /***
  1353. jQuery UI Sliders(new in v1.1.1)
  1354. ***/
  1355. .slider {
  1356. border: 0;
  1357. padding: 0;
  1358. display: block;
  1359. margin: 12px 5px;
  1360. min-height: 11px; }
  1361. .ui-slider-vertical {
  1362. width: 11px; }
  1363. .ui-slider-horizontal .ui-slider-handle {
  1364. top: -3px; }
  1365. .ui-slider-vertical .ui-slider-handle {
  1366. left: -3px; }
  1367. .ui-slider-vertical,
  1368. .ui-slider-handle {
  1369. filter: none !important;
  1370. background-image: none !important; }
  1371. /***
  1372. JQVMAP Plugin
  1373. ***/
  1374. .jqvmap-zoomout,
  1375. .jqvmap-zoomin {
  1376. height: 16px;
  1377. width: 16px;
  1378. background-color: #666; }
  1379. .vmaps {
  1380. position: relative;
  1381. overflow: hidden;
  1382. height: 300px; }
  1383. /***
  1384. Jstree
  1385. ***/
  1386. .jstree-default .jstree-clicked {
  1387. border: 0;
  1388. background-color: #e1e1e1;
  1389. box-shadow: none; }
  1390. .jstree-default .jstree-hovered {
  1391. border: 0;
  1392. background-color: #eee;
  1393. box-shadow: none; }
  1394. .jstree-default .jstree-wholerow-clicked,
  1395. .jstree-wholerow .jstree-wholerow-clicked {
  1396. background: none;
  1397. border: 0;
  1398. background-color: #e1e1e1;
  1399. box-shadow: none; }
  1400. .jstree-default .jstree-wholerow-hovered,
  1401. .jstree-wholerow .jstree-wholerow-hovered {
  1402. border: 0;
  1403. background-color: #eee;
  1404. box-shadow: none; }
  1405. .jstree-icon.icon-lg {
  1406. margin-top: 1px; }
  1407. .jstree-open > .jstree-anchor > .fa-folder:before {
  1408. margin-left: 2px;
  1409. content: "\f07c"; }
  1410. .jstree-default.jstree-rtl .jstree-last {
  1411. background: transparent;
  1412. background-repeat: no-repeat; }
  1413. .vakata-context,
  1414. .vakata-context ul {
  1415. padding: 0;
  1416. min-width: 125px;
  1417. background-color: #ffffff;
  1418. font-size: 14px;
  1419. font-family: "Segoe UI",Helvetica, Arial, sans-serif;
  1420. box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  1421. border: 1px solid #efefef; }
  1422. .vakata-context li {
  1423. border: 0; }
  1424. .vakata-context li a {
  1425. padding: 0 10px;
  1426. border: 0; }
  1427. .vakata-context li a i {
  1428. display: none; }
  1429. .vakata-context li a .vakata-contextmenu-sep {
  1430. display: none; }
  1431. .vakata-context .vakata-context-hover > a,
  1432. .vakata-context li a:hover {
  1433. background-color: #eee;
  1434. color: #333;
  1435. box-shadow: none;
  1436. margin: 0; }
  1437. .vakata-context .vakata-context-hover > a .span,
  1438. .vakata-context .vakata-context-hover > a .ins,
  1439. .vakata-context li a:hover .span,
  1440. .vakata-context li a:hover .ins {
  1441. border: 0 !important; }
  1442. .vakata-context li a span,
  1443. .vakata-context li a ins {
  1444. display: none;
  1445. border: 0 !important; }
  1446. .vakata-context .vakata-context-separator a,
  1447. .vakata-context-rtl .vakata-context-separator a {
  1448. margin: 0;
  1449. border: 0; }
  1450. .jstree-rename-input {
  1451. background-color: #ffffff !important;
  1452. border: 1px solid #e5e5e5 !important;
  1453. outline: none !important;
  1454. padding: 2px 6px !important;
  1455. margin-right: -4px !important; }
  1456. /***
  1457. NoUIRangeSlider
  1458. ***/
  1459. .noUi-horizontal {
  1460. margin: 9px 0; }
  1461. /***
  1462. Color variants
  1463. ***/
  1464. .noUi-primary .noUi-connect {
  1465. background: #337ab7; }
  1466. .noUi-info .noUi-connect {
  1467. background: #659be0; }
  1468. .noUi-success .noUi-connect {
  1469. background: #3fc9d5; }
  1470. .noUi-warning .noUi-connect {
  1471. background: #F1C40F; }
  1472. .noUi-danger .noUi-connect {
  1473. background: #ed6b75; }
  1474. .noUi-default .noUi-connect {
  1475. background: #bac3d0; }
  1476. /* Conect slider */
  1477. /* For this slider, disable the 'origin' size. */
  1478. .noui-connect .noUi-origin {
  1479. right: auto;
  1480. width: 0; }
  1481. /* Position the bar and color it. */
  1482. .noui-connect .connect {
  1483. position: absolute;
  1484. top: 0;
  1485. bottom: 0;
  1486. background: #80C9F5;
  1487. box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45); }
  1488. /* When the slider is moved by tap,
  1489. transition the connect bar like the handle. */
  1490. .noui-connect.noUi-state-tap .connect {
  1491. -webkit-transition: left 300ms, right 300ms;
  1492. transition: left 300ms, right 300ms; }
  1493. /**
  1494. noUI Tooltips
  1495. **/
  1496. .noUi-handle .noUi-tooltip {
  1497. display: block;
  1498. position: absolute;
  1499. border: 1px solid #D9D9D9;
  1500. font-size: 12px;
  1501. border-radius: 3px;
  1502. background: #fff;
  1503. top: -55px;
  1504. padding: 5px;
  1505. left: -10px;
  1506. text-align: center;
  1507. min-width: 50px; }
  1508. .noUi-handle .noUi-tooltip strong {
  1509. display: block;
  1510. padding: 2px; }
  1511. /***
  1512. Google reCaptcha
  1513. ***/
  1514. .form-recaptcha-img {
  1515. margin-bottom: 10px;
  1516. clear: both;
  1517. border: 1px solid #e5e5e5;
  1518. padding: 5px; }
  1519. iframe[src="about:blank"] {
  1520. display: none; }
  1521. .select2-container--bootstrap .select2-search--dropdown .select2-search__field,
  1522. .select2-container--bootstrap .select2-selection,
  1523. .select2-container--bootstrap.select2-container--focus .select2-selection,
  1524. .select2-container--bootstrap.select2-container--open .select2-selection {
  1525. -webkit-box-shadow: none;
  1526. box-shadow: none; }
  1527. .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  1528. cursor: pointer;
  1529. display: inline-block;
  1530. font-weight: 700;
  1531. margin-right: 3px; }
  1532. .select2-container--bootstrap .select2-results__group {
  1533. display: block;
  1534. font-size: 12px;
  1535. white-space: nowrap;
  1536. font-weight: 600;
  1537. font-family: "Open Sans", sans-serif; }
  1538. .select2-container--bootstrap .select2-selection {
  1539. font-family: "Open Sans", sans-serif; }
  1540. .select2-dropdown {
  1541. z-index: 10060; }
  1542. .select2-close-mask {
  1543. z-index: 10055; }
  1544. .modal-open .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  1545. width: auto !important; }
  1546. .select2-result-repository {
  1547. padding-top: 4px;
  1548. padding-bottom: 3px; }
  1549. .select2-result-repository__avatar {
  1550. float: left;
  1551. width: 60px;
  1552. margin-right: 10px; }
  1553. .select2-result-repository__avatar img {
  1554. width: 100%;
  1555. height: auto;
  1556. border-radius: 2px; }
  1557. .select2-result-repository__meta {
  1558. margin-left: 70px; }
  1559. .select2-result-repository__title {
  1560. color: black;
  1561. font-weight: bold;
  1562. word-wrap: break-word;
  1563. line-height: 1.1;
  1564. margin-bottom: 4px; }
  1565. .select2-result-repository__forks, .select2-result-repository__stargazers {
  1566. margin-right: 1em; }
  1567. .select2-result-repository__forks, .select2-result-repository__stargazers, .select2-result-repository__watchers {
  1568. display: inline-block;
  1569. color: #aaa;
  1570. font-size: 11px; }
  1571. .select2-result-repository__description {
  1572. font-size: 13px;
  1573. color: #777;
  1574. margin-top: 4px; }
  1575. .select2-results__option--highlighted .select2-result-repository__title {
  1576. color: white; }
  1577. .select2-results__option--highlighted .select2-result-repository__forks, .select2-results__option--highlighted .select2-result-repository__stargazers, .select2-results__option--highlighted .select2-result-repository__description, .select2-results__option--highlighted .select2-result-repository__watchers {
  1578. color: #c1d7e9; }
  1579. /***
  1580. jQuery Uniform
  1581. ***/
  1582. .checker {
  1583. margin-top: -2px !important;
  1584. margin-right: 2px !important; }
  1585. .checker input,
  1586. .radio input {
  1587. outline: none !important; }
  1588. div.checker.disabled span,
  1589. div.checker.disabled.active span {
  1590. background-position: -152px -260px; }
  1591. div.checker.disabled:hover,
  1592. div.radio.disabled:hover {
  1593. cursor: not-allowed; }
  1594. div.radio,
  1595. div.checker {
  1596. margin-right: 0;
  1597. margin-left: 3px; }
  1598. /***
  1599. Morris Charts
  1600. ***/
  1601. .portlet-body-morris-fit {
  1602. margin-right: -20px;
  1603. margin-left: -20px;
  1604. margin-bottom: -15px; }
  1605. .portlet-body-morris-fit > svg {
  1606. -webkit-border-radius: 0 0 4px 4px;
  1607. -moz-border-radius: 0 0 4px 4px;
  1608. -ms-border-radius: 0 0 4px 4px;
  1609. -o-border-radius: 0 0 4px 4px;
  1610. border-radius: 0 0 4px 4px; }
  1611. .morris-hover.morris-default-style .morris-hover-row-label {
  1612. text-align: left;
  1613. font-weight: 400;
  1614. font-size: 15px;
  1615. color: #7D8C9D;
  1616. font-family: "Open Sans", sans-serif; }
  1617. .morris-hover.morris-default-style .morris-hover-point {
  1618. text-align: left;
  1619. font-size: 14px;
  1620. font-weight: 400;
  1621. font-family: "Open Sans", sans-serif; }
  1622. /***
  1623. iCheck
  1624. ***/
  1625. .icheck-list > label {
  1626. display: block;
  1627. margin-bottom: 8px; }
  1628. .icheck-list > label:last-child {
  1629. margin-bottom: 0; }
  1630. .form-horizontal .icheck-inline {
  1631. margin-top: 8px; }
  1632. .icheck-inline > label {
  1633. display: inline-block;
  1634. margin-left: 15px; }
  1635. .icheck-inline > label:first-child {
  1636. margin-left: 0; }
  1637. div[class*='icheckbox_'],
  1638. div[class*='iradio_'] {
  1639. margin-right: 5px;
  1640. top: -1px !important; }
  1641. .icheck-colors {
  1642. padding: 0;
  1643. margin: 0;
  1644. list-style: none; }
  1645. .icheck-colors > li {
  1646. padding: 0;
  1647. margin: 4px;
  1648. float: left;
  1649. display: inline-block;
  1650. height: 20px;
  1651. width: 20px;
  1652. background: #000000;
  1653. opacity: 0.6 ;
  1654. filter: alpha(opacity=60) ; }
  1655. .icheck-colors > li:first-child {
  1656. margin-left: 0; }
  1657. .icheck-colors > li:hover {
  1658. opacity: 1 ;
  1659. filter: alpha(opacity=100) ;
  1660. cursor: pointer; }
  1661. .icheck-colors > li.active {
  1662. height: 26px;
  1663. margin-top: 0;
  1664. opacity: 0.6 ;
  1665. filter: alpha(opacity=60) ; }
  1666. .icheck-colors > li.red {
  1667. background: #d54e21; }
  1668. .icheck-colors > li.green {
  1669. background: #78a300; }
  1670. .icheck-colors > li.blue {
  1671. background: #0e76a8; }
  1672. .icheck-colors > li.aero {
  1673. background: #9cc2cb; }
  1674. .icheck-colors > li.grey {
  1675. background: #73716e; }
  1676. .icheck-colors > li.orange {
  1677. background: #f70; }
  1678. .icheck-colors > li.yellow {
  1679. background: #fc0; }
  1680. .icheck-colors > li.pink {
  1681. background: #ff66b5; }
  1682. .icheck-colors > li.purple {
  1683. background: #6a5a8c; }
  1684. /***
  1685. AngularJS UI-select
  1686. ***/
  1687. .ui-select-match-close {
  1688. margin-top: 5px !important;
  1689. margin-left: 5px !important; }
  1690. .minicolors-swatch {
  1691. border: 0; }
  1692. /***
  1693. Codemirror Plugin
  1694. ***/
  1695. .CodeMirror {
  1696. border: 1px solid #eee;
  1697. height: auto; }
  1698. /***
  1699. Prism Plugin
  1700. ***/
  1701. pre[class*="language-"] {
  1702. padding: 10px;
  1703. background: none !important;
  1704. border: 1px solid #f1f4f7 !important;
  1705. box-shadow: none !important;
  1706. margin: 0; }
  1707. pre[class*="language-"] code {
  1708. background: none !important;
  1709. box-shadow: none !important;
  1710. border: 0 !important; }
  1711. .socicon {
  1712. position: relative;
  1713. top: 1px;
  1714. display: inline-block;
  1715. font-family: 'socicon';
  1716. font-style: normal;
  1717. font-weight: normal;
  1718. line-height: 1;
  1719. -webkit-font-smoothing: antialiased; }
  1720. .socicon-btn:empty
  1721. .socicon:empty {
  1722. width: 1em; }
  1723. .socicon-btn {
  1724. position: relative;
  1725. display: inline-block;
  1726. font-family: 'socicon';
  1727. font-style: normal;
  1728. font-weight: normal;
  1729. line-height: 1;
  1730. -webkit-font-smoothing: antialiased;
  1731. text-align: center;
  1732. width: 44px;
  1733. height: 44px;
  1734. padding-top: 11px;
  1735. font-size: 24px;
  1736. border: 1px solid #e7ecf1;
  1737. color: #3f444a;
  1738. transition: background, color 0.3s; }
  1739. .socicon-btn.socicon-solid {
  1740. border: 0;
  1741. width: 46px;
  1742. height: 46px;
  1743. padding-top: 12px; }
  1744. .socicon-btn.socicon-btn-circle {
  1745. border-radius: 44px !important; }
  1746. .socicon-btn:hover {
  1747. transition: background, color 0.3s;
  1748. text-decoration: none; }
  1749. .socicon-btn.socicon-lg {
  1750. width: 54px;
  1751. height: 54px;
  1752. padding-top: 13px;
  1753. font-size: 28px; }
  1754. .socicon-btn.socicon-lg.socicon-solid {
  1755. border: 0;
  1756. width: 55px;
  1757. height: 55px;
  1758. padding-top: 13px; }
  1759. .socicon-btn.socicon-sm {
  1760. width: 30px;
  1761. height: 30px;
  1762. padding-top: 8px;
  1763. font-size: 16px; }
  1764. .socicon-btn.socicon-sm.socicon-solid {
  1765. border: 0;
  1766. width: 30px;
  1767. height: 30px;
  1768. padding-top: 8px; }
  1769. .socicons .socicon-btn {
  1770. margin-bottom: 5px; }
  1771. .socicon-twitter:before {
  1772. content: "a"; }
  1773. .socicon-facebook:before {
  1774. content: "b"; }
  1775. .socicon-google:before {
  1776. content: "c"; }
  1777. .socicon-pinterest:before {
  1778. content: "d"; }
  1779. .socicon-foursquare:before {
  1780. content: "e"; }
  1781. .socicon-yahoo:before {
  1782. content: "f"; }
  1783. .socicon-skype:before {
  1784. content: "g"; }
  1785. .socicon-yelp:before {
  1786. content: "h"; }
  1787. .socicon-feedburner:before {
  1788. content: "i"; }
  1789. .socicon-linkedin:before {
  1790. content: "j"; }
  1791. .socicon-viadeo:before {
  1792. content: "k"; }
  1793. .socicon-xing:before {
  1794. content: "l"; }
  1795. .socicon-myspace:before {
  1796. content: "m"; }
  1797. .socicon-soundcloud:before {
  1798. content: "n"; }
  1799. .socicon-spotify:before {
  1800. content: "o"; }
  1801. .socicon-grooveshark:before {
  1802. content: "p"; }
  1803. .socicon-lastfm:before {
  1804. content: "q"; }
  1805. .socicon-youtube:before {
  1806. content: "r"; }
  1807. .socicon-vimeo:before {
  1808. content: "s"; }
  1809. .socicon-dailymotion:before {
  1810. content: "t"; }
  1811. .socicon-vine:before {
  1812. content: "u"; }
  1813. .socicon-flickr:before {
  1814. content: "v"; }
  1815. .socicon-500px:before {
  1816. content: "w"; }
  1817. .socicon-instagram:before {
  1818. content: "x"; }
  1819. .socicon-wordpress:before {
  1820. content: "y"; }
  1821. .socicon-tumblr:before {
  1822. content: "z"; }
  1823. .socicon-blogger:before {
  1824. content: "A"; }
  1825. .socicon-technorati:before {
  1826. content: "B"; }
  1827. .socicon-reddit:before {
  1828. content: "C"; }
  1829. .socicon-dribbble:before {
  1830. content: "D"; }
  1831. .socicon-stumbleupon:before {
  1832. content: "E"; }
  1833. .socicon-digg:before {
  1834. content: "F"; }
  1835. .socicon-envato:before {
  1836. content: "G"; }
  1837. .socicon-behance:before {
  1838. content: "H"; }
  1839. .socicon-delicious:before {
  1840. content: "I"; }
  1841. .socicon-deviantart:before {
  1842. content: "J"; }
  1843. .socicon-forrst:before {
  1844. content: "K"; }
  1845. .socicon-playstore:before {
  1846. content: "L"; }
  1847. .socicon-zerply:before {
  1848. content: "M"; }
  1849. .socicon-wikipedia:before {
  1850. content: "N"; }
  1851. .socicon-apple:before {
  1852. content: "O"; }
  1853. .socicon-flattr:before {
  1854. content: "P"; }
  1855. .socicon-github:before {
  1856. content: "Q"; }
  1857. .socicon-chimein:before {
  1858. content: "R"; }
  1859. .socicon-friendfeed:before {
  1860. content: "S"; }
  1861. .socicon-newsvine:before {
  1862. content: "T"; }
  1863. .socicon-identica:before {
  1864. content: "U"; }
  1865. .socicon-bebo:before {
  1866. content: "V"; }
  1867. .socicon-zynga:before {
  1868. content: "W"; }
  1869. .socicon-steam:before {
  1870. content: "X"; }
  1871. .socicon-xbox:before {
  1872. content: "Y"; }
  1873. .socicon-windows:before {
  1874. content: "Z"; }
  1875. .socicon-outlook:before {
  1876. content: "1"; }
  1877. .socicon-coderwall:before {
  1878. content: "2"; }
  1879. .socicon-tripadvisor:before {
  1880. content: "3"; }
  1881. .socicon-appnet:before {
  1882. content: "4"; }
  1883. .socicon-goodreads:before {
  1884. content: "5"; }
  1885. .socicon-tripit:before {
  1886. content: "6"; }
  1887. .socicon-lanyrd:before {
  1888. content: "7"; }
  1889. .socicon-slideshare:before {
  1890. content: "8"; }
  1891. .socicon-buffer:before {
  1892. content: "9"; }
  1893. .socicon-rss:before {
  1894. content: ","; }
  1895. .socicon-vkontakte:before {
  1896. content: ";"; }
  1897. .socicon-disqus:before {
  1898. content: ":"; }
  1899. .socicon-houzz:before {
  1900. content: "+"; }
  1901. .socicon-mail:before {
  1902. content: "@"; }
  1903. .socicon-patreon:before {
  1904. content: "="; }
  1905. .socicon-paypal:before {
  1906. content: "-"; }
  1907. .socicon-playstation:before {
  1908. content: "^"; }
  1909. .socicon-smugmug:before {
  1910. content: "¨"; }
  1911. .socicon-swarm:before {
  1912. content: "$"; }
  1913. .socicon-triplej:before {
  1914. content: "*"; }
  1915. .socicon-yammer:before {
  1916. content: "&"; }
  1917. .socicon-stackoverflow:before {
  1918. content: "("; }
  1919. .socicon-drupal:before {
  1920. content: "#"; }
  1921. .socicon-odnoklassniki:before {
  1922. content: "."; }
  1923. .socicon-android:before {
  1924. content: "_"; }
  1925. .socicon-meetup:before {
  1926. content: "]"; }
  1927. .socicon-persona:before {
  1928. content: ")"; }