iwb.style.css 44 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292
  1. @charset "UTF-8";
  2. /* prevent the drop down icon going onto a new line for the top bar language link */
  3. .top-bar-language-nav-link {
  4. min-width: 65px; }
  5. /* bootstrap model showing two scroll bars */
  6. html {
  7. overflow: visible; }
  8. body {
  9. --mc: #007bff; }
  10. /* main sidebar not under model */
  11. .modal {
  12. z-index: 1110; }
  13. .iwb-info-box .box-header {
  14. text-indent: 2em;
  15. color: #007bff;
  16. margin-top: 15px;
  17. font-size: 1.5rem;
  18. font-weight: 600;
  19. border-bottom: 2px solid;
  20. letter-spacing: 2px;
  21. margin-bottom: 15px;
  22. padding-bottom: 10px; }
  23. .iwb-info-box .box-footer {
  24. color: #007bff;
  25. text-align: center;
  26. background: transparent;
  27. margin-top: 15px;
  28. padding-top: 10px;
  29. border-top: 2px solid; }
  30. .form-group.required .col-form-label:after {
  31. color: #d00;
  32. content: "*";
  33. position: absolute;
  34. margin-left: 3px; }
  35. .text-iwb {
  36. color: #007bff; }
  37. a {
  38. color: #007bff; }
  39. .dropdown-item:focus, .dropdown-item:hover {
  40. color: #eee;
  41. text-decoration: none;
  42. background-color: #007bff; }
  43. .notification-item {
  44. display: flex;
  45. flex-direction: row;
  46. padding: .25rem 1rem;
  47. cursor: pointer;
  48. min-width: 400px; }
  49. .notification-item .item-icon {
  50. display: flex;
  51. justify-content: center;
  52. align-items: center;
  53. margin-right: 5px; }
  54. .notification-item .item-icon i {
  55. display: flex;
  56. justify-content: center;
  57. align-items: center;
  58. border-radius: 50%;
  59. width: 22px;
  60. height: 22px;
  61. font-size: 12px; }
  62. .notification-item .item-text {
  63. display: flex;
  64. flex-wrap: wrap;
  65. color: #333;
  66. align-items: center;
  67. width: 100%; }
  68. .notification-item.read .item-text {
  69. color: #999; }
  70. .notification-item .item-time {
  71. display: flex;
  72. white-space: nowrap;
  73. justify-content: flex-end;
  74. font-size: 0.5rem;
  75. margin-left: 5px;
  76. align-items: center; }
  77. .notification-item:focus, .notification-item:hover {
  78. color: inherit;
  79. background-image: linear-gradient(rbga(0, 0, 0, 0.7), rbga(0, 0, 0, 0.7)); }
  80. .nav-user-menu .user-image {
  81. width: 20px;
  82. margin-right: 4px;
  83. margin-top: -4px; }
  84. button:focus, button:active {
  85. outline: none; }
  86. .input-group-text {
  87. background: #007bff;
  88. color: #fff;
  89. border: 1px solid #007bff; }
  90. .search-input > .form-control:not(:last-child) {
  91. border-radius: .2rem; }
  92. .search-icon-box {
  93. position: absolute;
  94. right: 0px;
  95. display: flex;
  96. z-index: 3; }
  97. .search-icon-box.select-icon-box {
  98. right: 20px; }
  99. .search-icon-box > .input-group-text {
  100. height: 31px;
  101. border-radius: .2rem;
  102. min-width: 35px !important;
  103. width: 35px !important;
  104. cursor: pointer;
  105. display: flex;
  106. justify-content: center !important;
  107. align-items: center;
  108. padding: 0; }
  109. .search-icon-box > .input-group-text:not(:first-child) {
  110. border-top-left-radius: 0;
  111. border-bottom-left-radius: 0; }
  112. .search-icon-box > .input-group-text:not(:last-child) {
  113. border-right: 2px solid #eee;
  114. border-top-right-radius: 0;
  115. border-bottom-right-radius: 0; }
  116. .system-name {
  117. font-size: 1.5rem;
  118. height: auto;
  119. padding-top: 0;
  120. padding-bottom: 0;
  121. line-height: 40px; }
  122. .system-name a {
  123. padding: 0 10px; }
  124. #auth-tree {
  125. width: 80%;
  126. margin: 0 auto; }
  127. .card-footer button {
  128. min-width: 100px; }
  129. .select2 .selection .select2-selection {
  130. padding: 0;
  131. line-height: 31px;
  132. height: 31px; }
  133. .select2 .selection .select2-selection .select2-selection__rendered {
  134. margin-top: 0;
  135. line-height: 30px;
  136. margin-top: 0; }
  137. .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__choice {
  138. background: var(--mc);
  139. border-color: var(--mc);
  140. height: 24px;
  141. line-height: 24px;
  142. margin-top: 4px; }
  143. .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  144. color: #ddd; }
  145. .select2 .selection .select2-selection.select2-selection--multiple .select2-search.select2-search--inline .select2-search__field {
  146. margin-top: 0; }
  147. .search-box {
  148. width: 100%;
  149. position: absolute;
  150. z-index: 2; }
  151. .search-box .search-card {
  152. margin-bottom: 0; }
  153. .search-box .search-card .card-header {
  154. padding: 0; }
  155. .search-box .search-card .card-header button {
  156. width: 50px; }
  157. .search-box .search-card .card-header button.btn-search {
  158. width: 45px; }
  159. .search-box .search-card:not(.collapsed-card) .card-header {
  160. border-radius: .25rem .25rem 0 0; }
  161. .search-box .search-card:not(.collapsed-card) .card-header .input-group-prepend > button {
  162. border-radius: .25rem 0 0 0; }
  163. .search-box .search-card:not(.collapsed-card) .card-header .input-group-append > button {
  164. border-radius: 0 .25rem 0 0; }
  165. .search-box .search-card .card-body {
  166. border-color: #007bff;
  167. padding: .6rem .8rem; }
  168. .search-box .search-card .card-body .search-unit:not(:last-child) {
  169. margin-bottom: .5rem; }
  170. .search-box .search-card .card-body .input-group-text {
  171. min-width: 80px;
  172. background: #007bff;
  173. color: #fff;
  174. justify-content: flex-end; }
  175. .search-box .search-card .card-body .search-icon .input-group-text, .search-box .search-card .card-body .select-search-icon .input-group-text {
  176. min-width: 30px;
  177. justify-content: center; }
  178. .search-box .search-card .card-body .dataRange {
  179. font-size: 100%; }
  180. .search-box .search-card .card-footer {
  181. padding: .6rem .5rem;
  182. border-color: #007bff; }
  183. .swal-modal {
  184. width: 350px;
  185. text-align: left;
  186. padding: 10px 10px 15px; }
  187. .swal-modal .swal-icon {
  188. display: none; }
  189. .swal-modal .swal-title, .swal-modal .swal-text {
  190. font-size: 14px;
  191. text-align: left;
  192. margin: 0;
  193. padding: 10px 0 0;
  194. text-indent: 1em; }
  195. .swal-modal .swal-title {
  196. font-size: 16px;
  197. font-weight: 600;
  198. color: #333;
  199. line-height: 35px; }
  200. .swal-modal .swal-title:before {
  201. font-family: 'iconfont';
  202. margin-right: 10px;
  203. font-size: 30px;
  204. position: relative;
  205. top: 4px; }
  206. .swal-modal .swal-icon--success + .swal-title:before {
  207. content: '\e7e2';
  208. color: #a5dc86; }
  209. .swal-modal .swal-icon--error + .swal-title:before {
  210. content: '\e7e1';
  211. color: #f27474; }
  212. .swal-modal .swal-icon--warning + .swal-title:before {
  213. content: '\e7de';
  214. color: #f8bb86; }
  215. .swal-modal .swal-icon--info + .swal-title:before {
  216. content: '\e7dc';
  217. color: #c9dae1; }
  218. .swal-modal .swal-footer {
  219. text-align: right;
  220. margin-top: 0px;
  221. padding: 5px 10px; }
  222. .swal-modal .swal-footer .swal-button-container {
  223. margin: 0; }
  224. .swal-modal .swal-footer .swal-button-container .swal-button {
  225. background-color: #0074f0;
  226. border: 1px solid #0074f0;
  227. color: #fff;
  228. border-radius: 3px;
  229. box-shadow: none;
  230. font-weight: 600;
  231. font-size: 14px;
  232. padding: 4px 20px;
  233. margin-left: 15px;
  234. cursor: pointer; }
  235. .swal-modal .swal-footer .swal-button-container .swal-button.swal-button--cancel {
  236. color: #0074f0;
  237. background-color: #fff;
  238. border: 1px solid #0074f0; }
  239. .iwb-wang-editor {
  240. width: 100%; }
  241. .iwb-dynamic-box .box-label label {
  242. padding-left: .5rem;
  243. padding-bottom: 2px;
  244. border-bottom: 2px solid #666;
  245. width: 100%; }
  246. .iwb-dynamic-box .box-body .empty {
  247. text-align: center;
  248. font-size: 1.5rem;
  249. width: 100%; }
  250. .iwb-dynamic-box .box-body > div {
  251. margin-bottom: .5rem; }
  252. .iwb-dynamic-box .form-control:disabled, .iwb-dynamic-box .form-control[readonly] {
  253. background-color: #F9F9F9;
  254. opacity: 1; }
  255. .jstree > .jstree-container-ul .jstree-wholerow-hovered {
  256. background: #007bff; }
  257. .jstree > .jstree-container-ul .jstree-wholerow-clicked {
  258. background: #007bff; }
  259. .jstree > .jstree-container-ul .jstree-anchor.jstree-hovered {
  260. color: #fff; }
  261. .jstree > .jstree-container-ul .jstree-anchor.jstree-clicked {
  262. color: #fff; }
  263. .modal .modal-dialog {
  264. width: 500px; }
  265. .modal .modal-dialog.modal-lg {
  266. width: 1000px; }
  267. .modal .modal-dialog.modal-md {
  268. width: 800px; }
  269. .modal .modal-dialog.modal-sm {
  270. width: 500px; }
  271. .modal .modal-dialog.modal-xl {
  272. width: 300px; }
  273. .modal .modal-header {
  274. padding: .5rem 1rem; }
  275. .modal .modal-header .modal-title {
  276. color: #007bff; }
  277. .modal .modal-header .modal-title .modal-title-span {
  278. padding-right: 2px; }
  279. .modal .modal-body {
  280. color: #495057;
  281. min-height: 250px; }
  282. .modal .modal-body label {
  283. color: #212529; }
  284. .modal .modal-body .form-horizontal {
  285. width: 100%; }
  286. .modal .modal-footer {
  287. justify-content: space-between;
  288. padding: .5rem 1rem; }
  289. .modal .modal-footer button {
  290. min-width: 100px; }
  291. .modal .modal-footer button.close-button, .modal .modal-footer button.save-button, .modal .modal-footer button.save-btn {
  292. min-width: 100px; }
  293. .iwb-form .form-group {
  294. margin-bottom: .5rem; }
  295. .iwb-form .input-group + p[id$="-error"], .iwb-form .input-group + label.error {
  296. margin-top: 0;
  297. margin-bottom: 0;
  298. position: absolute;
  299. right: 20px;
  300. top: 4px;
  301. font-weight: 600;
  302. z-index: 9999;
  303. color: red; }
  304. .iwb-form .iwb-label {
  305. font-size: .95rem; }
  306. .iwb-form .help-block {
  307. color: var(--mc);
  308. padding-left: 0.5rem;
  309. font-size: 0.75rem; }
  310. .iwb-form .select2:focus {
  311. outline: none; }
  312. .iwb-form .select2.select2-container .select2-selection {
  313. height: 31px;
  314. background-color: transparent;
  315. border: 1px solid #ced4da;
  316. border-radius: .25rem;
  317. padding: 0; }
  318. .iwb-form .select2.select2-container .select2-selection:focus {
  319. outline: none; }
  320. .iwb-form .select2.select2-container .select2-selection .select2-selection__rendered {
  321. line-height: 31px;
  322. margin-top: -1px; }
  323. .iwb-form .select2.select2-container.select2-container--open.select2-container--below .select2-selection {
  324. border-radius: .25rem .25rem 0 0; }
  325. .iwb-form .select2.select2-container.select2-container--open.select2-container--above .select2-selection {
  326. border-radius: 0 0 .25rem .25rem; }
  327. .iwb-form select:disabled + .select2 .select2-selection, .iwb-form select[readonly] + .select2 .select2-selection {
  328. background-color: #e9ecef;
  329. opacity: 1; }
  330. .iwb-form .nav-tabs {
  331. margin-top: -0.5rem;
  332. border-bottom: 1px solid #007bff; }
  333. .iwb-form .nav-tabs .nav-item .nav-link {
  334. color: #007bff; }
  335. .iwb-form .nav-tabs .nav-item .nav-link:focus, .iwb-form .nav-tabs .nav-item .nav-link:hover {
  336. border-color: #007bff #007bff #007bff; }
  337. .iwb-form .nav-tabs .nav-item .nav-link.active {
  338. color: #fff;
  339. background: #007bff;
  340. border-color: #007bff; }
  341. .select2-container--open > .select2-dropdown {
  342. z-index: 1200; }
  343. .select2-container--open > .select2-dropdown .select2-search__field:focus {
  344. outline: 0;
  345. border: 1px solid #007bff; }
  346. .select2-container--open > .select2-dropdown .select2-results__options .select2-results__option--highlighted[aria-selected], .select2-container--open > .select2-dropdown .select2-results__options .select2-results__option--highlighted[aria-selected]:hover {
  347. background-color: #007bff;
  348. color: #fff; }
  349. .select2-container--open > .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true] {
  350. background-color: #007bff;
  351. color: #fff; }
  352. .iwb-label {
  353. display: flex;
  354. margin: 0;
  355. align-items: center;
  356. justify-content: flex-end; }
  357. .iwb-label.iwb-label-required:after {
  358. content: "*";
  359. color: red;
  360. right: 0px;
  361. position: absolute; }
  362. .label {
  363. background: #aaa;
  364. color: #fff;
  365. padding: .25rem .5rem;
  366. border-radius: .25rem;
  367. font-size: 1em; }
  368. .label.lg {
  369. font-size: 1.25em; }
  370. .label.sm {
  371. font-size: 0.875em; }
  372. .label.circle {
  373. border-radius: 1rem;
  374. padding-left: 1rem;
  375. padding-right: 1rem; }
  376. .label.rect {
  377. border-radius: 0; }
  378. .label.label-iwb {
  379. background: #007bff; }
  380. .label.label-success {
  381. background: #28a745; }
  382. .label.label-primary {
  383. background: #007bff; }
  384. .label.label-danger {
  385. background: #dc3545; }
  386. .label.label-info {
  387. background: #17a2b8; }
  388. .label.label-warning {
  389. color: #1f2d3d;
  390. background: #ffc107; }
  391. .label.label-secondary {
  392. background: #6c757d; }
  393. .label.label-blue {
  394. background: #007bff; }
  395. .label.label-indigo {
  396. background: #6610f2; }
  397. .label.label-purple {
  398. background: #6f42c1; }
  399. .label.label-pink {
  400. background: #e83e8c; }
  401. .label.label-red {
  402. background: #dc3545; }
  403. .label.label-orange {
  404. background: #fd7e14; }
  405. .label.label-yellow {
  406. background: #ffc107; }
  407. .label.label-green {
  408. background: #28a745; }
  409. .label.label-teal {
  410. background: #20c997; }
  411. .label.label-cyan {
  412. background: #17a2b8; }
  413. .label.label-white {
  414. background: #fff; }
  415. .label.label-gray {
  416. background: #6c757d; }
  417. .label.label-gray-dark {
  418. background: #343a40; }
  419. .label.label-lightblue {
  420. background: #3c8dbc; }
  421. .label.label-navy {
  422. background: #001f3f; }
  423. .label.label-olive {
  424. background: #3d9970; }
  425. .label.label-lime {
  426. background: #01ff70; }
  427. .label.label-fuchsia {
  428. background: #f012be; }
  429. .label.label-maroon {
  430. background: #d81b60; }
  431. .iwb-checkbox {
  432. display: inline-block;
  433. position: relative;
  434. padding-left: 30px;
  435. color: #007bff;
  436. margin-bottom: 10px;
  437. cursor: pointer;
  438. font-size: .875rem;
  439. -webkit-transition: all 0.3s;
  440. transition: all 0.3s;
  441. cursor: pointer; }
  442. .iwb-checkbox > input {
  443. position: absolute;
  444. z-index: -1;
  445. opacity: 0;
  446. filter: alpha(opacity=0); }
  447. .iwb-checkbox > span {
  448. position: relative; }
  449. .iwb-checkbox > span:before {
  450. content: '';
  451. border-radius: 3px;
  452. background: none;
  453. position: absolute;
  454. top: 0;
  455. left: -24px;
  456. height: 18px;
  457. width: 18px;
  458. color: inherit;
  459. border: 1px solid; }
  460. .iwb-checkbox > span:after {
  461. content: '';
  462. position: absolute;
  463. display: none; }
  464. .iwb-checkbox input:checked ~ span:before {
  465. -webkit-transition: all 0.3s;
  466. transition: all 0.3s;
  467. background: none; }
  468. .iwb-checkbox input:checked ~ span:after {
  469. display: block;
  470. top: 3px;
  471. left: -18px;
  472. width: 5px;
  473. height: 10px;
  474. border-color: inherit;
  475. border-style: solid;
  476. border-width: 0 2px 2px 0 !important;
  477. -webkit-transform: rotate(45deg);
  478. transform: rotate(45deg); }
  479. .iwb-checkbox.checkbox-solid input:checked ~ span:before {
  480. -webkit-transition: all 0.3s;
  481. transition: all 0.3s;
  482. background: #007bff; }
  483. .iwb-checkbox.checkbox-solid input:checked ~ span:after {
  484. border-color: #fff; }
  485. .iwb-checkbox.iwb-blue {
  486. color: #007bff; }
  487. .iwb-checkbox.iwb-blue.checkbox-solid input:checked ~ span:before {
  488. background: #007bff; }
  489. .iwb-checkbox.iwb-blue.checkbox-solid input:checked ~ span:after {
  490. border-color: #fff; }
  491. .iwb-checkbox.iwb-indigo {
  492. color: #6610f2; }
  493. .iwb-checkbox.iwb-indigo.checkbox-solid input:checked ~ span:before {
  494. background: #6610f2; }
  495. .iwb-checkbox.iwb-indigo.checkbox-solid input:checked ~ span:after {
  496. border-color: #fff; }
  497. .iwb-checkbox.iwb-purple {
  498. color: #6f42c1; }
  499. .iwb-checkbox.iwb-purple.checkbox-solid input:checked ~ span:before {
  500. background: #6f42c1; }
  501. .iwb-checkbox.iwb-purple.checkbox-solid input:checked ~ span:after {
  502. border-color: #fff; }
  503. .iwb-checkbox.iwb-pink {
  504. color: #e83e8c; }
  505. .iwb-checkbox.iwb-pink.checkbox-solid input:checked ~ span:before {
  506. background: #e83e8c; }
  507. .iwb-checkbox.iwb-pink.checkbox-solid input:checked ~ span:after {
  508. border-color: #fff; }
  509. .iwb-checkbox.iwb-red {
  510. color: #dc3545; }
  511. .iwb-checkbox.iwb-red.checkbox-solid input:checked ~ span:before {
  512. background: #dc3545; }
  513. .iwb-checkbox.iwb-red.checkbox-solid input:checked ~ span:after {
  514. border-color: #fff; }
  515. .iwb-checkbox.iwb-orange {
  516. color: #fd7e14; }
  517. .iwb-checkbox.iwb-orange.checkbox-solid input:checked ~ span:before {
  518. background: #fd7e14; }
  519. .iwb-checkbox.iwb-orange.checkbox-solid input:checked ~ span:after {
  520. border-color: #fff; }
  521. .iwb-checkbox.iwb-yellow {
  522. color: #ffc107; }
  523. .iwb-checkbox.iwb-yellow.checkbox-solid input:checked ~ span:before {
  524. background: #ffc107; }
  525. .iwb-checkbox.iwb-yellow.checkbox-solid input:checked ~ span:after {
  526. border-color: #fff; }
  527. .iwb-checkbox.iwb-green {
  528. color: #28a745; }
  529. .iwb-checkbox.iwb-green.checkbox-solid input:checked ~ span:before {
  530. background: #28a745; }
  531. .iwb-checkbox.iwb-green.checkbox-solid input:checked ~ span:after {
  532. border-color: #fff; }
  533. .iwb-checkbox.iwb-teal {
  534. color: #20c997; }
  535. .iwb-checkbox.iwb-teal.checkbox-solid input:checked ~ span:before {
  536. background: #20c997; }
  537. .iwb-checkbox.iwb-teal.checkbox-solid input:checked ~ span:after {
  538. border-color: #fff; }
  539. .iwb-checkbox.iwb-cyan {
  540. color: #17a2b8; }
  541. .iwb-checkbox.iwb-cyan.checkbox-solid input:checked ~ span:before {
  542. background: #17a2b8; }
  543. .iwb-checkbox.iwb-cyan.checkbox-solid input:checked ~ span:after {
  544. border-color: #fff; }
  545. .iwb-checkbox.iwb-white {
  546. color: #fff; }
  547. .iwb-checkbox.iwb-white.checkbox-solid input:checked ~ span:before {
  548. background: #fff; }
  549. .iwb-checkbox.iwb-white.checkbox-solid input:checked ~ span:after {
  550. border-color: #fff; }
  551. .iwb-checkbox.iwb-gray {
  552. color: #6c757d; }
  553. .iwb-checkbox.iwb-gray.checkbox-solid input:checked ~ span:before {
  554. background: #6c757d; }
  555. .iwb-checkbox.iwb-gray.checkbox-solid input:checked ~ span:after {
  556. border-color: #fff; }
  557. .iwb-checkbox.iwb-gray-dark {
  558. color: #343a40; }
  559. .iwb-checkbox.iwb-gray-dark.checkbox-solid input:checked ~ span:before {
  560. background: #343a40; }
  561. .iwb-checkbox.iwb-gray-dark.checkbox-solid input:checked ~ span:after {
  562. border-color: #fff; }
  563. .iwb-checkbox.iwb-lightblue {
  564. color: #3c8dbc; }
  565. .iwb-checkbox.iwb-lightblue.checkbox-solid input:checked ~ span:before {
  566. background: #3c8dbc; }
  567. .iwb-checkbox.iwb-lightblue.checkbox-solid input:checked ~ span:after {
  568. border-color: #fff; }
  569. .iwb-checkbox.iwb-navy {
  570. color: #001f3f; }
  571. .iwb-checkbox.iwb-navy.checkbox-solid input:checked ~ span:before {
  572. background: #001f3f; }
  573. .iwb-checkbox.iwb-navy.checkbox-solid input:checked ~ span:after {
  574. border-color: #fff; }
  575. .iwb-checkbox.iwb-olive {
  576. color: #3d9970; }
  577. .iwb-checkbox.iwb-olive.checkbox-solid input:checked ~ span:before {
  578. background: #3d9970; }
  579. .iwb-checkbox.iwb-olive.checkbox-solid input:checked ~ span:after {
  580. border-color: #fff; }
  581. .iwb-checkbox.iwb-lime {
  582. color: #01ff70; }
  583. .iwb-checkbox.iwb-lime.checkbox-solid input:checked ~ span:before {
  584. background: #01ff70; }
  585. .iwb-checkbox.iwb-lime.checkbox-solid input:checked ~ span:after {
  586. border-color: #fff; }
  587. .iwb-checkbox.iwb-fuchsia {
  588. color: #f012be; }
  589. .iwb-checkbox.iwb-fuchsia.checkbox-solid input:checked ~ span:before {
  590. background: #f012be; }
  591. .iwb-checkbox.iwb-fuchsia.checkbox-solid input:checked ~ span:after {
  592. border-color: #fff; }
  593. .iwb-checkbox.iwb-maroon {
  594. color: #d81b60; }
  595. .iwb-checkbox.iwb-maroon.checkbox-solid input:checked ~ span:before {
  596. background: #d81b60; }
  597. .iwb-checkbox.iwb-maroon.checkbox-solid input:checked ~ span:after {
  598. border-color: #fff; }
  599. .btn.btn-iwb {
  600. color: #fff;
  601. border-color: #007bff;
  602. background: #007bff; }
  603. .btn.btn-iwb:hover, .btn.btn-iwb:active, .btn.btn-iwb.hover {
  604. border-color: #006fe6;
  605. background-color: #006fe6;
  606. color: #fff; }
  607. .btn.circle {
  608. border-radius: 30px; }
  609. .btn.btn-outline-iwb {
  610. color: #007bff;
  611. border: 1px solid #007bff;
  612. background: #f8f9fa; }
  613. .btn.btn-outline-iwb:hover, .btn.btn-outline-iwb:active, .btn.btn-outline-iwb.hover {
  614. border: 1px solid #007bff;
  615. background-color: #007bff;
  616. color: #fff; }
  617. .btn.btn-blue {
  618. color: #fff;
  619. border-color: #007bff;
  620. background: #007bff; }
  621. .btn.btn-blue:hover, .btn.btn-blue:active, .btn.btn-blue.hover {
  622. border-color: #006fe6;
  623. background-color: #006fe6;
  624. color: #fff; }
  625. .btn.btn-indigo {
  626. color: #fff;
  627. border-color: #6610f2;
  628. background: #6610f2; }
  629. .btn.btn-indigo:hover, .btn.btn-indigo:active, .btn.btn-indigo.hover {
  630. border-color: #5b0cdd;
  631. background-color: #5b0cdd;
  632. color: #fff; }
  633. .btn.btn-purple {
  634. color: #fff;
  635. border-color: #6f42c1;
  636. background: #6f42c1; }
  637. .btn.btn-purple:hover, .btn.btn-purple:active, .btn.btn-purple.hover {
  638. border-color: #643ab0;
  639. background-color: #643ab0;
  640. color: #fff; }
  641. .btn.btn-pink {
  642. color: #fff;
  643. border-color: #e83e8c;
  644. background: #e83e8c; }
  645. .btn.btn-pink:hover, .btn.btn-pink:active, .btn.btn-pink.hover {
  646. border-color: #e5277e;
  647. background-color: #e5277e;
  648. color: #fff; }
  649. .btn.btn-red {
  650. color: #fff;
  651. border-color: #dc3545;
  652. background: #dc3545; }
  653. .btn.btn-red:hover, .btn.btn-red:active, .btn.btn-red.hover {
  654. border-color: #d32535;
  655. background-color: #d32535;
  656. color: #fff; }
  657. .btn.btn-orange {
  658. color: #fff;
  659. border-color: #fd7e14;
  660. background: #fd7e14; }
  661. .btn.btn-orange:hover, .btn.btn-orange:active, .btn.btn-orange.hover {
  662. border-color: #f57102;
  663. background-color: #f57102;
  664. color: #fff; }
  665. .btn.btn-yellow {
  666. color: #fff;
  667. border-color: #ffc107;
  668. background: #ffc107; }
  669. .btn.btn-yellow:hover, .btn.btn-yellow:active, .btn.btn-yellow.hover {
  670. border-color: #edb100;
  671. background-color: #edb100;
  672. color: #fff; }
  673. .btn.btn-green {
  674. color: #fff;
  675. border-color: #28a745;
  676. background: #28a745; }
  677. .btn.btn-green:hover, .btn.btn-green:active, .btn.btn-green.hover {
  678. border-color: #23923d;
  679. background-color: #23923d;
  680. color: #fff; }
  681. .btn.btn-teal {
  682. color: #fff;
  683. border-color: #20c997;
  684. background: #20c997; }
  685. .btn.btn-teal:hover, .btn.btn-teal:active, .btn.btn-teal.hover {
  686. border-color: #1cb386;
  687. background-color: #1cb386;
  688. color: #fff; }
  689. .btn.btn-cyan {
  690. color: #fff;
  691. border-color: #17a2b8;
  692. background: #17a2b8; }
  693. .btn.btn-cyan:hover, .btn.btn-cyan:active, .btn.btn-cyan.hover {
  694. border-color: #148ea1;
  695. background-color: #148ea1;
  696. color: #fff; }
  697. .btn.btn-white {
  698. color: #fff;
  699. border-color: #fff;
  700. background: #fff; }
  701. .btn.btn-white:hover, .btn.btn-white:active, .btn.btn-white.hover {
  702. border-color: #f2f2f2;
  703. background-color: #f2f2f2;
  704. color: #fff; }
  705. .btn.btn-gray {
  706. color: #fff;
  707. border-color: #6c757d;
  708. background: #6c757d; }
  709. .btn.btn-gray:hover, .btn.btn-gray:active, .btn.btn-gray.hover {
  710. border-color: #60686f;
  711. background-color: #60686f;
  712. color: #fff; }
  713. .btn.btn-gray-dark {
  714. color: #fff;
  715. border-color: #343a40;
  716. background: #343a40; }
  717. .btn.btn-gray-dark:hover, .btn.btn-gray-dark:active, .btn.btn-gray-dark.hover {
  718. border-color: #292d32;
  719. background-color: #292d32;
  720. color: #fff; }
  721. .btn.btn-lightblue {
  722. color: #fff;
  723. border-color: #3c8dbc;
  724. background: #3c8dbc; }
  725. .btn.btn-lightblue:hover, .btn.btn-lightblue:active, .btn.btn-lightblue.hover {
  726. border-color: #367fa9;
  727. background-color: #367fa9;
  728. color: #fff; }
  729. .btn.btn-navy {
  730. color: #fff;
  731. border-color: #001f3f;
  732. background: #001f3f; }
  733. .btn.btn-navy:hover, .btn.btn-navy:active, .btn.btn-navy.hover {
  734. border-color: #001226;
  735. background-color: #001226;
  736. color: #fff; }
  737. .btn.btn-olive {
  738. color: #fff;
  739. border-color: #3d9970;
  740. background: #3d9970; }
  741. .btn.btn-olive:hover, .btn.btn-olive:active, .btn.btn-olive.hover {
  742. border-color: #368763;
  743. background-color: #368763;
  744. color: #fff; }
  745. .btn.btn-lime {
  746. color: #fff;
  747. border-color: #01ff70;
  748. background: #01ff70; }
  749. .btn.btn-lime:hover, .btn.btn-lime:active, .btn.btn-lime.hover {
  750. border-color: #00e765;
  751. background-color: #00e765;
  752. color: #fff; }
  753. .btn.btn-fuchsia {
  754. color: #fff;
  755. border-color: #f012be;
  756. background: #f012be; }
  757. .btn.btn-fuchsia:hover, .btn.btn-fuchsia:active, .btn.btn-fuchsia.hover {
  758. border-color: #db0ead;
  759. background-color: #db0ead;
  760. color: #fff; }
  761. .btn.btn-maroon {
  762. color: #fff;
  763. border-color: #d81b60;
  764. background: #d81b60; }
  765. .btn.btn-maroon:hover, .btn.btn-maroon:active, .btn.btn-maroon.hover {
  766. border-color: #c11856;
  767. background-color: #c11856;
  768. color: #fff; }
  769. .btn.btn-outline-blue {
  770. color: #007bff;
  771. border: 1px solid #007bff;
  772. background: #f8f9fa; }
  773. .btn.btn-outline-blue:hover, .btn.btn-outline-blue:active, .btn.btn-outline-blue.hover {
  774. border: 1px solid #007bff;
  775. background-color: #007bff;
  776. color: #fff; }
  777. .btn.btn-outline-indigo {
  778. color: #6610f2;
  779. border: 1px solid #6610f2;
  780. background: #f8f9fa; }
  781. .btn.btn-outline-indigo:hover, .btn.btn-outline-indigo:active, .btn.btn-outline-indigo.hover {
  782. border: 1px solid #6610f2;
  783. background-color: #6610f2;
  784. color: #fff; }
  785. .btn.btn-outline-purple {
  786. color: #6f42c1;
  787. border: 1px solid #6f42c1;
  788. background: #f8f9fa; }
  789. .btn.btn-outline-purple:hover, .btn.btn-outline-purple:active, .btn.btn-outline-purple.hover {
  790. border: 1px solid #6f42c1;
  791. background-color: #6f42c1;
  792. color: #fff; }
  793. .btn.btn-outline-pink {
  794. color: #e83e8c;
  795. border: 1px solid #e83e8c;
  796. background: #f8f9fa; }
  797. .btn.btn-outline-pink:hover, .btn.btn-outline-pink:active, .btn.btn-outline-pink.hover {
  798. border: 1px solid #e83e8c;
  799. background-color: #e83e8c;
  800. color: #fff; }
  801. .btn.btn-outline-red {
  802. color: #dc3545;
  803. border: 1px solid #dc3545;
  804. background: #f8f9fa; }
  805. .btn.btn-outline-red:hover, .btn.btn-outline-red:active, .btn.btn-outline-red.hover {
  806. border: 1px solid #dc3545;
  807. background-color: #dc3545;
  808. color: #fff; }
  809. .btn.btn-outline-orange {
  810. color: #fd7e14;
  811. border: 1px solid #fd7e14;
  812. background: #f8f9fa; }
  813. .btn.btn-outline-orange:hover, .btn.btn-outline-orange:active, .btn.btn-outline-orange.hover {
  814. border: 1px solid #fd7e14;
  815. background-color: #fd7e14;
  816. color: #fff; }
  817. .btn.btn-outline-yellow {
  818. color: #ffc107;
  819. border: 1px solid #ffc107;
  820. background: #f8f9fa; }
  821. .btn.btn-outline-yellow:hover, .btn.btn-outline-yellow:active, .btn.btn-outline-yellow.hover {
  822. border: 1px solid #ffc107;
  823. background-color: #ffc107;
  824. color: #fff; }
  825. .btn.btn-outline-green {
  826. color: #28a745;
  827. border: 1px solid #28a745;
  828. background: #f8f9fa; }
  829. .btn.btn-outline-green:hover, .btn.btn-outline-green:active, .btn.btn-outline-green.hover {
  830. border: 1px solid #28a745;
  831. background-color: #28a745;
  832. color: #fff; }
  833. .btn.btn-outline-teal {
  834. color: #20c997;
  835. border: 1px solid #20c997;
  836. background: #f8f9fa; }
  837. .btn.btn-outline-teal:hover, .btn.btn-outline-teal:active, .btn.btn-outline-teal.hover {
  838. border: 1px solid #20c997;
  839. background-color: #20c997;
  840. color: #fff; }
  841. .btn.btn-outline-cyan {
  842. color: #17a2b8;
  843. border: 1px solid #17a2b8;
  844. background: #f8f9fa; }
  845. .btn.btn-outline-cyan:hover, .btn.btn-outline-cyan:active, .btn.btn-outline-cyan.hover {
  846. border: 1px solid #17a2b8;
  847. background-color: #17a2b8;
  848. color: #fff; }
  849. .btn.btn-outline-white {
  850. color: #fff;
  851. border: 1px solid #fff;
  852. background: #f8f9fa; }
  853. .btn.btn-outline-white:hover, .btn.btn-outline-white:active, .btn.btn-outline-white.hover {
  854. border: 1px solid #fff;
  855. background-color: #fff;
  856. color: #fff; }
  857. .btn.btn-outline-gray {
  858. color: #6c757d;
  859. border: 1px solid #6c757d;
  860. background: #f8f9fa; }
  861. .btn.btn-outline-gray:hover, .btn.btn-outline-gray:active, .btn.btn-outline-gray.hover {
  862. border: 1px solid #6c757d;
  863. background-color: #6c757d;
  864. color: #fff; }
  865. .btn.btn-outline-gray-dark {
  866. color: #343a40;
  867. border: 1px solid #343a40;
  868. background: #f8f9fa; }
  869. .btn.btn-outline-gray-dark:hover, .btn.btn-outline-gray-dark:active, .btn.btn-outline-gray-dark.hover {
  870. border: 1px solid #343a40;
  871. background-color: #343a40;
  872. color: #fff; }
  873. .btn.btn-outline-lightblue {
  874. color: #3c8dbc;
  875. border: 1px solid #3c8dbc;
  876. background: #f8f9fa; }
  877. .btn.btn-outline-lightblue:hover, .btn.btn-outline-lightblue:active, .btn.btn-outline-lightblue.hover {
  878. border: 1px solid #3c8dbc;
  879. background-color: #3c8dbc;
  880. color: #fff; }
  881. .btn.btn-outline-navy {
  882. color: #001f3f;
  883. border: 1px solid #001f3f;
  884. background: #f8f9fa; }
  885. .btn.btn-outline-navy:hover, .btn.btn-outline-navy:active, .btn.btn-outline-navy.hover {
  886. border: 1px solid #001f3f;
  887. background-color: #001f3f;
  888. color: #fff; }
  889. .btn.btn-outline-olive {
  890. color: #3d9970;
  891. border: 1px solid #3d9970;
  892. background: #f8f9fa; }
  893. .btn.btn-outline-olive:hover, .btn.btn-outline-olive:active, .btn.btn-outline-olive.hover {
  894. border: 1px solid #3d9970;
  895. background-color: #3d9970;
  896. color: #fff; }
  897. .btn.btn-outline-lime {
  898. color: #01ff70;
  899. border: 1px solid #01ff70;
  900. background: #f8f9fa; }
  901. .btn.btn-outline-lime:hover, .btn.btn-outline-lime:active, .btn.btn-outline-lime.hover {
  902. border: 1px solid #01ff70;
  903. background-color: #01ff70;
  904. color: #fff; }
  905. .btn.btn-outline-fuchsia {
  906. color: #f012be;
  907. border: 1px solid #f012be;
  908. background: #f8f9fa; }
  909. .btn.btn-outline-fuchsia:hover, .btn.btn-outline-fuchsia:active, .btn.btn-outline-fuchsia.hover {
  910. border: 1px solid #f012be;
  911. background-color: #f012be;
  912. color: #fff; }
  913. .btn.btn-outline-maroon {
  914. color: #d81b60;
  915. border: 1px solid #d81b60;
  916. background: #f8f9fa; }
  917. .btn.btn-outline-maroon:hover, .btn.btn-outline-maroon:active, .btn.btn-outline-maroon.hover {
  918. border: 1px solid #d81b60;
  919. background-color: #d81b60;
  920. color: #fff; }
  921. .sidebar {
  922. height: calc(100vh - 4rem);
  923. min-height: 200px; }
  924. [class*="sidebar-dark-iwb"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-iwb"] .nav-sidebar > .nav-item > .nav-link.active {
  925. background-color: #007bff;
  926. color: #fff; }
  927. [class*="sidebar-dark-iwb"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-iwb"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  928. border-color: #007bff; }
  929. [class*="sidebar-dark-blue"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-blue"] .nav-sidebar > .nav-item > .nav-link.active {
  930. background-color: #007bff;
  931. color: #fff; }
  932. [class*="sidebar-dark-blue"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-blue"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  933. border-color: #007bff; }
  934. [class*="sidebar-dark-indigo"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-indigo"] .nav-sidebar > .nav-item > .nav-link.active {
  935. background-color: #6610f2;
  936. color: #fff; }
  937. [class*="sidebar-dark-indigo"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-indigo"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  938. border-color: #6610f2; }
  939. [class*="sidebar-dark-purple"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-purple"] .nav-sidebar > .nav-item > .nav-link.active {
  940. background-color: #6f42c1;
  941. color: #fff; }
  942. [class*="sidebar-dark-purple"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-purple"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  943. border-color: #6f42c1; }
  944. [class*="sidebar-dark-pink"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-pink"] .nav-sidebar > .nav-item > .nav-link.active {
  945. background-color: #e83e8c;
  946. color: #fff; }
  947. [class*="sidebar-dark-pink"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-pink"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  948. border-color: #e83e8c; }
  949. [class*="sidebar-dark-red"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-red"] .nav-sidebar > .nav-item > .nav-link.active {
  950. background-color: #dc3545;
  951. color: #fff; }
  952. [class*="sidebar-dark-red"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-red"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  953. border-color: #dc3545; }
  954. [class*="sidebar-dark-orange"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-orange"] .nav-sidebar > .nav-item > .nav-link.active {
  955. background-color: #fd7e14;
  956. color: #1f2d3d; }
  957. [class*="sidebar-dark-orange"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-orange"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  958. border-color: #fd7e14; }
  959. [class*="sidebar-dark-yellow"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-yellow"] .nav-sidebar > .nav-item > .nav-link.active {
  960. background-color: #ffc107;
  961. color: #1f2d3d; }
  962. [class*="sidebar-dark-yellow"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-yellow"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  963. border-color: #ffc107; }
  964. [class*="sidebar-dark-green"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-green"] .nav-sidebar > .nav-item > .nav-link.active {
  965. background-color: #28a745;
  966. color: #fff; }
  967. [class*="sidebar-dark-green"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-green"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  968. border-color: #28a745; }
  969. [class*="sidebar-dark-teal"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-teal"] .nav-sidebar > .nav-item > .nav-link.active {
  970. background-color: #20c997;
  971. color: #fff; }
  972. [class*="sidebar-dark-teal"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-teal"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  973. border-color: #20c997; }
  974. [class*="sidebar-dark-cyan"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-cyan"] .nav-sidebar > .nav-item > .nav-link.active {
  975. background-color: #17a2b8;
  976. color: #fff; }
  977. [class*="sidebar-dark-cyan"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-cyan"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  978. border-color: #17a2b8; }
  979. [class*="sidebar-dark-white"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-white"] .nav-sidebar > .nav-item > .nav-link.active {
  980. background-color: #fff;
  981. color: #1f2d3d; }
  982. [class*="sidebar-dark-white"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-white"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  983. border-color: #fff; }
  984. [class*="sidebar-dark-gray"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-gray"] .nav-sidebar > .nav-item > .nav-link.active {
  985. background-color: #6c757d;
  986. color: #fff; }
  987. [class*="sidebar-dark-gray"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-gray"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  988. border-color: #6c757d; }
  989. [class*="sidebar-dark-gray-dark"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-gray-dark"] .nav-sidebar > .nav-item > .nav-link.active {
  990. background-color: #343a40;
  991. color: #fff; }
  992. [class*="sidebar-dark-gray-dark"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-gray-dark"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  993. border-color: #343a40; }
  994. [class*="sidebar-dark-lightblue"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-lightblue"] .nav-sidebar > .nav-item > .nav-link.active {
  995. background-color: #3c8dbc;
  996. color: #fff; }
  997. [class*="sidebar-dark-lightblue"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-lightblue"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  998. border-color: #3c8dbc; }
  999. [class*="sidebar-dark-navy"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-navy"] .nav-sidebar > .nav-item > .nav-link.active {
  1000. background-color: #001f3f;
  1001. color: #fff; }
  1002. [class*="sidebar-dark-navy"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-navy"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  1003. border-color: #001f3f; }
  1004. [class*="sidebar-dark-olive"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-olive"] .nav-sidebar > .nav-item > .nav-link.active {
  1005. background-color: #3d9970;
  1006. color: #fff; }
  1007. [class*="sidebar-dark-olive"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-olive"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  1008. border-color: #3d9970; }
  1009. [class*="sidebar-dark-lime"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-lime"] .nav-sidebar > .nav-item > .nav-link.active {
  1010. background-color: #01ff70;
  1011. color: #1f2d3d; }
  1012. [class*="sidebar-dark-lime"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-lime"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  1013. border-color: #01ff70; }
  1014. [class*="sidebar-dark-fuchsia"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-fuchsia"] .nav-sidebar > .nav-item > .nav-link.active {
  1015. background-color: #f012be;
  1016. color: #fff; }
  1017. [class*="sidebar-dark-fuchsia"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-fuchsia"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  1018. border-color: #f012be; }
  1019. [class*="sidebar-dark-maroon"] .nav-sidebar > .nav-item > .nav-link.active, [class*="sidebar-light-maroon"] .nav-sidebar > .nav-item > .nav-link.active {
  1020. background-color: #d81b60;
  1021. color: #fff; }
  1022. [class*="sidebar-dark-maroon"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active, [class*="sidebar-light-maroon"] .nav-sidebar.nav-legacy > .nav-item > .nav-link.active {
  1023. border-color: #d81b60; }
  1024. .iwb-table.table-box, .iwb-bootstrap-table.table-box {
  1025. text-decoration: none; }
  1026. .iwb-table .table-box-header, .iwb-bootstrap-table .table-box-header {
  1027. padding: 10px 1rem 0; }
  1028. .iwb-table .table-box-header .table-tool, .iwb-table .table-box-header .tableTool, .iwb-bootstrap-table .table-box-header .table-tool, .iwb-bootstrap-table .table-box-header .tableTool {
  1029. height: 30px; }
  1030. .iwb-table .table-box-header .table-tool .tool-menu .menu-btn, .iwb-table .table-box-header .tableTool .tool-menu .menu-btn, .iwb-bootstrap-table .table-box-header .table-tool .tool-menu .menu-btn, .iwb-bootstrap-table .table-box-header .tableTool .tool-menu .menu-btn {
  1031. color: #007bff; }
  1032. .iwb-table .table-box-content, .iwb-bootstrap-table .table-box-content {
  1033. padding: 10px 1rem 0; }
  1034. .iwb-table .bootstrap-table .table, .iwb-bootstrap-table .bootstrap-table .table {
  1035. width: 100% !important; }
  1036. .iwb-table .bootstrap-table .table thead > tr > th, .iwb-bootstrap-table .bootstrap-table .table thead > tr > th {
  1037. /*padding: 0;
  1038. margin: 0;*/
  1039. background: #99caff;
  1040. /*color:color-yiq($white);*/
  1041. color: #fff; }
  1042. .iwb-table .bootstrap-table .table tbody > tr, .iwb-bootstrap-table .bootstrap-table .table tbody > tr {
  1043. cursor: pointer;
  1044. background: #e6f2ff; }
  1045. .iwb-table .bootstrap-table .table tbody > tr:nth-of-type(even), .iwb-bootstrap-table .bootstrap-table .table tbody > tr:nth-of-type(even) {
  1046. background-image: linear-gradient(rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)); }
  1047. .iwb-table .bootstrap-table .table tbody > tr > td, .iwb-bootstrap-table .bootstrap-table .table tbody > tr > td {
  1048. padding: 5px 2px;
  1049. /*padding: 0;*/
  1050. /*line-height: 32px;*/
  1051. margin: 0;
  1052. border-left: 1px solid #dee2e6;
  1053. /*padding: 0;
  1054. margin: 0;
  1055. background: scale-color($iwb-color,$lightness:20%);
  1056. color: $white;*/ }
  1057. .iwb-table .bootstrap-table .table tbody > tr > td.bs-checkbox > .iwb-checkbox, .iwb-bootstrap-table .bootstrap-table .table tbody > tr > td.bs-checkbox > .iwb-checkbox {
  1058. padding-left: 20px; }
  1059. .iwb-table .bootstrap-table .table tbody > tr > td.bs-checkbox > .iwb-checkbox > span, .iwb-bootstrap-table .bootstrap-table .table tbody > tr > td.bs-checkbox > .iwb-checkbox > span {
  1060. top: -5px;
  1061. left: 6px; }
  1062. .iwb-table .bootstrap-table .table tbody > tr > td .table-action, .iwb-bootstrap-table .bootstrap-table .table tbody > tr > td .table-action {
  1063. color: #007bff;
  1064. margin: 0 3px;
  1065. padding: 0 5px; }
  1066. .iwb-table .bootstrap-table .table tbody > tr > td .table-action:hover, .iwb-bootstrap-table .bootstrap-table .table tbody > tr > td .table-action:hover {
  1067. padding-bottom: 1px;
  1068. border-bottom: 2px solid; }
  1069. .iwb-table .bootstrap-table .table tbody > tr:hover > td, .iwb-bootstrap-table .bootstrap-table .table tbody > tr:hover > td {
  1070. background: #4da3ff;
  1071. color: #fff; }
  1072. .iwb-table .bootstrap-table .table tbody > tr:hover .iwb-checkbox > span, .iwb-bootstrap-table .bootstrap-table .table tbody > tr:hover .iwb-checkbox > span {
  1073. color: #fff; }
  1074. .iwb-table .bootstrap-table .table tbody > tr:hover .table-action, .iwb-bootstrap-table .bootstrap-table .table tbody > tr:hover .table-action {
  1075. color: #fff; }
  1076. .iwb-table .bootstrap-table .table tbody > tr.no-records-found > td, .iwb-table .bootstrap-table .table tbody > tr.selected > td, .iwb-bootstrap-table .bootstrap-table .table tbody > tr.no-records-found > td, .iwb-bootstrap-table .bootstrap-table .table tbody > tr.selected > td {
  1077. background: #3395ff;
  1078. color: #fff; }
  1079. .iwb-table .bootstrap-table .table tbody > tr.no-records-found .iwb-checkbox > span, .iwb-table .bootstrap-table .table tbody > tr.selected .iwb-checkbox > span, .iwb-bootstrap-table .bootstrap-table .table tbody > tr.no-records-found .iwb-checkbox > span, .iwb-bootstrap-table .bootstrap-table .table tbody > tr.selected .iwb-checkbox > span {
  1080. color: #fff; }
  1081. .iwb-table .bootstrap-table .table tbody > tr.no-records-found .table-action, .iwb-table .bootstrap-table .table tbody > tr.selected .table-action, .iwb-bootstrap-table .bootstrap-table .table tbody > tr.no-records-found .table-action, .iwb-bootstrap-table .bootstrap-table .table tbody > tr.selected .table-action {
  1082. color: #fff; }
  1083. .iwb-table .bootstrap-table .fixed-table-pagination .pagination-detail, .iwb-bootstrap-table .bootstrap-table .fixed-table-pagination .pagination-detail {
  1084. margin-top: 0;
  1085. margin-bottom: 0; }
  1086. .iwb-table .bootstrap-table .fixed-table-pagination .pagination-detail .pagination-info, .iwb-bootstrap-table .bootstrap-table .fixed-table-pagination .pagination-detail .pagination-info {
  1087. font-size: .8rem;
  1088. color: #007bff; }
  1089. .iwb-table .bootstrap-table .fixed-table-pagination .pagination .page-item .page-link, .iwb-bootstrap-table .bootstrap-table .fixed-table-pagination .pagination .page-item .page-link {
  1090. border-color: #007bff; }
  1091. .iwb-table .bootstrap-table .fixed-table-pagination .pagination .page-item .page-link.active, .iwb-bootstrap-table .bootstrap-table .fixed-table-pagination .pagination .page-item .page-link.active {
  1092. color: #007bff; }
  1093. .iwb-file {
  1094. width: 100%;
  1095. position: relative;
  1096. display: inline-block;
  1097. margin-bottom: 0; }
  1098. .iwb-file .iwb-file-input {
  1099. opacity: 0; }
  1100. .iwb-file .iwb-file-label {
  1101. background-color: #fff;
  1102. border: 1px solid #ced4da;
  1103. color: #6c757d !important;
  1104. text-align: left;
  1105. position: absolute;
  1106. top: 0;
  1107. right: 0;
  1108. left: 0;
  1109. z-index: 1;
  1110. width: 100%;
  1111. height: calc( 1.8125rem + 2px);
  1112. padding: 7px 150px 7px 8px;
  1113. line-height: 1.25;
  1114. font-size: .875rem;
  1115. font-weight: 400 !important;
  1116. border-radius: .25rem; }
  1117. .iwb-file .iwb-file-label.choice {
  1118. color: #e9ecef; }
  1119. .iwb-file .iwb-file-label:after {
  1120. content: "\e81c 浏览文件";
  1121. width: 99px;
  1122. display: flex;
  1123. align-items: center;
  1124. justify-content: center;
  1125. color: #fff;
  1126. border-left: 1px solid #dee2e6;
  1127. background-color: #007bff;
  1128. position: absolute;
  1129. top: -1px;
  1130. right: 0;
  1131. bottom: 0;
  1132. z-index: 3;
  1133. height: calc( 1.8125rem + 2px);
  1134. font-family: "iconfont";
  1135. border-radius: 0 .25rem .25rem 0; }
  1136. .iwb-file .iwb-file-input:lang(en) ~ .iwb-file-label::after {
  1137. content: "Browse"; }
  1138. .iwb-file .clear {
  1139. color: #fff;
  1140. border-left: 1px solid #dee2e6;
  1141. background-color: #007bff;
  1142. width: 35px;
  1143. height: calc( 1.8125rem + 2px);
  1144. cursor: pointer;
  1145. position: absolute;
  1146. top: 0;
  1147. right: 100px;
  1148. z-index: 1;
  1149. display: flex;
  1150. align-items: center;
  1151. justify-content: center; }
  1152. .iwb-file.file-error .iwb-file-label {
  1153. border: 1px solid #dc3545 !important; }
  1154. .iwb-file.file-success .iwb-file-label {
  1155. color: #495057 !important; }