app.css 79 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102
  1. /*
  2. */
  3. html {
  4. background-color: #f0f3f4;
  5. }
  6. body {
  7. font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  8. font-size: 14px;
  9. -webkit-font-smoothing: antialiased;
  10. line-height: 1.42857143;
  11. color: #58666e;
  12. background-color: transparent;
  13. }
  14. *:focus {
  15. outline: 0 !important;
  16. }
  17. .h1,
  18. .h2,
  19. .h3,
  20. .h4,
  21. .h5,
  22. .h6 {
  23. margin: 0;
  24. }
  25. a {
  26. color: #363f44;
  27. text-decoration: none;
  28. cursor: pointer;
  29. }
  30. a:hover,
  31. a:focus {
  32. color: #141719;
  33. text-decoration: none;
  34. }
  35. label {
  36. font-weight: normal;
  37. }
  38. small,
  39. .small {
  40. font-size: 13px;
  41. }
  42. .badge,
  43. .label {
  44. font-weight: bold;
  45. text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  46. }
  47. .badge.bg-light,
  48. .label.bg-light {
  49. text-shadow: none;
  50. }
  51. .badge {
  52. background-color: #cfdadd;
  53. }
  54. .badge.up {
  55. position: relative;
  56. top: -10px;
  57. padding: 3px 6px;
  58. margin-left: -10px;
  59. }
  60. .badge-sm {
  61. padding: 2px 5px !important;
  62. font-size: 85%;
  63. }
  64. .label-sm {
  65. padding-top: 0;
  66. padding-bottom: 1px;
  67. }
  68. .badge-white {
  69. padding: 2px 6px;
  70. background-color: transparent;
  71. border: 1px solid rgba(255, 255, 255, 0.35);
  72. }
  73. .badge-empty {
  74. color: inherit;
  75. background-color: transparent;
  76. border: 1px solid rgba(0, 0, 0, 0.15);
  77. }
  78. blockquote {
  79. border-color: #dee5e7;
  80. }
  81. .caret-white {
  82. border-top-color: #fff;
  83. border-top-color: rgba(255, 255, 255, 0.65);
  84. }
  85. a:hover .caret-white {
  86. border-top-color: #fff;
  87. }
  88. .thumbnail {
  89. border-color: #dee5e7;
  90. }
  91. .progress {
  92. background-color: #edf1f2;
  93. }
  94. .progress-xxs {
  95. height: 2px;
  96. }
  97. .progress-xs {
  98. height: 6px;
  99. }
  100. .progress-sm {
  101. height: 12px;
  102. }
  103. .progress-sm .progress-bar {
  104. font-size: 10px;
  105. line-height: 1em;
  106. }
  107. .progress,
  108. .progress-bar {
  109. -webkit-box-shadow: none;
  110. box-shadow: none;
  111. }
  112. .progress-bar-primary {
  113. background-color: #7266ba;
  114. }
  115. .progress-bar-info {
  116. background-color: #23b7e5;
  117. }
  118. .progress-bar-success {
  119. background-color: #27c24c;
  120. }
  121. .progress-bar-warning {
  122. background-color: #fad733;
  123. }
  124. .progress-bar-danger {
  125. background-color: #f05050;
  126. }
  127. .progress-bar-black {
  128. background-color: #1c2b36;
  129. }
  130. .progress-bar-white {
  131. background-color: #fff;
  132. }
  133. .accordion-group,
  134. .accordion-inner {
  135. border-color: #dee5e7;
  136. border-radius: 2px;
  137. }
  138. .alert {
  139. font-size: 13px;
  140. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  141. }
  142. .alert .close i {
  143. display: block;
  144. font-size: 12px;
  145. font-weight: normal;
  146. }
  147. .form-control {
  148. border-color: #cfdadd;
  149. border-radius: 2px;
  150. }
  151. .form-control,
  152. .form-control:focus {
  153. -webkit-box-shadow: none;
  154. box-shadow: none;
  155. }
  156. .form-control:focus {
  157. border-color: #23b7e5;
  158. }
  159. .form-horizontal .control-label.text-left {
  160. text-align: left;
  161. }
  162. .form-control-spin {
  163. position: absolute;
  164. top: 50%;
  165. right: 10px;
  166. z-index: 2;
  167. margin-top: -7px;
  168. }
  169. .input-lg {
  170. height: 45px;
  171. }
  172. .input-group-addon {
  173. background-color: #edf1f2;
  174. border-color: #cfdadd;
  175. }
  176. .list-group {
  177. border-radius: 2px;
  178. }
  179. .list-group.no-radius .list-group-item {
  180. border-radius: 0 !important;
  181. }
  182. .list-group.no-borders .list-group-item {
  183. border: none;
  184. }
  185. .list-group.no-border .list-group-item {
  186. border-width: 1px 0;
  187. }
  188. .list-group.no-bg .list-group-item {
  189. background-color: transparent;
  190. }
  191. .list-group-item {
  192. padding-right: 15px;
  193. border-color: #e7ecee;
  194. }
  195. a.list-group-item:hover,
  196. a.list-group-item:focus,
  197. a.list-group-item.hover {
  198. background-color: #f6f8f8;
  199. }
  200. .list-group-item.media {
  201. margin-top: 0;
  202. }
  203. .list-group-item.active {
  204. color: #fff;
  205. background-color: #23b7e5 !important;
  206. border-color: #23b7e5 !important;
  207. }
  208. .list-group-item.active .text-muted {
  209. color: #ace4f5 !important;
  210. }
  211. .list-group-item.active a {
  212. color: #fff;
  213. }
  214. .list-group-item.focus {
  215. background-color: #e4eaec !important;
  216. }
  217. .list-group-item.select {
  218. position: relative;
  219. z-index: 1;
  220. background-color: #dbeef9 !important;
  221. border-color: #c5e4f5;
  222. }
  223. .list-group-alt .list-group-item:nth-child(2n+2) {
  224. background-color: rgba(0, 0, 0, 0.02) !important;
  225. }
  226. .list-group-lg .list-group-item {
  227. padding-top: 15px;
  228. padding-bottom: 15px;
  229. }
  230. .list-group-sm .list-group-item {
  231. padding: 6px 10px;
  232. }
  233. .list-group-sp .list-group-item {
  234. margin-bottom: 5px;
  235. border-radius: 3px;
  236. }
  237. .list-group-item > .badge {
  238. margin-right: 0;
  239. }
  240. .list-group-item > .fa-chevron-right {
  241. float: right;
  242. margin-top: 4px;
  243. margin-right: -5px;
  244. }
  245. .list-group-item > .fa-chevron-right + .badge {
  246. margin-right: 5px;
  247. }
  248. .nav-pills.no-radius > li > a {
  249. border-radius: 0;
  250. }
  251. .nav-pills > li.active > a {
  252. color: #fff !important;
  253. background-color: #23b7e5;
  254. }
  255. .nav-pills > li.active > a:hover,
  256. .nav-pills > li.active > a:active {
  257. background-color: #19a9d5;
  258. }
  259. .nav > li > a:hover,
  260. .nav > li > a:focus {
  261. background-color: #f6f8f8;
  262. }
  263. .nav.nav-lg > li > a {
  264. padding: 20px 20px;
  265. }
  266. .nav.nav-md > li > a {
  267. padding: 15px 15px;
  268. }
  269. .nav.nav-sm > li > a {
  270. padding: 6px 12px;
  271. }
  272. .nav.nav-xs > li > a {
  273. padding: 4px 10px;
  274. }
  275. .nav.nav-xxs > li > a {
  276. padding: 1px 10px;
  277. }
  278. .nav.nav-rounded > li > a {
  279. border-radius: 20px;
  280. }
  281. .nav .open > a,
  282. .nav .open > a:hover,
  283. .nav .open > a:focus {
  284. background-color: #f6f8f8;
  285. }
  286. .nav-tabs {
  287. border-color: #dee5e7;
  288. }
  289. .nav-tabs > li > a {
  290. border-bottom-color: #dee5e7;
  291. border-radius: 2px 2px 0 0;
  292. }
  293. .nav-tabs > li:hover > a,
  294. .nav-tabs > li.active > a,
  295. .nav-tabs > li.active > a:hover {
  296. border-color: #dee5e7;
  297. }
  298. .nav-tabs > li.active > a {
  299. border-bottom-color: #fff !important;
  300. }
  301. .nav-tabs-alt .nav-tabs.nav-justified > li {
  302. display: table-cell;
  303. width: 1%;
  304. }
  305. .nav-tabs-alt .nav-tabs > li > a {
  306. background: transparent !important;
  307. border-color: transparent !important;
  308. border-bottom-color: #dee5e7 !important;
  309. border-radius: 0;
  310. }
  311. .nav-tabs-alt .nav-tabs > li.active > a {
  312. border-bottom-color: #23b7e5 !important;
  313. }
  314. .tab-container {
  315. margin-bottom: 15px;
  316. }
  317. .tab-container .tab-content {
  318. padding: 15px;
  319. background-color: #fff;
  320. border: 1px solid #dee5e7;
  321. border-top-width: 0;
  322. border-radius: 0 0 2px 2px;
  323. }
  324. .pagination > li > a {
  325. border-color: #dee5e7;
  326. }
  327. .pagination > li > a:hover,
  328. .pagination > li > a:focus {
  329. background-color: #edf1f2;
  330. border-color: #dee5e7;
  331. }
  332. .panel {
  333. border-radius: 2px;
  334. }
  335. .panel .accordion-toggle {
  336. display: block;
  337. font-size: 14px;
  338. cursor: pointer;
  339. }
  340. .panel .list-group-item {
  341. border-color: #edf1f2;
  342. }
  343. .panel.no-borders {
  344. border-width: 0;
  345. }
  346. .panel.no-borders .panel-heading,
  347. .panel.no-borders .panel-footer {
  348. border-width: 0;
  349. }
  350. .panel-heading {
  351. border-radius: 2px 2px 0 0;
  352. }
  353. .panel-default .panel-heading {
  354. background-color: #f6f8f8;
  355. }
  356. .panel-heading.no-border {
  357. margin: -1px -1px 0 -1px;
  358. border: none;
  359. }
  360. .panel-heading .nav {
  361. margin: -10px -15px;
  362. }
  363. .panel-heading .list-group {
  364. background: transparent;
  365. }
  366. .panel-footer {
  367. background-color: #ffffff;
  368. border-color: #edf1f2;
  369. border-radius: 0 0 2px 2px;
  370. }
  371. .panel-default {
  372. border-color: #dee5e7;
  373. }
  374. .panel-default > .panel-heading,
  375. .panel-default > .panel-footer {
  376. border-color: #edf1f2;
  377. }
  378. .panel-group .panel-heading + .panel-collapse .panel-body {
  379. border-top: 1px solid #eaedef;
  380. }
  381. .table > tbody > tr > td,
  382. .table > tfoot > tr > td {
  383. padding: 8px 15px;
  384. border-top: 1px solid #eaeff0;
  385. }
  386. .table > thead > tr > th {
  387. padding: 8px 15px;
  388. border-bottom: 1px solid #eaeff0;
  389. }
  390. .table-bordered {
  391. border-color: #eaeff0;
  392. }
  393. .table-bordered > tbody > tr > td {
  394. border-color: #eaeff0;
  395. }
  396. .table-bordered > thead > tr > th {
  397. border-color: #eaeff0;
  398. }
  399. .table-striped > tbody > tr:nth-child(odd) > td,
  400. .table-striped > tbody > tr:nth-child(odd) > th {
  401. background-color: #fafbfc;
  402. }
  403. .table-striped > thead > th {
  404. background-color: #fafbfc;
  405. border-right: 1px solid #eaeff0;
  406. }
  407. .table-striped > thead > th:last-child {
  408. border-right: none;
  409. }
  410. .well,
  411. pre {
  412. background-color: #edf1f2;
  413. border-color: #dee5e7;
  414. }
  415. .dropdown-menu {
  416. border: 1px solid #dee5e7;
  417. border: 1px solid rgba(0, 0, 0, 0.1);
  418. border-radius: 2px;
  419. -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  420. box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  421. }
  422. .dropdown-menu.pull-left {
  423. left: 100%;
  424. }
  425. .dropdown-menu > .panel {
  426. margin: -5px 0;
  427. border: none;
  428. }
  429. .dropdown-menu > li > a {
  430. padding: 5px 15px;
  431. }
  432. .dropdown-menu > li > a:hover,
  433. .dropdown-menu > li > a:focus,
  434. .dropdown-menu > .active > a,
  435. .dropdown-menu > .active > a:hover,
  436. .dropdown-menu > .active > a:focus {
  437. color: #141719;
  438. background-color: #edf1f2 !important;
  439. background-image: none;
  440. filter: none;
  441. }
  442. .dropdown-header {
  443. padding: 5px 15px;
  444. }
  445. .dropdown-submenu {
  446. position: relative;
  447. }
  448. .dropdown-submenu:hover > a,
  449. .dropdown-submenu:focus > a {
  450. color: #58666e;
  451. background-color: #edf1f2 !important;
  452. }
  453. .dropdown-submenu:hover > .dropdown-menu,
  454. .dropdown-submenu:focus > .dropdown-menu {
  455. display: block;
  456. }
  457. .dropdown-submenu.pull-left {
  458. float: none !important;
  459. }
  460. .dropdown-submenu.pull-left > .dropdown-menu {
  461. left: -100%;
  462. margin-left: 10px;
  463. }
  464. .dropdown-submenu .dropdown-menu {
  465. top: 0;
  466. left: 100%;
  467. margin-top: -6px;
  468. margin-left: -1px;
  469. }
  470. .dropup .dropdown-submenu > .dropdown-menu {
  471. top: auto;
  472. bottom: 0;
  473. }
  474. .btn-group > .btn {
  475. margin-left: -1px;
  476. }
  477. /*cols*/
  478. .col-lg-2-4 {
  479. position: relative;
  480. min-height: 1px;
  481. padding-right: 15px;
  482. padding-left: 15px;
  483. }
  484. .col-0 {
  485. clear: left;
  486. }
  487. .row.no-gutter {
  488. margin-right: 0;
  489. margin-left: 0;
  490. }
  491. .no-gutter [class*="col"] {
  492. padding: 0;
  493. }
  494. .row-sm {
  495. margin-right: -10px;
  496. margin-left: -10px;
  497. }
  498. .row-sm > div {
  499. padding-right: 10px;
  500. padding-left: 10px;
  501. }
  502. .modal-backdrop {
  503. background-color: #3a3f51;
  504. }
  505. .modal-backdrop.in {
  506. opacity: 0.8;
  507. filter: alpha(opacity=80);
  508. }
  509. .modal-over {
  510. position: fixed;
  511. top: 0;
  512. right: 0;
  513. bottom: 0;
  514. left: 0;
  515. }
  516. .modal-center {
  517. position: absolute;
  518. top: 50%;
  519. left: 50%;
  520. }
  521. /*layout*/
  522. html,
  523. body {
  524. width: 100%;
  525. height: 100%;
  526. }
  527. body {
  528. overflow-x: hidden;
  529. }
  530. .app {
  531. position: relative;
  532. width: 100%;
  533. height: auto;
  534. min-height: 100%;
  535. }
  536. .app:before {
  537. position: absolute;
  538. top: 0;
  539. bottom: 0;
  540. z-index: -1;
  541. display: block;
  542. width: inherit;
  543. background-color: #f0f3f4;
  544. border: inherit;
  545. content: "";
  546. }
  547. .app-header-fixed {
  548. padding-top: 50px;
  549. }
  550. .app-header-fixed .app-header {
  551. position: fixed;
  552. top: 0;
  553. width: 100%;
  554. }
  555. .app-header {
  556. z-index: 1025;
  557. border-radius: 0;
  558. }
  559. .app-aside {
  560. float: left;
  561. }
  562. .app-aside:before {
  563. position: absolute;
  564. top: 0;
  565. bottom: 0;
  566. z-index: -1;
  567. width: inherit;
  568. background-color: inherit;
  569. border: inherit;
  570. content: "";
  571. }
  572. .app-aside-footer {
  573. position: absolute;
  574. bottom: 0;
  575. z-index: 1000;
  576. width: 100%;
  577. max-width: 200px;
  578. }
  579. .app-aside-folded .app-aside-footer {
  580. max-width: 60px;
  581. }
  582. .app-aside-footer ~ div {
  583. padding-bottom: 50px;
  584. }
  585. .app-aside-right {
  586. padding-bottom: 50px;
  587. }
  588. .app-content {
  589. height: 100%;
  590. }
  591. .app-content:before,
  592. .app-content:after {
  593. display: table;
  594. content: " ";
  595. }
  596. .app-content:after {
  597. clear: both;
  598. }
  599. .app-content-full {
  600. position: absolute;
  601. top: 50px;
  602. bottom: 50px;
  603. width: auto !important;
  604. height: auto;
  605. padding: 0 !important;
  606. overflow-y: auto;
  607. -webkit-overflow-scrolling: touch;
  608. }
  609. .app-content-full.h-full {
  610. bottom: 0;
  611. height: auto;
  612. }
  613. .app-content-body {
  614. float: left;
  615. width: 100%;
  616. padding-bottom: 50px;
  617. }
  618. .app-footer {
  619. position: absolute;
  620. right: 0;
  621. bottom: 0;
  622. left: 0;
  623. z-index: 1005;
  624. }
  625. .app-footer.app-footer-fixed {
  626. position: fixed;
  627. }
  628. .hbox {
  629. display: table;
  630. width: 100%;
  631. height: 100%;
  632. border-spacing: 0;
  633. table-layout: fixed;
  634. }
  635. .hbox .col {
  636. display: table-cell;
  637. float: none;
  638. height: 100%;
  639. vertical-align: top;
  640. }
  641. .v-middle {
  642. vertical-align: middle !important;
  643. }
  644. .v-top {
  645. vertical-align: top !important;
  646. }
  647. .v-bottom {
  648. vertical-align: bottom !important;
  649. }
  650. .vbox {
  651. position: relative;
  652. display: table;
  653. width: 100%;
  654. height: 100%;
  655. min-height: 240px;
  656. border-spacing: 0;
  657. }
  658. .vbox .row-row {
  659. display: table-row;
  660. height: 100%;
  661. }
  662. .vbox .row-row .cell {
  663. position: relative;
  664. width: 100%;
  665. height: 100%;
  666. overflow: auto;
  667. -webkit-overflow-scrolling: touch;
  668. }
  669. .ie .vbox .row-row .cell {
  670. display: table-cell;
  671. }
  672. .vbox .row-row .cell .cell-inner {
  673. position: absolute;
  674. top: 0;
  675. right: 0;
  676. bottom: 0;
  677. left: 0;
  678. }
  679. .navbar {
  680. margin: 0;
  681. border-width: 0;
  682. border-radius: 0;
  683. }
  684. .navbar .navbar-form-sm {
  685. margin-top: 10px;
  686. margin-bottom: 10px;
  687. }
  688. .navbar-md {
  689. min-height: 60px;
  690. }
  691. .navbar-md .navbar-btn {
  692. margin-top: 13px;
  693. }
  694. .navbar-md .navbar-form {
  695. margin-top: 15px;
  696. }
  697. .navbar-md .navbar-nav > li > a {
  698. padding-top: 20px;
  699. padding-bottom: 20px;
  700. }
  701. .navbar-md .navbar-brand {
  702. line-height: 60px;
  703. }
  704. .navbar-header > button {
  705. padding: 10px 17px;
  706. font-size: 16px;
  707. line-height: 30px;
  708. text-decoration: none;
  709. background-color: transparent;
  710. border: none;
  711. }
  712. .navbar-brand {
  713. display: inline-block;
  714. float: none;
  715. height: auto;
  716. padding: 0 20px;
  717. font-size: 20px;
  718. font-weight: 700;
  719. line-height: 50px;
  720. text-align: center;
  721. }
  722. .navbar-brand:hover {
  723. text-decoration: none;
  724. }
  725. .navbar-brand img {
  726. max-height: 20px;
  727. margin-top: -4px;
  728. vertical-align: middle;
  729. }
  730. @media (min-width: 768px) {
  731. .app-aside,
  732. .navbar-header {
  733. width: 200px;
  734. }
  735. .navbar-collapse,
  736. .app-content,
  737. .app-footer {
  738. margin-left: 200px;
  739. }
  740. .app-aside-right {
  741. position: absolute;
  742. top: 50px;
  743. right: 0;
  744. bottom: 0;
  745. z-index: 1000;
  746. }
  747. .app-aside-right.pos-fix {
  748. z-index: 1010;
  749. }
  750. .visible-folded {
  751. display: none;
  752. }
  753. .app-aside-folded .hidden-folded {
  754. display: none !important;
  755. }
  756. .app-aside-folded .visible-folded {
  757. display: inherit;
  758. }
  759. .app-aside-folded .text-center-folded {
  760. text-align: center;
  761. }
  762. .app-aside-folded .pull-none-folded {
  763. float: none !important;
  764. }
  765. .app-aside-folded .w-auto-folded {
  766. width: auto;
  767. }
  768. .app-aside-folded .app-aside,
  769. .app-aside-folded .navbar-header {
  770. width: 60px;
  771. }
  772. .app-aside-folded .navbar-collapse,
  773. .app-aside-folded .app-content,
  774. .app-aside-folded .app-footer {
  775. margin-left: 60px;
  776. }
  777. .app-aside-folded .app-header .navbar-brand {
  778. display: block;
  779. padding: 0;
  780. }
  781. .app-aside-fixed .app-header .navbar-header {
  782. position: fixed;
  783. }
  784. .app-aside-fixed .aside-wrap {
  785. position: fixed;
  786. top: 50px;
  787. bottom: 0;
  788. left: 0;
  789. z-index: 1000;
  790. width: 200px;
  791. overflow: hidden;
  792. }
  793. .app-aside-fixed .aside-wrap .navi-wrap {
  794. position: relative;
  795. width: 217px;
  796. height: 100%;
  797. overflow-x: hidden;
  798. overflow-y: scroll;
  799. -webkit-overflow-scrolling: touch;
  800. }
  801. .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar {
  802. -webkit-appearance: none;
  803. }
  804. .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar:vertical {
  805. width: 17px;
  806. }
  807. .smart .app-aside-fixed .aside-wrap .navi-wrap {
  808. width: 200px;
  809. }
  810. .app-aside-fixed.app-aside-folded .app-aside {
  811. position: fixed;
  812. top: 0;
  813. bottom: 0;
  814. z-index: 1010;
  815. }
  816. .app-aside-fixed.app-aside-folded .aside-wrap {
  817. width: 60px;
  818. }
  819. .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap {
  820. width: 77px;
  821. }
  822. .smart .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap {
  823. width: 60px;
  824. }
  825. .bg-auto:before {
  826. position: absolute;
  827. top: 0;
  828. bottom: 0;
  829. z-index: -1;
  830. width: inherit;
  831. background-color: inherit;
  832. border: inherit;
  833. content: "";
  834. }
  835. .bg-auto.b-l:before {
  836. margin-left: -1px;
  837. }
  838. .bg-auto.b-r:before {
  839. margin-right: -1px;
  840. }
  841. .col.show {
  842. display: table-cell !important;
  843. }
  844. }
  845. @media (min-width: 768px) and (max-width: 991px) {
  846. .hbox-auto-sm {
  847. display: block;
  848. }
  849. .hbox-auto-sm > .col {
  850. display: block;
  851. width: auto;
  852. height: auto;
  853. }
  854. .hbox-auto-sm > .col.show {
  855. display: block !important;
  856. }
  857. }
  858. @media (max-width: 767px) {
  859. .app-aside {
  860. float: none;
  861. }
  862. .app-content-full {
  863. width: 100% !important;
  864. }
  865. .hbox-auto-xs {
  866. display: block;
  867. }
  868. .hbox-auto-xs > .col {
  869. display: block;
  870. width: auto;
  871. height: auto;
  872. }
  873. .navbar-nav {
  874. margin-top: 0;
  875. margin-bottom: 0;
  876. }
  877. .navbar-nav > li > a {
  878. box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  879. }
  880. .navbar-nav > li > a .up {
  881. top: 0;
  882. }
  883. .navbar-nav > li > a .avatar {
  884. width: 30px;
  885. margin-top: -5px;
  886. }
  887. .navbar-nav .open .dropdown-menu {
  888. background-color: #fff;
  889. }
  890. .navbar-form {
  891. margin-top: 0 !important;
  892. margin-bottom: 0 !important;
  893. box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  894. }
  895. .navbar-form .form-group {
  896. margin-bottom: 0;
  897. }
  898. }
  899. html {
  900. background: url('../img/bg.jpg');
  901. background-attachment: fixed;
  902. background-size: cover;
  903. }
  904. .app.container {
  905. padding-right: 0;
  906. padding-left: 0;
  907. }
  908. @media (min-width: 768px) {
  909. .app.container {
  910. width: 750px;
  911. -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  912. box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  913. }
  914. .app.container .app-aside {
  915. overflow-x: hidden;
  916. }
  917. .app.container.app-aside-folded .app-aside {
  918. overflow-x: visible;
  919. }
  920. .app.container.app-aside-fixed .aside-wrap {
  921. left: inherit;
  922. }
  923. .app.container.app-aside-fixed.app-aside-folded .app-aside > ul.nav {
  924. position: absolute;
  925. }
  926. .app.container .app-header,
  927. .app.container .app-aside {
  928. max-width: 750px;
  929. }
  930. .app.container .app-footer-fixed {
  931. right: auto;
  932. left: auto;
  933. width: 100%;
  934. max-width: 550px;
  935. }
  936. .app.container.app-aside-folded .app-footer-fixed {
  937. max-width: 690px;
  938. }
  939. .app.container.app-aside-dock .app-footer-fixed {
  940. max-width: 750px;
  941. }
  942. }
  943. @media (min-width: 992px) {
  944. .app.container {
  945. width: 970px;
  946. }
  947. .app.container .app-header,
  948. .app.container .app-aside {
  949. max-width: 970px;
  950. }
  951. .app.container .app-footer-fixed {
  952. max-width: 770px;
  953. }
  954. .app.container.app-aside-folded .app-footer-fixed {
  955. max-width: 910px;
  956. }
  957. .app.container.app-aside-dock .app-footer-fixed {
  958. max-width: 970px;
  959. }
  960. }
  961. @media (min-width: 1200px) {
  962. .app.container {
  963. width: 1170px;
  964. }
  965. .app.container .app-header,
  966. .app.container .app-aside {
  967. max-width: 1170px;
  968. }
  969. .app.container .app-footer-fixed {
  970. max-width: 970px;
  971. }
  972. .app.container.app-aside-folded .app-footer-fixed {
  973. max-width: 1110px;
  974. }
  975. .app.container.app-aside-dock .app-footer-fixed {
  976. max-width: 1170px;
  977. }
  978. }
  979. .nav-sub {
  980. height: 0;
  981. margin-left: -20px;
  982. overflow: hidden;
  983. opacity: 0;
  984. -webkit-transition: all 0.2s ease-in-out 0s;
  985. transition: all 0.2s ease-in-out 0s;
  986. }
  987. .active .nav-sub,
  988. .app-aside-folded li:hover .nav-sub,
  989. .app-aside-folded li:focus .nav-sub,
  990. .app-aside-folded li:active .nav-sub {
  991. height: auto !important;
  992. margin-left: 0;
  993. overflow: auto;
  994. opacity: 1;
  995. }
  996. .nav-sub-header {
  997. display: none !important;
  998. }
  999. .nav-sub-header a {
  1000. padding: 15px 20px;
  1001. }
  1002. .navi ul.nav li {
  1003. position: relative;
  1004. display: block;
  1005. }
  1006. .navi ul.nav li li a {
  1007. padding-left: 55px;
  1008. }
  1009. .navi ul.nav li a {
  1010. position: relative;
  1011. display: block;
  1012. padding: 10px 20px;
  1013. font-weight: normal;
  1014. text-transform: none;
  1015. -webkit-transition: background-color 0.2s ease-in-out 0s;
  1016. transition: background-color 0.2s ease-in-out 0s;
  1017. }
  1018. .navi ul.nav li a .badge,
  1019. .navi ul.nav li a .label {
  1020. padding: 2px 5px;
  1021. margin-top: 2px;
  1022. font-size: 11px;
  1023. }
  1024. .navi ul.nav li a > i {
  1025. position: relative;
  1026. float: left;
  1027. width: 40px;
  1028. margin: -10px -10px;
  1029. margin-right: 5px;
  1030. overflow: hidden;
  1031. line-height: 40px;
  1032. text-align: center;
  1033. }
  1034. .navi ul.nav li a > i:before {
  1035. position: relative;
  1036. z-index: 2;
  1037. }
  1038. @media (min-width: 768px) {
  1039. .app-aside-folded .nav-sub-header {
  1040. display: block !important;
  1041. }
  1042. .app-aside-folded .nav-sub-header a {
  1043. padding: 15px 20px !important;
  1044. }
  1045. .app-aside-folded .navi > ul > li > a {
  1046. position: relative;
  1047. height: 50px;
  1048. padding: 0;
  1049. text-align: center;
  1050. border: none;
  1051. }
  1052. .app-aside-folded .navi > ul > li > a span {
  1053. display: none;
  1054. }
  1055. .app-aside-folded .navi > ul > li > a span.pull-right {
  1056. display: none !important;
  1057. }
  1058. .app-aside-folded .navi > ul > li > a i {
  1059. display: block;
  1060. float: none;
  1061. width: auto;
  1062. margin: 0;
  1063. font-size: 16px;
  1064. line-height: 50px;
  1065. border: none !important;
  1066. }
  1067. .app-aside-folded .navi > ul > li > a i b {
  1068. left: 0 !important;
  1069. }
  1070. .app-aside-folded .navi > ul > li > a .badge,
  1071. .app-aside-folded .navi > ul > li > a .label {
  1072. position: absolute;
  1073. top: 8px;
  1074. right: 12px;
  1075. z-index: 3;
  1076. }
  1077. .app-aside-folded .navi > ul ul {
  1078. position: absolute;
  1079. top: 0 !important;
  1080. left: 100%;
  1081. z-index: 1050;
  1082. width: 200px;
  1083. height: 0 !important;
  1084. -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  1085. box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  1086. }
  1087. .app-aside-folded .navi li li a {
  1088. padding-left: 20px !important;
  1089. }
  1090. .app-aside-folded.app-aside-fixed .app-aside > ul.nav {
  1091. position: fixed;
  1092. left: 80px;
  1093. z-index: 1010;
  1094. display: block;
  1095. width: 260px;
  1096. height: auto;
  1097. overflow: visible;
  1098. overflow-y: auto;
  1099. opacity: 1;
  1100. -webkit-overflow-scrolling: touch;
  1101. }
  1102. .app-aside-folded.app-aside-fixed .app-aside > ul.nav:before {
  1103. position: absolute;
  1104. top: 0;
  1105. left: -60px;
  1106. width: 60px;
  1107. height: 50px;
  1108. content: "";
  1109. }
  1110. .app-aside-folded.app-aside-fixed .app-aside > ul.nav a {
  1111. padding-right: 20px !important;
  1112. padding-left: 20px !important;
  1113. }
  1114. }
  1115. @media (max-width: 767px) {
  1116. .app {
  1117. overflow-x: hidden;
  1118. }
  1119. .app-content {
  1120. -webkit-transition: -webkit-transform 0.2s ease;
  1121. -moz-transition: -moz-transform 0.2s ease;
  1122. -o-transition: -o-transform 0.2s ease;
  1123. transition: transform 0.2s ease;
  1124. }
  1125. .off-screen {
  1126. position: absolute;
  1127. top: 50px;
  1128. bottom: 0;
  1129. z-index: 1010;
  1130. display: block !important;
  1131. width: 75%;
  1132. overflow-x: hidden;
  1133. overflow-y: auto;
  1134. visibility: visible;
  1135. -webkit-overflow-scrolling: touch;
  1136. }
  1137. .off-screen + * {
  1138. position: absolute;
  1139. top: 0;
  1140. right: 0;
  1141. bottom: 0;
  1142. left: 0;
  1143. z-index: 1015;
  1144. width: 100%;
  1145. padding-top: 50px;
  1146. overflow: hidden;
  1147. background-color: #f0f3f4;
  1148. -webkit-transform: translate3d(75%, 0, 0px);
  1149. transform: translate3d(75%, 0, 0px);
  1150. -webkit-transition: -webkit-transform 0.2s ease;
  1151. -moz-transition: -moz-transform 0.2s ease;
  1152. -o-transition: -o-transform 0.2s ease;
  1153. transition: transform 0.2s ease;
  1154. -webkit-backface-visibility: hidden;
  1155. -moz-backface-visibility: hidden;
  1156. backface-visibility: hidden;
  1157. }
  1158. .off-screen + * .off-screen-toggle {
  1159. position: absolute;
  1160. top: 0;
  1161. right: 0;
  1162. bottom: 0;
  1163. left: 0;
  1164. z-index: 1020;
  1165. display: block !important;
  1166. }
  1167. .off-screen.pull-right {
  1168. right: 0;
  1169. }
  1170. .off-screen.pull-right + * {
  1171. -webkit-transform: translate3d(-75%, 0, 0px);
  1172. transform: translate3d(-75%, 0, 0px);
  1173. }
  1174. }
  1175. @media (min-width: 992px) {
  1176. .app-aside-dock .app-content,
  1177. .app-aside-dock .app-footer {
  1178. margin-left: 0;
  1179. }
  1180. .app-aside-dock .app-aside-footer ~ div {
  1181. padding-bottom: 0;
  1182. }
  1183. .app-aside-dock.app-aside-fixed.app-header-fixed {
  1184. padding-top: 115px;
  1185. }
  1186. .app-aside-dock.app-aside-fixed .app-aside {
  1187. position: fixed;
  1188. top: 50px;
  1189. z-index: 1000;
  1190. width: 100%;
  1191. }
  1192. .app-aside-dock .app-aside,
  1193. .app-aside-dock .aside-wrap,
  1194. .app-aside-dock .navi-wrap {
  1195. position: relative;
  1196. top: 0;
  1197. float: none;
  1198. width: 100% !important;
  1199. overflow: visible !important;
  1200. }
  1201. .app-aside-dock .app-aside {
  1202. bottom: auto !important;
  1203. }
  1204. .app-aside-dock .app-aside.b-r {
  1205. border-bottom: 1px solid #dee5e7;
  1206. border-right-width: 0;
  1207. }
  1208. .app-aside-dock .app-aside:before {
  1209. display: none;
  1210. }
  1211. .app-aside-dock .app-aside nav > .nav {
  1212. float: left;
  1213. }
  1214. .app-aside-dock .app-aside .hidden-folded,
  1215. .app-aside-dock .app-aside .line,
  1216. .app-aside-dock .app-aside .navi-wrap > div {
  1217. display: none !important;
  1218. }
  1219. .app-aside-dock .app-aside .navi > ul > li {
  1220. position: relative;
  1221. display: inline-block;
  1222. float: left;
  1223. }
  1224. .app-aside-dock .app-aside .navi > ul > li > a {
  1225. height: auto;
  1226. padding: 10px 15px 12px 15px;
  1227. text-align: center;
  1228. }
  1229. .app-aside-dock .app-aside .navi > ul > li > a > .badge,
  1230. .app-aside-dock .app-aside .navi > ul > li > a > .label {
  1231. position: absolute;
  1232. top: 5px;
  1233. right: 8px;
  1234. padding: 1px 4px;
  1235. }
  1236. .app-aside-dock .app-aside .navi > ul > li > a > i {
  1237. display: block;
  1238. float: none;
  1239. width: 40px;
  1240. margin-top: -10px;
  1241. margin-right: auto;
  1242. margin-bottom: -7px;
  1243. margin-left: auto;
  1244. font-size: 14px;
  1245. line-height: 40px;
  1246. }
  1247. .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right {
  1248. position: absolute;
  1249. bottom: 2px;
  1250. left: 50%;
  1251. display: block !important;
  1252. margin-left: -6px;
  1253. line-height: 1;
  1254. }
  1255. .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right i {
  1256. width: 12px;
  1257. font-size: 12px;
  1258. line-height: 12px;
  1259. }
  1260. .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right i.text {
  1261. line-height: 14px;
  1262. -webkit-transform: rotate(90deg);
  1263. -ms-transform: rotate(90deg);
  1264. transform: rotate(90deg);
  1265. }
  1266. .app-aside-dock .app-aside .navi > ul > li > a > span {
  1267. display: block;
  1268. font-weight: normal;
  1269. }
  1270. .app-aside-dock .app-aside .navi > ul > li .nav-sub {
  1271. position: absolute;
  1272. top: auto !important;
  1273. left: 0;
  1274. z-index: 1050;
  1275. display: none;
  1276. width: 200px;
  1277. height: auto !important;
  1278. -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  1279. box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  1280. }
  1281. .app-aside-dock .app-aside .navi > ul > li .nav-sub-header {
  1282. display: none !important;
  1283. }
  1284. .app-aside-dock .app-aside .navi li li a {
  1285. padding-left: 15px;
  1286. }
  1287. .app-aside-dock .app-aside .navi li:hover .nav-sub,
  1288. .app-aside-dock .app-aside .navi li:focus .nav-sub,
  1289. .app-aside-dock .app-aside .navi li:active .nav-sub {
  1290. display: block;
  1291. height: auto !important;
  1292. margin-left: 0;
  1293. overflow: auto;
  1294. opacity: 1;
  1295. }
  1296. }
  1297. .arrow {
  1298. z-index: 10;
  1299. border-width: 9px;
  1300. }
  1301. .arrow,
  1302. .arrow:after {
  1303. position: absolute;
  1304. display: block;
  1305. width: 0;
  1306. height: 0;
  1307. border-color: transparent;
  1308. border-style: solid;
  1309. }
  1310. .arrow:after {
  1311. border-width: 8px;
  1312. content: "";
  1313. }
  1314. .arrow.top {
  1315. top: -9px;
  1316. left: 50%;
  1317. margin-left: -9px;
  1318. border-bottom-color: rgba(0, 0, 0, 0.1);
  1319. border-top-width: 0;
  1320. }
  1321. .arrow.top:after {
  1322. top: 1px;
  1323. margin-left: -8px;
  1324. border-bottom-color: #ffffff;
  1325. border-top-width: 0;
  1326. }
  1327. .arrow.top.arrow-primary:after {
  1328. border-bottom-color: #7266ba;
  1329. }
  1330. .arrow.top.arrow-info:after {
  1331. border-bottom-color: #23b7e5;
  1332. }
  1333. .arrow.top.arrow-success:after {
  1334. border-bottom-color: #27c24c;
  1335. }
  1336. .arrow.top.arrow-danger:after {
  1337. border-bottom-color: #f05050;
  1338. }
  1339. .arrow.top.arrow-warning:after {
  1340. border-bottom-color: #fad733;
  1341. }
  1342. .arrow.top.arrow-light:after {
  1343. border-bottom-color: #edf1f2;
  1344. }
  1345. .arrow.top.arrow-dark:after {
  1346. border-bottom-color: #3a3f51;
  1347. }
  1348. .arrow.top.arrow-black:after {
  1349. border-bottom-color: #1c2b36;
  1350. }
  1351. .arrow.right {
  1352. top: 50%;
  1353. right: -9px;
  1354. margin-top: -9px;
  1355. border-left-color: rgba(0, 0, 0, 0.1);
  1356. border-right-width: 0;
  1357. }
  1358. .arrow.right:after {
  1359. right: 1px;
  1360. bottom: -8px;
  1361. border-left-color: #ffffff;
  1362. border-right-width: 0;
  1363. }
  1364. .arrow.right.arrow-primary:after {
  1365. border-left-color: #7266ba;
  1366. }
  1367. .arrow.right.arrow-info:after {
  1368. border-left-color: #23b7e5;
  1369. }
  1370. .arrow.right.arrow-success:after {
  1371. border-left-color: #27c24c;
  1372. }
  1373. .arrow.right.arrow-danger:after {
  1374. border-left-color: #f05050;
  1375. }
  1376. .arrow.right.arrow-warning:after {
  1377. border-left-color: #fad733;
  1378. }
  1379. .arrow.right.arrow-light:after {
  1380. border-left-color: #edf1f2;
  1381. }
  1382. .arrow.right.arrow-dark:after {
  1383. border-left-color: #3a3f51;
  1384. }
  1385. .arrow.right.arrow-black:after {
  1386. border-left-color: #1c2b36;
  1387. }
  1388. .arrow.bottom {
  1389. bottom: -9px;
  1390. left: 50%;
  1391. margin-left: -9px;
  1392. border-top-color: rgba(0, 0, 0, 0.1);
  1393. border-bottom-width: 0;
  1394. }
  1395. .arrow.bottom:after {
  1396. bottom: 1px;
  1397. margin-left: -8px;
  1398. border-top-color: #ffffff;
  1399. border-bottom-width: 0;
  1400. }
  1401. .arrow.bottom.arrow-primary:after {
  1402. border-top-color: #7266ba;
  1403. }
  1404. .arrow.bottom.arrow-info:after {
  1405. border-top-color: #23b7e5;
  1406. }
  1407. .arrow.bottom.arrow-success:after {
  1408. border-top-color: #27c24c;
  1409. }
  1410. .arrow.bottom.arrow-danger:after {
  1411. border-top-color: #f05050;
  1412. }
  1413. .arrow.bottom.arrow-warning:after {
  1414. border-top-color: #fad733;
  1415. }
  1416. .arrow.bottom.arrow-light:after {
  1417. border-top-color: #edf1f2;
  1418. }
  1419. .arrow.bottom.arrow-dark:after {
  1420. border-top-color: #3a3f51;
  1421. }
  1422. .arrow.bottom.arrow-black:after {
  1423. border-top-color: #1c2b36;
  1424. }
  1425. .arrow.left {
  1426. top: 50%;
  1427. left: -9px;
  1428. margin-top: -9px;
  1429. border-right-color: rgba(0, 0, 0, 0.1);
  1430. border-left-width: 0;
  1431. }
  1432. .arrow.left:after {
  1433. bottom: -8px;
  1434. left: 1px;
  1435. border-right-color: #ffffff;
  1436. border-left-width: 0;
  1437. }
  1438. .arrow.left.arrow-primary:after {
  1439. border-right-color: #7266ba;
  1440. }
  1441. .arrow.left.arrow-info:after {
  1442. border-right-color: #23b7e5;
  1443. }
  1444. .arrow.left.arrow-success:after {
  1445. border-right-color: #27c24c;
  1446. }
  1447. .arrow.left.arrow-danger:after {
  1448. border-right-color: #f05050;
  1449. }
  1450. .arrow.left.arrow-warning:after {
  1451. border-right-color: #fad733;
  1452. }
  1453. .arrow.left.arrow-light:after {
  1454. border-right-color: #edf1f2;
  1455. }
  1456. .arrow.left.arrow-dark:after {
  1457. border-right-color: #3a3f51;
  1458. }
  1459. .arrow.left.arrow-black:after {
  1460. border-right-color: #1c2b36;
  1461. }
  1462. .arrow.pull-left {
  1463. left: 19px;
  1464. }
  1465. .arrow.pull-right {
  1466. right: 19px;
  1467. left: auto;
  1468. }
  1469. .arrow.pull-up {
  1470. top: 19px;
  1471. }
  1472. .arrow.pull-down {
  1473. top: auto;
  1474. bottom: 19px;
  1475. }
  1476. .btn {
  1477. font-weight: 500;
  1478. border-radius: 2px;
  1479. outline: 0!important;
  1480. }
  1481. .btn-link {
  1482. color: #58666e;
  1483. }
  1484. .btn-link.active {
  1485. box-shadow: none;
  1486. webkit-box-shadow: none;
  1487. }
  1488. .btn-default {
  1489. color: #58666e !important;
  1490. background-color: #fcfdfd;
  1491. background-color: #fff;
  1492. border-color: #dee5e7;
  1493. border-bottom-color: #d8e1e3;
  1494. -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
  1495. box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
  1496. }
  1497. .btn-default:hover,
  1498. .btn-default:focus,
  1499. .btn-default:active,
  1500. .btn-default.active,
  1501. .open .dropdown-toggle.btn-default {
  1502. color: #58666e !important;
  1503. background-color: #edf1f2;
  1504. border-color: #c7d3d6;
  1505. }
  1506. .btn-default:active,
  1507. .btn-default.active,
  1508. .open .dropdown-toggle.btn-default {
  1509. background-image: none;
  1510. }
  1511. .btn-default.disabled,
  1512. .btn-default[disabled],
  1513. fieldset[disabled] .btn-default,
  1514. .btn-default.disabled:hover,
  1515. .btn-default[disabled]:hover,
  1516. fieldset[disabled] .btn-default:hover,
  1517. .btn-default.disabled:focus,
  1518. .btn-default[disabled]:focus,
  1519. fieldset[disabled] .btn-default:focus,
  1520. .btn-default.disabled:active,
  1521. .btn-default[disabled]:active,
  1522. fieldset[disabled] .btn-default:active,
  1523. .btn-default.disabled.active,
  1524. .btn-default[disabled].active,
  1525. fieldset[disabled] .btn-default.active {
  1526. background-color: #fcfdfd;
  1527. border-color: #dee5e7;
  1528. }
  1529. .btn-default.btn-bg {
  1530. border-color: rgba(0, 0, 0, 0.1);
  1531. background-clip: padding-box;
  1532. }
  1533. .btn-primary {
  1534. color: #ffffff !important;
  1535. background-color: #7266ba;
  1536. border-color: #7266ba;
  1537. }
  1538. .btn-primary:hover,
  1539. .btn-primary:focus,
  1540. .btn-primary:active,
  1541. .btn-primary.active,
  1542. .open .dropdown-toggle.btn-primary {
  1543. color: #ffffff !important;
  1544. background-color: #6254b2;
  1545. border-color: #5a4daa;
  1546. }
  1547. .btn-primary:active,
  1548. .btn-primary.active,
  1549. .open .dropdown-toggle.btn-primary {
  1550. background-image: none;
  1551. }
  1552. .btn-primary.disabled,
  1553. .btn-primary[disabled],
  1554. fieldset[disabled] .btn-primary,
  1555. .btn-primary.disabled:hover,
  1556. .btn-primary[disabled]:hover,
  1557. fieldset[disabled] .btn-primary:hover,
  1558. .btn-primary.disabled:focus,
  1559. .btn-primary[disabled]:focus,
  1560. fieldset[disabled] .btn-primary:focus,
  1561. .btn-primary.disabled:active,
  1562. .btn-primary[disabled]:active,
  1563. fieldset[disabled] .btn-primary:active,
  1564. .btn-primary.disabled.active,
  1565. .btn-primary[disabled].active,
  1566. fieldset[disabled] .btn-primary.active {
  1567. background-color: #7266ba;
  1568. border-color: #7266ba;
  1569. }
  1570. .btn-success {
  1571. color: #ffffff !important;
  1572. background-color: #27c24c;
  1573. border-color: #27c24c;
  1574. }
  1575. .btn-success:hover,
  1576. .btn-success:focus,
  1577. .btn-success:active,
  1578. .btn-success.active,
  1579. .open .dropdown-toggle.btn-success {
  1580. color: #ffffff !important;
  1581. background-color: #23ad44;
  1582. border-color: #20a03f;
  1583. }
  1584. .btn-success:active,
  1585. .btn-success.active,
  1586. .open .dropdown-toggle.btn-success {
  1587. background-image: none;
  1588. }
  1589. .btn-success.disabled,
  1590. .btn-success[disabled],
  1591. fieldset[disabled] .btn-success,
  1592. .btn-success.disabled:hover,
  1593. .btn-success[disabled]:hover,
  1594. fieldset[disabled] .btn-success:hover,
  1595. .btn-success.disabled:focus,
  1596. .btn-success[disabled]:focus,
  1597. fieldset[disabled] .btn-success:focus,
  1598. .btn-success.disabled:active,
  1599. .btn-success[disabled]:active,
  1600. fieldset[disabled] .btn-success:active,
  1601. .btn-success.disabled.active,
  1602. .btn-success[disabled].active,
  1603. fieldset[disabled] .btn-success.active {
  1604. background-color: #27c24c;
  1605. border-color: #27c24c;
  1606. }
  1607. .btn-info {
  1608. color: #ffffff !important;
  1609. background-color: #23b7e5;
  1610. border-color: #23b7e5;
  1611. }
  1612. .btn-info:hover,
  1613. .btn-info:focus,
  1614. .btn-info:active,
  1615. .btn-info.active,
  1616. .open .dropdown-toggle.btn-info {
  1617. color: #ffffff !important;
  1618. background-color: #19a9d5;
  1619. border-color: #189ec8;
  1620. }
  1621. .btn-info:active,
  1622. .btn-info.active,
  1623. .open .dropdown-toggle.btn-info {
  1624. background-image: none;
  1625. }
  1626. .btn-info.disabled,
  1627. .btn-info[disabled],
  1628. fieldset[disabled] .btn-info,
  1629. .btn-info.disabled:hover,
  1630. .btn-info[disabled]:hover,
  1631. fieldset[disabled] .btn-info:hover,
  1632. .btn-info.disabled:focus,
  1633. .btn-info[disabled]:focus,
  1634. fieldset[disabled] .btn-info:focus,
  1635. .btn-info.disabled:active,
  1636. .btn-info[disabled]:active,
  1637. fieldset[disabled] .btn-info:active,
  1638. .btn-info.disabled.active,
  1639. .btn-info[disabled].active,
  1640. fieldset[disabled] .btn-info.active {
  1641. background-color: #23b7e5;
  1642. border-color: #23b7e5;
  1643. }
  1644. .btn-warning {
  1645. color: #ffffff !important;
  1646. background-color: #fad733;
  1647. border-color: #fad733;
  1648. }
  1649. .btn-warning:hover,
  1650. .btn-warning:focus,
  1651. .btn-warning:active,
  1652. .btn-warning.active,
  1653. .open .dropdown-toggle.btn-warning {
  1654. color: #ffffff !important;
  1655. background-color: #f9d21a;
  1656. border-color: #f9cf0b;
  1657. }
  1658. .btn-warning:active,
  1659. .btn-warning.active,
  1660. .open .dropdown-toggle.btn-warning {
  1661. background-image: none;
  1662. }
  1663. .btn-warning.disabled,
  1664. .btn-warning[disabled],
  1665. fieldset[disabled] .btn-warning,
  1666. .btn-warning.disabled:hover,
  1667. .btn-warning[disabled]:hover,
  1668. fieldset[disabled] .btn-warning:hover,
  1669. .btn-warning.disabled:focus,
  1670. .btn-warning[disabled]:focus,
  1671. fieldset[disabled] .btn-warning:focus,
  1672. .btn-warning.disabled:active,
  1673. .btn-warning[disabled]:active,
  1674. fieldset[disabled] .btn-warning:active,
  1675. .btn-warning.disabled.active,
  1676. .btn-warning[disabled].active,
  1677. fieldset[disabled] .btn-warning.active {
  1678. background-color: #fad733;
  1679. border-color: #fad733;
  1680. }
  1681. .btn-danger {
  1682. color: #ffffff !important;
  1683. background-color: #f05050;
  1684. border-color: #f05050;
  1685. }
  1686. .btn-danger:hover,
  1687. .btn-danger:focus,
  1688. .btn-danger:active,
  1689. .btn-danger.active,
  1690. .open .dropdown-toggle.btn-danger {
  1691. color: #ffffff !important;
  1692. background-color: #ee3939;
  1693. border-color: #ed2a2a;
  1694. }
  1695. .btn-danger:active,
  1696. .btn-danger.active,
  1697. .open .dropdown-toggle.btn-danger {
  1698. background-image: none;
  1699. }
  1700. .btn-danger.disabled,
  1701. .btn-danger[disabled],
  1702. fieldset[disabled] .btn-danger,
  1703. .btn-danger.disabled:hover,
  1704. .btn-danger[disabled]:hover,
  1705. fieldset[disabled] .btn-danger:hover,
  1706. .btn-danger.disabled:focus,
  1707. .btn-danger[disabled]:focus,
  1708. fieldset[disabled] .btn-danger:focus,
  1709. .btn-danger.disabled:active,
  1710. .btn-danger[disabled]:active,
  1711. fieldset[disabled] .btn-danger:active,
  1712. .btn-danger.disabled.active,
  1713. .btn-danger[disabled].active,
  1714. fieldset[disabled] .btn-danger.active {
  1715. background-color: #f05050;
  1716. border-color: #f05050;
  1717. }
  1718. .btn-dark {
  1719. color: #ffffff !important;
  1720. background-color: #3a3f51;
  1721. border-color: #3a3f51;
  1722. }
  1723. .btn-dark:hover,
  1724. .btn-dark:focus,
  1725. .btn-dark:active,
  1726. .btn-dark.active,
  1727. .open .dropdown-toggle.btn-dark {
  1728. color: #ffffff !important;
  1729. background-color: #2f3342;
  1730. border-color: #292d39;
  1731. }
  1732. .btn-dark:active,
  1733. .btn-dark.active,
  1734. .open .dropdown-toggle.btn-dark {
  1735. background-image: none;
  1736. }
  1737. .btn-dark.disabled,
  1738. .btn-dark[disabled],
  1739. fieldset[disabled] .btn-dark,
  1740. .btn-dark.disabled:hover,
  1741. .btn-dark[disabled]:hover,
  1742. fieldset[disabled] .btn-dark:hover,
  1743. .btn-dark.disabled:focus,
  1744. .btn-dark[disabled]:focus,
  1745. fieldset[disabled] .btn-dark:focus,
  1746. .btn-dark.disabled:active,
  1747. .btn-dark[disabled]:active,
  1748. fieldset[disabled] .btn-dark:active,
  1749. .btn-dark.disabled.active,
  1750. .btn-dark[disabled].active,
  1751. fieldset[disabled] .btn-dark.active {
  1752. background-color: #3a3f51;
  1753. border-color: #3a3f51;
  1754. }
  1755. .btn-black {
  1756. color: #ffffff !important;
  1757. background-color: #1c2b36;
  1758. border-color: #1c2b36;
  1759. }
  1760. .btn-black:hover,
  1761. .btn-black:focus,
  1762. .btn-black:active,
  1763. .btn-black.active,
  1764. .open .dropdown-toggle.btn-black {
  1765. color: #ffffff !important;
  1766. background-color: #131e25;
  1767. border-color: #0e161b;
  1768. }
  1769. .btn-black:active,
  1770. .btn-black.active,
  1771. .open .dropdown-toggle.btn-black {
  1772. background-image: none;
  1773. }
  1774. .btn-black.disabled,
  1775. .btn-black[disabled],
  1776. fieldset[disabled] .btn-black,
  1777. .btn-black.disabled:hover,
  1778. .btn-black[disabled]:hover,
  1779. fieldset[disabled] .btn-black:hover,
  1780. .btn-black.disabled:focus,
  1781. .btn-black[disabled]:focus,
  1782. fieldset[disabled] .btn-black:focus,
  1783. .btn-black.disabled:active,
  1784. .btn-black[disabled]:active,
  1785. fieldset[disabled] .btn-black:active,
  1786. .btn-black.disabled.active,
  1787. .btn-black[disabled].active,
  1788. fieldset[disabled] .btn-black.active {
  1789. background-color: #1c2b36;
  1790. border-color: #1c2b36;
  1791. }
  1792. .btn-icon {
  1793. width: 34px;
  1794. height: 34px;
  1795. padding: 0 !important;
  1796. text-align: center;
  1797. }
  1798. .btn-icon i {
  1799. position: relative;
  1800. top: -1px;
  1801. line-height: 34px;
  1802. }
  1803. .btn-icon.btn-sm {
  1804. width: 30px;
  1805. height: 30px;
  1806. }
  1807. .btn-icon.btn-sm i {
  1808. line-height: 30px;
  1809. }
  1810. .btn-icon.btn-lg {
  1811. width: 45px;
  1812. height: 45px;
  1813. }
  1814. .btn-icon.btn-lg i {
  1815. line-height: 45px;
  1816. }
  1817. .btn-rounded {
  1818. padding-right: 15px;
  1819. padding-left: 15px;
  1820. border-radius: 50px;
  1821. }
  1822. .btn-rounded.btn-lg {
  1823. padding-right: 25px;
  1824. padding-left: 25px;
  1825. }
  1826. .btn > i.pull-left,
  1827. .btn > i.pull-right {
  1828. line-height: 1.42857143;
  1829. }
  1830. .btn-block {
  1831. padding-right: 12px;
  1832. padding-left: 12px;
  1833. }
  1834. .btn-group-vertical > .btn:first-child:not(:last-child) {
  1835. border-top-right-radius: 2px;
  1836. }
  1837. .btn-group-vertical > .btn:last-child:not(:first-child) {
  1838. border-bottom-left-radius: 2px;
  1839. }
  1840. .btn-addon i {
  1841. position: relative;
  1842. float: left;
  1843. width: 34px;
  1844. height: 34px;
  1845. margin: -7px -12px;
  1846. margin-right: 12px;
  1847. line-height: 34px;
  1848. text-align: center;
  1849. background-color: rgba(0, 0, 0, 0.1);
  1850. border-radius: 2px 0 0 2px;
  1851. }
  1852. .btn-addon i.pull-right {
  1853. margin-right: -12px;
  1854. margin-left: 12px;
  1855. border-radius: 0 2px 2px 0;
  1856. }
  1857. .btn-addon.btn-sm i {
  1858. width: 30px;
  1859. height: 30px;
  1860. margin: -6px -10px;
  1861. margin-right: 10px;
  1862. line-height: 30px;
  1863. }
  1864. .btn-addon.btn-sm i.pull-right {
  1865. margin-right: -10px;
  1866. margin-left: 10px;
  1867. }
  1868. .btn-addon.btn-lg i {
  1869. width: 45px;
  1870. height: 45px;
  1871. margin: -11px -16px;
  1872. margin-right: 16px;
  1873. line-height: 45px;
  1874. }
  1875. .btn-addon.btn-lg i.pull-right {
  1876. margin-right: -16px;
  1877. margin-left: 16px;
  1878. }
  1879. .btn-addon.btn-default i {
  1880. background-color: transparent;
  1881. border-right: 1px solid #dee5e7;
  1882. }
  1883. .btn-groups .btn {
  1884. margin-bottom: 5px;
  1885. }
  1886. .list-icon i {
  1887. display: inline-block;
  1888. width: 40px;
  1889. margin: 0;
  1890. font-size: 14px;
  1891. text-align: center;
  1892. vertical-align: middle;
  1893. -webkit-transition: font-size 0.2s;
  1894. transition: font-size 0.2s;
  1895. }
  1896. .list-icon div {
  1897. line-height: 40px;
  1898. white-space: nowrap;
  1899. }
  1900. .list-icon div:hover i {
  1901. font-size: 26px;
  1902. }
  1903. .settings {
  1904. position: fixed;
  1905. top: 120px;
  1906. right: -240px;
  1907. z-index: 1050;
  1908. width: 240px;
  1909. -webkit-transition: right 0.2s;
  1910. transition: right 0.2s;
  1911. }
  1912. .settings.active {
  1913. right: -1px;
  1914. }
  1915. .settings > .btn {
  1916. position: absolute;
  1917. top: -1px;
  1918. left: -42px;
  1919. padding: 10px 15px;
  1920. background: #f6f8f8 !important;
  1921. border-color: #dee5e7;
  1922. border-right-width: 0;
  1923. }
  1924. .settings .i-checks span b {
  1925. display: inline-block;
  1926. float: left;
  1927. width: 50%;
  1928. height: 20px;
  1929. }
  1930. .settings .i-checks span b.header {
  1931. height: 10px;
  1932. }
  1933. .streamline {
  1934. position: relative;
  1935. border-color: #dee5e7;
  1936. }
  1937. .streamline .sl-item:after,
  1938. .streamline:after {
  1939. position: absolute;
  1940. bottom: 0;
  1941. left: 0;
  1942. width: 9px;
  1943. height: 9px;
  1944. margin-left: -5px;
  1945. background-color: #fff;
  1946. border-color: inherit;
  1947. border-style: solid;
  1948. border-width: 1px;
  1949. border-radius: 10px;
  1950. content: '';
  1951. }
  1952. .sl-item {
  1953. position: relative;
  1954. padding-bottom: 1px;
  1955. border-color: #dee5e7;
  1956. }
  1957. .sl-item:before,
  1958. .sl-item:after {
  1959. display: table;
  1960. content: " ";
  1961. }
  1962. .sl-item:after {
  1963. clear: both;
  1964. }
  1965. .sl-item:after {
  1966. top: 6px;
  1967. bottom: auto;
  1968. }
  1969. .sl-item.b-l {
  1970. margin-left: -1px;
  1971. }
  1972. .timeline {
  1973. padding: 0;
  1974. margin: 0;
  1975. }
  1976. .tl-item {
  1977. display: block;
  1978. }
  1979. .tl-item:before,
  1980. .tl-item:after {
  1981. display: table;
  1982. content: " ";
  1983. }
  1984. .tl-item:after {
  1985. clear: both;
  1986. }
  1987. .visible-left {
  1988. display: none;
  1989. }
  1990. .tl-wrap {
  1991. display: block;
  1992. padding: 15px 0 15px 20px;
  1993. margin-left: 6em;
  1994. border-color: #dee5e7;
  1995. border-style: solid;
  1996. border-width: 0 0 0 4px;
  1997. }
  1998. .tl-wrap:before,
  1999. .tl-wrap:after {
  2000. display: table;
  2001. content: " ";
  2002. }
  2003. .tl-wrap:after {
  2004. clear: both;
  2005. }
  2006. .tl-wrap:before {
  2007. position: relative;
  2008. top: 15px;
  2009. float: left;
  2010. width: 10px;
  2011. height: 10px;
  2012. margin-left: -27px;
  2013. background: #edf1f2;
  2014. border-color: inherit;
  2015. border-style: solid;
  2016. border-width: 3px;
  2017. border-radius: 50%;
  2018. content: "";
  2019. box-shadow: 0 0 0 4px #f0f3f4;
  2020. }
  2021. .tl-wrap:hover:before {
  2022. background: transparent;
  2023. border-color: #fff;
  2024. }
  2025. .tl-date {
  2026. position: relative;
  2027. top: 10px;
  2028. display: block;
  2029. float: left;
  2030. width: 4.5em;
  2031. margin-left: -7.5em;
  2032. text-align: right;
  2033. }
  2034. .tl-content {
  2035. position: relative;
  2036. display: inline-block;
  2037. padding-top: 10px;
  2038. padding-bottom: 10px;
  2039. }
  2040. .tl-content.block {
  2041. display: block;
  2042. width: 100%;
  2043. }
  2044. .tl-content.panel {
  2045. margin-bottom: 0;
  2046. }
  2047. .tl-header {
  2048. display: block;
  2049. width: 12em;
  2050. margin-left: 2px;
  2051. text-align: center;
  2052. }
  2053. .timeline-center .tl-item {
  2054. margin-left: 50%;
  2055. }
  2056. .timeline-center .tl-item .tl-wrap {
  2057. margin-left: -2px;
  2058. }
  2059. .timeline-center .tl-header {
  2060. width: auto;
  2061. margin: 0;
  2062. }
  2063. .timeline-center .tl-left {
  2064. margin-right: 50%;
  2065. margin-left: 0;
  2066. }
  2067. .timeline-center .tl-left .hidden-left {
  2068. display: none !important;
  2069. }
  2070. .timeline-center .tl-left .visible-left {
  2071. display: inherit;
  2072. }
  2073. .timeline-center .tl-left .tl-wrap {
  2074. float: right;
  2075. padding-right: 20px;
  2076. padding-left: 0;
  2077. margin-right: -2px;
  2078. border-right-width: 4px;
  2079. border-left-width: 0;
  2080. }
  2081. .timeline-center .tl-left .tl-wrap:before {
  2082. float: right;
  2083. margin-right: -27px;
  2084. margin-left: 0;
  2085. }
  2086. .timeline-center .tl-left .tl-date {
  2087. float: right;
  2088. margin-right: -8.5em;
  2089. margin-left: 0;
  2090. text-align: left;
  2091. }
  2092. .i-switch {
  2093. position: relative;
  2094. display: inline-block;
  2095. width: 35px;
  2096. height: 20px;
  2097. margin: 0;
  2098. cursor: pointer;
  2099. background-color: #27c24c;
  2100. border-radius: 30px;
  2101. }
  2102. .i-switch input {
  2103. position: absolute;
  2104. opacity: 0;
  2105. filter: alpha(opacity=0);
  2106. }
  2107. .i-switch input:checked + i:before {
  2108. top: 50%;
  2109. right: 5px;
  2110. bottom: 50%;
  2111. left: 50%;
  2112. border-width: 0;
  2113. border-radius: 5px;
  2114. }
  2115. .i-switch input:checked + i:after {
  2116. margin-left: 16px;
  2117. }
  2118. .i-switch i:before {
  2119. position: absolute;
  2120. top: -1px;
  2121. right: -1px;
  2122. bottom: -1px;
  2123. left: -1px;
  2124. background-color: #fff;
  2125. border: 1px solid #f0f0f0;
  2126. border-radius: 30px;
  2127. content: "";
  2128. -webkit-transition: all 0.2s;
  2129. transition: all 0.2s;
  2130. }
  2131. .i-switch i:after {
  2132. position: absolute;
  2133. top: 1px;
  2134. bottom: 1px;
  2135. width: 18px;
  2136. background-color: #fff;
  2137. border-radius: 50%;
  2138. content: "";
  2139. -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  2140. box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  2141. -webkit-transition: margin-left 0.3s;
  2142. transition: margin-left 0.3s;
  2143. }
  2144. .i-switch-md {
  2145. width: 40px;
  2146. height: 24px;
  2147. }
  2148. .i-switch-md input:checked + i:after {
  2149. margin-left: 17px;
  2150. }
  2151. .i-switch-md i:after {
  2152. width: 22px;
  2153. }
  2154. .i-switch-lg {
  2155. width: 50px;
  2156. height: 30px;
  2157. }
  2158. .i-switch-lg input:checked + i:after {
  2159. margin-left: 21px;
  2160. }
  2161. .i-switch-lg i:after {
  2162. width: 28px;
  2163. }
  2164. .i-checks {
  2165. padding-left: 20px;
  2166. cursor: pointer;
  2167. }
  2168. .i-checks input {
  2169. position: absolute;
  2170. margin-left: -20px;
  2171. opacity: 0;
  2172. }
  2173. .i-checks input:checked + i {
  2174. border-color: #23b7e5;
  2175. }
  2176. .i-checks input:checked + i:before {
  2177. top: 4px;
  2178. left: 4px;
  2179. width: 10px;
  2180. height: 10px;
  2181. background-color: #23b7e5;
  2182. }
  2183. .i-checks input:checked + span .active {
  2184. display: inherit;
  2185. }
  2186. .i-checks input[type="radio"] + i,
  2187. .i-checks input[type="radio"] + i:before {
  2188. border-radius: 50%;
  2189. }
  2190. .i-checks input[disabled] + i,
  2191. fieldset[disabled] .i-checks input + i {
  2192. border-color: #dee5e7;
  2193. }
  2194. .i-checks input[disabled] + i:before,
  2195. fieldset[disabled] .i-checks input + i:before {
  2196. background-color: #dee5e7;
  2197. }
  2198. .i-checks > i {
  2199. position: relative;
  2200. display: inline-block;
  2201. width: 20px;
  2202. height: 20px;
  2203. margin-top: -2px;
  2204. margin-right: 4px;
  2205. margin-left: -20px;
  2206. line-height: 1;
  2207. vertical-align: middle;
  2208. background-color: #fff;
  2209. border: 1px solid #cfdadd;
  2210. }
  2211. .i-checks > i:before {
  2212. position: absolute;
  2213. top: 50%;
  2214. left: 50%;
  2215. width: 0;
  2216. height: 0;
  2217. background-color: transparent;
  2218. content: "";
  2219. -webkit-transition: all 0.2s;
  2220. transition: all 0.2s;
  2221. }
  2222. .i-checks > span {
  2223. margin-left: -20px;
  2224. }
  2225. .i-checks > span .active {
  2226. display: none;
  2227. }
  2228. .i-checks-sm input:checked + i:before {
  2229. top: 3px;
  2230. left: 3px;
  2231. width: 8px;
  2232. height: 8px;
  2233. }
  2234. .i-checks-sm > i {
  2235. width: 16px;
  2236. height: 16px;
  2237. margin-right: 6px;
  2238. margin-left: -18px;
  2239. }
  2240. .i-checks-lg input:checked + i:before {
  2241. top: 8px;
  2242. left: 8px;
  2243. width: 12px;
  2244. height: 12px;
  2245. }
  2246. .i-checks-lg > i {
  2247. width: 30px;
  2248. height: 30px;
  2249. }
  2250. .datepicker {
  2251. margin: 0 5px;
  2252. }
  2253. .datepicker .btn-default {
  2254. border-width: 0;
  2255. box-shadow: none;
  2256. }
  2257. .datepicker .btn[disabled] {
  2258. opacity: 0.4;
  2259. }
  2260. .datepicker .btn-info .text-info {
  2261. color: #fff !important;
  2262. }
  2263. /*Charts*/
  2264. .jqstooltip {
  2265. padding: 5px 10px !important;
  2266. background-color: rgba(0, 0, 0, 0.8) !important;
  2267. border: solid 1px #000 !important;
  2268. -webkit-border-radius: 3px;
  2269. -moz-border-radius: 3px;
  2270. border-radius: 3px;
  2271. -webkit-box-sizing: content-box;
  2272. -moz-box-sizing: content-box;
  2273. box-sizing: content-box;
  2274. }
  2275. .easyPieChart {
  2276. position: relative;
  2277. text-align: center;
  2278. }
  2279. .easyPieChart > div {
  2280. position: relative;
  2281. z-index: 1;
  2282. }
  2283. .easyPieChart > div .text {
  2284. position: absolute;
  2285. top: 60%;
  2286. width: 100%;
  2287. line-height: 1;
  2288. }
  2289. .easyPieChart > div img {
  2290. margin-top: -4px;
  2291. }
  2292. .easyPieChart canvas {
  2293. position: absolute;
  2294. top: 0;
  2295. left: 0;
  2296. z-index: 0;
  2297. }
  2298. #flotTip {
  2299. z-index: 100;
  2300. padding: 4px 10px;
  2301. font-size: 12px;
  2302. color: #fff;
  2303. background-color: rgba(0, 0, 0, 0.8);
  2304. border: solid 1px #000 !important;
  2305. -webkit-border-radius: 3px;
  2306. -moz-border-radius: 3px;
  2307. border-radius: 3px;
  2308. }
  2309. .legendColorBox > div {
  2310. margin: 5px;
  2311. border: none !important;
  2312. }
  2313. .legendColorBox > div > div {
  2314. border-radius: 10px;
  2315. }
  2316. .sortable-placeholder {
  2317. min-height: 50px;
  2318. margin-bottom: 5px;
  2319. list-style: none;
  2320. border: 1px dashed #CCC;
  2321. }
  2322. .item {
  2323. position: relative;
  2324. }
  2325. .item .top {
  2326. position: absolute;
  2327. top: 0;
  2328. left: 0;
  2329. }
  2330. .item .bottom {
  2331. position: absolute;
  2332. bottom: 0;
  2333. left: 0;
  2334. }
  2335. .item .center {
  2336. position: absolute;
  2337. top: 50%;
  2338. }
  2339. .item-overlay {
  2340. position: absolute;
  2341. top: 0;
  2342. right: 0;
  2343. bottom: 0;
  2344. left: 0;
  2345. display: none;
  2346. }
  2347. .item-overlay.active,
  2348. .item:hover .item-overlay {
  2349. display: block;
  2350. }
  2351. .form-validation .form-control.ng-dirty.ng-invalid {
  2352. border-color: #f05050;
  2353. }
  2354. .form-validation .form-control.ng-dirty.ng-valid,
  2355. .form-validation .form-control.ng-dirty.ng-valid:focus {
  2356. border-color: #27c24c;
  2357. }
  2358. .form-validation .i-checks .ng-invalid.ng-dirty + i {
  2359. border-color: #f05050;
  2360. }
  2361. .ng-animate .bg-auto:before {
  2362. display: none;
  2363. }
  2364. [ui-view].ng-leave {
  2365. display: none;
  2366. }
  2367. [ui-view].ng-leave.smooth {
  2368. display: block;
  2369. }
  2370. .smooth.ng-animate {
  2371. position: absolute;
  2372. width: 100%;
  2373. height: 100%;
  2374. overflow: hidden;
  2375. }
  2376. .fade-in-right-big.ng-enter {
  2377. -webkit-animation: fadeInRightBig 0.5s;
  2378. animation: fadeInRightBig 0.5s;
  2379. }
  2380. .fade-in-right-big.ng-leave {
  2381. -webkit-animation: fadeOutLeftBig 0.5s;
  2382. animation: fadeOutLeftBig 0.5s;
  2383. }
  2384. .fade-in-left-big.ng-enter {
  2385. -webkit-animation: fadeInLeftBig 0.5s;
  2386. animation: fadeInLeftBig 0.5s;
  2387. }
  2388. .fade-in-left-big.ng-leave {
  2389. -webkit-animation: fadeOutRightBig 0.5s;
  2390. animation: fadeOutRightBig 0.5s;
  2391. }
  2392. .fade-in-up-big.ng-enter {
  2393. -webkit-animation: fadeInUpBig 0.5s;
  2394. animation: fadeInUpBig 0.5s;
  2395. }
  2396. .fade-in-up-big.ng-leave {
  2397. -webkit-animation: fadeOutUpBig 0.5s;
  2398. animation: fadeOutUpBig 0.5s;
  2399. }
  2400. .fade-in-down-big.ng-enter {
  2401. -webkit-animation: fadeInDownBig 0.5s;
  2402. animation: fadeInDownBig 0.5s;
  2403. }
  2404. .fade-in-down-big.ng-leave {
  2405. -webkit-animation: fadeOutDownBig 0.5s;
  2406. animation: fadeOutDownBig 0.5s;
  2407. }
  2408. .fade-in.ng-enter {
  2409. -webkit-animation: fadeIn 0.5s;
  2410. animation: fadeIn 0.5s;
  2411. }
  2412. .fade-in.ng-leave {
  2413. -webkit-animation: fadeOut 0.5s;
  2414. animation: fadeOut 0.5s;
  2415. }
  2416. .fade-in-right.ng-enter {
  2417. -webkit-animation: fadeInRight 0.5s;
  2418. animation: fadeInRight 0.5s;
  2419. }
  2420. .fade-in-right.ng-leave {
  2421. -webkit-animation: fadeOutLeft 0.5s;
  2422. animation: fadeOutLeft 0.5s;
  2423. }
  2424. .fade-in-left.ng-enter {
  2425. -webkit-animation: fadeInLeft 0.5s;
  2426. animation: fadeInLeft 0.5s;
  2427. }
  2428. .fade-in-left.ng-leave {
  2429. -webkit-animation: fadeOutRight 0.5s;
  2430. animation: fadeOutRight 0.5s;
  2431. }
  2432. .fade-in-up.ng-enter {
  2433. -webkit-animation: fadeInUp 0.5s;
  2434. animation: fadeInUp 0.5s;
  2435. }
  2436. .fade-in-up.ng-leave {
  2437. -webkit-animation: fadeOutUp 0.5s;
  2438. animation: fadeOutUp 0.5s;
  2439. }
  2440. .fade-in-down.ng-enter {
  2441. -webkit-animation: fadeInDown 0.5s;
  2442. animation: fadeInDown 0.5s;
  2443. }
  2444. .fade-in-down.ng-leave {
  2445. -webkit-animation: fadeOutDown 0.5s;
  2446. animation: fadeOutDown 0.5s;
  2447. }
  2448. .bg-gd {
  2449. background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.075)));
  2450. background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 0, rgba(40, 50, 60, 0.075), 100%);
  2451. background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
  2452. background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
  2453. background-repeat: repeat-x;
  2454. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#1328323c', GradientType=0);
  2455. filter: none;
  2456. }
  2457. .bg-gd-dk {
  2458. background-image: -webkit-gradient(linear, left 10%, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.5)));
  2459. background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 10%, rgba(40, 50, 60, 0.5), 100%);
  2460. background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%);
  2461. background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%);
  2462. background-repeat: repeat-x;
  2463. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#8028323c', GradientType=0);
  2464. filter: none;
  2465. }
  2466. .bg-light {
  2467. color: #58666e;
  2468. background-color: #edf1f2;
  2469. }
  2470. .bg-light.lt,
  2471. .bg-light .lt {
  2472. background-color: #f3f5f6;
  2473. }
  2474. .bg-light.lter,
  2475. .bg-light .lter {
  2476. background-color: #f6f8f8;
  2477. }
  2478. .bg-light.dk,
  2479. .bg-light .dk {
  2480. background-color: #e4eaec;
  2481. }
  2482. .bg-light.dker,
  2483. .bg-light .dker {
  2484. background-color: #dde6e9;
  2485. }
  2486. .bg-light.bg,
  2487. .bg-light .bg {
  2488. background-color: #edf1f2;
  2489. }
  2490. .bg-dark {
  2491. color: #a6a8b1;
  2492. background-color: #3a3f51;
  2493. }
  2494. .bg-dark.lt,
  2495. .bg-dark .lt {
  2496. background-color: #474c5e;
  2497. }
  2498. .bg-dark.lter,
  2499. .bg-dark .lter {
  2500. background-color: #54596a;
  2501. }
  2502. .bg-dark.dk,
  2503. .bg-dark .dk {
  2504. background-color: #2e3344;
  2505. }
  2506. .bg-dark.dker,
  2507. .bg-dark .dker {
  2508. background-color: #232735;
  2509. }
  2510. .bg-dark.bg,
  2511. .bg-dark .bg {
  2512. background-color: #3a3f51;
  2513. }
  2514. .bg-dark a {
  2515. color: #c1c3c9;
  2516. }
  2517. .bg-dark a:hover {
  2518. color: #ffffff;
  2519. }
  2520. .bg-dark a.list-group-item:hover,
  2521. .bg-dark a.list-group-item:focus {
  2522. background-color: inherit;
  2523. }
  2524. .bg-dark .nav > li:hover > a,
  2525. .bg-dark .nav > li:focus > a,
  2526. .bg-dark .nav > li.active > a {
  2527. color: #ffffff;
  2528. background-color: #2e3344;
  2529. }
  2530. .bg-dark .nav > li > a {
  2531. color: #b4b6bd;
  2532. }
  2533. .bg-dark .nav > li > a:hover,
  2534. .bg-dark .nav > li > a:focus {
  2535. background-color: #32374a;
  2536. }
  2537. .bg-dark .nav .open > a {
  2538. background-color: #2e3344;
  2539. }
  2540. .bg-dark .caret {
  2541. border-top-color: #a6a8b1;
  2542. border-bottom-color: #a6a8b1;
  2543. }
  2544. .bg-dark.navbar .nav > li.active > a {
  2545. color: #ffffff;
  2546. background-color: #2e3344;
  2547. }
  2548. .bg-dark .open > a,
  2549. .bg-dark .open > a:hover,
  2550. .bg-dark .open > a:focus {
  2551. color: #ffffff;
  2552. }
  2553. .bg-dark .text-muted {
  2554. color: #8b8e99 !important;
  2555. }
  2556. .bg-dark .text-lt {
  2557. color: #eaebed !important;
  2558. }
  2559. .bg-dark.auto .list-group-item,
  2560. .bg-dark .auto .list-group-item {
  2561. background-color: transparent;
  2562. border-color: #2f3342 !important;
  2563. }
  2564. .bg-dark.auto .list-group-item:hover,
  2565. .bg-dark .auto .list-group-item:hover,
  2566. .bg-dark.auto .list-group-item:focus,
  2567. .bg-dark .auto .list-group-item:focus,
  2568. .bg-dark.auto .list-group-item:active,
  2569. .bg-dark .auto .list-group-item:active,
  2570. .bg-dark.auto .list-group-item.active,
  2571. .bg-dark .auto .list-group-item.active {
  2572. background-color: #2e3344 !important;
  2573. }
  2574. .bg-black {
  2575. color: #7793a7;
  2576. background-color: #1c2b36;
  2577. }
  2578. .bg-black.lt,
  2579. .bg-black .lt {
  2580. background-color: #263845;
  2581. }
  2582. .bg-black.lter,
  2583. .bg-black .lter {
  2584. background-color: #314554;
  2585. }
  2586. .bg-black.dk,
  2587. .bg-black .dk {
  2588. background-color: #131e26;
  2589. }
  2590. .bg-black.dker,
  2591. .bg-black .dker {
  2592. background-color: #0a1015;
  2593. }
  2594. .bg-black.bg,
  2595. .bg-black .bg {
  2596. background-color: #1c2b36;
  2597. }
  2598. .bg-black a {
  2599. color: #96abbb;
  2600. }
  2601. .bg-black a:hover {
  2602. color: #ffffff;
  2603. }
  2604. .bg-black a.list-group-item:hover,
  2605. .bg-black a.list-group-item:focus {
  2606. background-color: inherit;
  2607. }
  2608. .bg-black .nav > li:hover > a,
  2609. .bg-black .nav > li:focus > a,
  2610. .bg-black .nav > li.active > a {
  2611. color: #ffffff;
  2612. background-color: #131e26;
  2613. }
  2614. .bg-black .nav > li > a {
  2615. color: #869fb1;
  2616. }
  2617. .bg-black .nav > li > a:hover,
  2618. .bg-black .nav > li > a:focus {
  2619. background-color: #16232d;
  2620. }
  2621. .bg-black .nav .open > a {
  2622. background-color: #131e26;
  2623. }
  2624. .bg-black .caret {
  2625. border-top-color: #7793a7;
  2626. border-bottom-color: #7793a7;
  2627. }
  2628. .bg-black.navbar .nav > li.active > a {
  2629. color: #ffffff;
  2630. background-color: #131e26;
  2631. }
  2632. .bg-black .open > a,
  2633. .bg-black .open > a:hover,
  2634. .bg-black .open > a:focus {
  2635. color: #ffffff;
  2636. }
  2637. .bg-black .text-muted {
  2638. color: #5c798f !important;
  2639. }
  2640. .bg-black .text-lt {
  2641. color: #c4d0d9 !important;
  2642. }
  2643. .bg-black.auto .list-group-item,
  2644. .bg-black .auto .list-group-item {
  2645. background-color: transparent;
  2646. border-color: #131e25 !important;
  2647. }
  2648. .bg-black.auto .list-group-item:hover,
  2649. .bg-black .auto .list-group-item:hover,
  2650. .bg-black.auto .list-group-item:focus,
  2651. .bg-black .auto .list-group-item:focus,
  2652. .bg-black.auto .list-group-item:active,
  2653. .bg-black .auto .list-group-item:active,
  2654. .bg-black.auto .list-group-item.active,
  2655. .bg-black .auto .list-group-item.active {
  2656. background-color: #131e26 !important;
  2657. }
  2658. .bg-primary {
  2659. color: #f4f3f9;
  2660. background-color: #7266ba;
  2661. }
  2662. .bg-primary.lt,
  2663. .bg-primary .lt {
  2664. background-color: #847abf;
  2665. }
  2666. .bg-primary.lter,
  2667. .bg-primary .lter {
  2668. background-color: #958dc6;
  2669. }
  2670. .bg-primary.dk,
  2671. .bg-primary .dk {
  2672. background-color: #6051b5;
  2673. }
  2674. .bg-primary.dker,
  2675. .bg-primary .dker {
  2676. background-color: #5244a9;
  2677. }
  2678. .bg-primary.bg,
  2679. .bg-primary .bg {
  2680. background-color: #7266ba;
  2681. }
  2682. .bg-primary a {
  2683. color: #ffffff;
  2684. }
  2685. .bg-primary a:hover {
  2686. color: #ffffff;
  2687. }
  2688. .bg-primary a.list-group-item:hover,
  2689. .bg-primary a.list-group-item:focus {
  2690. background-color: inherit;
  2691. }
  2692. .bg-primary .nav > li:hover > a,
  2693. .bg-primary .nav > li:focus > a,
  2694. .bg-primary .nav > li.active > a {
  2695. color: #ffffff;
  2696. background-color: #6051b5;
  2697. }
  2698. .bg-primary .nav > li > a {
  2699. color: #f2f2f2;
  2700. }
  2701. .bg-primary .nav > li > a:hover,
  2702. .bg-primary .nav > li > a:focus {
  2703. background-color: #6658b8;
  2704. }
  2705. .bg-primary .nav .open > a {
  2706. background-color: #6051b5;
  2707. }
  2708. .bg-primary .caret {
  2709. border-top-color: #f4f3f9;
  2710. border-bottom-color: #f4f3f9;
  2711. }
  2712. .bg-primary.navbar .nav > li.active > a {
  2713. color: #ffffff;
  2714. background-color: #6051b5;
  2715. }
  2716. .bg-primary .open > a,
  2717. .bg-primary .open > a:hover,
  2718. .bg-primary .open > a:focus {
  2719. color: #ffffff;
  2720. }
  2721. .bg-primary .text-muted {
  2722. color: #d6d3e6 !important;
  2723. }
  2724. .bg-primary .text-lt {
  2725. color: #ffffff !important;
  2726. }
  2727. .bg-primary.auto .list-group-item,
  2728. .bg-primary .auto .list-group-item {
  2729. background-color: transparent;
  2730. border-color: #6254b2 !important;
  2731. }
  2732. .bg-primary.auto .list-group-item:hover,
  2733. .bg-primary .auto .list-group-item:hover,
  2734. .bg-primary.auto .list-group-item:focus,
  2735. .bg-primary .auto .list-group-item:focus,
  2736. .bg-primary.auto .list-group-item:active,
  2737. .bg-primary .auto .list-group-item:active,
  2738. .bg-primary.auto .list-group-item.active,
  2739. .bg-primary .auto .list-group-item.active {
  2740. background-color: #6051b5 !important;
  2741. }
  2742. .bg-success {
  2743. color: #c6efd0;
  2744. background-color: #27c24c;
  2745. }
  2746. .bg-success.lt,
  2747. .bg-success .lt {
  2748. background-color: #31d257;
  2749. }
  2750. .bg-success.lter,
  2751. .bg-success .lter {
  2752. background-color: #48d46a;
  2753. }
  2754. .bg-success.dk,
  2755. .bg-success .dk {
  2756. background-color: #20af42;
  2757. }
  2758. .bg-success.dker,
  2759. .bg-success .dker {
  2760. background-color: #1a9c39;
  2761. }
  2762. .bg-success.bg,
  2763. .bg-success .bg {
  2764. background-color: #27c24c;
  2765. }
  2766. .bg-success a {
  2767. color: #eefaf1;
  2768. }
  2769. .bg-success a:hover {
  2770. color: #ffffff;
  2771. }
  2772. .bg-success a.list-group-item:hover,
  2773. .bg-success a.list-group-item:focus {
  2774. background-color: inherit;
  2775. }
  2776. .bg-success .nav > li:hover > a,
  2777. .bg-success .nav > li:focus > a,
  2778. .bg-success .nav > li.active > a {
  2779. color: #ffffff;
  2780. background-color: #20af42;
  2781. }
  2782. .bg-success .nav > li > a {
  2783. color: #daf5e0;
  2784. }
  2785. .bg-success .nav > li > a:hover,
  2786. .bg-success .nav > li > a:focus {
  2787. background-color: #22b846;
  2788. }
  2789. .bg-success .nav .open > a {
  2790. background-color: #20af42;
  2791. }
  2792. .bg-success .caret {
  2793. border-top-color: #c6efd0;
  2794. border-bottom-color: #c6efd0;
  2795. }
  2796. .bg-success.navbar .nav > li.active > a {
  2797. color: #ffffff;
  2798. background-color: #20af42;
  2799. }
  2800. .bg-success .open > a,
  2801. .bg-success .open > a:hover,
  2802. .bg-success .open > a:focus {
  2803. color: #ffffff;
  2804. }
  2805. .bg-success .text-muted {
  2806. color: #9ee4af !important;
  2807. }
  2808. .bg-success .text-lt {
  2809. color: #ffffff !important;
  2810. }
  2811. .bg-success.auto .list-group-item,
  2812. .bg-success .auto .list-group-item {
  2813. background-color: transparent;
  2814. border-color: #23ad44 !important;
  2815. }
  2816. .bg-success.auto .list-group-item:hover,
  2817. .bg-success .auto .list-group-item:hover,
  2818. .bg-success.auto .list-group-item:focus,
  2819. .bg-success .auto .list-group-item:focus,
  2820. .bg-success.auto .list-group-item:active,
  2821. .bg-success .auto .list-group-item:active,
  2822. .bg-success.auto .list-group-item.active,
  2823. .bg-success .auto .list-group-item.active {
  2824. background-color: #20af42 !important;
  2825. }
  2826. .bg-info {
  2827. color: #dcf2f8;
  2828. background-color: #23b7e5;
  2829. }
  2830. .bg-info.lt,
  2831. .bg-info .lt {
  2832. background-color: #3dbde5;
  2833. }
  2834. .bg-info.lter,
  2835. .bg-info .lter {
  2836. background-color: #55c3e6;
  2837. }
  2838. .bg-info.dk,
  2839. .bg-info .dk {
  2840. background-color: #16aad8;
  2841. }
  2842. .bg-info.dker,
  2843. .bg-info .dker {
  2844. background-color: #1199c4;
  2845. }
  2846. .bg-info.bg,
  2847. .bg-info .bg {
  2848. background-color: #23b7e5;
  2849. }
  2850. .bg-info a {
  2851. color: #ffffff;
  2852. }
  2853. .bg-info a:hover {
  2854. color: #ffffff;
  2855. }
  2856. .bg-info a.list-group-item:hover,
  2857. .bg-info a.list-group-item:focus {
  2858. background-color: inherit;
  2859. }
  2860. .bg-info .nav > li:hover > a,
  2861. .bg-info .nav > li:focus > a,
  2862. .bg-info .nav > li.active > a {
  2863. color: #ffffff;
  2864. background-color: #16aad8;
  2865. }
  2866. .bg-info .nav > li > a {
  2867. color: #f2f2f2;
  2868. }
  2869. .bg-info .nav > li > a:hover,
  2870. .bg-info .nav > li > a:focus {
  2871. background-color: #17b2e2;
  2872. }
  2873. .bg-info .nav .open > a {
  2874. background-color: #16aad8;
  2875. }
  2876. .bg-info .caret {
  2877. border-top-color: #dcf2f8;
  2878. border-bottom-color: #dcf2f8;
  2879. }
  2880. .bg-info.navbar .nav > li.active > a {
  2881. color: #ffffff;
  2882. background-color: #16aad8;
  2883. }
  2884. .bg-info .open > a,
  2885. .bg-info .open > a:hover,
  2886. .bg-info .open > a:focus {
  2887. color: #ffffff;
  2888. }
  2889. .bg-info .text-muted {
  2890. color: #b0e1f1 !important;
  2891. }
  2892. .bg-info .text-lt {
  2893. color: #ffffff !important;
  2894. }
  2895. .bg-info.auto .list-group-item,
  2896. .bg-info .auto .list-group-item {
  2897. background-color: transparent;
  2898. border-color: #19a9d5 !important;
  2899. }
  2900. .bg-info.auto .list-group-item:hover,
  2901. .bg-info .auto .list-group-item:hover,
  2902. .bg-info.auto .list-group-item:focus,
  2903. .bg-info .auto .list-group-item:focus,
  2904. .bg-info.auto .list-group-item:active,
  2905. .bg-info .auto .list-group-item:active,
  2906. .bg-info.auto .list-group-item.active,
  2907. .bg-info .auto .list-group-item.active {
  2908. background-color: #16aad8 !important;
  2909. }
  2910. .bg-warning {
  2911. color: #fffefa;
  2912. background-color: #fad733;
  2913. }
  2914. .bg-warning.lt,
  2915. .bg-warning .lt {
  2916. background-color: #f8da4e;
  2917. }
  2918. .bg-warning.lter,
  2919. .bg-warning .lter {
  2920. background-color: #f7de69;
  2921. }
  2922. .bg-warning.dk,
  2923. .bg-warning .dk {
  2924. background-color: #fcd417;
  2925. }
  2926. .bg-warning.dker,
  2927. .bg-warning .dker {
  2928. background-color: #face00;
  2929. }
  2930. .bg-warning.bg,
  2931. .bg-warning .bg {
  2932. background-color: #fad733;
  2933. }
  2934. .bg-warning a {
  2935. color: #ffffff;
  2936. }
  2937. .bg-warning a:hover {
  2938. color: #ffffff;
  2939. }
  2940. .bg-warning a.list-group-item:hover,
  2941. .bg-warning a.list-group-item:focus {
  2942. background-color: inherit;
  2943. }
  2944. .bg-warning .nav > li:hover > a,
  2945. .bg-warning .nav > li:focus > a,
  2946. .bg-warning .nav > li.active > a {
  2947. color: #ffffff;
  2948. background-color: #fcd417;
  2949. }
  2950. .bg-warning .nav > li > a {
  2951. color: #f2f2f2;
  2952. }
  2953. .bg-warning .nav > li > a:hover,
  2954. .bg-warning .nav > li > a:focus {
  2955. background-color: #fcd621;
  2956. }
  2957. .bg-warning .nav .open > a {
  2958. background-color: #fcd417;
  2959. }
  2960. .bg-warning .caret {
  2961. border-top-color: #fffefa;
  2962. border-bottom-color: #fffefa;
  2963. }
  2964. .bg-warning.navbar .nav > li.active > a {
  2965. color: #ffffff;
  2966. background-color: #fcd417;
  2967. }
  2968. .bg-warning .open > a,
  2969. .bg-warning .open > a:hover,
  2970. .bg-warning .open > a:focus {
  2971. color: #ffffff;
  2972. }
  2973. .bg-warning .text-muted {
  2974. color: #fbf2cb !important;
  2975. }
  2976. .bg-warning .text-lt {
  2977. color: #ffffff !important;
  2978. }
  2979. .bg-warning.auto .list-group-item,
  2980. .bg-warning .auto .list-group-item {
  2981. background-color: transparent;
  2982. border-color: #f9d21a !important;
  2983. }
  2984. .bg-warning.auto .list-group-item:hover,
  2985. .bg-warning .auto .list-group-item:hover,
  2986. .bg-warning.auto .list-group-item:focus,
  2987. .bg-warning .auto .list-group-item:focus,
  2988. .bg-warning.auto .list-group-item:active,
  2989. .bg-warning .auto .list-group-item:active,
  2990. .bg-warning.auto .list-group-item.active,
  2991. .bg-warning .auto .list-group-item.active {
  2992. background-color: #fcd417 !important;
  2993. }
  2994. .bg-danger {
  2995. color: #ffffff;
  2996. background-color: #f05050;
  2997. }
  2998. .bg-danger.lt,
  2999. .bg-danger .lt {
  3000. background-color: #f06a6a;
  3001. }
  3002. .bg-danger.lter,
  3003. .bg-danger .lter {
  3004. background-color: #f18282;
  3005. }
  3006. .bg-danger.dk,
  3007. .bg-danger .dk {
  3008. background-color: #f13636;
  3009. }
  3010. .bg-danger.dker,
  3011. .bg-danger .dker {
  3012. background-color: #f21b1b;
  3013. }
  3014. .bg-danger.bg,
  3015. .bg-danger .bg {
  3016. background-color: #f05050;
  3017. }
  3018. .bg-danger a {
  3019. color: #ffffff;
  3020. }
  3021. .bg-danger a:hover {
  3022. color: #ffffff;
  3023. }
  3024. .bg-danger a.list-group-item:hover,
  3025. .bg-danger a.list-group-item:focus {
  3026. background-color: inherit;
  3027. }
  3028. .bg-danger .nav > li:hover > a,
  3029. .bg-danger .nav > li:focus > a,
  3030. .bg-danger .nav > li.active > a {
  3031. color: #ffffff;
  3032. background-color: #f13636;
  3033. }
  3034. .bg-danger .nav > li > a {
  3035. color: #f2f2f2;
  3036. }
  3037. .bg-danger .nav > li > a:hover,
  3038. .bg-danger .nav > li > a:focus {
  3039. background-color: #f13f3f;
  3040. }
  3041. .bg-danger .nav .open > a {
  3042. background-color: #f13636;
  3043. }
  3044. .bg-danger .caret {
  3045. border-top-color: #ffffff;
  3046. border-bottom-color: #ffffff;
  3047. }
  3048. .bg-danger.navbar .nav > li.active > a {
  3049. color: #ffffff;
  3050. background-color: #f13636;
  3051. }
  3052. .bg-danger .open > a,
  3053. .bg-danger .open > a:hover,
  3054. .bg-danger .open > a:focus {
  3055. color: #ffffff;
  3056. }
  3057. .bg-danger .text-muted {
  3058. color: #e6e6e6 !important;
  3059. }
  3060. .bg-danger .text-lt {
  3061. color: #ffffff !important;
  3062. }
  3063. .bg-danger.auto .list-group-item,
  3064. .bg-danger .auto .list-group-item {
  3065. background-color: transparent;
  3066. border-color: #ee3939 !important;
  3067. }
  3068. .bg-danger.auto .list-group-item:hover,
  3069. .bg-danger .auto .list-group-item:hover,
  3070. .bg-danger.auto .list-group-item:focus,
  3071. .bg-danger .auto .list-group-item:focus,
  3072. .bg-danger.auto .list-group-item:active,
  3073. .bg-danger .auto .list-group-item:active,
  3074. .bg-danger.auto .list-group-item.active,
  3075. .bg-danger .auto .list-group-item.active {
  3076. background-color: #f13636 !important;
  3077. }
  3078. .bg-white {
  3079. color: #58666e;
  3080. background-color: #fff;
  3081. }
  3082. .bg-white a {
  3083. color: #363f44;
  3084. }
  3085. .bg-white a:hover {
  3086. color: #1f2427;
  3087. }
  3088. .bg-white .text-muted {
  3089. color: #98a6ad !important;
  3090. }
  3091. .bg-white .lt,
  3092. .bg-white .lter,
  3093. .bg-white .dk,
  3094. .bg-white .dker {
  3095. background-color: #fff;
  3096. }
  3097. .bg-white-only {
  3098. background-color: #fff;
  3099. }
  3100. .bg-white-opacity {
  3101. background-color: rgba(255, 255, 255, 0.5);
  3102. }
  3103. .bg-black-opacity {
  3104. background-color: rgba(32, 43, 54, 0.5);
  3105. }
  3106. a.bg-light:hover {
  3107. color: #363f44;
  3108. }
  3109. a.bg-primary:hover {
  3110. background-color: #6254b2;
  3111. }
  3112. a.text-primary:hover {
  3113. color: #6254b2;
  3114. }
  3115. .text-primary {
  3116. color: #7266ba;
  3117. }
  3118. .text-primary-lt {
  3119. color: #8278c2;
  3120. }
  3121. .text-primary-lter {
  3122. color: #9289ca;
  3123. }
  3124. .text-primary-dk {
  3125. color: #6254b2;
  3126. }
  3127. .text-primary-dker {
  3128. color: #564aa3;
  3129. }
  3130. a.bg-info:hover {
  3131. background-color: #19a9d5;
  3132. }
  3133. a.text-info:hover {
  3134. color: #19a9d5;
  3135. }
  3136. .text-info {
  3137. color: #23b7e5;
  3138. }
  3139. .text-info-lt {
  3140. color: #3abee8;
  3141. }
  3142. .text-info-lter {
  3143. color: #51c6ea;
  3144. }
  3145. .text-info-dk {
  3146. color: #19a9d5;
  3147. }
  3148. .text-info-dker {
  3149. color: #1797be;
  3150. }
  3151. a.bg-success:hover {
  3152. background-color: #23ad44;
  3153. }
  3154. a.text-success:hover {
  3155. color: #23ad44;
  3156. }
  3157. .text-success {
  3158. color: #27c24c;
  3159. }
  3160. .text-success-lt {
  3161. color: #2ed556;
  3162. }
  3163. .text-success-lter {
  3164. color: #43d967;
  3165. }
  3166. .text-success-dk {
  3167. color: #23ad44;
  3168. }
  3169. .text-success-dker {
  3170. color: #1e983b;
  3171. }
  3172. a.bg-warning:hover {
  3173. background-color: #f9d21a;
  3174. }
  3175. a.text-warning:hover {
  3176. color: #f9d21a;
  3177. }
  3178. .text-warning {
  3179. color: #fad733;
  3180. }
  3181. .text-warning-lt {
  3182. color: #fbdc4c;
  3183. }
  3184. .text-warning-lter {
  3185. color: #fbe165;
  3186. }
  3187. .text-warning-dk {
  3188. color: #f9d21a;
  3189. }
  3190. .text-warning-dker {
  3191. color: #f4ca06;
  3192. }
  3193. a.bg-danger:hover {
  3194. background-color: #ee3939;
  3195. }
  3196. a.text-danger:hover {
  3197. color: #ee3939;
  3198. }
  3199. .text-danger {
  3200. color: #f05050;
  3201. }
  3202. .text-danger-lt {
  3203. color: #f26767;
  3204. }
  3205. .text-danger-lter {
  3206. color: #f47f7f;
  3207. }
  3208. .text-danger-dk {
  3209. color: #ee3939;
  3210. }
  3211. .text-danger-dker {
  3212. color: #ec2121;
  3213. }
  3214. a.bg-dark:hover {
  3215. background-color: #2f3342;
  3216. }
  3217. a.text-dark:hover {
  3218. color: #2f3342;
  3219. }
  3220. .text-dark {
  3221. color: #3a3f51;
  3222. }
  3223. .text-dark-lt {
  3224. color: #454b60;
  3225. }
  3226. .text-dark-lter {
  3227. color: #4f566f;
  3228. }
  3229. .text-dark-dk {
  3230. color: #2f3342;
  3231. }
  3232. .text-dark-dker {
  3233. color: #252833;
  3234. }
  3235. a.bg-#000000:hover {
  3236. background-color: #131e25;
  3237. }
  3238. a.text-#000000:hover {
  3239. color: #131e25;
  3240. }
  3241. .text-#000000 {
  3242. color: #1c2b36;
  3243. }
  3244. .text-#000000-lt {
  3245. color: #253847;
  3246. }
  3247. .text-#000000-lter {
  3248. color: #2d4658;
  3249. }
  3250. .text-#000000-dk {
  3251. color: #131e25;
  3252. }
  3253. .text-#000000-dker {
  3254. color: #0b1014;
  3255. }
  3256. .text-white {
  3257. color: #fff;
  3258. }
  3259. .text-muted {
  3260. color: #98a6ad;
  3261. }
  3262. .pos-rlt {
  3263. position: relative;
  3264. }
  3265. .pos-stc {
  3266. position: static !important;
  3267. }
  3268. .pos-abt {
  3269. position: absolute;
  3270. }
  3271. .pos-fix {
  3272. position: fixed;
  3273. }
  3274. .show {
  3275. visibility: visible;
  3276. }
  3277. .line {
  3278. width: 100%;
  3279. height: 2px;
  3280. margin: 10px 0;
  3281. overflow: hidden;
  3282. font-size: 0;
  3283. }
  3284. .line-xs {
  3285. margin: 0;
  3286. }
  3287. .line-lg {
  3288. margin-top: 15px;
  3289. margin-bottom: 15px;
  3290. }
  3291. .line-dashed {
  3292. background-color: transparent;
  3293. border-style: dashed !important;
  3294. border-width: 0;
  3295. }
  3296. .no-line {
  3297. border-width: 0;
  3298. }
  3299. .no-border,
  3300. .no-borders {
  3301. border-color: transparent;
  3302. border-width: 0;
  3303. }
  3304. .no-radius {
  3305. border-radius: 0;
  3306. }
  3307. .block {
  3308. display: block;
  3309. }
  3310. .block.hide {
  3311. display: none;
  3312. }
  3313. .inline {
  3314. display: inline-block !important;
  3315. }
  3316. .none {
  3317. display: none;
  3318. }
  3319. .pull-none {
  3320. float: none;
  3321. }
  3322. .rounded {
  3323. border-radius: 500px;
  3324. }
  3325. .clear {
  3326. display: block;
  3327. overflow: hidden;
  3328. }
  3329. .no-bg {
  3330. color: inherit;
  3331. background-color: transparent;
  3332. }
  3333. .no-select {
  3334. -webkit-user-select: none;
  3335. -khtml-user-select: none;
  3336. -moz-user-select: none;
  3337. -ms-user-select: none;
  3338. user-select: none;
  3339. -webkit-touch-callout: none;
  3340. }
  3341. .l-h {
  3342. line-height: 1.42857143;
  3343. }
  3344. .l-h-0x {
  3345. line-height: 0;
  3346. }
  3347. .l-h-1x {
  3348. line-height: 1.2;
  3349. }
  3350. .l-h-2x {
  3351. line-height: 2em;
  3352. }
  3353. .l-s-1x {
  3354. letter-spacing: 1;
  3355. }
  3356. .l-s-2x {
  3357. letter-spacing: 2;
  3358. }
  3359. .l-s-3x {
  3360. letter-spacing: 3;
  3361. }
  3362. .font-normal {
  3363. font-weight: normal;
  3364. }
  3365. .font-thin {
  3366. font-weight: 300;
  3367. }
  3368. .font-bold {
  3369. font-weight: 700;
  3370. }
  3371. .text-3x {
  3372. font-size: 3em;
  3373. }
  3374. .text-2x {
  3375. font-size: 2em;
  3376. }
  3377. .text-lg {
  3378. font-size: 18px;
  3379. }
  3380. .text-md {
  3381. font-size: 16px;
  3382. }
  3383. .text-base {
  3384. font-size: 14px;
  3385. }
  3386. .text-sm {
  3387. font-size: 13px;
  3388. }
  3389. .text-xs {
  3390. font-size: 12px;
  3391. }
  3392. .text-xxs {
  3393. text-indent: -9999px;
  3394. }
  3395. .text-ellipsis {
  3396. display: block;
  3397. overflow: hidden;
  3398. text-overflow: ellipsis;
  3399. white-space: nowrap;
  3400. }
  3401. .text-u-c {
  3402. text-transform: uppercase;
  3403. }
  3404. .text-l-t {
  3405. text-decoration: line-through;
  3406. }
  3407. .text-u-l {
  3408. text-decoration: underline;
  3409. }
  3410. .text-active,
  3411. .active > .text,
  3412. .active > .auto .text {
  3413. display: none !important;
  3414. }
  3415. .active > .text-active,
  3416. .active > .auto .text-active {
  3417. display: inline-block !important;
  3418. }
  3419. .box-shadow {
  3420. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  3421. }
  3422. .box-shadow-lg {
  3423. box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
  3424. }
  3425. .text-shadow {
  3426. font-size: 170px;
  3427. text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);
  3428. }
  3429. .no-shadow {
  3430. -webkit-box-shadow: none !important;
  3431. box-shadow: none !important;
  3432. }
  3433. .wrapper-xs {
  3434. padding: 5px;
  3435. }
  3436. .wrapper-sm {
  3437. padding: 10px;
  3438. }
  3439. .wrapper {
  3440. padding: 15px;
  3441. }
  3442. .wrapper-md {
  3443. padding: 20px;
  3444. }
  3445. .wrapper-lg {
  3446. padding: 30px;
  3447. }
  3448. .wrapper-xl {
  3449. padding: 50px;
  3450. }
  3451. .padder-lg {
  3452. padding-right: 30px;
  3453. padding-left: 30px;
  3454. }
  3455. .padder-md {
  3456. padding-right: 20px;
  3457. padding-left: 20px;
  3458. }
  3459. .padder {
  3460. padding-right: 15px;
  3461. padding-left: 15px;
  3462. }
  3463. .padder-v {
  3464. padding-top: 15px;
  3465. padding-bottom: 15px;
  3466. }
  3467. .no-padder {
  3468. padding: 0 !important;
  3469. }
  3470. .pull-in {
  3471. margin-right: -15px;
  3472. margin-left: -15px;
  3473. }
  3474. .pull-out {
  3475. margin: -10px -15px;
  3476. }
  3477. .b {
  3478. border: 1px solid rgba(0, 0, 0, 0.05);
  3479. }
  3480. .b-a {
  3481. border: 1px solid #dee5e7;
  3482. }
  3483. .b-t {
  3484. border-top: 1px solid #dee5e7;
  3485. }
  3486. .b-r {
  3487. border-right: 1px solid #dee5e7;
  3488. }
  3489. .b-b {
  3490. border-bottom: 1px solid #dee5e7;
  3491. }
  3492. .b-l {
  3493. border-left: 1px solid #dee5e7;
  3494. }
  3495. .b-light {
  3496. border-color: #edf1f2;
  3497. }
  3498. .b-dark {
  3499. border-color: #3a3f51;
  3500. }
  3501. .b-black {
  3502. border-color: #3a3f51;
  3503. }
  3504. .b-primary {
  3505. border-color: #7266ba;
  3506. }
  3507. .b-success {
  3508. border-color: #27c24c;
  3509. }
  3510. .b-info {
  3511. border-color: #23b7e5;
  3512. }
  3513. .b-warning {
  3514. border-color: #fad733;
  3515. }
  3516. .b-danger {
  3517. border-color: #f05050;
  3518. }
  3519. .b-white {
  3520. border-color: #ffffff;
  3521. }
  3522. .b-dashed {
  3523. border-style: dashed !important;
  3524. }
  3525. .b-l-light {
  3526. border-left-color: #edf1f2;
  3527. }
  3528. .b-l-dark {
  3529. border-left-color: #3a3f51;
  3530. }
  3531. .b-l-black {
  3532. border-left-color: #3a3f51;
  3533. }
  3534. .b-l-primary {
  3535. border-left-color: #7266ba;
  3536. }
  3537. .b-l-success {
  3538. border-left-color: #27c24c;
  3539. }
  3540. .b-l-info {
  3541. border-left-color: #23b7e5;
  3542. }
  3543. .b-l-warning {
  3544. border-left-color: #fad733;
  3545. }
  3546. .b-l-danger {
  3547. border-left-color: #f05050;
  3548. }
  3549. .b-l-white {
  3550. border-left-color: #ffffff;
  3551. }
  3552. .b-l-2x {
  3553. border-left-width: 2px;
  3554. }
  3555. .b-l-3x {
  3556. border-left-width: 3px;
  3557. }
  3558. .b-l-4x {
  3559. border-left-width: 4px;
  3560. }
  3561. .b-l-5x {
  3562. border-left-width: 5px;
  3563. }
  3564. .b-2x {
  3565. border-width: 2px;
  3566. }
  3567. .b-3x {
  3568. border-width: 3px;
  3569. }
  3570. .b-4x {
  3571. border-width: 4px;
  3572. }
  3573. .b-5x {
  3574. border-width: 5px;
  3575. }
  3576. .r {
  3577. border-radius: 2px 2px 2px 2px;
  3578. }
  3579. .r-2x {
  3580. border-radius: 4px;
  3581. }
  3582. .r-3x {
  3583. border-radius: 6px;
  3584. }
  3585. .r-l {
  3586. border-radius: 2px 0 0 2px;
  3587. }
  3588. .r-r {
  3589. border-radius: 0 2px 2px 0;
  3590. }
  3591. .r-t {
  3592. border-radius: 2px 2px 0 0;
  3593. }
  3594. .r-b {
  3595. border-radius: 0 0 2px 2px;
  3596. }
  3597. .m-xxs {
  3598. margin: 2px 4px;
  3599. }
  3600. .m-xs {
  3601. margin: 5px;
  3602. }
  3603. .m-sm {
  3604. margin: 10px;
  3605. }
  3606. .m {
  3607. margin: 15px;
  3608. }
  3609. .m-md {
  3610. margin: 20px;
  3611. }
  3612. .m-lg {
  3613. margin: 30px;
  3614. }
  3615. .m-xl {
  3616. margin: 50px;
  3617. }
  3618. .m-n {
  3619. margin: 0 !important;
  3620. }
  3621. .m-l-none {
  3622. margin-left: 0 !important;
  3623. }
  3624. .m-l-xs {
  3625. margin-left: 5px;
  3626. }
  3627. .m-l-sm {
  3628. margin-left: 10px;
  3629. }
  3630. .m-l {
  3631. margin-left: 15px;
  3632. }
  3633. .m-l-md {
  3634. margin-left: 20px;
  3635. }
  3636. .m-l-lg {
  3637. margin-left: 30px;
  3638. }
  3639. .m-l-xl {
  3640. margin-left: 40px;
  3641. }
  3642. .m-l-xxl {
  3643. margin-left: 50px;
  3644. }
  3645. .m-l-n-xxs {
  3646. margin-left: -1px;
  3647. }
  3648. .m-l-n-xs {
  3649. margin-left: -5px;
  3650. }
  3651. .m-l-n-sm {
  3652. margin-left: -10px;
  3653. }
  3654. .m-l-n {
  3655. margin-left: -15px;
  3656. }
  3657. .m-l-n-md {
  3658. margin-left: -20px;
  3659. }
  3660. .m-l-n-lg {
  3661. margin-left: -30px;
  3662. }
  3663. .m-l-n-xl {
  3664. margin-left: -40px;
  3665. }
  3666. .m-l-n-xxl {
  3667. margin-left: -50px;
  3668. }
  3669. .m-t-none {
  3670. margin-top: 0 !important;
  3671. }
  3672. .m-t-xxs {
  3673. margin-top: 1px;
  3674. }
  3675. .m-t-xs {
  3676. margin-top: 5px;
  3677. }
  3678. .m-t-sm {
  3679. margin-top: 10px;
  3680. }
  3681. .m-t {
  3682. margin-top: 15px;
  3683. }
  3684. .m-t-md {
  3685. margin-top: 20px;
  3686. }
  3687. .m-t-lg {
  3688. margin-top: 30px;
  3689. }
  3690. .m-t-xl {
  3691. margin-top: 40px;
  3692. }
  3693. .m-t-xxl {
  3694. margin-top: 50px;
  3695. }
  3696. .m-t-n-xxs {
  3697. margin-top: -1px;
  3698. }
  3699. .m-t-n-xs {
  3700. margin-top: -5px;
  3701. }
  3702. .m-t-n-sm {
  3703. margin-top: -10px;
  3704. }
  3705. .m-t-n {
  3706. margin-top: -15px;
  3707. }
  3708. .m-t-n-md {
  3709. margin-top: -20px;
  3710. }
  3711. .m-t-n-lg {
  3712. margin-top: -30px;
  3713. }
  3714. .m-t-n-xl {
  3715. margin-top: -40px;
  3716. }
  3717. .m-t-n-xxl {
  3718. margin-top: -50px;
  3719. }
  3720. .m-r-none {
  3721. margin-right: 0 !important;
  3722. }
  3723. .m-r-xxs {
  3724. margin-right: 1px;
  3725. }
  3726. .m-r-xs {
  3727. margin-right: 5px;
  3728. }
  3729. .m-r-sm {
  3730. margin-right: 10px;
  3731. }
  3732. .m-r {
  3733. margin-right: 15px;
  3734. }
  3735. .m-r-md {
  3736. margin-right: 20px;
  3737. }
  3738. .m-r-lg {
  3739. margin-right: 30px;
  3740. }
  3741. .m-r-xl {
  3742. margin-right: 40px;
  3743. }
  3744. .m-r-xxl {
  3745. margin-right: 50px;
  3746. }
  3747. .m-r-n-xxs {
  3748. margin-right: -1px;
  3749. }
  3750. .m-r-n-xs {
  3751. margin-right: -5px;
  3752. }
  3753. .m-r-n-sm {
  3754. margin-right: -10px;
  3755. }
  3756. .m-r-n {
  3757. margin-right: -15px;
  3758. }
  3759. .m-r-n-md {
  3760. margin-right: -20px;
  3761. }
  3762. .m-r-n-lg {
  3763. margin-right: -30px;
  3764. }
  3765. .m-r-n-xl {
  3766. margin-right: -40px;
  3767. }
  3768. .m-r-n-xxl {
  3769. margin-right: -50px;
  3770. }
  3771. .m-b-none {
  3772. margin-bottom: 0 !important;
  3773. }
  3774. .m-b-xxs {
  3775. margin-bottom: 1px;
  3776. }
  3777. .m-b-xs {
  3778. margin-bottom: 5px;
  3779. }
  3780. .m-b-sm {
  3781. margin-bottom: 10px;
  3782. }
  3783. .m-b {
  3784. margin-bottom: 15px;
  3785. }
  3786. .m-b-md {
  3787. margin-bottom: 20px;
  3788. }
  3789. .m-b-lg {
  3790. margin-bottom: 30px;
  3791. }
  3792. .m-b-xl {
  3793. margin-bottom: 40px;
  3794. }
  3795. .m-b-xxl {
  3796. margin-bottom: 50px;
  3797. }
  3798. .m-b-n-xxs {
  3799. margin-bottom: -1px;
  3800. }
  3801. .m-b-n-xs {
  3802. margin-bottom: -5px;
  3803. }
  3804. .m-b-n-sm {
  3805. margin-bottom: -10px;
  3806. }
  3807. .m-b-n {
  3808. margin-bottom: -15px;
  3809. }
  3810. .m-b-n-md {
  3811. margin-bottom: -20px;
  3812. }
  3813. .m-b-n-lg {
  3814. margin-bottom: -30px;
  3815. }
  3816. .m-b-n-xl {
  3817. margin-bottom: -40px;
  3818. }
  3819. .m-b-n-xxl {
  3820. margin-bottom: -50px;
  3821. }
  3822. .avatar {
  3823. position: relative;
  3824. display: block;
  3825. white-space: nowrap;
  3826. border-radius: 500px;
  3827. }
  3828. .avatar img {
  3829. width: 100%;
  3830. border-radius: 500px;
  3831. }
  3832. .avatar i {
  3833. position: absolute;
  3834. top: 0;
  3835. left: 0;
  3836. width: 10px;
  3837. height: 10px;
  3838. margin: 2px;
  3839. border-style: solid;
  3840. border-width: 2px;
  3841. border-radius: 100%;
  3842. }
  3843. .avatar i.right {
  3844. right: 0;
  3845. left: auto;
  3846. }
  3847. .avatar i.bottom {
  3848. top: auto;
  3849. right: 0;
  3850. bottom: 0;
  3851. left: auto;
  3852. }
  3853. .avatar i.left {
  3854. top: auto;
  3855. bottom: 0;
  3856. }
  3857. .avatar i.on {
  3858. background-color: #27c24c;
  3859. }
  3860. .avatar i.off {
  3861. background-color: #98a6ad;
  3862. }
  3863. .avatar i.busy {
  3864. background-color: #f05050;
  3865. }
  3866. .avatar i.away {
  3867. background-color: #fad733;
  3868. }
  3869. .avatar.thumb-md i {
  3870. width: 12px;
  3871. height: 12px;
  3872. margin: 3px;
  3873. }
  3874. .avatar.thumb-sm i {
  3875. margin: 1px;
  3876. }
  3877. .avatar.thumb-xs i {
  3878. margin: 0;
  3879. }
  3880. .w-xxs {
  3881. width: 60px;
  3882. }
  3883. .w-xs {
  3884. width: 90px;
  3885. }
  3886. .w-sm {
  3887. width: 150px;
  3888. }
  3889. .w {
  3890. width: 200px;
  3891. }
  3892. .w-md {
  3893. width: 240px;
  3894. }
  3895. .w-lg {
  3896. width: 280px;
  3897. }
  3898. .w-xl {
  3899. width: 320px;
  3900. }
  3901. .w-xxl {
  3902. width: 360px;
  3903. }
  3904. .w-full {
  3905. width: 100%;
  3906. }
  3907. .w-auto {
  3908. width: auto;
  3909. }
  3910. .h-auto {
  3911. height: auto;
  3912. }
  3913. .h-full {
  3914. height: 100%;
  3915. }
  3916. .thumb-xl {
  3917. display: inline-block;
  3918. width: 128px;
  3919. }
  3920. .thumb-lg {
  3921. display: inline-block;
  3922. width: 96px;
  3923. }
  3924. .thumb-md {
  3925. display: inline-block;
  3926. width: 64px;
  3927. }
  3928. .thumb {
  3929. display: inline-block;
  3930. width: 50px;
  3931. }
  3932. .thumb-sm {
  3933. display: inline-block;
  3934. width: 40px;
  3935. }
  3936. .thumb-xs {
  3937. display: inline-block;
  3938. width: 34px;
  3939. }
  3940. .thumb-xxs {
  3941. display: inline-block;
  3942. width: 30px;
  3943. }
  3944. .thumb-wrapper {
  3945. padding: 2px;
  3946. border: 1px solid #dee5e7;
  3947. }
  3948. .thumb img,
  3949. .thumb-xs img,
  3950. .thumb-sm img,
  3951. .thumb-md img,
  3952. .thumb-lg img,
  3953. .thumb-btn img {
  3954. height: auto;
  3955. max-width: 100%;
  3956. vertical-align: middle;
  3957. }
  3958. .img-full {
  3959. width: 100%;
  3960. }
  3961. .img-full img {
  3962. width: 100%;
  3963. }
  3964. .scrollable {
  3965. overflow-x: hidden;
  3966. overflow-y: auto;
  3967. -webkit-overflow-scrolling: touch;
  3968. }
  3969. .scrollable.hover {
  3970. overflow-y: hidden !important;
  3971. }
  3972. .scrollable.hover:hover {
  3973. overflow: visible !important;
  3974. overflow-y: auto !important;
  3975. }
  3976. .smart .scrollable {
  3977. overflow-y: auto !important;
  3978. }
  3979. .scroll-x,
  3980. .scroll-y {
  3981. overflow: hidden;
  3982. -webkit-overflow-scrolling: touch;
  3983. }
  3984. .scroll-y {
  3985. overflow-y: auto;
  3986. }
  3987. .scroll-x {
  3988. overflow-x: auto;
  3989. }
  3990. .hover-action {
  3991. display: none;
  3992. }
  3993. .hover-rotate {
  3994. -webkit-transition: all 0.2s ease-in-out 0.1s;
  3995. transition: all 0.2s ease-in-out 0.1s;
  3996. }
  3997. .hover-anchor:hover > .hover-action,
  3998. .hover-anchor:focus > .hover-action,
  3999. .hover-anchor:active > .hover-action {
  4000. display: inherit;
  4001. }
  4002. .hover-anchor:hover > .hover-rotate,
  4003. .hover-anchor:focus > .hover-rotate,
  4004. .hover-anchor:active > .hover-rotate {
  4005. -webkit-transform: rotate(90deg);
  4006. -ms-transform: rotate(90deg);
  4007. transform: rotate(90deg);
  4008. }
  4009. .backdrop {
  4010. position: absolute;
  4011. top: 0;
  4012. right: 0;
  4013. bottom: 0;
  4014. left: 0;
  4015. z-index: 1050;
  4016. }
  4017. .backdrop.fade {
  4018. opacity: 0;
  4019. filter: alpha(opacity=0);
  4020. }
  4021. .backdrop.in {
  4022. opacity: 0.8;
  4023. filter: alpha(opacity=80);
  4024. }
  4025. /*desktop*/
  4026. @media screen and (min-width: 992px) {
  4027. .col-lg-2-4 {
  4028. float: left;
  4029. width: 20.000%;
  4030. }
  4031. }
  4032. @media (min-width: 768px) and (max-width: 991px) {
  4033. .hidden-sm.show {
  4034. display: inherit !important;
  4035. }
  4036. }
  4037. /*phone*/
  4038. @media (max-width: 767px) {
  4039. .w-auto-xs {
  4040. width: auto;
  4041. }
  4042. .shift {
  4043. display: none !important;
  4044. }
  4045. .shift.in {
  4046. display: block !important;
  4047. }
  4048. .row-2 [class*="col"] {
  4049. float: left;
  4050. width: 50%;
  4051. }
  4052. .row-2 .col-0 {
  4053. clear: none;
  4054. }
  4055. .row-2 li:nth-child(odd) {
  4056. margin-left: 0;
  4057. clear: left;
  4058. }
  4059. .text-center-xs {
  4060. text-align: center;
  4061. }
  4062. .text-left-xs {
  4063. text-align: left;
  4064. }
  4065. .text-right-xs {
  4066. text-align: right;
  4067. }
  4068. .no-border-xs {
  4069. border-width: 0;
  4070. }
  4071. .pull-none-xs {
  4072. float: none !important;
  4073. }
  4074. .pull-right-xs {
  4075. float: right !important;
  4076. }
  4077. .pull-left-xs {
  4078. float: left !important;
  4079. }
  4080. .dropdown-menu.pull-none-xs {
  4081. left: 0;
  4082. }
  4083. .hidden-xs.show {
  4084. display: inherit !important;
  4085. }
  4086. .wrapper-lg,
  4087. .wrapper-md {
  4088. padding: 15px;
  4089. }
  4090. .padder-lg,
  4091. .padder-md {
  4092. padding-right: 15px;
  4093. padding-left: 15px;
  4094. }
  4095. }
  4096. .butterbar {
  4097. position: relative;
  4098. height: 3px;
  4099. margin-bottom: -3px;
  4100. }
  4101. .butterbar .bar {
  4102. position: absolute;
  4103. width: 100%;
  4104. height: 0;
  4105. text-indent: -9999px;
  4106. background-color: #23b7e5;
  4107. }
  4108. .butterbar .bar:before {
  4109. position: absolute;
  4110. right: 50%;
  4111. left: 50%;
  4112. height: 3px;
  4113. background-color: inherit;
  4114. content: "";
  4115. }
  4116. .butterbar.active {
  4117. -webkit-animation: changebar 2.25s infinite 0.75s;
  4118. -moz-animation: changebar 2.25s infinite 0.75s;
  4119. animation: changebar 2.25s infinite 0.75s;
  4120. }
  4121. .butterbar.active .bar {
  4122. -webkit-animation: changebar 2.25s infinite;
  4123. -moz-animation: changebar 2.25s infinite;
  4124. animation: changebar 2.25s infinite;
  4125. }
  4126. .butterbar.active .bar:before {
  4127. -webkit-animation: movingbar 0.75s infinite;
  4128. -moz-animation: movingbar 0.75s infinite;
  4129. animation: movingbar 0.75s infinite;
  4130. }
  4131. /* Moving bar */
  4132. @-webkit-keyframes movingbar {
  4133. 0% {
  4134. right: 50%;
  4135. left: 50%;
  4136. }
  4137. 99.9% {
  4138. right: 0;
  4139. left: 0;
  4140. }
  4141. 100% {
  4142. right: 50%;
  4143. left: 50%;
  4144. }
  4145. }
  4146. @-moz-keyframes movingbar {
  4147. 0% {
  4148. right: 50%;
  4149. left: 50%;
  4150. }
  4151. 99.9% {
  4152. right: 0;
  4153. left: 0;
  4154. }
  4155. 100% {
  4156. right: 50%;
  4157. left: 50%;
  4158. }
  4159. }
  4160. @keyframes movingbar {
  4161. 0% {
  4162. right: 50%;
  4163. left: 50%;
  4164. }
  4165. 99.9% {
  4166. right: 0;
  4167. left: 0;
  4168. }
  4169. 100% {
  4170. right: 50%;
  4171. left: 50%;
  4172. }
  4173. }
  4174. /* change bar */
  4175. @-webkit-keyframes changebar {
  4176. 0% {
  4177. background-color: #23b7e5;
  4178. }
  4179. 33.3% {
  4180. background-color: #23b7e5;
  4181. }
  4182. 33.33% {
  4183. background-color: #fad733;
  4184. }
  4185. 66.6% {
  4186. background-color: #fad733;
  4187. }
  4188. 66.66% {
  4189. background-color: #7266ba;
  4190. }
  4191. 99.9% {
  4192. background-color: #7266ba;
  4193. }
  4194. }
  4195. @-moz-keyframes changebar {
  4196. 0% {
  4197. background-color: #23b7e5;
  4198. }
  4199. 33.3% {
  4200. background-color: #23b7e5;
  4201. }
  4202. 33.33% {
  4203. background-color: #fad733;
  4204. }
  4205. 66.6% {
  4206. background-color: #fad733;
  4207. }
  4208. 66.66% {
  4209. background-color: #7266ba;
  4210. }
  4211. 99.9% {
  4212. background-color: #7266ba;
  4213. }
  4214. }
  4215. @keyframes changebar {
  4216. 0% {
  4217. background-color: #23b7e5;
  4218. }
  4219. 33.3% {
  4220. background-color: #23b7e5;
  4221. }
  4222. 33.33% {
  4223. background-color: #fad733;
  4224. }
  4225. 66.6% {
  4226. background-color: #fad733;
  4227. }
  4228. 66.66% {
  4229. background-color: #7266ba;
  4230. }
  4231. 99.9% {
  4232. background-color: #7266ba;
  4233. }
  4234. }