Dashboard sipadu mbip
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

pcoded-horizontal.min.css 28KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607
  1. .pcoded-logo {
  2. font-size: 13px;
  3. font-weight: 600;
  4. line-height: 35px; }
  5. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item.pcoded-search-item > li.pcoded-hasmenu > a:after {
  6. display: none; }
  7. a:focus {
  8. outline: none;
  9. outline: 0 auto -webkit-focus-ring-color;
  10. outline-offset: 0; }
  11. .pcoded .pcoded-container {
  12. position: relative;
  13. background: #d5dae6; }
  14. .pcoded .pcoded-header {
  15. display: block;
  16. height: 35px;
  17. width: 100%;
  18. z-index: 1024; }
  19. .pcoded .pcoded-navbar {
  20. display: block;
  21. height: 50px;
  22. width: 100%;
  23. z-index: 1023;
  24. box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); }
  25. .pcoded #styleSelector {
  26. z-index: 1024; }
  27. .pcoded-main-container {
  28. display: block;
  29. background: #f3f3f3; }
  30. .pcoded .pcoded-content {
  31. position: relative;
  32. display: block; }
  33. .pcoded .pcoded-inner-content {
  34. padding: 10px; }
  35. .pcoded .pcoded-header .pcoded-left-header {
  36. float: left;
  37. min-width: 230px;
  38. padding: 0 10px; }
  39. .pcoded .pcoded-header .pcoded-right-header {
  40. padding: 0 10px; }
  41. .pcoded .pcoded-header .pcoded-right-header .pcoded-rl-header {
  42. float: left; }
  43. .pcoded .pcoded-header .pcoded-right-header .pcoded-rr-header {
  44. text-align: right; }
  45. .pcoded .pcoded-brand {
  46. float: left; }
  47. .pcoded[pcoded-device-type="desktop"] .navbar-logo .mobile-menu,
  48. .pcoded[pcoded-device-type="desktop"] .pcoded-brand .menu-toggle, .pcoded[pcoded-device-type="tablet"] .navbar-logo .mobile-menu,
  49. .pcoded[pcoded-device-type="tablet"] .pcoded-brand .menu-toggle {
  50. display: none; }
  51. .pcoded[pcoded-device-type="desktop"] .p-chat-user,
  52. .pcoded[pcoded-device-type="desktop"] .showChat_inner, .pcoded[pcoded-device-type="tablet"] .p-chat-user,
  53. .pcoded[pcoded-device-type="tablet"] .showChat_inner {
  54. top: 107px; }
  55. .pcoded .pcoded-brand .menu-toggle a {
  56. text-decoration: none; }
  57. .pcoded .pcoded-brand .menu-toggle a i {
  58. font-size: 18px; }
  59. .pcoded .pcoded-navbar .pcoded-item {
  60. display: block;
  61. list-style: none;
  62. margin: 0;
  63. padding: 0;
  64. position: relative; }
  65. .pcoded .pcoded-navbar .pcoded-item > li {
  66. display: block;
  67. list-style: outside none none;
  68. margin: 0;
  69. padding: 0;
  70. position: relative; }
  71. .pcoded .pcoded-navbar .pcoded-item > li > a {
  72. display: block;
  73. font-size: 13px;
  74. padding: 9px 20px;
  75. text-decoration: none;
  76. position: relative;
  77. line-height: 40px;
  78. color: #000; }
  79. @media only screen and (max-width: 1200px) {
  80. .pcoded .pcoded-navbar .pcoded-item > li > a {
  81. padding: 9px 5px; } }
  82. .pcoded .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a {
  83. line-height: 2.3; }
  84. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu {
  85. list-style: outside none none;
  86. margin: 0;
  87. padding: 0;
  88. box-shadow: 0 1px 7px -1px rgba(0, 0, 0, 0.4); }
  89. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li {
  90. display: block;
  91. list-style: outside none none;
  92. margin: 0;
  93. padding: 0;
  94. position: relative; }
  95. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a {
  96. display: block;
  97. font-size: 14px;
  98. padding: 5px 10px;
  99. text-decoration: none;
  100. position: relative; }
  101. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-mtext {
  102. transition: all 0s ease-in; }
  103. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a:before {
  104. font-family: 'themify';
  105. font-size: 12px; }
  106. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li:hover a:before {
  107. font-family: 'themify';
  108. font-size: 12px;
  109. position: relative;
  110. border-left: none; }
  111. .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon {
  112. font-size: 14px;
  113. padding: 0; }
  114. .pcoded .pcoded-navbar .pcoded-item.pcoded-search-item > li > a > .pcoded-micon {
  115. padding: 0 5px 0 7px; }
  116. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a .pcoded-micon {
  117. font-size: 13px;
  118. padding-right: 5px; }
  119. .pcoded[horizontal-layout="wide"] .pcoded-container {
  120. width: 100%;
  121. display: block; }
  122. .pcoded[horizontal-layout="box"] .pcoded-container {
  123. display: block;
  124. margin: 0 auto;
  125. max-width: 1200px;
  126. width: 100%; }
  127. .pcoded[theme-layout="horizontal"][horizontal-layout="box"] .pcoded-header[pcoded-header-position="fixed"] {
  128. max-width: 1200px; }
  129. .pcoded[theme-layout="horizontal"][horizontal-layout="box"] .pcoded-navbar.stickybar, .pcoded[theme-layout="horizontal"][horizontal-layout="box"] .pcoded-navbar[pcoded-navbar-position="fixed"] {
  130. max-width: 1200px; }
  131. .pcoded[horizontal-layout="widebox"] .pcoded-container {
  132. width: 100%; }
  133. .pcoded[horizontal-layout="widebox"] .pcoded-content .pcoded-wrapper,
  134. .pcoded[horizontal-layout="widebox"] .pcoded-header .pcoded-wrapper,
  135. .pcoded[horizontal-layout="widebox"] .pcoded-navbar .pcoded-wrapper {
  136. display: block;
  137. margin: 0 auto;
  138. max-width: 1200px;
  139. width: 100%; }
  140. .pcoded[horizontal-layout="wide"][horizontal-placement="bottom"] .pcoded-navbar {
  141. width: 100%; }
  142. .pcoded[horizontal-layout="box"][horizontal-placement="bottom"] .pcoded-navbar {
  143. margin: 0 auto;
  144. max-width: 1200px;
  145. width: 100%; }
  146. .pcoded[horizontal-layout="widebox"][horizontal-placement="bottom"] .pcoded-navbar {
  147. width: 100%; }
  148. .pcoded .pcoded-navbar .pcoded-item > li {
  149. float: left; }
  150. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu {
  151. position: absolute;
  152. min-width: 200px;
  153. z-index: 1;
  154. border-top-style: solid;
  155. border-top-width: 1px; }
  156. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu li > a {
  157. font-size: 14px;
  158. font-weight: 500;
  159. line-height: 34px;
  160. text-align: left; }
  161. .pcoded .pcoded-navbar .pcoded-item .pcoded-submenu .pcoded-submenu {
  162. position: absolute;
  163. min-width: 250px;
  164. z-index: 1;
  165. left: 100%;
  166. top: -1px; }
  167. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu {
  168. opacity: 0;
  169. visibility: hidden;
  170. -webkit-transform-origin: 50% 50%;
  171. transform-origin: 50% 50%;
  172. -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  173. transition: transform 0.3s, opacity 0.3s;
  174. transform-style: preserve-3d;
  175. -webkit-transform-style: preserve-3d;
  176. transform: rotateX(-90deg);
  177. -webkit-transform: rotateX(-90deg); }
  178. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu {
  179. opacity: 1;
  180. visibility: visible;
  181. transform: rotateX(0deg);
  182. -webkit-transform: rotateX(0deg); }
  183. .pcoded[theme-layout="horizontal"] .pcoded-navbar[pcoded-navbar-position="relative"] {
  184. position: relative; }
  185. .pcoded[theme-layout="horizontal"] .pcoded-navbar[pcoded-navbar-position="fixed"] {
  186. position: fixed; }
  187. .pcoded[theme-layout="horizontal"] .pcoded-navbar[pcoded-navbar-position="absolute"] {
  188. position: absolute; }
  189. .pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu > a:after {
  190. font-family: "themify";
  191. font-size: 12px; }
  192. .pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu[dropdown-icon="style1"] > a:after {
  193. content: "\e649"; }
  194. .pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style1"] > a:after {
  195. content: "\e64b"; }
  196. .pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu[dropdown-icon="style2"] > a:after {
  197. content: "\e661"; }
  198. .pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style2"] > a:after {
  199. content: "\e663"; }
  200. .pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu[dropdown-icon="style3"] > a:after {
  201. content: '\e61a'; }
  202. .pcoded[theme-layout="horizontal"] .pcoded-navbar li.pcoded-hasmenu.pcoded-trigger[dropdown-icon="style3"] > a:after {
  203. content: '\e622'; }
  204. .pcoded[theme-layout="horizontal"] .pcoded-header[pcoded-header-position="relative"] {
  205. position: relative; }
  206. .pcoded[theme-layout="horizontal"] .pcoded-header[pcoded-header-position="fixed"] {
  207. position: fixed;
  208. top: 0; }
  209. .pcoded[theme-layout="horizontal"] .pcoded-header[pcoded-header-position="absolute"] {
  210. position: absolute; }
  211. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-brand.pcoded-left-align,
  212. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-left-item.pcoded-left-align,
  213. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-right-item.pcoded-left-align,
  214. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-search-item.pcoded-left-align {
  215. float: left; }
  216. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-brand.pcoded-right-align,
  217. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-left-item.pcoded-right-align,
  218. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-right-item.pcoded-right-align,
  219. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-search-item.pcoded-right-align {
  220. float: right; }
  221. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="dashed"] > li > a {
  222. border-right-style: dashed; }
  223. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="dotted"] > li > a {
  224. border-right-style: dotted; }
  225. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="solid"] > li > a {
  226. border-right-style: solid; }
  227. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="dashed"] .pcoded-hasmenu .pcoded-submenu li > a {
  228. border-bottom-style: dashed; }
  229. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="dotted"] .pcoded-hasmenu .pcoded-submenu li > a {
  230. border-bottom-style: dotted; }
  231. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"][item-border-style="solid"] .pcoded-hasmenu .pcoded-submenu li > a {
  232. border-bottom-style: solid; }
  233. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="false"] > li > a {
  234. border-right-width: 0; }
  235. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[item-border="true"] > li > a {
  236. border-right-width: 1px; }
  237. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[subitem-border="false"] .pcoded-hasmenu .pcoded-submenu li > a {
  238. border-bottom-width: 0; }
  239. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[subitem-border="true"] .pcoded-hasmenu .pcoded-submenu li > a {
  240. border-bottom-width: 1px; }
  241. .pcoded .pcoded-navbar .pcoded-item .pcoded-submenu li.pcoded-hasmenu > a:after {
  242. margin-left: 3px;
  243. position: relative;
  244. float: right;
  245. top: 1px; }
  246. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.active > a:after, .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after,
  247. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after {
  248. font-style: normal;
  249. margin-left: 3px;
  250. padding-left: 5px;
  251. position: relative; }
  252. li.edge > ul {
  253. left: auto !important;
  254. right: 100%; }
  255. .stickybar {
  256. height: 40px;
  257. position: fixed;
  258. top: 0;
  259. width: 100% !important; }
  260. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.edge.pcoded-trigger > .pcoded-submenu {
  261. right: 0; }
  262. .pcoded[horizontal-layout="box"][horizontal-placement="bottom"] .pcoded-navbar, .pcoded[horizontal-layout="wide"][horizontal-placement="bottom"] .pcoded-navbar, .pcoded[horizontal-layout="widebox"][horizontal-placement="bottom"] .pcoded-navbar {
  263. bottom: 0;
  264. position: fixed; }
  265. .pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu {
  266. bottom: 40px; }
  267. .pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item .pcoded-submenu .pcoded-submenu {
  268. bottom: 0;
  269. top: auto; }
  270. .pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu {
  271. border-bottom-style: solid;
  272. border-bottom-width: 1px;
  273. border-top-width: 0; }
  274. .pcoded[horizontal-placement="top"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a > .pcoded-mcaret {
  275. background: transparent none repeat scroll 0 0;
  276. border-bottom-style: solid;
  277. border-bottom-width: 7px;
  278. border-left: 8px solid transparent;
  279. border-right: 8px solid transparent;
  280. bottom: 0;
  281. display: block;
  282. float: right;
  283. height: 0;
  284. margin: 0 auto;
  285. position: absolute;
  286. right: 50%;
  287. width: 0; }
  288. .pcoded[theme-layout="horizontal"][horizontal-placement="top"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active .pcoded-submenu {
  289. border-top-style: solid;
  290. border-top-width: 1px; }
  291. .pcoded[theme-layout="horizontal"][horizontal-placement="top"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active > a > .pcoded-mcaret {
  292. border-bottom-width: 7px;
  293. border-bottom-style: solid; }
  294. .pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a > .pcoded-mcaret {
  295. background: transparent none repeat scroll 0 0;
  296. border-top-style: solid;
  297. border-top-width: 7px;
  298. border-left: 8px solid transparent;
  299. border-right: 8px solid transparent;
  300. top: 0;
  301. display: block;
  302. float: right;
  303. height: 0;
  304. margin: 0 auto;
  305. position: absolute;
  306. right: 50%;
  307. width: 0; }
  308. .pcoded[theme-layout="horizontal"][horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger.active > a > .pcoded-mcaret {
  309. border-top-width: 7px;
  310. border-top-style: solid; }
  311. .pcoded .pcoded-navbar .pcoded-item[subitem-border="true"] .pcoded-hasmenu .pcoded-submenu > li:last-child > a {
  312. border-bottom-color: transparent !important; }
  313. .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li > a {
  314. padding: 9px; }
  315. .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li > a > .pcoded-micon {
  316. display: none; }
  317. .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item.pcoded-search-item > li > a > .pcoded-micon {
  318. display: block; }
  319. .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-brand.pcoded-left-align {
  320. /* display: none; */ }
  321. .pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar.isCentered, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar.isCentered {
  322. text-align: center; }
  323. .pcoded[pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu, .pcoded[pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu {
  324. text-align: left; }
  325. .pcoded[theme-layout="horizontal"] .pcoded-navbar.isCentered .pcoded-brand {
  326. display: inline-block;
  327. float: none;
  328. float: unset;
  329. margin-top: 0;
  330. position: relative;
  331. top: -13px; }
  332. .pcoded[theme-layout="horizontal"] .pcoded-navbar.isCentered .pcoded-left-item,
  333. .pcoded[theme-layout="horizontal"] .pcoded-navbar.isCentered .pcoded-right-item,
  334. .pcoded[theme-layout="horizontal"] .pcoded-navbar.isCentered .pcoded-search-item {
  335. display: inline-block; }
  336. .pcoded .pcoded-navbar.isCentered .pcoded-item > li {
  337. display: inline-block; }
  338. .pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-inner-navbar, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-inner-navbar {
  339. position: relative; }
  340. .pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item, .pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.fullwidth-drop, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li.fullwidth-drop {
  341. position: static;
  342. position: static; }
  343. .pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu {
  344. min-width: 200px;
  345. width: 100%;
  346. left: 0;
  347. right: 0;
  348. top: auto; }
  349. .pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li {
  350. display: inline-block; }
  351. .pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li {
  352. position: static;
  353. position: static; }
  354. .pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"].pcoded-navbar .pcoded-item > li.fullwidth-drop .pcoded-submenu .pcoded-submenu, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"].pcoded-navbar .pcoded-item > li.fullwidth-drop .pcoded-submenu .pcoded-submenu {
  355. top: 100%;
  356. left: 0; }
  357. .pcoded .pcoded-navbar .pcoded-item[subitem-border="true"] .pcoded-hasmenu.fullwidth-drop .pcoded-submenu li > a {
  358. border-bottom-width: 0; }
  359. .pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.fullwidth-drop > .pcoded-submenu {
  360. bottom: 100%; }
  361. .pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.fullwidth-drop > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu {
  362. bottom: 100%; }
  363. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu.fullwidth-drop .pcoded-submenu li > a {
  364. display: inline-block; }
  365. .pcoded-inner-navbar {
  366. position: relative; }
  367. .pcoded .pcoded-navbar .pcoded-item {
  368. position: static; }
  369. .pcoded .pcoded-navbar .pcoded-item > li.megamenu-half {
  370. position: static; }
  371. .pcoded .pcoded-navbar .pcoded-item > li.megamenu-half.pcoded-hasmenu .pcoded-submenu {
  372. left: auto;
  373. min-width: 200px;
  374. right: auto;
  375. width: 50%; }
  376. .pcoded .megamenu-half .pcoded-submenu {
  377. padding: 10px !important;
  378. color: #b4bcc8; }
  379. .pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.megamenu-half > .pcoded-submenu {
  380. bottom: 100%; }
  381. .pcoded-inner-navbar {
  382. position: relative; }
  383. .pcoded .pcoded-navbar .pcoded-item {
  384. position: static; }
  385. .pcoded .pcoded-navbar .pcoded-item > li.megamenu-full {
  386. position: static; }
  387. .pcoded .pcoded-navbar .pcoded-item > li.megamenu-full.pcoded-hasmenu .pcoded-submenu {
  388. left: 0;
  389. min-width: 200px;
  390. right: 0;
  391. width: 100%; }
  392. .pcoded .megamenu-full .pcoded-submenu {
  393. padding: 10px !important;
  394. color: #b4bcc8; }
  395. .pcoded[horizontal-placement="bottom"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.megamenu-full > .pcoded-submenu {
  396. bottom: 100%; }
  397. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu.pcoded-megamenu ul {
  398. margin: 0;
  399. padding: 0; }
  400. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu.pcoded-megamenu ul li {
  401. display: block;
  402. list-style: outside none none; }
  403. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu.pcoded-megamenu ul li a {
  404. border-bottom-width: 0 !important;
  405. font-size: 13px;
  406. font-weight: 500;
  407. line-height: 23px;
  408. padding: 0;
  409. text-decoration: none; }
  410. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu.pcoded-megamenu ul li a:hover {
  411. text-decoration: none;
  412. background: transparent !important;
  413. color: #FFF; }
  414. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu.pcoded-megamenu ul li.title {
  415. display: block;
  416. font-size: 13px;
  417. font-weight: 600;
  418. padding: 10px 0;
  419. margin-bottom: 10px;
  420. border-bottom-width: 1px;
  421. border-bottom-style: solid; }
  422. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu .pcoded-submenu.pcoded-megamenu .pcoded-gridbox {
  423. border-radius: 2px;
  424. font-size: 10px;
  425. margin-bottom: 11px;
  426. min-height: 23px;
  427. padding-top: 5px;
  428. text-align: center; }
  429. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-header .pcoded-rl-header {
  430. display: none; }
  431. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-header .pcoded-right-header .pcoded-rr-header {
  432. text-align: center; }
  433. .pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcodedbrand-xs, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcodedbrand-xs {
  434. height: 40px;
  435. width: 100%;
  436. padding: 0;
  437. margin: 0;
  438. position: relative;
  439. display: none; }
  440. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcodedbrand-xs {
  441. height: 40px;
  442. width: 100%;
  443. padding: 0;
  444. margin: 0;
  445. position: relative; }
  446. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcodedbrand-xs .pcoded-brand a {
  447. font-family: lato;
  448. font-size: 20px !important;
  449. font-weight: 700;
  450. line-height: 40px;
  451. padding: 0 10px;
  452. text-decoration: none; }
  453. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcodedbrand-xs .menu-toggle {
  454. float: right; }
  455. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar {
  456. height: auto;
  457. padding: 10px 10px 0;
  458. position: absolute;
  459. opacity: 0;
  460. visibility: hidden;
  461. transform-origin: 50% 50%;
  462. transition: transform 0.3s, opacity 0.3s;
  463. transform-style: preserve-3d;
  464. transform: rotateX(-90deg); }
  465. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-inner-navbar {
  466. height: auto;
  467. position: relative; }
  468. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-brand a {
  469. display: none; }
  470. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar.show-menu {
  471. opacity: 1;
  472. visibility: visible;
  473. transform: rotateX(0deg); }
  474. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-brand a {
  475. font-family: lato;
  476. font-size: 20px !important;
  477. font-weight: 700;
  478. line-height: 40px;
  479. padding: 0 10px;
  480. text-decoration: none; }
  481. .pcoded[pcoded-device-type="desktop"] .pcoded-navbar .pcoded-brand .menu-toggle, .pcoded[pcoded-device-type="phone"] .pcoded-navbar .pcoded-brand .menu-toggle, .pcoded[pcoded-device-type="tablet"] .pcoded-navbar .pcoded-brand .menu-toggle {
  482. display: none; }
  483. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-brand {
  484. float: unset !important;
  485. float: none !important; }
  486. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-brand .menu-toggle {
  487. float: right; }
  488. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item {
  489. display: block;
  490. float: none !important;
  491. position: relative;
  492. width: 100%;
  493. z-index: 1; }
  494. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > li {
  495. float: none;
  496. display: block;
  497. position: relative; }
  498. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item[item-border="true"] > li > a {
  499. border-right-width: 0;
  500. border-bottom-width: 1px;
  501. border-bottom-style: solid; }
  502. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item[item-border="true"] > li.pcoded-trigger > a {
  503. border-bottom-width: 0; }
  504. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu {
  505. min-width: 100%;
  506. z-index: 2; }
  507. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu {
  508. position: relative; }
  509. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu {
  510. left: 0;
  511. min-width: 100%;
  512. right: 0;
  513. top: 0;
  514. z-index: 1; }
  515. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu,
  516. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu.pcoded-trigger > .pcoded-submenu {
  517. position: relative; }
  518. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu > .pcoded-hasmenu > .pcoded-submenu {
  519. left: 0;
  520. min-width: 100%;
  521. right: 0;
  522. top: 0;
  523. z-index: 1; }
  524. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"][horizontal-placement="bottom"] .pcoded-navbar {
  525. bottom: auto; }
  526. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.active > a:after, .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu.pcoded-trigger > a:after,
  527. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a:after {
  528. position: absolute;
  529. right: 13px; }
  530. .pcoded[theme-layout="horizontal"][pcoded-device-type="phone"] .pcoded-header, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-header {
  531. height: auto; }
  532. .pcoded .pcoded-navbar .pcoded-item .pcoded-submenu > li a .pcoded-badge {
  533. top: 13px;
  534. right: 20px; }
  535. .pcoded-rr-header .btn {
  536. font-size: 12px;
  537. font-weight: 600;
  538. margin-left: 5px; }
  539. .pcoded-main-container {
  540. clear: both; }
  541. .pcoded-address span {
  542. float: left; }
  543. .pcoded .pcoded-navbar .pcoded-item:after {
  544. display: none; }
  545. .pcoded .pcoded-navbar .pcoded-item .pcoded-hasmenu.fullwidth-drop .pcoded-submenu li > a {
  546. display: list-item; }
  547. .pcoded[theme-layout="horizontal"] .pcoded-navbar .pcoded-item[subitem-border="true"] .pcoded-hasmenu.fullwidth-drop .pcoded-submenu li > a {
  548. border-bottom-width: 0; }
  549. .pcoded[theme-layout="horizontal"][pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li, .pcoded[theme-layout="horizontal"][pcoded-device-type="tablet"] .pcoded-navbar .pcoded-item > li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li {
  550. display: block;
  551. float: left; }
  552. .pcoded[theme-layout="horizontal"] .pcoded-header[pcoded-header-position="relative"] ~ .pcoded-main-container {
  553. top: -1px; }
  554. .pcoded .pcoded-navbar .pcoded-item li.fullwidth-drop.pcoded-hasmenu .pcoded-submenu li.pcoded-hasmenu > a:after {
  555. float: none; }
  556. .pcoded .pcoded-navbar[navbar-theme="themelight1"] {
  557. background-color: #fff; }
  558. .pcoded .pcoded-navbar[navbar-theme="theme1"] {
  559. background-color: #37474f; }
  560. .pcoded .pcoded-header[header-theme="theme1"] {
  561. background: #448aff; }
  562. .pcoded .pcoded-header[header-theme="theme2"] {
  563. background: #5D4037; }
  564. .pcoded .pcoded-header[header-theme="theme3"] {
  565. background: #4CAF50; }
  566. .pcoded .pcoded-header[header-theme="theme4"] {
  567. background: #d84315; }
  568. .pcoded .pcoded-header[header-theme="theme5"] {
  569. background: #4527a0; }
  570. .pcoded .pcoded-header[header-theme="theme6"] {
  571. background: #37474f; }
  572. body.horizontal-icon .pcoded .main-body, body.horizontal-icon-fixed .pcoded .main-body {
  573. margin-top: 60px; }
  574. body.horizontal-icon .pcoded .pcoded-navbar, body.horizontal-icon-fixed .pcoded .pcoded-navbar {
  575. height: 70px; }
  576. body.horizontal-icon .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon, body.horizontal-icon-fixed .pcoded .pcoded-navbar .pcoded-item > li > a > .pcoded-micon {
  577. display: block;
  578. text-align: center;
  579. margin: 0 auto; }
  580. body.horizontal-icon .pcoded .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a, body.horizontal-icon-fixed .pcoded .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a {
  581. line-height: 30px; }
  582. body.horizontal-icon .pcoded[pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a, body.horizontal-icon-fixed .pcoded[pcoded-device-type="desktop"] .pcoded-navbar .pcoded-item > li.pcoded-hasmenu > a {
  583. height: 70px; }
  584. .pcoded[sidebar-img="true"] .pcoded-navbar {
  585. background-size: cover; }
  586. /*# sourceMappingURL=pcoded-horizontal.min.css.map */