css.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376
  1. .app-form-group {
  2. margin-bottom: 15px
  3. }
  4. .app-form-group label {
  5. display: inline-block;
  6. max-width: 100%;
  7. margin-bottom: 5px;
  8. font-weight: 700;
  9. }
  10. .app-form-control {
  11. display: block;
  12. width: 100%;
  13. height: 34px;
  14. padding: 6px 12px;
  15. font-size: 14px;
  16. line-height: 1.42857143;
  17. color: #555;
  18. background-color: #fff;
  19. background-image: none;
  20. border: 1px solid #ccc;
  21. border-radius: 4px;
  22. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  23. box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  24. -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  25. -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  26. transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
  27. }
  28. .app-form-control:focus {
  29. border-color: #66afe9;
  30. outline: 0;
  31. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  32. box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
  33. }
  34. .app-form-control::-moz-placeholder {
  35. color: #999;
  36. opacity: 1
  37. }
  38. .app-form-control:-ms-input-placeholder {
  39. color: #999
  40. }
  41. .app-form-control::-webkit-input-placeholder {
  42. color: #999
  43. }
  44. .app-form-control[disabled],.app-form-control[readonly],fieldset[disabled] .app-form-control {
  45. cursor: not-allowed;
  46. background-color: #eee;
  47. opacity: 1
  48. }
  49. input.app-form-control{
  50. height:auto;
  51. max-height:34px;
  52. }
  53. textarea.app-form-control {
  54. height: auto!important;
  55. max-height: auto!important;
  56. }
  57. .app-btn {
  58. display: inline-block;
  59. padding: 6px 12px;
  60. margin-bottom: 0;
  61. font-size: 14px;
  62. font-weight: 400;
  63. line-height: 1.42857143;
  64. text-align: center;
  65. white-space: nowrap;
  66. vertical-align: middle;
  67. -ms-touch-action: manipulation;
  68. touch-action: manipulation;
  69. cursor: pointer;
  70. -webkit-user-select: none;
  71. -moz-user-select: none;
  72. -ms-user-select: none;
  73. user-select: none;
  74. background-image: none;
  75. border: 1px solid transparent;
  76. border-radius: 4px
  77. }
  78. .app-btn:focus,.app-btn:active:focus,.app-btn.active:focus,.app-btn.focus,.app-btn:active.focus,.app-btn.active.focus {
  79. outline: thin dotted;
  80. outline: 5px auto -webkit-focus-ring-color;
  81. outline-offset: -2px
  82. }
  83. .app-btn:hover,.app-btn:focus,.app-btn.focus {
  84. color: #333;
  85. text-decoration: none
  86. }
  87. .app-btn:active,.app-btn.active {
  88. background-image: none;
  89. outline: 0;
  90. -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  91. box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
  92. }
  93. .app-btn.disabled,.app-btn[disabled],fieldset[disabled] .app-btn {
  94. pointer-events: none;
  95. cursor: not-allowed;
  96. filter: alpha(opacity=65);
  97. -webkit-box-shadow: none;
  98. box-shadow: none;
  99. opacity: .65
  100. }
  101. .app-btn-default {
  102. color: #333;
  103. background-color: #fff;
  104. border-color: #ccc
  105. }
  106. .app-btn-default:hover,.app-btn-default:focus,.app-btn-default.focus,.app-btn-default:active,.app-btn-default.active,.open>.dropdown-toggle.app-btn-default {
  107. color: #333;
  108. background-color: #e6e6e6;
  109. border-color: #adadad
  110. }
  111. .app-btn-default:active,.app-btn-default.active,.open>.dropdown-toggle.app-btn-default {
  112. background-image: none
  113. }
  114. .app-btn-default.disabled,.app-btn-default[disabled],fieldset[disabled] .app-btn-default,.app-btn-default.disabled:hover,.app-btn-default[disabled]:hover,fieldset[disabled] .app-btn-default:hover,.app-btn-default.disabled:focus,.app-btn-default[disabled]:focus,fieldset[disabled] .app-btn-default:focus,.app-btn-default.disabled.focus,.app-btn-default[disabled].focus,fieldset[disabled] .app-btn-default.focus,.app-btn-default.disabled:active,.app-btn-default[disabled]:active,fieldset[disabled] .app-btn-default:active,.app-btn-default.disabled.active,.app-btn-default[disabled].active,fieldset[disabled] .app-btn-default.active {
  115. background-color: #fff;
  116. border-color: #ccc
  117. }
  118. .app-btn-default .badge {
  119. color: #fff;
  120. background-color: #333
  121. }
  122. .app-btn-primary {
  123. color: #fff;
  124. background-color: #428bca;
  125. border-color: #357ebd
  126. }
  127. .app-btn-primary:hover,.app-btn-primary:focus,.app-btn-primary.focus,.app-btn-primary:active,.app-btn-primary.active,.open>.dropdown-toggle.app-btn-primary {
  128. color: #fff;
  129. background-color: #3071a9;
  130. border-color: #285e8e
  131. }
  132. .app-btn-primary:active,.app-btn-primary.active,.open>.dropdown-toggle.app-btn-primary {
  133. background-image: none
  134. }
  135. .app-btn-primary.disabled,.app-btn-primary[disabled],fieldset[disabled] .app-btn-primary,.app-btn-primary.disabled:hover,.app-btn-primary[disabled]:hover,fieldset[disabled] .app-btn-primary:hover,.app-btn-primary.disabled:focus,.app-btn-primary[disabled]:focus,fieldset[disabled] .app-btn-primary:focus,.app-btn-primary.disabled.focus,.app-btn-primary[disabled].focus,fieldset[disabled] .app-btn-primary.focus,.app-btn-primary.disabled:active,.app-btn-primary[disabled]:active,fieldset[disabled] .app-btn-primary:active,.app-btn-primary.disabled.active,.app-btn-primary[disabled].active,fieldset[disabled] .app-btn-primary.active {
  136. background-color: #428bca;
  137. border-color: #357ebd
  138. }
  139. .app-btn-primary .badge {
  140. color: #428bca;
  141. background-color: #fff
  142. }
  143. input[type=submit].app-btn-block,input[type=reset].app-btn-block,input[type=button].app-btn-block {
  144. width: 100%
  145. }
  146. .app-alert {
  147. padding: 15px;
  148. margin-bottom: 15px;
  149. border: 1px solid transparent;
  150. border-radius: 4px
  151. }
  152. .app-alert p{margin-top:0;}
  153. .app-alert h4 {
  154. margin-top: 0;
  155. color: inherit
  156. }
  157. .app-alert .app-alert-link {
  158. font-weight: 700
  159. }
  160. .app-alert>p,.app-alert>ul {
  161. margin-bottom: 0
  162. }
  163. .app-alert>p+p {
  164. margin-top: 5px
  165. }
  166. .app-alert-dismissable,.app-alert-dismissible {
  167. padding-right: 35px
  168. }
  169. .app-alert-dismissable .close,.app-alert-dismissible .close {
  170. position: relative;
  171. top: -2px;
  172. right: -21px;
  173. color: inherit
  174. }
  175. .app-alert-success {
  176. color: #3c763d;
  177. background-color: #dff0d8;
  178. border-color: #d6e9c6
  179. }
  180. .app-alert-success hr {
  181. border-top-color: #c9e2b3
  182. }
  183. .app-alert-success .app-alert-link {
  184. color: #2b542c
  185. }
  186. .app-alert-info {
  187. color: #31708f;
  188. background-color: #d9edf7;
  189. border-color: #bce8f1
  190. }
  191. .app-alert-info hr {
  192. border-top-color: #a6e1ec
  193. }
  194. .app-alert-info .app-alert-link {
  195. color: #245269
  196. }
  197. .app-alert-warning {
  198. color: #8a6d3b;
  199. background-color: #fcf8e3;
  200. border-color: #faebcc
  201. }
  202. .app-alert-warning hr {
  203. border-top-color: #f7e1b5
  204. }
  205. .app-alert-warning .app-alert-link {
  206. color: #66512c
  207. }
  208. .app-alert-danger {
  209. color: #a94442;
  210. background-color: #f2dede;
  211. border-color: #ebccd1
  212. }
  213. .app-alert-danger hr {
  214. border-top-color: #e4b9c0
  215. }
  216. .app-alert-danger .app-alert-link {
  217. color: #843534
  218. }
  219. .app-table {
  220. width: 100%;
  221. max-width: 100%;
  222. border:1px solid #ddd;
  223. box-shadow: 0 0 0 0!important;
  224. margin-bottom:15px;
  225. }
  226. .app-table>thead>tr>th,.app-table>tbody>tr>th,.app-table>tfoot>tr>th,.app-table>thead>tr>td,.app-table>tbody>tr>td,.app-table>tfoot>tr>td {
  227. padding: 8px;
  228. line-height: 1.42857143;
  229. vertical-align: top;
  230. border-top: 1px solid #ddd
  231. }
  232. .app-table>thead>tr>th {
  233. vertical-align: bottom;
  234. border-bottom: 2px solid #ddd
  235. }
  236. .app-table>caption+thead>tr:first-child>th,.app-table>colgroup+thead>tr:first-child>th,.app-table>thead:first-child>tr:first-child>th,.app-table>caption+thead>tr:first-child>td,.app-table>colgroup+thead>tr:first-child>td,.app-table>thead:first-child>tr:first-child>td {
  237. border-top: 0
  238. }
  239. .app-table>tbody+tbody {
  240. border-top: 2px solid #ddd
  241. }
  242. .app-table .app-table {
  243. background-color: #fff
  244. }
  245. .app-table-condensed>thead>tr>th,.app-table-condensed>tbody>tr>th,.app-table-condensed>tfoot>tr>th,.app-table-condensed>thead>tr>td,.app-table-condensed>tbody>tr>td,.app-table-condensed>tfoot>tr>td {
  246. padding: 5px
  247. }
  248. .app-table-bordered {
  249. border: 1px solid #ddd
  250. }
  251. .app-table-bordered>thead>tr>th,.app-table-bordered>tbody>tr>th,.app-table-bordered>tfoot>tr>th,.app-table-bordered>thead>tr>td,.app-table-bordered>tbody>tr>td,.app-table-bordered>tfoot>tr>td {
  252. border: 1px solid #ddd
  253. }
  254. .app-table-bordered>thead>tr>th,.app-table-bordered>thead>tr>td {
  255. border-bottom-width: 2px
  256. }
  257. .app-table-striped>tbody>tr:nth-child(odd) {
  258. background-color: #f9f9f9
  259. }
  260. .app-table-hover>tbody>tr:hover {
  261. background-color: #f5f5f5
  262. }
  263. .app-table>thead>tr>td.active,.app-table>tbody>tr>td.active,.app-table>tfoot>tr>td.active,.app-table>thead>tr>th.active,.app-table>tbody>tr>th.active,.app-table>tfoot>tr>th.active,.app-table>thead>tr.active>td,.app-table>tbody>tr.active>td,.app-table>tfoot>tr.active>td,.app-table>thead>tr.active>th,.app-table>tbody>tr.active>th,.app-table>tfoot>tr.active>th {
  264. background-color: #f5f5f5
  265. }
  266. .app-table-hover>tbody>tr>td.active:hover,.app-table-hover>tbody>tr>th.active:hover,.app-table-hover>tbody>tr.active:hover>td,.app-table-hover>tbody>tr:hover>.active,.app-table-hover>tbody>tr.active:hover>th {
  267. background-color: #e8e8e8
  268. }
  269. .app-table>thead>tr>td.success,.app-table>tbody>tr>td.success,.app-table>tfoot>tr>td.success,.app-table>thead>tr>th.success,.app-table>tbody>tr>th.success,.app-table>tfoot>tr>th.success,.app-table>thead>tr.success>td,.app-table>tbody>tr.success>td,.app-table>tfoot>tr.success>td,.app-table>thead>tr.success>th,.app-table>tbody>tr.success>th,.app-table>tfoot>tr.success>th {
  270. background-color: #dff0d8
  271. }
  272. .app-table-hover>tbody>tr>td.success:hover,.app-table-hover>tbody>tr>th.success:hover,.app-table-hover>tbody>tr.success:hover>td,.app-table-hover>tbody>tr:hover>.success,.app-table-hover>tbody>tr.success:hover>th {
  273. background-color: #d0e9c6
  274. }
  275. .app-table>thead>tr>td.info,.app-table>tbody>tr>td.info,.app-table>tfoot>tr>td.info,.app-table>thead>tr>th.info,.app-table>tbody>tr>th.info,.app-table>tfoot>tr>th.info,.app-table>thead>tr.info>td,.app-table>tbody>tr.info>td,.app-table>tfoot>tr.info>td,.app-table>thead>tr.info>th,.app-table>tbody>tr.info>th,.app-table>tfoot>tr.info>th {
  276. background-color: #d9edf7
  277. }
  278. .app-table-hover>tbody>tr>td.info:hover,.app-table-hover>tbody>tr>th.info:hover,.app-table-hover>tbody>tr.info:hover>td,.app-table-hover>tbody>tr:hover>.info,.app-table-hover>tbody>tr.info:hover>th {
  279. background-color: #c4e3f3
  280. }
  281. .app-table>thead>tr>td.warning,.app-table>tbody>tr>td.warning,.app-table>tfoot>tr>td.warning,.app-table>thead>tr>th.warning,.app-table>tbody>tr>th.warning,.app-table>tfoot>tr>th.warning,.app-table>thead>tr.warning>td,.app-table>tbody>tr.warning>td,.app-table>tfoot>tr.warning>td,.app-table>thead>tr.warning>th,.app-table>tbody>tr.warning>th,.app-table>tfoot>tr.warning>th {
  282. background-color: #fcf8e3
  283. }
  284. .app-table-hover>tbody>tr>td.warning:hover,.app-table-hover>tbody>tr>th.warning:hover,.app-table-hover>tbody>tr.warning:hover>td,.app-table-hover>tbody>tr:hover>.warning,.app-table-hover>tbody>tr.warning:hover>th {
  285. background-color: #faf2cc
  286. }
  287. .app-table>thead>tr>td.danger,.app-table>tbody>tr>td.danger,.app-table>tfoot>tr>td.danger,.app-table>thead>tr>th.danger,.app-table>tbody>tr>th.danger,.app-table>tfoot>tr>th.danger,.app-table>thead>tr.danger>td,.app-table>tbody>tr.danger>td,.app-table>tfoot>tr.danger>td,.app-table>thead>tr.danger>th,.app-table>tbody>tr.danger>th,.app-table>tfoot>tr.danger>th {
  288. background-color: #f2dede
  289. }
  290. .app-table-hover>tbody>tr>td.danger:hover,.app-table-hover>tbody>tr>th.danger:hover,.app-table-hover>tbody>tr.danger:hover>td,.app-table-hover>tbody>tr:hover>.danger,.app-table-hover>tbody>tr.danger:hover>th {
  291. background-color: #ebcccc
  292. }
  293. .app-table-responsive {
  294. min-height: .01%;
  295. overflow-x: auto
  296. }
  297. .app-radio-inline{
  298. font-weight:normal!important;
  299. position: relative;
  300. display: inline-block;
  301. margin-right: 15px;
  302. margin-bottom: 0;
  303. vertical-align: middle;
  304. cursor: pointer;
  305. }