main.css 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519
  1. /* Main.css version 1.1
  2. ================================================== */
  3. body {
  4. background: #fff;
  5. -webkit-font-smoothing: antialiased;
  6. overflow-x: hidden;
  7. background: url(../images/patterns/5.png) repeat;
  8. }
  9. /*position elements*/
  10. .left {float:left;}
  11. .right {float:right;}
  12. .center {text-align:center; width:100%; }
  13. .center i {float:none; display: inline;}
  14. /*margins*/
  15. .marginR5 {margin-right: 5px;}
  16. .marginR10{margin-right: 10px;}
  17. .marginT5 {margin-top:5px;}
  18. .marginT10{margin-top:10px;}
  19. .marginB5 {margin-bottom: 5px;}
  20. .marginB10 {margin-bottom: 10px;}
  21. .marginL5 {margin-left: 5px;}
  22. .marginL10 {margin-left: 10px;}
  23. .margin10 {margin: 10px;}
  24. /*paddings*/
  25. .padding15 {padding:15px;}
  26. .padingR5 {padding-right: 5px;}
  27. .padingR10{padding-right: 10px;}
  28. .padingT5 {padding-top:5px;}
  29. .padingT10{padding-top:10px;}
  30. .padingB5 {padding-bottom: 5px;}
  31. .padingB10 {padding-bottom: 10px;}
  32. .padingL5 {padding-left: 5px;}
  33. .padingL10 {padding-left: 10px;}
  34. .padding {padding: 10px;}
  35. div.centerContent {margin: 0;display: block;}
  36. .strong {font-weight: 700;}
  37. a,.btn {outline: none !important;}
  38. /* Typography
  39. -------------------------------------------------- */
  40. li {margin-bottom:7px;}
  41. a {
  42. color: #3399cc;
  43. text-decoration: none;
  44. }
  45. a:hover {
  46. color: #005580;
  47. text-decoration: underline;
  48. }
  49. body {
  50. font-family: 'Droid Sans',
  51. Helvetica, Arial, sans-serif;
  52. color:#353535;
  53. font-size: 13px;
  54. -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  55. -webkit-text-size-adjust: 100%;
  56. font-size-adjust: 100%;
  57. font-weight: 400;
  58. /*-webkit-text-stroke: 100%;*/
  59. }
  60. p {
  61. margin: 0 0 9px;
  62. font-family: 'Droid Sans', Helvetica, Arial, sans-serif;
  63. font-size: 13px;
  64. line-height: 22px;
  65. font-weight: 400;
  66. }
  67. p small {
  68. font-size: 11px;
  69. color: #999999;
  70. }
  71. h1,h2,h3,h4,h5,h6 {
  72. margin: 0;
  73. font-family: 'Open Sans', sans-serif;
  74. /*font-family: 'Signika', sans-serif;*/
  75. font-weight: 700;
  76. color: inherit;
  77. text-rendering: optimizelegibility;
  78. margin-bottom:10px;
  79. }
  80. h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
  81. font-weight: normal;
  82. color: #999999;
  83. }
  84. h1 { font-size: 30px;line-height: 45px;}
  85. h1 small {font-size: 18px;}
  86. h2 { font-size: 24px;line-height: 36px;}
  87. h2 small {font-size: 18px;}
  88. h3 {font-size: 18px;line-height: 27px;}
  89. h3 small {font-size: 14px;}
  90. h4,h5,h6 {line-height: 18px;}
  91. h4 {font-size: 14px;}
  92. h4 small {font-size: 12px;}
  93. h5 {font-size: 12px;}
  94. h6 {font-size: 11px;color: #999999;text-transform: uppercase;}
  95. body, p {font-family: 'Droid Sans', Helvetica, Arial, sans-serif;}
  96. /* Boostrap override (make it pretty :)
  97. ================================================== */
  98. /*Page header*/
  99. .page-header {
  100. padding-bottom: 0;
  101. margin-top:9px;
  102. border-color: #c4c4c4;
  103. -moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
  104. -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
  105. box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
  106. }
  107. /*Tables*/
  108. .table {position: relative;}
  109. .table td { border-top: 1px solid #c4c4c4;}
  110. .table thead th, .table tbody td {text-align: center;}
  111. .table thead th:first-child, .table tbody td:first-child {text-align: left;}
  112. .table tr {
  113. -moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
  114. -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
  115. box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
  116. }
  117. .table tbody {background-color:#fafafa;}
  118. .table tbody + tbody {border-top: 2px solid #c4c4c4;}
  119. .table tbody tr:last-child{border-bottom: 1px solid #c4c4c4;}
  120. .table thead th {
  121. background: rgb(255,255,255);
  122. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  123. background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
  124. background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
  125. background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  126. background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  127. background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  128. background: linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  129. -moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
  130. -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
  131. box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
  132. }
  133. .table-bordered {
  134. border-color: #c4c4c4;
  135. border-top:1px solid transparent;
  136. -webkit-border-radius: 2px;
  137. -moz-border-radius: 2px;
  138. border-radius: 2px;
  139. padding-bottom: 1px;
  140. border-collapse: collapse;
  141. margin-top:-1px;
  142. margin-left:-1px;
  143. }
  144. .table caption + thead tr:first-child th,.table caption + thead tr:first-child td,.table colgroup + thead tr:first-child th,
  145. .table colgroup + thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td {
  146. border-top: 1px solid #c4c4c4;
  147. }
  148. .table-bordered th,.table-bordered td { border-left: 1px solid #c4c4c4;}
  149. .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
  150. -webkit-border-top-left-radius: 2px;
  151. border-top-left-radius: 2px;
  152. -moz-border-radius-topleft: 2px;
  153. }
  154. .table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child {
  155. -webkit-border-top-right-radius: 2px;
  156. border-top-right-radius: 2px;
  157. -moz-border-radius-topright: 2px;
  158. }
  159. .table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child {
  160. -webkit-border-radius: 0 0 0 2px;
  161. -moz-border-radius: 0 0 0 2px;
  162. border-radius: 0 0 0 2px;
  163. -webkit-border-bottom-left-radius: 2px;
  164. border-bottom-left-radius: 2px;
  165. -moz-border-radius-bottomleft: 2px;
  166. }
  167. .table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child {
  168. -webkit-border-bottom-right-radius: 2px;
  169. border-bottom-right-radius: 2px;
  170. -moz-border-radius-bottomright: 2px;
  171. }
  172. .table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th {
  173. background-color: #f7f7f7;
  174. }
  175. .table tbody tr:hover td,
  176. .table tbody tr:hover th {
  177. background-color: #e8eaeb;
  178. }
  179. .table .ch {width: 10px;}
  180. .noPad .table {border: 1px solid transparent;margin-bottom: -1px; margin-top:-1px;}
  181. .box .dataTables_wrapper {margin-left: -1px;}
  182. /*Pagination*/
  183. .pagination {
  184. height: auto;
  185. margin: 0 0 18px 0;
  186. }
  187. .pagination a {
  188. display: inline-block !important;
  189. float: left !important;
  190. padding: 0 14px !important;
  191. line-height: 28px !important;
  192. text-decoration: none !important;
  193. border: 1px solid #c4c4c4 !important;
  194. border-left-width: 1px !important;
  195. background-color: #f3f3f3 !important;
  196. background: rgb(255,255,255) !important;
  197. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
  198. background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%) !important;
  199. background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1))) !important;
  200. background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%) !important;
  201. background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%) !important;
  202. background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%) !important;
  203. background: linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%) !important;
  204. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ) !important;
  205. min-height: 28px !important;
  206. color: #717171 !important;
  207. box-shadow:0 1px 0 #eaeaea ,0 1px 0 #fff inset !important;
  208. margin-right: 4px !important;
  209. -webkit-border-radius: 2px 2px 2px 2px !important;
  210. -moz-border-radius: 2px 2px 2px 2px !important;
  211. border-radius: 2px 2px 2px 2px !important;
  212. font-weight: 700 !important;
  213. margin-bottom: 10px !important;
  214. }
  215. .pagination li:first-child a {
  216. border-left-width: 1px;
  217. -webkit-border-radius: 2px 2px 2px 2px;
  218. -moz-border-radius: 2px 2px 2px 2px;
  219. border-radius: 2px 2px 2px 2px;
  220. }
  221. .pagination li:last-child a {
  222. -webkit-border-radius: 2px 2px 2px 2px;
  223. -moz-border-radius: 2px 2px 2px 2px;
  224. border-radius: 2px 2px 2px 2px;
  225. }
  226. .pagination a span {
  227. margin:0;
  228. color: #717171;
  229. padding:0;
  230. line-height: 28px;
  231. background: transparent;
  232. border: none;
  233. }
  234. .pagination li>span {
  235. margin: 0px 8px 0 7px !important;
  236. padding:0 5px 0 5px !important;
  237. float:left !important;
  238. display: inline-block !important;
  239. border:none !important;
  240. background: transparent !important;
  241. line-height: 30px !important;
  242. }
  243. .pagination .active a, .pagination .active a:hover {
  244. color: #f2f2f2 !important;
  245. box-shadow:0 1px 0 #eaeaea ,0 1px 0 #67c3da inset !important;
  246. border-color: #5098aa !important;
  247. background: #88BBC8 !important;
  248. filter: progid:DXImageTransform.Microsoft.gradient(enabled='false') !important;
  249. }
  250. .pagination a:hover {
  251. border: 1px solid #a3a3a3 !important;
  252. background: #e8e6e6 !important;
  253. }
  254. .pager a {
  255. display: inline-block;
  256. padding: 5px 14px;
  257. border: 1px solid #c4c4c4;
  258. -webkit-border-radius: 2px;
  259. -moz-border-radius: 2px;
  260. border-radius: 2px;
  261. background: rgb(255,255,255);
  262. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  263. background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
  264. background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
  265. background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  266. background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  267. background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  268. background: linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  269. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
  270. color: #717171;
  271. box-shadow:0 1px 0 #eaeaea ,0 1px 0 #fff inset;
  272. margin-right: 4px;
  273. }
  274. .pager a:hover {
  275. border: 1px solid #a3a3a3;
  276. background: #e8e6e6;
  277. }
  278. #wrapper {
  279. height: auto;
  280. min-height: 100%;
  281. position: relative;
  282. }
  283. /*Content for left sidebar only*/
  284. #content {
  285. padding: 67px 25px 25px 25px;
  286. margin-left: 213px;
  287. padding-top: 67px;
  288. min-height: 100%;
  289. background: url(../images/patterns/5.png) repeat;
  290. }
  291. /*Content for right sidebar only*/
  292. #content-one {
  293. padding: 67px 25px 25px 25px;
  294. margin-right: 212px;
  295. padding-top: 67px;
  296. min-height: 100%;
  297. background: url(../images/patterns/5.png) repeat;
  298. }
  299. /*Content for two sidebars*/
  300. #content-two {
  301. padding: 67px 25px 25px 25px;
  302. margin-left: 213px;
  303. margin-right: 212px;
  304. padding-top: 67px;
  305. min-height: 100%;
  306. background: url(../images/patterns/5.png) repeat;
  307. }
  308. .contentwrapper {
  309. float: left;
  310. width: 100%;
  311. }
  312. /*Widget box style*/
  313. .box {
  314. width:100%;
  315. min-height:100%;
  316. -moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
  317. -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
  318. box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
  319. margin-bottom: 25px;
  320. }
  321. .box.hover {
  322. -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2);
  323. -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  324. box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  325. -webkit-transition: all 1s ease;
  326. -moz-transition: all 1s ease;
  327. -ms-transition: all 1s ease;
  328. -o-transition: all 1s ease;
  329. transition: all 1s ease;
  330. }
  331. .box.plain.hover {box-shadow: none;}
  332. .box .title {
  333. height:auto;
  334. background: url(../images/patterns/2.png) repeat;
  335. position: relative;
  336. border:1px solid #c4c4c4;
  337. border-top-left-radius: 2px;
  338. border-top-right-radius: 2px;
  339. -moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
  340. -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
  341. box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
  342. }
  343. .box.plain .title {
  344. border-top: none;
  345. border-left: none;
  346. border-right: none;
  347. background: none;
  348. }
  349. .box.gradient .title {
  350. background: rgb(255,255,255);
  351. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  352. background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
  353. background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
  354. background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  355. background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  356. background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  357. background: linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
  358. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
  359. }
  360. .box .title.min {
  361. border-bottom-left-radius: 2px;
  362. border-bottom-right-radius: 2px;
  363. }
  364. .box .title h4 {
  365. padding-left:15px;
  366. margin-bottom: 0;
  367. padding-top: 9px;
  368. padding-bottom: 9px;
  369. }
  370. h4 .label {float: right; margin-right: 40px;}
  371. h4 .badge {float: right; margin-right: 40px;}
  372. .box .title span[class*=" icon-"], .box .title span[class*=" brocco-icon-"], .box .title span[class*=" cut-icon-"],
  373. .box .title span[class*=" entypo-icon-"], .box .title span[class*=" icomoon-icon-"], .box .title span[class*=" minia-icon-"],
  374. .box .title span[class*=" iconic-icon-"], .box .title span[class*=" meteo-icon-"], .box .title span[class*=" silk-icon-"],
  375. .box .title span[class*=" typ-icon-"], .box .title span[class*=" wpzoom-"], .box .title span[class*=" eco-"]
  376. {
  377. margin: 0 10px 0 0px;
  378. }
  379. .box .title .loader {
  380. position: absolute;
  381. right:40px;
  382. top:10px;
  383. }
  384. .box .title>a {
  385. position: absolute;
  386. right:10px;
  387. top:8px;
  388. border: 1px solid #c4c4c4;
  389. border-radius:2px;
  390. -webkit-border-radius:2px;
  391. -moz-border-radius:2px;
  392. text-decoration:none;
  393. color: #3f3f3f;
  394. /*padding: 2px 4px 0px 4px;*/
  395. text-indent: -9999px;
  396. background-color: #f3f3f3;
  397. width:16px;
  398. height:16px;
  399. padding:0px 2px 3px 2px;
  400. }
  401. .box .spark {
  402. margin-right: 40px;
  403. float: right;
  404. }
  405. .box .box-form {
  406. margin-right: 40px;
  407. margin-bottom: 0;
  408. position: relative;
  409. }
  410. .box .box-form input {
  411. width: 100%;
  412. margin-bottom: 0;
  413. }
  414. .box .box-form .dropdown-menu {top:auto; left:auto;}
  415. .box .box-form .btn-mini.dropdown-toggle {margin-top:-1px;}
  416. .box .box-form .btn span {margin-right: 0; margin-top: -8px; display: inline-block;}
  417. .box .box-form .btn-mini span {margin-top: 0;}
  418. .box .box-form .dropdown-toggle {margin-top: -4px; padding-bottom: 0;}
  419. .box .box-form .btn span.caret {margin-left: 2px; margin-top:7px;}
  420. .box .box-form .ibutton-container { margin-top:-2px;}
  421. .box .title .label span, .box .title .badge span {margin-left:0; margin-right:0}
  422. .box .title .progress {
  423. width:40%;
  424. position: absolute;
  425. right:40px;
  426. top:8px;
  427. }
  428. .box .title .minimize {
  429. cursor:pointer;
  430. background: url(../images/icons/minus.png) no-repeat center 3px #f3f3f3;
  431. display: none;
  432. }
  433. .box .title .maximize {
  434. background: url(../images/icons/plus.png) no-repeat center 3px #f3f3f3;
  435. display: block;
  436. }
  437. .box .content {
  438. padding:10px;
  439. border:1px solid #c4c4c4;
  440. border-bottom-left-radius: 2px;
  441. border-bottom-right-radius: 2px;
  442. border-top: none;
  443. background-color: #fff;
  444. position: relative;
  445. }
  446. .box .content.vertical-scroll {
  447. width: 200px;
  448. }
  449. .box .content.noPad {
  450. padding: 0;
  451. }
  452. .box .content.noPad .nav-tabs {
  453. margin-top: -1px;
  454. margin-left: -1px;
  455. margin-right: -1px;
  456. }
  457. .box .content.noPad .tab-content {
  458. margin-bottom: -1px;
  459. margin-left: -1px;
  460. margin-right: -1px;
  461. }
  462. .box.boxMargin {margin-bottom: 27px;}