style.css 101 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382
  1. h1,h2,h3,h4,h5,h6{font-weight:100}
  2. h1{font-size:30px}
  3. h2{font-size:24px}
  4. h3{font-size:16px}
  5. h4{font-size:14px}
  6. h5{font-size:12px}
  7. h6{font-size:10px}
  8. h3,h4,h5{margin-top:5px;font-weight:600}
  9. .nav>li>a{color:#a7b1c2;font-weight:600;padding:14px 20px 14px 25px}
  10. .nav.navbar-right>li>a{color:#999c9e}
  11. .nav>li.active>a{color:#fff}
  12. .navbar-default .nav>li>a:focus,.navbar-default .nav>li>a:hover{background-color:#293846;color:#fff}
  13. .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background:#fff}
  14. .nav.navbar-top-links>li>a:focus,.nav.navbar-top-links>li>a:hover{background-color:transparent}
  15. .nav>li>a i{margin-right:6px}
  16. .navbar{border:0}
  17. .navbar-default{background-color:transparent;border-color:#2f4050}
  18. .navbar-top-links li{display:inline-block}
  19. .navbar-top-links li:last-child{margin-right:40px}
  20. body.body-small .navbar-top-links li:last-child{margin-right:10px}
  21. .navbar-top-links li a{padding:20px 10px;min-height:50px}
  22. .dropdown-menu{border:medium none;border-radius:3px;box-shadow:0 0 3px rgba(86,96,117,.7);display:none;float:left;font-size:12px;left:0;list-style:none outside none;padding:0;position:absolute;text-shadow:none;top:100%;z-index:1000}
  23. .dropdown-menu>li>a{border-radius:3px;color:inherit;line-height:25px;margin:4px;text-align:left;font-weight:400}
  24. .dropdown-menu>li>a.font-bold{font-weight:600}
  25. .navbar-top-links .dropdown-menu li{display:block}
  26. .navbar-top-links .dropdown-menu li:last-child{margin-right:0}
  27. .navbar-top-links .dropdown-menu li a{padding:3px 20px;min-height:0}
  28. .navbar-top-links .dropdown-menu li a div{white-space:normal}
  29. .navbar-top-links .dropdown-alerts,.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks{width:310px;min-width:0}
  30. .navbar-top-links .dropdown-messages{margin-left:5px}
  31. .navbar-top-links .dropdown-tasks{margin-left:-59px}
  32. .navbar-top-links .dropdown-alerts{margin-left:-123px}
  33. .navbar-top-links .dropdown-user{right:0;left:auto}
  34. .dropdown-alerts,.dropdown-messages{padding:10px 10px 10px 10px}
  35. .dropdown-alerts li a,.dropdown-messages li a{font-size:12px}
  36. .dropdown-alerts li em,.dropdown-messages li em{font-size:10px}
  37. .nav.navbar-top-links .dropdown-alerts a{font-size:12px}
  38. .nav-header{padding:33px 25px;background:url(patterns/header-profile.png) no-repeat}
  39. .pace-done .nav-header{transition:all .5s}
  40. .nav>li.active{border-left:4px solid #19aa8d;background:#293846}
  41. .nav.nav-second-level>li.active{border:none}
  42. .nav.nav-second-level.collapse[style]{height:auto!important}
  43. .nav-header a{color:#DFE4ED}
  44. .nav-header .text-muted{color:#8095a8}
  45. .minimalize-styl-2{padding:4px 12px;margin:14px 5px 5px 20px;font-size:14px;float:left}
  46. .navbar-form-custom{float:left;height:50px;padding:0;width:200px;display:inline-table}
  47. .navbar-form-custom .form-group{margin-bottom:0}
  48. .nav.navbar-top-links a{font-size:14px}
  49. .navbar-form-custom .form-control{background:none repeat scroll 0 0 rgba(0,0,0,0);border:medium none;font-size:14px;height:60px;margin:0;z-index:2000}
  50. .count-info .label{line-height:12px;padding:2px 5px;position:absolute;right:6px;top:12px}
  51. .arrow{float:right}
  52. .fa.arrow:before{content:"\f104"}
  53. .active>a>.fa.arrow:before{content:"\f107"}
  54. .nav-second-level li,.nav-third-level li{border-bottom:none!important}
  55. .nav-second-level li a{padding:7px 10px 7px 10px;padding-left:52px}
  56. .nav-third-level li a{padding-left:62px}
  57. .nav-second-level li:last-child{margin-bottom:10px}
  58. .mini-navbar .nav li:focus>.nav-second-level,body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover>.nav-second-level{display:block;border-radius:0 2px 2px 0;min-width:140px;height:auto}
  59. body.mini-navbar .navbar-default .nav>li>.nav-second-level li a{font-size:12px;border-radius:3px}
  60. .fixed-nav .slimScrollDiv #side-menu{padding-bottom:60px}
  61. .mini-navbar .nav-second-level li a{padding:10px 10px 10px 15px}
  62. .mini-navbar .nav-second-level{position:absolute;left:70px;top:0;background-color:#2f4050;padding:10px 10px 10px 10px;font-size:12px}
  63. .canvas-menu.mini-navbar .nav-second-level{background:#293846}
  64. .mini-navbar li.active .nav-second-level{left:65px}
  65. .navbar-default .special_link a{background:#1ab394;color:#fff}
  66. .navbar-default .special_link a:hover{background:#17987e!important;color:#fff}
  67. .navbar-default .special_link a span.label{background:#fff;color:#1ab394}
  68. .navbar-default .landing_link a{background:#1cc09f;color:#fff}
  69. .navbar-default .landing_link a:hover{background:#1ab394!important;color:#fff}
  70. .navbar-default .landing_link a span.label{background:#fff;color:#1cc09f}
  71. .logo-element{text-align:center;font-size:18px;font-weight:600;color:#fff;display:none;padding:18px 0}
  72. .pace-done #page-wrapper,.pace-done .footer,.pace-done .nav-header,.pace-done .navbar-static-side,.pace-done li.active{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
  73. .navbar-fixed-top{background:#fff;transition-duration:.5s;border-bottom:1px solid #e7eaec!important;z-index:2030}
  74. .navbar-fixed-top,.navbar-static-top{background:#f3f3f4}
  75. .fixed-nav #wrapper{margin-top:60px}
  76. .fixed-nav .minimalize-styl-2{margin:14px 5px 5px 15px}
  77. .body-small .navbar-fixed-top{margin-left:0}
  78. body.mini-navbar .navbar-static-side{width:70px}
  79. body.mini-navbar .nav-label,body.mini-navbar .navbar-default .nav li a span,body.mini-navbar .profile-element{display:none}
  80. body.canvas-menu .profile-element{display:block}
  81. body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level{display:none}
  82. body.mini-navbar .navbar-default .nav>li>a{font-size:16px}
  83. body.mini-navbar .logo-element{display:block}
  84. body.canvas-menu .logo-element{display:none}
  85. body.mini-navbar .nav-header{padding:0;background-color:#1ab394}
  86. body.canvas-menu .nav-header{padding:33px 25px}
  87. body.mini-navbar #page-wrapper{margin:0 0 0 70px}
  88. body.canvas-menu.mini-navbar .footer,body.fixed-sidebar.mini-navbar .footer{margin:0!important}
  89. body.canvas-menu.mini-navbar #page-wrapper,body.canvas-menu.mini-navbar .footer{margin:0}
  90. body.canvas-menu .navbar-static-side,body.fixed-sidebar .navbar-static-side{position:fixed;width:220px;z-index:2001;height:100%}
  91. body.fixed-sidebar.mini-navbar .navbar-static-side{width:0}
  92. body.fixed-sidebar.mini-navbar #page-wrapper{margin:0}
  93. body.body-small.fixed-sidebar.mini-navbar #page-wrapper{margin:0 0 0 220px}
  94. body.body-small.fixed-sidebar.mini-navbar .navbar-static-side{width:220px}
  95. .canvas-menu.mini-navbar .nav li:focus>.nav-second-level,.fixed-sidebar.mini-navbar .nav li:focus>.nav-second-level{display:block;height:auto}
  96. body.fixed-sidebar.mini-navbar .navbar-default .nav>li>.nav-second-level li a{font-size:12px;border-radius:3px}
  97. body.canvas-menu.mini-navbar .navbar-default .nav>li>.nav-second-level li a{font-size:13px;border-radius:3px}
  98. .canvas-menu.mini-navbar .nav-second-level li a,.fixed-sidebar.mini-navbar .nav-second-level li a{padding:10px 10px 10px 15px}
  99. .canvas-menu.mini-navbar .nav-second-level,.fixed-sidebar.mini-navbar .nav-second-level{position:relative;padding:0;font-size:13px}
  100. .canvas-menu.mini-navbar li.active .nav-second-level,.fixed-sidebar.mini-navbar li.active .nav-second-level{left:0}
  101. body.canvas-menu.mini-navbar .navbar-default .nav>li>a,body.fixed-sidebar.mini-navbar .navbar-default .nav>li>a{font-size:13px}
  102. body.canvas-menu.mini-navbar .nav-label,body.canvas-menu.mini-navbar .navbar-default .nav li a span,body.fixed-sidebar.mini-navbar .nav-label,body.fixed-sidebar.mini-navbar .navbar-default .nav li a span{display:inline}
  103. body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span{display:block}
  104. .canvas-menu.mini-navbar .nav-second-level li a,.fixed-sidebar.mini-navbar .nav-second-level li a{padding:7px 10px 7px 52px}
  105. .canvas-menu.mini-navbar .nav-second-level,.fixed-sidebar.mini-navbar .nav-second-level{left:0}
  106. body.canvas-menu nav.navbar-static-side{z-index:2001;background:#2f4050;height:100%;position:fixed;display:none}
  107. body.canvas-menu.mini-navbar nav.navbar-static-side{display:block;width:220px}
  108. .top-navigation #page-wrapper{margin-left:0}
  109. .top-navigation .navbar-nav .dropdown-menu>.active>a{background:#fff;color:#1ab394;font-weight:700}
  110. .white-bg .navbar-fixed-top,.white-bg .navbar-static-top{background:#fff}
  111. .top-navigation .navbar{margin-bottom:0}
  112. .top-navigation .nav>li>a{padding:15px 20px;color:#676a6c}
  113. .top-navigation .nav>li a:focus,.top-navigation .nav>li a:hover{background:#fff;color:#1ab394}
  114. .top-navigation .nav>li.active{background:#fff;border:none}
  115. .top-navigation .nav>li.active>a{color:#1ab394}
  116. .top-navigation .navbar-right{margin-right:10px}
  117. .top-navigation .navbar-nav .dropdown-menu{box-shadow:none;border:1px solid #e7eaec}
  118. .top-navigation .dropdown-menu>li>a{margin:0;padding:7px 20px}
  119. .navbar .dropdown-menu{margin-top:0}
  120. .top-navigation .navbar-brand{background:#1ab394;color:#fff;padding:15px 25px}
  121. .top-navigation .navbar-top-links li:last-child{margin-right:0}
  122. .body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper,.canvas-menu #page-wrapper,.mini-navbar .top-navigation #page-wrapper,.top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,.top-navigation.mini-navbar #page-wrapper{margin:0}
  123. .fixed-nav #wrapper.top-navigation,.top-navigation.fixed-nav #wrapper{margin-top:50px}
  124. .top-navigation .footer.fixed{margin-left:0!important}
  125. .top-navigation .wrapper.wrapper-content{padding:40px}
  126. .body-small .top-navigation .wrapper.wrapper-content,.top-navigation.body-small .wrapper.wrapper-content{padding:40px 0 40px 0}
  127. .navbar-toggle{background-color:#1ab394;color:#fff;padding:6px 12px;font-size:14px}
  128. .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header,.top-navigation .navbar-nav .open .dropdown-menu>li>a{padding:10px 15px 10px 20px}
  129. @media (max-width:768px){.top-navigation .navbar-header{display:block;float:none}
  130. }
  131. .menu-visible-lg,.menu-visible-md{display:none!important}
  132. @media (min-width:1200px){.menu-visible-lg{display:block!important}
  133. }
  134. @media (min-width:992px){.menu-visible-md{display:block!important}
  135. }
  136. @media (max-width:767px){.menu-visible-md{display:block!important}
  137. .menu-visible-lg{display:block!important}
  138. }
  139. .btn{border-radius:3px}
  140. .float-e-margins .btn{margin-bottom:5px}
  141. .btn-w-m{min-width:120px}
  142. .btn-primary.btn-outline{color:#1ab394}
  143. .btn-success.btn-outline{color:#1c84c6}
  144. .btn-info.btn-outline{color:#23c6c8}
  145. .btn-warning.btn-outline{color:#f8ac59}
  146. .btn-danger.btn-outline{color:#ed5565}
  147. .btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover{color:#fff}
  148. .btn-primary{background-color:#1ab394;border-color:#1ab394;color:#FFF}
  149. .btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{background-color:#18a689;border-color:#18a689;color:#FFF}
  150. .btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{background-image:none}
  151. .btn-primary.active[disabled],.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#1dc5a3;border-color:#1dc5a3}
  152. .btn-success{background-color:#1c84c6;border-color:#1c84c6;color:#FFF}
  153. .btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success{background-color:#1a7bb9;border-color:#1a7bb9;color:#FFF}
  154. .btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-success{background-image:none}
  155. .btn-success.active[disabled],.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#1f90d8;border-color:#1f90d8}
  156. .btn-info{background-color:#23c6c8;border-color:#23c6c8;color:#FFF}
  157. .btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info{background-color:#21b9bb;border-color:#21b9bb;color:#FFF}
  158. .btn-info.active,.btn-info:active,.open .dropdown-toggle.btn-info{background-image:none}
  159. .btn-info.active[disabled],.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#26d7d9;border-color:#26d7d9}
  160. .btn-default{background-color:#c2c2c2;border-color:#c2c2c2;color:#FFF}
  161. .btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{background-color:#bababa;border-color:#bababa;color:#FFF}
  162. .btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default{background-image:none}
  163. .btn-default.active[disabled],.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#ccc;border-color:#ccc}
  164. .btn-warning{background-color:#f8ac59;border-color:#f8ac59;color:#FFF}
  165. .btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning{background-color:#f7a54a;border-color:#f7a54a;color:#FFF}
  166. .btn-warning.active,.btn-warning:active,.open .dropdown-toggle.btn-warning{background-image:none}
  167. .btn-warning.active[disabled],.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f9b66d;border-color:#f9b66d}
  168. .btn-danger{background-color:#ed5565;border-color:#ed5565;color:#FFF}
  169. .btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{background-color:#ec4758;border-color:#ec4758;color:#FFF}
  170. .btn-danger.active,.btn-danger:active,.open .dropdown-toggle.btn-danger{background-image:none}
  171. .btn-danger.active[disabled],.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#ef6776;border-color:#ef6776}
  172. .btn-link{color:inherit}
  173. .btn-link.active,.btn-link:active,.btn-link:focus,.btn-link:hover,.open .dropdown-toggle.btn-link{color:#1ab394;text-decoration:none}
  174. .btn-link.active,.btn-link:active,.open .dropdown-toggle.btn-link{background-image:none}
  175. .btn-link.active[disabled],.btn-link.disabled,.btn-link.disabled.active,.btn-link.disabled:active,.btn-link.disabled:focus,.btn-link.disabled:hover,.btn-link[disabled],.btn-link[disabled]:active,.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link,fieldset[disabled] .btn-link.active,fieldset[disabled] .btn-link:active,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#cacaca}
  176. .btn-white{color:inherit;background:#fff;border:1px solid #e7eaec}
  177. .btn-white.active,.btn-white:active,.btn-white:focus,.btn-white:hover,.open .dropdown-toggle.btn-white{color:inherit;border:1px solid #d2d2d2}
  178. .btn-white.active,.btn-white:active{box-shadow:0 2px 5px rgba(0,0,0,.15) inset}
  179. .btn-white.active,.btn-white:active,.open .dropdown-toggle.btn-white{background-image:none}
  180. .btn-white.active[disabled],.btn-white.disabled,.btn-white.disabled.active,.btn-white.disabled:active,.btn-white.disabled:focus,.btn-white.disabled:hover,.btn-white[disabled],.btn-white[disabled]:active,.btn-white[disabled]:focus,.btn-white[disabled]:hover,fieldset[disabled] .btn-white,fieldset[disabled] .btn-white.active,fieldset[disabled] .btn-white:active,fieldset[disabled] .btn-white:focus,fieldset[disabled] .btn-white:hover{color:#cacaca}
  181. .form-control,.form-control:focus,.has-error .form-control:focus,.has-success .form-control:focus,.has-warning .form-control:focus,.navbar-collapse,.navbar-form,.navbar-form-custom .form-control:focus,.navbar-form-custom .form-control:hover,.open .btn.dropdown-toggle,.panel,.popover,.progress,.progress-bar{box-shadow:none}
  182. .btn-outline{color:inherit;background-color:transparent;transition:all .5s}
  183. .btn-rounded{border-radius:50px}
  184. .btn-large-dim{width:90px;height:90px;font-size:42px}
  185. button.dim{display:inline-block;color:#fff;text-decoration:none;text-transform:uppercase;text-align:center;padding-top:6px;margin-right:10px;position:relative;cursor:pointer;border-radius:5px;font-weight:600;margin-bottom:20px!important}
  186. button.dim:active{top:3px}
  187. button.btn-primary.dim{box-shadow:inset 0 0 0 #16987e,0 5px 0 0 #16987e,0 10px 5px #999}
  188. button.btn-primary.dim:active{box-shadow:inset 0 0 0 #16987e,0 2px 0 0 #16987e,0 5px 3px #999}
  189. button.btn-default.dim{box-shadow:inset 0 0 0 #b3b3b3,0 5px 0 0 #b3b3b3,0 10px 5px #999}
  190. button.btn-default.dim:active{box-shadow:inset 0 0 0 #b3b3b3,0 2px 0 0 #b3b3b3,0 5px 3px #999}
  191. button.btn-warning.dim{box-shadow:inset 0 0 0 #f79d3c,0 5px 0 0 #f79d3c,0 10px 5px #999}
  192. button.btn-warning.dim:active{box-shadow:inset 0 0 0 #f79d3c,0 2px 0 0 #f79d3c,0 5px 3px #999}
  193. button.btn-info.dim{box-shadow:inset 0 0 0 #1eacae,0 5px 0 0 #1eacae,0 10px 5px #999}
  194. button.btn-info.dim:active{box-shadow:inset 0 0 0 #1eacae,0 2px 0 0 #1eacae,0 5px 3px #999}
  195. button.btn-success.dim{box-shadow:inset 0 0 0 #1872ab,0 5px 0 0 #1872ab,0 10px 5px #999}
  196. button.btn-success.dim:active{box-shadow:inset 0 0 0 #1872ab,0 2px 0 0 #1872ab,0 5px 3px #999}
  197. button.btn-danger.dim{box-shadow:inset 0 0 0 #ea394c,0 5px 0 0 #ea394c,0 10px 5px #999}
  198. button.btn-danger.dim:active{box-shadow:inset 0 0 0 #ea394c,0 2px 0 0 #ea394c,0 5px 3px #999}
  199. button.dim:before{font-size:50px;line-height:1em;font-weight:400;color:#fff;display:block;padding-top:10px}
  200. button.dim:active:before{top:7px;font-size:50px}
  201. .label{background-color:#d1dade;color:#5e5e5e;font-family:'Open Sans';font-size:10px;font-weight:600;padding:3px 8px;text-shadow:none}
  202. .badge{background-color:#d1dade;color:#5e5e5e;font-family:'Open Sans';font-size:11px;font-weight:600;padding-bottom:4px;padding-left:6px;padding-right:6px;text-shadow:none}
  203. .badge-primary,.label-primary{background-color:#1ab394;color:#FFF}
  204. .badge-success,.label-success{background-color:#1c84c6;color:#FFF}
  205. .badge-warning,.label-warning{background-color:#f8ac59;color:#FFF}
  206. .badge-warning-light,.label-warning-light{background-color:#f8ac59;color:#fff}
  207. .badge-danger,.label-danger{background-color:#ed5565;color:#FFF}
  208. .badge-info,.label-info{background-color:#23c6c8;color:#FFF}
  209. .badge-inverse,.label-inverse{background-color:#262626;color:#FFF}
  210. .badge-white,.label-white{background-color:#FFF;color:#5E5E5E}
  211. .badge-disable,.label-white{background-color:#2A2E36;color:#8B91A0}
  212. .onoffswitch{position:relative;width:64px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
  213. .onoffswitch-checkbox{display:none}
  214. .onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #1ab394;border-radius:2px}
  215. .onoffswitch-inner{width:200%;margin-left:-100%;-moz-transition:margin .3s ease-in 0s;-webkit-transition:margin .3s ease-in 0s;-o-transition:margin .3s ease-in 0s;transition:margin .3s ease-in 0s}
  216. .onoffswitch-inner:after,.onoffswitch-inner:before{float:left;width:50%;height:20px;padding:0;line-height:20px;font-size:12px;color:#fff;font-family:Trebuchet,Arial,sans-serif;font-weight:700;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  217. .onoffswitch-inner:before{content:"ON";padding-left:10px;background-color:#1ab394;color:#FFF}
  218. .onoffswitch-inner:after{content:"OFF";padding-right:10px;background-color:#FFF;color:#999;text-align:right}
  219. .onoffswitch-switch{width:20px;margin:0;background:#FFF;border:2px solid #1ab394;border-radius:2px;position:absolute;top:0;bottom:0;right:44px;-moz-transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s}
  220. .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}
  221. .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}
  222. .chosen-container-single .chosen-single{background:#fff;box-shadow:none;-moz-box-sizing:border-box;background-color:#FFF;border:1px solid #CBD5DD;border-radius:2px;cursor:text;height:auto!important;margin:0;min-height:30px;overflow:hidden;padding:4px 12px;position:relative;width:100%}
  223. .chosen-container-multi .chosen-choices li.search-choice{background:#f1f1f1;border:1px solid #ededed;border-radius:2px;box-shadow:none;color:#333;cursor:default;line-height:13px;margin:3px 0 3px 5px;padding:3px 20px 3px 5px;position:relative}
  224. .tooltip-inner{background-color:#2F4050}
  225. .tooltip.top .tooltip-arrow{border-top-color:#2F4050}
  226. .tooltip.right .tooltip-arrow{border-right-color:#2F4050}
  227. .tooltip.bottom .tooltip-arrow{border-bottom-color:#2F4050}
  228. .tooltip.left .tooltip-arrow{border-left-color:#2F4050}
  229. .easypiechart{position:relative;text-align:center}
  230. .easypiechart .h2{margin-left:10px;margin-top:10px;display:inline-block}
  231. .easypiechart canvas{top:0;left:0}
  232. .easypiechart .easypie-text{line-height:1;position:absolute;top:33px;width:100%;z-index:1}
  233. .easypiechart img{margin-top:-4px}
  234. .jqstooltip{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
  235. .fc-state-default{background-color:#fff;background-image:none;background-repeat:repeat-x;box-shadow:none;color:#333;text-shadow:none}
  236. .fc-state-default{border:1px solid}
  237. .fc-button{color:inherit;border:1px solid #e7eaec;cursor:pointer;display:inline-block;height:1.9em;line-height:1.9em;overflow:hidden;padding:0 .6em;position:relative;white-space:nowrap}
  238. .fc-state-active{background-color:#1ab394;border-color:#1ab394;color:#fff}
  239. .fc-header-title h2{font-size:16px;font-weight:600;color:inherit}
  240. .fc-content .fc-widget-content,.fc-content .fc-widget-header{border-color:#e7eaec;font-weight:400}
  241. .fc-border-separate tbody{background-color:#F8F8F8}
  242. .fc-state-highlight{background:none repeat scroll 0 0 #FCF8E3}
  243. .external-event{padding:5px 10px;border-radius:2px;cursor:pointer;margin-bottom:5px}
  244. .fc-ltr .fc-event-hori.fc-event-end,.fc-rtl .fc-event-hori.fc-event-start{border-radius:2px}
  245. .fc-agenda .fc-event-time,.fc-event,.fc-event a{padding:4px 6px;background-color:#1ab394;border-color:#1ab394}
  246. .fc-event-time,.fc-event-title{color:#717171;padding:0 1px}
  247. .ui-calendar .fc-event-time,.ui-calendar .fc-event-title{color:#fff}
  248. .chat-activity-list .chat-element{border-bottom:1px solid #e7eaec}
  249. .chat-element:first-child{margin-top:0}
  250. .chat-element{padding-bottom:15px}
  251. .chat-element,.chat-element .media{margin-top:15px}
  252. .chat-element,.media-body{overflow:hidden}
  253. .media-body{display:block;width:auto}
  254. .chat-element>.pull-left{margin-right:10px}
  255. .chat-element img.img-circle,.dropdown-messages-box img.img-circle{width:38px;height:38px}
  256. .chat-element .well{border:1px solid #e7eaec;box-shadow:none;margin-top:10px;margin-bottom:5px;padding:10px 20px;font-size:11px;line-height:16px}
  257. .chat-element .actions{margin-top:10px}
  258. .chat-element .photos{margin:10px 0}
  259. .right.chat-element>.pull-right{margin-left:10px}
  260. .chat-photo{max-height:180px;border-radius:4px;overflow:hidden;margin-right:10px;margin-bottom:10px}
  261. .chat{margin:0;padding:0;list-style:none}
  262. .chat li{margin-bottom:10px;padding-bottom:5px;border-bottom:1px dotted #B3A9A9}
  263. .chat li.left .chat-body{margin-left:60px}
  264. .chat li.right .chat-body{margin-right:60px}
  265. .chat li .chat-body p{margin:0;color:#777}
  266. .chat .glyphicon,.panel .slidedown .glyphicon{margin-right:5px}
  267. .chat-panel .panel-body{height:350px;overflow-y:scroll}
  268. a.list-group-item.active,a.list-group-item.active:focus,a.list-group-item.active:hover{background-color:#1ab394;border-color:#1ab394;color:#FFF;z-index:2}
  269. .list-group-item-heading{margin-top:10px}
  270. .list-group-item-text{margin:0 0 10px;color:inherit;font-size:12px;line-height:inherit}
  271. .no-padding .list-group-item{border-left:none;border-right:none;border-bottom:none}
  272. .no-padding .list-group-item:first-child{border-left:none;border-right:none;border-bottom:none;border-top:none}
  273. .no-padding .list-group{margin-bottom:0}
  274. .list-group-item{background-color:inherit;border:1px solid #e7eaec;display:block;margin-bottom:-1px;padding:10px 15px;position:relative}
  275. .elements-list .list-group-item{border-left:none;border-right:none;padding:15px 25px}
  276. .elements-list .list-group-item:first-child{border-left:none;border-right:none;border-top:none!important}
  277. .elements-list .list-group{margin-bottom:0}
  278. .elements-list a{color:inherit}
  279. .elements-list .list-group-item.active,.elements-list .list-group-item:hover{background:#f3f3f4;color:inherit;border-color:#e7eaec;border-radius:0}
  280. .elements-list li.active{transition:none}
  281. .element-detail-box{padding:25px}
  282. .flot-chart{display:block;height:200px}
  283. .widget .flot-chart.dashboard-chart{display:block;height:120px;margin-top:40px}
  284. .flot-chart.dashboard-chart{display:block;height:180px;margin-top:40px}
  285. .flot-chart-content{width:100%;height:100%}
  286. .flot-chart-pie-content{width:200px;height:200px;margin:auto}
  287. .jqstooltip{position:absolute;display:block;left:0;top:0;visibility:hidden;background:#2b303a;background-color:rgba(43,48,58,.8);color:#fff;text-align:left;white-space:nowrap;z-index:10000;padding:5px 5px 5px 5px;min-height:22px;border-radius:3px}
  288. .jqsfield{color:#fff;text-align:left}
  289. .h-200{min-height:200px}
  290. .legendLabel{padding-left:5px}
  291. .stat-list li:first-child{margin-top:0}
  292. .stat-list{list-style:none;padding:0;margin:0}
  293. .stat-percent{float:right}
  294. .stat-list li{margin-top:15px;position:relative}
  295. table.dataTable thead .sorting,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_desc_disabled{background:0 0}
  296. table.dataTable thead .sorting_asc:after{float:right;font-family:fontawesome}
  297. table.dataTable thead .sorting_desc:after{content:"\f0dd";float:right;font-family:fontawesome}
  298. table.dataTable thead .sorting:after{content:"\f0dc";float:right;font-family:fontawesome;color:rgba(50,50,50,.5)}
  299. .dataTables_wrapper{padding-bottom:30px}
  300. .img-circle{border-radius:50%}
  301. .btn-circle{width:30px;height:30px;padding:6px 0;border-radius:15px;text-align:center;font-size:12px;line-height:1.428571429}
  302. .btn-circle.btn-lg{width:50px;height:50px;padding:10px 16px;border-radius:25px;font-size:18px;line-height:1.33}
  303. .btn-circle.btn-xl{width:70px;height:70px;padding:10px 16px;border-radius:35px;font-size:24px;line-height:1.33}
  304. .show-grid [class^=col-]{padding-top:10px;padding-bottom:10px;border:1px solid #ddd;background-color:#eee!important}
  305. .show-grid{margin:15px 0}
  306. .css-animation-box h1{font-size:44px}
  307. .animation-efect-links a{padding:4px 6px;font-size:12px}
  308. #animation_box{background-color:#f9f8f8;border-radius:16px;width:80%;margin:0 auto;padding-top:80px}
  309. .animation-text-box{position:absolute;margin-top:40px;left:50%;margin-left:-100px;width:200px}
  310. .animation-text-info{position:absolute;margin-top:-60px;left:50%;margin-left:-100px;width:200px;font-size:10px}
  311. .animation-text-box h2{font-size:54px;font-weight:600;margin-bottom:5px}
  312. .animation-text-box p{font-size:12px;text-transform:uppercase}
  313. .pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
  314. .pace-inactive{display:none}
  315. .pace .pace-progress{background:#1ab394;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px}
  316. .pace-inactive{display:none}
  317. .widget{border-radius:5px;padding:15px 20px;margin-bottom:10px;margin-top:10px}
  318. .widget.style1 h2{font-size:30px}
  319. .widget h2,.widget h3{margin-top:5px;margin-bottom:0}
  320. .widget-text-box{padding:20px;border:1px solid #e7eaec;background:#fff}
  321. .widget-head-color-box{border-radius:5px 5px 0 0;margin-top:10px}
  322. .widget .flot-chart{height:100px}
  323. .vertical-align div{display:inline-block;vertical-align:middle}
  324. .vertical-align h2,.vertical-align h3{margin:0}
  325. .todo-list{list-style:none outside none;margin:0;padding:0;font-size:14px}
  326. .todo-list.small-list{font-size:12px}
  327. .todo-list.small-list>li{background:#f3f3f4;border-left:none;border-right:none;border-radius:4px;color:inherit;margin-bottom:2px;padding:6px 6px 6px 12px}
  328. .todo-list.small-list .btn-group-xs>.btn,.todo-list.small-list .btn-xs{border-radius:5px;font-size:10px;line-height:1.5;padding:1px 2px 1px 5px}
  329. .todo-list>li{background:#f3f3f4;border-left:6px solid #e7eaec;border-right:6px solid #e7eaec;border-radius:4px;color:inherit;margin-bottom:2px;padding:10px}
  330. .todo-list .handle{cursor:move;display:inline-block;font-size:16px;margin:0 5px}
  331. .todo-list>li .label{font-size:9px;margin-left:10px}
  332. .check-link{font-size:16px}
  333. .todo-completed{text-decoration:line-through}
  334. .geo-statistic h1{font-size:36px;margin-bottom:0}
  335. .glyphicon.fa{font-family:FontAwesome}
  336. .inline{display:inline-block!important}
  337. .input-s-sm{width:120px}
  338. .input-s{width:200px}
  339. .input-s-lg{width:250px}
  340. .i-checks{padding-left:0}
  341. .form-control,.single-line{background-color:#FFF;background-image:none;border:1px solid #e5e6e7;border-radius:1px;color:inherit;display:block;padding:6px 12px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;width:100%;font-size:14px}
  342. .form-control:focus,.single-line:focus{border-color:#1ab394!important}
  343. .has-success .form-control{border-color:#1ab394}
  344. .has-warning .form-control{border-color:#f8ac59}
  345. .has-error .form-control{border-color:#ed5565}
  346. .has-success .control-label{color:#1ab394}
  347. .has-warning .control-label{color:#f8ac59}
  348. .has-error .control-label{color:#ed5565}
  349. .input-group-addon{background-color:#fff;border:1px solid #E5E6E7;border-radius:1px;color:inherit;font-size:14px;font-weight:400;line-height:1;padding:6px 12px;text-align:center}
  350. .spinner-buttons.input-group-btn .btn-xs{line-height:1.13}
  351. .spinner-buttons.input-group-btn{width:20%}
  352. .noUi-connect{background:none repeat scroll 0 0 #1ab394;box-shadow:none}
  353. .slider_red .noUi-connect{background:none repeat scroll 0 0 #ed5565;box-shadow:none}
  354. .ui-sortable .ibox-title{cursor:move}
  355. .ui-sortable-placeholder{border:1px dashed #cecece!important;visibility:visible!important;background:#e7eaec}
  356. .ibox.ui-sortable-placeholder{margin:0 0 23px!important}
  357. .onoffswitch{position:relative;width:54px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
  358. .onoffswitch-checkbox{display:none}
  359. .onoffswitch-label{display:block;overflow:hidden;cursor:pointer;border:2px solid #1AB394;border-radius:3px}
  360. .onoffswitch-inner{display:block;width:200%;margin-left:-100%;-moz-transition:margin .3s ease-in 0s;-webkit-transition:margin .3s ease-in 0s;-o-transition:margin .3s ease-in 0s;transition:margin .3s ease-in 0s}
  361. .onoffswitch-inner:after,.onoffswitch-inner:before{display:block;float:left;width:50%;height:16px;padding:0;line-height:16px;font-size:10px;color:#fff;font-family:Trebuchet,Arial,sans-serif;font-weight:700;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
  362. .onoffswitch-inner:before{content:"ON";padding-left:7px;background-color:#1AB394;color:#FFF}
  363. .onoffswitch-inner:after{content:"OFF";padding-right:7px;background-color:#FFF;color:#919191;text-align:right}
  364. .onoffswitch-switch{display:block;width:18px;margin:0;background:#FFF;border:2px solid #1AB394;border-radius:3px;position:absolute;top:0;bottom:0;right:36px;-moz-transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s}
  365. .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner{margin-left:0}
  366. .onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch{right:0}
  367. .ui-jqgrid{-moz-box-sizing:content-box}
  368. .ui-jqgrid-btable{border-collapse:separate}
  369. .ui-jqgrid-htable{border-collapse:separate}
  370. .ui-jqgrid-titlebar{height:40px;line-height:15px;color:#676a6c;background-color:#F9F9F9;text-shadow:0 1px 0 rgba(255,255,255,.5)}
  371. .ui-jqgrid .ui-jqgrid-title{float:left;margin:1.1em 1em .2em}
  372. .ui-jqgrid .ui-jqgrid-titlebar{position:relative;border-left:0 solid;border-right:0 solid;border-top:0 solid}
  373. .ui-widget-header{background:0 0;background-image:none;background-color:#f5f5f6;text-transform:uppercase;border-top-left-radius:0;border-top-right-radius:0}
  374. .ui-jqgrid tr.ui-row-ltr td{border-right-color:inherit;border-right-style:solid;border-right-width:1px;text-align:left;border-color:#DDD;background-color:inherit}
  375. .ui-search-toolbar input[type=text]{font-size:12px;height:15px;border:1px solid #CCC;border-radius:0}
  376. .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:#F9F9F9;border:1px solid #DDD;line-height:15px;font-weight:700;color:#676a6c;text-shadow:0 1px 0 rgba(255,255,255,.5)}
  377. .ui-widget-content{box-sizing:content-box}
  378. .ui-icon-triangle-1-n{background-position:1px -16px}
  379. .ui-jqgrid tr.ui-search-toolbar th{border-top-width:0!important;border-top-color:inherit!important;border-top-style:ridge!important}
  380. .ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus{background:#f5f5f5;border-collapse:separate}
  381. .ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{background:#f2fbff}
  382. .ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #ddd;background:#fff;font-weight:400;color:#212121}
  383. .ui-jqgrid .ui-pg-input{font-size:inherit;width:50px;border:1px solid #CCC;height:15px}
  384. .ui-jqgrid .ui-pg-selbox{display:block;font-size:1em;height:25px;line-height:18px;margin:0;width:auto}
  385. .ui-jqgrid .ui-pager-control{position:relative}
  386. .ui-jqgrid .ui-jqgrid-pager{height:32px;position:relative}
  387. .ui-pg-table .navtable .ui-corner-all{border-radius:0}
  388. .ui-jqgrid .ui-pg-button:hover{padding:1px;border:0}
  389. .ui-jqgrid .loading{position:absolute;top:45%;left:45%;width:auto;height:auto;z-index:101;padding:6px;margin:5px;text-align:center;font-weight:700;display:none;border-width:2px!important;font-size:11px}
  390. .ui-jqgrid .form-control{height:10px;width:auto;display:inline;padding:10px 12px}
  391. .ui-jqgrid-pager{height:32px}
  392. .ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:0}
  393. .ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:0}
  394. .ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:0}
  395. .ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:0}
  396. .ui-jqgrid .ui-jqgrid-titlebar{padding:0}
  397. .ui-jqgrid .ui-jqgrid-titlebar{border-bottom:1px solid #ddd}
  398. .ui-jqgrid tr.jqgrow td{padding:6px}
  399. .ui-jqdialog .ui-jqdialog-titlebar{padding:10px 10px}
  400. .ui-jqdialog .ui-jqdialog-title{float:none!important}
  401. .ui-jqdialog>.ui-resizable-se{position:absolute}
  402. .dd{position:relative;display:block;margin:0;padding:0;list-style:none;font-size:13px;line-height:20px}
  403. .dd-list{display:block;position:relative;margin:0;padding:0;list-style:none}
  404. .dd-list .dd-list{padding-left:30px}
  405. .dd-collapsed .dd-list{display:none}
  406. .dd-empty,.dd-item,.dd-placeholder{display:block;position:relative;margin:0;padding:0;min-height:20px;font-size:13px;line-height:20px}
  407. .dd-handle{display:block;margin:5px 0;padding:5px 10px;color:#333;text-decoration:none;border:1px solid #e7eaec;background:#f5f5f5;-webkit-border-radius:3px;border-radius:3px;box-sizing:border-box;-moz-box-sizing:border-box}
  408. .dd-handle span{font-weight:700}
  409. .dd-handle:hover{background:#f0f0f0;cursor:pointer;font-weight:700}
  410. .dd-item>button{display:block;position:relative;cursor:pointer;float:left;width:25px;height:20px;margin:5px 0;padding:0;text-indent:100%;white-space:nowrap;overflow:hidden;border:0;background:0 0;font-size:12px;line-height:1;text-align:center;font-weight:700}
  411. .dd-item>button:before{content:'+';display:block;position:absolute;width:100%;text-align:center;text-indent:0}
  412. .dd-item>button[data-action=collapse]:before{content:'-'}
  413. #nestable2 .dd-item>button{font-family:FontAwesome;height:34px;width:33px;color:#c1c1c1}
  414. #nestable2 .dd-item>button:before{content:"\f067"}
  415. #nestable2 .dd-item>button[data-action=collapse]:before{content:"\f068"}
  416. .dd-empty,.dd-placeholder{margin:5px 0;padding:0;min-height:30px;background:#f2fbff;border:1px dashed #b6bcbf;box-sizing:border-box;-moz-box-sizing:border-box}
  417. .dd-empty{border:1px dashed #bbb;min-height:100px;background-color:#e5e5e5;background-image:-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-image:-moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-image:linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);background-size:60px 60px;background-position:0 0,30px 30px}
  418. .dd-dragel{position:absolute;z-index:9999;pointer-events:none}
  419. .dd-dragel>.dd-item .dd-handle{margin-top:0}
  420. .dd-dragel .dd-handle{-webkit-box-shadow:2px 4px 6px 0 rgba(0,0,0,.1);box-shadow:2px 4px 6px 0 rgba(0,0,0,.1)}
  421. .nestable-lists{display:block;clear:both;padding:30px 0;width:100%;border:0;border-top:2px solid #ddd;border-bottom:2px solid #ddd}
  422. #nestable-menu{padding:0;margin:10px 0 20px 0}
  423. #nestable-output,#nestable2-output{width:100%;font-size:.75em;line-height:1.333333em;font-family:open sans,lucida grande,lucida sans unicode,helvetica,arial,sans-serif;padding:5px;box-sizing:border-box;-moz-box-sizing:border-box}
  424. #nestable2 .dd-handle{color:inherit;border:1px dashed #e7eaec;background:#f3f3f4;padding:10px}
  425. #nestable2 span.label{margin-right:10px}
  426. #nestable-output,#nestable2-output{font-size:12px;padding:25px;box-sizing:border-box;-moz-box-sizing:border-box}
  427. .CodeMirror{border:1px solid #eee;height:auto}
  428. .CodeMirror-scroll{overflow-y:hidden;overflow-x:auto}
  429. .google-map{height:300px}
  430. label.error{color:#cc5965;display:inline-block;margin-left:5px}
  431. .form-control.error{border:1px dotted #cc5965}
  432. .gridStyle{border:1px solid #d4d4d4;width:100%;height:400px}
  433. .gridStyle2{border:1px solid #d4d4d4;width:500px;height:300px}
  434. .ngH eaderCell{border-right:none;border-bottom:1px solid #e7eaec}
  435. .ngCell{border-right:none}
  436. .ngTopPanel{background:#F5F5F6}
  437. .ngRow.even{background:#f9f9f9}
  438. .ngRow.selected{background:#EBF2F1}
  439. .ngRow{border-bottom:1px solid #e7eaec}
  440. .ngCell{background-color:transparent}
  441. .ngHeaderCell{border-right:none}
  442. #toast-container>.toast{background-image:none!important}
  443. #toast-container>.toast:before{position:fixed;font-family:FontAwesome;font-size:24px;line-height:24px;float:left;color:#FFF;padding-right:.5em;margin:auto .5em auto -1.5em}
  444. #toast-container>.toast-warning:before{content:"\f0e7"}
  445. #toast-container>.toast-error:before{content:"\f071"}
  446. #toast-container>.toast-info:before{content:"\f005"}
  447. #toast-container>.toast-success:before{content:"\f00C"}
  448. #toast-container>div{-moz-box-shadow:0 0 3px #999;-webkit-box-shadow:0 0 3px #999;box-shadow:0 0 3px #999;opacity:.9;-ms-filter:alpha(opacity=90);filter:alpha(opacity=90)}
  449. #toast-container>:hover{-moz-box-shadow:0 0 4px #999;-webkit-box-shadow:0 0 4px #999;box-shadow:0 0 4px #999;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);cursor:pointer}
  450. .toast{background-color:#1ab394}
  451. .toast-success{background-color:#1ab394}
  452. .toast-error{background-color:#ed5565}
  453. .toast-info{background-color:#23c6c8}
  454. .toast-warning{background-color:#f8ac59}
  455. .toast-top-full-width{margin-top:20px}
  456. .toast-bottom-full-width{margin-bottom:20px}
  457. .img-container,.img-preview{overflow:hidden;text-align:center;width:100%}
  458. .img-preview-sm{height:130px;width:200px}
  459. .forum-post-container .media{margin:10px 10px 10px 10px;padding:20px 10px 20px 10px;border-bottom:1px solid #f1f1f1}
  460. .forum-avatar{float:left;margin-right:20px;text-align:center;width:110px}
  461. .forum-avatar .img-circle{height:48px;width:48px}
  462. .author-info{color:#676a6c;font-size:11px;margin-top:5px;text-align:center}
  463. .forum-post-info{padding:9px 12px 6px 12px;background:#f9f9f9;border:1px solid #f1f1f1}
  464. .media-body>.media{background:#f9f9f9;border-radius:3px;border:1px solid #f1f1f1}
  465. .forum-post-container .media-body .photos{margin:10px 0}
  466. .forum-photo{max-width:140px;border-radius:3px}
  467. .media-body>.media .forum-avatar{width:70px;margin-right:10px}
  468. .media-body>.media .forum-avatar .img-circle{height:38px;width:38px}
  469. .mid-icon{font-size:66px}
  470. .forum-item{margin:10px 0;padding:10px 0 20px;border-bottom:1px solid #f1f1f1}
  471. .views-number{font-size:24px;line-height:18px;font-weight:400}
  472. .forum-container,.forum-post-container{padding:30px!important}
  473. .forum-item small{color:#999}
  474. .forum-item .forum-sub-title{color:#999;margin-left:50px}
  475. .forum-title{margin:15px 0 15px 0}
  476. .forum-info{text-align:center}
  477. .forum-desc{color:#999}
  478. .forum-icon{float:left;width:30px;margin-right:20px;text-align:center}
  479. a.forum-item-title{color:inherit;display:block;font-size:18px;font-weight:600}
  480. a.forum-item-title:hover{color:inherit}
  481. .forum-icon .fa{font-size:30px;margin-top:8px;color:#9b9b9b}
  482. .forum-item.active .fa{color:#1ab394}
  483. .forum-item.active a.forum-item-title{color:#1ab394}
  484. @media (max-width:992px){.forum-info{margin:15px 0 10px 0;display:none}
  485. .forum-desc{float:none!important}
  486. }
  487. .vertical-container{width:90%;max-width:1170px;margin:0 auto}
  488. .vertical-container::after{content:'';display:table;clear:both}
  489. #vertical-timeline{position:relative;padding:0;margin-top:2em;margin-bottom:2em}
  490. #vertical-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#f1f1f1}
  491. .vertical-timeline-content .btn{float:right}
  492. #vertical-timeline.light-timeline:before{background:#e7eaec}
  493. .dark-timeline .vertical-timeline-content:before{border-color:transparent #f5f5f5 transparent transparent}
  494. .dark-timeline.center-orientation .vertical-timeline-content:before{border-color:transparent transparent transparent #f5f5f5}
  495. .dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before{border-color:transparent #f5f5f5 transparent transparent}
  496. .dark-timeline .vertical-timeline-content,.dark-timeline.center-orientation .vertical-timeline-content{background:#f5f5f5}
  497. @media only screen and (min-width:1170px){#vertical-timeline.center-orientation{margin-top:3em;margin-bottom:3em}
  498. #vertical-timeline.center-orientation:before{left:50%;margin-left:-2px}
  499. }
  500. @media only screen and (max-width:1170px){.center-orientation.dark-timeline .vertical-timeline-content:before{border-color:transparent #f5f5f5 transparent transparent}
  501. }
  502. .vertical-timeline-block{position:relative;margin:2em 0}
  503. .vertical-timeline-block:after{content:"";display:table;clear:both}
  504. .vertical-timeline-block:first-child{margin-top:0}
  505. .vertical-timeline-block:last-child{margin-bottom:0}
  506. @media only screen and (min-width:1170px){.center-orientation .vertical-timeline-block{margin:4em 0}
  507. .center-orientation .vertical-timeline-block:first-child{margin-top:0}
  508. .center-orientation .vertical-timeline-block:last-child{margin-bottom:0}
  509. }
  510. .vertical-timeline-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;font-size:16px;border:3px solid #f1f1f1;text-align:center}
  511. .vertical-timeline-icon i{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-9px}
  512. @media only screen and (min-width:1170px){.center-orientation .vertical-timeline-icon{width:50px;height:50px;left:50%;margin-left:-25px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;font-size:19px}
  513. .center-orientation .vertical-timeline-icon i{margin-left:-12px;margin-top:-10px}
  514. .center-orientation .cssanimations .vertical-timeline-icon.is-hidden{visibility:hidden}
  515. }
  516. .vertical-timeline-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em}
  517. .vertical-timeline-content:after{content:"";display:table;clear:both}
  518. .vertical-timeline-content h2{font-weight:400;margin-top:4px}
  519. .vertical-timeline-content p{margin:1em 0;line-height:1.6}
  520. .vertical-timeline-content .vertical-date{float:left;font-weight:500}
  521. .vertical-date small{color:#1ab394;font-weight:400}
  522. .vertical-timeline-content::before{content:'';position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}
  523. @media only screen and (min-width:768px){.vertical-timeline-content h2{font-size:18px}
  524. .vertical-timeline-content p{font-size:13px}
  525. }
  526. @media only screen and (min-width:1170px){.center-orientation .vertical-timeline-content{margin-left:0;padding:1.6em;width:45%}
  527. .center-orientation .vertical-timeline-content::before{top:24px;left:100%;border-color:transparent;border-left-color:#fff}
  528. .center-orientation .vertical-timeline-content .btn{float:left}
  529. .center-orientation .vertical-timeline-content .vertical-date{position:absolute;width:100%;left:122%;top:2px;font-size:14px}
  530. .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content{float:right}
  531. .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:#fff}
  532. .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn{float:right}
  533. .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date{left:auto;right:122%;text-align:right}
  534. .center-orientation .cssanimations .vertical-timeline-content.is-hidden{visibility:hidden}
  535. }
  536. .sidebard-panel{width:220px;background:#ebebed;padding:10px 20px;position:absolute;right:0}
  537. .sidebard-panel .feed-element img.img-circle{width:32px;height:32px}
  538. .media-body,.sidebard-panel .feed-element,.sidebard-panel p{font-size:12px}
  539. .sidebard-panel .feed-element{margin-top:20px;padding-bottom:0}
  540. .sidebard-panel .list-group{margin-bottom:10px}
  541. .sidebard-panel .list-group .list-group-item{padding:5px 0;font-size:12px;border:0}
  542. .sidebar-content .wrapper,.wrapper.sidebar-content{padding-right:230px!important}
  543. .body-small .sidebar-content .wrapper,.body-small .wrapper.sidebar-content{padding-right:20px!important}
  544. #right-sidebar{background-color:#fff;border-left:1px solid #e7eaec;border-top:1px solid #e7eaec;overflow:hidden;position:fixed;top:60px;width:260px!important;z-index:1009;bottom:0;right:-260px}
  545. #right-sidebar.sidebar-open{right:0}
  546. #right-sidebar.sidebar-open.sidebar-top{top:0;border-top:none}
  547. .sidebar-container ul.nav-tabs{border:none}
  548. .sidebar-container ul.nav-tabs.navs-4 li{width:25%}
  549. .sidebar-container ul.nav-tabs.navs-3 li{width:33.3333%}
  550. .sidebar-container ul.nav-tabs.navs-2 li{width:50%}
  551. .sidebar-container ul.nav-tabs li{border:none}
  552. .sidebar-container ul.nav-tabs li a{border:none;padding:12px 10px;margin:0;border-radius:0;background:#2f4050;color:#fff;text-align:center;border-right:1px solid #334556}
  553. .sidebar-container ul.nav-tabs li.active a{border:none;background:#f9f9f9;color:#676a6c;font-weight:700}
  554. .sidebar-container .nav-tabs>li.active>a:focus,.sidebar-container .nav-tabs>li.active>a:hover{border:none}
  555. .sidebar-container ul.sidebar-list{margin:0;padding:0}
  556. .sidebar-container ul.sidebar-list li{border-bottom:1px solid #e7eaec;padding:15px 20px;list-style:none;font-size:12px}
  557. .sidebar-container .sidebar-message:nth-child(2n+2){background:#f9f9f9}
  558. .sidebar-container ul.sidebar-list li a{text-decoration:none;color:inherit}
  559. .sidebar-container .sidebar-content{padding:15px 20px;font-size:12px}
  560. .sidebar-container .sidebar-title{background:#f9f9f9;padding:20px;border-bottom:1px solid #e7eaec}
  561. .sidebar-container .sidebar-title h3{margin-bottom:3px;padding-left:2px}
  562. .sidebar-container .tab-content h4{margin-bottom:5px}
  563. .sidebar-container .sidebar-message>a>.pull-left{margin-right:10px}
  564. .sidebar-container .sidebar-message>a{text-decoration:none;color:inherit}
  565. .sidebar-container .sidebar-message{padding:15px 20px}
  566. .sidebar-container .sidebar-message .message-avatar{height:38px;width:38px;border-radius:50%}
  567. .sidebar-container .setings-item{padding:15px 20px;border-bottom:1px solid #e7eaec}
  568. body{ing-top:30px}
  569. body,html{height:100%}
  570. body.full-height-layout #page-wrapper,body.full-height-layout #wrapper{height:100%}
  571. #page-wrapper{min-height:auto}
  572. body.boxed-layout{background:url(patterns/shattered.png)}
  573. body.boxed-layout #wrapper{background-color:#2f4050;max-width:1200px;margin:0 auto;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 5px 0 rgba(0,0,0,.75);box-shadow:0 0 5px 0 rgba(0,0,0,.75)}
  574. .boxed-layout #wrapper.top-navigation,.top-navigation.boxed-layout #wrapper{max-width:1300px!important}
  575. .block{display:block}
  576. .clear{display:block;overflow:hidden}
  577. a{cursor:pointer}
  578. a:focus,a:hover{text-decoration:none}
  579. .border-bottom{border-bottom:1px solid #e7eaec!important}
  580. .font-bold{font-weight:600}
  581. .font-noraml{font-weight:400}
  582. .text-uppercase{text-transform:uppercase}
  583. .b-r{border-right:1px solid #e7eaec}
  584. .hr-line-dashed{border-top:1px dashed #e7eaec;color:#fff;background-color:#fff;height:1px;margin:20px 0}
  585. .hr-line-solid{border-bottom:1px solid #e7eaec;background-color:rgba(0,0,0,0);border-style:solid!important;margin-top:15px;margin-bottom:15px}
  586. video{width:100%!important;height:auto!important}
  587. .gallery>.row>div{margin-bottom:15px}
  588. .fancybox img{margin-bottom:5px;width:24%}
  589. .note-editor{height:auto;min-height:300px}
  590. .modal-content{background-clip:padding-box;background-color:#FFF;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.3);outline:0 none;position:relative}
  591. .modal-dialog{z-index:1200}
  592. .modal-body{padding:20px 30px 30px 30px}
  593. .inmodal .modal-body{background:#f8fafb}
  594. .inmodal .modal-header{padding:30px 15px;text-align:center}
  595. .animated.modal.fade .modal-dialog{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
  596. .inmodal .modal-title{font-size:26px}
  597. .inmodal .modal-icon{font-size:84px;color:#e2e3e3}
  598. .modal-footer{margin-top:0}
  599. #wrapper{width:100%;overflow-x:hidden}
  600. .wrapper{padding:0 20px}
  601. .wrapper-content{padding:10px}
  602. #page-wrapper{padding:0 15px;min-height:568px;position:relative!important}
  603. @media (min-width:768px){#page-wrapper{position:inherit;margin:0 0 0 240px;min-height:1000px}
  604. }
  605. .title-action{text-align:right;padding-top:30px}
  606. .ibox-content h1,.ibox-content h2,.ibox-content h3,.ibox-content h4,.ibox-content h5,.ibox-title h1,.ibox-title h2,.ibox-title h3,.ibox-title h4,.ibox-title h5{margin-top:5px}
  607. ol.unstyled,ul.unstyled{list-style:none outside none;margin-left:0}
  608. .big-icon{font-size:160px;color:#e5e6e7}
  609. .footer{background:none repeat scroll 0 0 #fff;border-top:1px solid #e7eaec;bottom:0;left:0;padding:10px 20px;position:absolute;right:0}
  610. .footer.fixed_full{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:10px 20px;background:#fff;border-top:1px solid #e7eaec}
  611. .footer.fixed{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:10px 20px;background:#fff;border-top:1px solid #e7eaec;margin-left:220px}
  612. body.body-small.mini-navbar .footer.fixed,body.mini-navbar .footer.fixed{margin:0 0 0 70px}
  613. body.canvas-menu .footer.fixed,body.mini-navbar.canvas-menu .footer.fixed{margin:0!important}
  614. body.fixed-sidebar.body-small.mini-navbar .footer.fixed{margin:0 0 0 220px}
  615. body.body-small .footer.fixed{margin-left:0}
  616. .page-heading{border-top:0;padding:0 10px 20px 10px}
  617. .panel-heading h1,.panel-heading h2{margin-bottom:5px}
  618. .table-bordered{border:1px solid #EBEBEB}
  619. .table-bordered>thead>tr>td,.table-bordered>thead>tr>th{background-color:#F5F5F6;border-bottom-width:1px}
  620. .table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #e7e7e7}
  621. .table>thead>tr>th{border-bottom:1px solid #DDD;vertical-align:bottom}
  622. .table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{border-top:1px solid #e7eaec;line-height:1.42857;padding:8px;vertical-align:top}
  623. .panel.blank-panel{background:0 0;margin:0}
  624. .blank-panel .panel-heading{padding-bottom:0}
  625. .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:0 0;border-color:#ddd #ddd transparent;border-bottom:#f3f3f4;border-image:none;border-style:solid;border-width:1px;color:#555;cursor:default}
  626. .nav.nav-tabs li{background:0 0;border:none}
  627. .nav-tabs>li>a{color:#A7B1C2;font-weight:600;padding:5px 20px 5px 20px}
  628. .nav-tabs>li>a:focus,.nav-tabs>li>a:hover{background-color:#e6e6e6;color:#676a6c}
  629. .ui-tab .tab-content{padding:20px 0}
  630. .no-padding{padding:0!important}
  631. .no-borders{border:none!important}
  632. .no-margins{margin:0!important}
  633. .no-top-border{border-top:0!important}
  634. .ibox-content.text-box{padding-bottom:0;padding-top:15px}
  635. .border-left-right{border-left:1px solid #e7eaec;border-right:1px solid #e7eaec;border-top:none;border-bottom:none}
  636. .border-left{border-left:1px solid #e7eaec;border-right:none;border-top:none;border-bottom:none}
  637. .border-right{border-left:none;border-right:1px solid #e7eaec;border-top:none;border-bottom:none}
  638. .full-width{width:100%!important}
  639. .link-block{font-size:12px;padding:10px}
  640. .nav.navbar-top-links .link-block a{font-size:12px}
  641. .link-block a{font-size:10px;color:inherit}
  642. body.mini-navbar .branding{display:none}
  643. img.circle-border{border:6px solid #FFF;border-radius:50%}
  644. .branding{float:left;color:#FFF;font-size:18px;font-weight:600;padding:17px 20px;text-align:center;background-color:#1ab394}
  645. .login-panel{margin-top:25%}
  646. .icons-box h3{margin-top:10px;margin-bottom:10px}
  647. .icons-box .infont a i{font-size:25px;display:block;color:#676a6c}
  648. .icons-box .infont a{color:#a6a8a9}
  649. .icons-box .infont a{padding:10px;margin:1px;display:block}
  650. .ui-draggable .ibox-title{cursor:move}
  651. .breadcrumb{background-color:#fff;padding:0;margin-bottom:0}
  652. .breadcrumb>li a{color:inherit}
  653. .breadcrumb>.active{color:inherit}
  654. code{background-color:#F9F2F4;border-radius:4px;color:#ca4440;font-size:90%;padding:2px 4px;white-space:nowrap}
  655. /*.ibox{clear:both;margin-bottom:12px;margin-top:0;padding:0}*/
  656. .ibox{clear:both;margin-bottom:10px;margin-top:0;padding:0}
  657. .ibox.collapsed .ibox-content{display:none}
  658. .ibox.collapsed .fa.fa-chevron-up:before{content:"\f078"}
  659. .ibox.collapsed .fa.fa-chevron-down:before{content:"\f077"}
  660. .ibox:after,.ibox:before{display:table}
  661. .ibox-title{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:#fff;border-color:#e7eaec;border-image:none;border-style:solid solid none;border-width:4px 0 0;color:inherit;margin-bottom:0;padding:14px 15px 7px;min-height:48px}
  662. .ibox-content{background-color:#fff;color:inherit;padding:15px 20px 15px 20px;border-color:#e7eaec;border-image:none;border-style:solid solid none;border-width:1px 0}
  663. table.table-mail tr td{padding:12px}
  664. .table-mail .check-mail{padding-left:20px}
  665. .table-mail .mail-date{padding-right:20px}
  666. .check-mail,.star-mail{width:40px}
  667. .unread td,.unread td a{font-weight:600;color:inherit}
  668. .read td,.read td a{font-weight:400;color:inherit}
  669. .unread td{background-color:#f9f8f8}
  670. .ibox-content{clear:both}
  671. .ibox-heading{background-color:#f3f6fb;border-bottom:none}
  672. .ibox-heading h3{font-weight:200;font-size:24px}
  673. .ibox-title h5{display:inline-block;font-size:14px;margin:0 0 7px;padding:0;text-overflow:ellipsis;float:left}
  674. .ibox-title .label{float:left;margin-left:4px}
  675. .ibox-tools{display:inline-block;float:right;margin-top:0;position:relative;padding:0}
  676. .ibox-tools a{cursor:pointer;margin-left:5px;color:#c4c4c4}
  677. .ibox-tools a.btn-primary{color:#fff}
  678. .ibox-tools .dropdown-menu>li>a{padding:4px 10px;font-size:12px}
  679. .ibox .open>.dropdown-menu{left:auto;right:0}
  680. .gray-bg{background-color:#f3f3f4}
  681. .white-bg{background-color:#fff}
  682. .navy-bg{background-color:#1ab394;color:#fff}
  683. .blue-bg{background-color:#1c84c6;color:#fff}
  684. .lazur-bg{background-color:#23c6c8;color:#fff}
  685. .yellow-bg{background-color:#f8ac59;color:#fff}
  686. .red-bg{background-color:#ed5565;color:#fff}
  687. .black-bg{background-color:#262626}
  688. .panel-primary{border-color:#1ab394}
  689. .panel-primary>.panel-heading{background-color:#1ab394;border-color:#1ab394}
  690. .panel-success{border-color:#1c84c6}
  691. .panel-success>.panel-heading{background-color:#1c84c6;border-color:#1c84c6;color:#fff}
  692. .panel-info{border-color:#23c6c8}
  693. .panel-info>.panel-heading{background-color:#23c6c8;border-color:#23c6c8;color:#fff}
  694. .panel-warning{border-color:#f8ac59}
  695. .panel-warning>.panel-heading{background-color:#f8ac59;border-color:#f8ac59;color:#fff}
  696. .panel-danger{border-color:#ed5565}
  697. .panel-danger>.panel-heading{background-color:#ed5565;border-color:#ed5565;color:#fff}
  698. .progress-bar{background-color:#1ab394}
  699. .progress-small,.progress-small .progress-bar{height:10px}
  700. .progress-mini,.progress-small{margin-top:5px}
  701. .progress-mini,.progress-mini .progress-bar{height:5px;margin-bottom:0}
  702. .progress-bar-navy-light{background-color:#3dc7ab}
  703. .progress-bar-success{background-color:#1c84c6}
  704. .progress-bar-info{background-color:#23c6c8}
  705. .progress-bar-warning{background-color:#f8ac59}
  706. .progress-bar-danger{background-color:#ed5565}
  707. .panel-title{font-size:inherit}
  708. .jumbotron{border-radius:6px;padding:40px}
  709. .jumbotron h1{margin-top:0}
  710. .text-navy{color:#1ab394}
  711. .text-primary{color:inherit}
  712. .text-success{color:#1c84c6}
  713. .text-info{color:#23c6c8}
  714. .text-warning{color:#f8ac59}
  715. .text-danger{color:#ed5565}
  716. .text-muted{color:#888}
  717. .simple_tag{background-color:#f3f3f4;border:1px solid #e7eaec;border-radius:2px;color:inherit;font-size:10px;margin-right:5px;margin-top:5px;padding:5px 12px;display:inline-block}
  718. .img-shadow{-webkit-box-shadow:0 0 3px 0 #919191;-moz-box-shadow:0 0 3px 0 #919191;box-shadow:0 0 3px 0 #919191}
  719. .dashboards\.dashboard_2 nav.navbar,.dashboards\.dashboard_3 nav.navbar,.dashboards\.dashboard_4_1 nav.navbar,.mailbox\.email_compose nav.navbar,.mailbox\.email_view nav.navbar,.mailbox\.inbox nav.navbar{background:#fff}
  720. .ComposeEmail .navbar.navbar-static-top,.Dashboard_2 .navbar.navbar-static-top,.Dashboard_3 .navbar.navbar-static-top,.Dashboard_4_1 .navbar.navbar-static-top,.EmailView .navbar.navbar-static-top,.Inbox .navbar.navbar-static-top{background:#fff}
  721. a.close-canvas-menu{position:absolute;top:10px;right:15px;z-index:1011;color:#a7b1c2}
  722. a.close-canvas-menu:hover{color:#fff}
  723. .full-height{height:100%}
  724. .fh-breadcrumb{height:calc(100% - 196px);margin:0 -15px;position:relative}
  725. .fh-no-breadcrumb{height:calc(100% - 99px);margin:0 -15px;position:relative}
  726. .fh-column{background:#fff;height:100%;width:240px;float:left}
  727. .modal-backdrop{z-index:2040!important}
  728. .modal{z-index:2050!important}
  729. .spiner-example{height:200px;padding-top:70px}
  730. .p-xxs{padding:5px}
  731. .p-xs{padding:10px}
  732. .p-sm{padding:15px}
  733. .p-m{padding:20px}
  734. .p-md{padding:25px}
  735. .p-lg{padding:30px}
  736. .p-xl{padding:40px}
  737. .m-xxs{margin:2px 4px}
  738. .m-xs{margin:5px}
  739. .m-sm{margin:10px}
  740. .m{margin:15px}
  741. .m-md{margin:20px}
  742. .m-lg{margin:30px}
  743. .m-xl{margin:50px}
  744. .m-n{margin:0!important}
  745. .m-l-none{margin-left:0}
  746. .m-l-xs{margin-left:5px}
  747. .m-l-sm{margin-left:10px}
  748. .m-l{margin-left:15px}
  749. .m-l-md{margin-left:20px}
  750. .m-l-lg{margin-left:30px}
  751. .m-l-xl{margin-left:40px}
  752. .m-l-n-xxs{margin-left:-1px}
  753. .m-l-n-xs{margin-left:-5px}
  754. .m-l-n-sm{margin-left:-10px}
  755. .m-l-n{margin-left:-15px}
  756. .m-l-n-md{margin-left:-20px}
  757. .m-l-n-lg{margin-left:-30px}
  758. .m-l-n-xl{margin-left:-40px}
  759. .m-t-none{margin-top:0}
  760. .m-t-xxs{margin-top:1px}
  761. .m-t-xs{margin-top:5px}
  762. .m-t-sm{margin-top:10px}
  763. .m-t{margin-top:15px}
  764. .m-t-md{margin-top:20px}
  765. .m-t-lg{margin-top:30px}
  766. .m-t-xl{margin-top:40px}
  767. .m-t-n-xxs{margin-top:-1px}
  768. .m-t-n-xs{margin-top:-5px}
  769. .m-t-n-sm{margin-top:-10px}
  770. .m-t-n{margin-top:-15px}
  771. .m-t-n-md{margin-top:-20px}
  772. .m-t-n-lg{margin-top:-30px}
  773. .m-t-n-xl{margin-top:-40px}
  774. .m-r-none{margin-right:0}
  775. .m-r-xxs{margin-right:1px}
  776. .m-r-xs{margin-right:5px}
  777. .m-r-sm{margin-right:10px}
  778. .m-r{margin-right:15px}
  779. .m-r-md{margin-right:20px}
  780. .m-r-lg{margin-right:30px}
  781. .m-r-xl{margin-right:40px}
  782. .m-r-n-xxs{margin-right:-1px}
  783. .m-r-n-xs{margin-right:-5px}
  784. .m-r-n-sm{margin-right:-10px}
  785. .m-r-n{margin-right:-15px}
  786. .m-r-n-md{margin-right:-20px}
  787. .m-r-n-lg{margin-right:-30px}
  788. .m-r-n-xl{margin-right:-40px}
  789. .m-b-none{margin-bottom:0}
  790. .m-b-xxs{margin-bottom:1px}
  791. .m-b-xs{margin-bottom:5px}
  792. .m-b-sm{margin-bottom:10px}
  793. .m-b{margin-bottom:15px}
  794. .m-b-md{margin-bottom:20px}
  795. .m-b-lg{margin-bottom:30px}
  796. .m-b-xl{margin-bottom:40px}
  797. .m-b-n-xxs{margin-bottom:-1px}
  798. .m-b-n-xs{margin-bottom:-5px}
  799. .m-b-n-sm{margin-bottom:-10px}
  800. .m-b-n{margin-bottom:-15px}
  801. .m-b-n-md{margin-bottom:-20px}
  802. .m-b-n-lg{margin-bottom:-30px}
  803. .m-b-n-xl{margin-bottom:-40px}
  804. .space-15{margin:15px 0}
  805. .space-20{margin:20px 0}
  806. .space-25{margin:25px 0}
  807. .space-30{margin:30px 0}
  808. body.modal-open{padding-right:inherit!important}
  809. .search-form{margin-top:10px}
  810. .search-result h3{margin-bottom:0;color:#1E0FBE}
  811. .search-result .search-link{color:#006621}
  812. .search-result p{font-size:12px;margin-top:5px}
  813. .contact-box{background-color:#fff;border:1px solid #e7eaec;padding:20px;margin-bottom:20px}
  814. .contact-box a{color:inherit}
  815. .invoice-table tbody>tr>td:last-child,.invoice-table tbody>tr>td:nth-child(2),.invoice-table tbody>tr>td:nth-child(3),.invoice-table tbody>tr>td:nth-child(4){text-align:right}
  816. .invoice-table thead>tr>th:last-child,.invoice-table thead>tr>th:nth-child(2),.invoice-table thead>tr>th:nth-child(3),.invoice-table thead>tr>th:nth-child(4){text-align:right}
  817. .invoice-total>tbody>tr>td:first-child{text-align:right}
  818. .invoice-total>tbody>tr>td{border:0 none}
  819. .invoice-total>tbody>tr>td:last-child{border-bottom:1px solid #DDD;text-align:right;width:15%}
  820. .middle-box{max-width:400px;z-index:100;margin:0 auto;padding-top:40px}
  821. .lockscreen.middle-box{width:200px;padding-top:110px}
  822. .loginscreen.middle-box{width:300px}
  823. .loginColumns{max-width:800px;margin:0 auto;padding:100px 20px 20px 20px}
  824. .passwordBox{max-width:460px;margin:0 auto;padding:100px 20px 20px 20px}
  825. .logo-name{color:#e6e6e6;font-size:180px;font-weight:800;letter-spacing:-10px;margin-bottom:0}
  826. .middle-box h1{font-size:170px}
  827. .wrapper .middle-box{margin-top:140px}
  828. .lock-word{z-index:10;position:absolute;top:110px;left:50%;margin-left:-470px}
  829. .lock-word span{font-size:100px;font-weight:600;color:#e9e9e9;display:inline-block}
  830. .lock-word .first-word{margin-right:160px}
  831. .dashboard-header{border-top:0;padding:20px 20px 20px 20px}
  832. .dashboard-header h2{margin-top:10px;font-size:26px}
  833. .fist-item{border-top:none!important}
  834. .statistic-box{margin-top:40px}
  835. .dashboard-header .list-group-item span.label{margin-right:10px}
  836. .list-group.clear-list .list-group-item{border-top:1px solid #e7eaec;border-bottom:0;border-right:0;border-left:0;padding:10px 0}
  837. ul.clear-list:first-child{border-top:none!important}
  838. .timeline-item .date i{position:absolute;top:0;right:0;padding:5px;width:30px;text-align:center;border-top:1px solid #e7eaec;border-bottom:1px solid #e7eaec;border-left:1px solid #e7eaec;background:#f8f8f8}
  839. .timeline-item .date{text-align:right;width:110px;position:relative;padding-top:30px}
  840. .timeline-item .content{border-left:1px solid #e7eaec;border-top:1px solid #e7eaec;padding-top:10px;min-height:100px}
  841. .timeline-item .content:hover{background:#f6f6f6}
  842. ul.notes li,ul.tag-list li{list-style:none}
  843. ul.notes li h4{margin-top:20px;font-size:16px}
  844. ul.notes li div{text-decoration:none;color:#000;background:#ffc;display:block;height:140px;width:140px;padding:1em;position:relative}
  845. ul.notes li div small{position:absolute;top:5px;right:5px;font-size:10px}
  846. ul.notes li div a{position:absolute;right:10px;bottom:10px;color:inherit}
  847. ul.notes li{margin:10px 40px 50px 0;float:left}
  848. ul.notes li div p{font-size:12px}
  849. ul.notes li div{text-decoration:none;color:#000;background:#ffc;display:block;height:140px;width:140px;padding:1em;-moz-box-shadow:5px 5px 2px #212121;-webkit-box-shadow:5px 5px 2px rgba(33,33,33,.7);box-shadow:5px 5px 2px rgba(33,33,33,.7)}
  850. ul.notes li div{-webkit-transform:rotate(-6deg);-o-transform:rotate(-6deg);-moz-transform:rotate(-6deg)}
  851. ul.notes li:nth-child(even) div{-o-transform:rotate(4deg);-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);position:relative;top:5px}
  852. ul.notes li:nth-child(3n) div{-o-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);position:relative;top:-5px}
  853. ul.notes li:nth-child(5n) div{-o-transform:rotate(5deg);-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);position:relative;top:-10px}
  854. ul.notes li div:focus,ul.notes li div:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);position:relative;z-index:5}
  855. ul.notes li div{text-decoration:none;color:#000;background:#ffc;display:block;height:210px;width:210px;padding:1em;-moz-box-shadow:5px 5px 7px #212121;-webkit-box-shadow:5px 5px 7px rgba(33,33,33,.7);box-shadow:5px 5px 7px rgba(33,33,33,.7);-moz-transition:-moz-transform .15s linear;-o-transition:-o-transform .15s linear;-webkit-transition:-webkit-transform .15s linear}
  856. .file-box{float:left;width:220px}
  857. .file-manager h5{text-transform:uppercase}
  858. .file-manager{list-style:none outside none;margin:0;padding:0}
  859. .folder-list li a{color:#666;display:block;padding:5px 0}
  860. .folder-list li{border-bottom:1px solid #e7eaec;display:block}
  861. .folder-list li i{margin-right:8px;color:#3d4d5d}
  862. .category-list li a{color:#666;display:block;padding:5px 0}
  863. .category-list li{display:block}
  864. .category-list li i{margin-right:8px;color:#3d4d5d}
  865. .category-list li a .text-navy{color:#1ab394}
  866. .category-list li a .text-primary{color:#1c84c6}
  867. .category-list li a .text-info{color:#23c6c8}
  868. .category-list li a .text-danger{color:#EF5352}
  869. .category-list li a .text-warning{color:#F8AC59}
  870. .file-manager h5.tag-title{margin-top:20px}
  871. .tag-list li{float:left}
  872. .tag-list li a{font-size:10px;background-color:#f3f3f4;padding:5px 12px;color:inherit;border-radius:2px;border:1px solid #e7eaec;margin-right:5px;margin-top:5px;display:block}
  873. .file{border:1px solid #e7eaec;padding:0;background-color:#fff;position:relative;margin-bottom:20px;margin-right:20px}
  874. .file-manager .hr-line-dashed{margin:15px 0}
  875. .file .icon,.file .image{height:100px;overflow:hidden}
  876. .file .icon{padding:15px 10px;text-align:center}
  877. .file-control{color:inherit;font-size:11px;margin-right:10px}
  878. .file-control.active{text-decoration:underline}
  879. .file .icon i{font-size:70px;color:#dadada}
  880. .file .file-name{padding:10px;background-color:#f8f8f8;border-top:1px solid #e7eaec}
  881. .file-name small{color:#676a6c}
  882. .corner{position:absolute;display:inline-block;width:0;height:0;line-height:0;border:.6em solid transparent;border-right:.6em solid #f1f1f1;border-bottom:.6em solid #f1f1f1;right:0;bottom:0}
  883. a.compose-mail{padding:8px 10px}
  884. .mail-search{max-width:300px}
  885. .profile-content{border-top:none!important}
  886. .feed-activity-list .feed-element{border-bottom:1px solid #e7eaec}
  887. .feed-element:first-child{margin-top:0}
  888. .feed-element{padding-bottom:15px}
  889. .feed-element,.feed-element .media{margin-top:15px}
  890. .feed-element,.media-body{overflow:hidden}
  891. .feed-element>.pull-left{margin-right:10px}
  892. .dropdown-messages-box img.img-circle,.feed-element img.img-circle{width:38px;height:38px}
  893. .feed-element .well{border:1px solid #e7eaec;box-shadow:none;margin-top:10px;margin-bottom:5px;padding:10px 20px;font-size:11px;line-height:16px}
  894. .feed-element .actions{margin-top:10px}
  895. .feed-element .photos{margin:10px 0}
  896. .feed-photo{max-height:180px;border-radius:4px;overflow:hidden;margin-right:10px;margin-bottom:10px}
  897. .mail-box{background-color:#fff;border:1px solid #e7eaec;border-top:0;padding:0;margin-bottom:20px}
  898. .mail-box-header{background-color:#fff;border:1px solid #e7eaec;border-bottom:0;padding:30px 20px 20px 20px}
  899. .mail-box-header h2{margin-top:0}
  900. .mailbox-content .tag-list li a{background:#fff}
  901. .mail-body{border-top:1px solid #e7eaec;padding:20px}
  902. .mail-text{border-top:1px solid #e7eaec}
  903. .mail-text .note-toolbar{padding:10px 15px}
  904. .mail-body .form-group{margin-bottom:5px}
  905. .mail-text .note-editor .note-toolbar{background-color:#F9F8F8}
  906. .mail-attachment{border-top:1px solid #e7eaec;padding:20px;font-size:12px}
  907. .mailbox-content{background:0 0;border:none;padding:10px}
  908. .mail-ontact{width:23%}
  909. .project-actions,.project-people{text-align:right;vertical-align:middle}
  910. dd.project-people{text-align:left;margin-top:5px}
  911. .project-people img{width:32px;height:32px}
  912. .project-title a{font-size:14px;color:#676a6c;font-weight:600}
  913. .project-list table tr td{border-top:none;border-bottom:1px solid #e7eaec;padding:15px 10px;vertical-align:middle}
  914. .project-manager .tag-list li a{font-size:10px;background-color:#fff;padding:5px 12px;color:inherit;border-radius:2px;border:1px solid #e7eaec;margin-right:5px;margin-top:5px;display:block}
  915. .project-files li a{font-size:11px;color:#676a6c;margin-left:10px;line-height:22px}
  916. .faq-item{padding:20px;margin-bottom:2px;background:#fff}
  917. .faq-question{font-size:18px;font-weight:600;color:#1ab394;display:block}
  918. .faq-question:hover{color:#179d82}
  919. .faq-answer{margin-top:10px;background:#f3f3f4;border:1px solid #e7eaec;border-radius:3px;padding:15px}
  920. .faq-item .tag-item{background:#f3f3f4;padding:2px 6px;font-size:10px;text-transform:uppercase}
  921. .message-input{height:90px!important}
  922. .chat-avatar{white:36px;height:36px;float:left;margin-right:10px}
  923. .chat-user-name{padding:10px}
  924. .chat-user{padding:8px 10px;border-bottom:1px solid #e7eaec}
  925. .chat-user a{color:inherit}
  926. .chat-view{z-index:20012}
  927. .chat-statistic,.chat-users{margin-left:-30px}
  928. @media (max-width:992px){.chat-statistic,.chat-users{margin-left:0}
  929. }
  930. .chat-view .ibox-content{padding:0}
  931. .chat-message{padding:10px 20px}
  932. .message-avatar{height:48px;width:48px;border:1px solid #e7eaec;border-radius:4px;margin-top:1px}
  933. .chat-discussion .chat-message:nth-child(2n+1) .message-avatar{float:left;margin-right:10px}
  934. .chat-discussion .chat-message:nth-child(2n) .message-avatar{float:right;margin-left:10px}
  935. .message{background-color:#fff;border:1px solid #e7eaec;text-align:left;display:block;padding:10px 20px;position:relative;border-radius:4px}
  936. .chat-discussion .chat-message:nth-child(2n+1) .message-date{float:right}
  937. .chat-discussion .chat-message:nth-child(2n) .message-date{float:left}
  938. .chat-discussion .chat-message:nth-child(2n+1) .message{text-align:left;margin-left:55px}
  939. .chat-discussion .chat-message:nth-child(2n) .message{text-align:right;margin-right:55px}
  940. .message-date{font-size:10px;color:#888}
  941. .message-content{display:block}
  942. .chat-discussion{background:#eee;padding:15px;height:400px;overflow-y:auto}
  943. .chat-users{overflow-y:auto;height:400px}
  944. .chat-message-form .form-group{margin-bottom:0}
  945. .jstree-open>.jstree-anchor>.fa-folder:before{content:"\f07c"}
  946. .jstree-default .jstree-icon.none{width:0}
  947. .clients-list{margin-top:20px}
  948. .clients-list .tab-pane{position:relative;height:600px}
  949. .client-detail{position:relative;height:620px}
  950. .clients-list table tr td{height:46px;vertical-align:middle;border:none}
  951. .client-link{font-weight:600;color:inherit}
  952. .client-link:hover{color:inherit}
  953. .client-avatar{width:42px}
  954. .client-avatar img{width:28px;height:28px;border-radius:50%}
  955. .contact-type{width:20px;color:#c1c3c4}
  956. .client-status{text-align:left}
  957. .client-detail .vertical-timeline-content p{margin:0}
  958. .client-detail .vertical-timeline-icon.gray-bg{color:#a7aaab}
  959. .clients-list .nav-tabs>li.active>a,.clients-list .nav-tabs>li.active>a:focus,.clients-list .nav-tabs>li.active>a:hover{border-bottom:1px solid #fff}
  960. .blog h2{font-weight:700}
  961. .blog h5{margin:0 0 5px 0}
  962. .blog .btn{margin:0 0 5px 0}
  963. .article h1{font-size:48px;font-weight:700;color:#2F4050}
  964. .article p{font-size:15px;line-height:26px}
  965. .article-title{text-align:center;margin:40px 0 100px 0}
  966. .article .ibox-content{padding:40px}
  967. .issue-tracker .btn-link{color:#1ab394}
  968. table.issue-tracker tbody tr td{vertical-align:middle;height:50px}
  969. .issue-info{width:50%}
  970. .issue-info a{font-weight:600;color:#676a6c}
  971. .issue-info small{display:block}
  972. .team-members{margin:10px 0}
  973. .team-members img.img-circle{width:42px;height:42px;margin-bottom:5px}
  974. .sortable-list{padding:10px 0}
  975. .agile-list{list-style:none;margin:0}
  976. .agile-list li{background:#FAFAFB;border:1px solid #e7eaec;margin:0 0 10px 0;padding:10px;border-radius:2px}
  977. .agile-list li:hover{cursor:pointer;background:#fff}
  978. .agile-list li.warning-element{border-left:3px solid #f8ac59}
  979. .agile-list li.danger-element{border-left:3px solid #ed5565}
  980. .agile-list li.info-element{border-left:3px solid #1c84c6}
  981. .agile-list li.success-element{border-left:3px solid #1ab394}
  982. .agile-detail{margin-top:5px;font-size:12px}
  983. ins{background-color:#c6ffc6;text-decoration:none}
  984. del{background-color:#ffc6c6}
  985. #small-chat{position:fixed;bottom:20px;right:20px;z-index:100}
  986. #small-chat .badge{position:absolute;top:-3px;right:-4px}
  987. .open-small-chat{height:38px;width:38px;display:block;background:#1ab394;padding:9px 8px;text-align:center;color:#fff;border-radius:50%}
  988. .open-small-chat:hover{color:#fff;background:#1ab394}
  989. .small-chat-box{display:none;position:fixed;bottom:20px;right:75px;background:#fff;border:1px solid #e7eaec;width:230px;height:320px;border-radius:4px}
  990. .small-chat-box.ng-small-chat{display:block}
  991. .body-small .small-chat-box{bottom:70px;right:20px}
  992. .small-chat-box.active{display:block}
  993. .small-chat-box .heading{background:#2f4050;padding:8px 15px;font-weight:700;color:#fff}
  994. .small-chat-box .chat-date{opacity:.6;font-size:10px;font-weight:400}
  995. .small-chat-box .content{padding:15px 15px}
  996. .small-chat-box .content .author-name{font-weight:700;margin-bottom:3px;font-size:11px}
  997. .small-chat-box .content>div{padding-bottom:20px}
  998. .small-chat-box .content .chat-message{padding:5px 10px;border-radius:6px;font-size:11px;line-height:14px;max-width:80%;background:#f3f3f4;margin-bottom:10px}
  999. .small-chat-box .content .chat-message.active{background:#1ab394;color:#fff}
  1000. .small-chat-box .content .left{text-align:left;clear:both}
  1001. .small-chat-box .content .left .chat-message{float:left}
  1002. .small-chat-box .content .right{text-align:right;clear:both}
  1003. .small-chat-box .content .right .chat-message{float:right}
  1004. .small-chat-box .form-chat{padding:10px 10px}
  1005. .sk-spinner-rotating-plane.sk-spinner{width:30px;height:30px;background-color:#1ab394;margin:0 auto;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}
  1006. @-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}
  1007. 50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
  1008. 100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
  1009. }
  1010. @keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}
  1011. 50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}
  1012. 100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}
  1013. }
  1014. .sk-spinner-double-bounce.sk-spinner{width:40px;height:40px;position:relative;margin:0 auto}
  1015. .sk-spinner-double-bounce .sk-double-bounce1,.sk-spinner-double-bounce .sk-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#1ab394;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}
  1016. .sk-spinner-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
  1017. @-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
  1018. 50%{-webkit-transform:scale(1);transform:scale(1)}
  1019. }
  1020. @keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
  1021. 50%{-webkit-transform:scale(1);transform:scale(1)}
  1022. }
  1023. .sk-spinner-wave.sk-spinner{margin:0 auto;width:50px;height:30px;text-align:center;font-size:10px}
  1024. .sk-spinner-wave div{background-color:#1ab394;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}
  1025. .sk-spinner-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
  1026. .sk-spinner-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
  1027. .sk-spinner-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
  1028. .sk-spinner-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}
  1029. @-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}
  1030. 20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
  1031. }
  1032. @keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}
  1033. 20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
  1034. }
  1035. .sk-spinner-wandering-cubes.sk-spinner{margin:0 auto;width:32px;height:32px;position:relative}
  1036. .sk-spinner-wandering-cubes .sk-cube1,.sk-spinner-wandering-cubes .sk-cube2{background-color:#1ab394;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCubeMove 1.8s infinite ease-in-out;animation:sk-wanderingCubeMove 1.8s infinite ease-in-out}
  1037. .sk-spinner-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}
  1038. @-webkit-keyframes sk-wanderingCubeMove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5);transform:translateX(42px) rotate(-90deg) scale(.5)}
  1039. 50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg);transform:translateX(42px) translateY(42px) rotate(-179deg)}
  1040. 50.1%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg);transform:translateX(42px) translateY(42px) rotate(-180deg)}
  1041. 75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}
  1042. 100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
  1043. }
  1044. @keyframes sk-wanderingCubeMove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(.5);transform:translateX(42px) rotate(-90deg) scale(.5)}
  1045. 50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg);transform:translateX(42px) translateY(42px) rotate(-179deg)}
  1046. 50.1%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg);transform:translateX(42px) translateY(42px) rotate(-180deg)}
  1047. 75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(42px) rotate(-270deg) scale(.5)}
  1048. 100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
  1049. }
  1050. .sk-spinner-pulse.sk-spinner{width:40px;height:40px;margin:0 auto;background-color:#1ab394;border-radius:100%;-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}
  1051. @-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}
  1052. 100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
  1053. }
  1054. @keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}
  1055. 100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
  1056. }
  1057. .sk-spinner-chasing-dots.sk-spinner{margin:0 auto;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}
  1058. .sk-spinner-chasing-dots .sk-dot1,.sk-spinner-chasing-dots .sk-dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#1ab394;border-radius:100%;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}
  1059. .sk-spinner-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}
  1060. @-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
  1061. }
  1062. @keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
  1063. }
  1064. @-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
  1065. 50%{-webkit-transform:scale(1);transform:scale(1)}
  1066. }
  1067. @keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}
  1068. 50%{-webkit-transform:scale(1);transform:scale(1)}
  1069. }
  1070. .sk-spinner-three-bounce.sk-spinner{margin:0 auto;width:70px;text-align:center}
  1071. .sk-spinner-three-bounce div{width:18px;height:18px;background-color:#1ab394;border-radius:100%;display:inline-block;-webkit-animation:sk-threeBounceDelay 1.4s infinite ease-in-out;animation:sk-threeBounceDelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
  1072. .sk-spinner-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}
  1073. .sk-spinner-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}
  1074. @-webkit-keyframes sk-threeBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
  1075. 40%{-webkit-transform:scale(1);transform:scale(1)}
  1076. }
  1077. @keyframes sk-threeBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
  1078. 40%{-webkit-transform:scale(1);transform:scale(1)}
  1079. }
  1080. .sk-spinner-circle.sk-spinner{margin:0 auto;width:22px;height:22px;position:relative}
  1081. .sk-spinner-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}
  1082. .sk-spinner-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:20%;height:20%;background-color:#1ab394;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out;animation:sk-circleBounceDelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
  1083. .sk-spinner-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}
  1084. .sk-spinner-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
  1085. .sk-spinner-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
  1086. .sk-spinner-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}
  1087. .sk-spinner-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}
  1088. .sk-spinner-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
  1089. .sk-spinner-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}
  1090. .sk-spinner-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}
  1091. .sk-spinner-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
  1092. .sk-spinner-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}
  1093. .sk-spinner-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}
  1094. .sk-spinner-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
  1095. .sk-spinner-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}
  1096. .sk-spinner-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}
  1097. .sk-spinner-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}
  1098. .sk-spinner-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}
  1099. .sk-spinner-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}
  1100. .sk-spinner-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}
  1101. .sk-spinner-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}
  1102. .sk-spinner-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}
  1103. .sk-spinner-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}
  1104. .sk-spinner-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}
  1105. @-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
  1106. 40%{-webkit-transform:scale(1);transform:scale(1)}
  1107. }
  1108. @keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}
  1109. 40%{-webkit-transform:scale(1);transform:scale(1)}
  1110. }
  1111. .sk-spinner-cube-grid.sk-spinner{width:30px;height:30px;margin:0 auto}
  1112. .sk-spinner-cube-grid .sk-cube{width:33%;height:33%;background-color:#1ab394;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}
  1113. .sk-spinner-cube-grid .sk-cube:nth-child(1){-webkit-animation-delay:.2s;animation-delay:.2s}
  1114. .sk-spinner-cube-grid .sk-cube:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}
  1115. .sk-spinner-cube-grid .sk-cube:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}
  1116. .sk-spinner-cube-grid .sk-cube:nth-child(4){-webkit-animation-delay:.1s;animation-delay:.1s}
  1117. .sk-spinner-cube-grid .sk-cube:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}
  1118. .sk-spinner-cube-grid .sk-cube:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}
  1119. .sk-spinner-cube-grid .sk-cube:nth-child(7){-webkit-animation-delay:0s;animation-delay:0s}
  1120. .sk-spinner-cube-grid .sk-cube:nth-child(8){-webkit-animation-delay:.1s;animation-delay:.1s}
  1121. .sk-spinner-cube-grid .sk-cube:nth-child(9){-webkit-animation-delay:.2s;animation-delay:.2s}
  1122. @-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}
  1123. 35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}
  1124. }
  1125. @keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}
  1126. 35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}
  1127. }
  1128. .sk-spinner-wordpress.sk-spinner{background-color:#1ab394;width:30px;height:30px;border-radius:30px;position:relative;margin:0 auto;-webkit-animation:sk-innerCircle 1s linear infinite;animation:sk-innerCircle 1s linear infinite}
  1129. .sk-spinner-wordpress .sk-inner-circle{display:block;background-color:#fff;width:8px;height:8px;position:absolute;border-radius:8px;top:5px;left:5px}
  1130. @-webkit-keyframes sk-innerCircle{0%{-webkit-transform:rotate(0);transform:rotate(0)}
  1131. 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
  1132. }
  1133. @keyframes sk-innerCircle{0%{-webkit-transform:rotate(0);transform:rotate(0)}
  1134. 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
  1135. }
  1136. .sk-spinner-fading-circle.sk-spinner{margin:0 auto;width:22px;height:22px;position:relative}
  1137. .sk-spinner-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}
  1138. .sk-spinner-fading-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:18%;height:18%;background-color:#1ab394;border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out;animation:sk-circleFadeDelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
  1139. .sk-spinner-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}
  1140. .sk-spinner-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
  1141. .sk-spinner-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
  1142. .sk-spinner-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}
  1143. .sk-spinner-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}
  1144. .sk-spinner-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
  1145. .sk-spinner-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}
  1146. .sk-spinner-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}
  1147. .sk-spinner-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
  1148. .sk-spinner-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}
  1149. .sk-spinner-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}
  1150. .sk-spinner-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
  1151. .sk-spinner-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}
  1152. .sk-spinner-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}
  1153. .sk-spinner-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}
  1154. .sk-spinner-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}
  1155. .sk-spinner-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}
  1156. .sk-spinner-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}
  1157. .sk-spinner-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}
  1158. .sk-spinner-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}
  1159. .sk-spinner-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}
  1160. .sk-spinner-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}
  1161. @-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}
  1162. 40%{opacity:1}
  1163. }
  1164. @keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}
  1165. 40%{opacity:1}
  1166. }
  1167. body.rtls #page-wrapper{margin:0 220px 0 0}
  1168. body.rtls .nav-second-level li a{padding:7px 35px 7px 10px}
  1169. body.rtls .ibox-title h5{float:right}
  1170. body.rtls .pull-right{float:left!important}
  1171. body.rtls .pull-left{float:right!important}
  1172. body.rtls .ibox-tools{float:left}
  1173. body.rtls .stat-percent{float:left}
  1174. body.rtls .navbar-right{float:left!important}
  1175. body.rtls .navbar-top-links li:last-child{margin-left:40px;margin-right:0}
  1176. body.rtls .minimalize-styl-2{float:right;margin:14px 20px 5px 5px}
  1177. body.rtls .feed-element>.pull-left{margin-left:10px;margin-right:0}
  1178. body.rtls .timeline-item .date{text-align:left}
  1179. body.rtls .timeline-item .date i{left:0;right:auto}
  1180. body.rtls .timeline-item .content{border-right:1px solid #e7eaec;border-left:none}
  1181. body.rtls .theme-config{left:0;right:auto}
  1182. body.rtls .spin-icon{border-radius:0 20px 20px 0}
  1183. body.rtls .toast-close-button{float:left}
  1184. body.rtls #toast-container>.toast:before{margin:auto -1.5em auto .5em}
  1185. body.rtls #toast-container>div{padding:15px 50px 15px 15px}
  1186. body.rtls .center-orientation .vertical-timeline-icon i{margin-left:0;margin-right:-12px}
  1187. body.rtls .vertical-timeline-icon i{right:50%;left:auto;margin-left:auto;margin-right:-12px}
  1188. body.rtls .file-box{float:right}
  1189. body.rtls ul.notes li{float:right}
  1190. body.rtls .chat-statistic,body.rtls .chat-users{margin-right:-30px;margin-left:auto}
  1191. body.rtls .dropdown-menu>li>a{text-align:right}
  1192. body.rtls .b-r{border-left:1px solid #e7eaec;border-right:none}
  1193. body.rtls .dd-list .dd-list{padding-right:30px;padding-left:0}
  1194. body.rtls .dd-item>button{float:right}
  1195. body.rtls .theme-config-box{margin-left:-220px;margin-right:0}
  1196. body.rtls .theme-config-box.show{margin-left:0;margin-right:0}
  1197. body.rtls .spin-icon{right:0;left:auto}
  1198. body.rtls .skin-setttings{margin-right:40px;margin-left:0}
  1199. body.rtls .skin-setttings{direction:ltr}
  1200. body.rtls .footer.fixed{margin-right:220px;margin-left:0}
  1201. @media (max-width:992px){body.rtls .chat-statistic,body.rtls .chat-users{margin-right:0}
  1202. }
  1203. body.body-small.mini-navbar .footer.fixed,body.rtls.mini-navbar .footer.fixed{margin:0 70px 0 0}
  1204. body.body-small.mini-navbar .footer.fixed,body.rtls.mini-navbar.fixed-sidebar .footer.fixed{margin:0}
  1205. body.rtls.top-navigation .navbar-toggle{float:right;margin-left:15px;margin-right:15px}
  1206. .body-small.rtls.top-navigation .navbar-header{float:none}
  1207. body.rtls.top-navigation #page-wrapper{margin:0}
  1208. body.rtls.mini-navbar #page-wrapper{margin:0 70px 0 0}
  1209. body.rtls.mini-navbar.fixed-sidebar #page-wrapper{margin:0}
  1210. body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper{margin:0 220px 0 0}
  1211. body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side{width:220px}
  1212. .body-small.rtls .navbar-fixed-top{margin-right:0}
  1213. .body-small.rtls .navbar-header{float:right}
  1214. body.rtls .navbar-top-links li:last-child{margin-left:20px}
  1215. body.rtls .top-navigation #page-wrapper,body.rtls.mini-navbar .top-navigation #page-wrapper,body.rtls.mini-navbar.top-navigation #page-wrapper{margin:0}
  1216. body.rtls .top-navigation .footer.fixed,body.rtls.top-navigation .footer.fixed{margin:0}
  1217. @media (max-width:768px){body.rtls .navbar-top-links li:last-child{margin-left:20px}
  1218. .body-small.rtls #page-wrapper{position:inherit;margin:0;min-height:1000px}
  1219. .body-small.rtls .navbar-static-side{display:none;z-index:2001;position:absolute;width:70px}
  1220. .body-small.rtls.mini-navbar .navbar-static-side{display:block}
  1221. .rtls.fixed-sidebar.body-small .navbar-static-side{display:none;z-index:2001;position:fixed;width:220px}
  1222. .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side{display:block}
  1223. }
  1224. .rtls .ltr-support{direction:ltr}
  1225. .theme-config{position:absolute;top:90px;right:0;overflow:hidden}
  1226. .theme-config-box{margin-right:-220px;position:relative;z-index:2000;transition-duration:.8s}
  1227. .theme-config-box.show{margin-right:0}
  1228. .spin-icon{background:#1ab394;position:absolute;padding:7px 10px 7px 13px;border-radius:20px 0 0 20px;font-size:16px;top:0;left:0;width:40px;color:#fff;cursor:pointer}
  1229. .skin-setttings{width:220px;margin-left:40px;background:#f3f3f4}
  1230. .skin-setttings .title{background:#efefef;text-align:center;text-transform:uppercase;font-weight:600;display:block;padding:10px 15px;font-size:12px}
  1231. .setings-item{padding:10px 30px}
  1232. .setings-item.skin{text-align:center}
  1233. .setings-item .switch{float:right}
  1234. .skin-name a{text-transform:uppercase}
  1235. .setings-item a{color:#fff}
  1236. .blue-skin,.default-skin,.ultra-skin,.yellow-skin{text-align:center}
  1237. .default-skin{font-weight:600;background:#1ab394}
  1238. .default-skin:hover{background:#199d82}
  1239. .blue-skin{font-weight:600;background:url(patterns/header-profile-skin-1.png) repeat scroll 0 0}
  1240. .blue-skin:hover{background:#0d8ddb}
  1241. .yellow-skin{font-weight:600;background:url(patterns/header-profile-skin-3.png) repeat scroll 0 100%}
  1242. .yellow-skin:hover{background:#ce8735}
  1243. .ultra-skin{font-weight:600;background:url(patterns/header-profile-skin-2.png) repeat scroll 0 0}
  1244. .ultra-skin:hover{background:#1a2d40}
  1245. .skin-1 .minimalize-styl-2{margin:14px 5px 5px 30px}
  1246. .skin-1 .navbar-top-links li:last-child{margin-right:30px}
  1247. .skin-1.fixed-nav .minimalize-styl-2{margin:14px 5px 5px 15px}
  1248. .skin-1 .spin-icon{background:#0e9aef!important}
  1249. .skin-1 .nav-header{background:#0e9aef;background:url(patterns/header-profile-skin-1.png)}
  1250. .skin-1.mini-navbar .nav-second-level{background:#3e495f}
  1251. .skin-1 .breadcrumb{background:0 0}
  1252. .skin-1 .page-heading{border:none}
  1253. .skin-1 .nav>li.active{background:#3a4459}
  1254. .skin-1 .nav>li>a{color:#9ea6b9}
  1255. .skin-1 .nav>li.active>a{color:#fff}
  1256. .skin-1 .navbar-minimalize{background:#0e9aef;border-color:#0e9aef}
  1257. body.skin-1{background:#3e495f}
  1258. .skin-1 .navbar-static-top{background:#fff}
  1259. .skin-1 .dashboard-header{background:0 0;border-bottom:none!important;border-top:none;padding:20px 30px 10px 30px}
  1260. .fixed-nav.skin-1 .navbar-fixed-top{background:#fff}
  1261. .skin-1 .wrapper-content{padding:30px 15px}
  1262. .skin-1 #page-wrapper{background:#f4f6fa}
  1263. .skin-1 .ibox-content,.skin-1 .ibox-title{border-width:1px}
  1264. .skin-1 .ibox-content:last-child{border-style:solid solid solid solid}
  1265. .skin-1 .nav>li.active{border:none}
  1266. .skin-1 .nav-header{padding:35px 25px 25px 25px}
  1267. .skin-1 .nav-header a.dropdown-toggle{color:#fff;margin-top:10px}
  1268. .skin-1 .nav-header a.dropdown-toggle .text-muted{color:#fff;opacity:.8}
  1269. .skin-1 .profile-element{text-align:center}
  1270. .skin-1 .img-circle{border-radius:5px}
  1271. .skin-1 .navbar-default .nav>li>a:focus,.skin-1 .navbar-default .nav>li>a:hover{background:#3a4459;color:#fff}
  1272. .skin-1 .nav.nav-tabs>li.active>a{color:#555}
  1273. .skin-1 .nav.nav-tabs>li.active{background:0 0}
  1274. body.skin-2{color:#565758!important}
  1275. .skin-2 .minimalize-styl-2{margin:14px 5px 5px 25px}
  1276. .skin-2 .navbar-top-links li:last-child{margin-right:25px}
  1277. .skin-2 .spin-icon{background:#23c6c8!important}
  1278. .skin-2 .nav-header{background:#23c6c8;background:url(patterns/header-profile-skin-2.png)}
  1279. .skin-2.mini-navbar .nav-second-level{background:#ededed}
  1280. .skin-2 .breadcrumb{background:0 0}
  1281. .skin-2.fixed-nav .minimalize-styl-2{margin:14px 5px 5px 15px}
  1282. .skin-2 .page-heading{border:none;background:rgba(255,255,255,.7)}
  1283. .skin-2 .nav>li.active{background:#e0e0e0}
  1284. .skin-2 .logo-element{padding:17px 0}
  1285. .skin-2 .nav>li>a,.skin-2 .welcome-message{color:#edf6ff}
  1286. .skin-2 #top-search::-moz-placeholder{color:#edf6ff;opacity:.5}
  1287. .skin-2 #side-menu>li>a,.skin-2 .nav.nav-second-level>li>a{color:#586b7d}
  1288. .skin-2 .nav>li.active>a{color:#213a53}
  1289. .skin-2.mini-navbar .nav-header{background:#213a53}
  1290. .skin-2 .navbar-minimalize{background:#23c6c8;border-color:#23c6c8}
  1291. .skin-2 .border-bottom{border-bottom:none!important}
  1292. .skin-2 #top-search{color:#fff}
  1293. body.skin-2 #wrapper{background-color:#ededed}
  1294. .skin-2 .navbar-static-top{background:#213a53}
  1295. .fixed-nav.skin-2 .navbar-fixed-top{background:#213a53;border-bottom:none!important}
  1296. .skin-2 .nav-header{padding:30px 25px 30px 25px}
  1297. .skin-2 .dashboard-header{background:rgba(255,255,255,.4);border-bottom:none!important;border-top:none;padding:20px 30px 20px 30px}
  1298. .skin-2 .wrapper-content{padding:30px 15px}
  1299. .skin-2 .dashoard-1 .wrapper-content{padding:0 30px 25px 30px}
  1300. .skin-2 .ibox-title{background:rgba(255,255,255,.7);border:none;margin-bottom:1px}
  1301. .skin-2 .ibox-content{background:rgba(255,255,255,.4);border:none!important}
  1302. .skin-2 #page-wrapper{background:#f6f6f6;background:-webkit-radial-gradient(center,ellipse cover,#f6f6f6 20%,#d5d5d5 100%);background:-o-radial-gradient(center,ellipse cover,#f6f6f6 20%,#d5d5d5 100%);background:-ms-radial-gradient(center,ellipse cover,#f6f6f6 20%,#d5d5d5 100%);background:radial-gradient(ellipse at center,#f6f6f6 20%,#d5d5d5 100%);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d5d5d5)"}
  1303. .skin-2 .ibox-content,.skin-2 .ibox-title{border-width:1px}
  1304. .skin-2 .ibox-content:last-child{border-style:solid solid solid solid}
  1305. .skin-2 .nav>li.active{border:none}
  1306. .skin-2 .nav-header a.dropdown-toggle{color:#edf6ff;margin-top:10px}
  1307. .skin-2 .nav-header a.dropdown-toggle .text-muted{color:#edf6ff;opacity:.8}
  1308. .skin-2 .img-circle{border-radius:10px}
  1309. .skin-2 .nav.navbar-top-links>li>a:focus,.skin-2 .nav.navbar-top-links>li>a:hover{background:#1a2d41}
  1310. .skin-2 .navbar-default .nav>li>a:focus,.skin-2 .navbar-default .nav>li>a:hover{background:#e0e0e0;color:#213a53}
  1311. .skin-2 .nav.nav-tabs>li.active>a{color:#555}
  1312. .skin-2 .nav.nav-tabs>li.active{background:0 0}
  1313. .skin-3 .minimalize-styl-2{margin:14px 5px 5px 30px}
  1314. .skin-3 .navbar-top-links li:last-child{margin-right:30px}
  1315. .skin-3.fixed-nav .minimalize-styl-2{margin:14px 5px 5px 15px}
  1316. .skin-3 .spin-icon{background:#ecba52!important}
  1317. body.boxed-layout.skin-3 #wrapper{background:#3e2c42}
  1318. .skin-3 .nav-header{background:#ecba52;background:url(patterns/header-profile-skin-3.png)}
  1319. .skin-3.mini-navbar .nav-second-level{background:#3e2c42}
  1320. .skin-3 .breadcrumb{background:0 0}
  1321. .skin-3 .page-heading{border:none}
  1322. .skin-3 .nav>li.active{background:#38283c}
  1323. .fixed-nav.skin-3 .navbar-fixed-top{background:#fff}
  1324. .skin-3 .nav>li>a{color:#948b96}
  1325. .skin-3 .nav>li.active>a{color:#fff}
  1326. .skin-3 .navbar-minimalize{background:#ecba52;border-color:#ecba52}
  1327. body.skin-3{background:#3e2c42}
  1328. .skin-3 .navbar-static-top{background:#fff}
  1329. .skin-3 .dashboard-header{background:0 0;border-bottom:none!important;border-top:none;padding:20px 30px 10px 30px}
  1330. .skin-3 .wrapper-content{padding:30px 15px}
  1331. .skin-3 #page-wrapper{background:#f4f6fa}
  1332. .skin-3 .ibox-content,.skin-3 .ibox-title{border-width:1px}
  1333. .skin-3 .ibox-content:last-child{border-style:solid solid solid solid}
  1334. .skin-3 .nav>li.active{border:none}
  1335. .skin-3 .nav-header{padding:35px 25px 25px 25px}
  1336. .skin-3 .nav-header a.dropdown-toggle{color:#fff;margin-top:10px}
  1337. .skin-3 .nav-header a.dropdown-toggle .text-muted{color:#fff;opacity:.8}
  1338. .skin-3 .profile-element{text-align:center}
  1339. .skin-3 .img-circle{border-radius:5px}
  1340. .skin-3 .navbar-default .nav>li>a:focus,.skin-3 .navbar-default .nav>li>a:hover{background:#38283c;color:#fff}
  1341. .skin-3 .nav.nav-tabs>li.active>a{color:#555}
  1342. .skin-3 .nav.nav-tabs>li.active{background:0 0}
  1343. @media (min-width:768px){#page-wrapper{position:inherit;margin:0 0 0 220px;min-height:1200px}
  1344. .navbar-static-side{z-index:2001;position:absolute;width:220px}
  1345. .navbar-top-links .dropdown-alerts,.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks{margin-left:auto}
  1346. }
  1347. @media (max-width:768px){#page-wrapper{position:inherit;margin:0;min-height:1000px}
  1348. .body-small .navbar-static-side{display:none;z-index:2001;position:absolute;width:70px}
  1349. .body-small.mini-navbar .navbar-static-side{display:block}
  1350. .lock-word{display:none}
  1351. .navbar-form-custom{display:none}
  1352. .navbar-header{display:inline;float:left}
  1353. .sidebard-panel{z-index:2;position:relative;width:auto;min-height:100%!important}
  1354. .sidebar-content .wrapper{padding-right:0;z-index:1}
  1355. .fixed-sidebar.body-small .navbar-static-side{display:none;z-index:2001;position:fixed;width:220px}
  1356. .fixed-sidebar.body-small.mini-navbar .navbar-static-side{display:block}
  1357. .ibox-tools{float:none;text-align:right;display:block}
  1358. }
  1359. @media (max-width:350px){.timeline-item .date{text-align:left;width:110px;position:relative;padding-top:30px}
  1360. .timeline-item .date i{position:absolute;top:0;left:15px;padding:5px;width:30px;text-align:center;border:1px solid #e7eaec;background:#f8f8f8}
  1361. .timeline-item .content{border-left:none;border-top:1px solid #e7eaec;padding-top:10px;min-height:100px}
  1362. .nav.navbar-top-links li.dropdown{display:none}
  1363. .ibox-tools{float:none;text-align:left;display:inline-block}
  1364. }
  1365. @media (max-width:1000px){.welcome-message{display:none}
  1366. }
  1367. .echarts{height:240px}
  1368. .bs-glyphicons{margin:0 -10px 20px;overflow:hidden}
  1369. .bs-glyphicons-list{padding-left:0;list-style:none}
  1370. .bs-glyphicons li{float:left;width:25%;height:115px;padding:10px;font-size:10px;line-height:1.4;text-align:center;background-color:#f9f9f9;border:1px solid #fff}
  1371. .bs-glyphicons .glyphicon{margin-top:5px;margin-bottom:10px;font-size:24px}
  1372. .bs-glyphicons .glyphicon-class{display:block;text-align:center;word-wrap:break-word}
  1373. .bs-glyphicons li:hover{color:#fff;background-color:#1ab394}
  1374. @media (min-width:768px){.bs-glyphicons{margin-right:0;margin-left:0}
  1375. .bs-glyphicons li{width:12.5%;font-size:12px}
  1376. }
  1377. /*È¥³ýbootstrap»ÒÉ«±³¾°¸Ä³É°×É«*/
  1378. body{background-color:#fff !important}
  1379. .ibox-content{border:0 !important}