cust-theme-12.css 78 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466
  1. /* #THEME COLOR (variable overrides)
  2. ========================================================================== */
  3. /* #GLOBAL IMPORTS
  4. ========================================================================== */
  5. /* #IMPORTS ~~
  6. ========================================================================== */
  7. /*---------------------------------------------------
  8. SASS ELements (based on LESS Elements 0.9 http://lesselements.com)
  9. -------------------------------- -------------------
  10. LESS ELEMENTS made by Dmitry Fadeyev (http://fadeyev.net)
  11. SASS port by Samuel Beek (http://samuelbeek.com)
  12. ---------------------------------------------------*/
  13. /*------------------------
  14. Usage
  15. h1 {
  16. font-size: rem(32);
  17. }
  18. OR:
  19. h1 {
  20. font-size: rem(32px);
  21. }
  22. ------------------------*/
  23. /*------------------------
  24. FADE IN
  25. e.g. @include fadeIn( 2s );
  26. ------------------------*/
  27. /*------------------------
  28. mixin that calculates if text needs to be light or dark
  29. depending on the background color passed.
  30. From this W3C document: http://www.webmasterworld.com/r.cgi?f=88&d=9769&url=http://www.w3.org/TR/AERT#color-contrast
  31. usage:
  32. @include text-contrast($bgcolor)
  33. Color brightness is determined by the following formula:
  34. ((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
  35. ------------------------*/
  36. /*------------------------
  37. color factory
  38. eg: @include paint($blue-grey-50, bg-blue-grey-50);
  39. ------------------------*/
  40. /* backface visibility */
  41. /* generate theme button */
  42. /* THEME COLORs
  43. ========================================================================== */
  44. /* Looks good on chrome default color profile */
  45. /* looks good in sRGB but washed up on chrome default
  46. $color-primary: #826bb0;
  47. $color-success: #31cb55;
  48. $color-info: #5e93ec;
  49. $color-warning: #eec559;
  50. $color-danger: #dc4b92;
  51. $color-fusion: darken(desaturate(adjust-hue($color-primary, 5), 80%), 25%); */
  52. /* Color Polarity
  53. ========================================================================== */
  54. /* PAINTBUCKET MIXER
  55. ========================================================================== */
  56. /* the grays */
  57. /* the sapphires */
  58. /* the emeralds */
  59. /* the amethyths */
  60. /* the topaz */
  61. /* the rubies */
  62. /* the graphites */
  63. /* Define universal border difition (div outlines, etc)
  64. ========================================================================== */
  65. /* MOBILE BREAKPOINT & GUTTERS (contains some bootstrap responsive overrides)
  66. ========================================================================== */
  67. /* define when mobile menu activates, here we are declearing (lg) so it targets the one after it */
  68. /* bootstrap reference xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px*/
  69. /* global var used for spacing*/
  70. /* Uniform Padding variable */
  71. /* Heads up! This is a global scoped variable - changing may impact the whole template */
  72. /* BOOTSTRAP OVERRIDES (bootstrap variables)
  73. ========================================================================== */
  74. /* usage: theme-colors("primary"); */
  75. /* forms */
  76. /*$input-height: calc(2.25rem + 1px); //I had to add this because the input gruops was having improper height for some reason... */
  77. /* links */
  78. /* checkbox */
  79. /*$custom-file-height-inner: calc(2.25rem - 1px);*/
  80. /* not part of bootstrap variable */
  81. /* custom checkbox */
  82. /* custom range */
  83. /* select */
  84. /* badge */
  85. /* cards */
  86. /*border radius*/
  87. /* alert */
  88. /* toast */
  89. /* breadcrumb */
  90. /* input button */
  91. /* nav link */
  92. /* nav, tabs, pills */
  93. /* tables */
  94. /* dropdowns */
  95. /* dropdowns sizes */
  96. /* popovers */
  97. /* tooltips */
  98. /* modal */
  99. /* reference guide
  100. http://www.standardista.com/px-to-rem-conversion-if-root-font-size-is-16px/
  101. 8px = 0.5rem
  102. 9px = 0.5625rem
  103. 10px = 0.625rem
  104. 11px = 0.6875rem
  105. 12px = 0.75rem
  106. 13px = 0.8125rem
  107. 14px = 0.875rem
  108. 15px = 0.9375rem
  109. 16px = 1rem (base)
  110. 17px = 1.0625rem
  111. 18px = 1.125rem
  112. 19px = 1.1875rem
  113. 20px = 1.25rem
  114. 21px = 1.3125rem
  115. 22px = 1.375rem
  116. 24px = 1.5rem
  117. 25px = 1.5625rem
  118. 26px = 1.625rem
  119. 28px = 1.75rem
  120. 30px = 1.875rem
  121. 32px = 2rem
  122. 34px = 2.125rem
  123. 36px = 2.25rem
  124. 38px = 2.375rem
  125. 40px = 2.5rem
  126. */
  127. /* Fonts */
  128. /* carousel */
  129. /* BASE VARS
  130. ========================================================================== */
  131. /* font vars below will auto change to rem values using function rem($value)*/
  132. /* 11px */
  133. /* 12px */
  134. /* 12.5px */
  135. /* 14px */
  136. /* 15px */
  137. /* 16px */
  138. /* 28px */
  139. /* Font Family
  140. ========================================================================== */
  141. /*hint: you can also try the font called 'Poppins' by replacing the font 'Roboto' */
  142. /* ANIMATIONS
  143. ========================================================================== */
  144. /* this addresses all animation related to nav hide to nav minify */
  145. /* Z-INDEX declearation
  146. ========================================================================== */
  147. /* we adjust bootstrap z-index to be higher than our higest z-index*/
  148. /* CUSTOM ICON PREFIX
  149. ========================================================================== */
  150. /* PRINT CSS (landscape or portrait)
  151. ========================================================================== */
  152. /* landscape or portrait */
  153. /* auto, letter */
  154. /* Common Element Variables
  155. ========================================================================== */
  156. /* Z-index decleartion "birds eye view"
  157. ========================================================================== */
  158. /* Components
  159. ========================================================================== */
  160. /* PAGE HEADER STUFF
  161. ========================================================================== */
  162. /* colors */
  163. /* height */
  164. /* logo */
  165. /* try not to go beywond the width of $main_nav_width value */
  166. /* you may need to change this depending on your logo design */
  167. /* adjust this as you see fit : left, right, center */
  168. /* icon font size (not button) */
  169. /* search input box */
  170. /* suggestion: #ccced0*/
  171. /* btn */
  172. /* dropdown: app list */
  173. /* badge */
  174. /* COMPONENTS & MODS */
  175. /* NAVIGATION STUFF
  176. Guide:
  177. aside.page-sidebar ($nav-width, $nav-background)
  178. .page-logo
  179. .primary-nav
  180. .info-card
  181. ul.nav-menu
  182. li
  183. a (parent level-0..., $nav-link-color, $nav-link-hover-color, $nav-link-hover-bg-color, $nav-link-hover-left-border-color)
  184. icon
  185. span
  186. collapse-sign
  187. ul.nav-menu-sub-one
  188. li
  189. a ($nav-level-1... $nav-sub-link-height)
  190. span
  191. collapse-sign
  192. ul.nav-menu-sub-two
  193. li
  194. a ($nav-level-2... $nav-sub-link-height)
  195. span
  196. p.nav-title ($nav-title-*...)
  197. ========================================================================== */
  198. /* main navigation */
  199. /* left panel */
  200. /* nav parent level-0 */
  201. /* nav icon sizes */
  202. /* badge default */
  203. /* all child */
  204. /* nav title */
  205. /* nav Minify */
  206. /* when the menu pops on hover */
  207. /* navigation Width */
  208. /* partial visibility of the menu */
  209. /* top navigation */
  210. /* nav Info Card (appears below the logo) */
  211. /* width is auto */
  212. /* nav DL labels for all child */
  213. /* will be pulled to left as a negative value */
  214. /* MISC Settings
  215. ========================================================================== */
  216. /* List Table */
  217. /* PAGE SETTINGS
  218. ========================================================================== */
  219. /* PAGE BREADCRUMB
  220. ========================================================================== */
  221. /* PAGE COMPONENT PANELS
  222. ========================================================================== */
  223. /* PAGE COMPONENT PROGRESSBARS
  224. ========================================================================== */
  225. /* PAGE COMPONENT MESSENGER
  226. ========================================================================== */
  227. /* FOOTER
  228. ========================================================================== */
  229. /* GLOBALS
  230. ========================================================================== */
  231. /* ACCESSIBILITIES */
  232. /* PLACEHOLDER
  233. =============================================
  234. EXAMPLE:
  235. %bg-image {
  236. width: 100%;
  237. background-position: center center;
  238. background-size: cover;
  239. background-repeat: no-repeat;
  240. }
  241. .image-one {
  242. @extend %bg-image;
  243. background-image:url(/img/image-one.jpg");
  244. }
  245. RESULT:
  246. .image-one, .image-two {
  247. width: 100%;
  248. background-position: center center;
  249. background-size: cover;
  250. background-repeat: no-repeat;
  251. }
  252. */
  253. .page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient {
  254. background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 211, 225, 0.18)), to(transparent));
  255. background-image: linear-gradient(270deg, rgba(51, 211, 225, 0.18), transparent);
  256. background-color: #4e4c77; }
  257. /*
  258. %shadow-hover {
  259. box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 0 2px rgba(0,0,0,0.24);
  260. transition: all 0.2s ease-in-out;
  261. &:hover {
  262. box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 -1px 6px rgba(0,0,0,0.23);
  263. }
  264. }
  265. */
  266. .btn-default {
  267. background-color: #f5f5f5;
  268. background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f1f1f1));
  269. background-image: linear-gradient(to top, #f5f5f5, #f1f1f1);
  270. color: #444; }
  271. .btn-default:hover {
  272. border: 1px solid #c6c6c6; }
  273. .btn-default:focus {
  274. border-color: #a9a7ce !important; }
  275. .header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] {
  276. color: #fff;
  277. background: #7976b3 !important; }
  278. .header-function-fixed .btn-switch[data-class="header-function-fixed"]:after, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after, .nav-function-minify .btn-switch[data-class="nav-function-minify"]:after, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after, .nav-function-top .btn-switch[data-class="nav-function-top"]:after, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after, .mod-color-blind .btn-switch[data-class="mod-color-blind"]:after, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after, .mod-nav-link .btn-switch[data-class="mod-nav-link"]:after, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"]:after {
  279. background: #fff !important;
  280. color: #7976b3 !important; }
  281. .header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title, .nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title, .nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title, .nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title, .nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title, .nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title, .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title, .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title, .mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title, .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title, .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title, .mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title, .mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title, .mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title, .mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title, .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title, .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title, .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title, .mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title, .mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title, .mod-app-rtl .btn-switch[data-class="mod-app-rtl"] + .onoffswitch-title {
  282. color: #7976b3; }
  283. .nav-mobile-slide-out #nmp .onoffswitch-title, .nav-mobile-slide-out #nmno .onoffswitch-title, .nav-function-top #mnl .onoffswitch-title, .nav-function-minify #mnl .onoffswitch-title, .mod-hide-nav-icons #mnl .onoffswitch-title, .nav-function-top #nfh .onoffswitch-title {
  284. color: #d58100; }
  285. .nav-mobile-slide-out #nmp .onoffswitch-title-desc, .nav-mobile-slide-out #nmno .onoffswitch-title-desc, .nav-function-top #mnl .onoffswitch-title-desc, .nav-function-minify #mnl .onoffswitch-title-desc, .mod-hide-nav-icons #mnl .onoffswitch-title-desc, .nav-function-top #nfh .onoffswitch-title-desc {
  286. color: #ec9f28; }
  287. .header-btn {
  288. border: 1px solid #e1e1e1;
  289. color: #a6a6a6; }
  290. .header-btn:hover {
  291. border-color: #7976b3;
  292. background: #9997c5;
  293. color: #fff; }
  294. .nav-mobile-slide-out #nmp:after,
  295. .nav-mobile-slide-out #nmno:after, .nav-function-top #mnl:after,
  296. .nav-function-minify #mnl:after,
  297. .mod-hide-nav-icons #mnl:after, .nav-function-top #nfh:after {
  298. background: #e8ffc1;
  299. border: 1px solid #a5ff0e;
  300. color: #222222; }
  301. /* #GLOBAL IMPORTS
  302. ========================================================================== */
  303. /*@import '_imports/_global-import';*/
  304. /* #FRAMEWORK - Structure and layout files. (**DO NOT** change order)
  305. DOC: you can disable unused _modules
  306. ========================================================================== */
  307. /* contains root variables to be used with css (see docs) */
  308. /* html and body base styles */
  309. html body {
  310. background-color: #fff; }
  311. .header-icon {
  312. color: #666666; }
  313. .header-icon:not(.btn) > [class*='fa-']:first-child,
  314. .header-icon:not(.btn) > .ni:first-child {
  315. color: #7976b3; }
  316. .header-icon:not(.btn):hover > [class*='fa-']:only-child,
  317. .header-icon:not(.btn):hover > .ni {
  318. color: #404040; }
  319. .header-icon:not(.btn)[data-toggle="dropdown"] {
  320. /* header dropdowns */
  321. /* note: important rules to override popper's inline classes */
  322. /* end header dropdowns */ }
  323. .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] {
  324. color: #404040; }
  325. .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
  326. .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
  327. color: #404040 !important; }
  328. .header-icon:not(.btn)[data-toggle="dropdown"] + .dropdown-menu {
  329. border-color: #ccc; }
  330. .header-icon:hover {
  331. color: #404040; }
  332. .page-header {
  333. background-color: #fff; }
  334. #search-field {
  335. background: transparent;
  336. border: 1px solid transparent; }
  337. .dropdown-icon-menu > ul {
  338. background: #fff; }
  339. .notification li.unread {
  340. background: #f9ffee; }
  341. .notification li > :first-child {
  342. border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
  343. .notification li > :first-child:hover {
  344. background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(29, 33, 41, 0.03)), to(rgba(29, 33, 41, 0.04)));
  345. background-image: linear-gradient(rgba(29, 33, 41, 0.03), rgba(29, 33, 41, 0.04)); }
  346. .notification .name {
  347. color: #222222; }
  348. .notification .msg-a,
  349. .notification .msg-b {
  350. color: #555555; }
  351. .notification.notification-layout-2 li {
  352. background: #f9f9f9; }
  353. .notification.notification-layout-2 li.unread {
  354. background: #fff; }
  355. .notification.notification-layout-2 li > :first-child {
  356. border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
  357. .notification.notification-layout-2:hover {
  358. cursor: pointer; }
  359. .app-list-item {
  360. color: #666666; }
  361. .app-list-item:hover {
  362. border: 1px solid #e3e3e3; }
  363. .app-list-item:active {
  364. border-color: #7976b3; }
  365. @media (min-width: 992px) {
  366. .header-function-fixed.nav-function-top .page-header {
  367. -webkit-box-shadow: 0px 0px 28px 2px rgba(72, 70, 125, 0.13);
  368. box-shadow: 0px 0px 28px 2px rgba(72, 70, 125, 0.13); } }
  369. .nav-title {
  370. color: #7774a6; }
  371. .nav-menu li.open > a {
  372. color: white; }
  373. .nav-menu li.active {
  374. /* arrow that appears next to active/selected items */ }
  375. .nav-menu li.active > a {
  376. color: white;
  377. background-color: rgba(255, 255, 255, 0.04);
  378. -webkit-box-shadow: inset 3px 0 0 #7976b3;
  379. box-shadow: inset 3px 0 0 #7976b3; }
  380. .nav-menu li.active > a:hover > [class*='fa-'],
  381. .nav-menu li.active > a:hover > .ni {
  382. color: #aeaeae; }
  383. .nav-menu li.active > ul {
  384. display: block; }
  385. .nav-menu li.active:not(.open) > a:before {
  386. color: #24b3a4; }
  387. .nav-menu li a {
  388. color: #bab8d2; }
  389. .nav-menu li a .dl-ref.label {
  390. color: rgba(255, 255, 255, 0.7); }
  391. .nav-menu li a > [class*='fa-'],
  392. .nav-menu li a > .ni {
  393. color: #7d7aaa; }
  394. .nav-menu li a.collapsed .nav-menu-btn-sub-collapse {
  395. -webkit-transform: rotate(180deg);
  396. transform: rotate(180deg); }
  397. .nav-menu li a:hover {
  398. color: white;
  399. background-color: rgba(0, 0, 0, 0.1); }
  400. .nav-menu li a:hover .badge {
  401. color: #fff; }
  402. .nav-menu li a:hover > [class*='fa-'],
  403. .nav-menu li a:hover > .ni {
  404. color: #aeaeae; }
  405. .nav-menu li a:hover > .badge {
  406. -webkit-box-shadow: 0 0 0 1px rgba(95, 92, 143, 0.8);
  407. box-shadow: 0 0 0 1px rgba(95, 92, 143, 0.8);
  408. border: 1px solid rgba(95, 92, 143, 0.8); }
  409. .nav-menu li a:focus {
  410. color: white; }
  411. .nav-menu li a:focus .badge {
  412. color: #fff; }
  413. .nav-menu li b.collapse-sign {
  414. color: #8986bc; }
  415. .nav-menu li > ul {
  416. background-color: rgba(0, 0, 0, 0.1); }
  417. .nav-menu li > ul li a {
  418. color: #aaa9c8; }
  419. .nav-menu li > ul li a > [class*='fa-'],
  420. .nav-menu li > ul li a > .ni {
  421. color: #7d7aaa; }
  422. .nav-menu li > ul li a > .badge {
  423. color: #fff;
  424. background-color: #c139fd; }
  425. .nav-menu li > ul li a:hover {
  426. color: white;
  427. background-color: rgba(0, 0, 0, 0.1); }
  428. .nav-menu li > ul li a:hover > .nav-link-text > [class*='fa-'],
  429. .nav-menu li > ul li a:hover > .nav-link-text > .ni {
  430. color: #aeaeae; }
  431. .nav-menu li > ul li.active > a {
  432. color: white;
  433. background-color: transparent; }
  434. .nav-menu li > ul li.active > a > .nav-link-text > [class*='fa-'],
  435. .nav-menu li > ul li.active > a > .nav-link-text > .ni {
  436. color: white; }
  437. .nav-menu li > ul li.active > a:hover > .nav-link-text > [class*='fa-'],
  438. .nav-menu li > ul li.active > a:hover > .nav-link-text > .ni {
  439. color: #aeaeae; }
  440. .nav-menu li > ul li > ul li.active > a {
  441. color: white; }
  442. .nav-menu li > ul li > ul li a {
  443. color: #a4a3c4; }
  444. .nav-menu li > ul li > ul li a:hover {
  445. color: white; }
  446. .nav-menu li > ul li > ul li a > .badge {
  447. color: #fff;
  448. background-color: #c139fd;
  449. border: 1px solid #555555; }
  450. /* nav clean elements */
  451. .nav-menu-clean {
  452. background: #fff; }
  453. .nav-menu-clean li a {
  454. color: #555555 !important; }
  455. .nav-menu-clean li a span {
  456. color: #555555 !important; }
  457. .nav-menu-clean li a:hover {
  458. background-color: #f4f4f4 !important; }
  459. /* nav bordered elements */
  460. .nav-menu-bordered {
  461. border: 1px solid rgba(0, 0, 0, 0.08); }
  462. .nav-menu-bordered li a {
  463. border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
  464. .nav-filter input[type="text"] {
  465. background: rgba(0, 0, 0, 0.4);
  466. color: #fff; }
  467. .nav-filter input[type="text"]:not(:focus) {
  468. border-color: rgba(0, 0, 0, 0.1); }
  469. .nav-filter input[type="text"]:focus {
  470. border-color: #6a689e; }
  471. .info-card {
  472. color: #fff; }
  473. .info-card .info-card-text {
  474. text-shadow: #000 0 1px; }
  475. @media (min-width: 992px) {
  476. .nav-function-top {
  477. /* correct search field color */ }
  478. .nav-function-top #search-field {
  479. color: #fff; }
  480. .nav-function-top:not(.header-function-fixed) #nff {
  481. position: relative; }
  482. .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title {
  483. color: #d58100; }
  484. .nav-function-top:not(.header-function-fixed) #nff .onoffswitch-title-desc {
  485. color: #ec9f28; }
  486. .nav-function-top:not(.header-function-fixed) #nff:after {
  487. background: #e8ffc1;
  488. border: 1px solid #a5ff0e;
  489. color: #222222; }
  490. .nav-function-top .page-header {
  491. background-image: -webkit-gradient(linear, right top, left top, from(rgba(51, 211, 225, 0.18)), to(transparent));
  492. background-image: linear-gradient(270deg, rgba(51, 211, 225, 0.18), transparent);
  493. background-color: #4e4c77;
  494. -webkit-box-shadow: 0px 0px 14px 0px rgba(72, 70, 125, 0.13);
  495. box-shadow: 0px 0px 14px 0px rgba(72, 70, 125, 0.13); }
  496. .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child,
  497. .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {
  498. color: #9997c5; }
  499. .nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
  500. .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
  501. color: #b9b8d7; }
  502. .nav-function-top .page-header .badge.badge-icon {
  503. -webkit-box-shadow: 0 0 0 1px #6966aa;
  504. box-shadow: 0 0 0 1px #6966aa; }
  505. .nav-function-top .page-sidebar {
  506. background: #fff;
  507. -webkit-box-shadow: 0px 0px 14px 0px rgba(72, 70, 125, 0.13);
  508. box-shadow: 0px 0px 14px 0px rgba(72, 70, 125, 0.13); }
  509. .nav-function-top .page-sidebar .primary-nav .nav-menu > li.active > a:before {
  510. color: #24b3a4; }
  511. .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .ni,
  512. .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > [class*='fa-'] {
  513. color: inherit; }
  514. .nav-function-top .page-sidebar .primary-nav .nav-menu > li > a > .collapse-sign {
  515. color: #9e9cc0; }
  516. .nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
  517. color: #4e4c77; }
  518. .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul {
  519. background: #5d5a8c; }
  520. .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li a {
  521. color: #bab8d2; }
  522. .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li ul {
  523. background: #5d5a8c; }
  524. .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul li:hover > a {
  525. background: rgba(0, 0, 0, 0.1);
  526. color: #fff; }
  527. .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:after {
  528. background: transparent; }
  529. .nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
  530. color: #5d5a8c; }
  531. .nav-function-top .page-sidebar .primary-nav .nav-menu > li:hover > a {
  532. color: #7976b3;
  533. background: transparent; } }
  534. @media (min-width: 992px) {
  535. .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li.active.open > a:before {
  536. color: #24b3a4; }
  537. .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
  538. background: trasparent; }
  539. .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
  540. background-color: #4e4c77; }
  541. .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
  542. color: #4e4c77; }
  543. .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover {
  544. overflow: visible; }
  545. .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
  546. background: #575483;
  547. color: #fff; }
  548. .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child {
  549. background: #4e4c77; }
  550. .nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a > .nav-link-text:last-child:before {
  551. color: #4e4c77; }
  552. .nav-function-minify:not(.nav-function-top) .page-header [data-class="nav-function-minify"] {
  553. background: #555555;
  554. border-color: #3b3b3b !important;
  555. color: #fff !important; } }
  556. .nav-footer .nav-footer-buttons > li > a {
  557. color: #8f8db6; }
  558. .nav-function-fixed .nav-footer {
  559. background: #4e4c77; }
  560. .nav-function-fixed .nav-footer:before {
  561. background: rgba(99, 96, 150, 0.2);
  562. background: -webkit-gradient(linear, left top, right top, from(#4e4c77), color-stop(50%, #706ea2), color-stop(50%, #706ea2), to(#4e4c77));
  563. background: linear-gradient(to right, #4e4c77 0%, #706ea2 50%, #706ea2 50%, #4e4c77 100%); }
  564. @media (min-width: 992px) {
  565. .nav-function-minify .nav-footer {
  566. background-color: #4a4870; }
  567. .nav-function-minify .nav-footer [data-class="nav-function-minify"] {
  568. color: #7d7aaa; }
  569. .nav-function-minify .nav-footer:hover {
  570. background-color: #555280; }
  571. .nav-function-minify .nav-footer:hover [data-class="nav-function-minify"] {
  572. color: #aeaeae; } }
  573. .page-content-wrapper {
  574. background-color: white; }
  575. .subheader-icon {
  576. color: #aeaeae; }
  577. .subheader-title {
  578. color: #555555;
  579. text-shadow: #fff 0 1px; }
  580. .subheader-title small {
  581. color: #888888; }
  582. .page-footer {
  583. background: #fff;
  584. color: #4d4d4d; }
  585. .accordion .card .card-header {
  586. background-color: #f7f9fa; }
  587. .accordion .card .card-header .card-title {
  588. color: #7976b3; }
  589. .accordion .card .card-header .card-title.collapsed {
  590. color: #888888; }
  591. .accordion.accordion-clean .card-header {
  592. background: #fff; }
  593. .accordion.accordion-hover .card-header {
  594. background: #fff; }
  595. .accordion.accordion-hover .card-header:hover .card-title.collapsed {
  596. color: #fff;
  597. background-color: #9997c5; }
  598. .accordion.accordion-hover .card-title:not(.collapsed) {
  599. color: #fff;
  600. background-color: #7976b3; }
  601. /* DEV NOTE: The reason why we had to add this layer for alert colors is because BS4
  602. does not allow you to add your own alert colors via variable control rather
  603. through a systemetic agent that changes the theme colors.
  604. REF: https://github.com/twbs/bootstrap/issues/24341#issuecomment-337457218
  605. */
  606. .alert-primary {
  607. color: #6e6e6e;
  608. background-color: #f7f7f9;
  609. border-color: #dbdbdd; }
  610. .alert-success {
  611. color: #45a165;
  612. background-color: #f7fdf9;
  613. border-color: #a3ebbc; }
  614. .alert-danger {
  615. color: #a102e7;
  616. background-color: #f7e5ff;
  617. border-color: #e19efe; }
  618. .alert-warning {
  619. color: #79c100;
  620. background-color: #f7ffe9;
  621. border-color: #c5ff65; }
  622. .alert-info {
  623. color: #0aafbd;
  624. background-color: #e3fbfd;
  625. border-color: #82eff8; }
  626. .alert-secondary {
  627. color: #555555;
  628. background-color: white;
  629. border-color: #e1e1e1; }
  630. .badge.badge-icon {
  631. background-color: #c139fd;
  632. color: #fff;
  633. -webkit-box-shadow: 0 0 0 1px #fff;
  634. box-shadow: 0 0 0 1px #fff; }
  635. /* btn switch */
  636. .btn-switch {
  637. background: #6e6e6e;
  638. color: white; }
  639. .btn-switch:hover {
  640. color: white; }
  641. .btn-switch:after {
  642. color: white; }
  643. .btn-switch.active {
  644. color: #fff;
  645. background: #7976b3; }
  646. .btn-switch.active:before {
  647. color: white; }
  648. .btn-switch.active:after {
  649. background: #fff;
  650. color: #7976b3; }
  651. /* button used to close filter and mobile search */
  652. .btn-search-close {
  653. color: #fff; }
  654. /* buttons used in the header section of the page */
  655. .header-btn[data-class='mobile-nav-on'] {
  656. border-color: #b107fc;
  657. background-color: #b920fd;
  658. background-image: -webkit-gradient(linear, left bottom, left top, from(#b920fd), to(#a102e7));
  659. background-image: linear-gradient(to top, #b920fd, #a102e7);
  660. color: #fff; }
  661. /* dropdown btn */
  662. /* used on info card pulldown filter */
  663. .pull-trigger-btn {
  664. background: rgba(0, 0, 0, 0.4);
  665. border: 1px solid rgba(0, 0, 0, 0.4);
  666. color: #fff !important;
  667. -webkit-box-shadow: 0px 0px 2px rgba(121, 118, 179, 0.3);
  668. box-shadow: 0px 0px 2px rgba(121, 118, 179, 0.3); }
  669. .pull-trigger-btn:hover {
  670. background: #7976b3;
  671. border-color: #6966aa; }
  672. /* btn misc */
  673. .btn-outline-default {
  674. color: #212529;
  675. border-color: #E5E5E5; }
  676. .btn-outline-default:hover, .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active,
  677. .show > .btn-outline-default.dropdown-toggle {
  678. color: #212529;
  679. background-color: #f9f9f9;
  680. border-color: #E5E5E5; }
  681. .btn-outline-default.disabled, .btn-outline-default:disabled {
  682. color: #212529; }
  683. /* btn shadows */
  684. .btn-primary {
  685. -webkit-box-shadow: 0 2px 6px 0 rgba(121, 118, 179, 0.5);
  686. box-shadow: 0 2px 6px 0 rgba(121, 118, 179, 0.5); }
  687. .btn-secondary {
  688. -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5);
  689. box-shadow: 0 2px 6px 0 rgba(108, 117, 125, 0.5); }
  690. .btn-success {
  691. -webkit-box-shadow: 0 2px 6px 0 rgba(29, 201, 88, 0.5);
  692. box-shadow: 0 2px 6px 0 rgba(29, 201, 88, 0.5); }
  693. .btn-info {
  694. -webkit-box-shadow: 0 2px 6px 0 rgba(33, 226, 243, 0.5);
  695. box-shadow: 0 2px 6px 0 rgba(33, 226, 243, 0.5); }
  696. .btn-warning {
  697. -webkit-box-shadow: 0 2px 6px 0 rgba(184, 255, 65, 0.5);
  698. box-shadow: 0 2px 6px 0 rgba(184, 255, 65, 0.5); }
  699. .btn-danger {
  700. -webkit-box-shadow: 0 2px 6px 0 rgba(193, 57, 253, 0.5);
  701. box-shadow: 0 2px 6px 0 rgba(193, 57, 253, 0.5); }
  702. .btn-light {
  703. -webkit-box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5);
  704. box-shadow: 0 2px 6px 0 rgba(255, 255, 255, 0.5); }
  705. .btn-dark {
  706. -webkit-box-shadow: 0 2px 6px 0 rgba(85, 85, 85, 0.5);
  707. box-shadow: 0 2px 6px 0 rgba(85, 85, 85, 0.5); }
  708. .btn-icon-light {
  709. color: rgba(255, 255, 255, 0.7) !important;
  710. border-color: transparent !important; }
  711. .btn-icon-light:not(.active):not(:active):not(:hover):not(:focus) {
  712. color: rgba(255, 255, 255, 0.7) !important; }
  713. .btn-icon-light:hover {
  714. color: #fff !important;
  715. background-color: rgba(255, 255, 255, 0.2) !important; }
  716. .card-header {
  717. background-color: #f7f9fa; }
  718. .carousel-control-prev:hover {
  719. background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
  720. background: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
  721. .carousel-control-next:hover {
  722. background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.25)), color-stop(45%, rgba(0, 0, 0, 0)));
  723. background: linear-gradient(to left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 45%); }
  724. /* dropdown menu multi-level */
  725. .dropdown-menu .dropdown-menu {
  726. background: #fff; }
  727. .dropdown-menu .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
  728. background: #f8f9fa;
  729. color: #5b589e; }
  730. .chat-segment-get .chat-message {
  731. background: #f1f0f0; }
  732. .chat-segment-sent .chat-message {
  733. background: #1dc958; }
  734. /* transparent modal */
  735. .modal-transparent .modal-content {
  736. -webkit-box-shadow: 0 1px 15px 1px rgba(72, 70, 125, 0.3);
  737. box-shadow: 0 1px 15px 1px rgba(72, 70, 125, 0.3); }
  738. .modal-transparent .modal-content {
  739. background: rgba(43, 42, 51, 0.85); }
  740. .panel {
  741. background-color: #fff;
  742. border-bottom: 1px solid #e0e0e0;
  743. /* panel fullscreen */
  744. /* panel locked */ }
  745. .panel.panel-fullscreen {
  746. /* make panel header bigger */ }
  747. .panel.panel-fullscreen .panel-hdr {
  748. -webkit-box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(63, 60, 109, 0.1);
  749. box-shadow: 0 0.125rem 0.125rem -0.0625rem rgba(63, 60, 109, 0.1); }
  750. .panel.panel-locked:not(.panel-fullscreen) .panel-hdr:active h2:before {
  751. color: #c139fd; }
  752. /* panel tag can be used globally */
  753. .panel-tag {
  754. background: #eef7fd; }
  755. /* panel header */
  756. .panel-hdr {
  757. background: #fff; }
  758. /* panel tap highlight */
  759. .panel-sortable:not(.panel-locked) .panel-hdr:active {
  760. border-top-color: rgba(153, 151, 197, 0.7);
  761. border-left-color: rgba(121, 118, 179, 0.7);
  762. border-right-color: rgba(121, 118, 179, 0.7); }
  763. .panel-sortable:not(.panel-locked) .panel-hdr:active + .panel-container {
  764. border-color: transparent rgba(121, 118, 179, 0.7) rgba(105, 102, 170, 0.7); }
  765. /*.panel-sortable .panel-hdr:active,
  766. .panel-sortable .panel-hdr:active + .panel-container {
  767. @include transition-border(0.4s, ease-out);
  768. }*/
  769. .panel-sortable.panel-locked .panel-hdr:active {
  770. border-top-color: #d16bfe;
  771. border-left-color: #dc3545;
  772. border-right-color: #dc3545; }
  773. .panel-sortable.panel-locked .panel-hdr:active + .panel-container {
  774. border-color: transparent #dc3545 #dc3545; }
  775. /* panel toolbar (sits inside panel header) */
  776. .panel-toolbar .btn-panel {
  777. /* add default colors for action buttons */ }
  778. .panel-toolbar .btn-panel[data-action="panel-collapse"], .panel-toolbar .btn-panel.js-panel-collapse {
  779. background: #1dc958; }
  780. .panel-toolbar .btn-panel[data-action="panel-fullscreen"], .panel-toolbar .btn-panel.js-panel-fullscreen {
  781. background: #b8ff41; }
  782. .panel-toolbar .btn-panel[data-action="panel-close"], .panel-toolbar .btn-panel.js-panel-close {
  783. background: #c139fd; }
  784. /* placeholder */
  785. .panel-placeholder {
  786. background-color: #ececef; }
  787. .panel-placeholder:before {
  788. background: #ececef; }
  789. .mod-panel-clean .panel-hdr {
  790. background: #fff;
  791. background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
  792. background-image: linear-gradient(to bottom, #f7f7f7, #fff); }
  793. @media only screen and (max-width: 420px) {
  794. /* making mobile spacing a little narrow */
  795. .panel .panel-hdr {
  796. color: #060606; } }
  797. .popover .arrow {
  798. border-color: inherit; }
  799. .menu-item,
  800. label.menu-open-button {
  801. background: #7976b3;
  802. color: #fff !important; }
  803. .menu-item:hover,
  804. label.menu-open-button:hover {
  805. background: #5b589e; }
  806. .app-shortcut-icon {
  807. background: #ecf0f1;
  808. color: #ecf0f1; }
  809. .menu-open:checked + .menu-open-button {
  810. background: #555555; }
  811. /* backgrounds */
  812. .bg-white {
  813. background-color: #fff;
  814. color: #666666; }
  815. .bg-faded {
  816. background-color: #f7f9fa; }
  817. .bg-offwhite-fade {
  818. background-color: #fff;
  819. background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#fdfdfd));
  820. background-image: linear-gradient(to top, #fff, #fdfdfd); }
  821. .bg-subtlelight {
  822. background-color: white; }
  823. .bg-subtlelight-fade {
  824. background-color: #fff;
  825. background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(white));
  826. background-image: linear-gradient(to top, #fff, white); }
  827. .bg-highlight {
  828. background-color: #f9ffee; }
  829. .bg-gray-50 {
  830. background-color: #f9f9f9; }
  831. .bg-gray-100 {
  832. background-color: #f8f9fa; }
  833. .bg-gray-200 {
  834. background-color: #e9ecef; }
  835. .bg-gray-300 {
  836. background-color: #dee2e6; }
  837. .bg-gray-400 {
  838. background-color: #ced4da; }
  839. .bg-gray-500 {
  840. background-color: #adb5bd; }
  841. .bg-gray-600 {
  842. background-color: #6c757d; }
  843. .bg-gray-700 {
  844. background-color: #495057; }
  845. .bg-gray-800 {
  846. background-color: #343a40; }
  847. .bg-gray-900 {
  848. background-color: #212529; }
  849. /* borders */
  850. .border-faded {
  851. border: 1px solid rgba(34, 34, 34, 0.07); }
  852. /* hover any bg */
  853. /* inherits the parent background on hover */
  854. .hover-bg {
  855. background: #fff; }
  856. /* states */
  857. .state-selected {
  858. background: #e7fcfe !important; }
  859. /* demo window */
  860. .demo-window {
  861. -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  862. box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12); }
  863. .demo-window:before {
  864. background: #e5e5e5; }
  865. .demo-window:after,
  866. .demo-window .demo-window-content:before,
  867. .demo-window .demo-window-content:after {
  868. background: #ccc; }
  869. .bg-trans-gradient {
  870. background: linear-gradient(250deg, #3ec9d6, #8381a8); }
  871. .notes {
  872. background: #f9f4b5; }
  873. /* disclaimer class */
  874. .disclaimer {
  875. color: #a2a2a2; }
  876. /* online status */
  877. .status {
  878. position: relative; }
  879. .status:before {
  880. background: #555555;
  881. border: 2px solid #fff; }
  882. .status.status-success:before {
  883. background: #1dc958; }
  884. .status.status-danger:before {
  885. background: #c139fd; }
  886. .status.status-warning:before {
  887. background: #b8ff41; }
  888. /* display frame */
  889. .frame-heading {
  890. color: #a6a6a6; }
  891. .frame-wrap {
  892. background: white; }
  893. /* time stamp */
  894. .time-stamp {
  895. color: #7b7b7b; }
  896. /* data-hasmore */
  897. [data-hasmore] {
  898. color: #fff; }
  899. [data-hasmore]:before {
  900. background: rgba(0, 0, 0, 0.4); }
  901. /* code */
  902. code {
  903. background: #fdfdfd; }
  904. /* select background */
  905. ::-moz-selection {
  906. background: #555555;
  907. color: #fff; }
  908. ::selection {
  909. background: #555555;
  910. color: #fff; }
  911. ::-moz-selection {
  912. background: #555555;
  913. color: #fff; }
  914. @media only screen and (max-width: 992px) {
  915. .page-wrapper {
  916. background: #fff; }
  917. .page-wrapper .page-header {
  918. border-bottom: 1px solid rgba(0, 0, 0, 0.09); }
  919. .page-wrapper .page-content {
  920. color: #222; }
  921. .page-wrapper .page-content .subheader .subheader-title {
  922. color: #22282d; }
  923. .page-wrapper .page-content .subheader .subheader-title small {
  924. color: #181c21; }
  925. .page-wrapper .page-content .p-g {
  926. padding: 1.5rem; }
  927. .page-wrapper .page-footer {
  928. border-top: 1px solid rgba(0, 0, 0, 0.09); }
  929. /* Off canvas */
  930. .nav-mobile-slide-out .page-wrapper .page-content {
  931. background: white; }
  932. /* mobile nav show & hide button */
  933. /* general */
  934. .mobile-nav-on .page-sidebar {
  935. border-right: 1px solid rgba(0, 0, 0, 0.03);
  936. -webkit-box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52);
  937. box-shadow: 0 3px 35px 3px rgba(0, 0, 0, 0.52); }
  938. .mobile-nav-on .page-content-overlay {
  939. background: rgba(0, 0, 0, 0.09); } }
  940. @media only screen and (max-width: 576px) {
  941. /* here we turn on mobile font for smaller screens */
  942. /*body {
  943. font-family: $mobile-page-font !important;
  944. }*/
  945. /* mobile nav search */
  946. .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field {
  947. background: #fff; }
  948. .mobile-search-on:not(.mobile-nav-on) .search .app-forms #search-field:focus {
  949. border-color: #7976b3; } }
  950. /* text area */
  951. [contenteditable="true"]:empty:not(:focus):before {
  952. content: attr(data-placeholder);
  953. color: #959595; }
  954. [contenteditable="true"]::-moz-selection {
  955. background: rgba(0, 132, 255, 0.2);
  956. color: #000; }
  957. [contenteditable="true"]::selection {
  958. background: rgba(0, 132, 255, 0.2);
  959. color: #000; }
  960. [contenteditable="true"]::-moz-selection {
  961. background: rgba(0, 132, 255, 0.2);
  962. color: #000; }
  963. /* add background to focused inpur prepend and append */
  964. .form-control:focus ~ .input-group-prepend {
  965. background: #7976b3; }
  966. .has-length .input-group-text {
  967. border-color: #7976b3; }
  968. .has-length .input-group-text + .input-group-text {
  969. border-left: 1px solid rgba(0, 0, 0, 0.1); }
  970. .has-length .input-group-text:not([class^="bg-"]):not([class*=" bg-"]) {
  971. background: #7976b3;
  972. color: #fff !important; }
  973. /* help block and validation feedback texts*/
  974. .help-block {
  975. color: #959595; }
  976. .settings-panel h5 {
  977. color: #555555; }
  978. .settings-panel .list {
  979. color: #666666; }
  980. .settings-panel .list:hover {
  981. color: #333333;
  982. background: rgba(255, 255, 255, 0.7); }
  983. .settings-panel .expanded:before {
  984. border-bottom-color: #626262; }
  985. @media only screen and (max-width: 992px) {
  986. .mobile-view-activated #nff,
  987. .mobile-view-activated #nfm,
  988. .mobile-view-activated #nfh,
  989. .mobile-view-activated #nft,
  990. .mobile-view-activated #mmb {
  991. position: relative; }
  992. .mobile-view-activated #nff .onoffswitch-title,
  993. .mobile-view-activated #nfm .onoffswitch-title,
  994. .mobile-view-activated #nfh .onoffswitch-title,
  995. .mobile-view-activated #nft .onoffswitch-title,
  996. .mobile-view-activated #mmb .onoffswitch-title {
  997. color: #d58100 !important; }
  998. .mobile-view-activated #nff .onoffswitch-title-desc,
  999. .mobile-view-activated #nfm .onoffswitch-title-desc,
  1000. .mobile-view-activated #nfh .onoffswitch-title-desc,
  1001. .mobile-view-activated #nft .onoffswitch-title-desc,
  1002. .mobile-view-activated #mmb .onoffswitch-title-desc {
  1003. color: #ec9f28 !important; }
  1004. .mobile-view-activated #nff:after,
  1005. .mobile-view-activated #nfm:after,
  1006. .mobile-view-activated #nfh:after,
  1007. .mobile-view-activated #nft:after,
  1008. .mobile-view-activated #mmb:after {
  1009. background: #e8ffc1;
  1010. border: 1px solid #a5ff0e;
  1011. color: #222222; } }
  1012. /* Hierarchical Navigation */
  1013. .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul {
  1014. /* addressing all second, third children */ }
  1015. .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
  1016. border-left: 1px solid #575483; }
  1017. .mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {
  1018. background-color: #7d7aaa; }
  1019. .bg-primary-50 {
  1020. background-color: #c9c8e0;
  1021. color: rgba(0, 0, 0, 0.8); }
  1022. .bg-primary-50:hover {
  1023. color: rgba(0, 0, 0, 0.8); }
  1024. .bg-primary-100 {
  1025. background-color: #b9b8d7;
  1026. color: rgba(0, 0, 0, 0.8); }
  1027. .bg-primary-100:hover {
  1028. color: rgba(0, 0, 0, 0.8); }
  1029. .bg-primary-200 {
  1030. background-color: #a9a7ce;
  1031. color: rgba(0, 0, 0, 0.8); }
  1032. .bg-primary-200:hover {
  1033. color: rgba(0, 0, 0, 0.8); }
  1034. .bg-primary-300 {
  1035. background-color: #9997c5;
  1036. color: rgba(0, 0, 0, 0.8); }
  1037. .bg-primary-300:hover {
  1038. color: rgba(0, 0, 0, 0.8); }
  1039. .bg-primary-400 {
  1040. background-color: #8986bc;
  1041. color: white; }
  1042. .bg-primary-400:hover {
  1043. color: white; }
  1044. .bg-primary-500 {
  1045. background-color: #7976b3;
  1046. color: white; }
  1047. .bg-primary-500:hover {
  1048. color: white; }
  1049. .bg-primary-600 {
  1050. background-color: #6966aa;
  1051. color: white; }
  1052. .bg-primary-600:hover {
  1053. color: white; }
  1054. .bg-primary-700 {
  1055. background-color: #5b589e;
  1056. color: white; }
  1057. .bg-primary-700:hover {
  1058. color: white; }
  1059. .bg-primary-800 {
  1060. background-color: #524f8e;
  1061. color: white; }
  1062. .bg-primary-800:hover {
  1063. color: white; }
  1064. .bg-primary-900 {
  1065. background-color: #48467d;
  1066. color: white; }
  1067. .bg-primary-900:hover {
  1068. color: white; }
  1069. .color-primary-50 {
  1070. color: #c9c8e0; }
  1071. .color-primary-100 {
  1072. color: #b9b8d7; }
  1073. .color-primary-200 {
  1074. color: #a9a7ce; }
  1075. .color-primary-300 {
  1076. color: #9997c5; }
  1077. .color-primary-400 {
  1078. color: #8986bc; }
  1079. .color-primary-500 {
  1080. color: #7976b3; }
  1081. .color-primary-600 {
  1082. color: #6966aa; }
  1083. .color-primary-700 {
  1084. color: #5b589e; }
  1085. .color-primary-800 {
  1086. color: #524f8e; }
  1087. .color-primary-900 {
  1088. color: #48467d; }
  1089. .bg-success-50 {
  1090. background-color: #7aeca1;
  1091. color: rgba(0, 0, 0, 0.8); }
  1092. .bg-success-50:hover {
  1093. color: rgba(0, 0, 0, 0.8); }
  1094. .bg-success-100 {
  1095. background-color: #63e991;
  1096. color: rgba(0, 0, 0, 0.8); }
  1097. .bg-success-100:hover {
  1098. color: rgba(0, 0, 0, 0.8); }
  1099. .bg-success-200 {
  1100. background-color: #4de581;
  1101. color: rgba(0, 0, 0, 0.8); }
  1102. .bg-success-200:hover {
  1103. color: rgba(0, 0, 0, 0.8); }
  1104. .bg-success-300 {
  1105. background-color: #37e272;
  1106. color: rgba(0, 0, 0, 0.8); }
  1107. .bg-success-300:hover {
  1108. color: rgba(0, 0, 0, 0.8); }
  1109. .bg-success-400 {
  1110. background-color: #21df62;
  1111. color: rgba(0, 0, 0, 0.8); }
  1112. .bg-success-400:hover {
  1113. color: rgba(0, 0, 0, 0.8); }
  1114. .bg-success-500 {
  1115. background-color: #1dc958;
  1116. color: white; }
  1117. .bg-success-500:hover {
  1118. color: white; }
  1119. .bg-success-600 {
  1120. background-color: #1ab34e;
  1121. color: white; }
  1122. .bg-success-600:hover {
  1123. color: white; }
  1124. .bg-success-700 {
  1125. background-color: #179c44;
  1126. color: white; }
  1127. .bg-success-700:hover {
  1128. color: white; }
  1129. .bg-success-800 {
  1130. background-color: #13863b;
  1131. color: white; }
  1132. .bg-success-800:hover {
  1133. color: white; }
  1134. .bg-success-900 {
  1135. background-color: #107031;
  1136. color: white; }
  1137. .bg-success-900:hover {
  1138. color: white; }
  1139. .color-success-50 {
  1140. color: #7aeca1; }
  1141. .color-success-100 {
  1142. color: #63e991; }
  1143. .color-success-200 {
  1144. color: #4de581; }
  1145. .color-success-300 {
  1146. color: #37e272; }
  1147. .color-success-400 {
  1148. color: #21df62; }
  1149. .color-success-500 {
  1150. color: #1dc958; }
  1151. .color-success-600 {
  1152. color: #1ab34e; }
  1153. .color-success-700 {
  1154. color: #179c44; }
  1155. .color-success-800 {
  1156. color: #13863b; }
  1157. .color-success-900 {
  1158. color: #107031; }
  1159. .bg-info-50 {
  1160. background-color: #9af2fa;
  1161. color: rgba(0, 0, 0, 0.8); }
  1162. .bg-info-50:hover {
  1163. color: rgba(0, 0, 0, 0.8); }
  1164. .bg-info-100 {
  1165. background-color: #82eff8;
  1166. color: rgba(0, 0, 0, 0.8); }
  1167. .bg-info-100:hover {
  1168. color: rgba(0, 0, 0, 0.8); }
  1169. .bg-info-200 {
  1170. background-color: #6aebf7;
  1171. color: rgba(0, 0, 0, 0.8); }
  1172. .bg-info-200:hover {
  1173. color: rgba(0, 0, 0, 0.8); }
  1174. .bg-info-300 {
  1175. background-color: #51e8f6;
  1176. color: rgba(0, 0, 0, 0.8); }
  1177. .bg-info-300:hover {
  1178. color: rgba(0, 0, 0, 0.8); }
  1179. .bg-info-400 {
  1180. background-color: #39e5f4;
  1181. color: rgba(0, 0, 0, 0.8); }
  1182. .bg-info-400:hover {
  1183. color: rgba(0, 0, 0, 0.8); }
  1184. .bg-info-500 {
  1185. background-color: #21e2f3;
  1186. color: rgba(0, 0, 0, 0.8); }
  1187. .bg-info-500:hover {
  1188. color: rgba(0, 0, 0, 0.8); }
  1189. .bg-info-600 {
  1190. background-color: #0ddbee;
  1191. color: white; }
  1192. .bg-info-600:hover {
  1193. color: white; }
  1194. .bg-info-700 {
  1195. background-color: #0cc5d5;
  1196. color: white; }
  1197. .bg-info-700:hover {
  1198. color: white; }
  1199. .bg-info-800 {
  1200. background-color: #0aafbd;
  1201. color: white; }
  1202. .bg-info-800:hover {
  1203. color: white; }
  1204. .bg-info-900 {
  1205. background-color: #0998a5;
  1206. color: white; }
  1207. .bg-info-900:hover {
  1208. color: white; }
  1209. .color-info-50 {
  1210. color: #9af2fa; }
  1211. .color-info-100 {
  1212. color: #82eff8; }
  1213. .color-info-200 {
  1214. color: #6aebf7; }
  1215. .color-info-300 {
  1216. color: #51e8f6; }
  1217. .color-info-400 {
  1218. color: #39e5f4; }
  1219. .color-info-500 {
  1220. color: #21e2f3; }
  1221. .color-info-600 {
  1222. color: #0ddbee; }
  1223. .color-info-700 {
  1224. color: #0cc5d5; }
  1225. .color-info-800 {
  1226. color: #0aafbd; }
  1227. .color-info-900 {
  1228. color: #0998a5; }
  1229. .bg-warning-50 {
  1230. background-color: #e8ffc1;
  1231. color: rgba(0, 0, 0, 0.8); }
  1232. .bg-warning-50:hover {
  1233. color: rgba(0, 0, 0, 0.8); }
  1234. .bg-warning-100 {
  1235. background-color: #deffa7;
  1236. color: rgba(0, 0, 0, 0.8); }
  1237. .bg-warning-100:hover {
  1238. color: rgba(0, 0, 0, 0.8); }
  1239. .bg-warning-200 {
  1240. background-color: #d5ff8e;
  1241. color: rgba(0, 0, 0, 0.8); }
  1242. .bg-warning-200:hover {
  1243. color: rgba(0, 0, 0, 0.8); }
  1244. .bg-warning-300 {
  1245. background-color: #cbff74;
  1246. color: rgba(0, 0, 0, 0.8); }
  1247. .bg-warning-300:hover {
  1248. color: rgba(0, 0, 0, 0.8); }
  1249. .bg-warning-400 {
  1250. background-color: #c2ff5b;
  1251. color: rgba(0, 0, 0, 0.8); }
  1252. .bg-warning-400:hover {
  1253. color: rgba(0, 0, 0, 0.8); }
  1254. .bg-warning-500 {
  1255. background-color: #b8ff41;
  1256. color: rgba(0, 0, 0, 0.8); }
  1257. .bg-warning-500:hover {
  1258. color: rgba(0, 0, 0, 0.8); }
  1259. .bg-warning-600 {
  1260. background-color: #aeff28;
  1261. color: rgba(0, 0, 0, 0.8); }
  1262. .bg-warning-600:hover {
  1263. color: rgba(0, 0, 0, 0.8); }
  1264. .bg-warning-700 {
  1265. background-color: #a5ff0e;
  1266. color: rgba(0, 0, 0, 0.8); }
  1267. .bg-warning-700:hover {
  1268. color: rgba(0, 0, 0, 0.8); }
  1269. .bg-warning-800 {
  1270. background-color: #99f400;
  1271. color: rgba(0, 0, 0, 0.8); }
  1272. .bg-warning-800:hover {
  1273. color: rgba(0, 0, 0, 0.8); }
  1274. .bg-warning-900 {
  1275. background-color: #89da00;
  1276. color: rgba(0, 0, 0, 0.8); }
  1277. .bg-warning-900:hover {
  1278. color: rgba(0, 0, 0, 0.8); }
  1279. .color-warning-50 {
  1280. color: #e8ffc1; }
  1281. .color-warning-100 {
  1282. color: #deffa7; }
  1283. .color-warning-200 {
  1284. color: #d5ff8e; }
  1285. .color-warning-300 {
  1286. color: #cbff74; }
  1287. .color-warning-400 {
  1288. color: #c2ff5b; }
  1289. .color-warning-500 {
  1290. color: #b8ff41; }
  1291. .color-warning-600 {
  1292. color: #aeff28; }
  1293. .color-warning-700 {
  1294. color: #a5ff0e; }
  1295. .color-warning-800 {
  1296. color: #99f400; }
  1297. .color-warning-900 {
  1298. color: #89da00; }
  1299. .bg-danger-50 {
  1300. background-color: #e9b7fe;
  1301. color: rgba(0, 0, 0, 0.8); }
  1302. .bg-danger-50:hover {
  1303. color: rgba(0, 0, 0, 0.8); }
  1304. .bg-danger-100 {
  1305. background-color: #e19efe;
  1306. color: rgba(0, 0, 0, 0.8); }
  1307. .bg-danger-100:hover {
  1308. color: rgba(0, 0, 0, 0.8); }
  1309. .bg-danger-200 {
  1310. background-color: #d985fe;
  1311. color: rgba(0, 0, 0, 0.8); }
  1312. .bg-danger-200:hover {
  1313. color: rgba(0, 0, 0, 0.8); }
  1314. .bg-danger-300 {
  1315. background-color: #d16bfe;
  1316. color: white; }
  1317. .bg-danger-300:hover {
  1318. color: white; }
  1319. .bg-danger-400 {
  1320. background-color: #c952fd;
  1321. color: white; }
  1322. .bg-danger-400:hover {
  1323. color: white; }
  1324. .bg-danger-500 {
  1325. background-color: #c139fd;
  1326. color: white; }
  1327. .bg-danger-500:hover {
  1328. color: white; }
  1329. .bg-danger-600 {
  1330. background-color: #b920fd;
  1331. color: white; }
  1332. .bg-danger-600:hover {
  1333. color: white; }
  1334. .bg-danger-700 {
  1335. background-color: #b107fc;
  1336. color: white; }
  1337. .bg-danger-700:hover {
  1338. color: white; }
  1339. .bg-danger-800 {
  1340. background-color: #a102e7;
  1341. color: white; }
  1342. .bg-danger-800:hover {
  1343. color: white; }
  1344. .bg-danger-900 {
  1345. background-color: #9002ce;
  1346. color: white; }
  1347. .bg-danger-900:hover {
  1348. color: white; }
  1349. .color-danger-50 {
  1350. color: #e9b7fe; }
  1351. .color-danger-100 {
  1352. color: #e19efe; }
  1353. .color-danger-200 {
  1354. color: #d985fe; }
  1355. .color-danger-300 {
  1356. color: #d16bfe; }
  1357. .color-danger-400 {
  1358. color: #c952fd; }
  1359. .color-danger-500 {
  1360. color: #c139fd; }
  1361. .color-danger-600 {
  1362. color: #b920fd; }
  1363. .color-danger-700 {
  1364. color: #b107fc; }
  1365. .color-danger-800 {
  1366. color: #a102e7; }
  1367. .color-danger-900 {
  1368. color: #9002ce; }
  1369. .bg-fusion-50 {
  1370. background-color: #959595;
  1371. color: white; }
  1372. .bg-fusion-50:hover {
  1373. color: white; }
  1374. .bg-fusion-100 {
  1375. background-color: #888888;
  1376. color: white; }
  1377. .bg-fusion-100:hover {
  1378. color: white; }
  1379. .bg-fusion-200 {
  1380. background-color: #7b7b7b;
  1381. color: white; }
  1382. .bg-fusion-200:hover {
  1383. color: white; }
  1384. .bg-fusion-300 {
  1385. background-color: #6e6e6e;
  1386. color: white; }
  1387. .bg-fusion-300:hover {
  1388. color: white; }
  1389. .bg-fusion-400 {
  1390. background-color: #626262;
  1391. color: white; }
  1392. .bg-fusion-400:hover {
  1393. color: white; }
  1394. .bg-fusion-500 {
  1395. background-color: #555555;
  1396. color: white; }
  1397. .bg-fusion-500:hover {
  1398. color: white; }
  1399. .bg-fusion-600 {
  1400. background-color: #484848;
  1401. color: white; }
  1402. .bg-fusion-600:hover {
  1403. color: white; }
  1404. .bg-fusion-700 {
  1405. background-color: #3b3b3b;
  1406. color: white; }
  1407. .bg-fusion-700:hover {
  1408. color: white; }
  1409. .bg-fusion-800 {
  1410. background-color: #2f2f2f;
  1411. color: white; }
  1412. .bg-fusion-800:hover {
  1413. color: white; }
  1414. .bg-fusion-900 {
  1415. background-color: #222222;
  1416. color: white; }
  1417. .bg-fusion-900:hover {
  1418. color: white; }
  1419. .color-fusion-50 {
  1420. color: #959595; }
  1421. .color-fusion-100 {
  1422. color: #888888; }
  1423. .color-fusion-200 {
  1424. color: #7b7b7b; }
  1425. .color-fusion-300 {
  1426. color: #6e6e6e; }
  1427. .color-fusion-400 {
  1428. color: #626262; }
  1429. .color-fusion-500 {
  1430. color: #555555; }
  1431. .color-fusion-600 {
  1432. color: #484848; }
  1433. .color-fusion-700 {
  1434. color: #3b3b3b; }
  1435. .color-fusion-800 {
  1436. color: #2f2f2f; }
  1437. .color-fusion-900 {
  1438. color: #222222; }
  1439. .color-white {
  1440. color: #fff; }
  1441. .color-black {
  1442. color: #222222; }
  1443. .bg-primary-gradient {
  1444. background-image: linear-gradient(250deg, rgba(72, 70, 125, 0.7), transparent); }
  1445. .bg-danger-gradient {
  1446. background-image: linear-gradient(250deg, rgba(144, 2, 206, 0.7), transparent); }
  1447. .bg-info-gradient {
  1448. background-image: linear-gradient(250deg, rgba(9, 152, 165, 0.7), transparent); }
  1449. .bg-warning-gradient {
  1450. background-image: linear-gradient(250deg, rgba(137, 218, 0, 0.7), transparent); }
  1451. .bg-success-gradient {
  1452. background-image: linear-gradient(250deg, rgba(16, 112, 49, 0.7), transparent); }
  1453. .bg-fusion-gradient {
  1454. background-image: linear-gradient(250deg, rgba(34, 34, 34, 0.7), transparent); }
  1455. .btn-primary {
  1456. color: #fff;
  1457. background-color: #7976b3;
  1458. border-color: #7976b3;
  1459. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  1460. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  1461. .btn-primary:hover {
  1462. color: #fff;
  1463. background-color: #615da5;
  1464. border-color: #5b589e; }
  1465. .btn-primary:focus, .btn-primary.focus {
  1466. color: #fff;
  1467. background-color: #615da5;
  1468. border-color: #5b589e;
  1469. -webkit-box-shadow: 0 0 0 0.2rem rgba(141, 139, 190, 0.5);
  1470. box-shadow: 0 0 0 0.2rem rgba(141, 139, 190, 0.5); }
  1471. .btn-primary.disabled, .btn-primary:disabled {
  1472. color: #fff;
  1473. background-color: #7976b3;
  1474. border-color: #7976b3; }
  1475. .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  1476. .show > .btn-primary.dropdown-toggle {
  1477. color: #fff;
  1478. background-color: #5b589e;
  1479. border-color: #575396; }
  1480. .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
  1481. .show > .btn-primary.dropdown-toggle:focus {
  1482. -webkit-box-shadow: 0 0 0 0.2rem rgba(141, 139, 190, 0.5);
  1483. box-shadow: 0 0 0 0.2rem rgba(141, 139, 190, 0.5); }
  1484. .btn-secondary {
  1485. color: #fff;
  1486. background-color: #6c757d;
  1487. border-color: #6c757d;
  1488. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  1489. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  1490. .btn-secondary:hover {
  1491. color: #fff;
  1492. background-color: #5a6268;
  1493. border-color: #545b62; }
  1494. .btn-secondary:focus, .btn-secondary.focus {
  1495. color: #fff;
  1496. background-color: #5a6268;
  1497. border-color: #545b62;
  1498. -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  1499. box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
  1500. .btn-secondary.disabled, .btn-secondary:disabled {
  1501. color: #fff;
  1502. background-color: #6c757d;
  1503. border-color: #6c757d; }
  1504. .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  1505. .show > .btn-secondary.dropdown-toggle {
  1506. color: #fff;
  1507. background-color: #545b62;
  1508. border-color: #4e555b; }
  1509. .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
  1510. .show > .btn-secondary.dropdown-toggle:focus {
  1511. -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  1512. box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); }
  1513. .btn-success {
  1514. color: #fff;
  1515. background-color: #1dc958;
  1516. border-color: #1dc958;
  1517. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  1518. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  1519. .btn-success:hover {
  1520. color: #fff;
  1521. background-color: #18a849;
  1522. border-color: #179c44; }
  1523. .btn-success:focus, .btn-success.focus {
  1524. color: #fff;
  1525. background-color: #18a849;
  1526. border-color: #179c44;
  1527. -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5);
  1528. box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5); }
  1529. .btn-success.disabled, .btn-success:disabled {
  1530. color: #fff;
  1531. background-color: #1dc958;
  1532. border-color: #1dc958; }
  1533. .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  1534. .show > .btn-success.dropdown-toggle {
  1535. color: #fff;
  1536. background-color: #179c44;
  1537. border-color: #159140; }
  1538. .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
  1539. .show > .btn-success.dropdown-toggle:focus {
  1540. -webkit-box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5);
  1541. box-shadow: 0 0 0 0.2rem rgba(63, 209, 113, 0.5); }
  1542. .btn-info {
  1543. color: #212529;
  1544. background-color: #21e2f3;
  1545. border-color: #21e2f3;
  1546. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  1547. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  1548. .btn-info:hover {
  1549. color: #212529;
  1550. background-color: #0cd0e2;
  1551. border-color: #0cc5d5; }
  1552. .btn-info:focus, .btn-info.focus {
  1553. color: #212529;
  1554. background-color: #0cd0e2;
  1555. border-color: #0cc5d5;
  1556. -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5);
  1557. box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5); }
  1558. .btn-info.disabled, .btn-info:disabled {
  1559. color: #212529;
  1560. background-color: #21e2f3;
  1561. border-color: #21e2f3; }
  1562. .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  1563. .show > .btn-info.dropdown-toggle {
  1564. color: #fff;
  1565. background-color: #0cc5d5;
  1566. border-color: #0bbac9; }
  1567. .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
  1568. .show > .btn-info.dropdown-toggle:focus {
  1569. -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5);
  1570. box-shadow: 0 0 0 0.2rem rgba(33, 198, 213, 0.5); }
  1571. .btn-warning {
  1572. color: #212529;
  1573. background-color: #b8ff41;
  1574. border-color: #b8ff41;
  1575. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  1576. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  1577. .btn-warning:hover {
  1578. color: #212529;
  1579. background-color: #aaff1b;
  1580. border-color: #a5ff0e; }
  1581. .btn-warning:focus, .btn-warning.focus {
  1582. color: #212529;
  1583. background-color: #aaff1b;
  1584. border-color: #a5ff0e;
  1585. -webkit-box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5);
  1586. box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5); }
  1587. .btn-warning.disabled, .btn-warning:disabled {
  1588. color: #212529;
  1589. background-color: #b8ff41;
  1590. border-color: #b8ff41; }
  1591. .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  1592. .show > .btn-warning.dropdown-toggle {
  1593. color: #212529;
  1594. background-color: #a5ff0e;
  1595. border-color: #a0ff01; }
  1596. .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
  1597. .show > .btn-warning.dropdown-toggle:focus {
  1598. -webkit-box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5);
  1599. box-shadow: 0 0 0 0.2rem rgba(161, 222, 61, 0.5); }
  1600. .btn-danger {
  1601. color: #fff;
  1602. background-color: #c139fd;
  1603. border-color: #c139fd;
  1604. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  1605. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  1606. .btn-danger:hover {
  1607. color: #fff;
  1608. background-color: #b513fd;
  1609. border-color: #b107fc; }
  1610. .btn-danger:focus, .btn-danger.focus {
  1611. color: #fff;
  1612. background-color: #b513fd;
  1613. border-color: #b107fc;
  1614. -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5);
  1615. box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5); }
  1616. .btn-danger.disabled, .btn-danger:disabled {
  1617. color: #fff;
  1618. background-color: #c139fd;
  1619. border-color: #c139fd; }
  1620. .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  1621. .show > .btn-danger.dropdown-toggle {
  1622. color: #fff;
  1623. background-color: #b107fc;
  1624. border-color: #aa02f4; }
  1625. .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
  1626. .show > .btn-danger.dropdown-toggle:focus {
  1627. -webkit-box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5);
  1628. box-shadow: 0 0 0 0.2rem rgba(202, 87, 253, 0.5); }
  1629. .btn-light {
  1630. color: #212529;
  1631. background-color: #fff;
  1632. border-color: #fff;
  1633. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  1634. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  1635. .btn-light:hover {
  1636. color: #212529;
  1637. background-color: #ececec;
  1638. border-color: #e6e6e6; }
  1639. .btn-light:focus, .btn-light.focus {
  1640. color: #212529;
  1641. background-color: #ececec;
  1642. border-color: #e6e6e6;
  1643. -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
  1644. box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
  1645. .btn-light.disabled, .btn-light:disabled {
  1646. color: #212529;
  1647. background-color: #fff;
  1648. border-color: #fff; }
  1649. .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  1650. .show > .btn-light.dropdown-toggle {
  1651. color: #212529;
  1652. background-color: #e6e6e6;
  1653. border-color: #dfdfdf; }
  1654. .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
  1655. .show > .btn-light.dropdown-toggle:focus {
  1656. -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);
  1657. box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5); }
  1658. .btn-dark {
  1659. color: #fff;
  1660. background-color: #555555;
  1661. border-color: #555555;
  1662. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  1663. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }
  1664. .btn-dark:hover {
  1665. color: #fff;
  1666. background-color: #424242;
  1667. border-color: #3b3b3b; }
  1668. .btn-dark:focus, .btn-dark.focus {
  1669. color: #fff;
  1670. background-color: #424242;
  1671. border-color: #3b3b3b;
  1672. -webkit-box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5);
  1673. box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5); }
  1674. .btn-dark.disabled, .btn-dark:disabled {
  1675. color: #fff;
  1676. background-color: #555555;
  1677. border-color: #555555; }
  1678. .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  1679. .show > .btn-dark.dropdown-toggle {
  1680. color: #fff;
  1681. background-color: #3b3b3b;
  1682. border-color: #353535; }
  1683. .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
  1684. .show > .btn-dark.dropdown-toggle:focus {
  1685. -webkit-box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5);
  1686. box-shadow: 0 0 0 0.2rem rgba(110, 110, 110, 0.5); }
  1687. .btn-outline-primary {
  1688. color: #7976b3;
  1689. border-color: #7976b3; }
  1690. .btn-outline-primary:hover {
  1691. color: #fff;
  1692. background-color: #7976b3;
  1693. border-color: #7976b3; }
  1694. .btn-outline-primary:focus, .btn-outline-primary.focus {
  1695. -webkit-box-shadow: 0 0 0 0.2rem rgba(121, 118, 179, 0.5);
  1696. box-shadow: 0 0 0 0.2rem rgba(121, 118, 179, 0.5); }
  1697. .btn-outline-primary.disabled, .btn-outline-primary:disabled {
  1698. color: #7976b3;
  1699. background-color: transparent; }
  1700. .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  1701. .show > .btn-outline-primary.dropdown-toggle {
  1702. color: #fff;
  1703. background-color: #7976b3;
  1704. border-color: #7976b3; }
  1705. .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
  1706. .show > .btn-outline-primary.dropdown-toggle:focus {
  1707. -webkit-box-shadow: 0 0 0 0.2rem rgba(121, 118, 179, 0.5);
  1708. box-shadow: 0 0 0 0.2rem rgba(121, 118, 179, 0.5); }
  1709. .btn-outline-secondary {
  1710. color: #6c757d;
  1711. border-color: #6c757d; }
  1712. .btn-outline-secondary:hover {
  1713. color: #fff;
  1714. background-color: #6c757d;
  1715. border-color: #6c757d; }
  1716. .btn-outline-secondary:focus, .btn-outline-secondary.focus {
  1717. -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  1718. box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
  1719. .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  1720. color: #6c757d;
  1721. background-color: transparent; }
  1722. .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  1723. .show > .btn-outline-secondary.dropdown-toggle {
  1724. color: #fff;
  1725. background-color: #6c757d;
  1726. border-color: #6c757d; }
  1727. .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
  1728. .show > .btn-outline-secondary.dropdown-toggle:focus {
  1729. -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  1730. box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); }
  1731. .btn-outline-success {
  1732. color: #1dc958;
  1733. border-color: #1dc958; }
  1734. .btn-outline-success:hover {
  1735. color: #fff;
  1736. background-color: #1dc958;
  1737. border-color: #1dc958; }
  1738. .btn-outline-success:focus, .btn-outline-success.focus {
  1739. -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
  1740. box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5); }
  1741. .btn-outline-success.disabled, .btn-outline-success:disabled {
  1742. color: #1dc958;
  1743. background-color: transparent; }
  1744. .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  1745. .show > .btn-outline-success.dropdown-toggle {
  1746. color: #fff;
  1747. background-color: #1dc958;
  1748. border-color: #1dc958; }
  1749. .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
  1750. .show > .btn-outline-success.dropdown-toggle:focus {
  1751. -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
  1752. box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5); }
  1753. .btn-outline-info {
  1754. color: #21e2f3;
  1755. border-color: #21e2f3; }
  1756. .btn-outline-info:hover {
  1757. color: #212529;
  1758. background-color: #21e2f3;
  1759. border-color: #21e2f3; }
  1760. .btn-outline-info:focus, .btn-outline-info.focus {
  1761. -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5);
  1762. box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5); }
  1763. .btn-outline-info.disabled, .btn-outline-info:disabled {
  1764. color: #21e2f3;
  1765. background-color: transparent; }
  1766. .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  1767. .show > .btn-outline-info.dropdown-toggle {
  1768. color: #212529;
  1769. background-color: #21e2f3;
  1770. border-color: #21e2f3; }
  1771. .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
  1772. .show > .btn-outline-info.dropdown-toggle:focus {
  1773. -webkit-box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5);
  1774. box-shadow: 0 0 0 0.2rem rgba(33, 226, 243, 0.5); }
  1775. .btn-outline-warning {
  1776. color: #b8ff41;
  1777. border-color: #b8ff41; }
  1778. .btn-outline-warning:hover {
  1779. color: #212529;
  1780. background-color: #b8ff41;
  1781. border-color: #b8ff41; }
  1782. .btn-outline-warning:focus, .btn-outline-warning.focus {
  1783. -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5);
  1784. box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5); }
  1785. .btn-outline-warning.disabled, .btn-outline-warning:disabled {
  1786. color: #b8ff41;
  1787. background-color: transparent; }
  1788. .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  1789. .show > .btn-outline-warning.dropdown-toggle {
  1790. color: #212529;
  1791. background-color: #b8ff41;
  1792. border-color: #b8ff41; }
  1793. .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
  1794. .show > .btn-outline-warning.dropdown-toggle:focus {
  1795. -webkit-box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5);
  1796. box-shadow: 0 0 0 0.2rem rgba(184, 255, 65, 0.5); }
  1797. .btn-outline-danger {
  1798. color: #c139fd;
  1799. border-color: #c139fd; }
  1800. .btn-outline-danger:hover {
  1801. color: #fff;
  1802. background-color: #c139fd;
  1803. border-color: #c139fd; }
  1804. .btn-outline-danger:focus, .btn-outline-danger.focus {
  1805. -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5);
  1806. box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5); }
  1807. .btn-outline-danger.disabled, .btn-outline-danger:disabled {
  1808. color: #c139fd;
  1809. background-color: transparent; }
  1810. .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  1811. .show > .btn-outline-danger.dropdown-toggle {
  1812. color: #fff;
  1813. background-color: #c139fd;
  1814. border-color: #c139fd; }
  1815. .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
  1816. .show > .btn-outline-danger.dropdown-toggle:focus {
  1817. -webkit-box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5);
  1818. box-shadow: 0 0 0 0.2rem rgba(193, 57, 253, 0.5); }
  1819. .btn-outline-light {
  1820. color: #fff;
  1821. border-color: #fff; }
  1822. .btn-outline-light:hover {
  1823. color: #212529;
  1824. background-color: #fff;
  1825. border-color: #fff; }
  1826. .btn-outline-light:focus, .btn-outline-light.focus {
  1827. -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  1828. box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
  1829. .btn-outline-light.disabled, .btn-outline-light:disabled {
  1830. color: #fff;
  1831. background-color: transparent; }
  1832. .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  1833. .show > .btn-outline-light.dropdown-toggle {
  1834. color: #212529;
  1835. background-color: #fff;
  1836. border-color: #fff; }
  1837. .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
  1838. .show > .btn-outline-light.dropdown-toggle:focus {
  1839. -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
  1840. box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
  1841. .btn-outline-dark {
  1842. color: #555555;
  1843. border-color: #555555; }
  1844. .btn-outline-dark:hover {
  1845. color: #fff;
  1846. background-color: #555555;
  1847. border-color: #555555; }
  1848. .btn-outline-dark:focus, .btn-outline-dark.focus {
  1849. -webkit-box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5);
  1850. box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5); }
  1851. .btn-outline-dark.disabled, .btn-outline-dark:disabled {
  1852. color: #555555;
  1853. background-color: transparent; }
  1854. .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  1855. .show > .btn-outline-dark.dropdown-toggle {
  1856. color: #fff;
  1857. background-color: #555555;
  1858. border-color: #555555; }
  1859. .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
  1860. .show > .btn-outline-dark.dropdown-toggle:focus {
  1861. -webkit-box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5);
  1862. box-shadow: 0 0 0 0.2rem rgba(85, 85, 85, 0.5); }
  1863. .border-primary {
  1864. border-color: #7976b3 !important; }
  1865. .border-secondary {
  1866. border-color: #6c757d !important; }
  1867. .border-success {
  1868. border-color: #1dc958 !important; }
  1869. .border-info {
  1870. border-color: #21e2f3 !important; }
  1871. .border-warning {
  1872. border-color: #b8ff41 !important; }
  1873. .border-danger {
  1874. border-color: #c139fd !important; }
  1875. .border-light {
  1876. border-color: #fff !important; }
  1877. .border-dark {
  1878. border-color: #555555 !important; }
  1879. .text-primary {
  1880. color: #7976b3 !important; }
  1881. a.text-primary:hover, a.text-primary:focus {
  1882. color: #524f8e !important; }
  1883. .text-secondary {
  1884. color: #6c757d !important; }
  1885. a.text-secondary:hover, a.text-secondary:focus {
  1886. color: #494f54 !important; }
  1887. .text-success {
  1888. color: #1dc958 !important; }
  1889. a.text-success:hover, a.text-success:focus {
  1890. color: #13863b !important; }
  1891. .text-info {
  1892. color: #21e2f3 !important; }
  1893. a.text-info:hover, a.text-info:focus {
  1894. color: #0aafbd !important; }
  1895. .text-warning {
  1896. color: #b8ff41 !important; }
  1897. a.text-warning:hover, a.text-warning:focus {
  1898. color: #99f400 !important; }
  1899. .text-danger {
  1900. color: #c139fd !important; }
  1901. a.text-danger:hover, a.text-danger:focus {
  1902. color: #a102e7 !important; }
  1903. .text-light {
  1904. color: #fff !important; }
  1905. a.text-light:hover, a.text-light:focus {
  1906. color: #d9d9d9 !important; }
  1907. .text-dark {
  1908. color: #555555 !important; }
  1909. a.text-dark:hover, a.text-dark:focus {
  1910. color: #2f2f2f !important; }
  1911. .bg-primary {
  1912. background-color: #7976b3 !important; }
  1913. a.bg-primary:hover, a.bg-primary:focus,
  1914. button.bg-primary:hover,
  1915. button.bg-primary:focus {
  1916. background-color: #5b589e !important; }
  1917. .bg-secondary {
  1918. background-color: #6c757d !important; }
  1919. a.bg-secondary:hover, a.bg-secondary:focus,
  1920. button.bg-secondary:hover,
  1921. button.bg-secondary:focus {
  1922. background-color: #545b62 !important; }
  1923. .bg-success {
  1924. background-color: #1dc958 !important; }
  1925. a.bg-success:hover, a.bg-success:focus,
  1926. button.bg-success:hover,
  1927. button.bg-success:focus {
  1928. background-color: #179c44 !important; }
  1929. .bg-info {
  1930. background-color: #21e2f3 !important; }
  1931. a.bg-info:hover, a.bg-info:focus,
  1932. button.bg-info:hover,
  1933. button.bg-info:focus {
  1934. background-color: #0cc5d5 !important; }
  1935. .bg-warning {
  1936. background-color: #b8ff41 !important; }
  1937. a.bg-warning:hover, a.bg-warning:focus,
  1938. button.bg-warning:hover,
  1939. button.bg-warning:focus {
  1940. background-color: #a5ff0e !important; }
  1941. .bg-danger {
  1942. background-color: #c139fd !important; }
  1943. a.bg-danger:hover, a.bg-danger:focus,
  1944. button.bg-danger:hover,
  1945. button.bg-danger:focus {
  1946. background-color: #b107fc !important; }
  1947. .bg-light {
  1948. background-color: #fff !important; }
  1949. a.bg-light:hover, a.bg-light:focus,
  1950. button.bg-light:hover,
  1951. button.bg-light:focus {
  1952. background-color: #e6e6e6 !important; }
  1953. .bg-dark {
  1954. background-color: #555555 !important; }
  1955. a.bg-dark:hover, a.bg-dark:focus,
  1956. button.bg-dark:hover,
  1957. button.bg-dark:focus {
  1958. background-color: #3b3b3b !important; }
  1959. :root {
  1960. --theme-primary: #7976b3;
  1961. --theme-secondary: #6c757d;
  1962. --theme-success: #1dc958;
  1963. --theme-info: #21e2f3;
  1964. --theme-warning: #b8ff41;
  1965. --theme-danger: #c139fd;
  1966. --theme-light: #fff;
  1967. --theme-dark: #555555;
  1968. --theme-primary-50: #c9c8e0;
  1969. --theme-primary-100: #b9b8d7;
  1970. --theme-primary-200: #a9a7ce;
  1971. --theme-primary-300: #9997c5;
  1972. --theme-primary-400: #8986bc;
  1973. --theme-primary-500: #7976b3;
  1974. --theme-primary-600: #6966aa;
  1975. --theme-primary-700: #5b589e;
  1976. --theme-primary-800: #524f8e;
  1977. --theme-primary-900: #48467d;
  1978. --theme-success-50: #7aeca1;
  1979. --theme-success-100: #63e991;
  1980. --theme-success-200: #4de581;
  1981. --theme-success-300: #37e272;
  1982. --theme-success-400: #21df62;
  1983. --theme-success-500: #1dc958;
  1984. --theme-success-600: #1ab34e;
  1985. --theme-success-700: #179c44;
  1986. --theme-success-800: #13863b;
  1987. --theme-success-900: #107031;
  1988. --theme-info-50: #9af2fa;
  1989. --theme-info-100: #82eff8;
  1990. --theme-info-200: #6aebf7;
  1991. --theme-info-300: #51e8f6;
  1992. --theme-info-400: #39e5f4;
  1993. --theme-info-500: #21e2f3;
  1994. --theme-info-600: #0ddbee;
  1995. --theme-info-700: #0cc5d5;
  1996. --theme-info-800: #0aafbd;
  1997. --theme-info-900: #0998a5;
  1998. --theme-warning-50: #e8ffc1;
  1999. --theme-warning-100: #deffa7;
  2000. --theme-warning-200: #d5ff8e;
  2001. --theme-warning-300: #cbff74;
  2002. --theme-warning-400: #c2ff5b;
  2003. --theme-warning-500: #b8ff41;
  2004. --theme-warning-600: #aeff28;
  2005. --theme-warning-700: #a5ff0e;
  2006. --theme-warning-800: #99f400;
  2007. --theme-warning-900: #89da00;
  2008. --theme-danger-50: #e9b7fe;
  2009. --theme-danger-100: #e19efe;
  2010. --theme-danger-200: #d985fe;
  2011. --theme-danger-300: #d16bfe;
  2012. --theme-danger-400: #c952fd;
  2013. --theme-danger-500: #c139fd;
  2014. --theme-danger-600: #b920fd;
  2015. --theme-danger-700: #b107fc;
  2016. --theme-danger-800: #a102e7;
  2017. --theme-danger-900: #9002ce;
  2018. --theme-fusion-50: #959595;
  2019. --theme-fusion-100: #888888;
  2020. --theme-fusion-200: #7b7b7b;
  2021. --theme-fusion-300: #6e6e6e;
  2022. --theme-fusion-400: #626262;
  2023. --theme-fusion-500: #555555;
  2024. --theme-fusion-600: #484848;
  2025. --theme-fusion-700: #3b3b3b;
  2026. --theme-fusion-800: #2f2f2f;
  2027. --theme-fusion-900: #222222; }
  2028. .ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut {
  2029. stroke: #7976b3; }
  2030. .ct-series-a .ct-slice-pie, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-area {
  2031. fill: #7976b3; }
  2032. .ct-series-b .ct-point, .ct-series-b .ct-line, .ct-series-b .ct-bar, .ct-series-b .ct-slice-donut {
  2033. stroke: #c139fd; }
  2034. .ct-series-b .ct-slice-pie, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-area {
  2035. fill: #c139fd; }
  2036. .ct-series-c .ct-point, .ct-series-c .ct-line, .ct-series-c .ct-bar, .ct-series-c .ct-slice-donut {
  2037. stroke: #b8ff41; }
  2038. .ct-series-c .ct-slice-pie, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-area {
  2039. fill: #b8ff41; }
  2040. .ct-series-d .ct-point, .ct-series-d .ct-line, .ct-series-d .ct-bar, .ct-series-d .ct-slice-donut {
  2041. stroke: #21e2f3; }
  2042. .ct-series-d .ct-slice-pie, .ct-series-d .ct-slice-donut-solid, .ct-series-d .ct-area {
  2043. fill: #21e2f3; }
  2044. .ct-series-e .ct-point, .ct-series-e .ct-line, .ct-series-e .ct-bar, .ct-series-e .ct-slice-donut {
  2045. stroke: #555555; }
  2046. .ct-series-e .ct-slice-pie, .ct-series-e .ct-slice-donut-solid, .ct-series-e .ct-area {
  2047. fill: #555555; }
  2048. .ct-series-f .ct-point, .ct-series-f .ct-line, .ct-series-f .ct-bar, .ct-series-f .ct-slice-donut {
  2049. stroke: #1dc958; }
  2050. .ct-series-f .ct-slice-pie, .ct-series-f .ct-slice-donut-solid, .ct-series-f .ct-area {
  2051. fill: #1dc958; }
  2052. .ct-series-g .ct-point, .ct-series-g .ct-line, .ct-series-g .ct-bar, .ct-series-g .ct-slice-donut {
  2053. stroke: #21e2f3; }
  2054. .ct-series-g .ct-slice-pie, .ct-series-g .ct-slice-donut-solid, .ct-series-g .ct-area {
  2055. fill: #21e2f3; }
  2056. .ct-series-h .ct-point, .ct-series-h .ct-line, .ct-series-h .ct-bar, .ct-series-h .ct-slice-donut {
  2057. stroke: #48467d; }
  2058. .ct-series-h .ct-slice-pie, .ct-series-h .ct-slice-donut-solid, .ct-series-h .ct-area {
  2059. fill: #48467d; }
  2060. .ct-series-i .ct-point, .ct-series-i .ct-line, .ct-series-i .ct-bar, .ct-series-i .ct-slice-donut {
  2061. stroke: #e19efe; }
  2062. .ct-series-i .ct-slice-pie, .ct-series-i .ct-slice-donut-solid, .ct-series-i .ct-area {
  2063. fill: #e19efe; }
  2064. .ct-series-j .ct-point, .ct-series-j .ct-line, .ct-series-j .ct-bar, .ct-series-j .ct-slice-donut {
  2065. stroke: #d5ff8e; }
  2066. .ct-series-j .ct-slice-pie, .ct-series-j .ct-slice-donut-solid, .ct-series-j .ct-area {
  2067. fill: #d5ff8e; }
  2068. .ct-series-k .ct-point, .ct-series-k .ct-line, .ct-series-k .ct-bar, .ct-series-k .ct-slice-donut {
  2069. stroke: #9002ce; }
  2070. .ct-series-k .ct-slice-pie, .ct-series-k .ct-slice-donut-solid, .ct-series-k .ct-area {
  2071. fill: #9002ce; }
  2072. .ct-series-l .ct-point, .ct-series-l .ct-line, .ct-series-l .ct-bar, .ct-series-l .ct-slice-donut {
  2073. stroke: #6e6e6e; }
  2074. .ct-series-l .ct-slice-pie, .ct-series-l .ct-slice-donut-solid, .ct-series-l .ct-area {
  2075. fill: #6e6e6e; }
  2076. .ct-series-m .ct-point, .ct-series-m .ct-line, .ct-series-m .ct-bar, .ct-series-m .ct-slice-donut {
  2077. stroke: #37e272; }
  2078. .ct-series-m .ct-slice-pie, .ct-series-m .ct-slice-donut-solid, .ct-series-m .ct-area {
  2079. fill: #37e272; }
  2080. .ct-series-n .ct-point, .ct-series-n .ct-line, .ct-series-n .ct-bar, .ct-series-n .ct-slice-donut {
  2081. stroke: #51e8f6; }
  2082. .ct-series-n .ct-slice-pie, .ct-series-n .ct-slice-donut-solid, .ct-series-n .ct-area {
  2083. fill: #51e8f6; }
  2084. .ct-series-o .ct-point, .ct-series-o .ct-line, .ct-series-o .ct-bar, .ct-series-o .ct-slice-donut {
  2085. stroke: #9997c5; }
  2086. .ct-series-o .ct-slice-pie, .ct-series-o .ct-slice-donut-solid, .ct-series-o .ct-area {
  2087. fill: #9997c5; }
  2088. /* #Reset userselect
  2089. ========================================================================== */
  2090. #myapp-0 {
  2091. -webkit-box-shadow: none !important;
  2092. box-shadow: none !important; }
  2093. #myapp-12 {
  2094. -webkit-box-shadow: 0 0 0 3px #000000;
  2095. box-shadow: 0 0 0 3px #000000; }
  2096. /*# sourceMappingURL=cust-theme-12.css.map */