startmin.css 25 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163
  1. body {
  2. background-color: #f8f8f8;
  3. }
  4. #wrapper {
  5. width: 100%;
  6. }
  7. #page-wrapper {
  8. padding-top: 50px;
  9. padding-bottom: 30px;
  10. min-height: 100vh;
  11. background-color: #fff;
  12. }
  13. @media(min-width:768px) {
  14. #page-wrapper {
  15. position: inherit;
  16. margin-left: 250px;
  17. padding: 50px 15px 15px;
  18. border-left: 1px solid #e7e7e7;
  19. }
  20. }
  21. .navbar {
  22. min-height: 50px;
  23. }
  24. .navbar-header {
  25. float: left;
  26. }
  27. .navbar-left {
  28. float: left;
  29. }
  30. .navbar-right {
  31. text-align: right;
  32. }
  33. .navbar-top-links {
  34. margin: 0;
  35. }
  36. .navbar-top-links li {
  37. display: inline-block;
  38. }
  39. .navbar-top-links li:last-child {
  40. margin-right: 6px;
  41. }
  42. .navbar-top-links li a {
  43. padding: 20px 15px 10px;
  44. min-height: 50px;
  45. }
  46. .navbar-top-links>li>a, .navbar-top-links>li>a>i, .navbar-top-links>li>a>span {
  47. color: #d6d6d6;
  48. }
  49. .navbar-top-links>li>a:hover, .navbar-top-links>li>a:focus, .navbar-top-links>.open>a, .navbar-top-links>.open>a:hover, .navbar-top-links>.open>a:focus,
  50. .navbar-top-links>li>a:hover>i, .navbar-top-links>li>a:focus>i,
  51. .navbar-top-links>li>a:hover>span, .navbar-top-links>li>a:focus>span {
  52. color: #fff;
  53. background-color: inherit;
  54. }
  55. .navbar-top-links .dropdown-menu li {
  56. display: block;
  57. }
  58. .navbar-top-links .dropdown-menu li:last-child {
  59. margin-right: 0;
  60. }
  61. .navbar-top-links .dropdown-menu li a {
  62. padding: 3px 14px;
  63. min-height: 0;
  64. }
  65. .navbar-top-links .dropdown-menu li a div {
  66. white-space: normal;
  67. }
  68. .navbar-top-links .dropdown-messages,
  69. .navbar-top-links .dropdown-tasks,
  70. .navbar-top-links .dropdown-alerts {
  71. width: 310px;
  72. min-width: 0;
  73. }
  74. .navbar-top-links .dropdown-messages {
  75. margin-left: 5px;
  76. }
  77. .navbar-top-links .dropdown-tasks {
  78. margin-left: -59px;
  79. }
  80. .navbar-top-links .dropdown-alerts {
  81. margin-left: -123px;
  82. }
  83. .navbar-top-links .dropdown-user {
  84. right: 0;
  85. left: auto;
  86. }
  87. .sidebar .sidebar-nav.navbar-collapse {
  88. padding-right: 0;
  89. padding-left: 0;
  90. }
  91. .sidebar .sidebar-nav .theme-selector {
  92. position: fixed;
  93. bottom: 9px;
  94. left: 198px;
  95. }
  96. .contracted .sidebar .sidebar-nav .theme-selector {
  97. left: 3px;
  98. }
  99. .theme-selector a.btn {
  100. border: none;
  101. }
  102. .theme-selector a.btn.light {
  103. background: #ddd;
  104. }
  105. .theme-selector a.btn.dark {
  106. background: #666;
  107. }
  108. .theme-selector a.btn.light i {
  109. color: #222;
  110. }
  111. .theme-selector a.btn.dark i {
  112. color: #fff;
  113. }
  114. .sidebar .sidebar-search {
  115. padding: 15px;
  116. }
  117. .sidebar ul li {
  118. border-bottom: 1px solid #e7e7e7;
  119. }
  120. .sidebar ul li a.active {
  121. background-color: #eee;
  122. }
  123. .sidebar .arrow {
  124. float: right;
  125. }
  126. .sidebar .fa.arrow:before {
  127. content: "\f104";
  128. }
  129. .sidebar .active>a>.fa.arrow:before {
  130. content: "\f107";
  131. }
  132. .sidebar .nav-second-level li,
  133. .sidebar .nav-third-level li {
  134. border-bottom: 0!important;
  135. }
  136. .sidebar .nav-second-level li a {
  137. padding-left: 37px;
  138. }
  139. .sidebar .nav-third-level li a {
  140. padding-left: 52px;
  141. }
  142. @media(min-width:768px) {
  143. .sidebar {
  144. z-index: 1;
  145. position: absolute;
  146. width: 250px;
  147. margin-top: 51px;
  148. }
  149. .navbar-top-links .dropdown-messages,
  150. .navbar-top-links .dropdown-tasks,
  151. .navbar-top-links .dropdown-alerts {
  152. margin-left: auto;
  153. }
  154. }
  155. .btn-outline {
  156. color: inherit;
  157. background-color: transparent;
  158. transition: all .5s;
  159. }
  160. .btn-primary.btn-outline {
  161. color: #428bca;
  162. }
  163. .btn-success.btn-outline {
  164. color: #5cb85c;
  165. }
  166. .btn-info.btn-outline {
  167. color: #5bc0de;
  168. }
  169. .btn-warning.btn-outline {
  170. color: #f0ad4e;
  171. }
  172. .btn-danger.btn-outline {
  173. color: #d9534f;
  174. }
  175. .btn-primary.btn-outline:hover,
  176. .btn-success.btn-outline:hover,
  177. .btn-info.btn-outline:hover,
  178. .btn-warning.btn-outline:hover,
  179. .btn-danger.btn-outline:hover {
  180. color: #fff;
  181. }
  182. .chat {
  183. margin: 0;
  184. padding: 0;
  185. list-style: none;
  186. }
  187. .chat li {
  188. margin-bottom: 10px;
  189. padding-bottom: 5px;
  190. border-bottom: 1px dotted #999;
  191. }
  192. .chat li.left .chat-body {
  193. margin-left: 60px;
  194. }
  195. .chat li.right .chat-body {
  196. margin-right: 60px;
  197. }
  198. .chat li .chat-body p {
  199. margin: 0;
  200. }
  201. .panel .slidedown .glyphicon,
  202. .chat .glyphicon {
  203. margin-right: 5px;
  204. }
  205. .chat-panel .panel-body {
  206. height: 350px;
  207. overflow-y: scroll;
  208. }
  209. .login-panel {
  210. margin-top: 25%;
  211. }
  212. .flot-chart {
  213. display: block;
  214. height: 400px;
  215. }
  216. .flot-chart-content {
  217. width: 100%;
  218. height: 100%;
  219. }
  220. .dataTables_wrapper {
  221. position: relative;
  222. clear: both;
  223. }
  224. table.dataTable thead .sorting,
  225. table.dataTable thead .sorting_asc,
  226. table.dataTable thead .sorting_desc,
  227. table.dataTable thead .sorting_asc_disabled,
  228. table.dataTable thead .sorting_desc_disabled {
  229. background: 0 0;
  230. }
  231. table.dataTable thead .sorting_asc:after {
  232. content: "\f0de";
  233. float: right;
  234. font-family: fontawesome;
  235. }
  236. table.dataTable thead .sorting_desc:after {
  237. content: "\f0dd";
  238. float: right;
  239. font-family: fontawesome;
  240. }
  241. table.dataTable thead .sorting:after {
  242. content: "\f0dc";
  243. float: right;
  244. font-family: fontawesome;
  245. color: rgba(50,50,50,.5);
  246. }
  247. .btn-circle {
  248. width: 30px;
  249. height: 30px;
  250. padding: 6px 0;
  251. border-radius: 15px;
  252. text-align: center;
  253. font-size: 12px;
  254. line-height: 1.428571429;
  255. }
  256. .btn-circle.btn-lg {
  257. width: 50px;
  258. height: 50px;
  259. padding: 10px 16px;
  260. border-radius: 25px;
  261. font-size: 18px;
  262. line-height: 1.33;
  263. }
  264. .btn-circle.btn-xl {
  265. width: 70px;
  266. height: 70px;
  267. padding: 10px 16px;
  268. border-radius: 35px;
  269. font-size: 24px;
  270. line-height: 1.33;
  271. }
  272. .show-grid [class^=col-] {
  273. padding-top: 10px;
  274. padding-bottom: 10px;
  275. border: 1px solid #ddd;
  276. background-color: #eee!important;
  277. }
  278. .show-grid {
  279. margin: 15px 0;
  280. }
  281. .huge {
  282. font-size: 40px;
  283. }
  284. .panel-green {
  285. border-color: #5cb85c;
  286. }
  287. .panel-green .panel-heading {
  288. border-color: #5cb85c;
  289. color: #fff;
  290. background-color: #5cb85c;
  291. }
  292. .panel-green a {
  293. color: #5cb85c;
  294. }
  295. .panel-green a:hover {
  296. color: #3d8b3d;
  297. }
  298. .panel-red {
  299. border-color: #d9534f;
  300. }
  301. .panel-red .panel-heading {
  302. border-color: #d9534f;
  303. color: #fff;
  304. background-color: #d9534f;
  305. }
  306. .panel-red a {
  307. color: #d9534f;
  308. }
  309. .panel-red a:hover {
  310. color: #b52b27;
  311. }
  312. .panel-yellow {
  313. border-color: #f0ad4e;
  314. }
  315. .panel-yellow .panel-heading {
  316. border-color: #f0ad4e;
  317. color: #fff;
  318. background-color: #f0ad4e;
  319. }
  320. .panel-yellow a {
  321. color: #f0ad4e;
  322. }
  323. .panel-yellow a:hover {
  324. color: #df8a13;
  325. }
  326. /* Hero Widgets */
  327. .hero-widget {
  328. text-align: center;
  329. padding-top: 20px;
  330. padding-bottom: 20px;
  331. }
  332. .hero-widget .icon {
  333. display: block;
  334. font-size: 96px;
  335. line-height: 96px;
  336. margin-bottom: 10px;
  337. text-align: center;
  338. }
  339. .hero-widget .value {
  340. display: block;
  341. height: 64px;
  342. font-size: 64px;
  343. line-height: 64px;
  344. font-style: normal;
  345. }
  346. .hero-widget label { font-size: 17px; }
  347. .hero-widget .options { margin-top: 10px; }
  348. /* Tabbed Panels */
  349. .panel.tabbed-panel .panel-heading{
  350. padding-top: 5px;
  351. padding-right: 5px;
  352. padding-bottom: 0;
  353. }
  354. .panel.tabbed-panel .panel-heading .panel-title{
  355. padding: 9px 0;
  356. font-size: 1em;
  357. line-height: 1em;
  358. }
  359. .panel.tabbed-panel .nav-tabs{
  360. border-bottom: none;
  361. }
  362. .panel.tabbed-panel .nav-tabs > li > a{
  363. line-height: 1em;
  364. }
  365. .panel.tabbed-panel .nav-justified{
  366. margin-bottom: -1px;
  367. }
  368. .tabbed-panel.panel-default .nav-tabs > li > a,
  369. .tabbed-panel.panel-default .nav-tabs > li > a:hover,
  370. .tabbed-panel.panel-default .nav-tabs > li > a:focus {
  371. color: #777;
  372. }
  373. .tabbed-panel.panel-default .nav-tabs > .open > a,
  374. .tabbed-panel.panel-default .nav-tabs > .open > a:hover,
  375. .tabbed-panel.panel-default .nav-tabs > .open > a:focus,
  376. .tabbed-panel.panel-default .nav-tabs > li > a:hover,
  377. .tabbed-panel.panel-default .nav-tabs > li > a:focus {
  378. color: #777;
  379. background-color: #ddd;
  380. border-color: transparent;
  381. }
  382. .tabbed-panel.panel-default .nav-tabs > li.active > a,
  383. .tabbed-panel.panel-default .nav-tabs > li.active > a:hover,
  384. .tabbed-panel.panel-default .nav-tabs > li.active > a:focus {
  385. color: #555;
  386. background-color: #fff;
  387. border-color: #ddd;
  388. border-bottom-color: transparent;
  389. }
  390. .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu {
  391. background-color: #f5f5f5;
  392. border-color: #ddd;
  393. }
  394. .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
  395. color: #777;
  396. }
  397. .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
  398. .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  399. background-color: #ddd;
  400. }
  401. .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
  402. .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
  403. .tabbed-panel.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  404. color: #fff;
  405. background-color: #555;
  406. }
  407. .tabbed-panel.panel-primary .nav-tabs > li > a,
  408. .tabbed-panel.panel-primary .nav-tabs > li > a:hover,
  409. .tabbed-panel.panel-primary .nav-tabs > li > a:focus {
  410. color: #fff;
  411. }
  412. .tabbed-panel.panel-primary .nav-tabs > .open > a,
  413. .tabbed-panel.panel-primary .nav-tabs > .open > a:hover,
  414. .tabbed-panel.panel-primary .nav-tabs > .open > a:focus,
  415. .tabbed-panel.panel-primary .nav-tabs > li > a:hover,
  416. .tabbed-panel.panel-primary .nav-tabs > li > a:focus {
  417. color: #fff;
  418. background-color: #3071a9;
  419. border-color: transparent;
  420. }
  421. .tabbed-panel.panel-primary .nav-tabs > li.active > a,
  422. .tabbed-panel.panel-primary .nav-tabs > li.active > a:hover,
  423. .tabbed-panel.panel-primary .nav-tabs > li.active > a:focus {
  424. color: #428bca;
  425. background-color: #fff;
  426. border-color: #428bca;
  427. border-bottom-color: transparent;
  428. }
  429. .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
  430. background-color: #428bca;
  431. border-color: #3071a9;
  432. }
  433. .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
  434. color: #fff;
  435. }
  436. .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
  437. .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  438. background-color: #3071a9;
  439. }
  440. .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
  441. .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
  442. .tabbed-panel.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  443. background-color: #4a9fe9;
  444. }
  445. .tabbed-panel.panel-success .nav-tabs > li > a,
  446. .tabbed-panel.panel-success .nav-tabs > li > a:hover,
  447. .tabbed-panel.panel-success .nav-tabs > li > a:focus {
  448. color: #3c763d;
  449. }
  450. .tabbed-panel.panel-success .nav-tabs > .open > a,
  451. .tabbed-panel.panel-success .nav-tabs > .open > a:hover,
  452. .tabbed-panel.panel-success .nav-tabs > .open > a:focus,
  453. .tabbed-panel.panel-success .nav-tabs > li > a:hover,
  454. .tabbed-panel.panel-success .nav-tabs > li > a:focus {
  455. color: #3c763d;
  456. background-color: #d6e9c6;
  457. border-color: transparent;
  458. }
  459. .tabbed-panel.panel-success .nav-tabs > li.active > a,
  460. .tabbed-panel.panel-success .nav-tabs > li.active > a:hover,
  461. .tabbed-panel.panel-success .nav-tabs > li.active > a:focus {
  462. color: #3c763d;
  463. background-color: #fff;
  464. border-color: #d6e9c6;
  465. border-bottom-color: transparent;
  466. }
  467. .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu {
  468. background-color: #dff0d8;
  469. border-color: #d6e9c6;
  470. }
  471. .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
  472. color: #3c763d;
  473. }
  474. .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
  475. .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  476. background-color: #d6e9c6;
  477. }
  478. .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
  479. .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
  480. .tabbed-panel.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  481. color: #fff;
  482. background-color: #3c763d;
  483. }
  484. .tabbed-panel.panel-info .nav-tabs > li > a,
  485. .tabbed-panel.panel-info .nav-tabs > li > a:hover,
  486. .tabbed-panel.panel-info .nav-tabs > li > a:focus {
  487. color: #31708f;
  488. }
  489. .tabbed-panel.panel-info .nav-tabs > .open > a,
  490. .tabbed-panel.panel-info .nav-tabs > .open > a:hover,
  491. .tabbed-panel.panel-info .nav-tabs > .open > a:focus,
  492. .tabbed-panel.panel-info .nav-tabs > li > a:hover,
  493. .tabbed-panel.panel-info .nav-tabs > li > a:focus {
  494. color: #31708f;
  495. background-color: #bce8f1;
  496. border-color: transparent;
  497. }
  498. .tabbed-panel.panel-info .nav-tabs > li.active > a,
  499. .tabbed-panel.panel-info .nav-tabs > li.active > a:hover,
  500. .tabbed-panel.panel-info .nav-tabs > li.active > a:focus {
  501. color: #31708f;
  502. background-color: #fff;
  503. border-color: #bce8f1;
  504. border-bottom-color: transparent;
  505. }
  506. .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu {
  507. background-color: #d9edf7;
  508. border-color: #bce8f1;
  509. }
  510. .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
  511. color: #31708f;
  512. }
  513. .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
  514. .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  515. background-color: #bce8f1;
  516. }
  517. .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
  518. .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
  519. .tabbed-panel.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  520. color: #fff;
  521. background-color: #31708f;
  522. }
  523. .tabbed-panel.panel-warning .nav-tabs > li > a,
  524. .tabbed-panel.panel-warning .nav-tabs > li > a:hover,
  525. .tabbed-panel.panel-warning .nav-tabs > li > a:focus {
  526. color: #8a6d3b;
  527. }
  528. .tabbed-panel.panel-warning .nav-tabs > .open > a,
  529. .tabbed-panel.panel-warning .nav-tabs > .open > a:hover,
  530. .tabbed-panel.panel-warning .nav-tabs > .open > a:focus,
  531. .tabbed-panel.panel-warning .nav-tabs > li > a:hover,
  532. .tabbed-panel.panel-warning .nav-tabs > li > a:focus {
  533. color: #8a6d3b;
  534. background-color: #faebcc;
  535. border-color: transparent;
  536. }
  537. .tabbed-panel.panel-warning .nav-tabs > li.active > a,
  538. .tabbed-panel.panel-warning .nav-tabs > li.active > a:hover,
  539. .tabbed-panel.panel-warning .nav-tabs > li.active > a:focus {
  540. color: #8a6d3b;
  541. background-color: #fff;
  542. border-color: #faebcc;
  543. border-bottom-color: transparent;
  544. }
  545. .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
  546. background-color: #fcf8e3;
  547. border-color: #faebcc;
  548. }
  549. .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
  550. color: #8a6d3b;
  551. }
  552. .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
  553. .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  554. background-color: #faebcc;
  555. }
  556. .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
  557. .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
  558. .tabbed-panel.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  559. color: #fff;
  560. background-color: #8a6d3b;
  561. }
  562. .tabbed-panel.panel-danger .nav-tabs > li > a,
  563. .tabbed-panel.panel-danger .nav-tabs > li > a:hover,
  564. .tabbed-panel.panel-danger .nav-tabs > li > a:focus {
  565. color: #a94442;
  566. }
  567. .tabbed-panel.panel-danger .nav-tabs > .open > a,
  568. .tabbed-panel.panel-danger .nav-tabs > .open > a:hover,
  569. .tabbed-panel.panel-danger .nav-tabs > .open > a:focus,
  570. .tabbed-panel.panel-danger .nav-tabs > li > a:hover,
  571. .tabbed-panel.panel-danger .nav-tabs > li > a:focus {
  572. color: #a94442;
  573. background-color: #ebccd1;
  574. border-color: transparent;
  575. }
  576. .tabbed-panel.panel-danger .nav-tabs > li.active > a,
  577. .tabbed-panel.panel-danger .nav-tabs > li.active > a:hover,
  578. .tabbed-panel.panel-danger .nav-tabs > li.active > a:focus {
  579. color: #a94442;
  580. background-color: #fff;
  581. border-color: #ebccd1;
  582. border-bottom-color: transparent;
  583. }
  584. .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
  585. background-color: #f2dede; /* bg color */
  586. border-color: #ebccd1; /* border color */
  587. }
  588. .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
  589. color: #a94442; /* normal text color */
  590. }
  591. .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
  592. .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
  593. background-color: #ebccd1; /* hover bg color */
  594. }
  595. .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
  596. .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
  597. .tabbed-panel.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
  598. color: #fff; /* active text color */
  599. background-color: #a94442; /* active bg color */
  600. }
  601. .navbar-top-links li span.title {
  602. padding: 3px 20px;
  603. display: block;
  604. font-weight: bold;
  605. }
  606. .page-title {
  607. margin: 15px 0 9px;
  608. }
  609. .page-nav {
  610. }
  611. .page-title-hr {
  612. margin: 0 0 15px;;
  613. }
  614. .btn-toolbar {
  615. padding: 17px 0 0;
  616. text-align: right;
  617. }
  618. .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
  619. float: none;
  620. }
  621. .btn-toolbar .btn {
  622. padding: 6px 12px;
  623. border-width: 1px;
  624. }
  625. .alert {
  626. margin-top: 20px;
  627. }
  628. .tab-pane.padding-top {
  629. padding-top: 15px;
  630. }
  631. a {
  632. color: #0B62A4;
  633. }
  634. a:hover, a:focus {
  635. color: #0B62A4;
  636. }
  637. a i {
  638. color: #0B62A4;
  639. }
  640. a span {
  641. color: #333;
  642. }
  643. .btn-primary {
  644. background-color: #0B62A4;
  645. border-color: #0B62A4;
  646. }
  647. .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
  648. background-color: #0B62A4;
  649. border-color: #0B62A4;
  650. }
  651. input[type="text"]:focus,
  652. input[type="password"]:focus,
  653. select:focus {
  654. border: 1px solid #0B62A4 !important;
  655. }
  656. .navbar-inverse {
  657. box-shadow: 12px 6px 12px rgba(0,0,0,.175);
  658. background-color: #0B62A4;
  659. border-color: #0B62A4;
  660. }
  661. .navbar-inverse .navbar-toggle {
  662. margin: 8px 15px 8px 0;
  663. }
  664. .navbar-inverse .navbar-toggle .icon-bar {
  665. background-color: #666;
  666. }
  667. .contracted .sidebar {
  668. width: 50px;
  669. }
  670. .contracted #side-menu span {
  671. display: none;
  672. }
  673. .contracted #page-wrapper {
  674. margin-left: 50px;
  675. }
  676. .contracted ul.nav-second-level {
  677. display: none !important;
  678. }
  679. .contracted #side-menu > li:hover ul.nav-second-level {
  680. display: block !important;
  681. position: absolute;
  682. width: 250px;
  683. top: -1px;
  684. left: 50px;
  685. background: #EEE;
  686. border-top: 1px solid #e7e7e7;
  687. z-index: 99;
  688. }
  689. .contracted #side-menu > li:hover {
  690. background: #EEE;
  691. }
  692. .contracted #side-menu > li:hover ul.nav-second-level span {
  693. display: inline;
  694. }
  695. @media(max-width:768px) {
  696. .contracted .sidebar {
  697. width: 100%;
  698. }
  699. .contracted #side-menu span {
  700. display: inline;
  701. }
  702. .contracted #page-wrapper {
  703. margin-left: 0;
  704. }
  705. #contract {
  706. display: none;
  707. }
  708. .contracted #side-menu > li:hover ul.nav-second-level {
  709. display: block !important;
  710. position: relative;
  711. width: 100%;
  712. top: 0;
  713. left: 0;
  714. background: none;
  715. border-top: none;
  716. }
  717. .contracted #side-menu > li:hover ul.nav-second-level span {
  718. display: inline;
  719. }
  720. }
  721. .modal-dialog {
  722. z-index: 1060;
  723. }
  724. .modal-content {
  725. background-color: #f8f8f8;
  726. }
  727. .navbar-brand {
  728. height: 50px;
  729. padding: 20px 15px 0;
  730. }
  731. .navbar-inverse .navbar-brand {
  732. color: #d6d6d6;
  733. }
  734. tfoot td {
  735. font-weight: bold;
  736. background: #eee;
  737. }
  738. #periodo {
  739. background: #fff;
  740. color: #1d3b4a;
  741. padding: 8px 10px;
  742. line-height: 18px;
  743. border-radius: 4px;
  744. border: 1px solid #ddd;
  745. border-width: 1px 1px 3px !important;
  746. float: right;
  747. cursor: pointer;
  748. }
  749. #periodo i {
  750. color: #0B62A4;
  751. margin-right: 5px;
  752. }
  753. .chart svg {
  754. width: 100%;
  755. }
  756. .daterangepicker {
  757. box-shadow: 0 6px 12px rgba(0,0,0,.175);
  758. }
  759. .dropdown-menu .divider {
  760. margin: 5px 0;
  761. }
  762. .navbar-right .dropdown-menu {
  763. right: 5px;
  764. margin: 1px 0 0;
  765. border-radius: 0 0 4px 4px;
  766. border: none;
  767. }
  768. .ui-jqgrid.ui-jqgrid-bootstrap tr.jqgfirstrow > td, .ui-jqgrid.ui-jqgrid-bootstrap tr.jqgrow > td, .ui-jqgrid.ui-jqgrid-bootstrap tr.jqgroup > td, .ui-jqgrid.ui-jqgrid-bootstrap tr.jqfoot > td {
  769. padding: .3em;
  770. }
  771. .form-control {
  772. height: 41px;
  773. }
  774. /* Theme Darkly */
  775. body.theme-D {
  776. background-color: #333;
  777. color: #ccc;
  778. }
  779. body.theme-D #page-wrapper {
  780. background-color: #222;
  781. }
  782. @media(min-width:768px) {
  783. body.theme-D #page-wrapper {
  784. border-left: 1px solid #222;
  785. }
  786. }
  787. body.theme-D .navbar-default {
  788. background-color: #333;
  789. }
  790. body.theme-D .navbar-top-links>li>a, body.theme-D .navbar-top-links>li>a>span {
  791. color: #d6d6d6;
  792. }
  793. body.theme-D .navbar-top-links>li>a:hover, .navbar-top-links>li>a:focus, .navbar-top-links>.open>a, .navbar-top-links>.open>a:hover, .navbar-top-links>.open>a:focus,
  794. body.theme-D .navbar-top-links>li>a:hover>span, .navbar-top-links>li>a:focus>span, .navbar-top-links>.open>a>span, .navbar-top-links>.open>a:hover>span, .navbar-top-links>.open>a:focus>span {
  795. color: #fff;
  796. background-color: inherit;
  797. }
  798. body.theme-D .navbar-inverse .navbar-brand {
  799. color: #d6d6d6;
  800. }
  801. body.theme-D .navbar-inverse .navbar-toggle:hover, body.theme-D .navbar-inverse .navbar-toggle:focus {
  802. background-color: inherit;
  803. }
  804. body.theme-D .navbar-inverse .navbar-toggle {
  805. border-color: #ccc;
  806. }
  807. body.theme-D .navbar-inverse .navbar-collapse, body.theme-D .navbar-inverse .navbar-form {
  808. border-color: #262626;
  809. }
  810. body.theme-D .sidebar ul li {
  811. border-bottom: 1px solid #444;
  812. }
  813. body.theme-D .sidebar ul li a i {
  814. color: #ddd;
  815. }
  816. body.theme-D .contracted .sidebar ul li a i {
  817. color: inherit;
  818. }
  819. body.theme-D .sidebar ul li a.active {
  820. background-color: #222;
  821. }
  822. body.theme-D .sidebar .cuenta-mobile {
  823. border-bottom: 1px solid #e7e7e7;
  824. background: #fff;
  825. }
  826. body.theme-D .btn-primary.btn-outline {
  827. color: #428bca;
  828. }
  829. body.theme-D .btn-success.btn-outline {
  830. color: #5cb85c;
  831. }
  832. body.theme-D .btn-info.btn-outline {
  833. color: #5bc0de;
  834. }
  835. body.theme-D .btn-warning.btn-outline {
  836. color: #f0ad4e;
  837. }
  838. body.theme-D .btn-danger.btn-outline {
  839. color: #d9534f;
  840. }
  841. body.theme-D .btn-primary.btn-outline:hover,
  842. body.theme-D .btn-success.btn-outline:hover,
  843. body.theme-D .btn-info.btn-outline:hover,
  844. body.theme-D .btn-warning.btn-outline:hover,
  845. body.theme-D .btn-danger.btn-outline:hover {
  846. color: #fff;
  847. }
  848. body.theme-D .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  849. color: #0B62A4 !important;
  850. }
  851. body.theme-D .btn-toolbar i, body.theme-D .navbar-top-links ul a i {
  852. color: #337ab7;
  853. }
  854. body.theme-D a {
  855. color: #ccc;
  856. }
  857. body.theme-D a:hover, body.theme-D a:focus {
  858. color: #fff;
  859. }
  860. body.theme-D .btn-primary {
  861. background-color: #0B62A4;
  862. border-color: #0B62A4;
  863. }
  864. body.theme-D .btn-secondary {
  865. color: #ffffff;
  866. background-color: #464545;
  867. border-color: #464545;
  868. }
  869. body.theme-D .btn-primary.active, body.theme-D .btn-primary.focus, body.theme-D .btn-primary:active, body.theme-D .btn-primary:focus, body.theme-D .btn-primary:hover, body.theme-D .open>.dropdown-toggle.btn-primary {
  870. background-color: #0B62A4;
  871. border-color: #0B62A4;
  872. }
  873. body.theme-D input[type="text"]:focus,
  874. body.theme-D input[type="password"]:focus,
  875. body.theme-D select:focus {
  876. border: 1px solid #0B62A4 !important;
  877. }
  878. body.theme-D .navbar-inverse {
  879. box-shadow: 0 6px 12px rgba(0,0,0,.175);
  880. background-color: #0B62A4;
  881. border-color: #0B62A4;
  882. }
  883. body.theme-D .navbar-inverse .navbar-toggle .icon-bar {
  884. background-color: #d6d6d6;
  885. }
  886. body.theme-D .navbar-inverse .navbar-toggle:hover .icon-bar, body.theme-D .navbar-inverse .navbar-toggle:focus .icon-bar {
  887. background-color: #fff;
  888. }
  889. body.theme-D .contracted #side-menu > li:hover ul.nav-second-level {
  890. background: #eee;
  891. border-top: 1px solid #e7e7e7;
  892. }
  893. body.theme-D .contracted #side-menu > li:hover {
  894. background: #eee;
  895. }
  896. body.theme-D .modal-content {
  897. background-color: #303030;
  898. }
  899. body.theme-D tfoot td {
  900. background: #eee;
  901. }
  902. body.theme-D #periodo {
  903. background: #fff;
  904. color: #1d3b4a;
  905. border: 1px solid #ddd;
  906. border-width: 1px 1px 3px !important;
  907. }
  908. body.theme-D #periodo i {
  909. color: #0B62A4;
  910. }
  911. body.theme-D .daterangepicker {
  912. box-shadow: 0 6px 12px rgba(0,0,0,.175);
  913. }
  914. body.theme-D table.dataTable tr.dtrg-group td {
  915. background: #e6e6e6;
  916. }
  917. body.theme-D table.dataTable tr.dtrg-group.dtrg-start td {
  918. background: #eee !important;
  919. }
  920. body.theme-D .panel-default>.panel-heading {
  921. color: #0B62A4;
  922. }
  923. body.theme-D .tooltip > .tooltip-inner {
  924. background-color: #727272;
  925. color: #fff;
  926. }
  927. body.theme-D .tooltip.top .tooltip-arrow {
  928. border-top-color: #727272;
  929. }
  930. body.theme-D a span {
  931. color: #b2b2b2;
  932. }
  933. body.theme-D .ui-jqgrid.ui-jqgrid-bootstrap {
  934. border: 1px solid #393939;
  935. }
  936. body.theme-D .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-hdiv, body.theme-D .ui-jqgrid.ui-jqgrid-bootstrap .ui-jqgrid-legacy-subgrid > thead {
  937. background-color: inherit;
  938. }
  939. body.theme-D .ui-jqgrid-btable > tbody > tr:nth-child(odd) {
  940. background: #333;
  941. }
  942. body.theme-D label.error {
  943. color: yellow;
  944. }
  945. body.theme-D .form-control {
  946. color: #ccc;
  947. background-color: #191919;
  948. }
  949. body.theme-D .theme-selector a.btn.light {
  950. background: #999;
  951. }
  952. body.theme-D .theme-selector a.btn.dark {
  953. background: #222;
  954. }
  955. body.theme-D .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  956. color: inherit;
  957. background-color: #303030;
  958. border: 1px solid #464545;
  959. border-bottom-color: #303030;
  960. }
  961. body.theme-D .nav-tabs>li>a, .nav-pills>li>a {
  962. background: #222;
  963. border-bottom: 1px solid #464545;
  964. }
  965. body.theme-D .panel {
  966. box-shadow: 0 0 10px #161616;
  967. }