style.min.css 101 KB

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