plugins-1a82a196bdf7faf68fc317b270448e437db8acbe14200608e6c990d9941137fd.css 51 KB

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