/* Table of Contents I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- 03. Fonts ------------------------------------ 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- Grid ------------------------------------- Responsive Helpers ----------------------- 05. Brand Colors ----------------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- 03. Footer ----------------------------------- 04. Header ----------------------------------- 05. Header Home ------------------------------ 06. Main ------------------------------------- 07. Main Alt --------------------------------- 08. Shell ------------------------------------ 09. Sidebar ---------------------------------- 10. Wrapper ---------------------------------- III. Modules -------------------------------------- 01. Accordion -------------------------------- 02. Button ----------------------------------- Button Block ----------------------------- 03. Btn small -------------------------------- 04. Btn big ---------------------------------- 05. Btn Sort Trigger ------------------------- 06. Btn Solid -------------------------------- 07. Btn Tooltip ------------------------------ 08. Btn File --------------------------------- 09. Btn Add ---------------------------------- 10. Btn Field -------------------------------- 11. Form Elements ---------------------------- 12. Radio ------------------------------------ 13. Checkbox --------------------------------- 14. Radio Color ------------------------------ 15. File Upload ------------------------------ 16. File Drop -------------------------------- 17. File Add --------------------------------- 18. Custom Select ---------------------------- 19. Select Holder Relative ------------------- 20. Select Holder Alt ------------------------ 21. Select Holder Alt Small ------------------ 22. Form ------------------------------------- 23. Form Code -------------------------------- 24. Form Map Options ------------------------- 25. Form Popup ------------------------------- 26. Form Layers ------------------------------ 27. List ------------------------------------- 28. list-checkboxes -------------------------- 29. List Radios Colors ----------------------- 30. List Form Options ------------------------ 31. List Layer Options ----------------------- 32. Logo ------------------------------------- 33. Logo Footer ------------------------------ 34. Map Placeholder -------------------------- 35. Map Description -------------------------- 36. Map Population --------------------------- 37. Map Wiki --------------------------------- 38. Nav -------------------------------------- 39. Nav Desktop ------------------------------ 40. Nav Aside -------------------------------- 41. Options ---------------------------------- 42. Popup ------------------------------------ 43. proggress -------------------------------- 44. Range ------------------------------------ 45. Search ----------------------------------- 46. Section Home ----------------------------- 47. Section Layer ---------------------------- 48. Slider ----------------------------------- 49. Tabs ------------------------------------- 50. Table Sort ------------------------------- 51. Table Place ------------------------------ 52. Table Legend ----------------------------- 53. Tooltip ---------------------------------- 54. Widget ----------------------------------- */ .ico-add-point-dark { background-image: url(../css/images/sprite.png); background-position: -436px -187px; width: 25px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-area-big { background-image: url(../css/images/sprite.png); background-position: -205px 0; width: 200px; height: 194px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-area-small-white { background-image: url(../css/images/sprite.png); background-position: -278px -204px; width: 77px; height: 75px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-area-small { background-image: url(../css/images/sprite.png); background-position: -359px -243px; width: 36px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-area-small-active, a:active .ico-area-small, button:active .ico-area-small, a.active .ico-area-small, button.active .ico-area-small, .ico-area-small.active { background-image: url(../css/images/sprite.png); background-position: -359px -204px; width: 36px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-caret { background-image: url(../css/images/sprite.png); background-position: -276px -351px; width: 12px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-black { background-image: url(../css/images/sprite.png); background-position: -131px -399px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-circle { background-image: url(../css/images/sprite.png); background-position: -298px -364px; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-small { background-image: url(../css/images/sprite.png); background-position: -459px -75px; width: 8px; height: 7px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-data-mobile { background-image: url(../css/images/sprite.png); background-position: -450px -218px; width: 15px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-data { background-image: url(../css/images/sprite.png); background-position: -409px -153px; width: 23px; height: 61px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-edit { background-image: url(../css/images/sprite.png); background-position: -196px -399px; width: 14px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-faq-small { background-image: url(../css/images/sprite.png); background-position: -450px -298px; width: 18px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-faq { background-image: url(../css/images/sprite.png); background-position: -409px -338px; width: 36px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-filter-small { background-image: url(../css/images/sprite.png); background-position: -214px -399px; width: 14px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-folder-plus { background-image: url(../css/images/sprite.png); background-position: -365px -325px; width: 26px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-folder-upload { background-image: url(../css/images/sprite.png); background-position: -197px -364px; width: 26px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info-circle-dark { background-image: url(../css/images/sprite.png); background-position: -354px -364px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info-circle { background-image: url(../css/images/sprite.png); background-position: -279px -364px; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info-italic { background-image: url(../css/images/sprite.png); background-position: -336px -364px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info-mobile { background-image: url(../css/images/sprite.png); background-position: -409px -113px; width: 50px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info { background-image: url(../css/images/sprite.png); background-position: -276px -286px; width: 85px; height: 61px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-line-big { background-image: url(../css/images/sprite.png); background-position: 0 -204px; width: 193px; height: 191px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-line-small-white { background-image: url(../css/images/sprite.png); background-position: -197px -286px; width: 75px; height: 74px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-line-small { background-image: url(../css/images/sprite.png); background-position: -365px -286px; width: 35px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-line-small-active, a:active .ico-line-small, button:active .ico-line-small, a.active .ico-line-small, button.active .ico-line-small, .ico-line-small.active { background-image: url(../css/images/sprite.png); background-position: 0 -399px; width: 35px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-load-small { background-image: url(../css/images/sprite.png); background-position: -153px -399px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-load { background-image: url(../css/images/sprite.png); background-position: -409px -298px; width: 37px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-locked-active { background-image: url(../css/images/sprite-redesign.png); background-position: -262px -399px; width: 11px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-locked { background-image: url(../css/images/sprite-redesign.png); background-position: -247px -399px; width: 11px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-unlocked { background-image: url(../css/images/sprite-redesign.png); background-position: -450px -321px; width: 14px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-logo-mobile { background-image: url(../css/images/sprite.png); background-position: -449px -338px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-logo-small { background-image: url(../css/images/sprite.png); background-position: -79px -399px; width: 23px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-logo { background-image: url(../css/images/sprite.png); background-position: -409px -63px; width: 46px; height: 46px; display: inline-block; vertical-align: middle; font-size: 0; } /*.ico-map-mobile { background-image: url(../css/images/sprite.png); background-position: -450px -258px; width: 18px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }*/ .ico-map-mobile { background-image: url(../css/images/sprite.png); background-position: -409px 0; width: 60px; height: 59px; display: inline-block; vertical-align: middle; font-size: 0; zoom:.8; -moz-transform:scale(.8); -moz-transform-origin: 0 0; } .ico-map { background-image: url(../css/images/sprite.png); background-position: -409px 0; width: 60px; height: 59px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-menu-mobile { background-image: url(../css/images/sprite.png); background-position: -449px -362px; width: 20px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-menu-small { background-image: url(../css/images/sprite.png); background-position: -227px -364px; width: 29px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-menu { background-image: url(../css/images/sprite.png); background-position: -409px -378px; width: 29px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-minus-big { background-image: url(../css/images/sprite.png); background-position: -205px -198px; width: 21px; height: 2px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-minus-small { background-image: url(../css/images/sprite.png); background-position: -450px -290px; width: 11px; height: 3px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-plus-big { background-image: url(../css/images/sprite.png); background-position: -106px -399px; width: 21px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-plus-small { background-image: url(../css/images/sprite.png); background-position: -450px -321px; width: 11px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-plus { background-image: url(../css/images/sprite.png); background-position: -459px -63px; width: 8px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-point-big { background-image: url(../css/images/sprite.png); background-position: 0 0; width: 201px; height: 200px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-point-small-white { background-image: url(../css/images/sprite.png); background-position: -197px -204px; width: 77px; height: 78px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-point-small { background-image: url(../css/images/sprite.png); background-position: -409px -218px; width: 37px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-point-small-active, a:active .ico-point-small, button:active .ico-point-small, a.active .ico-point-small, button.active .ico-point-small, .ico-point-small.active { background-image: url(../css/images/sprite.png); background-position: -409px -258px; width: 37px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-save-small { background-image: url(../css/images/sprite.png); background-position: -260px -364px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-save { background-image: url(../css/images/sprite.png); background-position: -436px -153px; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-search { background-image: url(../css/images/sprite.png); background-position: -175px -399px; width: 17px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-settings { background-image: url(../css/images/sprite.png); background-position: -317px -364px; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-share-small { background-image: url(../css/images/sprite.png); background-position: -442px -378px; width: 18px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-share { background-image: url(../css/images/sprite.png); background-position: -39px -399px; width: 36px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sort-reversed { background-image: url(../css/images/sprite.png); background-position: -372px -364px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sort { background-image: url(../css/images/sprite.png); background-position: -390px -364px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-add-point-dark { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -32px; background-size: 435px 393px; width: 25px; height: 26px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-area-big { background-image: url(../css/images/sprite.@2x.png); background-position: -203px 0; background-size: 435px 393px; width: 200px; height: 194px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-area-small { background-image: url(../css/images/sprite.@2x.png); background-position: -195px -328px; background-size: 435px 393px; width: 36px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-area-small-active, a:active .ico-area-small, button:active .ico-area-small, a.active .ico-area-small, button.active .ico-area-small, .ico-area-small.active { background-image: url(../css/images/sprite.@2x.png); background-position: -233px -328px; background-size: 435px 393px; width: 36px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-caret { background-image: url(../css/images/sprite.@2x.png); background-position: -422px -329px; background-size: 435px 393px; width: 12px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-black { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -257px; background-size: 435px 393px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-close-circle { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -346px; background-size: 435px 393px; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-data { background-image: url(../css/images/sprite.@2x.png); background-position: -195px -265px; background-size: 435px 393px; width: 23px; height: 61px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-edit { background-image: url(../css/images/sprite.@2x.png); background-position: -421px -362px; background-size: 435px 393px; width: 14px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-faq-small { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -216px; background-size: 435px 393px; width: 18px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-faq { background-image: url(../css/images/sprite.@2x.png); background-position: -337px -265px; background-size: 435px 393px; width: 36px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-filter-small { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -362px; background-size: 435px 393px; width: 14px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-folder-plus { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -84px; background-size: 435px 393px; width: 26px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-folder-upload { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -60px; background-size: 435px 393px; width: 26px; height: 22px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info-circle-dark { background-image: url(../css/images/sprite.@2x.png); background-position: -375px -281px; background-size: 435px 393px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info-circle { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -379px; background-size: 435px 393px; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info-italic { background-image: url(../css/images/sprite.@2x.png); background-position: -220px -303px; background-size: 435px 393px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info { background-image: url(../css/images/sprite.@2x.png); background-position: -195px -202px; background-size: 435px 393px; width: 85px; height: 61px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-line-big { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -202px; background-size: 435px 393px; width: 193px; height: 191px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-line-small { background-image: url(../css/images/sprite.@2x.png); background-position: -308px -328px; background-size: 435px 393px; width: 35px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-line-small-active, a:active .ico-line-small, button:active .ico-line-small, a.active .ico-line-small, button.active .ico-line-small, .ico-line-small.active { background-image: url(../css/images/sprite.@2x.png); background-position: -271px -328px; background-size: 435px 393px; width: 35px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-load-small { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -237px; background-size: 435px 393px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-load { background-image: url(../css/images/sprite.@2x.png); background-position: -259px -265px; background-size: 435px 393px; width: 37px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-locked-active { background-image: url(../css/images/sprite-redesign.@2x.png); background-position: -422px -329px; background-size: 435px 393px; width: 11px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-locked { background-image: url(../css/images/sprite-redesign.@2x.png); background-position: -424px -277px; background-size: 435px 393px; width: 11px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-logo-mobile { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -194px; background-size: 435px 393px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-logo-small { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -108px; background-size: 435px 393px; width: 23px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-logo { background-image: url(../css/images/sprite.@2x.png); background-position: -344px -202px; background-size: 435px 393px; width: 46px; height: 46px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-map { background-image: url(../css/images/sprite.@2x.png); background-position: -282px -202px; background-size: 435px 393px; width: 60px; height: 59px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-menu-mobile { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -315px; background-size: 435px 393px; width: 20px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-menu-small { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -152px; background-size: 435px 393px; width: 29px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-menu { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -133px; background-size: 435px 393px; width: 29px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-minus-big { background-image: url(../css/images/sprite.@2x.png); background-position: -203px -196px; background-size: 435px 393px; width: 21px; height: 2px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-plus-big { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -171px; background-size: 435px 393px; width: 21px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-plus { background-image: url(../css/images/sprite.@2x.png); background-position: -427px -194px; background-size: 435px 393px; width: 8px; height: 8px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-point-big { background-image: url(../css/images/sprite.@2x.png); background-position: 0 0; background-size: 435px 393px; width: 201px; height: 200px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-point-small { background-image: url(../css/images/sprite.@2x.png); background-position: -220px -265px; background-size: 435px 393px; width: 37px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-point-small-active, a:active .ico-point-small, button:active .ico-point-small, a.active .ico-point-small, button.active .ico-point-small, .ico-point-small.active { background-image: url(../css/images/sprite.@2x.png); background-position: -298px -265px; background-size: 435px 393px; width: 37px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-save-small { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -329px; background-size: 435px 393px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-save { background-image: url(../css/images/sprite.@2x.png); background-position: -405px 0; background-size: 435px 393px; width: 30px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-search { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -277px; background-size: 435px 393px; width: 17px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-settings { background-image: url(../css/images/sprite.@2x.png); background-position: -375px -265px; background-size: 435px 393px; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-share-small { background-image: url(../css/images/sprite.@2x.png); background-position: -405px -297px; background-size: 435px 393px; width: 18px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-share { background-image: url(../css/images/sprite.@2x.png); background-position: -345px -328px; background-size: 435px 393px; width: 36px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sort-reversed { background-image: url(../css/images/sprite.@2x.png); background-position: -236px -303px; background-size: 435px 393px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-sort { background-image: url(../css/images/sprite.@2x.png); background-position: -252px -303px; background-size: 435px 393px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-unlocked { background-image: url(../css/images/sprite-redesign.@2x.png); background-position: -284px -303px; background-size: 435px 393px; width: 14px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } } .cols:after, .header:after, .main .main-body:after, .main .main-head-inner:after, .form-row:after, .form-controls:after, .form-foot:after, .table-sort-options:after { content: ''; line-height: 0; display: table; clear: both; } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ @media print { a:link:after, a:visited:after { content: ""; } .noshow-print { display: none !important; } } /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html { tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img, iframe { border: 0 none; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: 'Avenir', 'Helvetica', sans-serif; font-size: 16px; line-height: 1.3; color: #404040; } a { color: inherit; text-decoration: underline; } a:focus, a:hover { text-decoration: none; color: inherit; } a[href^="tel"] { text-decoration: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.65em; } h1 { font-size: 60px; } h2 { font-size: 40px; } h3 { font-size: 36px; } h4 { font-size: 32px; } h5 { font-size: 20px; } h6 { font-size: 18px; } @media (max-width: 767px) { body { font-size:14px; } h1 { font-size: 30px; } h2 { font-size: ; } h3 { font-size: 28px; } h4 { font-size: ; } h5 { font-size: ; } h6 { font-size: 16px; } } /*p, ul, ol, dl, table, blockquote { margin-bottom: $(line-height-base)em; }*/ h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin: 0; } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'Avenir'; src: url('fonts/avenir-book-webfont.eot'); src: url('fonts/avenir-book-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/avenir-book-webfont.woff') format('woff'), url('fonts/avenir-book-webfont.ttf') format('truetype'), url('fonts/avenir-book-webfont.svg#Avenir') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Avenir'; src: url('fonts/avenir-black-webfont.eot'); src: url('fonts/avenir-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/avenir-black-webfont.woff') format('woff'), url('fonts/avenir-black-webfont.ttf') format('truetype'), url('fonts/avenir-black-webfont.svg#Avenir') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Avenir'; src: url('fonts/avenir-medium-webfont.eot'); src: url('fonts/avenir-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/avenir-medium-webfont.woff') format('woff'), url('fonts/avenir-medium-webfont.ttf') format('truetype'), url('fonts/avenir-medium-webfont.svg#Avenir') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'HealthyCityIcons'; src: url('fonts/HealthyCityIcons.eot'); src: url('fonts/HealthyCityIcons.eot#iefix') format('embedded-opentype'), url('fonts/HealthyCityIcons.woff') format('woff'), url('fonts/HealthyCityIcons.ttf') format('truetype'), url('fonts/HealthyCityIcons.svg#HealthyCityIcons') format('svg'); } /* updated icon set */ @font-face { font-family: 'healthy_city_icons'; src: url('fonts/healthy_city_icons.eot'); src: url('fonts/healthy_city_icons.eot#iefix') format('embedded-opentype'), url('fonts/healthy_city_icons.woff') format('woff'), url('fonts/healthy_city_icons.ttf') format('truetype'), url('fonts/healthy_city_icons.svg#healthy_city_icons') format('svg'); } .ico-hc { font-family: "HealthyCityIcons"; font-weight: normal; font-style: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1.05em; /* margin-right: .2em; */ text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ /* margin-left: .2em; */ /* You can be more comfortable with increased icons size */ font-size: 15px; /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* updated icons set */ .ico-hc-2 { font-family: "healthy_city_icons"; font-weight: normal; font-style: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1.05em; /* margin-right: .2em; */ text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ /* margin-left: .2em; */ /* You can be more comfortable with increased icons size */ font-size: 15px; /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .ico-hc.active, .ico-hc-2.active { color: #ba0000; } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* Grid */ .cols { margin: 0 -15px; } .cols:after { } .col { float: left; width: 100%; padding: 0 15px; } .col-1of2 { width: 50%; } /* Responsive Helpers */ .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .hidden-xs { display: none !important; } .visible-xs-block { display: block !important; } .visible-xs-inline { display: inline !important; } .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-sm { display: none !important; } .visible-sm-block { display: block !important; } .visible-sm-inline { display: inline !important; } .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1024px) and (max-width: 1200px) { .hidden-md { display: none !important; } .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1201px) { .hidden-lg { display: none !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } /* ------------------------------------------------------------ *\ Brand Colors \* ------------------------------------------------------------ */ .brand-success { background:#a7dfd3; } .brand-warning { background:#ffb99f; } .brand-info { background:#ace0ff; } .brand-weak { background:#ddeff5; } .brand-light { background:#d0e6ff; } .brand-medium { background:#ace0ff; } .brand-strong { background:#8bcef1; } .brand-hard { background:#7ab2e4; } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container {} /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content { vertical-align: top; width:70%; position: relative; float:left; min-height: 84vh; } .page .content { min-height: 34vh; } .content-fullwidth, .content.content-fullwidth { width:100%; } @media (max-width: 1401px) { .content.data-portal { width: 98%; } .myhc .content { width: 98%; } } @media (max-width: 1023px) { .content { width:60%; } .content.data-portal { width: 100%; } .myhc .content { width: 100%; } .myhc .sidebar { max-height: 0; } } @media (max-width: 767px) { .content { width:100%; display:block; vertical-align: top; float: none; } .content.content-alt { padding-top:0; } } .grey { height: 190px; background-color: #bfbfbf; } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { padding: 20px 15px 30px; clear: both; } .footer img { max-width: 224px; } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { background-color:#006225; padding: 4px 16px; position: relative; z-index: 9999; } .header:after {} .header .header-aside { float:left; } .header .btn-menu { display: inline-block; vertical-align: middle; margin-right:11px; float:left; } @media (max-width: 767px) { .header { padding: 5px 10px; } .header .btn-menu { float:right; } } /* ------------------------------------------------------------ *\ Header Home \* ------------------------------------------------------------ */ .header.header-home { padding: 12px 20px 5px 20px; } .header.header-home .logo { margin-top:4px; } .header.header-home .logo .text { font-size:26px; } .header.header-home .logo img { vertical-align: top; margin-left: 3px; max-height: 54px; margin-top: -5px; padding: 5px; } .header.header-home .nav li { padding: 0 15px; } .header.header-home .nav li a .icon { height: 36px; line-height:36px; margin-bottom:10px; } .header.header-home + .section-home { min-height: calc(100vh - 78px); } .header.header-home .btn-menu { margin-right:20px; margin-top:15px; } /* photo slider controls */ .section-home .photo-slider { /*bottom: 15px; left: calc(50% - 34px); position: absolute;*/ width: 100%; text-align: center; margin-top: 10px; } .section-home .photo-slider span { background-color: rgba(255, 255, 255, 0.8); border: 1px solid #404040; border-radius: 6px; display: inline-block; height: 12px; margin-right: 5px; margin-top: -4px; vertical-align: middle; width: 12px; } .section-home .photo-slider span.active { background-color: #ffd430; } .section-home .bg-home { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; background-size: 100% 100%; } @media (max-width: 767px) { .header.header-home + .section-home { min-height: calc(100vh - 31px); } .header.header-home { padding: 5px 11px; } .header.header-home .logo { margin-top:0; } .header.header-home .logo .text { font-size:11px; } .header.header-home .logo img { max-height: 22px; padding: 0; margin-top: -2px; } .header.header-home .btn-menu { margin: 0; } .header.header-home .nav li { padding: 0; } .section-home .photo-slider { position: relative; bottom: auto; top: 10px; text-align: center; left: auto; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main .main-head { padding: 20px; background:#fff; overflow: hidden; } .main .main-head-inner { background:#e8e5e5; padding: 8px 15px 2px 15px; position: relative; } .main .main-title { float:left; font-weight:500; color: #000; max-width: calc(100% - 110px); cursor: default; min-height: 65px; } .page.main .main-title { max-width: none; } .main .main-title > input { padding: 0 6px; max-width: 100%;} .main .main-body { height: 84vh; width:100%; } .main.page .main-body { min-height: 34vh; height: auto; } .main .main-body:after { } .main .main-head-options { position: absolute; top:50%; right:15px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .main .main-head-options .btn-small { display:block; } .main .main-head-options .btn-small + .btn-small { margin-top:8px; } .main .main-content { padding: 0 20px; } @media (max-width: 767px) { .main .main-head { padding: 0; margin-bottom:10px; } .main .main-head-inner { padding: 20px 9px; overflow: hidden; min-height: 50px; } .main .main-head-inner:after { } .main .main-body { height: auto; display:block; position: relative; } } /* ------------------------------------------------------------ *\ Main Page \* ------------------------------------------------------------ */ .main.page { color: #006225; } .main.page .main-head { padding-bottom: 15px; } .main.page .main-head p { clear: both; padding-top: 10px; } .main.page .main-title { color: #006225; font-size: 60px; } .main.page .content { padding-left: 15px; padding-right: 15px; } .main.page .content p, .main.page .sidebar p { line-height: 2; margin-bottom: 40px; } .main.page .content p.edit { margin-top: 10px; } .main.page .content p.edit a { color: #bb0000; } .main-head p.edit a { color: #bb0000; } .main.page .content h4 + p.edit { margin-top: -10px; margin-bottom: 20px; } .main.page .content .btn-big.btn-block { display: inline; } .page .content > p + ul, .page .content > p + ol { margin-top: -15px; } .page .content > ul, .page .content > ol { margin-bottom: 25px; padding-left: 35px; } .page .content > ul li, .page .content > ol li { margin-bottom: 15px; } .main.page .main-head-inner { background: none; } .main.page .sidebar { padding-left: 15px; text-align: center; } .main.page .sidebar h4 { margin-top: 10px; margin-bottom: .65em; } a.start-map, option.start-map { color: #006225; font-weight: 500; } @media (max-width: 767px) { .main.page .main-title { font-size: 52px; } } .page.myhc h6 { border-bottom: solid 2px; margin-bottom: 20px; padding-bottom: 10px; clear: both; } .page.myhc h5 { font-weight: 500; text-transform: none; margin-bottom: 5px; color: #000; } .page.myhc .form-load-data .form-actions .form-btn { height: 33px; } /* ------------------------------------------------------------ *\ Main Alt \* ------------------------------------------------------------ */ .main.main-alt .main-body { padding: 0 20px; } @media (max-width: 767px) { .main.main-alt .main-body { padding: 0 10px; } } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1220px; padding-left: 10px; padding-right: 10px; margin: auto; } .shell-fluid { max-width: none; } /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar { vertical-align: top; width:30%; position: relative; float:left; min-height: 84vh; } .page .sidebar { min-height: 34vh; } .sidebar .sidebar-head { background:#f7f1f7; padding: 15px 25px; border-bottom:8px solid #fff; } .sidebar .sidebar-head h6 { margin: 0; margin-bottom:14px; color: #000; } .sidebar .sidebar-head h6 strong { text-decoration: underline; font-weight:900; } .sidebar .sidebar-inner { overflow: auto; height: 100%; width:100%; position: absolute; top:0; left:0; } .sidebar .sidebar-head h6 a { float:right; } .autosave {} .autosave a { text-decoration: none; } .autosave a:not(.active):hover { text-decoration: underline; } .autosave a.active { font-weight: bold; } @media (max-width: 1023px) { .sidebar { width:40%; } } @media (max-width: 767px) { .sidebar { float:none; width: auto; display:block; min-height: 0;} .page .sidebar { min-height: 0;} .sidebar .sidebar-inner { position: relative; } .autosave {} } @media (min-width: 1201px) and (max-height: 800px) { .main .main-body { height: 78vh; } .sidebar, .content { min-height: 78vh; } /*.section-home .section-inner { height: 75vh; overflow: hidden; }*/ } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { min-height: 100vh; position: relative; overflow: hidden; } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Accordion \* ------------------------------------------------------------ */ .accordion-section { border-bottom:8px solid #fff; padding: 0 25px; background:#eff0ef; } .accordion-section:last-child { border-bottom:0; } .accordion-section .accordion-head { padding: 15px 0; cursor: pointer; } .accordion-section .accordion-head:after { content: ''; line-height: 0; display: table; clear: both; } .accordion-section .accordion-head h6 { font-weight:900; float:left; margin: 0; max-width: 90%; color: #000; } .accordion-section .accordion-head h6 span { text-decoration: underline; } .accordion-section .accordion-head .ico-plus, .accordion-section .accordion-head .ico-plus-big, .accordion-section .accordion-head .ico-plus-small, .accordion-section .accordion-head .ico-minus-small, .accordion-section .accordion-head .ico-minus-big { float:right; margin-top:5px; } .accordion-section .accordion-body { display:none; padding-bottom:20px; } .accordion-section.filters .accordion-body { padding-bottom: 0; } .accordion-section.accordion-expanded .accordion-body { display:block; } .accordion-section + .accordion-section { background:#f0f8f3; } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Button Block */ .btn-block { display: block; padding-left: 0; padding-right: 0; } /* ------------------------------------------------------------ *\ Btn small \* ------------------------------------------------------------ */ .btn-small { text-decoration: none; font-size:12px; border:2px solid #000; padding: 2px 6px 0 6px; display: inline-block; } @media (max-width: 767px) { .btn-small { padding: 1px 2px 0 2px; } } /* ------------------------------------------------------------ *\ Btn medium \* ------------------------------------------------------------ */ .btn-med { text-decoration: none; border:2px solid #000; font-size:18px; font-weight:500; display: inline-block; text-align:center; padding: 6px 10px; background:#fff; color: #000; } @media (max-width: 767px) { .btn-med { font-size:18px; padding: 5px 10px; } } /* ------------------------------------------------------------ *\ Btn big \* ------------------------------------------------------------ */ .btn-big { text-decoration: none; border:2px solid #000; font-size:32px; font-weight:900; display: inline-block; text-align:center; padding: 15px; background:#fff; color: #000; } @media (max-width: 767px) { .btn-big { font-size:21px; padding: 5px 10px; } } /* ------------------------------------------------------------ *\ Btn Sort Trigger \* ------------------------------------------------------------ */ .btn-sort-trigger { display: inline-block; text-decoration: none; } .btn-sort-trigger .ico-sort { display: inline-block; } .btn-sort-trigger .ico-sort-reversed { display:none; } .btn-sort-trigger.clicked .ico-sort { display:none; } .btn-sort-trigger.clicked .ico-sort-reversed { display: inline-block; } /* ------------------------------------------------------------ *\ Btn Solid \* ------------------------------------------------------------ */ .btn-solid { text-decoration: none; font-size:18px; background:#bfbfbf; font-weight:500; border:1px solid #8b8b8b; padding:6px 8px; display: inline-block; vertical-align: middle; color: #000; } /* ------------------------------------------------------------ *\ Btn Tooltip \* ------------------------------------------------------------ */ .btn-tooltip { display: inline-block; vertical-align: middle; text-decoration: none; } /* ------------------------------------------------------------ *\ Btn File \* ------------------------------------------------------------ */ .btn-file { background:#e8ede8; font-size:18px; color: #000; padding: 5px; border:1px solid #8b8b8b; position: relative; overflow: hidden; font-weight:500; } .btn-file .field-file { position: absolute; top:0; left:0; width:100%; height: 100%; opacity: 0; z-index: 1; } .btn-file .text { display: inline-block; vertical-align: middle; margin: 0 0 0 30px; } .list-data-options .btn-file .text, .list-form-options .btn-file .text { margin-left: 34px; } .btn-file i { position: absolute; top:auto; left:auto; } .list-data-options .btn-file, .list-form-options .btn-file { background: none; border: none; color: inherit; padding: 0; font-size: inherit; } @media (max-width: 767px) { .btn-file { font-size:15px; } } /* ------------------------------------------------------------ *\ Btn Add \* ------------------------------------------------------------ */ .btn-add { display:block; text-decoration: none; background:#f5e6e4; font-size:18px; border:1px solid #959595; padding: 5px 7px; font-weight:500; } .btn-add .text { display: inline-block; vertical-align: middle; margin-left:30px; line-height:26px; } .btn-add i { position: absolute; } @media (max-width: 767px) { .btn-add { font-size:15px; margin-bottom:10px; } } /* ------------------------------------------------------------ *\ Btn Field \* ------------------------------------------------------------ */ .btn-field { border:1px solid #bfbfbf; background-color:#f5f5f3; font-size:18px; padding: 5px 10px; display:block; width:35px; font-weight:400; text-align:center; padding-left:0; padding-right:0; } @media (max-width: 767px) { .btn-field { width:30px; padding: 2px 0; } } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .textarea, .field { border:1px solid #bfbfbf; background-color:#f5f5f3; font-size:18px; padding: 5px 10px; display:block; width:100%; font-weight:400; } .field-small { font-size:16px; } select { display:block; width:100%; font-weight:400; } .form-label { display:block; font-weight:400; font-size:20px; padding: 0; margin: 0; font-weight:400; color: #000; } .form-label-alt { margin-bottom:10px; font-size:18px; } .map-content .form-body .form-label { font-size: 16px; } .map-content .form-body .edit-fields { max-height: 25vh; overflow: auto; padding-right: 10px; } .form-row { margin-bottom:15px; } .form-row:after { } .form-row.form-row-alt { margin-bottom:26px; } .form-controls:after { } .form-foot:after { } @media (max-width: 767px) { .form-label-alt, .form-label { font-size:14px; margin-bottom:10px; } .field-small, .textarea, .field { /*font-size:14px;*/ padding: 5px 5px; } .form-row.form-row-last { margin-bottom:70px; } .map-content .form-body .edit-fields { max-height: none; overflow: visible; } } /* ------------------------------------------------------------ *\ Radio \* ------------------------------------------------------------ */ .radio { position: relative; overflow: hidden; } .radio label { padding: 0; margin: 0; } .radio .text { font-size:18px; display: inline-block; vertical-align: middle; } .radio input { position: absolute; top:-50px; left:-50px; } .radio .icon-radio { display: inline-block; vertical-align: middle; width:22px; height: 22px; border:2px solid #bfbfbf; border-radius: 50%; background:#fff; padding: 3px; } .radio .icon-radio:before { content:''; display:block; width:100%; height: 100%; border-radius: 50%; background:#000; opacity: 0; } .radio input:checked + .icon-radio:before { opacity: 1; } /* ------------------------------------------------------------ *\ Checkbox \* ------------------------------------------------------------ */ .checkbox { position: relative; overflow: hidden; margin: 0; } .checkbox input { position: absolute; top:-100px; left:-100px; opacity: 0; } .checkbox input:checked + .icon-check { background:#000; } .checkbox .icon-check { display: inline-block; vertical-align: middle; width:20px; height: 20px; border:1px solid #1a1a1a; background-color: #bfbfbf; margin-right:10px; } .checkbox .text { display: inline-block; vertical-align: middle; } .checkbox label { padding: 0; min-height: 0; } @media (max-width: 767px) { .checkbox .icon-check { float:left; margin-top:5px; border:0; } .checkbox .text { display:block; overflow: hidden; } } /* ------------------------------------------------------------ *\ Radio Color \* ------------------------------------------------------------ */ .radio-color { position: relative; overflow: hidden; } .radio-color input { position: absolute; top:-50px; left:-50px; } .radio-color .icon-color { background-color: #ff0000; border: 2px solid #ded8d5; display: inline-block; height: 34px; width: 34px; } .radio-color .icon-color:not(.active) { opacity: 0.28; } .radio-color input:checked + .icon-color { border-color:#0f0f0f; } } /* ------------------------------------------------------------ *\ File Upload \* ------------------------------------------------------------ */ .file-upload { margin-bottom:15px; } .file-upload p:first-child { margin-top: 10px; } /* ------------------------------------------------------------ *\ File Drop \* ------------------------------------------------------------ */ .file-drop { margin-bottom:80px; overflow: hidden; } .file-drop-field { background:#4d4d4d; padding: 40px 7px; color: #ffff00; text-transform: uppercase; font-size:14px; border:1px solid #c2c2c2; } .file-drop-field i { position: absolute; } .file-drop-field .text { display:block; overflow: hidden; margin-left:30px; line-height:22px; } /* ------------------------------------------------------------ *\ File Add \* ------------------------------------------------------------ */ .file-add p { margin: 10px 0 0 0; } @media (max-width: 1023px) { .file-add p { margin-top:0; } } @media (max-width: 767px) { .file-add { margin-top: 55px; } } /* ------------------------------------------------------------ *\ Custom Select \* ------------------------------------------------------------ */ .select-holder .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width:100%; } .select-holder .bootstrap-select .btn { border-radius: 0; background-color:#f5f5f3; font-size:18px; padding: 7px 10px 8px 10px; line-height:inherit; outline: 0; font-weight:400; line-height:1.2; border:1px solid #bfbfbf; } .select-holder .dropdown-menu { border-radius: 0; margin: 0; padding: 10px 0; font-size:18px; } .select-holder .dropdown-menu>li>a { padding: 0 10px; line-height:inherit; background-color:transparent; } .select-holder .bootstrap-select.btn-group .dropdown-toggle .caret { border:0; width:14px; height: 7px; background-image:url(images/ico-select-arrow.png); } .select-holder .bootstrap-select.btn-group .dropdown-toggle .filter-option { padding-right:20px; display: inline-block; vertical-align: middle; } @media (max-width: 767px) { .select-holder .bootstrap-select .btn { padding: 5px 10px; } .select-holder .bootstrap-select.btn-group .dropdown-toggle .filter-option { float:none !important; } .select-holder .dropdown-menu>li>a, .select-holder .bootstrap-select.btn-group .dropdown-toggle .filter-option { white-space: pre-wrap; /*font-size:14px;*/ } } /* ------------------------------------------------------------ *\ Select Holder Relative \* ------------------------------------------------------------ */ @media (max-width: 767px) { .select-holder-relative .dropdown-menu { position: relative; } } /* ------------------------------------------------------------ *\ Select Holder Alt \* ------------------------------------------------------------ */ .select-holder.select-holder-alt .bootstrap-select.open .caret { -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);} .select-holder.select-holder-alt .bootstrap-select.btn-group .dropdown-toggle .caret { border-top: 8px solid; border-right: 6px solid transparent; border-left: 6px solid transparent; background:transparent; } .select-holder.select-holder-alt .bootstrap-select .btn { font-size:30px; font-weight:500; text-transform: capitalize; background-color:transparent; border:0; border-bottom:1px solid #000; line-height:1; padding-bottom:0; padding-top:0; box-shadow: none; } .select-holder.select-holder-alt .bootstrap-select .dropdown-toggle:focus { outline: 0 !important; box-shadow: none; } /* ------------------------------------------------------------ *\ Select Holder Alt Small \* ------------------------------------------------------------ */ .select-holder.select-holder-alt.select-holder-alt-small .bootstrap-select .btn { font-size:15px; font-weight:500; padding: 0; border-bottom:0; } .select-holder.select-holder-alt.select-holder-alt-small .dropdown-menu { font-size:15px; } .bootstrap-select.btn-group .dropdown-menu li a { outline: 0; } .bootstrap-select.btn-group .dropdown-menu li.selected a, .bootstrap-select.btn-group .dropdown-menu li.active a { background:#ccc; } /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form-login { padding: 35px 70px; color: #000; } .form-login .form-head { padding-bottom:30px; } .form-login .form-head h6 { margin: 0; text-transform: uppercase; font-weight:900; } .form-login .form-head p a { color: #108eff; } .form-login .form-btn { color: #fff; background:#000; border-radius: 0; border:1px solid #d9d9d9; display: inline-block; padding: 8px 15px; } .form-login .form-foot .list-checkboxes { float:left; } .form-login .form-foot .form-btn { float:right; } @media (max-width: 767px) { .form-login { padding: 20px 11px; } .form-login .form-head h6 { margin-bottom:14px; } } .form .password-dropdown a { font-size: 14px; text-decoration: none; } .form .password-dropdown a:first-child { text-decoration: none; } /* ------------------------------------------------------------ *\ Form Code \* ------------------------------------------------------------ */ .form-code { overflow: hidden; width:336px; } .form-code .field { background:#fff; } .form-code .form-body { float:left; width:236px; padding-right:5px; } .form-code .form-actions { float:left; } .form-code .form-btn { height: 35px; border:0; border-radius: 0; background:#bfbfbf; font-size:18px; color: #404040; padding: 0 9px; font-weight:500; } @media (max-width: 767px) { .form-code { margin-bottom:10px; } .form-code .form-body { padding-right:0; width:210px; } .form-code .form-btn { height: 32px; font-size:16px; } .form-code .field { font-size: 16px; } } /* ------------------------------------------------------------ *\ Form Map Options \* ------------------------------------------------------------ */ .form-map-options .form-btn { color: #fff; background:#000; border-radius: 0; border:1px solid #b7b7b7; display: inline-block; padding: 4px 6px; font-size:18px; } .form-map-options .form-body { background:#fff; border:1px solid #bfbfbf; padding: 16px; } .form-map-options .field { background:#fff; font-weight:500; } /* ------------------------------------------------------------ *\ Form Popup \* ------------------------------------------------------------ */ .form-popup h5 { margin: 0 0 5px 0; } .form-popup .form-head { margin-bottom:25px; } .form-popup .form-title { text-transform: uppercase; font-weight:900; color: #000; margin: 0; } .form-popup .form-title .layer-toggle { background-color: #000; border: 1px solid #404040; border-radius: 6px; display: inline-block; height: 10px; margin-right: 6px; margin-top: -4px; vertical-align: middle; width: 10px; } .form-popup .form-field { border:1px solid #bfbfbf; background-color:#f5f5f3; height: 110px; overflow: auto; } .form-popup .form-field.form-field-auto { height: auto; } .form-popup .form-field.form-field-small { height: 76px; } .form-popup .form-field.form-field-big { height: 256px; overflow: auto; } #popupCustomizeDta .form-popup .form-field.form-field-big, #popupCustomizeDta .form-popup .form-field.form-field-auto { height: 285px; } .form-popup .form-divider { font-size:20px; margin: 20px 0; position: relative; overflow: hidden; } .form-popup .form-divider:before { content:''; position: absolute; top:50%; left:40px; width:100%; height: 1px; background:#bfbfbf; } .form-popup .form-actions { text-align:right; margin: 15px 0; } .page .form-actions { margin: 25px 0; } .form-popup .form-btn, .page .form-btn, .popup .form-btn { color: #fff; background:#000; border-radius: 0; border:1px solid #b7b7b7; display: inline-block; font-size:18px; height: 33px; padding: 0 10px; } .form-popup .form-btn-secondary { border:0; border-radius: 0; background:#bfbfbf; font-size:18px; color: #404040; padding:4px 10px; font-weight:500; text-decoration: none; display: inline-block; } .form-popup .list-form-options .btn-tooltip, .list-data-options .btn-tooltip { margin-left: 7px; text-decoration: none; margin-top: -1px; } .list-data-options .upload-theme .btn-tooltip { margin: -19px 8px 0 5px; float: right; } .list-data-options .upload-theme .btn-file { width: calc(100% - 35px); } .form-popup .list-form-options .btn-tooltip:hover, .list-data-options .btn-tooltip:hover { text-decoration: none; } @media (max-width: 767px) { .form-popup .form-divider { font-size:14px; margin-top:0; } .form-popup h5 { font-size:14px; } .form-popup .form-section { margin-bottom:30px; } .form-popup .form-actions.form-actions-last { margin-top:55px; } } .form-popup a.form-btn { padding-top: 3px; text-decoration: none; } .flash-message { font-weight: 500; color: #3069ff; margin-top: -20px; } .error-message, .main.page .content p.error-message { font-weight: 500; color: #ba0000; margin-top: 20px; margin-bottom: 20px; } /* ------------------------------------------------------------ *\ Form Layers \* ------------------------------------------------------------ */ .form-layers .form-controls .btn-field { position: absolute; top:0; left:0; } .form-layers .form-controls { position: relative; padding-left:48px; } @media (max-width: 767px) { .form-layers .form-controls { margin-bottom:7px; } .form-layers .select-holder { padding-left:48px; } } /* ------------------------------------------------------------ *\ Form-load-data \* ------------------------------------------------------------ */ .form-load-data .form-row { position: relative; } .form-load-data .form-row-last { margin-bottom: 45px; } .form-load-data .field-output { font-size: 16px; background: none; font-weight: 900; color: #404040; border: 0; border-bottom: 2px solid #343434; padding: 8px 10px 6px 15px; border-radius: 0; text-align: left; } .form-load-data .form-title { font-weight: 500; text-transform: none; margin-bottom: 26px; } .form-load-data .form-label { font-size: 16px; font-weight: normal; } .form-load-data .form-title-secondary { margin-bottom: 0; } .form-load-data .form-field { width: 100%;} .form-load-data .form-field.form-field-big { height: 266px; } .form-load-data .form-field-size1 { height: 187px; } .form-load-data .form-field-size2 { height: 86px; } .form-load-data .list-data-actions { margin: -2px 0 7px; } .form-load-data .list-radios { margin-top: 25px; } .form-load-data .list-radios li + li { margin-top: 5px; } .form-load-data .radio { margin: 0; } .form-load-data .radio input { display: none; } .form-load-data .radio .text { font-size: 16px; vertical-align: bottom; } .form-load-data .form-body { margin-bottom: 36px; } .form-load-data .form-actions { margin: 0; } .form-load-data .form-actions:after { } .form-load-data .form-actions .form-controls { float: left; width: calc(100% - 145px); } .form-load-data .form-actions .form-btn { float: right; height: 37px; } .form-load-data .form-notice { font-weight: 500; font-size: 16px; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 1050; display: none; } .form-load-data .form-notice p { margin-bottom: 0; } .form-load-data .form-notice .form-notice-inner { max-width: 312px; margin: 0 auto; background: #fff; position: absolute; top: 50%; left: 50%; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width: 100%; border: 1px solid #000; padding: 20px 20px 10px; } .form-load-data .form-notice .btn-close { position: absolute; top: 5px; right: 10px; } .form-load-data .form-notice .form-notice-actions { margin-top: 20px; text-align: right; margin-right: -8px; } .form-load-data .form-notice .form-btn { text-decoration: none; line-height: 32px; width: 70px; height: 34px; text-align: center; margin-left: 5px; } .form-load-data .form-notice.active { display: block; } .popup .form-notice { font-weight: 500; font-size: 16px; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 1050; display: none; } .popup .form-notice p { margin-bottom: 0; } .popup .form-notice .form-notice-inner { max-width: 312px; margin: 0 auto; background: #fff; position: absolute; top: 50%; left: 50%; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width: 100%; border: 1px solid #000; padding: 20px 20px 10px; } .popup .form-notice .btn-close { position: absolute; top: 5px; right: 10px; } .popup .form-notice .form-notice-actions { margin-top: 20px; text-align: right; margin-right: -8px; } .popup .form-notice .form-btn { text-decoration: none; line-height: 32px; width: 70px; height: 34px; text-align: center; margin-left: 5px; padding-top: 0; } .popup .form-notice.active { display: block; } .popup .form-notice { font-weight: 500; font-size: 16px; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 1050; display: none; } .popup .form-notice p { margin-bottom: 0; } .popup .form-notice .form-notice-inner { max-width: 312px; margin: 0 auto; background: #fff; position: absolute; top: 50%; left: 50%; -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width: 100%; border: 1px solid #000; padding: 20px 20px 10px; } .popup .form-notice .btn-close { position: absolute; top: 5px; right: 10px; } .popup .form-notice .form-notice-actions { margin-top: 20px; text-align: right; margin-right: -8px; } .popup .form-notice .form-btn { text-decoration: none; line-height: 32px; width: 70px; height: 34px; text-align: center; margin-left: 5px; padding-top: 0; } .popup .form-notice.active { display: block; } @media (max-width: 1023px) { .form-load-data .form-row { margin: 0 -7px 0; } .form-load-data .form-row-last { margin-bottom: 45px; } } @media (max-width: 767px) { .form-load-data .field-output { font-weight: 500; } .form-load-data .form-row { margin: 0 0 15px; } .form-load-data .form-row-last { margin-bottom: 8px; } .form-load-data .form-title { margin-bottom: 7px; } .form-load-data .form-title-secondary { margin-bottom: 7px; } .form-load-data .radio .text { font-size: 14px; } .form-load-data .list-radios { margin-top: 15px; } .form-load-data .select-holder .bootstrap-select .btn { padding: 3px 10px; } .form-load-data .col-mobile-border { margin-top: 9px; padding-top: 29px; } .form-load-data .col-mobile-border:before { content: ''; width: calc(100% - 30px); height: 2px; display: block; background: #e1e1e1; position: absolute; top: 0; left: 15px; } .form-load-data .list-data-actions { vertical-align: middle; display: inline-block; margin: 0; } .form-load-data .select-holder-right { vertical-align: middle; width: calc( 100% - 43px); } .form-load-data .form-actions { text-align: right; } .form-load-data .form-actions .form-controls { float: none; width: 100%; text-align: left; margin-bottom: 8px; } .form-load-data .form-actions .form-btn { float: none; height: 30px; } .form-load-data .form-body { margin-bottom: 10px; } .form-load-data .form-btn { font-size: 16px; padding: 0 12px; } .form-load-data .form-notice { background: #fff; padding-top: 30px; height: calc(100vh - 30px); } .form-load-data .form-notice .form-notice-inner { max-width: 100%; position: initial; -ms-transform:translate(0); transform:translate(0); border: 0; padding: 43px 10px 0; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; min-height:90%;} .form-load-data .form-notice .btn-close { right: 20px; } .form-load-data .form-notice .form-notice-actions { margin: 0; padding: 21px 13px; width: 100%; -ms-flex-item-align:end; align-self:flex-end;} .popup .form-notice { background: #fff; padding-top: 30px; height: calc(100vh - 30px); } .popup .form-notice .form-notice-inner { max-width: 100%; position: initial; -ms-transform:translate(0); transform:translate(0); border: 0; padding: 43px 10px 0; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; min-height:90%;} .popup .form-notice .btn-close { right: 20px; } .popup .form-notice .form-notice-actions { margin: 0; padding: 21px 13px; width: 100%; -ms-flex-item-align:end; align-self:flex-end;} .form-load-data .select-holder .bootstrap-select.btn-group .dropdown-toggle .filter-option { overflow: visible; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ list-checkboxes \* ------------------------------------------------------------ */ .list-checkboxes li { list-style:none; list-style-position: outside; } #popupSaveView .list-checkboxes > li, #popupFieldForLayer .list-checkboxes > li { margin-bottom: 8px; } #popupFieldForLayer .list-checkboxes label { display: inline-block; } #popupFieldForLayer .reorder-fields { text-align: center; margin-top: .5em; } #popupFieldForLayer select.field { padding-top: 2px; padding-bottom: 2px; } #popupFieldForLayer .form-head { margin-bottom: 18px; } #popupFieldForLayer .field-labels { margin-bottom: 3px; } #popupFieldForLayer .field-labels label[for="name"] { margin-left: 60px; } #popupFieldForLayer .field-labels label[for="dtype"] { margin-left: 12px; } #popupFieldForLayer .field-labels label[for="themed"] { margin-left: 2px; } #popupFieldForLayer .form-row label[for="themed"] { text-align: center; margin-top: 6px; } #popupFieldForLayer .form-row label[for="themed"] .icon-check { margin-right: 0; } #popupFieldForLayer .form-row label[for="themed"] .icon-check.inactive { opacity: 0.2; cursor: not-allowed; } @media (max-width: 767px) { #popupFieldForLayer .field-labels { display: none; } #popupFieldForLayer .form-foot .list-checkboxes .text { margin-top: 6px; } #popupFieldForLayer .form-row label[for="themed"] { text-align: left; margin-top: 10px; } #popupFieldForLayer .form-row label[for="themed"] .icon-check { margin-top: 0; margin-right: 10px; } } /* ------------------------------------------------------------ *\ List Radios Colors \* ------------------------------------------------------------ */ .list-radios-colors { overflow: hidden; margin: 0 -3px; } .list-radios-colors:first-child { margin-left: 0; } .list-radios-colors li { list-style:none; list-style-position: outside; float:left; padding: 0 3px; } /* ------------------------------------------------------------ *\ List Form Options \* ------------------------------------------------------------ */ .list-form-options { padding: 5px 0; color: #000; } .list-form-options li { padding: 2px 10px; cursor: default; } .list-form-options li:not(.active):hover { background:#fff; } .list-form-options li.active { background-color: #ffd478; } .list-form-options li em { font-size:10px; } .list-form-options.list-form-options-alt { padding: 0; } .list-form-options.list-form-options-alt li { padding: 7px 10px; } .list-form-options.list-form-options-alt li + li { border-top:1px solid #bfbfbf; } .list-form-options.list-form-options-alt li:hover { background:#fff; } .list-form-options.list-form-options-alt li.active:hover { background-color: #ffd478; } .list-form-options li .text { display: inline-block; vertical-align: middle; } .list-form-options li span.text { display: inline; vertical-align: middle; } .list-form-options .ico-info-circle { margin-left: 4px; vertical-align: baseline; } .list-form-options li div.actions { float: right; } .list-form-options li div.actions a { text-decoration: none; } .myhc .list-form-options li div.actions a { margin-left: 3px; } /* ------------------------------------------------------------ *\ List Layer Options \* ------------------------------------------------------------ */ .list-layer-options { text-align:center; color: #fff; padding: 100px 0; overflow: hidden; } .list-layer-options li { list-style:none; list-style-position: outside; float:left; width:33.3%; } .list-layer-options li a { display: inline-block; } .list-layer-options li a .text { display:block; text-decoration: underline; font-size:30px; text-transform: uppercase; font-weight:900; padding-top:50px; } @media (max-width: 767px) { .list-layer-options { padding: 50px 0; } .list-layer-options li { float:none; width: auto; } .list-layer-options li + li { padding-top:60px; } .list-layer-options li a { display:block; text-decoration: none; } .list-layer-options li a .text { padding: 0; display: inline-block; vertical-align: middle; font-size:16px; margin-left:25px; } } /* ------------------------------------------------------------ *\ List-data-options \* ------------------------------------------------------------ */ .list-data-options { letter-spacing: 0.02em; } .list-data-options li { border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding:3px 0 3px 11px; cursor: default;} .list-data-options li:not(.active):hover { background-color: #fff; border-color: #c6c6c6; } .list-data-options .selected, .list-data-options .active { /*background-color: #fff; border-color: #c6c6c6; font-weight: 500; } */ background-color: rgba(255, 212, 120, .77); border-color: transparent; } .list-data-options .upload-theme { background-color: #fff; border-color: #c6c6c6; font-weight: 500; } .list-data-options .text-inactive, .list-form-options .text-inactive, .list-radios .text-inactive { color: #808080; font-style: italic; } .list-data-options .text-inactive.selected, .list-form-options .text-inactive.selected, .list-data-options .text-inactive.active .list-form-options .text-inactive.active { font-weight: 400; } /* ------------------------------------------------------------ *\ List-data-actions \* ------------------------------------------------------------ */ .list-data-actions { margin-bottom: 0; } .list-data-actions li { display: inline-block; vertical-align: middle; margin-right: 4px; } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { text-decoration: none; display:block; float:left; } .logo small { display: inline-block; vertical-align: middle; font-size:13px; color: #ffd430; margin-left:10px; } .logo .text { font-size:14px; display: inline-block; vertical-align: middle; color: #fff; font-weight: 500; } @media (max-width: 767px) { .logo small { font-size:6px; } .logo .text { font-size:12px; } } /*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .logo {} }*/ /* ------------------------------------------------------------ *\ Logo Footer \* ------------------------------------------------------------ */ .logo-footer { background: #fff url(images/logo-footer.png) no-repeat center center; width:120px; height: 52px; border-radius: 0 26px 26px 0; display:block; position: absolute; bottom:20px; left:0; } /* ------------------------------------------------------------ *\ Map Placeholder \* ------------------------------------------------------------ */ .map-placeholder { position: absolute; top:0; left:0; width:100%; height: 100%; background-repeat: no-repeat; background-position:center center; background-size: cover; } .map-placeholder .map-content { position: absolute; padding: 20px; } .map-placeholder .map-head { overflow: hidden; } .map-placeholder .map-address { float:left; } .map-placeholder .map-options { padding: 0 70px 0 17px; float:left; } .map-placeholder .map-options li { list-style:none; list-style-position: outside; display: inline-block; vertical-align: middle; padding-left:20px; } .map-placeholder .map-options em { font-size:10px; font-style: italic; font-weight:500; } .map-placeholder .map-body { width:360px; } /* ------------------------------------------------------------ *\ Map Description \* ------------------------------------------------------------ */ .map-detailed { padding: 0 22px; } .map-detailed .map-description { font-size:13px; font-weight:500; color: #4d98db; padding-bottom:25px; } .map-detailed .map-image { border-top:2px solid #bfbfbf; } @media (max-width: 767px) { .map-detailed { padding: 0; } } /* ------------------------------------------------------------ *\ Map Population \* ------------------------------------------------------------ */ .map-population { font-size:12px; font-weight:500; padding: 0 12px; } .map-population .map-population-image { margin-bottom:25px; } .map-population img { display:block; margin-bottom:10px; } .map-population p { margin-bottom:0; } @media (max-width: 767px) { .map-population .map-population-image img { display:block; width:100%; } .map-population { padding: 0; } } /* ------------------------------------------------------------ *\ Map Wiki \* ------------------------------------------------------------ */ /**.map-wiki { position: absolute; top:0; left:0; width:100%; height: 100%; background-repeat: no-repeat; background-position:center center; background-size: cover; } .map-wiki .map-content { position: absolute; padding: 20px; } .map-wiki .map-head { overflow: hidden; } .map-wiki .map-address { float:left; } .map-wiki .map-options { padding: 0 70px 0 17px; float:left; } .map-wiki .map-options li { list-style:none; list-style-position: outside; display: inline-block; vertical-align: middle; padding-left:20px; } .map-wiki .map-options li:first-child { padding-left:0; } .map-wiki .map-options em { font-size:10px; font-style: italic; font-weight:500; } .map-wiki .map-body { width:360px; } @media (max-width: 767px) { .map-wiki { background:#fff; } .map-wiki .map-content { padding: 0 12px; position: relative; } .map-wiki .map-body { width: auto; } .map-wiki .map-options { padding: 0; float:none; } .map-wiki .map-options ul { float:left; } .map-wiki .map-options em { display:block; overflow: hidden; padding-left:10px; } }**/ .map-wiki { position: absolute; top:0; left:0; width:100%; height: 100%; background-repeat: no-repeat; background-position:center center; background-size: cover; } .content .map-content { position: absolute; padding: 20px; pointer-events: none; } .content .map-head { overflow: hidden; } .content .map-head li a { color: #A89F9D; text-decoration: none; } .content .map-head li a i { font-size: 36px; } .content .map-address { float:left; } .content .map-options { padding: 0 70px 0 17px; float:left; } .content .map-options li { list-style:none; list-style-position: outside; display: inline-block; vertical-align: middle; padding-left:20px; } .content .map-options li:first-child { padding-left:0; } .content .map-options em { font-size:10px; font-style: italic; font-weight:500; } .content .map-body { width:360px; margin-top: 10px; } @media (max-width: 767px) { .content { background:#fff; } .content .map-content { padding: 0 12px; position: relative; } .content .map-body { width: auto; } .content .map-options { padding: 0; float:none; } .content .map-options ul { float:left; } .content .map-options em { display:block; overflow: hidden; padding-left:10px; } .map-wiki { position: relative; margin-top: 10px; margin-bottom: 10px; padding-right: 8px; padding-left: 8px; height: 68vh; } } .content .map-content .map-head .map-options ul, .content .map-content .map-head .map-address, .content .map-content .map-body .form-body, .content .map-content .map-body .form-actions, .content .map-content .map-body .edit-layer-name { pointer-events: auto; } .content .map-content .map-body .form-actions { margin-top: 20px; } .content .map-content .map-body .edit-layer-name { margin-bottom:5px;color: #006225; font-weight:500; /*background-color:#fff;*/ display: inline-block; } .content .map-content .map-body .edit-layer-name > span { border-bottom: 2px solid; } .content .map-content .map-body .layer-toggle { display: inline-block; vertical-align: middle; width:12px; height: 12px; border:1px solid #404040; border-radius: 6px; margin-top:-4px; margin-right:5px; background-color: #000; margin-left: 18px; } .content .map-content .map-body .layer-toggle.off { background-color: transparent !important; border-color: #bfbfbf !important; } .content .map-content .map-body .form-body { margin-top: 8px; } /* the map info window */ .map-info { background-color: #fff; border-radius: 10px; color: #64beec; display: inline-block; left: 15px; top: 15px; padding: 10px; position: absolute; width: 310px; } .map-info h6 { font-weight: 900; line-height: 1.4em; } .map-info ul { font-weight: 500; padding-left: 18px; max-height: 50vh; overflow: auto; } .map-info li { margin-bottom: 10px; } .map-info .hc-toggle { opacity: 0.75; color: #404040; float: right; text-decoration: none; } .map-info .hc-toggle:hover { opacity: 1; } /* wikimap info link */ .wikimap-info { display: inline-block; right: 25px; top: 5px; padding: 10px; position: absolute; } .wikimap-info a { color: #000; font-weight: bold; font-size: 16px; text-transform: capitalize; border-bottom: solid 2px #000; text-decoration: none; } .wikimap-info a:hover { color: #404040; border-bottom-color: #404040; } .label-toggle { right: 25px; top: 35px; padding: 10px; position: absolute; } .label-toggle .text { font-size: 14px; font-weight: 500; margin-left: -11px; vertical-align: baseline; background-color: rgba(255, 255, 255, .8); } .label-toggle .icon-check { height: 15px; width: 15px; } @media (max-width: 767px) { .map-info { padding: 0 12px; position: relative; width: auto; top: 0; left: 0; } .wikimap-info { padding: 0 12px; position: relative; width: auto; top: 0; left: 0; margin-bottom: 10px; } .map-info .hc-toggle { display: none; } .label-toggle { position: relative; top: 0; right: 0; display: block; padding: 0 12px; margin-bottom: 10px; } .label-toggle .text { font-size: 16px; margin: 0; } .label-toggle .icon-check { height: 18px; width: 18px; margin: 0 8px 0 0; } } /* ------------------------------------------------------------ *\ Map Popup \* ------------------------------------------------------------ */ .ol-popup { position: absolute; background-color: #fff; -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); padding: 20px 0 10px; border: 1px solid #bfbfbf; bottom: 12px; left: -50px; min-width: 280px; } .ol-popup:after, .ol-popup:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .ol-popup:after { border-top-color: #fff; border-width: 10px; left: 48px; margin-left: -10px; } .ol-popup:before { border-top-color: #bfbfbf; border-width: 11px; left: 48px; margin-left: -11px; } .ol-popup-closer { left: 5px; position: absolute; text-decoration: none; top: 2px; } .ol-popup-closer:after { content: "\e80f"; font-family: "HealthyCityIcons"; font-size: 12px; } .ol-popup #popup-content { height: 175px; overflow: auto; padding: 5px 0 6px; font-size: 12px; } /* not working to scroll on mobile... @media (max-width: 767px) { .ol-popup #popup-outer { height: 174px; overflow-scrolling: touch } .ol-popup #popup-content { height: 175px; overflow: scroll; } }*/ .ol-popup #popup-content h5 { font-size: 16px; font-weight: 900; text-transform: uppercase; } .ol-popup #popup-content .place-theme h5 { font-size: 14px; font-weight: 500; line-height: 1.25em; } .ol-popup table td:first-child { width: 50%; padding-right: 10px; } .ol-popup hr { border-color: #d3d7d5; margin-top: 8px; } .ol-popup .layer-toggle { background-color: #000; border: 1px solid #404040; border-radius: 6px; display: inline-block; height: 10px; margin-left: -15px; margin-right: 6px; margin-top: -4px; vertical-align: middle; width: 10px; } .ol-popup .place { padding: 5px 5px 15px 21px; border-bottom: 1px solid #d3d7d5; border-top: 1px solid #d3d7d5; background-color: #f0f8f3; } .ol-popup .place-theme { padding: 5px 5px 0 21px; border-bottom: 1px solid #d3d7d5; border-top: 1px solid #d3d7d5; /*background-color: #f7f1f7;*/ } .ol-popup .place-theme .value { background-color: #f7f1f7; margin: 0 -5px 0 -21px; padding: 2px 5px 12px 21px; border-top: 1px solid #d3d7d5; } .ol-popup .place-theme .value ul { list-style: outside none none; margin-top: -2px; } .ol-popup .place-theme .value li:before { content: "-"; margin-right: 5px; } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { color: #fff; float:right; font-size:12px; text-align:center; } .nav a { text-decoration: none; } .nav li { list-style:none; list-style-position: outside; display: inline-block; vertical-align: middle; padding: 0 6px; } .nav li a .icon { display:block; height: 20px; line-height:20px; } .nav li a:hover { color: #fff; text-decoration: underline; } @media (max-width: 767px) { .nav { position: absolute; top:31px; right:0; margin: 0; width:160px; font-weight:900; border-top:1px solid #fff; -webkit-transform: translateX(160px); -ms-transform: translateX(160px); transform: translateX(160px); transition: all .3s; z-index: 4; } .nav.open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .nav li { display:block; border-bottom:1px solid #fff; padding: 0; } .nav li:last-child { border-bottom:0; } .nav li a { background-color:#006225; display:block; padding: 12px 0; } } /* ------------------------------------------------------------ *\ Nav Desktop \* ------------------------------------------------------------ */ .nav-desktop { background-color:#006225; color: #fff; padding: 10px 20px; font-weight:900; font-size:24px; width:313px; position: fixed; top:0; left:0; height: 100%; transition: all .3s; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); z-index: 9999; } .nav-desktop.open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .nav-desktop ul { margin: 23px 0 0 0; } .nav-desktop li { margin-bottom:30px; } .nav-desktop li a { text-decoration: none; display:block; padding-left:20px; } .nav-desktop li.nav-submenu a { font-size: 16px; font-weight: 500; } .nav-desktop li.nav-submenu { margin-top: 56px; } .nav-desktop li.nav-submenu + li.nav-submenu { margin-top: 0; } /* ------------------------------------------------------------ *\ Nav Aside \* ------------------------------------------------------------ */ .nav-aside li { border-bottom:1px solid #d3d7d5; list-style:none; list-style-position: outside; padding: 6px 0 3px; } /*.nav-aside > ul > li:before { content:''; display: inline-block; vertical-align: middle; width:12px; height: 12px; border:1px solid #000; border-radius: 5px; margin-top:-4px; margin-right:5px; }*/ .nav-aside > ul > li .layer-toggle { display: inline-block; vertical-align: middle; width:12px; height: 12px; border:1px solid #404040; border-radius: 6px; margin-top:-4px; margin-right:5px; background-color: #000; } .nav-aside > ul > li .layer-toggle.off { background-color: transparent !important; border-color: #bfbfbf !important;} .nav-aside > ul > li.open .icon-caret { -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); margin-top: -2px; } .nav-aside > ul > li.nav-badge-success:before { background:#23b091; } .nav-aside > ul > li.nav-badge-danger:before { background:#ff4f10; } .nav-aside a { text-decoration: none; } .nav-aside .nav-dropdown { display:none; margin: 10px 0; } .nav-aside .nav-dropdown > ul { max-height: 215px; overflow: auto; } .nav-aside .nav-dropdown li { list-style:none; list-style-position: outside; padding-left:50px; } .nav-aside .nav-dropdown li:last-child { border-bottom:0; } .nav-aside .nav-dropdown li:first-child { border-top:1px solid #d3d7d5; } .nav-aside .open .nav-dropdown { display:block; } .nav-dropdown-style { display:none; margin: 10px 0; } .nav-dropdown-style li { border:none; margin-right: 5px; } .nav-dropdown-style .btn-block { display: inline; } .nav-aside .icon-caret { display: inline-block; vertical-align: middle; width:0; height: 0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:10px solid #000; margin-top:-4px; margin-right:11px; } .nav-aside .nav-actions { float:right; overflow: hidden; } .nav-aside .nav-actions a { display:block; float:left; margin-left:2px; } .sidebar .places .nav-aside > ul:first-child > li:first-child .nav-actions a[data-action="move-up"], .sidebar .places .nav-aside > ul:first-child > li:last-child .nav-actions a[data-action="move-down"] { color: #bfbfbf; } /* More theme */ .theme .nav-dropdown-style { border-top: 1px solid #ccc; margin-top: 15px; padding-top: 20px; } .theme .nav-dropdown-style .widget.has-slider { margin-top: 30px; } .theme .nav-dropdown-style .widget .widget-head { float: left; height: 41px; margin-right: 10px; padding-top: 8px; } .theme .widget .widget-body { padding-bottom:20px; clear: both; } .theme .nav-dropdown-style .widget .widget-body > select { height: 35px; overflow: visible; padding: 3px; width: auto; } .theme .nav-dropdown-style .widget .widget-body > select option { padding: 1px 3px; } .grabbable { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } /* (Optional) Apply a "closed-hand" cursor during drag operation. */ .grabbable:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing; } .sidebar .places .nav-aside .shape-name-holder { display: inline-block; max-width: calc(100% - 7.5em); vertical-align: middle; overflow: hidden; } .nav-aside .btn-tooltip { margin-left: 2px; margin-top: -6px; } .nav-aside.boundary li { padding-bottom: 10px; } .sidebar .places-list .nav-dropdown > ul > li { cursor: default; margin-left: 40px; padding-left: 10px; } .sidebar .places-list .nav-dropdown > ul > li.active { background-color: #ffd478; } @media (max-width: 767px) { .nav-aside .btn-tooltip { margin-top: 0; } } /* ------------------------------------------------------------ *\ Options \* ------------------------------------------------------------ */ .options { overflow: hidden; margin:43px 0 44px 0; text-align:center; } .options li { list-style:none; list-style-position: outside; float:left; width:33.3%; } .options li:first-child { text-align:left; } .options li:last-child { text-align:right; } .option { text-align:center; text-decoration: none; font-size:18px; display: inline-block; vertical-align: middle; } .option .text { display:block; } .option .icon { display: inline-block; vertical-align: middle; height: 62px; line-height:62px; margin-bottom:10px; } @media (max-width: 767px) { .options { margin: 23px 0; } .options li { float:none; width: auto; } .options li:first-child { text-align:left; } .options li:last-child { text-align:left; } .options li + li { margin-top:28px; } .option { text-align:left; overflow: hidden; display:block; } .option .icon { float:left; width:72px; text-align:center; height: auto; line-height:inherit; margin: 0; } .option .text { display:block; overflow: hidden; font-size:14px; } .option .text br { display:none; } .sidebar .places-list .nav-dropdown > ul > li { margin-left: 0; } } /* ------------------------------------------------------------ *\ Popup \* ------------------------------------------------------------ */ .mfp-content { max-width: 1300px; } #popupUploadXls { margin-top: 35px; } .popup { border:2px solid #bdbdbd; padding: 32px 50px; background:#fff; } .popup.popup-tabs { padding: 0; border:0; background:transparent; margin-top: 25px; } .popup.popup-tabs .mfp-close { margin-top: 30px; margin-right: 2px; width: 25px; height: auto; line-height: 25px; font-size: 24px; padding-top: 1px; z-index: 10000; background-color: #fff; } #popupData.popup.popup-tabs .mfp-close { margin-top: 35px; } .popup-transparent { border:0; background:transparent; } .popup-transparent .mfp-close { color: #404040; background-color: rgb(255, 255, 255); margin-right: 55px; } .popup#popupFeatureInfo .form-body, .popup#popupUploadPhoto .form-body { max-height: 420px; overflow: auto; padding-right: 10px; margin-bottom: 20px; } #popupUploadPhoto .file-upload, #popupUploadPhoto .file-drop { padding: 0 10px; } .popup#popupCreateAcct .form-body, .popup#popupLyrProp .form-body { max-height: 280px; overflow: auto; padding-right: 10px; } .popup#popupLyrProp input[type="text"], .popup#popupLyrProp textarea { font-size: 16px; } .popup#popupUserProfile .form-body { max-height: 375px; overflow: auto; padding-right: 10px; } .popup#popupFieldForLayer .form-body { max-height: 375px; overflow: auto; padding-right: 20px; } /*@media (min-width: 1200px) { .popup#popupUploadFile .form-body { max-height: 375px; overflow: auto; padding-right: 20px; } }*/ .popup#popupFeatureInfo .form-head { margin-bottom: 14px; } #popupFeatureInfo table { width: auto; } #popupFeatureInfo td { padding: 10px 5px 0; } #popupFeatureInfo td:first-child { font-weight: bold; padding: 10px 12px 0 0; } @media (min-width: 1201px) and (max-width: 1400px) { #popupFeatureInfo.popup .form-body, #popupUploadPhoto.popup .form-body { max-height: 300px; } } #popupWikimapInfo label { font-size: 16px; text-decoration: underline; } @media (max-width: 767px) { .popup { padding: 10px; border:0; min-height: 100vh; } .popup.popup-tabs { background:#fff; margin-top: 0; } .popup.popup-tabs .mfp-close { margin-top: 5px; } .popup-transparent { padding-top:72px; /*background-color: rgba(64,64,64, .95);*/ } .popup-transparent .mfp-close { margin-right: 15px; margin-top: 40px; } .popup#popupFeatureInfo .form-body, .popup#popupUploadPhoto .form-body, { padding-right: 0; } .popup#popupCreateAcct .form-body { padding-right: 0; } .popup#popupUserProfile .form-body { padding-right: 0; } .mfp-content { margin-top: 0; padding-top: 54px; background-color: #fff; } .popup .mfp-close { top: 50px; } } #popupDataresource .form-row:nth-child(5) { border-top: solid 1px #eee; padding-top: 15px; margin-top: 18px; } /* upload file popup */ .popup label { /*, .popup input, .popup textarea, .popup select {*/ font-size: 14px; } .popup .help { font-size: 12px; margin-top: 4px; } .popup .keepfields ul { height: 135px; list-style: outside none none; margin-top: 8px; overflow: auto; padding-left: 2px; } .popup label { font-weight: 500; } /* load data popup */ .popup .layers-list i { vertical-align: baseline; cursor: pointer; } .popup .layers-list > span { margin-right: 5px; } .popup .list-form-options a:hover { text-decoration: underline; } .popup .list-form-options li a.hc-settings { text-decoration: none; } .popup .form-row > .row .btn-field, .popup .form-row > .row .btn, .popup .form-row > .row .select-holder .dropdown-menu, .popup .form-row > .row input[type="text"] { font-size: 16px; } .popup .form-row .btn-field.active { background-color: #ffd478; } .popup .form-row.blank { display: none; } .popup .form-row a.choose-fields { text-decoration: none; margin-left: 10px; } .popup .form-row .field-list { padding-left: 36px; margin-top: -15px; } .popup .form-row .field-list ul { list-style: none; max-height: 135px; overflow: auto; padding-bottom: 2px; } .popup .active-fields { max-height: 280px; overflow: auto; padding-right: 16px; padding-top: 10px; } .popup .form-row .field-list input { margin-right: 10px; } .popup .form-row .all-none { font-size: 0.95em; margin-bottom: 10px; } #popupFieldForLayer hr { border-color: #bfbfbf; } #popupSaveView { max-width: 1300px; margin: auto; } #popupSaveView .form-foot { margin-top: 25px; } #popupMigrate .form-foot, #popupV4User .form-foot, #popupMigrateTheme .form-foot { color: #006225; font-size: 18px; font-weight: 500; margin: 25px 0; } #popupFeatureInfo { font-size: 14px; } #popupFeatureInfo p:last-child { margin-bottom: 10px; } #popupFeatureInfo h6, #popupUploadPhoto h6 { font-weight: 900; } #popupFeatureInfo .form-body > div { margin-bottom: 15px; } #popupUploadThemeXls label { font-size: 15px; } #popupUploadThemeXls .geoselect label:not(:first) { font-size: 13px; font-weight: normal; } #popupUploadThemeXls .geoselect .form-field { margin-bottom: 4px; } #popupUploadThemeXls .keepfields ul { margin-top: 0; height: auto; max-height: 110px; } .form-row input::-webkit-input-placeholder { color: inherit; opacity: .6; font-weight: normal; } .form-row input::-moz-placeholder { color: inherit; opacity: .6; font-weight: normal; } .form-row input:-ms-input-placeholder { color: inherit; opacity: .6; font-weight: normal; } .form-row input::placeholder { color: inherit; opacity: .6; font-weight: normal; } .form-row textarea::-webkit-input-placeholder { color: inherit; opacity: .6; font-weight: normal; } .form-row textarea::-moz-placeholder { color: inherit; opacity: .6; font-weight: normal; } .form-row textarea:-ms-input-placeholder { color: inherit; opacity: .6; font-weight: normal; } .form-row textarea::placeholder { color: inherit; opacity: .6; font-weight: normal; } /* ------------------------------------------------------------ *\ proggress \* ------------------------------------------------------------ */ .proggress { margin: 0; padding: 0; overflow: hidden; position: relative; padding-bottom:20px; color: #000; } .proggress:before { content:attr(data-min); position: absolute; bottom:0; left:0; display: inline-block; line-height:1; font-size:12px; font-weight:500; } .proggress.percent:before { content: attr(data-min)'%'; position: absolute; bottom:0; left:0; display: inline-block; line-height:1; font-size:12px; font-weight:500; } .proggress:after { content:attr(data-max); position: absolute; bottom:0; right:0; display: inline-block; line-height:1; font-size:12px; font-weight:500; } .proggress.percent:after { content: attr(data-max)'%'; position: absolute; bottom:0; right:0; display: inline-block; line-height:1; font-size:12px; font-weight:500; } .proggress li { list-style:none; list-style-position: outside; float:left; width:20%; height: 12px; border:1px solid #fff; border-left:0; height: 15px; } .proggress li:first-child { border-left:1px solid #fff; } } /* ------------------------------------------------------------ *\ Range \* ------------------------------------------------------------ */ .range.ui-slider { border:0; background:#d9d9d9; border-radius: 0; height: 15px; margin: 0 10px; margin-top:10px; } .range.ui-slider .ui-widget-header { background:#ffff00; border:0; } .range.ui-slider .ui-slider-handle { border-radius: 0; background:#000; height: 32px; width:7px; top:-9px; margin-left:-1px; } .range.ui-slider .ui-slider-handle + .ui-slider-handle { margin-left:-2px; } .range.ui-slider .ui-slider-handle:before { content:attr(data-value); position: absolute; top:100%; left:0; -webkit-transform: translateX(-30%); -ms-transform: translateX(-30%); transform: translateX(-30%); color: #808080; font-size:12px; } .range.ui-slider .ui-slider-handle + .ui-slider-handle:before { content:attr(data-value); } .slide.ui-slider { border:0; background:#d9d9d9; background: linear-gradient(to right, #fff, #404040) repeat scroll 0 0; border-radius: 0; height: 15px; margin: 0 10px; margin-top:10px; } .theme .slide.ui-slider { background: linear-gradient(to right, #fff, #bfbfbf) repeat scroll 0 0; } .slide.ui-slider .ui-widget-header { background:#ffff00; border:0; } .slide.ui-slider .ui-slider-handle { border-radius: 0; background:#000; height: 32px; width:7px; top:-9px; margin-left:-1px; } .slide.ui-slider .ui-slider-handle:before { content: attr(data-value)'%'; position: absolute; top:100%; left:0; -webkit-transform: translateX(-30%); -ms-transform: translateX(-30%); transform: translateX(-30%); color: #808080; font-size:12px; } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { position: relative; } .search .ico-search { position: absolute; top:5px; left:10px; z-index: 1; } .search .field { background-image:url(images/ico-search.png); background-repeat: no-repeat; background-position:10px center; padding-left:40px; font-size: 18px; } .search .search-btn { border:0; border-radius: 0; background:#bfbfbf; font-size:18px; color: #404040; padding:6px 10px; font-weight:500; text-decoration: none; display: inline-block; position: absolute; top:0; right:0; } .search.search-alt .field { padding-right:120px; } @media (max-width: 767px) { /*.search .field { background-image: none; }*/ .search .field { margin-bottom:18px; } .search .search-btn { position:static; float:right; } } /* ------------------------------------------------------------ *\ Section Home \* ------------------------------------------------------------ */ .section-home { padding: 33px; background-repeat: no-repeat; background-position:center center; background-size: cover; font-size:18px; font-weight:500; min-height: calc(100vh - 65px); } .section-home .section-head { text-align:center; margin-bottom:26px; } .section-home .section-inner { background: rgba(255,255,255, .77); border-radius: 20px; padding: 45px 75px; margin: auto; max-width: 1000px; } .section-home .section-title { font-size:40px; color: #006225; font-weight:900; margin-bottom:35px; } .section-home .section-title small { display:block; font-size:16px; color: inherit; font-size:16px; display:block; margin-top:15px; } .section-home .section-head h3 { font-weight:900; color: #000; } .section-home .form-controls-grid .field { float:left; /*width:80%;*/ border-right-width:0; } .section-home .form-controls-grid select.field { padding: 3px 10px; width: 100%; } .section-home .form-controls-grid select.field option { padding: 0 5px; } .section-home .form-controls-grid .select-holder { float:left; width:20%; } .section-home .section-foot { line-height:1.7; } @media (max-width: 767px) { .section-home { padding: 0; position: relative; } .section-home:before { content:''; position: absolute; top:0; left:0; width:100%; height: 100%; background: rgba(255,255,255, .8); } .section-home .section-inner { border-radius: 0; padding: 0; z-index: 1; position: relative; background-color: transparent; } .section-home .section-title { border-bottom:1px solid #bfbfbf; font-size:16px; padding: 13px 14px 10px 14px; margin-bottom:15px; } .section-home .section-title small { font-size:12px; margin: 6px 0 0 0; } .section-home .section-body { padding: 0 14px; } .section-home .form-controls-grid .field { width: 100%; float:none; margin-bottom:15px; border-right-width: 1px; } .section-home .form-controls-grid .select-holder { width:100%; float:none; } .section-home .section-foot { padding: 0 14px; font-size:12px; } } .ui-autocomplete.ui-widget-content { max-height: 300px; overflow: auto; z-index: 5000; } .ui-autocomplete.ui-menu .ui-menu-item { } .search .field.ui-autocomplete-loading { background-image: url("../css/images/ui-anim_basic_16x16.gif"); } .section-home .field-autocomplete.ui-autocomplete-loading { background: #fff url("../css/images/ui-anim_basic_16x16.gif") right center no-repeat; } .ui-widget { font-family: "Avenir"; font-size: inherit; color: inherit; } .ui-autocomplete.ui-menu .ui-menu-item.ui-state-hover, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus, .ui-autocomplete.ui-menu .ui-menu-item.ui-state-active, .ui-autocomplete.ui-menu .ui-menu-item:hover, .ui-autocomplete.ui-menu .ui-menu-item:focus { border: none; background: #ded8d5; color: inherit; font-weight: inherit; margin: 0; } /* ------------------------------------------------------------ *\ Section Layer \* ------------------------------------------------------------ */ .section-layer .section-title { font-size:30px; color: #fff; font-weight:900; text-transform: uppercase; text-decoration: underline; } @media (max-width: 767px) { .section-layer .section-title { font-size:16px; text-align:center; } } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider {} .slider .slides { list-style: none outside none; } /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs-nav { overflow: hidden; } .tabs-nav li { float:left; } .tabs-nav li + li { margin-left:-1px; } .tabs-nav a { display:block; padding: 10px 17px; text-transform: uppercase; font-weight:900; font-size:20px; color: #808080; text-decoration: none; background-color:#fff; border:2px solid #bfbfbf; } .tabs-nav li.current a { color: #000; border-bottom-color: transparent; } .tabs-nav a { padding: } .tabs .tab { background:#fff; padding: 32px 50px; border:2px solid #bfbfbf; display:none; margin-top:-2px; } .tabs .tab.current { display:block; } @media (max-width: 767px) { .tabs .tabs-head { background:#fff; position: relative; z-index: 9999; } .tabs .tab { padding: 30px 14px; border:0; } .tabs-nav a { border:0; padding-top:0; padding-bottom:0; } .tabs-nav li { padding-top:5px; padding-bottom:5px; } .tabs-nav li + li a { border-left:2px solid #bfbfbf; } } /* ------------------------------------------------------------ *\ Tabs Secondary \* ------------------------------------------------------------ */ .tabs-nav-secondary a { font-size: 16px; padding: 8px 24px 8px 19px; } .tabs-secondary .tab { padding: 26px 50px 60px; } @media (max-width: 1023px) { .tabs-secondary .tab { padding-left: 20px; padding-right: 20px; } .tabs-secondary .tabs-head { z-index: 100; } } @media (max-width: 767px) { .tabs-nav-secondary a { padding: 14px 17px 2px 12px; } .tabs-secondary .tab { padding: 13px 12px; } } /* ------------------------------------------------------------ *\ Table Sort \* ------------------------------------------------------------ */ .table-sort { position: absolute; top:0; left:0; width:100%; height: 100%; } .table-sort .btn-tooltip { float:right; } .table-sort .table-sort-inner { display: table; width:100%; height: 100%; } .table-sort-aside { width:40%; display: table-cell; vertical-align: top; padding-right:5px; padding-top:16px; } .table-sort-aside td { height: 28px; border-bottom:2px solid #e9e6e6; padding-right:7px; } .table-sort-content { width:60%; display: table-cell; vertical-align: top; overflow: auto; height: 100%; } .table-sort-content table { table-layout: fixed; } .table-sort-content th { height: 31px; text-align:left; font-size:14px; font-weight:500; } .table-sort-content td { text-align:right; border:2px solid #fff; background:#fff; height: 28px; color: #000; font-weight:500; padding-right:5px; } .table-sort-content td.light { background:#c1deff; } .table-sort-content td.medium { background:#9bdaff; } .table-sort-content td.stock { background:#ddeff5; } .table-sort-content td.strong { background:#4d98db; } .table-sort-content .table-sort-content-inner { height: 2000px; width:2000px; padding:16px 14px 0 0; } .table-sort-content .table-sort-content-inner table { max-width: 400px; } .table-sort-options .select-holder { width:210px; float:left; margin-right:10px; } .table-sort-options:after { } .table-sort-options .btn-sort { display:block; height: 100%; overflow: hidden; text-align:center; border:1px solid #bfbfbf; background-color:#f5f5f3; font-size:18px; padding: 2px; display:block; font-weight:400; } @media (max-width: 767px) { .table-sort { position: relative; margin-bottom:20px; } .table-sort-content .table-sort-content-inner { width: auto; height: auto; padding: 0; } .table-sort-aside { width:215px; padding-top:0; } .table-sort-content { width: auto; } .table-sort-content td:nth-child(2), .table-sort-content td:nth-child(3), .table-sort-content td:nth-child(4), .table-sort-content th:nth-child(2), .table-sort-content th:nth-child(3), .table-sort-content th:nth-child(4) { display:none; } .table-sort-content th { opacity: 0; visibility: hidden; z-index: -1; padding: 0; height: 31px; } .table-sort-content .btn-sort-trigger { display:none; } } /* ------------------------------------------------------------ *\ Table Place \* ------------------------------------------------------------ */ .table-place { position: absolute; top:0; left:0; width:100%; height: 100%; overflow: auto;} .table-place .table-place-inner { padding: 0 16px 0 0; } .table-place table { table-layout: fixed; margin-bottom:34px; } .table-place thead th { font-size:15px; font-weight:500; padding-right:3px; vertical-align: bottom; } .table-place thead th:first-child { width:275px; } .table-place thead th:not(:first-child):not(:nth-child(2)) { cursor: pointer; } .table-place thead h4 { font-size:30px; } .table-place thead .table-title { font-size:30px; display:block; } .table-place thead h6 { font-size:15px; font-weight:500; } .table-place thead h6 .ico-hc { float: right; font-size: 12px; margin-right: 8px; position: relative; top: 3px; } .table-place thead .table-title, .table-place thead h6, .table-place thead .select-holder { border-bottom:1px solid #000; margin-bottom:10px; } .table-place tbody td { padding: 7px 9px; text-align:right; border-bottom:1px solid #e9e6e6; } .table-place .highlighted td { font-weight:900; } .table-place tbody td:first-child { text-align:left; cursor: pointer; } .table-place .btn-tooltip { float:right; } @media (max-width: 767px) { .table-place { position: relative; } .table-place thead h4 { font-size:18px; } .table-place thead th:first-child { width:215px; } .table-place tbody td:nth-child(4), .table-place tbody td:nth-child(3), .table-place thead th:nth-child(4), .table-place thead th:nth-child(3) { display:none !important; } } /* ------------------------------------------------------------ *\ Table Legend \* ------------------------------------------------------------ */ .table-legend { width:auto; table-layout: fixed; margin-bottom:25px; } .table-legend td { vertical-align: middle; } .table-legend td:first-child { text-align:center; } .table-legend td:last-child { width: 75px; padding-left: 10px; } .table-legend .legend-bar { height: 10px; } .table-legend .legend-bar-weak { background:#ddeff5; } .table-legend .legend-bar-light { background:#d0e6ff; } .table-legend .legend-bar-medium { background:#ace0ff; } .table-legend .legend-bar-strong { background:#8bcef1; } .table-legend .legend-bar-hard { background:#7ab2e4; } /* ------------------------------------------------------------ *\ Tooltip \* ------------------------------------------------------------ */ .tooltip-custom { border:1px solid #000; width:222px; background:#fff; padding: 10px 10px 10px 30px; font-size:14px; font-weight:500; position: absolute; z-index: 1200; visibility: hidden; opacity: 0; transition: opacity .3s; } .tooltip-custom .ico-info-circle-dark { margin-left:-20px; } .tooltip-custom .tooltip-close { display: inline-block; float:right; } .tooltip-custom h6 { margin: 0; font-size:14px; font-weight:900; text-transform: uppercase; margin: 5px 0; overflow: hidden; } .tooltip-custom.open { visibility: visible; opacity: 1; } @media (max-width: 767px) { .tooltip-custom { top:120px !important; left:50% !important; width:100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: fixed; } } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } .widget { border-bottom:1px solid #ccc; margin-bottom:15px; } .widget.has-slider { padding-bottom: 25px; } .widget.has-btn { padding-bottom: 15px; } .widget .widget-head { overflow: hidden; margin-bottom:6px; } .widget .widget-head p { margin: 0; float:left; font-weight:500; } .filters .widget .widget-head p { max-width: calc(100% - 42px); } .widget .widget-head-actions { float:right; } .widget .widget-head-actions a { display: inline-block; vertical-align: middle; text-decoration: none; } .widget .widget-body { padding-bottom:38px; } .places .widget .widget-body { padding-bottom:8px; } .widget:last-child { border-bottom:0; margin-bottom:10px; } .widget:last-child .widget-body { padding-bottom:0; } .filters .widget:last-child { padding-bottom: 20px; } .places .widget:last-child .widget-body { padding-bottom:38px; } .theme .nav-dropdown-style .widget:last-child { border-bottom: 1px solid #ccc; padding-bottom: 35px; } .widget.widget-primary { border-bottom:0; margin-bottom:10px; } .widget.widget-primary .widget-body { padding-bottom:0; } /* MAP loading control */ .loading-bar { display: inline-block; width: 4px; height: 18px; border-radius: 4px; animation: loading 1s ease-in-out infinite; margin-right: 4px; } .loading-bar:nth-child(1) { background-color: #7CC67E; animation-delay: 0; } .loading-bar:nth-child(2) { background-color: #EDD453; animation-delay: 0.09s; } .loading-bar:nth-child(3) { background-color: #EF9C67; animation-delay: .18s; } .loading-bar:nth-child(4) { background-color: #CE6667; animation-delay: .27s; } @keyframes loading { 0% { transform: scale(1); } 20% { transform: scale(1, 2.2); } 40% { transform: scale(1); } } .loading-text { color: #404040; font-size: 0.88em; padding-top: 6px; } .loading-control { left: 50%; text-align: center; top: 42%; background-color: transparent; } a.reversed-hover { text-decoration: none; } a.reversed-hover:hover { text-decoration: underline; } @media print { /* */ } /* GROUP PORTAL */ .page.group-portal .grey { height: 190px; background-color: #bfbfbf; } .page.group-portal .content > ul.group-toc li { margin-bottom: 5px; } .page.group-portal #data-map { width: 100%; height: 400px; } .main.page.group-portal .content p.data-map-caption { line-height: 1.8; margin-top: 10px; font-style: italic; margin-bottom: 10px; } .page.group-portal .widget { margin-top: 10px; border-bottom: none; } .page.group-portal .widget .widget-body { padding-bottom: 0; } .page.group-portal .sidebar { min-height: 0; } @media (max-width: 1200px) { .page.group-portal .content { width: 100%; } } @media (min-width: 1201px) and (max-width: 1550px) { .page.group-portal .content { width: 85%; } } .main.page.group-portal .content #popup-content p { margin-bottom: 10px; line-height: 1.8; } .page.group-portal .content .map-set { font-size: 14px; margin-bottom: 40px; } .page.group-portal .content .map-set a img { max-height: 330px; } .page.group-portal .content .map-set > .col-sm-6 { margin-bottom: 25px; } .page.group-portal .content .form .form-actions a { margin-right: 15px; margin-top: 10px; } .page.group-portal .content h5 { font-weight: 500; text-transform: none; margin-bottom: 5px; } .truncate { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }