bootstrap-extended.css 47 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138
  1. a:focus {
  2. outline : none;
  3. }
  4. .font-small-1 {
  5. font-size : 0.7rem !important;
  6. }
  7. .font-small-2 {
  8. font-size : 0.8rem !important;
  9. }
  10. .font-small-3 {
  11. font-size : 0.9rem !important;
  12. }
  13. .font-medium-1 {
  14. font-size : 1.1rem !important;
  15. }
  16. .font-medium-2 {
  17. font-size : 1.2rem !important;
  18. }
  19. .font-medium-3 {
  20. font-size : 1.3rem !important;
  21. }
  22. .font-medium-4 {
  23. font-size : 1.4rem !important;
  24. }
  25. .font-medium-5 {
  26. font-size : 1.5rem !important;
  27. }
  28. .font-large-1 {
  29. font-size : 2rem !important;
  30. }
  31. .font-large-2 {
  32. font-size : 3rem !important;
  33. }
  34. .font-large-3 {
  35. font-size : 4rem !important;
  36. }
  37. .font-large-4 {
  38. font-size : 5rem !important;
  39. }
  40. .font-large-5 {
  41. font-size : 6rem !important;
  42. }
  43. .text-bold-100 {
  44. font-weight : 100;
  45. }
  46. .text-bold-200 {
  47. font-weight : 200;
  48. }
  49. .text-bold-300 {
  50. font-weight : 300;
  51. }
  52. .text-bold-400 {
  53. font-weight : 400;
  54. }
  55. .text-bold-500 {
  56. font-weight : 500;
  57. }
  58. .text-bold-600 {
  59. font-weight : 600;
  60. }
  61. .text-bold-700 {
  62. font-weight : 700;
  63. }
  64. .text-bold-800 {
  65. font-weight : 800;
  66. }
  67. .text-bold-900 {
  68. font-weight : 900;
  69. }
  70. .text-italic {
  71. font-style : italic;
  72. }
  73. .text-highlight {
  74. padding : 4px 6px;
  75. }
  76. ol li, ul li, dl li {
  77. line-height : 1.8;
  78. }
  79. code {
  80. padding : 0.2rem 0.4rem;
  81. font-size : 90%;
  82. color : #F74B5C;
  83. background-color : rgba(237, 85, 100, 0.07);
  84. border-radius : 0.18rem;
  85. }
  86. .bs-example [class^='col-'] {
  87. margin-bottom : 1rem;
  88. }
  89. .bs-example [class^='col-'] span {
  90. padding : 0.75rem;
  91. background-color : rgba(86, 61, 124, 0.15);
  92. border : 1px solid rgba(86, 61, 124, 0.2);
  93. display : block;
  94. }
  95. .bs-example .row + .row {
  96. margin-top : 1rem;
  97. }
  98. .table-white-space th, .table-white-space td {
  99. white-space : nowrap;
  100. }
  101. .table-borderless td, .table-borderless th {
  102. border : none;
  103. }
  104. .table thead th {
  105. vertical-align : bottom;
  106. border-bottom : 2px solid #E3EBF3;
  107. border-top : 1px solid #E3EBF3;
  108. }
  109. .table-bordered th, .table-bordered td {
  110. border : 1px solid #E3EBF3;
  111. }
  112. .table th, .table td {
  113. border-bottom : 1px solid #E3EBF3;
  114. }
  115. .table-bordered {
  116. border : 1px solid #E3EBF3;
  117. }
  118. .table-inverse {
  119. color : #ECEEEF;
  120. background-color : #1D2B36;
  121. }
  122. .table.table-column th, .table.table-column td {
  123. border : none;
  124. border-right : 1px solid #E3EBF3;
  125. }
  126. .table.table-column th:first-child, .table.table-column td:first-child {
  127. border-right : none;
  128. }
  129. .table th, .table td {
  130. border-top : table-borderless;
  131. }
  132. .table th, .table td {
  133. padding : 0.75rem 2rem;
  134. }
  135. .table.table-xl th, .table.table-xl td {
  136. padding : 1.25rem 2rem;
  137. }
  138. .table.table-lg th, .table.table-lg td {
  139. padding : 0.9rem 2rem;
  140. }
  141. .table.table-de th, .table.table-de td {
  142. padding : 0.75rem 2rem;
  143. }
  144. .table.table-sm th, .table.table-sm td {
  145. padding : 0.6rem 2rem;
  146. }
  147. .table.table-xs th, .table.table-xs td {
  148. padding : 0.4rem 2rem;
  149. }
  150. /*
  151. * Table sizing
  152. */
  153. .table-borderless thead th {
  154. border-top : 1px solid #E3EBF3;
  155. }
  156. .table-borderless > tbody > tr > td, .table-borderless > tbody > tr > th {
  157. border : 0;
  158. }
  159. .table > thead > tr.border-solid > th {
  160. border-bottom-width : 2px;
  161. }
  162. .table > thead > tr.border-double > th {
  163. border-bottom-width : 4px;
  164. border-bottom-style : double;
  165. }
  166. .table > tbody > tr.border-dashed > td {
  167. border-top-style : dashed;
  168. }
  169. .border-custom-color td {
  170. border-top : inherit;
  171. border-bottom : inherit;
  172. }
  173. form label {
  174. color : #414141;
  175. }
  176. form .form-group {
  177. margin-bottom : 1.5rem;
  178. }
  179. form .form-control {
  180. border : 1px solid #D4D4D4;
  181. color : #5A5A5A;
  182. }
  183. form .form-control::-webkit-input-placeholder {
  184. color : silver;
  185. }
  186. form .form-control:-moz-placeholder {
  187. /* Firefox 18- */
  188. color : silver;
  189. }
  190. form .form-control::-moz-placeholder {
  191. /* Firefox 19+ */
  192. color : silver;
  193. }
  194. form .form-control:-ms-input-placeholder {
  195. color : silver;
  196. }
  197. form .form-section {
  198. color : #1D2B36;
  199. line-height : 3rem;
  200. margin-bottom : 20px;
  201. border-bottom : 1px solid #1D2B36;
  202. }
  203. form .form-section i {
  204. font-size : 20px;
  205. margin-right : 5px;
  206. margin-left : 10px;
  207. }
  208. form .form-body {
  209. overflow : hidden;
  210. }
  211. form .form-actions {
  212. border-top : 1px solid #DADADA;
  213. padding : 20px 0;
  214. margin-top : 20px;
  215. }
  216. form .form-actions.filled {
  217. background-color : #F3F3F3;
  218. }
  219. form .form-actions.center {
  220. text-align : center;
  221. }
  222. form .form-actions.right {
  223. text-align : left;
  224. }
  225. form .form-actions.top {
  226. border-top : 0;
  227. border-bottom : 1px solid #DADADA;
  228. margin-top : 0;
  229. margin-bottom : 20px;
  230. }
  231. @media (max-width: 767px) {
  232. form .form-actions .buttons-group {
  233. float : right !important;
  234. margin-bottom : 10px;
  235. }
  236. }
  237. @media (min-width: 544px) {
  238. form.form-horizontal .form-group .label-control {
  239. text-align : left;
  240. }
  241. }
  242. form.row-separator .form-group {
  243. margin : 0;
  244. border-bottom : 1px solid #EBEBEB;
  245. }
  246. form.row-separator .form-group .label-control {
  247. padding-top : 1.5rem;
  248. }
  249. form.row-separator .form-group > div {
  250. padding : 1.2rem;
  251. padding-left : 0;
  252. }
  253. form.row-separator .form-group.last {
  254. border-bottom : 0;
  255. }
  256. form.form-bordered .form-group {
  257. margin : 0;
  258. border-bottom : 1px solid #EBEBEB;
  259. }
  260. form.form-bordered .form-group .label-control {
  261. padding-top : 1.5rem;
  262. }
  263. form.form-bordered .form-group > div {
  264. padding : 1.2rem;
  265. padding-left : 0;
  266. border-right : 1px solid #EBEBEB;
  267. }
  268. form.form-bordered .form-group.last {
  269. border-bottom : 0;
  270. }
  271. form.striped-rows .form-group {
  272. margin : 0;
  273. }
  274. form.striped-rows .form-group .label-control {
  275. padding-top : 1.5rem;
  276. }
  277. form.striped-rows .form-group > div {
  278. padding : 1.2rem;
  279. padding-left : 0;
  280. }
  281. form.striped-rows .form-group:nth-child(even) {
  282. background-color : #F3F3F3;
  283. }
  284. form.striped-labels .form-group {
  285. margin : 0;
  286. }
  287. form.striped-labels .form-group .label-control {
  288. padding-top : 1.5rem;
  289. }
  290. form.striped-labels .form-group > div {
  291. padding : 1.2rem;
  292. padding-left : 0;
  293. background-color : white;
  294. }
  295. form.striped-labels .form-group:nth-child(even) {
  296. background-color : #F3F3F3;
  297. }
  298. select.form-control {
  299. padding-top : 0 !important;
  300. padding-bottom : 0 !important;
  301. }
  302. /*
  303. TODO:M: To check with latest bootstrap version and remove it.
  304. Bootstrap Enhance */
  305. .custom-control {
  306. display : block;
  307. }
  308. .custom-control.inline {
  309. display : inline;
  310. }
  311. .custom-checkbox input:disabled:checked ~ .custom-control-indicator {
  312. opacity : 0.5;
  313. }
  314. .custom-checkbox input:disabled ~ .custom-control-indicator {
  315. cursor : not-allowed;
  316. }
  317. .custom-control-input > input:focus ~ .custom-control-indicator {
  318. padding : 0.51rem;
  319. }
  320. .custom-control-indicator {
  321. width : 1.1rem;
  322. height : 1.075rem;
  323. line-height : 1.05rem;
  324. top : 0.085rem;
  325. }
  326. .custom-control-indicator + .custom-control-description {
  327. margin-right : 1rem;
  328. }
  329. .btn:focus, .btn.focus {
  330. outline : none;
  331. }
  332. .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  333. outline : none;
  334. }
  335. .btn.btn-social {
  336. padding : 0.5rem 2.75rem 0.5rem 0.25rem;
  337. }
  338. .btn-min-width {
  339. min-width : 8.5rem;
  340. }
  341. .color-box {
  342. width : 100%;
  343. height : 2.75rem;
  344. border-radius : 0.25rem;
  345. }
  346. .dropdown .dropdown-menu {
  347. display : block;
  348. min-width : 160px;
  349. border : 1.5px solid #E6E6E6;
  350. opacity : 0.3;
  351. -webkit-transform-origin : top;
  352. -moz-transform-origin : top;
  353. -ms-transform-origin : top;
  354. -o-transform-origin : top;
  355. transform-origin : top;
  356. -webkit-animation-fill-mode : forwards;
  357. -moz-animation-fill-mode : forwards;
  358. -o-animation-fill-mode : forwards;
  359. animation-fill-mode : forwards;
  360. -webkit-transform : scale(1, 0);
  361. -moz-transform : scale(1, 0);
  362. -ms-transform : scale(1, 0);
  363. -o-transform : scale(1, 0);
  364. transform : scale(1, 0);
  365. -webkit-transition : all 0.2s linear;
  366. -moz-transition : all 0.2s linear;
  367. -o-transition : all 0.2s linear;
  368. transition : all 0.2s linear;
  369. -webkit-box-shadow : 0 1px 3px rgba(0, 0, 0, 0.1);
  370. box-shadow : 0 1px 3px rgba(0, 0, 0, 0.1);
  371. }
  372. .dropdown .dropdown-menu .dropdown-header {
  373. padding : 10px 20px;
  374. margin-top : 10px;
  375. text-transform : uppercase;
  376. color : #818A91;
  377. }
  378. .dropdown .dropdown-menu .dropdown-item {
  379. padding : 10px 20px;
  380. width : auto;
  381. }
  382. .dropdown i {
  383. margin-left : 0.5rem;
  384. }
  385. .nav-item i {
  386. margin-left : 0.5rem;
  387. }
  388. .open > .dropdown-menu {
  389. -webkit-transform : scale(1, 1);
  390. -moz-transform : scale(1, 1);
  391. -ms-transform : scale(1, 1);
  392. -o-transform : scale(1, 1);
  393. transform : scale(1, 1);
  394. opacity : 1;
  395. }
  396. .dropdown-toggle::after {
  397. font-family : 'icomoon';
  398. content : '\ea08';
  399. border : none !important;
  400. position : relative;
  401. top : -9px;
  402. left : 5px;
  403. padding : 0 6px 0 2px;
  404. margin : 0 0 0 0.3em;
  405. }
  406. .dropdown-toggle.nav-hide-arrow::after {
  407. display : none;
  408. }
  409. .dropdown-toggle:focus {
  410. outline : 0;
  411. }
  412. .navbar-horizontal .dropdown-toggle::after {
  413. top : -9px !important;
  414. }
  415. .dropdown-menu-right {
  416. right : auto !important;
  417. left : 0;
  418. }
  419. .dropdown-menu .dropdown-submenu {
  420. position : relative;
  421. }
  422. .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
  423. display : block;
  424. }
  425. .dropdown-menu .dropdown-submenu > .dropdown-menu {
  426. top : 0;
  427. right : 100%;
  428. margin-top : -6px;
  429. margin-right : -1px;
  430. }
  431. .dropdown-menu .dropdown-submenu > .dropdown-menu.open-left {
  432. right : auto;
  433. left : 100%;
  434. }
  435. .dropdown-menu .dropdown-submenu > a:after, .dropdown-menu .dropdown-submenu > button:after {
  436. font-family : 'icomoon';
  437. content : '\ea0b';
  438. left : 14px;
  439. top : -15px;
  440. font-size : 1.2rem;
  441. float : left;
  442. border : none;
  443. margin-top : 1.15rem;
  444. position : absolute;
  445. }
  446. .dropdown-menu .dropdown-submenu :hover > a:after, .dropdown-menu .dropdown-submenu :hover > button:after {
  447. border-right-color : #555555;
  448. }
  449. .dropdown-menu .dropdown-submenu .pull-left {
  450. float : none;
  451. }
  452. .dropdown-menu .dropdown-submenu .pull-left > .dropdown-menu {
  453. right : -100%;
  454. margin-right : 10px;
  455. }
  456. .dropdown-header {
  457. text-transform : uppercase;
  458. }
  459. .dropdown-header.highlight {
  460. color : #2B2D2F;
  461. text-decoration : none;
  462. background-color : #F5F5F5;
  463. }
  464. .btn-secondary ~ .dropdown-menu .dropdown-item.active {
  465. background-color : #CCCCCC;
  466. }
  467. .btn-primary ~ .dropdown-menu .dropdown-item.active {
  468. background-color : #967ADC;
  469. }
  470. .btn-success ~ .dropdown-menu .dropdown-item.active {
  471. background-color : #37BC9B;
  472. }
  473. .btn-danger ~ .dropdown-menu .dropdown-item.active {
  474. background-color : #DA4453;
  475. }
  476. .btn-info ~ .dropdown-menu .dropdown-item.active {
  477. background-color : #3BAFDA;
  478. }
  479. .btn-warning ~ .dropdown-menu .dropdown-item.active {
  480. background-color : #F6BB42;
  481. }
  482. .dropdown-menu.arrow {
  483. margin-top : 12px;
  484. }
  485. .dropdown-menu.arrow:after, .dropdown-menu.arrow:before {
  486. position : absolute;
  487. right : 10px;
  488. display : inline-block;
  489. width : 0;
  490. height : 0;
  491. content : '';
  492. border : 7px solid transparent;
  493. border-top-width : 0;
  494. }
  495. .dropdown-menu.arrow:before {
  496. top : -7px;
  497. border-bottom-color : #B3B3B3;
  498. }
  499. .dropdown-menu.arrow:after {
  500. top : -6px;
  501. border-bottom-color : #FFFFFF;
  502. }
  503. .dropdown-menu .arrow-left {
  504. margin-right : 7px !important;
  505. }
  506. .dropdown-menu .arrow-left:after, .dropdown-menu .arrow-left:before {
  507. position : absolute;
  508. top : 10px;
  509. display : inline-block;
  510. width : 0;
  511. height : 0;
  512. content : '';
  513. border : 7px solid transparent;
  514. border-right-width : 0;
  515. }
  516. .dropdown-menu .arrow-left:before {
  517. right : -8px;
  518. border-left-color : #B3B3B3;
  519. }
  520. .dropdown-menu .arrow-left:after {
  521. right : -7px;
  522. border-left-color : #FFFFFF;
  523. }
  524. .dropdown-menu .arrow-right {
  525. margin-left : 7px !important;
  526. }
  527. .dropdown-menu .arrow-right:after, .dropdown-menu .arrow-right:before {
  528. position : absolute;
  529. top : 10px;
  530. display : inline-block;
  531. width : 0;
  532. height : 0;
  533. content : '';
  534. border : 7px solid transparent;
  535. border-left-width : 0;
  536. }
  537. .dropdown-menu .arrow-right:before {
  538. left : -7px;
  539. border-right-color : #B3B3B3;
  540. }
  541. .dropdown-menu .arrow-right:after {
  542. left : -6px;
  543. border-right-color : #FFFFFF;
  544. }
  545. .dropup .dropdown-menu.arrow {
  546. margin-bottom : 12px;
  547. }
  548. .dropup .dropdown-menu.arrow:after, .dropup .dropdown-menu.arrow:before {
  549. top : auto;
  550. border-top-width : 7px;
  551. border-bottom-width : 0;
  552. }
  553. .dropup .dropdown-menu.arrow:before {
  554. bottom : -8px;
  555. border-top-color : #B3B3B3;
  556. }
  557. .dropup .dropdown-menu.arrow:after {
  558. bottom : -6px;
  559. border-top-color : #FFFFFF;
  560. }
  561. .dropup .dropdown-submenu .dropdown-menu {
  562. bottom : auto;
  563. top : 0;
  564. }
  565. .dropdown-menu-xl a, .dropdown-menu-xl button {
  566. padding-top : 9px;
  567. padding-bottom : 9px;
  568. font-size : 1rem;
  569. line-height : 1.43;
  570. }
  571. .dropdown-menu-lg a, .dropdown-menu-lg button {
  572. padding-top : 6px;
  573. padding-bottom : 6px;
  574. }
  575. .dropdown-menu-sm a, .dropdown-menu-sm button {
  576. padding-top : 5px;
  577. padding-bottom : 5px;
  578. font-size : 0.86rem;
  579. line-height : 1.67;
  580. }
  581. button:focus {
  582. outline : none;
  583. }
  584. /* ===============================================================================================
  585. File Name: navbar.scss
  586. Description: Contain header navigation bar, vertical main navigation bar and
  587. horiznotal main navigation bar related SCSS.
  588. ----------------------------------------------------------------------------------------------
  589. Item Name: Robust - Responsive Admin Theme
  590. Version: 1.2
  591. Author: PIXINVENT
  592. Author URL: http://www.themeforest.net/user/pixinvent
  593. ================================================================================================*/
  594. .header-navbar.navbar-dark .hamburger-inner, .header-navbar.navbar-dark .hamburger-inner::before, .header-navbar.navbar-dark .hamburger-inner::after {
  595. background-color : #FFFFFF;
  596. }
  597. .header-navbar {
  598. padding : 0;
  599. min-height : 4rem;
  600. -webkit-transition : 300ms ease all;
  601. -moz-transition : 300ms ease all;
  602. -o-transition : 300ms ease all;
  603. transition : 300ms ease all;
  604. /* For sm screen*/
  605. }
  606. .header-navbar.navbar-border {
  607. border-bottom : 1px solid rgba(0, 0, 0, 0.1);
  608. }
  609. .header-navbar.navbar-shadow {
  610. -webkit-box-shadow : 0 2px 4px rgba(0, 0, 0, 0.08);
  611. box-shadow : 0 2px 4px rgba(0, 0, 0, 0.08);
  612. }
  613. .header-navbar.navbar-without-dd-arrow .nav-link.dropdown-toggle::after {
  614. display : none;
  615. }
  616. .header-navbar.navbar-light {
  617. background : #FFFFFF;
  618. }
  619. .header-navbar.navbar-light.navbar-horizontal {
  620. background : #FFFFFF;
  621. }
  622. .header-navbar.navbar-light .navbar-nav li {
  623. line-height : 1;
  624. }
  625. .header-navbar.navbar-light .navbar-nav .active.nav-link {
  626. background-color : rgba(0, 0, 0, 0.03);
  627. }
  628. .header-navbar.navbar-light .navbar-nav .disabled.nav-link {
  629. color : #818A91;
  630. }
  631. .header-navbar.navbar-dark {
  632. background : #1D2B36;
  633. }
  634. .header-navbar.navbar-dark.navbar-horizontal {
  635. background : #1D2B36;
  636. }
  637. .header-navbar.navbar-dark .nav-search .form-control, .header-navbar.navbar-dark .nav-search .btn-secondary {
  638. color : #FFFFFF;
  639. background : #1D2B36;
  640. }
  641. .header-navbar.navbar-dark .navbar-nav li {
  642. line-height : 1;
  643. }
  644. .header-navbar.navbar-dark .navbar-nav .active.nav-link {
  645. background-color : rgba(255, 255, 255, 0.05);
  646. }
  647. .header-navbar.navbar-dark .navbar-nav .disabled.nav-link {
  648. color : #ECEEEF;
  649. }
  650. .header-navbar.navbar-semi-dark {
  651. background : #FFFFFF;
  652. }
  653. .header-navbar.navbar-semi-dark .navbar-header {
  654. background : #1D2B36;
  655. }
  656. .header-navbar.navbar-semi-dark .navbar-nav li {
  657. line-height : 1;
  658. }
  659. .header-navbar.navbar-semi-dark .navbar-nav .nav-link {
  660. color : #55595C;
  661. }
  662. .header-navbar.navbar-semi-dark .navbar-nav .active.nav-link {
  663. background-color : rgba(0, 0, 0, 0.03);
  664. }
  665. .header-navbar.navbar-semi-dark .navbar-nav .disabled.nav-link {
  666. color : #818A91;
  667. }
  668. .header-navbar.navbar-brand-center .navbar-header {
  669. width : 130px;
  670. position : absolute;
  671. right : 50%;
  672. padding : 0;
  673. margin : 0;
  674. -webkit-transform : translate(50%, 0);
  675. -moz-transform : translate(50%, 0);
  676. -ms-transform : translate(50%, 0);
  677. -o-transform : translate(50%, 0);
  678. transform : translate(50%, 0);
  679. }
  680. .header-navbar .navbar-header {
  681. height : 100%;
  682. width : 240px;
  683. height : 4rem;
  684. float : right;
  685. position : relative;
  686. padding : 0rem 1rem;
  687. -webkit-transition : 300ms ease all;
  688. -moz-transition : 300ms ease all;
  689. -o-transition : 300ms ease all;
  690. transition : 300ms ease all;
  691. }
  692. .header-navbar .navbar-header .navbar-brand {
  693. padding : 15px 6px;
  694. }
  695. .header-navbar .navbar-container {
  696. padding : 0rem 1rem;
  697. height : 4rem;
  698. -webkit-transition : 300ms ease all;
  699. -moz-transition : 300ms ease all;
  700. -o-transition : 300ms ease all;
  701. transition : 300ms ease all;
  702. background : inherit;
  703. }
  704. .header-navbar .navbar-container ul.nav li > a.nav-link {
  705. padding : 1.5rem 0.6rem;
  706. }
  707. .header-navbar .navbar-container ul.nav li > a.nav-link i.flag-icon {
  708. margin-left : 0.5rem;
  709. }
  710. .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
  711. padding : 0.9rem 0.6rem;
  712. }
  713. .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {
  714. display : inline-block;
  715. margin-bottom : 0.4rem;
  716. margin-right : 0.2rem;
  717. }
  718. .header-navbar .navbar-container ul.nav li a.menu-toggle {
  719. padding : 1.1rem 1rem 1rem 0.8rem;
  720. }
  721. .header-navbar .navbar-container ul.nav li a.menu-toggle i {
  722. font-size : 1.7rem;
  723. }
  724. .header-navbar .navbar-container ul.nav li a.nav-link-label {
  725. padding : 1.4rem 0.8rem 1rem 0rem;
  726. }
  727. .header-navbar .navbar-container ul.nav li a.dropdown-user-link .avatar {
  728. margin-left : 0.5rem;
  729. }
  730. .header-navbar .navbar-container ul.nav li a.nav-link-search, .header-navbar .navbar-container ul.nav li a.nav-link-expand {
  731. padding : 1.4rem 1rem 1.3rem 1rem;
  732. }
  733. .header-navbar .navbar-container ul.nav li a.upgrade-to-pro {
  734. margin-top : 9px;
  735. }
  736. .header-navbar .navbar-container ul.nav li div.input-group {
  737. padding : 0.7rem 1rem;
  738. }
  739. .header-navbar .navbar-container ul.nav li i.ficon {
  740. font-size : 1.2rem;
  741. }
  742. .header-navbar .navbar-container ul.nav li .list-group {
  743. max-height : 20rem;
  744. }
  745. .header-navbar .navbar-container ul.nav li .scrollable-container {
  746. position : relative;
  747. }
  748. .header-navbar .navbar-container .dropdown-menu-media {
  749. width : 24rem;
  750. }
  751. .header-navbar .navbar-container .dropdown-menu-media .list-group .list-group-item {
  752. padding : 1rem;
  753. border : none;
  754. border-top : 1px solid #E6E6E6;
  755. border-bottom : 1px solid #E6E6E6;
  756. }
  757. .header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header {
  758. border-bottom : 1px solid #E6E6E6;
  759. }
  760. .header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-footer a {
  761. padding : 0.3rem;
  762. border-top : 1px solid #E6E6E6;
  763. }
  764. .header-navbar.navbar-without-menu .navbar-container {
  765. margin-right : 0;
  766. }
  767. .header-navbar .nav-item + .nav-item {
  768. margin-right : 0rem;
  769. }
  770. @media (max-width: 767px) {
  771. .header-navbar .navbar-header {
  772. width : 100% !important;
  773. padding : 0.5rem 1rem;
  774. }
  775. .header-navbar .navbar-header .menu-toggle {
  776. top : 2px;
  777. position : relative;
  778. }
  779. .header-navbar .navbar-header .open-navbar-container i {
  780. font-size : 1.8rem;
  781. }
  782. .header-navbar .navbar-header .navbar-brand {
  783. position : absolute;
  784. right : 50%;
  785. top : 0;
  786. -webkit-transform : translate(50%, 0);
  787. -moz-transform : translate(50%, 0);
  788. -ms-transform : translate(50%, 0);
  789. -o-transform : translate(50%, 0);
  790. transform : translate(50%, 0);
  791. }
  792. .header-navbar.navbar-with-menu .navbar-container {
  793. width : 100%;
  794. display : table;
  795. background : #FFFFFF;
  796. padding : 0rem 1rem;
  797. margin : 0;
  798. height : auto;
  799. }
  800. }
  801. .vertical-compact-menu .header-navbar .navbar-brand {
  802. padding : 15px 0;
  803. }
  804. .mega-dropdown {
  805. position : static !important;
  806. }
  807. .navigation-main .mega-dropdown-menu, .navbar-nav .mega-dropdown-menu {
  808. width : -webkit-calc(100% - 50px);
  809. width : -moz-calc(100% - 50px);
  810. width : calc(100% - 50px);
  811. padding : 0.5rem 0;
  812. /* fallback if needed */
  813. margin : 0 25px;
  814. -webkit-box-shadow : none;
  815. box-shadow : none;
  816. -webkit-box-shadow : 0 1px 3px rgba(0, 0, 0, 0.1);
  817. box-shadow : 0 1px 3px rgba(0, 0, 0, 0.1);
  818. z-index : 9999;
  819. }
  820. .navigation-main .mega-dropdown-menu ul, .navbar-nav .mega-dropdown-menu ul {
  821. padding : 0;
  822. margin : 0;
  823. }
  824. .navigation-main .mega-dropdown-menu ul li, .navbar-nav .mega-dropdown-menu ul li {
  825. list-style : none;
  826. }
  827. .navigation-main .mega-dropdown-menu ul li a, .navbar-nav .mega-dropdown-menu ul li a {
  828. display : block;
  829. color : #373A3C;
  830. }
  831. .navigation-main .mega-dropdown-menu ul li a .children-in, .navbar-nav .mega-dropdown-menu ul li a .children-in {
  832. float : left;
  833. }
  834. .navigation-main .mega-dropdown-menu ul li a:hover, .navbar-nav .mega-dropdown-menu ul li a:hover {
  835. text-decoration : none;
  836. color : #55595C;
  837. }
  838. .navigation-main .mega-dropdown-menu ul li a:focus, .navbar-nav .mega-dropdown-menu ul li a:focus {
  839. text-decoration : none;
  840. color : #55595C;
  841. }
  842. .navigation-main .mega-dropdown-menu ul a.dropdown-item, .navbar-nav .mega-dropdown-menu ul a.dropdown-item {
  843. padding : 10px;
  844. }
  845. .navigation-main .mega-dropdown-menu p.accordion-text, .navbar-nav .mega-dropdown-menu p.accordion-text {
  846. line-height : 1.45;
  847. }
  848. .navigation-main .mega-dropdown-menu .dropdown-menu-header, .navbar-nav .mega-dropdown-menu .dropdown-menu-header {
  849. padding : 0.5rem 0;
  850. border-bottom : 1px solid #E6E6E6;
  851. }
  852. .horizontal-top-icon-menu .mega-dropdown-menu {
  853. margin : 0 25px !important;
  854. }
  855. @media (min-width: 544px) {
  856. .container .mega-dropdown-menu {
  857. max-width : 576px;
  858. margin : 0 -webkit-calc((100% - 576px)/2);
  859. margin : 0 -moz-calc((100% - 576px)/2);
  860. margin : 0 calc((100% - 576px)/2);
  861. }
  862. }
  863. @media (min-width: 768px) {
  864. .container .mega-dropdown-menu {
  865. max-width : 720px;
  866. margin : 0 -webkit-calc((100% - 720px)/2);
  867. margin : 0 -moz-calc((100% - 720px)/2);
  868. margin : 0 calc((100% - 720px)/2);
  869. }
  870. }
  871. @media (min-width: 992px) {
  872. .container .mega-dropdown-menu {
  873. max-width : 940px;
  874. margin : 0 -webkit-calc((100% - 940px)/2);
  875. margin : 0 -moz-calc((100% - 940px)/2);
  876. margin : 0 calc((100% - 940px)/2);
  877. }
  878. }
  879. @media (min-width: 1200px) {
  880. .container .mega-dropdown-menu {
  881. max-width : 1140px;
  882. margin : 0 -webkit-calc((100% - 1140px)/2);
  883. margin : 0 -moz-calc((100% - 1140px)/2);
  884. margin : 0 calc((100% - 1140px)/2);
  885. }
  886. }
  887. @-moz-document url-prefix() {
  888. ul li a .children-in {
  889. position : relative;
  890. left : 3px;
  891. top : -14px;
  892. }
  893. }
  894. .menu-list {
  895. list-style : none;
  896. padding : 0;
  897. overflow : hidden;
  898. }
  899. .menu-panel {
  900. padding : 0;
  901. }
  902. .sliding-menu {
  903. overflow : hidden;
  904. position : relative;
  905. }
  906. .sliding-menu ul {
  907. float : right;
  908. margin : 0;
  909. padding : 0;
  910. }
  911. .sliding-menu ul li {
  912. list-style : none;
  913. margin : 0;
  914. }
  915. .navbar-menu-icon {
  916. width : 24px;
  917. margin : 16px 2px !important;
  918. position : relative;
  919. margin : 0 auto;
  920. -webkit-transform : rotate(0deg);
  921. -moz-transform : rotate(0deg);
  922. -ms-transform : rotate(0deg);
  923. -o-transform : rotate(0deg);
  924. transform : rotate(0deg);
  925. -webkit-transition : 0.5s ease-in-out;
  926. -moz-transition : 0.5s ease-in-out;
  927. -o-transition : 0.5s ease-in-out;
  928. transition : 0.5s ease-in-out;
  929. cursor : pointer;
  930. }
  931. .navbar-menu-icon span {
  932. display : block;
  933. position : absolute;
  934. height : 2px;
  935. width : 100%;
  936. background : #55595C;
  937. border-radius : 9px;
  938. opacity : 1;
  939. right : 0;
  940. -webkit-transform : rotate(0deg);
  941. -moz-transform : rotate(0deg);
  942. -ms-transform : rotate(0deg);
  943. -o-transform : rotate(0deg);
  944. transform : rotate(0deg);
  945. -webkit-transition : 0.25s ease-in-out;
  946. -moz-transition : 0.25s ease-in-out;
  947. -o-transition : 0.25s ease-in-out;
  948. transition : 0.25s ease-in-out;
  949. }
  950. .navbar-menu-icon span:nth-child(1) {
  951. top : 0;
  952. }
  953. .navbar-menu-icon span:nth-child(2) {
  954. top : 10px;
  955. }
  956. .navbar-menu-icon span:nth-child(3) {
  957. top : 20px;
  958. }
  959. .navbar-menu-icon.open span:nth-child(1) {
  960. top : 10px;
  961. -webkit-transform : rotate(-135deg);
  962. -moz-transform : rotate(-135deg);
  963. -ms-transform : rotate(-135deg);
  964. -o-transform : rotate(-135deg);
  965. transform : rotate(-135deg);
  966. }
  967. .navbar-menu-icon.open span:nth-child(2) {
  968. opacity : 0;
  969. right : -60px;
  970. }
  971. .navbar-menu-icon.open span:nth-child(3) {
  972. top : 10px;
  973. -webkit-transform : rotate(135deg);
  974. -moz-transform : rotate(135deg);
  975. -ms-transform : rotate(135deg);
  976. -o-transform : rotate(135deg);
  977. transform : rotate(135deg);
  978. }
  979. @media (max-width: 767px) {
  980. .header-navbar .navbar-nav .open {
  981. position : static;
  982. }
  983. .header-navbar .navbar-nav .open-navbar-container {
  984. padding-top : 0.625rem;
  985. }
  986. .header-navbar .navbar-container .open .dropdown-menu {
  987. left : 0;
  988. right : 0;
  989. float : none;
  990. width : auto;
  991. margin-top : 0;
  992. max-height : 400px;
  993. overflow-x : hidden;
  994. overflow-y : scroll;
  995. }
  996. .header-navbar .navbar-container ul.nav li.nav-item i {
  997. margin-left : 0.2rem;
  998. }
  999. .header-navbar .navbar-container ul.nav li > a.nav-link {
  1000. padding : 1.2rem 0.4rem;
  1001. }
  1002. .header-navbar .navbar-container ul.nav li > a.nav-link i.flag-icon {
  1003. margin-left : 0.2rem;
  1004. }
  1005. .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
  1006. padding : 0.8rem 0.6rem;
  1007. }
  1008. .header-navbar .navbar-container ul.nav li a.nav-link-label {
  1009. padding : 1.4rem 0.8rem 1rem 0rem;
  1010. }
  1011. .header-navbar .navbar-container ul.nav li a.nav-link-search, .header-navbar .navbar-container ul.nav li a.nav-link-expand {
  1012. padding : 1.4rem 1rem 1rem 1rem;
  1013. }
  1014. .header-navbar .navbar-container ul.nav li .dropdown-toggle::after {
  1015. margin-left : 0;
  1016. margin-right : -2px;
  1017. }
  1018. .header-navbar.navbar-dark .hamburger-inner, .header-navbar.navbar-dark .hamburger-inner::before, .header-navbar.navbar-dark .hamburger-inner::after, .header-navbar.navbar-semi-dark .hamburger-inner, .header-navbar.navbar-semi-dark .hamburger-inner::before, .header-navbar.navbar-semi-dark .hamburger-inner::after {
  1019. background-color : #FFFFFF;
  1020. }
  1021. .header-navbar.navbar-dark .navbar-header .navbar-nav .nav-link, .header-navbar.navbar-semi-dark .navbar-header .navbar-nav .nav-link {
  1022. color : #FFFFFF;
  1023. }
  1024. .header-navbar.navbar-dark .navbar-container .navbar-nav .nav-link, .header-navbar.navbar-semi-dark .navbar-container .navbar-nav .nav-link {
  1025. color : #55595C;
  1026. }
  1027. }
  1028. .headroom {
  1029. will-change : transform;
  1030. -webkit-transition : -webkit-transform 200ms linear;
  1031. transition : -webkit-transform 200ms linear;
  1032. -moz-transition : transform 200ms linear, -moz-transform 200ms linear;
  1033. -o-transition : transform 200ms linear, -o-transform 200ms linear;
  1034. transition : transform 200ms linear;
  1035. transition : transform 200ms linear, -webkit-transform 200ms linear, -moz-transform 200ms linear, -o-transform 200ms linear;
  1036. }
  1037. .headroom--pinned-top {
  1038. -webkit-transform : translateY(0%);
  1039. -moz-transform : translateY(0%);
  1040. -ms-transform : translateY(0%);
  1041. -o-transform : translateY(0%);
  1042. transform : translateY(0%);
  1043. }
  1044. .headroom--unpinned-top {
  1045. -webkit-transform : translateY(-100%);
  1046. -moz-transform : translateY(-100%);
  1047. -ms-transform : translateY(-100%);
  1048. -o-transform : translateY(-100%);
  1049. transform : translateY(-100%);
  1050. }
  1051. .headroom--pinned-bottom {
  1052. -webkit-transform : translateY(0%);
  1053. -moz-transform : translateY(0%);
  1054. -ms-transform : translateY(0%);
  1055. -o-transform : translateY(0%);
  1056. transform : translateY(0%);
  1057. }
  1058. .headroom--unpinned-bottom {
  1059. -webkit-transform : translateY(100%);
  1060. -moz-transform : translateY(100%);
  1061. -ms-transform : translateY(100%);
  1062. -o-transform : translateY(100%);
  1063. transform : translateY(100%);
  1064. }
  1065. @media (max-width: 1199px) {
  1066. .header-navbar .navbar-container ul.nav li > a.nav-link {
  1067. padding : 1.4rem 0.4rem 0.8rem 0.4rem;
  1068. }
  1069. .header-navbar .navbar-container ul.nav li > a.nav-link i.flag-icon {
  1070. margin-left : 0.2rem;
  1071. }
  1072. .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
  1073. padding : 0.8rem 0.6rem;
  1074. }
  1075. .header-navbar .navbar-container ul.nav li a.nav-link-label {
  1076. padding : 1.2rem 0.8rem 1rem 0rem;
  1077. }
  1078. .header-navbar .navbar-container ul.nav li a.nav-link-search, .header-navbar .navbar-container ul.nav li a.nav-link-expand {
  1079. padding : 1.5rem 1rem 1rem 1rem;
  1080. }
  1081. .header-navbar .navbar-container ul.nav li a.upgrade-to-pro {
  1082. margin-top : 9px;
  1083. }
  1084. .header-navbar .navbar-container ul.nav li .dropdown-toggle::after {
  1085. margin-left : 0;
  1086. margin-right : -2px;
  1087. }
  1088. }
  1089. @media (max-width: 1199px) {
  1090. .header-navbar .navbar-container ul.nav li .selected-language {
  1091. display : none;
  1092. }
  1093. .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {
  1094. display : none;
  1095. }
  1096. }
  1097. @media (max-width: 767px) {
  1098. #navbar-mobile.navbar-toggleable-sm .navbar-nav {
  1099. margin : 0;
  1100. }
  1101. #navbar-mobile.navbar-toggleable-sm .navbar-nav .dropdown-menu {
  1102. position : absolute;
  1103. }
  1104. #navbar-mobile.navbar-toggleable-sm .navbar-nav .nav-item {
  1105. float : right;
  1106. }
  1107. }
  1108. /* ----------- iPhone 5, 5S iPhone 6----------- */
  1109. /* Landscape */
  1110. @media only screen and (min-device-width: 26.78em) and (max-device-width: 47.64em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  1111. .header-navbar .navbar-container .open .dropdown-menu {
  1112. max-height : 180px;
  1113. }
  1114. }
  1115. /* ----------- iPhone 6+ ----------- */
  1116. /* Landscape */
  1117. @media only screen and (min-device-width: 29.57em) and (max-device-width: 52.57em) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  1118. .header-navbar .navbar-container .open .dropdown-menu {
  1119. max-height : 280px;
  1120. }
  1121. }
  1122. .card-group, .card-deck {
  1123. margin-bottom : 0.75rem;
  1124. }
  1125. .card {
  1126. -webkit-box-shadow : 0 2px 1px rgba(0, 0, 0, 0.05);
  1127. box-shadow : 0 2px 1px rgba(0, 0, 0, 0.05);
  1128. margin-bottom : 1.875rem;
  1129. border-radius : 0;
  1130. }
  1131. .card .card-title {
  1132. text-transform : capitalize;
  1133. font-weight : 600;
  1134. letter-spacing : 0.4px;
  1135. }
  1136. .card .card-bordered {
  1137. border : 1px solid rgba(0, 0, 0, 0.06);
  1138. }
  1139. .card.card-fullscreen {
  1140. display : block;
  1141. z-index : 9999;
  1142. position : fixed;
  1143. width : 100% !important;
  1144. height : 100% !important;
  1145. top : 0;
  1146. left : 0;
  1147. right : 0;
  1148. bottom : 0;
  1149. overflow : auto;
  1150. }
  1151. .card .card-block[class*='border-bottom-'] {
  1152. border-bottom-width : 2px !important;
  1153. }
  1154. .card .card-img-overlay.bg-overlay {
  1155. background : rgba(0, 0, 0, 0.45);
  1156. }
  1157. .card .card-img-overlay .text-muted {
  1158. color : #373A3C !important;
  1159. }
  1160. .card.card-minimal {
  1161. border : none;
  1162. -webkit-box-shadow : none;
  1163. box-shadow : none;
  1164. }
  1165. .card-moved .card, .card-moved .card-header {
  1166. background-color : #F6BB42;
  1167. color : #FFFFFF;
  1168. }
  1169. .handle, .titleArea {
  1170. cursor : move;
  1171. }
  1172. .card-header {
  1173. border-bottom : 1px solid #EEEEEE;
  1174. }
  1175. .card-header .card-title {
  1176. margin-bottom : 0;
  1177. }
  1178. .card-header .heading-elements, .card-header .heading-elements-toggle {
  1179. background-color : inherit;
  1180. position : absolute;
  1181. top : 14px;
  1182. left : 21px;
  1183. }
  1184. .card-header .heading-elements.heading-top-elements, .card-header .heading-elements-toggle.heading-top-elements {
  1185. top : 0;
  1186. }
  1187. .card-header .heading-elements i, .card-header .heading-elements-toggle i {
  1188. color : #818A91;
  1189. }
  1190. .card-header .heading-elements a, .card-header .heading-elements-toggle a {
  1191. padding : 0 8px;
  1192. }
  1193. .card-footer {
  1194. border-top : 1px solid #EEEEEE;
  1195. }
  1196. .card-inverse .card-text {
  1197. color : white;
  1198. }
  1199. .card-inverse .card-img-overlay .text-muted {
  1200. color : #FFFFFF !important;
  1201. }
  1202. .card-inverse code {
  1203. background-color : white;
  1204. }
  1205. .card-inverse .heading-elements i {
  1206. color : #FFFFFF;
  1207. }
  1208. .card-head-inverse {
  1209. color : #FFFFFF;
  1210. }
  1211. .card-head-inverse .heading-elements i {
  1212. color : #FFFFFF;
  1213. }
  1214. .card-transparent {
  1215. background-color : transparent;
  1216. }
  1217. @media (max-width: 991px) {
  1218. .heading-elements {
  1219. text-align : center;
  1220. }
  1221. .heading-elements .list-inline {
  1222. display : none;
  1223. }
  1224. .heading-elements.visible {
  1225. display : block;
  1226. margin-top : 0;
  1227. top : 100%;
  1228. top : 50px;
  1229. height : auto;
  1230. right : 0;
  1231. padding : 10px;
  1232. border : 1px solid #EEEEEE;
  1233. z-index : 997;
  1234. position : absolute;
  1235. width : 100%;
  1236. }
  1237. .heading-elements.visible .list-inline {
  1238. display : block;
  1239. }
  1240. }
  1241. @media (min-width: 992px) {
  1242. .heading-elements-toggle {
  1243. display : none;
  1244. }
  1245. }
  1246. .breadcrumb {
  1247. font-size : 0.9rem;
  1248. background-color : transparent;
  1249. padding : 0 0rem 0.75rem 0;
  1250. }
  1251. .breadcrumb > li + li::before {
  1252. padding-left : 0.6rem;
  1253. padding-right : 0.6rem;
  1254. }
  1255. /* Custom scss for page headers style */
  1256. .breadcrumbs-right .breadcrumb {
  1257. float : left;
  1258. }
  1259. .breadcrumbs-top .breadcrumb {
  1260. margin : 0;
  1261. padding : 0;
  1262. }
  1263. .tag[class*='tag-'] [class*='icon-'] {
  1264. line-height : 1;
  1265. }
  1266. .tag[class*='tag-'] [class*='icon-'] ~ span {
  1267. position : relative;
  1268. bottom : 2px;
  1269. padding : 0 5px;
  1270. }
  1271. .tag[class*='tag-'] span {
  1272. position : relative;
  1273. bottom : 2px;
  1274. padding : 0 5px;
  1275. }
  1276. .tag[class*='tag-'] a {
  1277. color : #FFFFFF;
  1278. }
  1279. .tag[class*='tag-'] .dropdown-toggle::after, .tag[class*='tag-'].dropdown-toggle::after {
  1280. position : relative;
  1281. top : -10px;
  1282. left : 5px;
  1283. font-size : 1rem;
  1284. }
  1285. .tag[class*='tag-'] .dropdown-menu a {
  1286. color : #555555;
  1287. }
  1288. .tag.tag-square {
  1289. border-radius : 0;
  1290. }
  1291. .tag.tag-border {
  1292. background-color : transparent;
  1293. border-width : 3px !important;
  1294. font-size : 85%;
  1295. }
  1296. .tag.tag-striped {
  1297. background-color : #DADADA;
  1298. border-width : 3px !important;
  1299. font-size : 0.85rem;
  1300. color : #555555;
  1301. }
  1302. .tag.tag-striped a {
  1303. color : #555555;
  1304. }
  1305. .tag.tag.float-xs-right {
  1306. margin-right : 0.5rem;
  1307. margin-top : 0.15rem;
  1308. }
  1309. .tag-xl {
  1310. font-size : 1.8rem;
  1311. }
  1312. .tag-lg {
  1313. font-size : 1.2rem;
  1314. }
  1315. .tag-md {
  1316. font-size : 1rem;
  1317. }
  1318. .tag-sm {
  1319. font-size : 0.8rem;
  1320. }
  1321. .tag-default {
  1322. background-color : #818A91;
  1323. }
  1324. .tag-default.tag-glow {
  1325. -webkit-box-shadow : 0 0 10px #818A91;
  1326. box-shadow : 0 0 10px #818A91;
  1327. }
  1328. .tag-default[href]:focus {
  1329. background-color : #687077;
  1330. }
  1331. .tag-default[href]:hover {
  1332. background-color : #687077;
  1333. }
  1334. .tag-primary {
  1335. background-color : #967ADC;
  1336. }
  1337. .tag-primary.tag-glow {
  1338. -webkit-box-shadow : 0 0 10px #967ADC;
  1339. box-shadow : 0 0 10px #967ADC;
  1340. }
  1341. .tag-primary[href]:focus {
  1342. background-color : #7652D1;
  1343. }
  1344. .tag-primary[href]:hover {
  1345. background-color : #7652D1;
  1346. }
  1347. .tag-success {
  1348. background-color : #37BC9B;
  1349. }
  1350. .tag-success.tag-glow {
  1351. -webkit-box-shadow : 0 0 10px #37BC9B;
  1352. box-shadow : 0 0 10px #37BC9B;
  1353. }
  1354. .tag-success[href]:focus {
  1355. background-color : #2B957A;
  1356. }
  1357. .tag-success[href]:hover {
  1358. background-color : #2B957A;
  1359. }
  1360. .tag-info {
  1361. background-color : #3BAFDA;
  1362. }
  1363. .tag-info.tag-glow {
  1364. -webkit-box-shadow : 0 0 10px #3BAFDA;
  1365. box-shadow : 0 0 10px #3BAFDA;
  1366. }
  1367. .tag-info[href]:focus {
  1368. background-color : #2494BE;
  1369. }
  1370. .tag-info[href]:hover {
  1371. background-color : #2494BE;
  1372. }
  1373. .tag-warning {
  1374. background-color : #F6BB42;
  1375. }
  1376. .tag-warning.tag-glow {
  1377. -webkit-box-shadow : 0 0 10px #F6BB42;
  1378. box-shadow : 0 0 10px #F6BB42;
  1379. }
  1380. .tag-warning[href]:focus {
  1381. background-color : #F4A911;
  1382. }
  1383. .tag-warning[href]:hover {
  1384. background-color : #F4A911;
  1385. }
  1386. .tag-danger {
  1387. background-color : #DA4453;
  1388. }
  1389. .tag-danger.tag-glow {
  1390. -webkit-box-shadow : 0 0 10px #DA4453;
  1391. box-shadow : 0 0 10px #DA4453;
  1392. }
  1393. .tag-danger[href]:focus {
  1394. background-color : #C42737;
  1395. }
  1396. .tag-danger[href]:hover {
  1397. background-color : #C42737;
  1398. }
  1399. .tag-up {
  1400. position : relative;
  1401. top : -13px;
  1402. left : 14px;
  1403. }
  1404. .tag-icon i {
  1405. font-size : 100%;
  1406. margin-left : 5px;
  1407. }
  1408. .form-control + .block-tag {
  1409. display : block;
  1410. }
  1411. .block-tag {
  1412. margin-top : 0.5rem;
  1413. }
  1414. /* .tag{
  1415. padding: 0.3rem 0.4rem;
  1416. } */
  1417. .block-area {
  1418. padding : 0.24rem 0.3rem;
  1419. }
  1420. .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
  1421. color : #990055;
  1422. font-size : 100%;
  1423. font-weight : 400;
  1424. padding : 0;
  1425. }
  1426. .nav {
  1427. border-radius : 0.25rem;
  1428. }
  1429. .nav.wrap-border {
  1430. border : 1px solid #DDDDDD;
  1431. }
  1432. .nav.wrap-border li.nav-header {
  1433. margin : 0 0.5rem;
  1434. }
  1435. .nav.wrap-border li.nav-item, .nav.wrap-border div {
  1436. padding : 2px 10px;
  1437. }
  1438. .nav.square-border {
  1439. border-radius : 0;
  1440. }
  1441. .nav.square-border .nav-item .nav-link.active {
  1442. border-radius : 0;
  1443. }
  1444. .nav .dropdown-divider {
  1445. margin : 0.5rem 0;
  1446. }
  1447. .nav.nav-pills .nav-item .nav-link i.float-xs-right:before {
  1448. position : relative;
  1449. top : 7px;
  1450. right : 7px;
  1451. }
  1452. .nav.nav-pills .nav-item .nav-link .tag.float-xs-right {
  1453. position : relative;
  1454. top : 1px;
  1455. right : 3px;
  1456. }
  1457. .nav.nav-pills .nav-item .nav-link.dropdown-toggle::after {
  1458. top : -15px;
  1459. }
  1460. .nav.nav-pills.nav-justified {
  1461. width : 100%;
  1462. }
  1463. .nav.nav-pills.nav-justified .nav-item {
  1464. float : none;
  1465. }
  1466. .nav.nav-pills.nav-justified .nav-link {
  1467. text-align : center;
  1468. margin-bottom : 5px;
  1469. }
  1470. .nav.nav-pills.nav-justified > .dropdown .dropdown-menu {
  1471. top : auto;
  1472. right : auto;
  1473. }
  1474. @media (min-width: 544px) {
  1475. .nav.nav-pills.nav-justified .nav-item {
  1476. display : table-cell;
  1477. width : 1%;
  1478. }
  1479. .nav.nav-pills.nav-justified .nav-link {
  1480. margin-bottom : 0;
  1481. }
  1482. }
  1483. .nav.nav-pills.nav-justified .nav-link {
  1484. margin-left : 0;
  1485. border-radius : 0.18rem;
  1486. }
  1487. @media (min-width: 544px) {
  1488. .nav.nav-pills.nav-justified .nav-link.active, .nav.nav-pills.nav-justified .nav-link.active:hover, .nav.nav-pills.nav-justified .nav-link.active:focus {
  1489. border-bottom-color : transparent;
  1490. }
  1491. }
  1492. .nav.nav-pills.nav-justified .nav-link.active {
  1493. border : none;
  1494. }
  1495. .nav.nav-pills.nav-justified .nav-link.active:hover, .nav.nav-pills.nav-justified .nav-link.active:focus {
  1496. border : none;
  1497. }
  1498. .nav.nav-tabs .nav-item .nav-link {
  1499. padding : 0.5rem 0.7rem;
  1500. display : block;
  1501. }
  1502. .nav.nav-tabs .nav-item .nav-link.active {
  1503. background-color : #FFFFFF;
  1504. border-radius : 0.25rem 0.25rem 0 0;
  1505. }
  1506. .nav.nav-tabs .nav-item .nav-link i.float-xs-right {
  1507. margin-right : 0.5rem;
  1508. }
  1509. .nav.nav-tabs .nav-item .nav-link.dropdown-toggle::after {
  1510. top : -15px;
  1511. }
  1512. .nav.nav-tabs .nav-item:hover {
  1513. color : #333333;
  1514. }
  1515. .nav.nav-tabs.wrap-border {
  1516. border : 1px solid #DDDDDD;
  1517. }
  1518. .nav.nav-tabs.no-hover-bg .nav-item:hover {
  1519. background-color : transparent;
  1520. }
  1521. .nav.nav-tabs.square-border {
  1522. border-radius : 0;
  1523. }
  1524. .nav.nav-tabs.square-border .nav-item .nav-link.active {
  1525. border-radius : 0;
  1526. }
  1527. .nav.nav-tabs.nav-justified {
  1528. width : 100%;
  1529. }
  1530. .nav.nav-tabs.nav-justified .nav-item {
  1531. float : none;
  1532. }
  1533. .nav.nav-tabs.nav-justified .nav-link {
  1534. text-align : center;
  1535. margin-bottom : 5px;
  1536. }
  1537. .nav.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  1538. top : auto;
  1539. right : auto;
  1540. }
  1541. @media (min-width: 544px) {
  1542. .nav.nav-tabs.nav-justified .nav-item {
  1543. display : table-cell;
  1544. width : 1%;
  1545. }
  1546. .nav.nav-tabs.nav-justified .nav-link {
  1547. margin-bottom : 0;
  1548. }
  1549. }
  1550. .nav.nav-tabs.nav-justified .nav-link {
  1551. margin-left : 0;
  1552. border-radius : 0.18rem;
  1553. }
  1554. @media (min-width: 544px) {
  1555. .nav.nav-tabs.nav-justified .nav-link.active, .nav.nav-tabs.nav-justified .nav-link.active:hover, .nav.nav-tabs.nav-justified .nav-link.active:focus {
  1556. border-bottom-color : transparent;
  1557. }
  1558. }
  1559. .nav.nav-tabs.nav-justified .nav-item a.nav-link.active {
  1560. background-color : #FFFFFF;
  1561. }
  1562. .nav .nav-item .nav-link {
  1563. display : block;
  1564. }
  1565. .nav .dropdown-divider {
  1566. margin : 0.5rem 0;
  1567. }
  1568. .nav-vertical .nav-left.nav-tabs {
  1569. float : right;
  1570. border-bottom : 0;
  1571. border-left : 1px solid #DDDDDD;
  1572. border-radius : 0;
  1573. display : table;
  1574. }
  1575. .nav-vertical .nav-left.nav-tabs li.nav-item {
  1576. float : none;
  1577. margin : 0;
  1578. margin-left : -1px;
  1579. }
  1580. .nav-vertical .nav-left.nav-tabs li.nav-item a.nav-link.active {
  1581. border : 1px solid #DDDDDD;
  1582. border-left : 0;
  1583. border-radius : 0 0.25rem 0.25rem 0;
  1584. }
  1585. .nav-vertical .nav-left.nav-tabs.nav-border-left li.nav-item a.nav-link {
  1586. color : #DA4453;
  1587. }
  1588. .nav-vertical .nav-left.nav-tabs.nav-border-left li.nav-item a.nav-link.active {
  1589. border-right : 3px solid #DA4453;
  1590. border-top-left-radius : 0;
  1591. border-bottom-left-radius : 0;
  1592. color : #555555;
  1593. }
  1594. .nav-vertical .nav-left ~ .tab-content {
  1595. margin-right : 45px;
  1596. }
  1597. .nav-vertical .nav-left ~ .tab-content .tab-pane {
  1598. display : none;
  1599. background-color : #FFFFFF;
  1600. padding : 0 1rem 0.6rem 0;
  1601. overflow-y : auto;
  1602. }
  1603. .nav-vertical .nav-left ~ .tab-content .tab-pane.active {
  1604. display : block;
  1605. }
  1606. .nav-vertical .nav-right.nav-tabs {
  1607. float : left;
  1608. border-bottom : 0;
  1609. border-right : 1px solid #DDDDDD;
  1610. border-radius : 0;
  1611. display : table;
  1612. }
  1613. .nav-vertical .nav-right.nav-tabs li.nav-item {
  1614. float : none;
  1615. margin : 0;
  1616. margin-right : -1px;
  1617. }
  1618. .nav-vertical .nav-right.nav-tabs li.nav-item a.nav-link.active {
  1619. border : 1px solid #DDDDDD;
  1620. border-right : 0;
  1621. border-radius : 0.25rem 0 0 0.25rem;
  1622. }
  1623. .nav-vertical .nav-right.nav-tabs.nav-border-right li.nav-item a.nav-link {
  1624. color : #DA4453;
  1625. }
  1626. .nav-vertical .nav-right.nav-tabs.nav-border-right li.nav-item a.nav-link.active {
  1627. border-left : 3px solid #DA4453;
  1628. border-top-right-radius : 0;
  1629. border-bottom-right-radius : 0;
  1630. color : #555555;
  1631. }
  1632. .nav-vertical .nav-right ~ .tab-content .tab-pane {
  1633. display : none;
  1634. background-color : #FFFFFF;
  1635. padding : 0 1rem 0.6rem 0;
  1636. overflow-y : auto;
  1637. }
  1638. .nav-vertical .nav-right ~ .tab-content .tab-pane.active {
  1639. display : block;
  1640. }
  1641. .alert {
  1642. position : relative;
  1643. }
  1644. .alert .alert-link {
  1645. color : #FFFFFF;
  1646. }
  1647. .alert .alert-link:hover {
  1648. text-decoration : underline;
  1649. }
  1650. .media-list .media {
  1651. padding : 1.25rem;
  1652. margin-top : 0;
  1653. }
  1654. .media-list .media .media-left {
  1655. padding-left : 1rem;
  1656. }
  1657. .media-list .media .media-right {
  1658. padding-right : 1rem;
  1659. }
  1660. .media-list .media .media-head {
  1661. font-weight : 600;
  1662. }
  1663. .media-list .media:first-child {
  1664. padding-top : 0;
  1665. }
  1666. .media-list .media.list-group-item:first-child {
  1667. padding-top : 1.25rem;
  1668. }
  1669. .media-list .media.list-group-item:last-child {
  1670. padding-bottom : 1.25rem;
  1671. }
  1672. .media-list .media:last-child {
  1673. padding-bottom : 0;
  1674. }
  1675. .media-list .media .media-notation {
  1676. color : silver;
  1677. font-size : 0.66667rem;
  1678. margin-right : 5px;
  1679. }
  1680. .media-list .media .media-notation a {
  1681. padding-left : 0.5rem;
  1682. }
  1683. .media-list .media .media-notation i[class^='icon-'] {
  1684. font-size : 0.7rem;
  1685. margin-left : 0.3rem;
  1686. }
  1687. .media-list .media [class*='avatar-'] {
  1688. position : relative;
  1689. padding-left : 0 !important;
  1690. margin-left : 0;
  1691. }
  1692. .media-list .media [class*='avatar-'] i {
  1693. position : absolute;
  1694. left : 1px;
  1695. top : 1px;
  1696. width : 10px;
  1697. height : 10px;
  1698. border : 2px solid white;
  1699. border-radius : 100%;
  1700. }
  1701. .media-list.media-linked .media {
  1702. padding : 0;
  1703. }
  1704. .media-list.media-linked .media .media-link {
  1705. padding : 1.25rem;
  1706. color : #373A3C;
  1707. display : block;
  1708. }
  1709. .media-list.media-linked .media .media-link:hover {
  1710. background-color : #F7F7F7;
  1711. }
  1712. .media-list.media-linked .media .media-head {
  1713. padding : 1.25rem;
  1714. }
  1715. .media-list.media-bordered .media {
  1716. border-top : 1px solid rgba(0, 0, 0, 0.1);
  1717. }
  1718. .media-list.media-bordered .media:first-child {
  1719. border-top : 0;
  1720. }
  1721. /*=========================================================================================
  1722. File Name: progress.scss
  1723. Description: Extended bootstrap progress bar scss.
  1724. ----------------------------------------------------------------------------------------
  1725. Item Name: Robust - Responsive Admin Theme
  1726. Version: 1.2
  1727. Author: PIXINVENT
  1728. Author URL: http://www.themeforest.net/user/pixinvent
  1729. ----------------------------------------------------------------------------------------
  1730. Modifiers: `progress-lg`
  1731. `progress-md`
  1732. `progress-sm`
  1733. `progress-xs`
  1734. ==========================================================================================*/
  1735. .progress {
  1736. margin-bottom : 3rem;
  1737. }
  1738. .progress:last-child {
  1739. margin-bottom : 1rem;
  1740. }
  1741. /* ===============================================================================================
  1742. File Name: list-group.scss
  1743. Description: Contain list item, list group related extended SCSS.
  1744. ----------------------------------------------------------------------------------------------
  1745. Item Name: Robust - Responsive Admin Theme
  1746. Version: 1.2
  1747. Author: PIXINVENT
  1748. Author URL: http://www.themeforest.net/user/pixinvent
  1749. ================================================================================================*/
  1750. ul.list-inline li {
  1751. display : inline-block;
  1752. }
  1753. ul.list-inline.list-inline-pipe > li + li:before {
  1754. content : ' | ';
  1755. color : #818A91;
  1756. }
  1757. .popover.popover-top:after, .popover.popover-top:before, .popover.bs-tether-element-attached-top:after, .popover.bs-tether-element-attached-top:before {
  1758. margin-right : -10px;
  1759. }
  1760. .popover.popover-right:after, .popover.popover-right:before, .popover.bs-tether-element-attached-right:after, .popover.bs-tether-element-attached-right:before {
  1761. margin-top : -10px;
  1762. }
  1763. .popover.popover-bottom:after, .popover.popover-bottom:before, .popover.bs-tether-element-attached-bottom:after, .popover.bs-tether-element-attached-bottom:before {
  1764. margin-right : -10px;
  1765. }
  1766. .popover.popover-left:after, .popover.popover-left:before, .popover.bs-tether-element-attached-left:after, .popover.bs-tether-element-attached-left:before {
  1767. margin-top : -10px;
  1768. }
  1769. .icon-bg-circle {
  1770. color : #FFFFFF;
  1771. padding : 0.5rem;
  1772. border-radius : 50%;
  1773. }
  1774. .icon-left {
  1775. margin-left : 0.5rem;
  1776. }
  1777. .icon-right {
  1778. margin-left : 0.5rem;
  1779. }
  1780. .icon-spin {
  1781. display : inline-block;
  1782. -webkit-animation : spin 1s infinite linear;
  1783. -moz-animation : spin 1s infinite linear;
  1784. -o-animation : spin 1s infinite linear;
  1785. animation : spin 1s infinite linear;
  1786. }
  1787. .blockOverlay {
  1788. z-index : 1050 !important;
  1789. }
  1790. .blockElement, .blockPage {
  1791. z-index : 1051 !important;
  1792. }
  1793. @-moz-keyframes spin {
  1794. from {
  1795. -moz-transform : rotate(0deg);
  1796. }
  1797. to {
  1798. -moz-transform : rotate(-360deg);
  1799. }
  1800. }
  1801. @-webkit-keyframes spin {
  1802. from {
  1803. -webkit-transform : rotate(0deg);
  1804. }
  1805. to {
  1806. -webkit-transform : rotate(-360deg);
  1807. }
  1808. }
  1809. @-o-keyframes spin {
  1810. from {
  1811. -o-transform : rotate(0deg);
  1812. transform : rotate(0deg);
  1813. }
  1814. to {
  1815. -o-transform : rotate(-360deg);
  1816. transform : rotate(-360deg);
  1817. }
  1818. }
  1819. @keyframes spin {
  1820. from {
  1821. -webkit-transform : rotate(0deg);
  1822. -moz-transform : rotate(0deg);
  1823. -o-transform : rotate(0deg);
  1824. transform : rotate(0deg);
  1825. }
  1826. to {
  1827. -webkit-transform : rotate(-360deg);
  1828. -moz-transform : rotate(-360deg);
  1829. -o-transform : rotate(-360deg);
  1830. transform : rotate(-360deg);
  1831. }
  1832. }
  1833. .hidden {
  1834. display : none;
  1835. visibility : hidden;
  1836. }
  1837. a:hover {
  1838. cursor : pointer;
  1839. }
  1840. .round {
  1841. border-radius : 1.5rem;
  1842. }
  1843. .square {
  1844. border-radius : 0;
  1845. }
  1846. .accordion .panel-title {
  1847. line-height : 2.3rem;
  1848. }
  1849. .accordion .panel-title:before, .accordion .panel-title:after {
  1850. position : absolute;
  1851. left : 20px;
  1852. font-family : 'icomoon';
  1853. -webkit-transition : all 300ms linear 0s;
  1854. -moz-transition : all 300ms linear 0s;
  1855. -o-transition : all 300ms linear 0s;
  1856. transition : all 300ms linear 0s;
  1857. }
  1858. .accordion .panel-title:before {
  1859. content : '\e114';
  1860. }
  1861. .accordion .panel-title:after {
  1862. content : '\e115';
  1863. }
  1864. .accordion .panel-title[aria-expanded='false']:before {
  1865. opacity : 0.8;
  1866. }
  1867. .accordion .panel-title[aria-expanded='false']:after {
  1868. opacity : 0;
  1869. -webkit-transform : rotate(180deg);
  1870. -moz-transform : rotate(180deg);
  1871. -ms-transform : rotate(180deg);
  1872. -o-transform : rotate(180deg);
  1873. transform : rotate(180deg);
  1874. }
  1875. .accordion .panel-title[aria-expanded='true']:before {
  1876. opacity : 0;
  1877. -webkit-transform : rotate(-180deg);
  1878. -moz-transform : rotate(-180deg);
  1879. -ms-transform : rotate(-180deg);
  1880. -o-transform : rotate(-180deg);
  1881. transform : rotate(-180deg);
  1882. }
  1883. .mega-dropdown-menu p.accordion-text {
  1884. line-height : 1.45;
  1885. }
  1886. .mega-dropdown-menu a[aria-expanded='true'] {
  1887. padding-bottom : 1rem;
  1888. }
  1889. .line-on-side {
  1890. border-bottom : 1px solid #DADADA;
  1891. line-height : 0.1em;
  1892. margin : 10px 0 20px;
  1893. }
  1894. .line-on-side span {
  1895. background : #FFFFFF;
  1896. padding : 0 10px;
  1897. }
  1898. .icon-line-height {
  1899. line-height : 1.5rem !important;
  1900. }
  1901. .table-middle td {
  1902. vertical-align : middle;
  1903. }
  1904. .spinner {
  1905. display : inline-block;
  1906. -webkit-animation : spin 1s linear infinite;
  1907. -o-animation : spin 1s linear infinite;
  1908. -moz-animation : spin 1s linear infinite;
  1909. animation : spin 1s linear infinite;
  1910. }
  1911. @keyframes spin {
  1912. 0% {
  1913. -webkit-transform : rotate(0deg);
  1914. -moz-transform : rotate(0deg);
  1915. -o-transform : rotate(0deg);
  1916. transform : rotate(0deg);
  1917. }
  1918. 100% {
  1919. -webkit-transform : rotate(-360deg);
  1920. -moz-transform : rotate(-360deg);
  1921. -o-transform : rotate(-360deg);
  1922. transform : rotate(-360deg);
  1923. }
  1924. }