plugins-md.css 50 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643
  1. /******************************
  2. 3RD PARTY PLUGIN CUSTOMIZATION
  3. ******************************/
  4. .md-shadow-z-1 {
  5. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
  6. }
  7. .md-shadow-z-1-i {
  8. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
  9. }
  10. .md-shadow-z-1-hover {
  11. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 1px 2px rgba(0, 0, 0, 0.22);
  12. }
  13. .md-shadow-z-2 {
  14. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22);
  15. }
  16. .md-shadow-z-2-i {
  17. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;
  18. }
  19. .md-shadow-z-2-hover {
  20. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26);
  21. }
  22. .md-shadow-z-3, .modal {
  23. box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.23);
  24. }
  25. .md-shadow-z-3-i {
  26. box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.24) !important;
  27. }
  28. .md-shadow-z-3-hover {
  29. box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.26);
  30. }
  31. .md-shadow-z-4 {
  32. box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22);
  33. }
  34. .md-shadow-z-4-i {
  35. box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
  36. }
  37. .md-shadow-z-5 {
  38. box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22);
  39. }
  40. .md-shadow-z-5-i {
  41. box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
  42. }
  43. .md-shadow-none {
  44. box-shadow: none !important;
  45. }
  46. .md-click-circle {
  47. display: block;
  48. position: absolute;
  49. background: rgba(0, 0, 0, 0.2);
  50. border-radius: 50%;
  51. -webkit-animation: scale(0);
  52. -moz-transform: scale(0);
  53. transform: scale(0);
  54. }
  55. .md-click-circle.md-click-animate {
  56. -webkit-animation: mdClickEffect 0.55s linear;
  57. -moz-animation: mdClickEffect 0.55s linear;
  58. animation: mdClickEffect 0.55s linear;
  59. }
  60. @-webkit-keyframes mdClickEffect {
  61. 100% {
  62. opacity: 0;
  63. -webkit-transform: scale(1.5);
  64. }
  65. }
  66. @-moz-keyframes mdClickEffect {
  67. 100% {
  68. opacity: 0;
  69. -moz-transform: scale(2.5);
  70. }
  71. }
  72. @keyframes mdClickEffect {
  73. 100% {
  74. opacity: 0;
  75. transform: scale(2.5);
  76. }
  77. }
  78. /***
  79. Bootstrap Colorpicker
  80. ***/
  81. .input-group.color .input-group-btn i {
  82. position: absolute;
  83. display: block;
  84. cursor: pointer;
  85. width: 20px;
  86. height: 20px;
  87. right: 6px;
  88. }
  89. .colorpicker.dropdown-menu {
  90. padding: 5px;
  91. }
  92. /* change z-index when opened in modal */
  93. .modal-open .colorpicker {
  94. z-index: 10055 !important;
  95. }
  96. /***
  97. Bootstrap Datepaginator
  98. ***/
  99. .datepaginator a {
  100. font-family: 'Open Sans';
  101. font-size: 13px;
  102. font-weight: 300;
  103. }
  104. .datepicker .today {
  105. background-image: none !important;
  106. filter: none !important;
  107. }
  108. #dp-calendar {
  109. right: 4px !important;
  110. }
  111. .datepaginator .fa-angle-right:before {
  112. content: "\f105";
  113. }
  114. .datepaginator .fa-angle-left:before {
  115. content: "\f104";
  116. }
  117. /***
  118. Bootstrap Datepicker
  119. ***/
  120. .datepicker.dropdown-menu {
  121. padding: 5px;
  122. }
  123. .datepicker .selected {
  124. background-color: #909090 !important;
  125. background-image: none !important;
  126. filter: none !important;
  127. }
  128. .datepicker .active {
  129. background-color: #4b8df8 !important;
  130. background-image: none !important;
  131. filter: none !important;
  132. }
  133. .datepicker .active:hover {
  134. background-color: #2678FC !important;
  135. background-image: none !important;
  136. filter: none !important;
  137. }
  138. .datepicker .input-daterange input {
  139. text-align: left;
  140. }
  141. /* change z-index when opened in modal */
  142. .modal-open .datepicker {
  143. z-index: 10055 !important;
  144. }
  145. .datepicker table td {
  146. color: #000;
  147. font-weight: 300 !important;
  148. font-family: 'Open Sans' !important;
  149. }
  150. .datepicker table th {
  151. color: #333;
  152. font-family: 'Open Sans' !important;
  153. font-weight: 400 !important;
  154. }
  155. .datepicker.dropdown-menu {
  156. box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  157. border: 1px solid #efefef;
  158. }
  159. /***
  160. Bootstrap Daterangepicker
  161. ***/
  162. .modal-open .daterangepicker {
  163. z-index: 10055 !important;
  164. }
  165. .daterangepicker {
  166. margin-top: 4px;
  167. }
  168. .daterangepicker td {
  169. text-shadow: none;
  170. }
  171. .daterangepicker td.active {
  172. background-color: #4b8df8;
  173. background-image: none;
  174. filter: none;
  175. }
  176. .daterangepicker th {
  177. font-weight: 400;
  178. font-size: 14px;
  179. }
  180. .daterangepicker .ranges input[type="text"] {
  181. width: 70px !important;
  182. font-size: 11px;
  183. vertical-align: middle;
  184. }
  185. .daterangepicker .ranges label {
  186. font-weight: 300;
  187. display: block;
  188. }
  189. .daterangepicker .ranges {
  190. width: 170px;
  191. }
  192. .daterangepicker .ranges ul > li.active {
  193. -webkit-border-radius: 2px;
  194. -moz-border-radius: 2px;
  195. -ms-border-radius: 2px;
  196. -o-border-radius: 2px;
  197. border-radius: 2px;
  198. }
  199. .daterangepicker .ranges .btn {
  200. margin-top: 10px;
  201. }
  202. .daterangepicker.dropdown-menu {
  203. padding: 5px;
  204. }
  205. .daterangepicker .ranges li {
  206. color: #333;
  207. }
  208. .daterangepicker .ranges li.active,
  209. .daterangepicker .ranges li:hover {
  210. background: #4b8df8 !important;
  211. border: 1px solid #4b8df8 !important;
  212. color: #fff;
  213. }
  214. .daterangepicker .range_inputs input {
  215. margin-bottom: 0 !important;
  216. }
  217. .daterangepicker .fa-angle-right:before {
  218. content: "\f105";
  219. }
  220. .daterangepicker .fa-angle-left:before {
  221. content: "\f104";
  222. }
  223. /***
  224. Bootstrap Datetimepicker
  225. ***/
  226. .datetimepicker table td {
  227. color: #000;
  228. font-weight: 300 !important;
  229. font-family: 'Open Sans' !important;
  230. }
  231. .datetimepicker table th {
  232. font-family: 'Open Sans' !important;
  233. font-weight: 400 !important;
  234. }
  235. .datetimepicker.dropdown-menu {
  236. padding: 5px;
  237. }
  238. .datetimepicker .active {
  239. background-color: #4b8df8 !important;
  240. background-image: none !important;
  241. filter: none !important;
  242. }
  243. .datetimepicker .active:hover {
  244. background-color: #2678FC !important;
  245. background-image: none !important;
  246. filter: none !important;
  247. }
  248. .datetimepicker .fa-angle-left:before {
  249. content: "\f104";
  250. }
  251. .datetimepicker .fa-angle-right:before {
  252. content: "\f105";
  253. }
  254. /* change z-index when opened in modal */
  255. .modal-open .datetimepicker {
  256. z-index: 10055;
  257. }
  258. /***
  259. Bootstrap Editable
  260. ***/
  261. .editable-input table,
  262. .editable-input table th,
  263. .editable-input table td,
  264. .editable-input table tr {
  265. border: 0 !important;
  266. }
  267. .editable-input .combodate select {
  268. margin-bottom: 5px;
  269. }
  270. /***
  271. Jansy File Input plugin css changes
  272. ***/
  273. .fileinput {
  274. margin-bottom: 0;
  275. }
  276. .fileinput .close {
  277. float: none;
  278. }
  279. .fileinput .input-group {
  280. white-space: nowrap;
  281. overflow: hidden;
  282. }
  283. /***
  284. Bootstrap Markdown
  285. ***/
  286. .md-input {
  287. padding: 5px !important;
  288. border-bottom: 0 !important;
  289. -webkit-border-radius: 0 0 2px 2px;
  290. -moz-border-radius: 0 0 2px 2px;
  291. -ms-border-radius: 0 0 2px 2px;
  292. -o-border-radius: 0 0 2px 2px;
  293. border-radius: 0 0 2px 2px;
  294. }
  295. .md-editor {
  296. -webkit-border-radius: 2px;
  297. -moz-border-radius: 2px;
  298. -ms-border-radius: 2px;
  299. -o-border-radius: 2px;
  300. border-radius: 2px;
  301. }
  302. .md-editor .btn-toolbar {
  303. margin-left: 0px;
  304. -webkit-border-radius: 2px 2px 0 0;
  305. -moz-border-radius: 2px 2px 0 0;
  306. -ms-border-radius: 2px 2px 0 0;
  307. -o-border-radius: 2px 2px 0 0;
  308. border-radius: 2px 2px 0 0;
  309. }
  310. .md-editor .btn-toolbar .btn-group .btn-sm.btn {
  311. padding-bottom: 3px;
  312. }
  313. .md-editor .btn-toolbar .btn-group .btn-primary {
  314. padding-top: 5px;
  315. padding-bottom: 7px;
  316. }
  317. .md-editor.active {
  318. border: 1px solid #999999;
  319. -webkit-box-shadow: none !important;
  320. -moz-box-shadow: none !important;
  321. box-shadow: none !important;
  322. }
  323. /***
  324. Error state for WYSIWYG Editors
  325. ***/
  326. .has-error .md-editor {
  327. border: 1px solid #f13e64 !important;
  328. }
  329. .has-success .md-editor {
  330. border: 1px solid #219174 !important;
  331. }
  332. .has-warning .md-editor {
  333. border: 1px solid #ff1b08 !important;
  334. }
  335. /***
  336. Bootstrap Modal
  337. ***/
  338. /* fix: content shifting to the right on modal open */
  339. .modal-open.page-overflow .page-container,
  340. .modal-open.page-overflow .page-container .navbar-fixed-top,
  341. .modal-open.page-overflow .page-container .navbar-fixed-bottom,
  342. .modal-open.page-overflow .modal-scrollable {
  343. overflow-y: auto !important;
  344. }
  345. .modal-scrollable {
  346. overflow: hidden !important;
  347. }
  348. /* BS 3.3.1 fix */
  349. .modal-backdrop {
  350. position: fixed;
  351. bottom: 0;
  352. }
  353. .modal {
  354. -webkit-border-radius: 2px;
  355. -moz-border-radius: 2px;
  356. -ms-border-radius: 2px;
  357. -o-border-radius: 2px;
  358. border-radius: 2px;
  359. border: 0 !important;
  360. }
  361. .modal .modal-body {
  362. -webkit-border-radius: 2px;
  363. -moz-border-radius: 2px;
  364. -ms-border-radius: 2px;
  365. -o-border-radius: 2px;
  366. border-radius: 2px;
  367. border: 0;
  368. }
  369. .modal .modal-title {
  370. font-weight: 400;
  371. }
  372. .modal .modal-footer {
  373. border: 0 !important;
  374. }
  375. .modal-backdrop,
  376. .modal-backdrop.fade.in {
  377. opacity: 0.2 ;
  378. filter: alpha(opacity=20) ;
  379. }
  380. /***
  381. Bootstrap Select
  382. ***/
  383. .bootstrap-select .btn {
  384. border-color: #e5e5e5;
  385. }
  386. .has-error .bootstrap-select .btn {
  387. border-color: #f13e64;
  388. }
  389. .has-success .bootstrap-select .btn {
  390. border-color: #219174;
  391. }
  392. .has-warning .bootstrap-select .btn {
  393. border-color: #ff1b08;
  394. }
  395. .bootstrap-select.open .btn {
  396. border-color: #999;
  397. }
  398. .bootstrap-select.open.dropup .btn {
  399. border-color: #999;
  400. }
  401. .bootstrap-select .btn:focus {
  402. outline: none !important;
  403. outline-offset: 0;
  404. }
  405. .bootstrap-select.btn-group .dropdown-menu {
  406. margin-top: 1px;
  407. }
  408. .bootstrap-select.btn-group .dropdown-menu > li > dt > .text {
  409. font-weight: 600;
  410. font-family: 'Open Sans';
  411. font-size: 14px;
  412. }
  413. .bootstrap-select.btn-group .dropdown-menu .text-muted {
  414. color: #999 !important;
  415. }
  416. .bootstrap-select .caret {
  417. border: 0;
  418. width: auto;
  419. height: auto;
  420. margin-top: -10px !important;
  421. }
  422. .bootstrap-select .caret:before {
  423. content: "\f107";
  424. display: inline-block;
  425. border: 0;
  426. font-family: FontAwesome;
  427. font-style: normal;
  428. font-weight: normal;
  429. }
  430. .bootstrap-select .selected i {
  431. color: #aaa;
  432. }
  433. .bootstrap-select .dropdown-menu {
  434. z-index: 9999 !important;
  435. }
  436. /***
  437. Bootstrap Switch
  438. ***/
  439. .bootstrap-switch {
  440. border-color: #e5e5e5;
  441. }
  442. .bootstrap-switch.bootstrap-switch-focused {
  443. box-shadow: none;
  444. border-color: #e5e5e5;
  445. }
  446. /***
  447. Color variants
  448. ***/
  449. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
  450. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  451. color: #fff;
  452. background: #00BCD4;
  453. }
  454. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
  455. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  456. color: #fff;
  457. background: #89C4F4;
  458. }
  459. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
  460. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  461. color: #fff;
  462. background: #26A69A;
  463. }
  464. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
  465. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  466. color: #fff;
  467. background: #ff5722;
  468. }
  469. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
  470. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  471. color: #fff;
  472. background: #F3565D;
  473. }
  474. .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
  475. .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  476. color: #444;
  477. background: #ececec;
  478. }
  479. /* Bootstrap switch on portlet headers */
  480. .portlet > .portlet-title > .actions > .bootstrap-switch {
  481. border-color: transparent;
  482. margin-top: 0px;
  483. }
  484. /***
  485. Bootstrap Time Picker
  486. ***/
  487. .bootstrap-timepicker-widget table td a {
  488. padding: 4px 0;
  489. }
  490. .bootstrap-timepicker-widget input,
  491. .bootstrap-timepicker-widget input:focus {
  492. outline: none !important;
  493. border: 0;
  494. }
  495. .modal-open .bootstrap-timepicker-widget {
  496. z-index: 10055 !important;
  497. }
  498. .bootstrap-timepicker-widget.timepicker-orient-bottom:before,
  499. .bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  500. top: auto;
  501. }
  502. /***
  503. Toastr Notifications
  504. ***/
  505. .toast {
  506. -webkit-box-shadow: none !important;
  507. -moz-box-shadow: none !important;
  508. box-shadow: none !important;
  509. }
  510. .toast {
  511. background-color: #030303;
  512. }
  513. .toast-success {
  514. background-color: #51a351;
  515. }
  516. .toast-error {
  517. background-color: #bd362f;
  518. }
  519. .toast-info {
  520. background-color: #2f96b4;
  521. }
  522. .toast-warning {
  523. background-color: #f89406;
  524. }
  525. .toast .toast-close-button {
  526. display: inline-block;
  527. margin-top: 0px;
  528. margin-right: 0px;
  529. text-indent: -100000px;
  530. width: 11px;
  531. height: 16px;
  532. background-repeat: no-repeat !important;
  533. background-image: url("../img/portlet-remove-icon-white.png") !important;
  534. }
  535. .toast-top-center {
  536. top: 12px;
  537. margin: 0 auto;
  538. left: 50%;
  539. margin-left: -150px;
  540. }
  541. .toast-top-center .toast {
  542. margin: 0 !important;
  543. }
  544. .toast-bottom-center {
  545. bottom: 12px;
  546. margin: 0 auto;
  547. left: 50%;
  548. margin-left: -150px;
  549. }
  550. .toast-bottom-center .toast {
  551. margin: 0 !important;
  552. }
  553. /***
  554. Bootstrap Wizard
  555. ***/
  556. .form-wizard .progress {
  557. margin-bottom: 30px;
  558. }
  559. .form-wizard .steps {
  560. padding: 10px 0;
  561. margin-bottom: 15px;
  562. background-color: #fff;
  563. background-image: none;
  564. filter: none;
  565. border: 0px;
  566. box-shadow: none;
  567. }
  568. .form-wizard .steps > li > a.step {
  569. background-color: #fff;
  570. background-image: none;
  571. filter: none;
  572. border: 0px;
  573. box-shadow: none;
  574. }
  575. .form-wizard .steps > li > a.step:hover {
  576. background: none;
  577. }
  578. .form-wizard .steps > li > a.step > .number {
  579. background-color: #eee;
  580. display: inline-block;
  581. text-align: center !important;
  582. font-size: 16px;
  583. font-weight: 300;
  584. padding: 11px 15px 13px 15px;
  585. margin-right: 10px;
  586. height: 45px;
  587. width: 45px;
  588. -webkit-border-radius: 50% !important;
  589. -moz-border-radius: 50% !important;
  590. border-radius: 50% !important;
  591. }
  592. .form-wizard .steps > li > a.step > .desc {
  593. display: inline-block;
  594. font-size: 16px;
  595. font-weight: 300;
  596. }
  597. .form-wizard .steps > li > a.step > .desc > i {
  598. display: none;
  599. }
  600. .form-wizard .steps > li.active > a.step .number {
  601. background-color: #26A69A;
  602. color: #fff;
  603. }
  604. .form-wizard .steps > li.active > a.step .desc {
  605. color: #333;
  606. }
  607. .form-wizard .steps > li.done > a.step .number {
  608. background-color: #ff5722;
  609. color: #fff;
  610. }
  611. .form-wizard .steps > li.done > a.step .desc {
  612. color: #333;
  613. }
  614. .form-wizard .steps > li.done > a.step .desc i {
  615. font-size: 12px;
  616. font-weight: normal;
  617. color: #999;
  618. display: inline-block;
  619. }
  620. @media (min-width: 768px) and (max-width: 1200px) {
  621. /* 768px & 1200px */
  622. .form-wizard .step .desc {
  623. margin-top: 10px;
  624. display: block;
  625. }
  626. }
  627. @media (max-width: 768px) {
  628. /* 768px */
  629. .form-wizard .steps > li > a {
  630. text-align: left;
  631. }
  632. }
  633. /*!
  634. * Tab drop for Bootstrap
  635. */
  636. .tabbable-tabdrop .nav-tabs,
  637. .tabbable-tabdrop .nav-pills {
  638. position: relative;
  639. }
  640. .tabbable-tabdrop .nav-tabs .caret,
  641. .tabbable-tabdrop .nav-pills .caret {
  642. display: none;
  643. }
  644. .tabbable-tabdrop .nav-tabs .tabdrop .dropdown-toggle i,
  645. .tabbable-tabdrop .nav-pills .tabdrop .dropdown-toggle i {
  646. font-size: 14px;
  647. }
  648. .tabbable-tabdrop .dropdown-menu:after {
  649. right: 10px;
  650. left: auto;
  651. }
  652. .tabbable-tabdrop .dropdown-menu:before {
  653. right: 9px;
  654. left: auto;
  655. }
  656. /***
  657. wysihtml5
  658. ***/
  659. .wysihtml5-sandbox {
  660. width: 100% !important;
  661. }
  662. .wysihtml5-toolbar li {
  663. margin: 0px;
  664. height: 29px;
  665. }
  666. .wysihtml5-toolbar li .dropdown-menu {
  667. margin-top: 5px;
  668. }
  669. /***
  670. Error state for WYSIWYG Editors
  671. ***/
  672. .has-error .wysihtml5-sandbox {
  673. border: 1px solid #f13e64 !important;
  674. }
  675. .has-success .wysihtml5-sandbox {
  676. border: 1px solid #219174 !important;
  677. }
  678. .has-warning .wysihtml5-sandbox {
  679. border: 1px solid #ff1b08 !important;
  680. }
  681. /***
  682. Error state for WYSIWYG Editors
  683. ***/
  684. .note-editor {
  685. border: 1px solid #e5e5e5;
  686. -webkit-border-radius: 2px;
  687. -moz-border-radius: 2px;
  688. -ms-border-radius: 2px;
  689. -o-border-radius: 2px;
  690. border-radius: 2px;
  691. }
  692. .note-editor .note-toolbar {
  693. border-bottom: 1px solid #e5e5e5;
  694. -webkit-border-radius: 2px 2px 0 0;
  695. -moz-border-radius: 2px 2px 0 0;
  696. -ms-border-radius: 2px 2px 0 0;
  697. -o-border-radius: 2px 2px 0 0;
  698. border-radius: 2px 2px 0 0;
  699. }
  700. .note-editor .note-statusbar {
  701. -webkit-border-radius: 0 0 2px 2px;
  702. -moz-border-radius: 0 0 2px 2px;
  703. -ms-border-radius: 0 0 2px 2px;
  704. -o-border-radius: 0 0 2px 2px;
  705. border-radius: 0 0 2px 2px;
  706. }
  707. .note-editor .note-statusbar .note-resizebar {
  708. border-top: 1px solid #e5e5e5;
  709. }
  710. .note-editor.fullscreen {
  711. z-index: 11000;
  712. width: 100% !important;
  713. }
  714. .note-editor .dropdown-menu:before {
  715. left: 9px;
  716. right: auto;
  717. }
  718. .note-editor .dropdown-menu:after {
  719. left: 10px;
  720. right: auto;
  721. }
  722. .note-link-dialog .checkbox {
  723. margin-left: 20px;
  724. }
  725. .has-error .note-editor {
  726. border: 1px solid #f13e64 !important;
  727. }
  728. .has-success .note-editor {
  729. border: 1px solid #219174 !important;
  730. }
  731. .has-warning .note-editor {
  732. border: 1px solid #ff1b08 !important;
  733. }
  734. /***
  735. Bootstrap GtreeTable
  736. ***/
  737. .gtreetable .dropdown-menu {
  738. margin-top: 0px;
  739. }
  740. .gtreetable .dropdown-menu:after, .gtreetable .dropdown-menu:before {
  741. display: none !important;
  742. }
  743. .gtreetable .node-action .form-control {
  744. position: relative;
  745. top: 2px;
  746. display: inline-block;
  747. }
  748. .gtreetable .node-icon-selected,
  749. .gtreetable .node-icon-handle,
  750. .gtreetable .node-icon-ce,
  751. .gtreetable .node-icon-type {
  752. opacity: 0.6 ;
  753. filter: alpha(opacity=60) ;
  754. }
  755. /***
  756. Bootbox
  757. ***/
  758. .bootbox .bootbox-close-button {
  759. margin-top: 0px !important;
  760. }
  761. /*--------------------------------------------------
  762. [CSS Animation Amchart]
  763. ----------------------------------------------------*/
  764. .CSSAnimationChart {
  765. width: 100%;
  766. height: 500px;
  767. }
  768. .CSSAnimationChart a {
  769. color: #bbb !important;
  770. font-size: 12px !important;
  771. }
  772. .amcharts-graph-g2 .amcharts-graph-stroke {
  773. stroke-dasharray: 3px 3px;
  774. stroke-linejoin: round;
  775. stroke-linecap: round;
  776. -webkit-animation: am-moving-dashes 1s linear infinite;
  777. animation: am-moving-dashes 1s linear infinite;
  778. }
  779. @-webkit-keyframes am-moving-dashes {
  780. 100% {
  781. stroke-dashoffset: -31px;
  782. }
  783. }
  784. @keyframes am-moving-dashes {
  785. 100% {
  786. stroke-dashoffset: -31px;
  787. }
  788. }
  789. .lastBullet {
  790. -webkit-animation: am-pulsating 1s ease-out infinite;
  791. animation: am-pulsating 1s ease-out infinite;
  792. }
  793. @-webkit-keyframes am-pulsating {
  794. 0% {
  795. stroke-opacity: 1;
  796. stroke-width: 0px;
  797. }
  798. 100% {
  799. stroke-opacity: 0;
  800. stroke-width: 50px;
  801. }
  802. }
  803. @keyframes am-pulsating {
  804. 0% {
  805. stroke-opacity: 1;
  806. stroke-width: 0px;
  807. }
  808. 100% {
  809. stroke-opacity: 0;
  810. stroke-width: 50px;
  811. }
  812. }
  813. .amcharts-graph-column-front {
  814. -webkit-transition: all .3s .3s ease-out;
  815. transition: all .3s .3s ease-out;
  816. }
  817. .amcharts-graph-column-front:hover {
  818. fill: #496375;
  819. stroke: #496375;
  820. -webkit-transition: all .3s ease-out;
  821. transition: all .3s ease-out;
  822. }
  823. .amcharts-graph-g3 {
  824. stroke-linejoin: round;
  825. stroke-linecap: round;
  826. stroke-dasharray: 500%;
  827. stroke-dasharray: 0 \0;
  828. /* fixes IE prob */
  829. stroke-dashoffset: 0 \0;
  830. /* fixes IE prob */
  831. -webkit-animation: am-draw 40s;
  832. animation: am-draw 40s;
  833. }
  834. @-webkit-keyframes am-draw {
  835. 0% {
  836. stroke-dashoffset: 500%;
  837. }
  838. 100% {
  839. stroke-dashoffset: 0px;
  840. }
  841. }
  842. @keyframes am-draw {
  843. 0% {
  844. stroke-dashoffset: 500%;
  845. }
  846. 100% {
  847. stroke-dashoffset: 0px;
  848. }
  849. }
  850. /*--------------------------------------------------
  851. [Mao Amchart]
  852. ----------------------------------------------------*/
  853. .mapChart {
  854. width: 100%;
  855. height: 500px;
  856. }
  857. .mapChart a {
  858. color: #bbb !important;
  859. font-size: 12px !important;
  860. }
  861. /***
  862. CKEditor css changes
  863. ***/
  864. .cke {
  865. -webkit-border-radius: 2px;
  866. -moz-border-radius: 2px;
  867. -ms-border-radius: 2px;
  868. -o-border-radius: 2px;
  869. border-radius: 2px;
  870. }
  871. .cke .cke-top {
  872. -webkit-border-radius: 2px 2px 0 0;
  873. -moz-border-radius: 2px 2px 0 0;
  874. -ms-border-radius: 2px 2px 0 0;
  875. -o-border-radius: 2px 2px 0 0;
  876. border-radius: 2px 2px 0 0;
  877. }
  878. .cke .cke-bottom {
  879. -webkit-border-radius: 0 0 2px 2px;
  880. -moz-border-radius: 0 0 2px 2px;
  881. -ms-border-radius: 0 0 2px 2px;
  882. -o-border-radius: 0 0 2px 2px;
  883. border-radius: 0 0 2px 2px;
  884. }
  885. .cke_bottom,
  886. .cke_inner,
  887. .cke_top,
  888. .cke_reset,
  889. .cke_dialog_title,
  890. .cke_dialog_footer,
  891. .cke_dialog {
  892. background-image: none !important;
  893. filter: none;
  894. border-top: 0;
  895. border-bottom: 0;
  896. -webkit-box-shadow: none !important;
  897. -moz-box-shadow: none !important;
  898. box-shadow: none !important;
  899. text-shadow: none;
  900. }
  901. .cke_dialog_ui_button,
  902. .cke_dialog_tab {
  903. background-image: none !important;
  904. filter: none;
  905. -webkit-box-shadow: none !important;
  906. -moz-box-shadow: none !important;
  907. box-shadow: none !important;
  908. text-shadow: none !important;
  909. }
  910. .cke_dialog_ui_button:hover,
  911. .cke_dialog_tab:hover {
  912. text-decoration: none;
  913. text-shadow: none;
  914. }
  915. .cke_dialog_ui_input_text {
  916. background-image: none !important;
  917. filter: none;
  918. -webkit-box-shadow: none !important;
  919. -moz-box-shadow: none !important;
  920. box-shadow: none !important;
  921. }
  922. .cke_combo_button,
  923. .cke_button,
  924. .cke_toolbar,
  925. .cke_toolgroup {
  926. background-image: none !important;
  927. filter: none !important;
  928. border: 0;
  929. -webkit-box-shadow: none !important;
  930. -moz-box-shadow: none !important;
  931. box-shadow: none !important;
  932. }
  933. .cke_button,
  934. .cke_combo_button,
  935. .cke_panel_grouptitle,
  936. .cke_hc.cke_panel_listItem a {
  937. background-image: none !important;
  938. filter: none;
  939. text-shadow: none;
  940. }
  941. .cke_button:hover,
  942. .cke_combo_button:hover {
  943. background-color: #ddd;
  944. }
  945. .cke_toolbar_break {
  946. background-image: none !important;
  947. filter: none !important;
  948. border: 0;
  949. box-shadow: none !important;
  950. -webkit-box-shadow: none !important;
  951. -moz-box-shadow: none !important;
  952. -ms-box-shadow: none !important;
  953. -o-box-shadow: none !important;
  954. }
  955. /***
  956. Error state for WYSIWYG Editors
  957. ***/
  958. .has-error .cke {
  959. border: 1px solid #f13e64 !important;
  960. }
  961. .has-success .cke {
  962. border: 1px solid #219174 !important;
  963. }
  964. .has-warning .cke {
  965. border: 1px solid #ff1b08 !important;
  966. }
  967. /***
  968. Clockface
  969. ***/
  970. .modal-open .clockface {
  971. z-index: 10055 !important;
  972. }
  973. .clockface .cell .inner.active,
  974. .clockface .cell .outer.active {
  975. background-color: #4b8df8 !important;
  976. background-image: none;
  977. filter: none;
  978. }
  979. /***
  980. Datatables Plugin(in v1.3)
  981. ***/
  982. .dataTable {
  983. width: 100%;
  984. clear: both;
  985. margin-top: 5px;
  986. }
  987. .dataTables_filter .form-control {
  988. margin-left: 4px;
  989. }
  990. .dataTables_filter label {
  991. line-height: 32px;
  992. }
  993. .dataTable .row-details {
  994. margin-top: 3px;
  995. display: inline-block;
  996. cursor: pointer;
  997. width: 14px;
  998. height: 14px;
  999. }
  1000. .dataTable .row-details.row-details-close {
  1001. background: url("../img/datatable-row-openclose.png") no-repeat 0 0;
  1002. }
  1003. .dataTable .row-details.row-details-open {
  1004. background: url("../img/datatable-row-openclose.png") no-repeat 0 -23px;
  1005. }
  1006. .dataTable .details {
  1007. background-color: #eee;
  1008. }
  1009. .dataTable .details td,
  1010. .dataTable .details th {
  1011. padding: 4px;
  1012. background: none;
  1013. border: 0;
  1014. }
  1015. .dataTable .details tr:hover td,
  1016. .dataTable .details tr:hover th {
  1017. background: none;
  1018. }
  1019. .dataTable .details tr:nth-child(odd) td,
  1020. .dataTable .details tr:nth-child(odd) th {
  1021. background-color: #eee;
  1022. }
  1023. .dataTable .details tr:nth-child(even) td,
  1024. .dataTable .details tr:nth-child(even) th {
  1025. background-color: #eee;
  1026. }
  1027. .dataTable > thead > tr > th.sorting,
  1028. .dataTable > thead > tr > th.sorting_asc,
  1029. .dataTable > thead > tr > th.sorting_desc {
  1030. padding-right: 18px;
  1031. }
  1032. .dataTable .table-checkbox {
  1033. width: 8px !important;
  1034. }
  1035. @media (max-width: 768px) {
  1036. .dataTables_wrapper .dataTables_length .form-control,
  1037. .dataTables_wrapper .dataTables_filter .form-control {
  1038. display: inline-block;
  1039. }
  1040. .dataTables_wrapper .dataTables_info {
  1041. top: 17px;
  1042. }
  1043. .dataTables_wrapper .dataTables_paginate {
  1044. margin-top: -15px;
  1045. }
  1046. }
  1047. @media (max-width: 480px) {
  1048. .dataTables_wrapper .dataTables_filter .form-control {
  1049. width: 175px !important;
  1050. }
  1051. .dataTables_wrapper .dataTables_paginate {
  1052. float: left;
  1053. margin-top: 20px;
  1054. }
  1055. }
  1056. .dataTables_processing {
  1057. position: fixed;
  1058. top: 50%;
  1059. left: 50%;
  1060. min-width: 125px;
  1061. margin-left: 0;
  1062. padding: 7px;
  1063. text-align: center;
  1064. color: #333;
  1065. font-size: 13px;
  1066. border: 1px solid #ddd;
  1067. background-color: #eee;
  1068. vertical-align: middle;
  1069. -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  1070. -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  1071. box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  1072. }
  1073. .dataTables_processing span {
  1074. line-height: 15px;
  1075. vertical-align: middle;
  1076. }
  1077. .dataTables_empty {
  1078. text-align: center;
  1079. }
  1080. /***
  1081. TableTools
  1082. ***/
  1083. .tabletools-btn-group {
  1084. margin: 0 0 10px 0;
  1085. }
  1086. .tabletools-btn-group > .btn {
  1087. margin-right: 5px;
  1088. }
  1089. .tabletools-btn-group > .btn:last-child {
  1090. margin-right: 0;
  1091. }
  1092. .tabletools-dropdown-on-portlet {
  1093. margin-top: -45px;
  1094. float: right;
  1095. }
  1096. .tabletools-dropdown-on-portlet > .btn {
  1097. margin-right: 5px;
  1098. }
  1099. .tabletools-dropdown-on-portlet > .btn:last-child {
  1100. margin-right: 0;
  1101. }
  1102. .DTTT_Print {
  1103. background-color: #fff;
  1104. }
  1105. .DTTT_Print .DTTT_PrintMessage {
  1106. display: none;
  1107. }
  1108. @media print {
  1109. .DTTT_Print .DTTT_PrintMessage {
  1110. display: inline-block;
  1111. }
  1112. }
  1113. .DTTT_Print .DTTT_Print_Info {
  1114. display: block;
  1115. position: fixed;
  1116. top: 35px;
  1117. font-size: 18px;
  1118. width: 700px;
  1119. left: 50%;
  1120. margin-left: -350px;
  1121. text-align: center;
  1122. }
  1123. .DTTT_Print .page-sidebar,
  1124. .DTTT_Print .page-header,
  1125. .DTTT_Print .page-footer {
  1126. display: none;
  1127. }
  1128. .DTTT_Print .page-content-wrapper {
  1129. float: none;
  1130. }
  1131. .DTTT_Print .row,
  1132. .DTTT_Print [class*="col-"] {
  1133. padding: 0;
  1134. margin: 0;
  1135. }
  1136. .DTTT_Print .page-content {
  1137. margin: 50px auto !important;
  1138. border: 0 !important;
  1139. width: 800px !important;
  1140. padding: 0 !important;
  1141. }
  1142. .DTTT_Print .page-content .portlet {
  1143. border: 0;
  1144. padding: 0;
  1145. }
  1146. .DTTT_Print .page-content .portlet .portlet-body {
  1147. padding: 0;
  1148. }
  1149. .DTTT_Print .page-content .dataTables_wrapper {
  1150. padding: 0;
  1151. margin: 0;
  1152. box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  1153. }
  1154. @media print {
  1155. .DTTT_Print .page-content .dataTables_wrapper {
  1156. box-shadow: none;
  1157. }
  1158. }
  1159. /***
  1160. Extended pagination
  1161. ***/
  1162. .paging_bootstrap_extended {
  1163. margin: 0 !important;
  1164. padding: 0 !important;
  1165. float: none !important;
  1166. font-size: 13px;
  1167. }
  1168. .dataTables_extended_wrapper .seperator {
  1169. padding: 0 2px;
  1170. }
  1171. .dataTables_extended_wrapper div.dataTables_paginate,
  1172. .dataTables_extended_wrapper div.dataTables_length,
  1173. .dataTables_extended_wrapper div.dataTables_info {
  1174. display: inline-block;
  1175. float: none !important;
  1176. padding: 0 !important;
  1177. margin: 0 !important;
  1178. position: static !important;
  1179. }
  1180. @media (max-width: 480px) {
  1181. .dataTables_extended_wrapper div.dataTables_paginate,
  1182. .dataTables_extended_wrapper div.dataTables_length,
  1183. .dataTables_extended_wrapper div.dataTables_info {
  1184. display: block;
  1185. margin-bottom: 10px !important;
  1186. }
  1187. .dataTables_extended_wrapper .seperator {
  1188. display: none !important;
  1189. }
  1190. }
  1191. .dataTables_extended_wrapper div.dataTables_length label {
  1192. margin: 0 !important;
  1193. padding: 0 !important;
  1194. font-size: 13px;
  1195. float: none !important;
  1196. display: inline-block !important;
  1197. }
  1198. .table-container .table-actions-wrapper {
  1199. display: none;
  1200. }
  1201. /***
  1202. Scroller Extension
  1203. ***/
  1204. .dataTables_scroll {
  1205. margin-bottom: 10px;
  1206. }
  1207. .dataTables_scrollHead {
  1208. border-bottom: 2px solid #ddd !important;
  1209. }
  1210. .dataTables_scrollHead thead th {
  1211. border-bottom: 0 !important;
  1212. }
  1213. .dataTables_scrollBody {
  1214. border-bottom: 1px solid #ddd !important;
  1215. }
  1216. .DTTT_Print_Info {
  1217. width: 300px;
  1218. position: fixed;
  1219. top: 50%;
  1220. left: 50%;
  1221. margin-top: -50px;
  1222. margin-left: -150px;
  1223. background: #eee;
  1224. padding: 10px;
  1225. box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  1226. }
  1227. .DTTT_Print_Info > h6 {
  1228. font-size: 16px;
  1229. font-weight: 400;
  1230. }
  1231. /***
  1232. Dropzone css changes(new in v1.1.1)
  1233. ***/
  1234. .dropzone {
  1235. -webkit-border-radius: 0px;
  1236. -moz-border-radius: 0px;
  1237. border-radius: 0px;
  1238. }
  1239. /***
  1240. Fancy box fix overlay fix
  1241. ***/
  1242. .fancybox-overlay {
  1243. z-index: 100000;
  1244. }
  1245. .fancybox-opened {
  1246. z-index: 100001;
  1247. }
  1248. /***
  1249. FuelUX Spinners
  1250. ***/
  1251. .spinner-buttons.btn-group-vertical .btn {
  1252. text-align: center;
  1253. margin: 0;
  1254. height: 17px;
  1255. width: 22px;
  1256. padding-left: 6px;
  1257. padding-right: 6px;
  1258. padding-top: 0px;
  1259. }
  1260. .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-up {
  1261. border-radius: 0;
  1262. border-top-right-radius: 2px !important;
  1263. }
  1264. .page-style-rounded .spinner-buttons.btn-group-vertical .btn.spinner-down {
  1265. border-radius: 0;
  1266. border-bottom-right-radius: 2px;
  1267. }
  1268. /***
  1269. Fullcalendar
  1270. ***/
  1271. /* External events */
  1272. .external-event {
  1273. display: inline-block;
  1274. cursor: move;
  1275. margin-bottom: 5px;
  1276. margin-left: 5px;
  1277. }
  1278. .fc-scroller {
  1279. overflow-y: auto;
  1280. overflow-x: hidden;
  1281. }
  1282. .fc-month-view .fc-scroller {
  1283. height: auto !important;
  1284. }
  1285. .portlet .event-form-title {
  1286. font-size: 14px;
  1287. margin-top: 4px;
  1288. font-weight: 400;
  1289. margin-bottom: 10px;
  1290. }
  1291. .portlet.calendar .fc-button {
  1292. -webkit-box-shadow: none;
  1293. -moz-box-shadow: none;
  1294. box-shadow: none;
  1295. text-shadow: none;
  1296. border: 0;
  1297. height: 35px;
  1298. padding: 6px 8px 7px 8px;
  1299. margin-left: 2px;
  1300. border-top-style: none;
  1301. border-bottom-style: none;
  1302. border-right-style: solid;
  1303. border-left-style: solid;
  1304. border-color: #ddd;
  1305. background: transparent;
  1306. color: #fff;
  1307. top: -45px;
  1308. outline: none !important;
  1309. -webkit-border-radius: 2px 2px 0 0;
  1310. -moz-border-radius: 2px 2px 0 0;
  1311. -ms-border-radius: 2px 2px 0 0;
  1312. -o-border-radius: 2px 2px 0 0;
  1313. border-radius: 2px 2px 0 0;
  1314. }
  1315. .portlet.calendar .fc-toolbar {
  1316. margin-bottom: 0px;
  1317. }
  1318. .portlet.calendar .fc-toolbar h2 {
  1319. margin-top: 3px;
  1320. font-size: 17px;
  1321. }
  1322. .portlet.calendar .fc-header {
  1323. margin-bottom: -21px;
  1324. }
  1325. .portlet.calendar .fc-button-prev {
  1326. padding-right: 10px;
  1327. padding-left: 8px;
  1328. }
  1329. .portlet.calendar .fc-button-next {
  1330. padding-right: 8px;
  1331. padding-left: 10px;
  1332. }
  1333. .portlet.calendar .fc-button.fc-state-active, .portlet.calendar .fc-button.fc-state-hover {
  1334. color: #666;
  1335. background-color: #fff;
  1336. }
  1337. .portlet.calendar .fc-button.fc-state-disabled {
  1338. color: #ddd;
  1339. }
  1340. .portlet.calendar .fc-button .fc-icon-left-single-arrow {
  1341. font-family: FontAwesome;
  1342. font-size: 16px;
  1343. }
  1344. .portlet.calendar .fc-button .fc-icon-left-single-arrow:after {
  1345. content: "";
  1346. }
  1347. .portlet.calendar .fc-button .fc-icon-left-single-arrow:before {
  1348. content: "\f104";
  1349. }
  1350. .portlet.calendar .fc-button .fc-icon-right-single-arrow {
  1351. font-family: FontAwesome;
  1352. font-size: 16px;
  1353. }
  1354. .portlet.calendar .fc-button .fc-icon-right-single-arrow:after {
  1355. content: "";
  1356. }
  1357. .portlet.calendar .fc-button .fc-icon-right-single-arrow:before {
  1358. content: "\f105";
  1359. }
  1360. .portlet.calendar .fc-text-arrow {
  1361. font-size: 22px;
  1362. font-family: "Courier New", Courier, monospace;
  1363. vertical-align: baseline;
  1364. }
  1365. .portlet.calendar .fc-event {
  1366. border: 0px;
  1367. background-color: #69a4e0;
  1368. color: #fff;
  1369. }
  1370. .portlet.calendar .fc-event .fc-content {
  1371. border: 0px;
  1372. }
  1373. .portlet.calendar .fc-event .fc-time {
  1374. float: left;
  1375. text-align: left;
  1376. color: #fff;
  1377. font-size: 13px;
  1378. font-weight: 300;
  1379. }
  1380. .portlet.calendar .fc-event .fc-title {
  1381. text-align: left;
  1382. float: left;
  1383. color: #fff;
  1384. font-size: 13px;
  1385. font-weight: 300;
  1386. }
  1387. .portlet.calendar .fc-header-title h2 {
  1388. font-size: 14px;
  1389. line-height: 20px;
  1390. font-weight: 400;
  1391. color: #111;
  1392. }
  1393. .portlet.calendar .fc-widget-header {
  1394. background-image: none;
  1395. filter: none;
  1396. background-color: #eee;
  1397. text-transform: uppercase;
  1398. font-weight: 300;
  1399. }
  1400. .portlet.calendar.light .fc-button {
  1401. top: -60px;
  1402. color: #666;
  1403. text-transform: uppercase;
  1404. font-size: 12px;
  1405. padding-bottom: 35px;
  1406. }
  1407. .portlet.calendar.light .fc-button .fc-text-arrow {
  1408. margin-top: -6px;
  1409. display: inline-block;
  1410. }
  1411. .portlet.calendar.light .fc-button.fc-state-active, .portlet.calendar.light .fc-button.fc-state-hover {
  1412. color: #333;
  1413. border-bottom: 2px solid #26A69A;
  1414. }
  1415. .portlet.calendar.light .fc-button.fc-state-disabled {
  1416. color: #aaa;
  1417. }
  1418. .portlet.calendar .mobile .fc-button {
  1419. padding: 0px 6px 20px 6px;
  1420. margin-left: 2px;
  1421. border: 0;
  1422. background-color: #ddd;
  1423. background-image: none;
  1424. -webkit-box-shadow: none;
  1425. -moz-box-shadow: none;
  1426. box-shadow: none;
  1427. -webkit-border-radius: 0;
  1428. -moz-border-radius: 0;
  1429. border-radius: 0;
  1430. color: #000;
  1431. text-shadow: none;
  1432. text-align: center;
  1433. }
  1434. .portlet.calendar .mobile .fc-button.fc-state-hover, .portlet.calendar .mobile .fc-button.fc-state-active {
  1435. background-color: #eee;
  1436. }
  1437. .portlet.calendar .mobile .fc-button.fc-state-disabled {
  1438. color: #bbb;
  1439. }
  1440. .portlet.calendar .mobile .fc-button-prev {
  1441. margin-right: 5px;
  1442. margin-top: -2px;
  1443. }
  1444. .portlet.calendar .mobile .fc-button-next {
  1445. margin-right: -0px;
  1446. margin-top: -2px;
  1447. }
  1448. .portlet.calendar .mobile .fc-header-space {
  1449. margin: 0px;
  1450. padding: 0px;
  1451. width: 0px;
  1452. }
  1453. .portlet.calendar .mobile .fc-header-left {
  1454. position: absolute;
  1455. z-index: 10;
  1456. }
  1457. .portlet.calendar .mobile .fc-header-left .fc-button {
  1458. top: -2px;
  1459. }
  1460. .portlet.calendar .mobile .fc-header-right {
  1461. position: relative;
  1462. right: 0;
  1463. }
  1464. .portlet.calendar .mobile .fc-header-right .fc-button {
  1465. top: 35px;
  1466. }
  1467. .portlet.calendar .mobile .fc-content {
  1468. margin-top: 53px;
  1469. }
  1470. .portlet.calendar.light .fc-button {
  1471. top: -47px;
  1472. }
  1473. /***
  1474. Google Maps
  1475. ***/
  1476. .gmaps {
  1477. height: 300px;
  1478. width: 100%;
  1479. /* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
  1480. }
  1481. .gmaps img {
  1482. max-width: none;
  1483. }
  1484. #gmap_static div {
  1485. background-repeat: no-repeat;
  1486. background-position: 50% 50%;
  1487. height: 100%;
  1488. display: block;
  1489. height: 300px;
  1490. }
  1491. #gmap_routes_instructions {
  1492. margin-top: 10px;
  1493. margin-bottom: 0px;
  1494. }
  1495. /***
  1496. Gritter notification modify
  1497. ***/
  1498. #gritter-notice-wrapper {
  1499. right: 1px !important;
  1500. }
  1501. .gritter-close {
  1502. left: auto !important;
  1503. right: 3px !important;
  1504. }
  1505. .gritter-title {
  1506. font-family: "Open Sans";
  1507. font-size: 18px;
  1508. font-weight: 300;
  1509. }
  1510. /***
  1511. Dashboard Charts(new in v1.2.1)
  1512. ***/
  1513. .easy-pie-chart,
  1514. .sparkline-chart {
  1515. text-align: center;
  1516. }
  1517. .sparkline-chart {
  1518. margin-top: 15px;
  1519. position: relative;
  1520. }
  1521. .easy-pie-chart .number {
  1522. font-size: 14px !important;
  1523. font-weight: 300;
  1524. margin: 0 auto;
  1525. position: relative;
  1526. text-align: center;
  1527. width: 75px;
  1528. height: 75px;
  1529. line-height: 75px;
  1530. }
  1531. .easy-pie-chart .number canvas {
  1532. position: absolute;
  1533. top: 0;
  1534. left: 0;
  1535. }
  1536. .sparkline-chart .number {
  1537. width: 100px;
  1538. margin: 0 auto;
  1539. margin-bottom: 10px;
  1540. }
  1541. .sparkline-chart .title,
  1542. .easy-pie-chart .title {
  1543. display: block;
  1544. text-align: center;
  1545. color: #333;
  1546. font-weight: 300;
  1547. font-size: 16px;
  1548. margin-top: 5px;
  1549. margin-bottom: 10px;
  1550. }
  1551. .sparkline-chart .title:hover,
  1552. .easy-pie-chart .title:hover {
  1553. color: #666;
  1554. text-decoration: none;
  1555. }
  1556. .sparkline-chart .title > i,
  1557. .easy-pie-chart .title > i {
  1558. margin-top: 5px;
  1559. }
  1560. /***
  1561. jQuery File Upload
  1562. ***/
  1563. .blueimp-gallery .close {
  1564. background-image: url("../img/portlet-remove-icon-white.png") !important;
  1565. margin-top: -2px;
  1566. }
  1567. .blueimp-gallery .prev,
  1568. .blueimp-gallery .next {
  1569. border-radius: 23px !important;
  1570. }
  1571. /***
  1572. jQuery Multi Select
  1573. ***/
  1574. .ms-container .ms-list {
  1575. border: 1px solid #e5e5e5;
  1576. -webkit-box-shadow: none;
  1577. -moz-box-shadow: none;
  1578. box-shadow: none;
  1579. }
  1580. .ms-container .ms-optgroup-label {
  1581. font-size: 14px;
  1582. }
  1583. .ms-container .ms-selectable li.ms-elem-selectable,
  1584. .ms-container .ms-selection li.ms-elem-selection {
  1585. font-size: 13px;
  1586. }
  1587. .ms-container .ms-list.ms-focus {
  1588. border-color: #999999;
  1589. -webkit-box-shadow: none;
  1590. -moz-box-shadow: none;
  1591. box-shadow: none;
  1592. }
  1593. .ms-container .ms-selectable li.ms-hover,
  1594. .ms-container .ms-selection li.ms-hover {
  1595. color: #333;
  1596. background-color: #eee;
  1597. }
  1598. .ms-container .form-control {
  1599. margin-bottom: 5px;
  1600. }
  1601. /***
  1602. jQuery Notific8 Plugin
  1603. ***/
  1604. .jquery-notific8-message {
  1605. font-size: 13px;
  1606. }
  1607. [class*="jquery-notific8"],
  1608. [class*="jquery-notific8"]:after,
  1609. [class*="jquery-notific8"]:before {
  1610. -webkit-box-sizing: content-box;
  1611. -moz-box-sizing: content-box;
  1612. box-sizing: content-box;
  1613. }
  1614. .right .jquery-notific8-close-sticky span,
  1615. .left .jquery-notific8-close-sticky span {
  1616. font-size: 10px;
  1617. }
  1618. .jquery-notific8-heading {
  1619. font-weight: 300;
  1620. font-size: 16px;
  1621. }
  1622. /***
  1623. Password Strength(in v1.4)
  1624. ***/
  1625. .password-strength .password-verdict {
  1626. display: inline-block;
  1627. margin-top: 6px;
  1628. margin-left: 5px;
  1629. }
  1630. .password-strength .progress {
  1631. margin-top: 5px;
  1632. margin-bottom: 0;
  1633. }
  1634. .password-strength .progress-bar {
  1635. padding: 2px;
  1636. }
  1637. /***
  1638. jQuery Slimscroll
  1639. ***/
  1640. .scroller {
  1641. padding: 0px;
  1642. margin: 0px;
  1643. padding-right: 12px;
  1644. overflow: hidden;
  1645. }
  1646. .scroller-footer {
  1647. margin-top: 10px;
  1648. }
  1649. .scroller-footer:before, .scroller-footer:after {
  1650. content: " ";
  1651. display: table;
  1652. }
  1653. .scroller-footer:after {
  1654. clear: both;
  1655. }
  1656. .portlet-body .slimScrollBar {
  1657. margin-right: 0px;
  1658. }
  1659. /***
  1660. jQuery Sparkline
  1661. ***/
  1662. .jqstooltip {
  1663. width: auto !important;
  1664. height: auto !important;
  1665. }
  1666. .easy-pie-chart,
  1667. .sparkline-chart {
  1668. text-align: center;
  1669. }
  1670. .sparkline-chart {
  1671. margin-top: 15px;
  1672. position: relative;
  1673. }
  1674. .easy-pie-chart .number {
  1675. font-size: 16px;
  1676. font-weight: 300;
  1677. width: 85px;
  1678. margin: 0 auto;
  1679. }
  1680. .sparkline-chart .number {
  1681. width: 100px;
  1682. margin: 0 auto;
  1683. margin-bottom: 10px;
  1684. }
  1685. .sparkline-chart .title,
  1686. .easy-pie-chart .title {
  1687. display: block;
  1688. text-align: center;
  1689. color: #333;
  1690. font-weight: 300;
  1691. font-size: 16px;
  1692. margin-top: 5px;
  1693. margin-bottom: 10px;
  1694. }
  1695. .sparkline-chart .title:hover,
  1696. .easy-pie-chart .title:hover {
  1697. color: #666;
  1698. text-decoration: none;
  1699. }
  1700. .sparkline-chart .title > i,
  1701. .easy-pie-chart .title > i {
  1702. margin-top: 5px;
  1703. }
  1704. /***
  1705. Modify jquery-tags-input plugin css
  1706. ***/
  1707. div.tagsinput {
  1708. min-height: 35px;
  1709. height: auto !important;
  1710. margin: 0;
  1711. padding: 5px 5px 0px 5px;
  1712. overflow: auto;
  1713. }
  1714. div.tagsinput span.tag {
  1715. background: #aaa;
  1716. color: #fff;
  1717. border: 0;
  1718. padding: 3px 6px;
  1719. margin-top: 0;
  1720. margin-bottom: 5px;
  1721. }
  1722. div.tagsinput input {
  1723. padding: 3px 6px;
  1724. width: 75px !important;
  1725. }
  1726. div.tagsinput span.tag a {
  1727. color: #fff;
  1728. }
  1729. div.tagsinput .not_valid {
  1730. color: #fff;
  1731. padding: 3px 6px;
  1732. background-color: #e02222;
  1733. }
  1734. /***
  1735. jQuery UI Sliders(new in v1.1.1)
  1736. ***/
  1737. .slider {
  1738. border: 0;
  1739. padding: 0;
  1740. display: block;
  1741. margin: 12px 5px;
  1742. min-height: 11px;
  1743. }
  1744. .ui-slider-vertical {
  1745. width: 11px;
  1746. }
  1747. .ui-slider-horizontal .ui-slider-handle {
  1748. top: -3px;
  1749. }
  1750. .ui-slider-vertical .ui-slider-handle {
  1751. left: -3px;
  1752. }
  1753. .ui-slider-vertical,
  1754. .ui-slider-handle {
  1755. filter: none !important;
  1756. background-image: none !important;
  1757. }
  1758. /***
  1759. JQVMAP Plugin
  1760. ***/
  1761. .jqvmap-zoomin {
  1762. height: 16px;
  1763. width: 16px;
  1764. background-color: #666;
  1765. }
  1766. .jqvmap-zoomout {
  1767. height: 16px;
  1768. width: 16px;
  1769. background-color: #666;
  1770. }
  1771. .vmaps {
  1772. position: relative;
  1773. overflow: hidden;
  1774. height: 300px;
  1775. }
  1776. /***
  1777. Jstree
  1778. ***/
  1779. .jstree-default .jstree-clicked {
  1780. border: 0;
  1781. background-color: #e1e1e1;
  1782. box-shadow: none;
  1783. }
  1784. .jstree-default .jstree-hovered {
  1785. border: 0;
  1786. background-color: #eee;
  1787. box-shadow: none;
  1788. }
  1789. .jstree-default .jstree-wholerow-clicked,
  1790. .jstree-wholerow .jstree-wholerow-clicked {
  1791. background: none;
  1792. border: 0;
  1793. background-color: #e1e1e1;
  1794. box-shadow: none;
  1795. }
  1796. .jstree-default .jstree-wholerow-hovered,
  1797. .jstree-wholerow .jstree-wholerow-hovered {
  1798. border: 0;
  1799. background-color: #eee;
  1800. box-shadow: none;
  1801. }
  1802. .jstree-icon.icon-lg {
  1803. margin-top: 1px;
  1804. }
  1805. .jstree-open > .jstree-anchor > .fa-folder:before {
  1806. margin-left: 2px;
  1807. content: "\f07c";
  1808. }
  1809. .jstree-default.jstree-rtl .jstree-last {
  1810. background: transparent;
  1811. background-repeat: no-repeat;
  1812. }
  1813. .vakata-context,
  1814. .vakata-context ul {
  1815. padding: 0;
  1816. min-width: 125px;
  1817. background-color: #ffffff;
  1818. font-size: 14px;
  1819. font-family: "Segoe UI",Helvetica, Arial, sans-serif;
  1820. box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
  1821. border: 1px solid #efefef;
  1822. }
  1823. .vakata-context li {
  1824. border: 0;
  1825. }
  1826. .vakata-context li a {
  1827. padding: 0 10px;
  1828. border: 0;
  1829. }
  1830. .vakata-context li a i {
  1831. display: none;
  1832. }
  1833. .vakata-context li a .vakata-contextmenu-sep {
  1834. display: none;
  1835. }
  1836. .vakata-context .vakata-context-hover > a,
  1837. .vakata-context li a:hover {
  1838. background-color: #eee;
  1839. color: #333;
  1840. box-shadow: none;
  1841. margin: 0;
  1842. }
  1843. .vakata-context .vakata-context-hover > a .span,
  1844. .vakata-context .vakata-context-hover > a .ins,
  1845. .vakata-context li a:hover .span,
  1846. .vakata-context li a:hover .ins {
  1847. border: 0 !important;
  1848. }
  1849. .vakata-context li a span,
  1850. .vakata-context li a ins {
  1851. display: none;
  1852. border: 0 !important;
  1853. }
  1854. .vakata-context .vakata-context-separator a,
  1855. .vakata-context-rtl .vakata-context-separator a {
  1856. margin: 0;
  1857. border: 0;
  1858. }
  1859. .jstree-rename-input {
  1860. background-color: #ffffff !important;
  1861. border: 1px solid #e5e5e5 !important;
  1862. outline: none !important;
  1863. padding: 2px 6px !important;
  1864. margin-right: -4px !important;
  1865. }
  1866. /***
  1867. NoUIRangeSlider
  1868. ***/
  1869. .noUi-control {
  1870. margin: 9px 0;
  1871. }
  1872. /***
  1873. Color variants
  1874. ***/
  1875. .noUi-primary.noUi-connect,
  1876. .noUi-primary .noUi-connect {
  1877. background: #00BCD4;
  1878. }
  1879. .noUi-info.noUi-connect,
  1880. .noUi-info .noUi-connect {
  1881. background: #89C4F4;
  1882. }
  1883. .noUi-success.noUi-connect,
  1884. .noUi-success .noUi-connect {
  1885. background: #26A69A;
  1886. }
  1887. .noUi-warning.noUi-connect,
  1888. .noUi-warning .noUi-connect {
  1889. background: #ff5722;
  1890. }
  1891. .noUi-danger.noUi-connect,
  1892. .noUi-danger .noUi-connect {
  1893. background: #F3565D;
  1894. }
  1895. .noUi-default.noUi-connect,
  1896. .noUi-default .noUi-connect {
  1897. background: #c6c6c6;
  1898. }
  1899. /***
  1900. Google reCaptcha
  1901. ***/
  1902. .form-recaptcha-img {
  1903. margin-bottom: 10px;
  1904. clear: both;
  1905. border: 1px solid #e5e5e5;
  1906. padding: 5px;
  1907. }
  1908. iframe[src="about:blank"] {
  1909. display: none;
  1910. }
  1911. /***
  1912. Select2 Plugin
  1913. ***/
  1914. .form-control .select2-choice {
  1915. border: 1px solid #e5e5e5;
  1916. background-color: #fff;
  1917. background-image: none;
  1918. filter: none;
  1919. height: 34px;
  1920. padding: 3px 0 0px 12px;
  1921. }
  1922. .select2-container.select2-drop-above .select2-choice {
  1923. border-bottom-color: #e5e5e5;
  1924. background-color: #fff;
  1925. background-image: none;
  1926. filter: none;
  1927. }
  1928. .select2-drop {
  1929. border: 1px solid #e5e5e5;
  1930. background-color: #fff;
  1931. background-image: none;
  1932. -webkit-box-shadow: none;
  1933. box-shadow: none;
  1934. filter: none;
  1935. border-top: 0;
  1936. }
  1937. .select2-drop-auto-width {
  1938. border-top: 1px solid #e5e5e5;
  1939. }
  1940. .select2-drop.select2-drop-above {
  1941. border-top: 1px solid #e5e5e5;
  1942. -webkit-box-shadow: none;
  1943. box-shadow: none;
  1944. }
  1945. .select2-drop-active {
  1946. border: 1px solid #999;
  1947. border-top: 0;
  1948. }
  1949. .select2-container .select2-choice .select2-arrow {
  1950. background-image: none;
  1951. background-color: #fff;
  1952. filter: none;
  1953. border-left: 1px solid #e5e5e5;
  1954. }
  1955. .select2-container.select2-container-active .select2-arrow,
  1956. .select2-container.select2-dropdown-open .select2-arrow {
  1957. border-left: 0 !important;
  1958. }
  1959. .select2-container .select2-choice .select2-arrow b {
  1960. background-position: 0 1px;
  1961. }
  1962. .select2-search input {
  1963. border: 1px solid #e5e5e5;
  1964. background-color: #fff !important;
  1965. filter: none;
  1966. margin: 0;
  1967. outline: 0;
  1968. border: 1px solid #e5e5e5;
  1969. webkit-appearance: none !important;
  1970. color: #333333;
  1971. outline: 0;
  1972. box-shadow: none;
  1973. height: auto !important;
  1974. min-height: 26px;
  1975. padding: 6px 6px !important;
  1976. line-height: 20px;
  1977. font-size: 14px;
  1978. font-weight: normal;
  1979. vertical-align: top;
  1980. background-color: #ffffff;
  1981. -webkit-box-shadow: none;
  1982. box-shadow: none;
  1983. margin-top: 5px;
  1984. }
  1985. .form-control.select2-container {
  1986. border: 0;
  1987. height: auto !important;
  1988. padding: 0px;
  1989. }
  1990. .select2-container-active .select2-choice,
  1991. .select2-container-active .select2-choices {
  1992. border: 1px solid #999 !important;
  1993. -webkit-box-shadow: none !important;
  1994. box-shadow: none !important;
  1995. }
  1996. .select2-dropdown-open .select2-choice {
  1997. border-bottom: 0 !important;
  1998. background-image: none;
  1999. background-color: #fff;
  2000. filter: none;
  2001. -webkit-box-shadow: none !important;
  2002. box-shadow: none !important;
  2003. }
  2004. .select2-dropdown-open.select2-drop-above .select2-choice,
  2005. .select2-dropdown-open.select2-drop-above .select2-choices {
  2006. border: 1px solid #999 !important;
  2007. border-top: 0 !important;
  2008. background-image: none;
  2009. background-color: #fff;
  2010. filter: none;
  2011. -webkit-box-shadow: none !important;
  2012. box-shadow: none !important;
  2013. }
  2014. .select2-drop.select2-drop-above.select2-drop-active {
  2015. border: 1px solid #999 !important;
  2016. border-bottom: 0 !important;
  2017. }
  2018. .select2-dropdown-open .select2-choice .select2-arrow b {
  2019. background-position: -18px 1px;
  2020. }
  2021. .select2-results {
  2022. margin: 5px 0;
  2023. }
  2024. .select2-results .select2-highlighted {
  2025. background: #eee;
  2026. color: #333;
  2027. }
  2028. .select2-results li em {
  2029. background: #feffde;
  2030. font-style: normal;
  2031. }
  2032. .select2-results .select2-highlighted em {
  2033. background: transparent;
  2034. }
  2035. .select2-results .select2-highlighted ul {
  2036. background: #fff;
  2037. color: #000;
  2038. }
  2039. .select2-results .select2-no-results,
  2040. .select2-results .select2-searching,
  2041. .select2-results .select2-selection-limit {
  2042. padding: 3px 7px 4px;
  2043. background: #f4f4f4;
  2044. display: list-item;
  2045. }
  2046. .select2-container-multi {
  2047. -webkit-border-radius: 4px;
  2048. -moz-border-radius: 4px;
  2049. -ms-border-radius: 4px;
  2050. -o-border-radius: 4px;
  2051. border-radius: 4px;
  2052. }
  2053. .select2-container-multi .select2-choices {
  2054. -webkit-border-radius: 4px;
  2055. -moz-border-radius: 4px;
  2056. -ms-border-radius: 4px;
  2057. -o-border-radius: 4px;
  2058. border-radius: 4px;
  2059. }
  2060. .select2-container-multi.select2-dropdown-open {
  2061. -webkit-border-radius: 4px 4px 0 0;
  2062. -moz-border-radius: 4px 4px 0 0;
  2063. -ms-border-radius: 4px 4px 0 0;
  2064. -o-border-radius: 4px 4px 0 0;
  2065. border-radius: 4px 4px 0 0;
  2066. }
  2067. .select2-container-multi.select2-dropdown-open .select2-choices {
  2068. -webkit-border-radius: 4px 4px 0 0;
  2069. -moz-border-radius: 4px 4px 0 0;
  2070. -ms-border-radius: 4px 4px 0 0;
  2071. -o-border-radius: 4px 4px 0 0;
  2072. border-radius: 4px 4px 0 0;
  2073. }
  2074. .select2-container-multi.select2-dropdown-open.select2-drop-above {
  2075. -webkit-border-radius: 0 0 4px 4px;
  2076. -moz-border-radius: 0 0 4px 4px;
  2077. -ms-border-radius: 0 0 4px 4px;
  2078. -o-border-radius: 0 0 4px 4px;
  2079. border-radius: 0 0 4px 4px;
  2080. }
  2081. .select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices {
  2082. -webkit-border-radius: 0 0 4px 4px;
  2083. -moz-border-radius: 0 0 4px 4px;
  2084. -ms-border-radius: 0 0 4px 4px;
  2085. -o-border-radius: 0 0 4px 4px;
  2086. border-radius: 0 0 4px 4px;
  2087. }
  2088. .select2-container-multi .select2-choices {
  2089. padding-left: 6px;
  2090. min-height: 34px;
  2091. border: 1px solid #e5e5e5;
  2092. background-image: none;
  2093. background-color: #fff;
  2094. filter: none;
  2095. -webkit-box-shadow: none !important;
  2096. box-shadow: none !important;
  2097. }
  2098. .select2-container-multi.select2-container-active .select2-choices {
  2099. border: 1px solid #999 !important;
  2100. background-image: none;
  2101. background-color: #fff;
  2102. filter: none;
  2103. -webkit-box-shadow: none !important;
  2104. box-shadow: none !important;
  2105. }
  2106. .select2-container-multi .select2-choices .select2-search-choice {
  2107. padding: 3px 5px 3px 18px;
  2108. margin: 5px 0 3px 5px;
  2109. border: 1px solid #e5e5e5;
  2110. background-image: none;
  2111. background-color: #fff;
  2112. filter: none;
  2113. -webkit-box-shadow: none !important;
  2114. box-shadow: none !important;
  2115. }
  2116. /***
  2117. Color variants
  2118. ***/
  2119. .has-warning .select2-container .select2-choice,
  2120. .has-warning .select2-container .select2-choices {
  2121. border-color: #ff1b08;
  2122. }
  2123. .has-warning .select2-container.select2-dropdown-open .select2-choice,
  2124. .has-warning .select2-container.select2-dropdown-open .select2-choices {
  2125. border-color: #ff1b08;
  2126. }
  2127. .has-warning .select2-container.select2-dropdown-open .select2-choice > span {
  2128. color: #ff1b08;
  2129. }
  2130. .has-error .select2-container .select2-choice,
  2131. .has-error .select2-container .select2-choices {
  2132. border-color: #f13e64;
  2133. }
  2134. .has-error .select2-container.select2-dropdown-open .select2-choice,
  2135. .has-error .select2-container.select2-dropdown-open .select2-choices {
  2136. border-color: #f13e64;
  2137. }
  2138. .has-error .select2-container.select2-dropdown-open .select2-choice > span {
  2139. color: #f13e64;
  2140. }
  2141. .has-success .select2-container .select2-choice,
  2142. .has-success .select2-container .select2-choices {
  2143. border-color: #219174;
  2144. }
  2145. .has-success .select2-container.select2-dropdown-open .select2-choice,
  2146. .has-success .select2-container.select2-dropdown-open .select2-choices {
  2147. border-color: #219174;
  2148. }
  2149. .has-success .select2-container.select2-dropdown-open .select2-choice > span {
  2150. color: #219174;
  2151. }
  2152. /* Fix z-index when select2 opened in modals*/
  2153. .modal-open .select2-drop-mask {
  2154. z-index: 10051;
  2155. }
  2156. .modal-open .select2-drop {
  2157. z-index: 10052;
  2158. }
  2159. .modal-open .select2-search {
  2160. z-index: 10053;
  2161. }
  2162. /***
  2163. Bootstrap input sizes
  2164. ***/
  2165. /* Large input size */
  2166. .form-control.input-lg .select2-choice {
  2167. height: 46px;
  2168. padding: 10px 16px;
  2169. }
  2170. .select2-container.input-lg .select2-choice .select2-arrow b {
  2171. background-position: 0 7px;
  2172. }
  2173. /* Small input size */
  2174. .form-control.input-sm .select2-choice {
  2175. height: 30px;
  2176. padding: 1px 10px 5px 10px;
  2177. }
  2178. .select2-container.input-sm .select2-choice .select2-arrow b {
  2179. background-position: 0 0px;
  2180. }
  2181. /* Portlet full screen mode */
  2182. .modal-open.page-portlet-fullscreen .select2-drop-mask {
  2183. z-index: 10081;
  2184. }
  2185. .modal-open.page-portlet-fullscreen .select2-drop {
  2186. z-index: 10082;
  2187. }
  2188. .modal-open.page-portlet-fullscreen .select2-search {
  2189. z-index: 10083;
  2190. }
  2191. /***
  2192. jQuery Uniform
  2193. ***/
  2194. .checker {
  2195. margin-top: -2px !important;
  2196. margin-right: 2px !important;
  2197. }
  2198. .checker input,
  2199. .radio input {
  2200. outline: none !important;
  2201. }
  2202. div.checker.disabled span,
  2203. div.checker.disabled.active span {
  2204. background-position: -152px -260px;
  2205. }
  2206. div.checker.disabled:hover,
  2207. div.radio.disabled:hover {
  2208. cursor: not-allowed;
  2209. }
  2210. div.radio,
  2211. div.checker {
  2212. margin-right: 0;
  2213. margin-left: 3px;
  2214. }
  2215. /***
  2216. Morris Charts
  2217. ***/
  2218. .portlet-body-morris-fit {
  2219. margin-right: -20px;
  2220. margin-left: -20px;
  2221. margin-bottom: -15px;
  2222. }
  2223. .portlet-body-morris-fit > svg {
  2224. -webkit-border-radius: 0 0 2px 2px;
  2225. -moz-border-radius: 0 0 2px 2px;
  2226. -ms-border-radius: 0 0 2px 2px;
  2227. -o-border-radius: 0 0 2px 2px;
  2228. border-radius: 0 0 2px 2px;
  2229. }
  2230. .morris-hover.morris-default-style .morris-hover-row-label {
  2231. text-align: left;
  2232. font-weight: 400;
  2233. font-size: 15px;
  2234. color: #7D8C9D;
  2235. font-family: "Open Sans", sans-serif;
  2236. }
  2237. .morris-hover.morris-default-style .morris-hover-point {
  2238. text-align: left;
  2239. font-size: 14px;
  2240. font-weight: 400;
  2241. font-family: "Open Sans", sans-serif;
  2242. }
  2243. /***
  2244. iCheck
  2245. ***/
  2246. .icheck-list > label {
  2247. display: block;
  2248. margin-bottom: 8px;
  2249. }
  2250. .icheck-list > label:last-child {
  2251. margin-bottom: 0;
  2252. }
  2253. .form-horizontal .icheck-inline {
  2254. margin-top: 8px;
  2255. }
  2256. .icheck-inline > label {
  2257. display: inline-block;
  2258. margin-left: 15px;
  2259. }
  2260. .icheck-inline > label:first-child {
  2261. margin-left: 0;
  2262. }
  2263. div[class*='icheckbox_'],
  2264. div[class*='iradio_'] {
  2265. margin-right: 5px;
  2266. top: -1px !important;
  2267. }
  2268. .icheck-colors {
  2269. padding: 0;
  2270. margin: 0;
  2271. list-style: none;
  2272. }
  2273. .icheck-colors > li {
  2274. padding: 0;
  2275. margin: 4px;
  2276. float: left;
  2277. display: inline-block;
  2278. height: 20px;
  2279. width: 20px;
  2280. background: #000000;
  2281. opacity: 0.6 ;
  2282. filter: alpha(opacity=60) ;
  2283. }
  2284. .icheck-colors > li:first-child {
  2285. margin-left: 0;
  2286. }
  2287. .icheck-colors > li:hover {
  2288. opacity: 1 ;
  2289. filter: alpha(opacity=100) ;
  2290. cursor: pointer;
  2291. }
  2292. .icheck-colors > li.active {
  2293. height: 26px;
  2294. margin-top: 0;
  2295. opacity: 0.6 ;
  2296. filter: alpha(opacity=60) ;
  2297. }
  2298. .icheck-colors > li.red {
  2299. background: #d54e21;
  2300. }
  2301. .icheck-colors > li.green {
  2302. background: #78a300;
  2303. }
  2304. .icheck-colors > li.blue {
  2305. background: #0e76a8;
  2306. }
  2307. .icheck-colors > li.aero {
  2308. background: #9cc2cb;
  2309. }
  2310. .icheck-colors > li.grey {
  2311. background: #73716e;
  2312. }
  2313. .icheck-colors > li.orange {
  2314. background: #f70;
  2315. }
  2316. .icheck-colors > li.yellow {
  2317. background: #fc0;
  2318. }
  2319. .icheck-colors > li.pink {
  2320. background: #ff66b5;
  2321. }
  2322. .icheck-colors > li.purple {
  2323. background: #6a5a8c;
  2324. }
  2325. /***
  2326. AngularJS UI-select
  2327. ***/
  2328. .ui-select-match-close {
  2329. margin-top: 5px !important;
  2330. margin-left: 5px !important;
  2331. }
  2332. .minicolors-swatch {
  2333. border: 0;
  2334. }