jinda_adminlte 0.6.0 → 0.6.0.1

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