/* Table of Contents update on Wed Jan 27 2016 09:52:24 GMT+0200 (FLE Standard Time) I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Base ------------------------------------- 03. Fonts ------------------------------------ 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Aligntop --------------------------------- Disabled --------------------------------- Inline Space ----------------------------- Gutters ---------------------------------- Borders ---------------------------------- Colors ----------------------------------- Text Align ------------------------------- Grid ------------------------------------- Auto Columns ----------------------------- Underline -------------------------------- II. Regions -------------------------------------- 01. Container -------------------------------- 02. Content ---------------------------------- 03. Footer ----------------------------------- Footer Nav ------------------------------- 04. Header ----------------------------------- Header Small ----------------------------- Header Bar ------------------------------- 05. Main ------------------------------------- 06. Shell ------------------------------------ 07. Sidebar ---------------------------------- 08. Wrapper ---------------------------------- III. Modules -------------------------------------- 01. Accordion -------------------------------- 02. Admin ------------------------------------ 03. Admin Details ---------------------------- 04. Admin Documents -------------------------- 05. Arrow ------------------------------------ 06. Assets ----------------------------------- 07. Box -------------------------------------- 08. Box Services ---------------------------- 09. Box Interactive -------------------------- 10. Button ----------------------------------- Buttons Group ---------------------------- Button Disabled -------------------------- Button Block ----------------------------- Button Transparent ----------------------- Button Positon --------------------------- Button Sizes ----------------------------- 11. Chart ------------------------------------ 12. Chart Details ---------------------------- 13. Container -------------------------------- 14. Copyright -------------------------------- 15. Data Points ------------------------------ 16. Data Point ------------------------------- 17. Droppable -------------------------------- 18. Figure ----------------------------------- 19. Filter ----------------------------------- 20. Form Elements ---------------------------- Form Row --------------------------------- Field ------------------------------------ Textarea --------------------------------- Select ----------------------------------- Checkbox --------------------------------- Checkbox Toggle -------------------------- Radios Inline ---------------------------- Radio ------------------------------------ Form Asterisk ---------------------------- Form Cols -------------------------------- Datepicker ------------------------------- File Upload ------------------------------ Form Link -------------------------------- 21. Form ------------------------------------- Form Small ------------------------------- Form Note -------------------------------- 22. Form Inline ------------------------------ 23. Form Property Change --------------------- 24. Form Points ------------------------------ 25. Form Age Verification -------------------- 26. Form Upload ------------------------------ 27. Form Login ------------------------------- 28. Form Questions --------------------------- 29. Form Report Builder --------------------- 30. Form Filter Inline ----------------------- 31. Form Add Message ------------------------- 32. Form Resident Listing -------------------- 33. Form Tasks ------------------------------- 34. Getting Started -------------------------- 35. Info ------------------------------------- 36. Item Toggle ------------------------------ 37. Keys Legend ------------------------------ 38. Points Total ----------------------------- 39. Link ------------------------------------- 40. Link Compact ----------------------------- 41. List ------------------------------------- 42. List Occupants --------------------------- 43. List Photos ------------------------------ 44. List Docs -------------------------------- 45. List Services ---------------------------- 46. Loading Overlay -------------------------- 47. Loan Meta -------------------------------- 48. Loan Details ----------------------------- 49. Loan Labels ------------------------------ 50. Logo ------------------------------------- 51. Message Center --------------------------- 52. Message Compact -------------------------- 53. Message Full ----------------------------- 54. Nav -------------------------------------- 55. Nav Utilities ---------------------------- 56. Nav Secondary ---------------------------- 57. Nav Tertiary ----------------------------- 58. Nav Links -------------------------------- 59. Options ---------------------------------- 60. Page ------------------------------------- 61. Paging ----------------------------------- 62. Popup ------------------------------------ Popup Properties ------------------------- Popup Report Builder --------------------- Popup Add Message ------------------------ Popup Alert ------------------------------ 63. Popup Static ----------------------------- Popup Messages --------------------------- Popup Chart Details ---------------------- Popup All Charts Details ----------------- 64. Popup Quicklinks ------------------------- 65. Popup As Tooltip ------------------------- Popup Tasks ------------------------------ 66. Search ----------------------------------- 67. Search Secondary ------------------------- 68. Searct Tertiary -------------------------- 69. Section ---------------------------------- Section Light Blue ----------------------- Section Light Blue Secondary ------------- 70. Section Secondary ------------------------ 71. Section Login ---------------------------- 72. Section Reports -------------------------- 73. Section Worksheet ------------------------ 74. Section Home ----------------------------- 75. Section Admin ---------------------------- 76. Section Load Details --------------------- 77. Slider ----------------------------------- 78. Slider Charts ---------------------------- 79. Tabs ------------------------------------- 80. Tabs Secondary --------------------------- 81. Tabs Tertiary ---------------------------- 82. Table ------------------------------------ Table Variations ------------------------- Table Scrollable ------------------------- Table Accordion -------------------------- Table Layout Fixed ----------------------- Table Row Differentiation ---------------- 83. Table Loan Ledger ------------------------ 84. Table Report ----------------------------- 85. Table Worksheet -------------------------- 86. Table Data Points ------------------------ 87. Table Chart Details ---------------------- 88. Table Reward Points ---------------------- 89. Template --------------------------------- 90. Tooltip ---------------------------------- 91. Upload ----------------------------------- 92. Upload Process --------------------------- 93. Upload Details --------------------------- 94. User ------------------------------------- 95. Widget ----------------------------------- 96. Worksheet Features ----------------------- 97. Remaining Characters --------------------- 98. Notes ------------------------------------ IV. Themes --------------------------------------- 01. Formstone Dropdown ----------------------- 02. Datepicker ------------------------------- V. Features ------------------------------------- 01. Meter Reads */ .cols:after, .header .shell:after, .header-bar:after, .admin-details-item dl:after, .form-row:after, .form-cols:after, .infos:after, .loan-meta:after, .message-compact:after, .nav-utilities ul:after, .nav-links:after, .options dl:after, .section .section-actions:after, .section-reports .section-head:after, .section-admin:after, .tab-inner:after, .tabs-nav ul:after { content: ''; display: table; clear: both; line-height: 0; } .ico-add-doc { background-image: url(../CSS/images/sprite.png); background-position: -163px -129px; width: 18px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-add-note { background-image: url(../CSS/images/sprite.png); background-position: -141px -129px; width: 18px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-add-photo { background-image: url(../CSS/images/sprite.png); background-position: -185px -129px; width: 18px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-left { background-image: url(../CSS/images/sprite.png); background-position: -16px -191px; width: 12px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-right { background-image: url(../CSS/images/sprite.png); background-position: 0 -191px; width: 12px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-at { background-image: url(../CSS/images/sprite.png); background-position: -88px -191px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-at-white { background-image: url(../CSS/images/sprite.png); background-position: -254px -189px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-bubble-info { background-image: url(../CSS/images/sprite.png); background-position: -75px -74px; width: 23px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-calendar-plus-white { background-image: url(../CSS/images/sprite.png); background-position: -91px -129px; width: 22px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-calendar-white { background-image: url(../CSS/images/sprite.png); background-position: -65px -129px; width: 22px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-check-o-green { background-image: url(../CSS/images/sprite.png); background-position: -110px -108px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-danger { background-image: url(../CSS/images/sprite.png); background-position: -102px -74px; width: 25px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-datepicker-small { background-image: url(../CSS/images/sprite.png); background-position: -145px -191px; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-docs-big { background-image: url(../CSS/images/sprite.png); background-position: 0 -74px; width: 43px; height: 51px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-dollar-big { background-image: url(../CSS/images/sprite.png); background-position: 0 -129px; width: 35px; height: 58px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-edit-blue-medium { background-image: url(../CSS/images/sprite.png); background-position: -68px -108px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-edit-blue { background-image: url(../CSS/images/sprite.png); background-position: -39px -176px; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-envelope { background-image: url(../CSS/images/sprite.png); background-position: -106px -154px; width: 15px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-envelope-white { background-image: url(../CSS/images/sprite.png); background-position: -219px -192px; width: 15px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-eye-stroke { background-image: url(../CSS/images/sprite.png); background-position: -158px -74px; width: 22px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-eye { background-image: url(../CSS/images/sprite.png); background-position: -81px -154px; width: 21px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-fx { background-image: url(../CSS/images/sprite.png); background-position: -49px -191px; width: 16px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info-blue { background-image: url(../CSS/images/sprite.png); background-position: -210px -74px; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info-yellow { background-image: url(../CSS/images/sprite.png); background-position: -47px -108px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-keylock { background-image: url(../CSS/images/sprite.png); background-position: -47px -74px; width: 24px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-laquo { background-image: url(../CSS/images/sprite.png); background-position: -141px -154px; width: 12px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-list-white { background-image: url(../CSS/images/sprite.png); background-position: -184px -74px; width: 22px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-magnifier-medium-gray { background-image: url(../CSS/images/sprite.png); background-position: -164px -191px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-magnifier-medium { background-image: url(../CSS/images/sprite.png); background-position: -182px -191px; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-magnifier { background-image: url(../CSS/images/sprite.png); background-position: -54px -176px; width: 10px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-move { background-image: url(../CSS/images/sprite.png); background-position: -207px -129px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pen-white { background-image: url(../CSS/images/sprite.png); background-position: -117px -129px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-phone { background-image: url(../CSS/images/sprite.png); background-position: -32px -191px; width: 13px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-phone-white { background-image: url(../CSS/images/sprite.png); background-position: -239px -188px; width: 13px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-raquo { background-image: url(../CSS/images/sprite.png); background-position: -125px -154px; width: 12px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-support-blue { background-image: url(../CSS/images/sprite.png); background-position: -39px -154px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-support { background-image: url(../CSS/images/sprite.png); background-position: -126px -191px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-system { background-image: url(../CSS/images/sprite.png); background-position: -131px -108px; width: 29px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-task { background-image: url(../CSS/images/sprite.png); background-position: -39px -129px; width: 22px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-training { background-image: url(../CSS/images/sprite.png); background-position: -107px -191px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user-white { background-image: url(../CSS/images/sprite.png); background-position: -131px -74px; width: 23px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-visit-white { background-image: url(../CSS/images/sprite.png); background-position: -200px -189px; width: 17px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-warning-o { background-image: url(../CSS/images/sprite.png); background-position: -89px -108px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-x-medium-white { background-image: url(../CSS/images/sprite.png); background-position: -61px -154px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-x-o-red { background-image: url(../CSS/images/sprite.png); background-position: -69px -191px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-x { background-image: url(../CSS/images/sprite.png); background-position: -157px -154px; width: 11px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-popout-white { background-image: url(../CSS/images/sprite.png); background-position: -173px -154px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-arrow-popout-blue { background-image: url(../css/images/arrow-popout-blue.png); width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .logo { background-image: url(../CSS/images/sprite.png); background-position: 0 0; width: 222px; height: 70px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-back { background-image: url(../css/images/ico-back.png); width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-ofs { background-image: url(../css/images/origen-logo.png); width: 290px; height: 70px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-lock { background-image: url(../css/images/ico-lock.png); background-size:contain; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-lock-white { background-image: url(../css/images/ico-lock.png); filter:invert(100%); background-size:contain; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-lock-gray { background-image: url(../css/images/ico-lock.png); filter:invert(60%); background-size:contain; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-reload-red { background-image: url(../css/images/ico-reload-red.png); background-size:contain; width: 20px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-reload-white { background-image: url(../css/images/ico-reload-white.png); background-size:contain; width: 20px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-reload-blue { background-image: url(../css/images/ico-reload-blue.png); background-size:contain; width: 20px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .ico-add-doc { background-image: url(../css/images/sprite.@2x.png); background-position: -98px -19px; background-size: 157px 142px; width: 18px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-add-note { background-image: url(../css/images/sprite.@2x.png); background-position: -98px -41px; background-size: 157px 142px; width: 18px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-add-photo { background-image: url(../css/images/sprite.@2x.png); background-position: -98px -63px; background-size: 157px 142px; width: 18px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-at { background-image: url(../css/images/sprite.@2x.png); background-position: -141px -68px; background-size: 157px 142px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-bubble-info { background-image: url(../css/images/sprite.@2x.png); background-position: -45px -32px; background-size: 157px 142px; width: 23px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-calendar-plus-white { background-image: url(../css/images/sprite.@2x.png); background-position: -71px -22px; background-size: 157px 142px; width: 22px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-calendar-white { background-image: url(../css/images/sprite.@2x.png); background-position: -71px -45px; background-size: 157px 142px; width: 22px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-check-o-green { background-image: url(../css/images/sprite.@2x.png); background-position: -122px -19px; background-size: 157px 142px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-danger { background-image: url(../css/images/sprite.@2x.png); background-position: -71px 0; background-size: 157px 142px; width: 25px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-datepicker-small { background-image: url(../css/images/sprite.@2x.png); background-position: -16px -127px; background-size: 157px 142px; width: 15px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-docs-big { background-image: url(../css/images/sprite.@2x.png); background-position: 0 0; background-size: 157px 142px; width: 43px; height: 51px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-dollar-big { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -53px; background-size: 157px 142px; width: 35px; height: 58px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-edit-blue-medium { background-image: url(../css/images/sprite.@2x.png); background-position: -122px -57px; background-size: 157px 142px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-envelope { background-image: url(../css/images/sprite.@2x.png); background-position: -122px -98px; background-size: 157px 142px; width: 15px; height: 10px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-eye-stroke { background-image: url(../css/images/sprite.@2x.png); background-position: -45px -58px; background-size: 157px 142px; width: 22px; height: 19px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-eye { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -113px; background-size: 157px 142px; width: 21px; height: 12px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-fx { background-image: url(../css/images/sprite.@2x.png); background-position: -141px 0; background-size: 157px 142px; width: 16px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info-blue { background-image: url(../css/images/sprite.@2x.png); background-position: -23px -113px; background-size: 157px 142px; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-info-yellow { background-image: url(../css/images/sprite.@2x.png); background-position: -122px 0; background-size: 157px 142px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-keylock { background-image: url(../css/images/sprite.@2x.png); background-position: -45px 0; background-size: 157px 142px; width: 24px; height: 30px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-list-white { background-image: url(../css/images/sprite.@2x.png); background-position: -98px 0; background-size: 157px 142px; width: 22px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-magnifier-medium-gray { background-image: url(../css/images/sprite.@2x.png); background-position: 0 -127px; background-size: 157px 142px; width: 14px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-magnifier-medium { background-image: url(../css/images/sprite.@2x.png); background-position: -141px -102px; background-size: 157px 142px; width: 14px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-move { background-image: url(../css/images/sprite.@2x.png); background-position: -141px -17px; background-size: 157px 142px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-pen-white { background-image: url(../css/images/sprite.@2x.png); background-position: -45px -79px; background-size: 157px 142px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-phone { background-image: url(../css/images/sprite.@2x.png); background-position: -122px -76px; background-size: 157px 142px; width: 13px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-support-blue { background-image: url(../css/images/sprite.@2x.png); background-position: -98px -84px; background-size: 157px 142px; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-support { background-image: url(../css/images/sprite.@2x.png); background-position: -141px -34px; background-size: 157px 142px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-task { background-image: url(../css/images/sprite.@2x.png); background-position: -71px -68px; background-size: 157px 142px; width: 22px; height: 21px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-training { background-image: url(../css/images/sprite.@2x.png); background-position: -141px -51px; background-size: 157px 142px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-user-white { background-image: url(../css/images/sprite.@2x.png); background-position: -71px -91px; background-size: 157px 142px; width: 23px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-warning-o { background-image: url(../css/images/sprite.@2x.png); background-position: -122px -38px; background-size: 157px 142px; width: 17px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-x-o-red { background-image: url(../css/images/sprite.@2x.png); background-position: -141px -85px; background-size: 157px 142px; width: 15px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; } } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; min-height:0; min-width:0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html, body { height: 100%; } 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="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; resize: none; -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; font-size:13px; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 1200px; background: #ddd; font-family: 'DIN', sans-serif; font-size: 13px; line-height: 1.3; color: #001631; } @media print { body { background: initial; } } body.popout { min-width: 800px; } a { color: inherit; text-decoration: none; } a:hover { text-decoration: underline; } a.disabled:hover, a[disabled]:hover, a.btn-disabled:hover { text-decoration:none; cursor: no-drop; } a[href^="tel"] { text-decoration: none; } h1 { font-size: 21px; font-weight: normal; text-transform: uppercase; letter-spacing: 0; } h2 { font-size: 18px; } h3 { font-size: 16px; font-weight: normal; text-transform: uppercase; } h4 { font-size: 14px; } h5 { font-size: 13px; } h6 { font-size: 12px; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.65em; } p, ul, ol, dl, table, blockquote { margin-bottom: 1.3em; } 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-bottom: 0; } .body-wide { min-width: 1500px; } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'DIN'; src: url('fonts/din_medium-webfont.eot'); src: url('fonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/din_medium-webfont.woff') format('woff'), url('fonts/din_medium-webfont.ttf') format('truetype'), url('fonts/din_medium-webfont.svg#din_mediumregular') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'DIN'; src: url('fonts/din-regular-webfont.eot'); src: url('fonts/din-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/din-regular-webfont.woff') format('woff'), url('fonts/din-regular-webfont.ttf') format('truetype'), url('fonts/din-regular-webfont.svg#dinregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DIN'; src: url('fonts/din-bold-webfont.eot'); src: url('fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/din-bold-webfont.woff') format('woff'), url('fonts/din-bold-webfont.ttf') format('truetype'), url('fonts/din-bold-webfont.svg#dinbold') format('svg'); font-weight: 700; font-style: normal; } .alt-font { font-family: 'Arial'; } /* ------------------------------------------------------------ *\ 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 !important; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Aligntop */ .aligntop { vertical-align: top; } /* Disabled */ [disabled], .disabled, .section-disabled * { cursor: default; } /* Inline Space */ .inline-space-left { margin-left: 3px; } .inline-space-left-medium { margin-left: 15px; } .inline-space-right { margin-right: 3px; } .inline-space-right-medium { margin-right: 15px; } .inline-padding-right { padding-right: 6px; } /* Gutters */ .top-gutter-15 { margin-top: 15px; } .bottom-gutter-15 { margin-bottom: 15px; } .bottom-no-gutter { margin-bottom: 0; } /* Borders */ .bordered { border: 1px solid #bbb; } /* Colors */ .color-success { color: #4aac33; } .color-error { color: #ed1c24; } .color-warning { color: #c09d31; } .color-attention {color: #de0f0f; } /* Text Align */ .text-align-left { text-align: left; } .text-align-right { text-align: right; } .text-align-center { text-align: center; } .text-align-middle { display: flex; justify-content: center; flex-direction: column; } /* Grid */ .cols { margin-left: -10px; margin-right: -10px; } .cols:after { } .col { float: left; padding: 0 10px; } .col-1of3 { width: 33.33% !important; } .col-2of3 { width: 66.66% !important; } .col-full { width: 100% !important; } .col-half, .col-1of2 { width: 50% !important; } .col-1of4 { width: 25% !important; } .col-3of4 { width: 75% !important; } .col-1of5 { width: 20% !important; } .col-2of5 { width: 40% !important; } .col-3of5 { width: 60% !important; } .col-4of5 { width: 80% !important; } .col-auto { width: auto !important; } .col-flex { flex-grow: 1; flex-shrink: 1; width: auto !important; } .col-flex-grow { flex-grow: 1; flex-shrink: 0; width: auto !important; } .col-flex-shrink { flex-grow: 0; flex-shrink: 1; width: auto !important; } /* Auto Columns */ .auto-columns-2 { column-count: 2; } .auto-columns-3 { column-count: 3; } .auto-columns-4 { column-count: 4; } /* Underline*/ .underline { text-decoration: underline; } /* Italic*/ .italic { font-style: italic; } /* Inline */ .inline { display: inline-block; } .flash-color-error { -webkit-animation: flashColorError 1.5s infinite; animation: flashColorError 1.5s infinite;} .tabs-body .tab .section-admin .secret { color:#ffffff; } #divResidentAdminDetailContainer .secret { color:#ffffff; } .popup .popup-inner .secret { color:#ddd; } .main .main-body .secret { color:#ddd; } /* animations */ @-webkit-keyframes flashColorError { 0% { color: #001631; } 50% { color: #ec1c23; } 100% { color: #001631; } } @keyframes flashColorError { 0% { color: #001631; } 50% { color: #ec1c23; } 100% { color: #001631; } } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container {} /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content {} /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { position: absolute; bottom: 0; left: 0; width: 100%; padding: 16px 0; background: #f2f2f2; text-align: center; } .footer-alt { padding: 33px 0; } /* Footer Nav */ .footer-nav { margin-bottom: 14px; font-weight: bold; text-transform: uppercase; } .footer-nav ul { list-style: none outside none; font-size: 0; } .footer-nav li { display: inline-block; vertical-align: top; padding: 1px 0 2px; font-size: 14px; } .footer-nav li + li { padding-left: 13px; border-left: 2px solid #ee2931; margin-left: 14px; } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { padding-top: 23px; border-bottom: 1px solid #bababa; background: #f2f2f2; letter-spacing: .025em; } .header .shell:after { } .header .logo { float: left; margin-top: 12px; margin-bottom: 34px; } .header .logo-ofs { float: left; margin-top: 12px; margin-bottom: 34px; } .header .header-inner { float: right; padding-bottom: 22px; } .header .header-inner .user { float: none; margin-bottom: 6px; text-align: right; } /* Header Small */ .header-small { padding: 10px 0; } .header-small .header-inner { padding-bottom: 0; } .header-small .header-bar { margin: 0; } .header-small .user { float: left; padding-top: 4px; } .header-small .user strong { font-size: 14px; } .header-small .user .user-link-logout { font-size: 11px; } /* Header Bar */ .header-bar { margin-bottom: 18px; } .header-bar:after { } .header-bar .nav-utilities { float: right; margin-top: 5px; } .header-bar .search { float: left; width: 133px; margin-left: 15px; } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main {} .main .main-head { padding: 7px 0; background: #001631 url(images/head-decoration.png) center 0 no-repeat; color: #fff; box-shadow: inset 0 3px 2px rgba(0, 0, 0, 0.7); } .main .main-title { letter-spacing: -.025em; } .main .main-title i { position: relative; top: -2px; } .main .main-body { padding: 20px 0; background: #ddd; } .main .main-body-no-top-gutter { padding-top: 0; } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1200px; padding: 0 20px; margin: auto; } .shell-narrow { max-width: 1120px; } .shell-wide { max-width: 1495px} .shell-small { width: 950px; } .shell-small-wide { width: 1148px; } .shell.wide-page { margin:initial ;} body.popout .shell.shell-small-wide { width: auto !important; } .shell-fluid { max-width: none; } .shell-small-top-margin .section-admin { padding-top:0px;} /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar {} /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { overflow: hidden; position: relative; min-height: 100%; } .wrapper-home { padding-bottom: 91px; background: #fff url(images/wrapper-home.png) center 150px no-repeat; } .wrapper-home.wrapper-home-qa { padding-bottom: 91px; background: #fff url(images/wrapper-home-qa.png) center 150px no-repeat; } .wrapper-home.wrapper-home-alt { background-position: center 300px; padding-bottom: 0; } .wrapper-home .main .main-body { background: transparent; } .wrapper-home .header, .wrapper-home .main { min-width: 1200px; } body > .wrapper.view-container { min-height: unset; } /* ------------------------------------------------------------ *\ View Container \* ------------------------------------------------------------ */ .view-container { position: relative; } /* ------------------------------------------------------------ *\ III. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Accordion \* ------------------------------------------------------------ */ .accordion-head { cursor: pointer; } .accordion-head-tree { cursor: pointer; } .accordion-section .accordion-body { display: none; } /*ACTUALLY We do not want to show all sections expanded just because it is being printed. It should print whatever is visible currently on the screen @media print { .accordion-section .accordion-body { display: block; } } */ .accordion-section > .accordion-head .accordion-status { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .accordion-section > .accordion-head-tree .accordion-status { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .accordion-section-expanded > .accordion-body { display: block; } .accordion-section-expanded > .accordion-head .accordion-status { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .accordion-section-expanded > .accordion-head-tree .accordion-status { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } /* accordion status */ .accordion-status { position: relative; top: 1px; display: inline-block; width: 15px; height: 15px; border-radius: 50%; margin-right: 3px; background: #0366dd; color: #fff; } .accordion-status:after { content: ''; position: absolute; top: 6px; left: 2px; width: 0; height: 0; border-width: 5px 5px 0 5px; border-style: solid; border-left-color: transparent; border-right-color: transparent; } .accordion-status-dark-blue { background: #01397b; } /* ------------------------------------------------------------ *\ Admin \* ------------------------------------------------------------ */ .admin h3 { margin: 0 0 7px; font-weight: 500; color: #0375ff; text-transform: uppercase; } /* ------------------------------------------------------------ *\ Admin Details \* ------------------------------------------------------------ */ .admin-details { padding-bottom: 23px; font-size: 0; } .admin-details-item { display: inline-block; vertical-align: top; width: 50%; padding: 20px 0 0 0; font-size: 13px; } .admin-details-item dl:after { } .admin-details-item dt { float: left; width: 120px; padding: 0 10px 10px 0; font-size: 13px; font-weight: bold; text-align: right; clear: both; color: #001631; } .admin-details-item dd { float: left; padding-bottom: 10px; } /* ------------------------------------------------------------ *\ Admin Documents \* ------------------------------------------------------------ */ .admin-documents .table { margin-bottom: 15px; } .admin-documents-actions a { text-transform: uppercase; font-size: 14px; font-weight: bold; } .admin-documents-actions a i { margin-right: 3px; } /* ------------------------------------------------------------ *\ Arrow \* ------------------------------------------------------------ */ .arrow { display: inline-block; vertical-align: middle; width: 0; height: 0; border-style: solid; } .arrow-right { border-width: 5px 0 5px 10px; border-top-color: transparent; border-bottom-color: transparent; } .arrow-left { border-width: 5px 10px 5px 0; border-top-color: transparent; border-bottom-color: transparent; } .arrow-up { border-width: 0 5px 10px 5px; border-right-color: transparent; border-left-color: transparent; } .arrow-down { border-width: 10px 5px 0 5px; border-right-color: transparent; border-left-color: transparent; } /* ------------------------------------------------------------ *\ Assets \* ------------------------------------------------------------ */ .assets .assets-head { padding-bottom: 15px; } .assets .assets-head-actions { font-weight: bold; text-transform: uppercase; } .assets .assets-head-actions a:hover { text-decoration: none; } .assets .assets-head-actions i { position: relative; top: -2px; } /* ------------------------------------------------------------ *\ Box \* ------------------------------------------------------------ */ .box { position: relative; } .box-bordered-right { border-right: 1px solid; } /* ------------------------------------------------------------ *\ Box Services \* ------------------------------------------------------------ */ .box-services { position: relative; height: 285px; padding: 30px 40px 20px 40px; background: #0366dd; color: #fff; } .box-services-dark { background: #002d62; } .box-services .box-head { min-height: 65px; padding-bottom: 7px; } .box-services .box-icon, .box-services .box-title { display: inline-block; vertical-align: middle; } .box-services .box-icon { position: relative; top: -3px; margin-right: 15px; } .box-services .box-title { font-size: 36px; font-weight: 500; } .box-services .search-tertiary { padding-bottom: 23px; } /* ------------------------------------------------------------ *\ Box Interactive \* ------------------------------------------------------------ */ .box-interactive .box-actions { position: absolute; top: 0; right: 0; padding: 2px; font-size: 0; } .box-interactive .box-actions a { display: inline-block; width: 32px; height: 32px; background: #ec1c23; text-align: center; line-height: 32px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.36); } .box-interactive .box-actions a + a { margin-left: 2px; } .box-interactive .box-actions .arrow-up { border-width: 0 8px 10px 8px; } .box-interactive .box-actions .arrow-down { border-width: 10px 8px 0 8px; } .box-interactive .box-body-edit { display: none; } .box-interactive .expanded-visible { display: none; } .box-interactive.expanded { height: 594px; margin-top: -310px; } .box-interactive.expanded .box-actions .arrow-up { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .box-interactive.expanded .box-actions .arrow-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .box-interactive.expanded .expanded-visible { display: block; } .box-interactive.edit .box-body-main { display: none; } .box-interactive.edit .box-body-edit { display: block; } .box-interactive.edit .box-toggle-edit { background: #bd0d13; } /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ /* Buttons Group */ .btns-group { font-size: 0; } .btns-group .btn { margin: 3px; } .btn-holder { position: relative; display: inline-block; vertical-align: top; } .btn-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: none; } .btn-loading-visible { display: block; } .btn-loading-solid-dark { background: #d1d1d1; } .btn-loading-solid-medium { background: #ddd; } .btn-loading img { display: inline-block; margin-top: 4px; } .btns-group-justified { text-align: justify; } .btns-group-justified .btn { margin: 0; } .btns-group-justified:after { content: ''; display: inline-block; width: 100%; } .btns-group-inline { display: inline-block; vertical-align: middle; } .btn { display: inline-block; vertical-align: middle; height: 29px; padding: 0 22px; border: 0; background: linear-gradient(to bottom, #0375ff 0%, #025cc9 100%); border-radius: 3px; font-size: 14px; line-height: 29px; color: #fff; font-weight: bold; text-transform: uppercase; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); -webkit-appearance: none; -moz-appearance: none; appearance: none; } .btn.aligntop { vertical-align: top; } .btn i { position: relative; top: -1px; } .btn:hover { background: linear-gradient(to bottom, #4395f8 0%, #0569e1 100%); text-decoration: none; } .btn:active { background: linear-gradient(to bottom, #0375ff 0%, #025cc9 100%); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15), inset 0 2px 5px rgba(0, 0, 0, 0.5); } /* Button Disabled */ .btn[disabled], .btn-disabled, a.disabled, .section-disabled .btn { opacity: .4; cursor: default; } /* Button hidden */ .btn.hidden { display:none; } /* Button two lines*/ .btn.two-lines { line-height: 15px; height: 42px; padding-top: 5px; } /* Button Block */ .btn-block { display: block; padding-left: 0; padding-right: 0; } /* Button Transparent*/ .btn-transparent { padding: 0; height: auto; background: transparent; color: #0366dd; line-height: 1.25; box-shadow: none; } .btn-transparent:hover { color: #0366dd; background: transparent; font-weight: 900; } .table .btn-transparent:hover { font-weight: initial; } .btn-transparent:active { background: transparent; box-shadow: none; } .btn-transparent i { margin-right: 3px; margin-bottom: 3px; } /* Button Link*/ .btn-link { padding: 0; height: auto; background: transparent; color: #0366dd; line-height: 1.25; box-shadow: none; text-decoration: underline; } .btn-link:hover { color: #0366dd; background: transparent; font-weight: 900; text-decoration: none; } .table .btn-link:hover { font-weight: initial; } .btn-link:active { background: transparent; box-shadow: none; } .btn-link.visited { color: #6100cf; } /* Button Positon */ .btn-left { float: left; } .btn-right { float: right; } /* Button Sizes */ .btn-small { padding: 0 15px; height: 24px; line-height: 24px; } .btn-large { height: 36px; font-size: 17px; line-height: 36px; } /* ------------------------------------------------------------ *\ Chart \* ------------------------------------------------------------ */ .chart .chart-canvas { width: 100%; height: 195px; margin-bottom: 27px; } /*.chart .chart-canvas .highcharts-container { width: 100% !important; height: 195px !important; }*/ /*.chart .chart-actions a + a { margin-left: 25px; }*/ .chart .chart-actions a:nth-of-type(2) { /* specific to the 2nd link */ left: 135px; position: absolute; } .highcharts-legend-item text { /* because > and < do not render correctly in the DIN font */ font-family:"Arial Narrow",Arial; } /* ------------------------------------------------------------ *\ Chart Details \* ------------------------------------------------------------ */ .chart-details { padding-bottom: 23px; } .chart-details h1 { margin-bottom: 15px; font-size: 18px; font-weight: bold; } .chart-details ~ .chart-details { padding-top: 15px; border-top: 1px solid; } /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container { padding-bottom: 81px; } .container-no-gutter { padding-bottom: 0; } /* ------------------------------------------------------------ *\ Copyright \* ------------------------------------------------------------ */ .copyright { font-size: 11px; font-weight: bold; letter-spacing: 0; } /* ------------------------------------------------------------ *\ Data Points \* ------------------------------------------------------------ */ .data-points .col-size-1 { width: 800px; } .data-points .col-size-2 { width: 295px; } .data-points .box { padding: 9px 6px; border: 1px solid #bbb; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } /* ------------------------------------------------------------ *\ Data Point \* ------------------------------------------------------------ */ .data-points-holder { padding-top: 9px; } .data-point { position: relative; padding: 1px 25px 2px 10px; margin: 2px; background: #002d62; color: #fff; font-size: 14px; text-transform: uppercase; } .data-point.ui-draggable-dragging { z-index: 999; } .data-point .data-point-icon { position: absolute; top: 3px; right: 4px; font-size: 0; } /* ------------------------------------------------------------ *\ Droppable \* ------------------------------------------------------------ */ .droppable-highlight { position: relative; } .droppable-highlight:before { content: ''; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 4px solid #808080; } /* ------------------------------------------------------------ *\ Figure \* ------------------------------------------------------------ */ [class^="figure-"] { display: inline-block; vertical-align: middle; } .figure-plus { position: relative; width: 10px; height: 10px; } .figure-plus:before, .figure-plus:after { content: ''; position: absolute; } .figure-plus:before { top: 4px; left: 0; width: 100%; border-top: 2px solid; } .figure-plus:after { top: 0; left: 4px; height: 100%; border-left: 2px solid; } .figure-grid { position: relative; width: 14px; height: 10px; } .figure-grid:before, .figure-grid:after { content: ''; position: absolute; left: 0; width: 100%; height: 2px; background: #fff; } .figure-grid:before { top: 0; box-shadow: 0 4px #fff; } .figure-grid:after { bottom: 0; } /* ------------------------------------------------------------ *\ Filter \* ------------------------------------------------------------ */ .filter .filter-result, .filter .filter-label { display: inline-block; vertical-align: middle; } .filter .select { width: 60px; } /* ------------------------------------------------------------ *\ 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 !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; } input[type=text].readonly { border: 0; border-radius: 0; box-shadow: none; } /* Form Row */ .form-row:after { } /* Field */ .field { display: table; width: 100%; height: 24px; padding: 0 4px; border: 1px solid #bbb; border-radius: 0; box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.1); } .field.hidden { display: none; } .field:focus, .field:hover { border-color: #003778; } .btn:disabled, select:disabled, .field:disabled, .section-disabled .field { border-color: #e4e4e4; background: #f4f4f4; box-shadow: none; color: #999; } .field-error { border-color: #ec1c23; } .field-inline { display: inline-block; vertical-align: middle; } .field.readonly { border: 0; border-radius: 0; box-shadow: none; background-color: transparent;} .field * { display: table-cell; } select.field option { display:block; } .field input { border: none; margin-top: 4px; width: 100%; } /* Textarea */ .textarea { height: 95px; padding: 4px; } /* Select */ .select {} .select-inline { display: inline-block; vertical-align: middle; } .select-error .fs-dropdown-selected { border-color: #ec1c23; } .select-transparent .fs-dropdown-selected { background: transparent; border-color: transparent; color: inherit; } .select-transparent .fs-dropdown-selected:after { border-color: #fff; } .select-transparent .fs-dropdown-open .fs-dropdown-selected { background: #fff; color: #001631; } .select-transparent .fs-dropdown-open .fs-dropdown-selected:after { border-color: #001631; } /* selects */ .selects .selects-controls { float: left; padding-top: 70px; } .selects .selects-controls .btn ~ .btn { display: block; margin-top: 10px; } /* Checkbox */ /*.checkbox input { position: absolute; z-index: -1; opacity: 0; }*/ .checkbox input[type=checkbox] { display: none; } /* position: aboslute caused all kinds of problems when scrolled off of the screen */ .checkbox label { display: inline-block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox input[type=checkbox]+*:before { content: ''; position: relative; top: -2px; display: inline-block; vertical-align: middle; width: 12px; height: 12px; border: 1px solid #a2a2a2; border-radius: 2px; margin-right: 6px; box-shadow: inset 2px 2px 1px rgba(0, 0, 0, 0.15); background: #fff; } .checkbox input[type=checkbox]+*:after { content: ''; position: absolute; top: 2px; left: 2px; width: 12px; height: 9px; background: url(images/check.png) 0 0 no-repeat; opacity: 0; } .checkbox input[type=checkbox]:checked + *:after { opacity: 1; } .checkbox label:hover:before { border-color: #012d61; } .section-disabled .checkbox input[type=checkbox] + *:before, .checkbox input[type=checkbox]:disabled + *:before { border-color: #a2a2a2; background: #d6d5d5; box-shadow: none; } .section-disabled .checkbox input[type=checkbox] + *:after, .checkbox input[type=checkbox]:disabled + *:after { background-image: url(images/check-disabled.png); } .section-disabled .checkbox label, .checkbox label.disabled { color:#cccccc; } .checkbox-inline { display: inline-block; vertical-align: top; } .checkbox-inline-align { vertical-align: middle; } /* Checkbox Toggle */ .checkbox-toggle input[type=checkbox] { position: absolute; z-index: -1; opacity: 0; } .checkbox-toggle label { position: relative; overflow: hidden; display: inline-block; width: 60px; height: 23px; padding: 0 5px; border: 1px solid #bbb; border-radius: 3px; background: #eee; line-height: 21px; font-weight: bold; color: #0366dd; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-toggle label span { text-align: center; } .checkbox-toggle label span:nth-child(1) { float: left; width: 50%; } .checkbox-toggle label span:nth-child(2) { float: right; width: 50%; } .checkbox-toggle label:before { content: ''; position: absolute; top: -1px; left: 31px; width: 28px; width: 50%; height: 23px; border: 1px solid #bbb; border-radius: 4px; background: linear-gradient(to bottom, #fff 0%, #eee 100%); box-shadow: 0 0 2px rgba(0, 0, 0, 0.72); transition: .3s left; } .checkbox-toggle input[type=checkbox]:checked + label:before { left: -1px; } .checkbox-toggle label:hover { border-color: #012c5e; } .checkbox-toggle label:hover:before { border-color: #012c5e; } .section-disabled .checkbox-toggle input[type=checkbox] + label:hover, .section-disabled .checkbox-toggle input[type=checkbox] + label, .checkbox-toggle input[type=checkbox]:disabled + label:hover, .checkbox-toggle input[type=checkbox]:disabled + label { border-color: #bbb; background: #e2e2e2; color: #9e9c9c; } .section-disabled .checkbox-toggle input[type=checkbox] + label:before, .checkbox-toggle input[type=checkbox]:disabled + label:before { border-color: transparent; box-shadow: none; } .checkbox-toggle-big label { width: 80px; } .checkbox-toggle-big label:before { left: 40px; } .checkbox-toggle-inline { display: inline-block; vertical-align: top; } /* Radios Inline */ .radios-inline { font-size: 0; display: inline-block; vertical-align: middle; } .radio-inline { display: inline-block; vertical-align: top; } .radio-inline-align { vertical-align: middle; } .radio-inline ~ .radio-inline { padding-left: 15px; } /* Radio */ .radio input { position: absolute; z-index: -1; opacity: 0; } .radio label { position: relative; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 13px; line-height: 1.3; font-weight: normal; } .radio input+*:before { content: ''; position: relative; top: -1px; display: inline-block; vertical-align: middle; width: 12px; height: 12px; border: 1px solid #a1a1a1; border-radius: 50%; margin-right: 6px; background: #fff; } .radio input+*:after { content: ''; position: absolute; top: 6px; left: 3px; width: 6px; height: 6px; border-radius: 50%; background: #001631; opacity: 0; } .radio input:checked + *:after { opacity: 1; } .radio label:hover:before { border-color: #061b36; } .section-disabled .radio input + label, .radio input:disabled + label { color: #999; } .section-disabled .radio input + *:before, .radio input:disabled + *:before { background: #e2e2e2; border-color: #cbcaca; } .section-disabled .radio input + *:after, .radio input:disabled + *:after { background: #a8a6a6; } /* Form Asterisk */ .form-asterisk { display: inline-block; vertical-align: middle; font-size: 24px; line-height: .5; font-weight: bold; color: #de0f0f; } /* Form Cols */ .form-cols { margin: 0 -2px; } .form-cols:after { } .form-col { float: left; padding: 0 2px; } .form-col-1of3 { width: 33.33%; } .form-col-2of3 { width: 66.66%; } /* Datepicker */ .datepicker { position: relative; padding-right: 30px; } .datepicker .ui-datepicker-trigger { position: absolute; top: 1px; right: 0; } .datepicker-checkbox { padding-left: 20px; } .datepicker-checkbox .checkbox { position: absolute; top: 3px; left: 0; } .datepicker-inline { display: inline-block; vertical-align: middle; } .min-date-size { min-width: 80px; } .min-date-size .field { width: 100% !important; text-align: center !important; } .datepicker.min-date-size { width: 108px !important; } /* File Upload */ .file-upload { display: inline-block; vertical-align: middle; } .file-upload-btn { position: relative; cursor: pointer; } .file-upload-input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .file-upload-names { display: inline-block; vertical-align: middle; width: 235px; } .file-upload-res-doc { display: inline-block; vertical-align: middle; width: 135px; } /* Form Link */ .form-link { font-size: 13px; color: #0366dd; text-decoration: underline; } .form-link:hover { text-decoration: none; } .form-link.visited { color: #6100cf; } /* PII Checkbox */ .pii-checkbox { padding-left: 20px; } .pii-checkbox .checkbox { position: absolute; top: 3px; left: 0; } .pii-checkbox .checkbox input[type=checkbox] { position: absolute; z-index: -1; opacity: 0; } /* Dollar amount */ span.field-currency-usd input { height: 24px; padding: 0 4px 0 12px; border: 1px solid #bbb; border-radius: 0; box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.1); } span.field-currency-usd:before { position: absolute; top: 4px; content:"$"; left: 5px; z-index: 1;} td .field-currency-usd { position: relative; } td .field-currency-usd:before { position: absolute; top: 0; content:"$"; left: 5px;} td .field-currency-usd input {width: 100%;} /* ------------------------------------------------------------ *\ Form \* ------------------------------------------------------------ */ .form-flex .form-row{ display: flex; } .form-flex .form-label { flex-grow: 0; flex-shrink: 0; } .form-flex .form-row .btn { margin-right: 20px; } .form .form-row ~ .form-row, .form .form-row ~ [class|=form-row], .form [class|=form-row] ~ .form-row, .form [class|=form-row] ~ [class|=form-row] { margin-top: 10px; } .form .form-row-block .form-label { display: block; float: none; width: auto; padding: 0 0 5px; text-align: left; } .form .form-row-block .form-controls { float: none; width: auto; margin: 0; } .form .form-row-inline .form-label { width: auto; } .form .form-row-inline .form-controls { width: auto; } .form .form-row-inline-justified { text-align: justify; } .form .form-row-inline-justified:after { display: inline-block; width: 100%; content: ''; } .form .form-row-hidden { display:none; } .form .form-label { float: left; width: 275px; padding: 6px 10px 0 0; line-height: 1; text-align: right; font-weight: bold; } .form .form-label i { position: relative; top: -1px; } .form .form-label a { color: #0366dd; text-decoration:underline; } .form .form-label a:hover { color: #0366dd; text-decoration:none; } .form .form-label .radios-inline { display: inline-block; vertical-align: top; position: relative; top: -2px; margin-left: 5px; } .form .radios-inline .form-label { display: inline-block; vertical-align: middle; } .form .form-label-help { font-weight: normal; } .form .form-label-no-gutter { padding-top: 2px; } .form .form-label-no-width { width:auto; } /* form label with required asterisk */ .form .form-label.required::after { content: '*'; display: inline-block; vertical-align: middle; font-size: 24px; line-height: .5; font-weight: bold; color: #de0f0f; } .form .form-controls { position: relative; float: left; width: 345px; } .form .form-controls-full { float: none; margin-left: 275px; width: auto; } .form .form-col-size-1 { width: 70%; } .form .form-col-size-2 { width: 30%; } .form .form-col-size-3 { width: 40%; } .form .form-col-size-20 { width: 20%; } .form .form-col-size-60 { width: 60%; } .form .form-col-size-50 { width: 50%; } .form .form-col-size-15 { width: 15%; } .form .form-actions .btns-group { padding: 14px 0; text-align: center; } @media print { .form-actions { display: none; } } .form .form-help { display: inline-block; vertical-align: middle; } .form .field-size-0 { width: 60px; } .form .field-size-1 { width: 90px; } .form .field-size-2 { width: 128px; } .form .field-size-3 { width: 240px; } .form .field-inline.field-size-0 { width: 60px; } .form .field-inline.field-size-1 { width: 90px; } .form .field-inline.field-size-2 { width: 180px; } .form .field-inline.field-size-3 { width: 270px; } .form .field-inline.field-size-1 input { width: 30px; } .form .field-inline.field-size-2 input { width: 75px; } .form .field-inline.field-size-3 input { width: 165px; } .form .select-size-2 { width: 130px; } .form .select-size-3 { width: 340px; } .form .select-size-4 { width: 97px; } .form .select-size-5 { width: 60px; } .form .select-size-6 { width: 325px; } .form .form-hint { font-size: 11px; } .form .form-hint-block { display: block; } .form .field-text { padding: 4px; } .form .field-money { padding-left: 11px; } .form .field-money .dollar-sign-prefix { position: absolute; top: 3px; left: 0; display: inline-block; vertical-align: top; vertical-align: middle; } /* Form Small */ .form-medium .form-label { width: 225px; } .form-medium .form-controls { width: 325px; } .form-medium .form-label+.form-controls {width: 225px; } .form-medium .form-controls-full { margin-left: 225px; width: auto; } .form-small .form-label { width: 170px; } .form-small .form-controls { width: 305px; } .form-small .form-controls-full { margin-left: 170px; width: auto; } .form-smaller .form-label { width: 160px; } .form-smaller .form-controls { width: 295px; } .form-smaller .form-controls-full { margin-left: 160px; width: auto; } .form-smaller2 .form-label { width: 160px; } .form-smaller2 .form-controls { width: 200px; } /* Form Note*/ .form-note .field { width: 410px; } /* ------------------------------------------------------------ *\ Form Inline \* ------------------------------------------------------------ */ .form-inline .form-label { width: auto; } .form-inline .form-controls { float: left; width: auto; } /* ------------------------------------------------------------ *\ Form Property Change \* ------------------------------------------------------------ */ .form-property-change .form-label { float: left; padding: 5px 10px 0 0; font-size: 16px; letter-spacing: 0; } .form-property-change .form-controls { float: left; width: 202px; } .form-property-change .fs-dropdown-selected { height: 29px; font-size: 16px; line-height: 27px; color: #106edf; font-weight: bold; box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.1); } /* ------------------------------------------------------------ *\ Form Points \* ------------------------------------------------------------ */ .form-points .field-small { width: 61px; margin-right: 5px; } .form-points .select { float: left; margin-right: 5px; } .form-points .field { float: left; } .form-points .select-size-1 { width: 210px; } .form-points .select-size-2 { width: 180px; } .form-points .form-actions { display: inline-block; vertical-align: middle; } /* ------------------------------------------------------------ *\ Form Age Verification \* ------------------------------------------------------------ */ .form-age-verification .form-label { width: 170px; } .form-age-verification .form-controls { width: 273px; } /* ------------------------------------------------------------ *\ Form Popup \* ------------------------------------------------------------ */ .form-popup .form-label { width: 170px; } .form-popup .form-controls { width: 273px; } /* ------------------------------------------------------------ *\ Form Upload \* ------------------------------------------------------------ */ .form-upload .form-body { padding-bottom: 10px; } .form-upload .form-label { width: 170px; } .form-upload .form-controls-full { margin-left: 170px; } .form-upload .form-actions { padding-left: 170px; } /* ------------------------------------------------------------ *\ Form Login \* ------------------------------------------------------------ */ .form-login { padding: 20px 70px 70px; background: rgba(3, 102, 221, 0.9); color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.36); } .form-login h1 { margin: 0 0 20px; font-size: 36px; font-weight: 500; } .form-login h1 i { position: relative; top: -4px; margin-right: 11px; } .form-login .form-head { padding-bottom: 40px; } .form-login .form-head p { font-size: 15px; line-height: 1.53; text-transform: uppercase; font-weight: 500; } .form-login .form-head a { text-decoration: underline; } .form-login .form-head a:hover { text-decoration: none; } .form-login .form-body { padding-bottom: 15px; } .form-login .form-foot { position: relative; padding: 30px 0 0 86px; } .form-login .form-label { width: 70px; margin-right: 16px; font-size: 15px; } .form-login .form-controls { float: none; overflow: hidden; width: auto; } .form-login .field { height: 28px; color: #001631; } .form-login .form-alert { position: absolute; top: 0; left: 86px; } /* ------------------------------------------------------------ *\ Form Questions \* ------------------------------------------------------------ */ .form-questions .form-label { width: 140px; } .form-questions .form-controls { position: relative; width: 433px; } .form-questions .form-row-inline .form-controls { float: none; margin-left: 140px; width: auto; } .form-questions .form-row-inline .select, .form-questions .form-row-inline .field { width: 340px; } .form-questions .form-row-gutters { padding: 15px 0; } .form-questions .field-small { width: 70px; } .form-questions .remove { position: absolute; top: 0; right: 0; } .form-questions .select { width: 338px; } .form-questions .form-actions .btns-group { padding: 0; } /* ------------------------------------------------------------ *\ Form Report Builder \* ------------------------------------------------------------ */ .form-report-builder .form-label { width: 130px; } .form-report-builder .form-controls { width: 415px; } .form-report-builder .form-foot { padding-left: 130px; } .form-report-builder .form-actions .btns-group { text-align: left; } /* ------------------------------------------------------------ *\ Form Filter Inline \* ------------------------------------------------------------ */ .form-filter-inline { font-size: 0; white-space: nowrap; } .form-filter-inline .form-row, .form-filter-inline .form-hint, .form-filter-inline .form-label, .form-filter-inline .form-controls { display: inline-block; vertical-align: middle; } .form-filter-inline .form-row { font-size: 13px; } .form-filter-inline .form-row ~ .form-row { padding-left: 30px; } .form-filter-inline .form-label { font-weight: bold; padding-right: 8px; } .form-filter-inline .field { width: 170px; } .form-filter-inline .select { width: 340px; } /* ------------------------------------------------------------ *\ Form Add Message \* ------------------------------------------------------------ */ .form-add-message .form-label { width: 115px; } .form-add-message .form-controls { width: calc(100% - 115px); } .form-add-message .file-upload-names { width: 310px; } .form-add-message .radio { vertical-align: middle; } .form-add-message .datepicker-inline { width: 322px; } .form-add-message .form-actions { padding-left: 115px; } .form-add-message .form-body { padding-bottom: 15px; } /* ------------------------------------------------------------ *\ Form Resident Listing \* ------------------------------------------------------------ */ .form-resident-listing { padding-top: 15px; } .form-resident-listing .fs-dropdown-multiple .fs-dropdown-options { border-top: 0; padding: 5px 0; margin: 0; } .form-resident-listing .tabs-secondary { margin-bottom: 10px; } .form-resident-listing .tabs-secondary { } .form-resident-listing .form-row ~ .form-row { margin-top: 15px;} /* ------------------------------------------------------------ *\ Form Tasks \* ------------------------------------------------------------ */ .form-task .form-label { width: 160px; } .form-task .form-controls { width: 235px; } .form-task .form-actions { padding-left: 160px; } .form-task .form-body { padding-bottom: 15px; } /* ------------------------------------------------------------ *\ Getting Started \* ------------------------------------------------------------ */ .getting-started { padding-top: 25px; border-top: 1px solid; margin-top: 7px; font-size: 16px; line-height: 1.38; } .getting-started h1 { margin: 0; font-size: 24px; line-height: 1; } .getting-started .list-services { margin-top: 5px; } /* ------------------------------------------------------------ *\ Info \* ------------------------------------------------------------ */ .infos { padding: 15px 100px 0; margin: 0 -15px; } .infos .info { float: left; width: 50%; padding: 0 15px; } .infos:after { } .info dl { overflow: hidden; } .info dt { float: left; clear: both; width: 150px; padding: 0 23px 2px 0; text-align: right; font-weight: bold; } .info.info-wide dt { width: 200px; } .info dd { float: left; } .info-align-right dd { min-width: 60px; text-align: right; } /* ------------------------------------------------------------ *\ Item Toggle \* ------------------------------------------------------------ */ .item-toggle { display: inline-block; font-size: 0; width: 22px; height: 19px; line-height: 19px; } .item-toggle .show-if-item-hidden { display: none; } .item-toggle.item-hidden .show-if-item-hidden { display: inline-block; } .item-toggle.item-hidden .show-if-item-visible { display: none; } /* ------------------------------------------------------------ *\ Keys Legend \* ------------------------------------------------------------ */ .keys-legend { line-height: 1.45; } .keys-legend p { margin-bottom: 7px; min-height: 18px;} .keys-legend p:last-child { margin-bottom: 0; } .keys-legend ul { font-size: 0; margin: 0 3px; } .keys-legend li { display: inline-block; vertical-align: top; width: 50%; padding: 3px 0; font-size: 13px; } .keys-legend ul i { position: relative; top: -1px; margin-right: 3px; } /* ------------------------------------------------------------ *\ Points Total \* ------------------------------------------------------------ */ .label { display: block; font-size: 16px; } .label-top-gutter { padding-top: 7px; } .label-bottom-gutter { padding-bottom: 7px; } /* ------------------------------------------------------------ *\ Link \* ------------------------------------------------------------ */ .msg-link-more { text-transform: uppercase; text-decoration: underline;} .msg-link-more:hover { text-decoration: none; } .link-more { font-size: 14px; text-transform: uppercase; } .link-more:hover { text-decoration: none; } .link-more .arrow { position: relative; top: -2px; margin-left: 2px; } .link-add-message { font-size: 13px; font-weight: bold; text-transform: uppercase; } .link-add-message i { position: relative; top: -1px; margin-right: 5px; } /* ------------------------------------------------------------ *\ Link Compact \* ------------------------------------------------------------ */ .link-compact { position: relative; padding-right: 23px; text-transform: uppercase; } .link-compact ~ .link-compact { margin-top: 13px; } .link-compact .link-remove { margin-right: 5px; } .link-compact .link-reorder { position: absolute; top: 0; right: 0; } .link-compact .link-title .arrow { position: relative; top: -1px; margin-left: 5px; } .link-compact a:hover { text-decoration: none; } /* standard link format (with arrow on the right)*/ a.ma-link { font-size: 14px; display: inline-block; text-transform: uppercase; } a.ma-link::after { position: relative; margin-left: 7px; display: inline-block; width: 0; height: 0; border-style: solid; content:""; border-width: 5px 0 5px 10px; border-top-color: transparent; border-bottom-color: transparent; } a.ma-link:hover { font-weight: bold; text-decoration: none; } a.ma-link:hover::after { color: #ed1c24; } a.ma-link.disabled:hover, a.ma-link.btn-disabled:hover, a.ma-link[disabled]:hover { font-weight: normal; } a.ma-link.disabled:hover::after, a.ma-link.btn-disabled:hover::after, a.ma-link[disabled]:hover::after { color: inherit; } .dashboard-tab { position: absolute; left: 45%; z-index: 1; border-radius: 0 0 25px 25px; border-left: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9; padding: 0 9px 2px 9px; background:#ffffff; } /* link format with down arrow before and after*/ a.dashboard-link { font-size: 14px; display: inline-block; text-transform: uppercase; } a.dashboard-link::after { position: relative; margin-left: 7px; display: inline-block; width: 0; height: 0; border-style: solid; content:""; border-width: 10px 5px 0 5px; border-left-color: transparent; border-right-color: transparent; } a.dashboard-link:hover { font-weight: bold; text-decoration: none; } a.dashboard-link:hover::after { color: #ed1c24; } a.dashboard-link.disabled:hover, a.dashboard-link.btn-disabled:hover, a.dashboard-link[disabled]:hover { font-weight: normal; } a.dashboard-link.disabled:hover::after, a.dashboard-link.btn-disabled:hover::after, a.dashboard-link[disabled]:hover::after { color: inherit; } a.dashboard-link::before { position: relative; margin-right: 7px; display: inline-block; width: 0; height: 0; border-style: solid; content:""; border-width: 10px 5px 0 5px; border-left-color: transparent; border-right-color: transparent; } a.dashboard-link:hover::before { color: #ed1c24; } a.dashboard-link.disabled:hover::before, a.dashboard-link.btn-disabled:hover::before, a.dashboard-link[disabled]:hover::before { color: inherit; } a.dashboard-link.dashboard-open::after { position: relative; margin-left: 7px; display: inline-block; width: 0; height: 0; border-style: solid; content:""; border-width: 0 5px 10px 5px; border-left-color: transparent; border-right-color: transparent; } a.dashboard-link.dashboard-open::before { position: relative; margin-right: 7px; display: inline-block; width: 0; height: 0; border-style: solid; content:""; border-width: 0 5px 10px 5px; border-left-color: transparent; border-right-color: transparent; } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ .aligned-list { list-style-position: inside; } [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ List Occupants \* ------------------------------------------------------------ */ .list-actions { line-height: 1.2; } .list-actions a { color: #0366dd; } .list-actions i { position: relative; top: -1px; } /* ------------------------------------------------------------ *\ List Photos \* ------------------------------------------------------------ */ .list-photos { overflow: hidden; margin: -2px; } .list-photos li { float: left; width: 152px; border: 1px solid #000; margin: 2px; } .list-photos img { width: 100%; height: auto; } /* ------------------------------------------------------------ *\ List Docs \* ------------------------------------------------------------ */ .list-docs { list-style: none outside none; color: #0366dd; font-weight: bold; text-transform: uppercase; } .list-docs li + li { padding-top: 5px; } .list-docs a { text-decoration: underline; } .list-docs a:hover { text-decoration: none; } /* ------------------------------------------------------------ *\ List Services \* ------------------------------------------------------------ */ .list-services { margin: 0; font-size: 14px; text-transform: uppercase; } .list-services li { padding-bottom: 16px; } .list-services.list-services-6 li { padding-bottom: 10px; } .list-services .arrow { position: relative; top: -1px; margin-left: 7px; } .list-services a:hover { font-weight: bold; text-decoration: none; } .list-services a { display: inline-block; } .list-services a:hover .arrow { color: #ed1c24; } .list-services i { position: relative; top: -2px; vertical-align: top; margin-right: 10px; } /* ------------------------------------------------------------ *\ Loading Overlay \* ------------------------------------------------------------ */ .loading-overlay-holder { position: relative; } .loading-overlay { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); z-index:100; } .loading-overlay.light-bg { background:none; } .loading-overlay.visible { display: block; } .loading-overlay .loading-overlay-content { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; font-size: 21px; color: #fff; text-transform: uppercase; } .loading-overlay .loading-overlay-content img { margin-right: 15px; } .loading-overlay.light-bg .loading-overlay-content { color: #000000; padding-top:100px; } .loading-overlay .loading-overlay-content-light-bg img { margin-right: 15px; } .loading-overlay.tabs-nav-sub-tabs { height:50%; } .loading-overlay.graph { height:260px; } .loading-overlay.graph .loading-overlay-content { top:120px; } .loading-overlay.graph.light-bg .loading-overlay-content { padding-top:0px; } .loading-overlay.graph .loading-overlay-content img { width:30px; height:30px; display:inline-block; } .loading-section-holder { position: relative; } .loading-section { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .loading-section.visible { display: block; } .loading-section .loading-section-content { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; font-size: 21px; text-transform: uppercase; } .loading-section .loading-section-content img { margin-right: 15px; } .loading-section-view { font-size: 21px; text-transform: uppercase; text-align: center; margin-top: 50px; } /* ------------------------------------------------------------ *\ Loan Meta \* ------------------------------------------------------------ */ .loan-meta { padding: 4px 0 14px; font-size: 16px; } .loan-meta:after { } .loan-meta .loan-meta-left { float: left; } .loan-meta span + span { padding-left: 5px; } .loan-meta .loan-meta-right { float: right; } /* ------------------------------------------------------------ *\ Loan Details \* ------------------------------------------------------------ */ .loan-details .col-size-1 { width: 58%; } .loan-details .col-size-2 { width: 42%; } /* ------------------------------------------------------------ *\ Loan Labels \* ------------------------------------------------------------ */ .loan-labels { padding-left: 160px; text-transform: uppercase; } .loan-labels strong + strong { padding-left: 25px; } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; } /* ------------------------------------------------------------ *\ Message Center \* ------------------------------------------------------------ */ .message-center .message-center-head { padding-bottom: 11px; } .message-center .message-center-head h1 { font-size: 24px; font-weight: 500; } .message-center .message-center-body { padding-bottom: 18px; } /* ------------------------------------------------------------ *\ Message Compact \* ------------------------------------------------------------ */ .message-compact { padding-bottom: 12px; font-size: 16px; text-transform: uppercase; } .message-compact:after { } .message-compact .message-icon { float: left; width: 35px; } .message-compact .message-entry { float: left; } .message-compact .message-actions { position: relative; top: -2px; float: left; padding-left: 7px; } .message-compact .link-more { text-decoration: underline; } .message-compact .link-more:hover { text-decoration: none; } /* ------------------------------------------------------------ *\ Message Full \* ------------------------------------------------------------ */ .message-full { padding-bottom: 10px; text-transform: uppercase; font-size: 14px; } .message-full .message-head { padding-bottom: 20px; } .message-full .message-body { overflow: hidden; } .message-full .message-icon { float: left; margin-right: 15px; } .message-full .message-entry { overflow: hidden; } .message-full .message-actions i { position: relative; top: -2px; margin-right: 5px; } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav {} /* ------------------------------------------------------------ *\ Nav Utilities \* ------------------------------------------------------------ */ .nav-utilities { font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: .025em; } .nav-utilities ul { list-style: none outside none; } .nav-utilities ul:after { } .nav-utilities li { float: left; } .nav-utilities li + li { margin-left: 14px; } .nav-utilities a:hover { text-decoration: none; } .nav-utilities i { position: relative; top: -2px; } .nav-utilities a .nav-text:hover { text-decoration: underline; } /* ------------------------------------------------------------ *\ Nav Secondary \* ------------------------------------------------------------ */ .nav-secondary { margin-bottom: 20px; text-align: center; } .nav-secondary .btn ~ .btn { margin: 0 0 0 15px; } .nav-secondary-alt { margin-bottom: 0; margin-top: 20px; } /* ------------------------------------------------------------ *\ Nav Tertiary \* ------------------------------------------------------------ */ .nav-tertiary { padding: 3px 0 0; text-align: center; } .nav-tertiary ul { list-style: none outside none; font-size: 0; } .nav-tertiary li { display: inline-block; vertical-align: top; font-size: 14px; font-weight: bold; text-transform: uppercase; } .nav-tertiary li + li { margin-left: 20px; } .nav-tertiary i { position: relative; top: -2px; margin-right: 5px; } .nav-tertiary a:hover { text-decoration: none; } /* ------------------------------------------------------------ *\ Nav Links \* ------------------------------------------------------------ */ .nav-links:after { } .nav-links ul { float: right; } .nav-links li { position: relative; float: left; padding: 7px 0 0 10px; margin-left: 10px; } .nav-links li + li:before { content: ''; position: absolute; top: 10px; left: 0; height: 12px; border-left: 1px solid; } .nav-links a { display: block; font-size: 14px; text-transform: uppercase; } .nav-links .link-special { padding: 0; } .nav-links .link-special:before { display: none; } .nav-links .link-special a { width: 32px; height: 32px; background: #ec1c23; text-align: center; line-height: 32px; font-size: 0; } .nav-ribbon .nav-links { display: inline-block; vertical-align: top; } /* ------------------------------------------------------------ *\ Options \* ------------------------------------------------------------ */ .options { font-size: 13px; } .options dl { margin-bottom: -6px; } .options dl:after { } .options dt { float: left; width: 116px; padding-right: 12px; margin-bottom: 6px; text-align: right; font-weight: bold; clear: both; } .options dd { overflow: hidden; margin-bottom: 6px; } /* ------------------------------------------------------------ *\ Page \* ------------------------------------------------------------ */ .page-macintosh .table-worksheet .table-body .table-part-sticky { bottom: 0; } .page-macintosh .table-report .table-body .table-part-sticky { bottom: 0; } /* ------------------------------------------------------------ *\ Paging \* ------------------------------------------------------------ */ .paging .paging-counter { display: inline-block; vertical-align: middle; } .paging .select { width: 90px; } .paging a { margin: 0 5px; } /* ------------------------------------------------------------ *\ Popup \* ------------------------------------------------------------ */ .popup-body {max-height:90vh; max-width:90vw; overflow:auto; min-height:130px; } .popup { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; visibility: hidden; } .popup-open { position: fixed; left: 0; visibility: visible; } /* for svg text (in charts) */ .popup text {visibility:hidden;} .popup-open text {visibility:visible;} .popup .popup-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.65); } .popup .popup-inner { display: table; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; width: 530px; background: #ddd; max-height: calc(100% - 50px); min-height:auto; } .popup .popup-head { position: relative; padding: 7px 23px 8px; background: #001631 url(images/head-decoration.png) center 0 no-repeat; color: #fff; } .popup .popup-body { padding: 15px 22px 15px; max-height: calc(100vh - 62px); max-width: calc(100vw - 20px);} .popup .popup-body:after { clear: both; content: " "; display: block; } .popup .popup-body .popup-entry { position: relative; } .popup .popup-title { margin: 0; } .popup .popup-actions { position: absolute; top: 10px; right: 14px; } .popup .popup-actions a { margin-left: 5px; } .popup .popup-buttons { float: right; margin: 10px 0; } .popup .popup-buttons a { margin-left: 10px; } /* Popup Modules */ .popup-modules .popup-inner { width: 1200px; } .popup-modules .popup-inner .section-admin { padding-top: 0; } /* Popup Properties */ .popup-properties .popup-inner { width: 880px; background: #fff; min-height:auto; } /* Popup General */ .popup-general .popup-inner { width: 700px; background: #fff; min-height:auto; } /* Popup Report Builder */ .popup-report-builder .popup-inner { width: 630px; overflow: visible; min-height:auto; } /* Popup Add Message */ .popup-add-message .popup-body { padding-bottom: 25px; background: #fff; } .popup-add-message .popup-inner { width: 574px; min-height:auto; } /* Popup Alert */ .popup-alert .popup-inner { width: 460px; min-height:auto;} .popup-alert .popup-body { padding: 40px 30px; } .popup-alert .popup-entry { font-size: 16px; } .popup-alert .popup-entry-prompt { font-size: 16px; margin-top:10px; } .popup-alert .popup-title i { position: relative; top: -1px; } /* Popup Form */ .popup-form .popup-inner { width: auto; min-height:auto; min-width:730px; } .popup-form .popup-body { } .popup-form .popup-entry { font-size: 13px; } .popup-form .popup-title i { position: relative; top: -1px; } .popup-form .popup-inner .section-admin { padding-top: 0; } /* Popup Form Wide */ .popup-form-wide .popup-inner { width: auto; min-height:auto; min-width:900px; } .popup-form-wide .popup-body { } .popup-form-wide .popup-entry { font-size: 13px; } .popup-form-wide .popup-title i { position: relative; top: -1px; } .popup-form-wide .popup-inner .section-admin { padding-top: 0; } /* Popup Form Wide */ .popup-form-wide2 .popup-inner { width: auto; min-height:auto; min-width:1100px; } .popup-form-wide2 .popup-body { } .popup-form-wide2 .popup-entry { font-size: 13px; } .popup-form-wide2 .popup-title i { position: relative; top: -1px; } .popup-form-wide2 .popup-inner .section-admin { padding-top: 0; } /* Popup Small */ .popup-small .popup-inner { width: 460px; min-height:auto; min-width:auto;} /* ------------------------------------------------------------ *\ Popup Static \* ------------------------------------------------------------ */ .popup-static { position: absolute; } .popup-static .popup-inner { position: static; overflow: hidden; width: auto; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } /*.popup-static .popup-actions { right: 4px; }*/ .popup-static .popup-inner { background: #fff; } .popup-static .popup-body { position: relative; height: 240px; padding: 15px 10px 0; overflow: auto; } /* Popup Messages */ .popup-messages .link-add-message { position: relative; top: 2px; display: inline-block; margin-right: 14px; } .popup-messages .message-compact { font-size: 14px; } .popup-messages .message-full { display: none; } .popup-messages .messages-expanded .message-compact { display: none; } .popup-messages .message-holder-expanded .message-full { display: block; } /* Popup Chart Details */ .popup-chart-details .popup-head { height: 41px; } .popup-chart-details .popup-body { padding-bottom: 15px; } .popup-chart-details .popup-title { font-size: 18px; } .popup-chart-details .popup-inner { width: 697px; } /* Popup All Charts Details */ .popup-all-charts-details { top: 174px; } .popup-all-charts-details .popup-inner { width: 1080px; margin: 0 auto; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.36); } .popup-all-charts-details .popup-body { height: 560px; } .popup-all-charts-details .chart-actions { display: none; } /* ------------------------------------------------------------ *\ Popup Quicklinks \* ------------------------------------------------------------ */ .popup-quicklinks .popup-head { background: transparent; } .popup-quicklinks .popup-inner { width: 326px; padding-bottom: 20px; min-height: 445px; background: #002d62; color: #fff; } .popup-quicklinks .search-tertiary { margin-bottom: 10px; } .popup-quicklinks .search-tertiary .search-icon { top: 3px; } .popup-quicklinks .getting-started { margin: 0; padding-top: 0; border: 0; font-size: 14px; line-height: 1.2; } .popup-quicklinks .getting-started h1 { margin-bottom: 5px; font-size: 26px; font-weight: 500; } .popup-quicklinks .link-compact ~ .link-compact { margin-top: 9px; } /* ------------------------------------------------------------ *\ Popup As Tooltip \* ------------------------------------------------------------ */ .popup-as-tooltip-holder { position: relative; } .popup-as-tooltip { position: absolute; bottom: auto; } .popup-as-tooltip .popup-inner { position: static; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); width: 420px; padding: 30px 10px 15px; border: 1px solid #b3b3b3; background: #fff; min-height: initial; } .popup-as-tooltip .popup-actions { top: 5px; } .popup-as-tooltip .popup-overlay { display: none; } .popup-as-tooltip .popup-inner .popup-buttons { margin-bottom: -15px; } /* Popup Tasks */ .popup-tasks.popup-open { top: 35px; left: 350px; } /* Popup summary level (Folio > Division > Region > Property)*/ .popup-summary-level.popup-open { top: 19px; } a.popup-summary-level-link { width:137px; } .link_summary_level_container { padding-bottom:4px; } .popup-summary-level .accordion-status { top:3px; } .popup-summary-level .form { max-height:400px; overflow-y: auto; } .popup-summary-level a { font-weight:bold; color:#106edf; text-decoration:none; } .popup-summary-level a:hover { text-decoration:underline; } .popup-summary-level .prop-link { padding-top:2px; padding-bottom:2px; } /* make modal modules scrollable so they will work on iphone */ @media (max-width: 980px) { .xpopup { height: 500px; /* Set a default max height of the modal (adjusted later)*/ position: fixed; /* Display modal in the centre of your screen */ overflow-y: scroll; /* Ensure that the modal is scroll-able */ width:380px; overflow-x: scroll; /* Ensure that the modal is scroll-able */ } .popup-modules .popup-inner { width:100%; overflow:scroll; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { } .search .field { height: 22px; padding-right: 15px; font-size: 11px; font-weight: bold; } .search .field::-webkit-input-placeholder { color: #ababab; } .search .field::-moz-placeholder { color: #ababab; } .search .field:-ms-input-placeholder { color: #ababab; } .search .field::placeholder { color: #ababab; } .search .search-body { position: relative; } .search .search-icon { position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .search-controls { position: relative; } .search-controls.searching::after { content:''; background-image: url(/common/css/images/loading.gif); background-repeat: no-repeat; background-size: contain; height: 24px; width: 24px; position: absolute; top: 0; right: 0; margin: 2px; } /* ------------------------------------------------------------ *\ Search Secondary \* ------------------------------------------------------------ */ .search-secondary h1 { margin-bottom: 3px; font-size: 24px; font-weight: 500; } .search-secondary .field { height: 29px; font-size: 16px; } .search-secondary .search-body { width: 260px; } .search-secondary .search-icon { right: 9px; } /* ------------------------------------------------------------ *\ Searct Tertiary \* ------------------------------------------------------------ */ .search-tertiary .search-body { position: relative; padding-right: 63px; } .search-tertiary .search-icon { position: absolute; top: 5px; left: 7px; } .search-tertiary .search-actions { position: absolute; top: 1px; right: 0; } .search-tertiary .field { height: 27px; padding-left: 25px; color: #001631; } /* ------------------------------------------------------------ *\ Section \* ------------------------------------------------------------ */ .section { border: 1px solid #bbb; } .section.top-gutter, .section ~ .section { margin-top: 20px; } .section .section-head { position: relative; padding: 8px 20px; background: linear-gradient(to bottom, #013b7f 0%, #012856 100%); color: #fff; } .section .section-head-alert { position: absolute; top: 9px; right: 17px; font-size: 11px; text-transform: uppercase; font-weight: bold; } .section .section-body { padding: 20px; background: #fff; } .section .section-body-solid { background: #eee; } .section .section-body-solid-dark { background: #d1d1d1; } .section .section-actions { padding: 20px 0 5px; } .section .section-actions:after { } .section .section-title { font-weight: normal; text-transform: uppercase; } .section .section-aside { float: left; width: 293px; margin-right: 15px; } .section .section-content { float: left; width: 768px; } .section .section-body ol { margin-left:19px; } .section .section-title.with-subtext { display: inline-block; } .section .section-title.with-subtext::after { content: ' - '; } .section .section-foot { background: linear-gradient(to bottom, #013b7f 0%, #012856 100%); color: #fff; } /* toggle within a section head */ .section-head .checkbox-toggle label { height: 18px; line-height: normal; vertical-align:middle; margin-right: 5px; padding: 0; width: 50px; } .section-head .checkbox-toggle label:before { left: 50%; height: 18px; width: calc(50% + 1px) } /* section controll groups */ .section .section-control-group { position: absolute; top: 50%; transform: translate(0px, -50%); right: 17px; font-size: 11px; font-weight: bold; height: 24px; } .section .section-control-group a { height: 22px; display: inline-block; padding: 2px 4px; } .section .section-control-group a:hover { height: 22px; display: inline-block; padding: 2px 4px; text-decoration: none; filter: opacity(50%); } .section .section-control-group a ~ a { border-left: 2px groove #bbb; } .section.nav-secondary { margin-bottom: 0; border: 0; } .section.nav-secondary .btns-group { padding: 5px; } .section .section-group { margin-bottom: 20px; } /* section options */ .section-body.thin { padding: 10px; } .section .section-foot.gray { background: linear-gradient(to bottom, #ddd 0%, #aaa 100%); } .form-label-control { padding-top: 0 !important; } .dark { background-color: #555; } .section-body .instruction-text-narrow { width:470px; } /* Section Disabled */ .section-disabled .section-head { opacity: .4; } .section-disabled .section-body { pointer-events: none; background-color: #f4f4f4; } .section-disabled .form-row { color: #999999; } /* Section Light Blue */ .section-light-blue { border: 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); } .section-light-blue ~ .section-light-blue { margin-top: 10px; } .section-light-blue .section-head { padding: 5px 10px; background: linear-gradient(to bottom, #0375ff 0%, #025cc9 100%); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); } .section-light-blue .section-body { padding: 15px 10px; background: #eee; } .section-light-blue .section-body-solid-dark { background: #d1d1d1; } .section-light-blue .section-foot { background: linear-gradient(to bottom, #0375ff 0%, #025cc9 100%); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); } /* Section Light Blue Secondary */ .section-light-blue-secondary { border: 0; } .section-light-blue-secondary .section-head { padding: 2px 10px 3px; background: linear-gradient(to bottom, #72a2d3 0%, #6490bc 100%); } .section-light-blue-secondary .section-body { padding: 10px; background: #d1d1d1; } .section-light-blue-secondary .section-body-light { background: #eee; } .section-light-blue-secondary .section-foot { background: linear-gradient(to bottom, #72a2d3 0%, #6490bc 100%); } /* ------------------------------------------------------------ *\ Section Secondary \* ------------------------------------------------------------ */ .section-secondary .section-head { padding: 2px 13px 3px; background: #002d62; color: #fff; } .section-secondary .section-title { text-transform: uppercase; } .section-secondary .section-body { padding: 15px 0 0; } /* Section Headless */ .section-headless .section-body { background: #f5f5f5; } /* ------------------------------------------------------------ *\ Section Login \* ------------------------------------------------------------ */ .section-login { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .section-login .section-content { display: table; width: 585px; height: calc(100vh - 221px); padding: 70px 0; } .section-login .section-content-inner { display: table-cell; vertical-align: middle; } /* ------------------------------------------------------------ *\ Section Reports \* ------------------------------------------------------------ */ .section-reports { background: #fff; } .section-reports .section-head { padding: 7px 13px; border: 1px solid #666; } .section-reports .section-head:after {} .section-reports .section-head .filter { float: left; } .section-reports .section-head .paging { float: right; } /* ------------------------------------------------------------ *\ Section Worksheet \* ------------------------------------------------------------ */ .section-worksheet .section-head { padding-bottom: 10px; } /*.section-worksheet .section-body { overflow: auto; }*/ .section-worksheet .form-filter-inline { padding-bottom: 10px; } .section-worksheet .col-size-1 { width: 1040px; } .section-worksheet .col-size-2 { width: 435px; } .section-worksheet .btns-group { padding-top: 10px; } /* ------------------------------------------------------------ *\ Section Home \* ------------------------------------------------------------ */ .section-home { padding: 35px 0 0; } .section-home .search { padding-bottom: 40px; } .section-home .cols { margin: 0 -8px; } .section-home .cols ~ .cols { margin-top: 33px; } .section-home .col { padding: 0 8px; } .section-home .box .popup { margin-right: -1px; } .section-home .box-interactive { z-index: 6; } /* ------------------------------------------------------------ *\ Section Admin \* ------------------------------------------------------------ */ .section-admin { padding-top: 25px; } .section-admin:after { } .section-admin h1 { line-height: 1; font-weight: 500; } .section-admin .section-entry { font-size: 14px; line-height: 1.25; } /*BEGIN DAVE REMOVING .section-admin .section-aside, .section-admin .section-content, .section-admin .section-content-wide { height: calc(100vh - 170px); } END DAVE REMOVING*/ .section-admin .section-aside { float: left; width: 285px; } .section-admin .section-content { float: right; width: 605px; padding-left: 19px; border-left: 1px solid #d1d1d1; } .section-admin .section-content-wide { float: right; width: 805px; padding-left: 19px; border-left: 1px solid #d1d1d1; } .section-admin .search-secondary .search-body { width: auto; } .section-admin .form-resident-listing .fs-dropdown-multiple .fs-dropdown-options { height: calc(100vh - 405px); max-height: none; } .section-admin .form-resident-listing .sites.fauxstone-dropdown { height: calc(100vh - 405px); max-height: none; border-top:0px; overflow:auto; padding: 0 0 0 0; background:#ffffff; } .section-admin .form-resident-listing .sites.fauxstone-dropdown option.primary { color: #0375ff; } .section-admin .form-resident-listing .sites.fauxstone-dropdown option.dependent { color: #A6ACD2; } .section-admin .form-resident-listing .sites.fauxstone-dropdown option.primary:hover { color: #ffffff; } .section-admin .form-resident-listing .sites.fauxstone-dropdown option.dependent:hover { color: #ffffff; } .section-admin .form-resident-listing .res-list-selector-placeholder { height: calc(100vh - 405px); max-height: none; } .section-admin .form-resident-listing .resident-name-overlay { z-index:3; position:absolute; left:0px; top:0px; padding: 2px 5px 1px; line-height: 1.1; border: 0; font-size: 13px; color: #ffffff; display:none; } .section-admin .section-content h1.section-title, .section-admin .section-content-wide h1.section-title{ margin-bottom: 15px; } .section-admin .tabs-tertiary .tab { overflow: auto; max-height: calc(100vh - 230px); } .section-admin .tabs-tertiary .tab.tab-within-tab { max-height:none; overflow-y:visible; } .section-admin .section-content-wide .accordion-section .section-title { margin-bottom: 0; } /* make modal modules scrollable so they will work on iphone */ @media (max-width: 980px) { .section-admin .form-resident-listing .fs-dropdown-multiple .fs-dropdown-options { height: calc(100vh - 405px); max-height: 600px; } .section-admin .form-resident-listing .sites.fauxstone-dropdown { height: calc(100vh - 405px); max-height: 600px; border-top:0px; overflow:auto; padding: 0 0 0 0; background:#ffffff; } .section-admin .form-resident-listing .res-list-selector-placeholder { height: calc(100vh - 405px); max-height: 600px; } } /* ------------------------------------------------------------ *\ Section Load Details \* ------------------------------------------------------------ */ .section-load-details .section-body { height: 140px; } /* ------------------------------------------------------------ *\ Slider \* ------------------------------------------------------------ */ .slider { position: relative; } .slider .slides { list-style: none outside none; } /* ------------------------------------------------------------ *\ Slider Charts \* ------------------------------------------------------------ */ .slider-charts { } .slider-charts .slider-prev, .slider-charts .slider-next { position: absolute; top: 50%; z-index: 5; } .slider-charts .slider-prev { left: 0; } .slider-charts .slider-next { right: 0; } .slider-charts .owl-dots { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; font-size: 0; } .slider-charts .owl-dot { display: inline-block; vertical-align: top; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #001631; margin: 0 3px; } .slider-charts .owl-dot.active, .slider-charts .owl-dot:hover { background: #001631; } .slider-charts .owl-item { min-height: 278px; } .slider-charts .owl-item .loading-section-content img { width:30px; height:30px; display:inline-block; } /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs { margin: 0 -20px; } .tabs-head { padding: 0 20px; border-bottom: 1px solid #bbb; } .tabs-body { padding: 20px; } .tab { display: none; } .tab.current { display: block; } /*.tab.solotab { padding-right:16px; }*/ .tab-inner:after { } /* tabs nav */ .tabs-nav ul { list-style: none outside none; } .tabs-nav ul:after { } .tabs-nav li { float: left; } .tabs-nav li + li { padding-left: 5px; } .tabs-nav a { display: block; padding: 2px 4px; border: 1px solid transparent; border-radius: 5px 5px 0 0; background: linear-gradient(to bottom, #818285 0%, #6b6c6f 100%); font-size: 14px; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: -.025em; margin-bottom: -1px; } .tabs-nav .current a, .tabs-nav li:hover a { border-color: #bbb; border-bottom-color: #fff; background: #fff; color: #003677; text-decoration: none; } .tabs-nav ul.tabs-nav-more { z-index: 2; } /* ------------------------------------------------------------ *\ Tabs Secondary \* ------------------------------------------------------------ */ .tabs-secondary .tabs-head { padding: 0; border: 0; } .tabs-secondary .tabs-nav ul { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; } .tabs-secondary .tabs-nav ul:after { display: none; } .tabs-secondary .tabs-nav li { float: none; display: table-cell; border: 1px solid #bbb; } .tabs-secondary .tabs-nav li + li { padding: 0; } .tabs-secondary .tabs-nav a { display: block; padding: 6px 0; border: 0; border-radius: 0; margin: 0; background: #eee; font-size: 11px; text-align: center; color: #1c75e0; font-weight: normal; } .tabs-secondary .tabs-nav a:hover, .tabs-secondary .tabs-nav .current a { background: #fff; color: #00244e; font-weight: bold; } .tabs-secondary .tabs-nav .current { border-bottom-color: #fff; } .tabs-secondary .tabs-body { padding: 0; } .tabs-secondary .tab .text { background-color: white; border-color: rgb(169,169,169); border-style: none, solid solid solid; border-width: 1px; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; } /* ------------------------------------------------------------ *\ Tabs Tertiary \* ------------------------------------------------------------ */ .tabs-tertiary .tabs-nav a { height: 24px; padding: 2px 13px 0; border-radius: 0; background: transparent; font-size: 13px; color: #0366dd; font-weight: 500; line-height: 24px; } .tabs-tertiary .tabs-nav .has-dropdown { position: relative; } .tabs-tertiary .tabs-nav .has-dropdown:hover ul { display: block; } .tabs-tertiary .tabs-nav ul ul { display: none; position: absolute; top: 100%; left: 5px; border: 1px solid #d1d1d1; background: #fff; } .tabs-tertiary .tabs-nav ul ul li { float: none; white-space: nowrap; } .tabs-tertiary .tabs-nav ul ul li + li { padding: 0; } .tabs-tertiary .tabs-nav ul ul a { border: 0; margin: 0; } .tabs-tertiary .tabs-nav li:hover ul a { color: #0366dd; } .tabs-tertiary .tabs-nav ul ul a:hover { background: #0366dd; color: #fff; } .tabs-tertiary .tabs-nav .current a { padding-top: 0; font-size: 15px; color: #00244e; font-weight: bold; } .tabs-tertiary .tabs-body { padding: 0; } /* ------------------------------------------------------------ *\ Tabs Primary --need this in case the tabs defined above are inside secondary or tertiary tabs \* ------------------------------------------------------------ */ .tabs-primary .tabs-head { padding: 0 20px; border-bottom: 1px solid #bbb; height:23px; } .tabs-primary .tabs-nav ul { display: initial; width: initial; table-layout: initial; border-collapse: initial; } .tabs-primary .tabs-nav ul:after { display: initial; } .tabs-primary .tabs-nav li { float: left; display: initial; border: initial; } .tabs-primary .tabs-nav li + li { padding-left: 5px; } .tabs-primary .tabs-nav a { display: block; padding: 2px 4px; border: 1px solid transparent; border-radius: 5px 5px 0 0; background: linear-gradient(to bottom, #818285 0%, #6b6c6f 100%); font-size: 14px; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: -.025em; margin-bottom: -1px; height:23px; line-height:1.3em; } .tabs-primary .tabs-nav a:hover, .tabs-primary .tabs-nav .current a { border-color: #bbb; border-bottom-color: #fff; background: #fff; color: #003677; text-decoration: none; padding: 2px 4px; font-size:14px; font-weight:bold; } .tabs-primary .tabs-nav .current { border-bottom-color: initial; } .tabs-primary .tabs-body { padding: 20px; } .tabs-res-admin-tab-content { width:100%; margin:0 0 0 0; } .tabs-res-admin-tab-content .tabs-body { border-bottom:1px solid #bbb; border-left:1px solid #bbb; border-right:1px solid #bbb; min-height:195px; } .tabs-non-res-admin-content { width:100%; margin:0 0 0 0; } .tabs-non-res-admin-content .tabs-body { background-color: #ffffff; min-height:210px; } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ .table { border: 1px solid #bbb; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } .table th { padding: 5px 15px; background: #002d62; text-align: left; color: #fff; text-transform: uppercase; } .table th a { text-transform: uppercase; text-decoration: underline; } .table th .form-asterisk { text-decoration: none; } .table th i { position: relative; top: -2px; } .table th .arrow-up { border-width: 0 4px 8px 4px; } .table th .arrow-down { border-width: 8px 4px 0 4px; } .table td { padding: 5px 15px; background: #fff; vertical-align: top; } .table tr:nth-child(even) td { background: #f5f5f5; } /* Table Variations */ .table .table-head-row-primary th { background: #001631; text-transform: none; font-size: 15px;} .table .table-head-row-primary .table-head-gray { background: #666; } .table .table-head-row-secondary .table-head-gray { background: #818285; } .table tbody.font13 {font-size:13px;} .table thead.font13 {font-size:13px;} .table .table-bordered-left { border-left: 1px solid #666; } .table .table-bordered-right { border-right: 1px solid #666; } .table .table-part-sticky { position: absolute; top: 0; left: 0; z-index: 2; } .table .table-part-sticky table, .table .table-part-scrollable table { table-layout: fixed; } .table .table-head .table-part-sticky { overflow: hidden; } .table .table-body .table-part-sticky { bottom: 17px; overflow: hidden; } .table .table-head .table-part-scrollable { overflow: hidden; padding-right: 17px; } .table .table-body .table-part-scrollable { overflow: auto; } .table.table-narrow-columns th { padding-left:1px; padding-right:1px; padding-top:5px; padding-bottom:5px; } .table.table-narrow-columns td { padding-left:1px; padding-right:1px; padding-top:5px; padding-bottom:5px; } .table .table-body .table-fit-on-screen { max-height: calc(100vh - 360px); } .table-top-gutter { margin-top: 10px; } .table .text-align-left { text-align: left; } .table .text-align-right { text-align: right; } .table .text-align-center { text-align: center; } .table .table-row-align-bottom th, .table .table-row-align-bottom td { vertical-align: bottom; } .table .total-label { font-weight: bold; } .table tr:nth-child(even) .highlight, .table tr:nth-child(odd) .highlight { background: #0366dd; color: #fff; } .table .note-flag { color: #900; } .table .notes td { background-color: #eeb !important; } /* Table Scrollable */ .table-scrollable .table-body { overflow: auto; max-height: 155px } /* Table Accordion*/ .table-accordion .accordion-head { padding: 3px 10px 4px; background: #d1d1d1; text-transform: uppercase; cursor: pointer; } .table-accordion .accordion-head-tree { padding: 3px 10px 4px; background: #d1d1d1; text-transform: uppercase; cursor: pointer; } .table-accordion .accordion-status { top: 2px; margin-right: 8px; } .table-accordion .accordion-section ~ .accordion-section { border-top: 1px solid #bbb; } .table-accordion .table-head-row-secondary { background: #0375ff; color:#fff; background-image: linear-gradient(to bottom, #0375ff 0%, #025cc9 100%); background-image:-webkit-linear-gradient(top, #0375ff, #025cc9); background-image: -ms-linear-gradient(top,#0375ff 0%,#025cc9 100%); background-image:-o-linear-gradient(top, #0375ff, #025cc9); background-image:-moz-linear-gradient(top, #0375ff, #025cc9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0375ff', endColorstr='#025cc9'); } .table-accordion .table-head-row-secondary td { background: #0375ff; color:#fff; background-image: linear-gradient(to bottom, #0375ff 0%, #025cc9 100%); background-image:-webkit-linear-gradient(top, #0375ff, #025cc9); background-image: -ms-linear-gradient(top,#0375ff 0%,#025cc9 100%); background-image:-o-linear-gradient(top, #0375ff, #025cc9); background-image:-moz-linear-gradient(top, #0375ff, #025cc9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0375ff', endColorstr='#025cc9'); } /* Table Layout Fixed */ .table-fixed-layout table { table-layout: fixed; } /* Table Row Differentiation */ .table .table-row-primary:nth-child(even) td, .table .table-row-primary:nth-child(odd) td { background: #666; color: #fff; font-weight: bold; } .table .table-row-secondary:nth-child(even) td, .table .table-row-secondary:nth-child(odd) td { background: #b5b5b5; font-weight: bold; border-bottom: 1px solid #666; } .table .table-row-tertiary:nth-child(even) td, .table .table-row-tertiary:nth-child(odd) td { background: #d1d1d1; font-weight: bold; border-bottom: 1px solid #666; } .table .table-row-striped { background: #f5f5f5; } /* ------------------------------------------------------------ *\ Table Loan Ledger \* ------------------------------------------------------------ */ .table-loan-ledger { background: #fff; } .table-loan-ledger .table-body { max-height: 235px; } /* ------------------------------------------------------------ *\ Table Report \* ------------------------------------------------------------ */ .table-report tr:nth-child(odd) td, .table-report tr:nth-child(even) td { background: inherit; } .table-report { /*overflow-y: auto;*/ white-space: nowrap; } .table-report th, .table-report td { text-align: right; } .table-report th.align-left, .table-report td.align-left { text-align: left; } .table-report th.align-center, .table-report td.align-center { text-align: center; } .table-report th.align-right, .table-report td.align-right { text-align: right; } .table-report tr { background: #fff; } .table-report .table-head-gray { background: #818285; } .table-report .table-head-row .table-head-gray { background: #666; } .table-report .table-head-row th { background: #001631; text-transform: none; vertical-align: top; text-align: left; } .table-report .table-head-row ~ .table-head-row th { border-top: 1px solid #fff; } .table-report .table-row-striped { background: #f5f5f5; } .table-report .table-row-total { background: #f5f5f5; } .table-report .table-row-total td { border-top: 1px solid #666; border-bottom: 1px solid #666; font-weight: bold; } .table-report .table-row-highlighted { background: #0366dd; color: #fff; } .table-report .table-row-total-main { background: #b5b5b5; } .table-report { overflow: hidden; } .table-report .table-head { position: relative; } .table-report .table-head .empty-cell { height: 85px; } .table-report .table-body { position: relative; overflow: hidden; } .table-report .table-part-scrollable table { table-layout: fixed; } .table-report .table-part-scrollable { padding-left: 645px; } .table-report-worksheet tr td { border: 1px solid #666; } .table-report th.wrappable, .table-report td.wrappable { white-space:normal; } .table-report tr.two-lines { height:46px; } .table-report tr.three-lines { height:62px; } .table-report tr.four-lines { height:78px; } .table-report tr.five-lines { height:94px; } .table-report tr.six-lines { height:110px; } .table-report tr.seven-lines { height:126px; } .table-report tr.eight-lines { height:142px; } .table-report tr.nine-lines { height:158px; } .table-report tr.ten-lines { height:174px; } .table-report tr.eleven-lines { height:190px; } /* ------------------------------------------------------------ *\ Table Worksheet \* ------------------------------------------------------------ */ .table-worksheet tr:nth-child(even) td { background: inherit; } .table-worksheet { white-space: nowrap; } .table-worksheet { box-shadow: none; border: 0;} .table-worksheet th { vertical-align: top; } .table-worksheet td { height: 29px; text-align: right; vertical-align: middle; } .table-worksheet .table-head .table-part-sticky { z-index: 25; } .table-worksheet .table-head-row-secondary th { padding-bottom: 0; } .table-worksheet .table-head-row-secondary ~ .table-head-row-secondary th { padding-top: 0; padding-bottom: 10px; } .table-worksheet .table-head-row-secondary.table-row-align-bottom th { height: 40px; } .table-worksheet .table-head-row-secondary th { height: 58px; } .table-worksheet .table-bordered-right { border-right: 1px solid #666; } .table-worksheet th .select { width: 110px; margin-left: -6px; } .table-worksheet th .field { width: 66px; height: 18px; color: #0366dd; font-weight: bold; text-align: right; } .table-worksheet tbody tr:nth-child(even) td { background: #fff; } .table-worksheet tbody tr:nth-child(even) .table-cell-gray { background: #e1e1e2; } .table-worksheet tbody tr:nth-child(odd) td { background: #f5f5f5; } .table-worksheet tbody tr:nth-child(odd) .table-cell-gray { background: #d9d9da; } .table-worksheet .table-cell-gray { color: #818285; } .table-worksheet td a { color: #0366dd; text-decoration: underline; } .table-worksheet td a:hover { text-decoration: none; } .table-worksheet .tooltip-holder { top: -2px; display: inline-block; vertical-align: middle; margin-right: -18px; } .table-worksheet .tooltip { left: -8px; } .table-worksheet .tooltip-holder a { text-decoration: none; } .table-worksheet .tooltip-holder .color-error { color: #ed1c24; } .table-worksheet { overflow: hidden; } .table-worksheet .table-head { position: relative; padding-top: 40px; } .table-worksheet .form-filter-inline { position: absolute; top: 0; left: 0; z-index: 30; } .table-worksheet .table-head .table-part-scrollable { overflow: visible; padding-right: 17px; } .table-worksheet .table-head .empty-cell { height: 85px; } .table-worksheet .table-body { position: relative; overflow: hidden; } .table-worksheet .table-part-sticky { position: absolute; top: 0; left: 0; width: 195px; z-index: 20; } .table-worksheet .table-head .table-part-sticky { top: 40px; } .table-worksheet .table-part-sticky table { table-layout: fixed; } .table-worksheet .table-part-scrollable table { table-layout: fixed; } .table-worksheet .table-part-scrollable { padding-left: 195px; } .table-worksheet .table-body .table-part-scrollable { overflow: auto; height: calc(100vh - 440px); } .table-worksheet .table-body .table-part-sticky { bottom: 17px; overflow: hidden; } .table-worksheet .table-body .table-part-scrollable td:nth-child(16) { padding-right: 30px; } /* ------------------------------------------------------------ *\ Table Chart Details \* ------------------------------------------------------------ */ .table-chart-details .table-row-total { background: #f5f5f5; } .table-chart-details .table-row-total td { border-top: 1px solid #666; border-bottom: 1px solid #666; font-weight: bold; } /* -- compact -- */ .table-worksheet.compact .fauxstone-dropdown { height: 18px; line-height: normal; } .table-worksheet.compact .field { height: 18px; } .table-worksheet.compact td { padding: 2px 5px; height: 22px; } .table-worksheet.wrappable th, .table-worksheet.wrappable td { white-space:normal; } .table-worksheet.left-aligned td { text-align: left; } .table-worksheet.compact .datepicker .ui-datepicker-trigger { top: -2px; } /* special field handling within tables */ td .field.readonly { background-color: transparent; } /* math tables */ .field.numeric, .math-table .field { text-align: right; } .math-table .field.grand-total { border-top: 1px solid black; border-bottom: 3px double black; } /* ------------------------------------------------------------ *\ Table Striped \* ------------------------------------------------------------ */ .table-striped tr:nth-child(even) td { background: #f5f5f5; } /* ------------------------------------------------------------ *\ Table Data Points \* ------------------------------------------------------------ */ .table-data-points { min-height: 515px; background: #fff; } .table-data-points.variable-height { min-height: unset; } .table-data-points table { table-layout: fixed; } .table-data-points td { padding: 10px 6px; vertical-align: middle; } .table-data-points th { padding: 5px 6px; vertical-align: top; } .table-data-points .select-size-1 { width: 60px; } .table-data-points .field-size-1 { width: 70px; } /* ------------------------------------------------------------ *\ Table Chart Details \* ------------------------------------------------------------ */ .table-chart-details { border: 0; box-shadow: none; } .table-chart-details th, .table-chart-details td { text-align: right; } .table-chart-details th:first-child, .table-chart-details td:first-child { text-align: left; } /* ------------------------------------------------------------ *\ Table Reward Points \* ------------------------------------------------------------ */ .table-reward-points .table-body { height: 155px; } /* ------------------------------------------------------------ *\ Table Condensed \* ------------------------------------------------------------ */ .table-condensed { border: 1px solid #bbb; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } .table-condensed th { padding: 5px 3px; background: #002d62; text-align: center; color: #fff; text-transform: uppercase; border-left: 1px solid white; border-right: 1px solid white; font-weight:normal; } .table-condensed th a { text-transform: uppercase; text-decoration: underline; } .table-condensed th .form-asterisk { text-decoration: none; } .table-condensed th i { position: relative; top: -2px; } .table-condensed th .arrow-up { border-width: 0 4px 8px 4px; } .table-condensed th .arrow-down { border-width: 8px 4px 0 4px; } .table-condensed td { padding: 1px 4px; background: #fff; vertical-align: top; } .table-condensed tr:nth-child(even) td { background: #f5f5f5; } /* ------------------------------------------------------------ *\ Template \* ------------------------------------------------------------ */ .templates { display: none; } /* ------------------------------------------------------------ *\ Tooltip \* ------------------------------------------------------------ */ .tooltip-holder { position: relative; z-index: 9; } /* this needs to be less than the z-index for fs-dropdown-open or the dropdown lists get obscured by this content */ .tooltip-holder:hover .tooltip { display: block; } .tooltip-holder-click-not-hover { position: relative; z-index: 9; } /* this needs to be less than the z-index for fs-dropdown-open or the dropdown lists get obscured by this content */ .tooltip { position: absolute; bottom: 100%; left: 0; width: 210px; padding: 9px 15px; border: 1px solid #bbb; margin-bottom: 6px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); opacity: 0; visibility: hidden; transition: .3s; white-space: normal; text-align: left; text-transform: none; color: #012a59; font-weight: normal; display: none; } .tooltip-inline-icon { left: -9px; margin-bottom: 10px; } .tooltip-form-label { left: 180px; } .tooltip:after { content: ''; position: absolute; top: 100%; left: 6px; width: 100%; height: 13px; background: url(images/tooltip-arrow.png) 0 0 no-repeat; } /*changed it from width: 21px;*/ .tooltip .tooltip-actions { position: absolute; top: 0; right: 0; font-size: 0; } .tooltip .tooltip-actions a { display: block; padding: 4px; } .tooltip-visible { opacity: 1; visibility: visible; } .tooltip-holder-click-not-hover .tooltip-visible { display:block; } .tooltip-bottom { bottom: auto; top: 100%; margin-top: 5px; } .tooltip-bottom:after { top: auto; bottom: 100%; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); left:-175px; } .tooltip-size-1 { width: 315px; } .tooltip-size-2 { width: 260px; } .tooltip-size-3 { width: 205px; } .tooltip-size-4 { width: 510px; } /* ------------------------------------------------------------ *\ Upload \* ------------------------------------------------------------ */ .upload .upload-head { padding-bottom: 12px; } /* ------------------------------------------------------------ *\ Upload Process \* ------------------------------------------------------------ */ .upload-process { padding: 15px; background: #001631; color: #fff; } /* ------------------------------------------------------------ *\ Upload Details \* ------------------------------------------------------------ */ .upload-details .infos { padding: 0; } /* ------------------------------------------------------------ *\ User \* ------------------------------------------------------------ */ .user strong { font-size: 16px; font-weight: 500; text-transform: uppercase; } .user .user-link-logout { margin-left: 6px; font-size: 12px; color: #0366dd; font-weight: bold; } /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } /* ------------------------------------------------------------ *\ Worksheet Features \* ------------------------------------------------------------ */ .worksheet-features ul { font-size: 0; text-align: justify; } .worksheet-features ul:after { content: ''; display: inline-block; width: 100%; } .worksheet-features li { display: inline-block; vertical-align: top; font-size: 13px; } /* ------------------------------------------------------------ *\ Notes \* ------------------------------------------------------------ */ .notes-link { cursor: pointer; } .photo-icon { left: -25px; position: relative; top: -10px; width: 18px; } .notes-link img { vertical-align: text-bottom; } .notes-link img.photo-icon { vertical-align: super; } /* ------------------------------------------------------------ *\ IV. Themes \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Formstone Dropdown \* ------------------------------------------------------------ */ .fs-dropdown { margin: 0; } .fs-dropdown-selected { height: 24px; padding: 0 20px 0 5px; border: 1px solid #bbbbbb; border-radius: 0; font-size: 13px; color: #001631; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; } .fs-dropdown-selected:after { xtop: 50%; right: 7px; width: 8px; height: 8px; border-width: 0 0 2px 2px; xmargin: -5px 0 0; xborder-style: solid; border-color: #001631; x-webkit-transform-origin: 25% 75%; x-ms-transform-origin: 25% 75%; xtransform-origin: 25% 75%; x-webkit-transform: rotate(-45deg); x-ms-transform: rotate(-45deg); xtransform: rotate(-45deg); } .fs-dropdown-selected:after { xheight: 0; xwidth: 0; position: absolute; top: 0; xright: 15px; bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #546E7A; content: ''; display: block; margin: auto 0; } .fs-dropdown-open .fs-dropdown-selected, .fs-dropdown:hover .fs-dropdown-selected { border-color: #012c5f; } .fs-dropdown-open .fs-dropdown-selected:after { x-webkit-transform: rotate(-225deg); x-ms-transform: rotate(-225deg); xtransform: rotate(-225deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); top:-5px; } .fs-dropdown-options { z-index: 51; margin-top: -1px; border-top: 0; border-color: #012c5f; box-shadow: none; } .fs-dropdown-item { height: auto; padding: 2px 5px 1px; line-height: 1.1; border: 0; font-size: 13px; color: #001631; min-height: 1.1em !important; /* needed to make blank but valid options selectable */ } .fs-dropdown-item span.primary { color: #0375ff; } .fs-dropdown-item span.dependent { color: #A6ACD2; } .fs-dropdown-item:hover { background: #0366dd; color: #fff; } .fs-dropdown-item:hover span.primary { color: #fff; } .fs-dropdown-item:hover span.dependent { color: #fff; } .fs-dropdown-item_selected { background: transparent; } .fs-dropdown-item_selected span.primary { color: #fff; } .fs-dropdown-item_selected span.dependent { color: #fff; } .fs-dropdown-open .fs-dropdown-selected { border-radius: 0; } .fs-dropdown-open .fs-dropdown-options { border-radius: 0; } .fs-dropdown-open { z-index: 10; } .fs-dropdown-open .fs-dropdown-selected, .fs-dropdown-focus .fs-dropdown-selected { box-shadow: none; } /* fs dropdown disabled */ .section-disabled .fs-dropdown, .fs-dropdown-disabled { border-color: #d2d2d2; } .section-disabled .fs-dropdown:hover .fs-dropdown-selected, .section-disabled .fs-dropdown .fs-dropdown-selected, .fs-dropdown-disabled:hover .fs-dropdown-selected, .fs-dropdown-disabled .fs-dropdown-selected { border-color: #d2d2d2; background: #f4f4f4; color: #999; } .section-disabled .fs-dropdown .fs-dropdown-selected:after, .fs-dropdown-disabled .fs-dropdown-selected:after { border-color: #aeaeae; } /* fs dropdown multiple */ .fs-dropdown-multiple { border: 0; } .fs-dropdown-multiple .fs-dropdown-item_selected { background: #0366dd; color: #fff; } .fs-dropdown-multiple .fs-dropdown-options { height: 175px; border: 1px solid #bbb; border-radius: 0; box-shadow: none; } /* ------------------------------------------------------------ *\ Formstone Dropdown \* ------------------------------------------------------------ */ /* adjusted to account for IE */ .fauxstone-dropdown { -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; /*background: url('/Common/IMG/imgDropdownArrow.png') no-repeat right 4px center white;*/ background: url('/Common/css/images/fauxstone-arrow.png') no-repeat right 4px center white; height: 24px; padding: 0 14px 0 4px; border: 1px solid #bbbbbb; border-radius: 0; font-size: 13px; color: #001631; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; width: 100%; position: relative; cursor: pointer; display: block; margin: 0; overflow: hidden; text-align: left; } /* attempt to point the arrow UP during an active drop-down... falls short. avoid for now.*/ /*.fauxstone-dropdown:focus { background: url('/Common/css/images/fauxstone-arrow-up.png') no-repeat right 4px center white; }*/ .form-property-change .fauxstone-dropdown { height: 29px; font-size: 16px; line-height: 27px; color: #106edf; font-weight: bold; box-shadow: inset 3px 3px 2px rgba(0, 0, 0, 0.1); } .fauxstone-dropdown::-ms-expand { display: none; } /* IE Hack to hide their arrow */ .btns-group .fauxstone-dropdown { display: inline-block; margin: 3px; vertical-align: middle; width: auto; } .fauxstone-dropdown.field-inline-middle { display: inline-block; vertical-align:middle; } .fauxstone-dropdown.field-inline-top { display: inline-block; vertical-align:top; } .fauxstone-dropdown.field-inline-no-width { display: inline-block; width:auto; } .fauxstone-dropdown.field-error { border-color: #ec1c23; } .fauxstone-dropdown option { height: auto; padding: 2px 5px 1px; line-height: 1.1; border: 0; font-size: 13px; color: #001631; } .fauxstone-dropdown option:hover { background: #0366dd; color: #fff; } .fauxstone-dropdown[multiple] option:checked { background: #0366dd linear-gradient(0deg, #0366dd 0%, #0366dd 100%); color: #ffffff; } .fauxstone-dropdown option[selected] { background: transparent; } .fauxstone-dropdown.small { width:auto; } /* ------------------------------------------------------------ *\ Datepicker \* ------------------------------------------------------------ */ .ui-datepicker { z-index: 99999 !important; padding: 0; border: 1px solid #bbb; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); } .ui-widget-header { border: 0; background: #002d62; color: #fff; } .ui-widget-header select { border: 0; background: transparent; color: #fff; } .ui-widget-header select option { color: #000; background: #ffffff; } .ui-datepicker .ui-datepicker-header { padding: 0; } .ui-widget-header a { color: #fff; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { width: 0; height: 0; background: transparent; } .ui-datepicker .ui-datepicker-prev span { border-width: 5px 10px 5px 0; border-top-color: transparent; border-bottom-color: transparent; border-style: solid; } .ui-datepicker .ui-datepicker-next span { border-width: 5px 0 5px 10px; border-top-color: transparent; border-bottom-color: transparent; border-style: solid; } .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover { top: 2px; background: transparent; border-color: transparent; color: #fff; } .ui-datepicker .ui-datepicker-prev.ui-state-hover { left: 2px; } .ui-datepicker .ui-datepicker-next.ui-state-hover { right: 2px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-radius: 0; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: transparent; border: 0; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { color: #001631; background: #f5f5f5; } .ui-datepicker td span, .ui-datepicker td a { text-align: center; } .ui-datepicker-trigger { display: inline-block; width: 22px; height: 21px; border: 0; background: url(images/ico-datepicker.png); font-size: 0; background-size: 22px 21px; } /* ------------------------------------------------------------ *\ V. Features \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Meter Reads \* ------------------------------------------------------------ */ #divDetailContainer .tabs-tertiary .tab { height: calc(100vh - 248px); overflow-y: auto; } #divResidentMeterDetail .section-utility .field-swap.field-size-1 label.form-label { padding-right: 3px; } #divResidentMeterDetail .section-utility .field-swap.field-size-1 { width: 110px; } #divResidentMeterDetail .field-lastreaddate input.hasDatepicker { width: calc(100% - 30px); } .meter-read-for-date { position:absolute; z-index:2; padding-left:425px; } /* ------------------------------------------------------------ *\ Note Viewer \* ------------------------------------------------------------ */ .ma-note-viewer img.ma-note-viewer-thumbnail { cursor: pointer; max-height: 60px; max-width: 60px; padding: 3px; } .ma-note-viewer img.ma-note-viewer-thumbnail.selected { border-bottom: 3px solid blue; margin-bottom: -3px; } .ma-note-viewer-hidden { display: none; } .ma-note-viewer-left-arrow { position: absolute; left: 185px; top: 150px; width: 30px; height: 35px; background: url('/Scripts/sliderTabs/styles/images/leftPanelArrow.png') no-repeat center center; cursor: pointer; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); } .ma-note-viewer-right-arrow { position: absolute; left: 494px; top: 150px; width: 30px; height: 35px; background: url('/Scripts/sliderTabs/styles/images/rightPanelArrow.png') no-repeat center center; cursor: pointer; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); } .ma-note-viewer-rotate { position: absolute; left: 185px; top: 170px; width: 45px; height: 35px; background: url('/Scripts/maNoteViewer/rotate.png') no-repeat center center; background-size: contain; cursor: pointer; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); z-index: 100; } .ma-note-viewer-popout { position: absolute; left: 435px; top: 170px; width: 40px; height: 30px; background: url('/Scripts/maNoteViewer/new_window.png') no-repeat center center; background-size: contain; cursor: pointer; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); z-index: 100; } .ma-note-viewer-left-arrow.showOnHover, .ma-note-viewer-left-arrow.showOnHover, .ma-note-viewer-rotate.showOnHover, .ma-note-viewer-popout.showOnHover { opacity: .5; display: inline-block; filter: alpha(opacity=50); } .ma-note-viewer-left-arrow:hover, .ma-note-viewer-left-arrow.showOnHover:hover, .ma-note-viewer-right-arrow:hover, .ma-note-viewer-right-arrow.showOnHover:hover, .ma-note-viewer-rotate:hover, .ma-note-viewer-popout:hover { filter: alpha(opacity=100); opacity: 1; } .ma-note-viewer-tab { white-space: nowrap; } .ma-note-viewer-note-section { height: 100px; border-top: 1px solid gray; margin: 3px; padding: 6px; } .ma-note-viewer-note-header { background-color: gray; color: white; font-size: 11px; } .ma-note-viewer-image-outer-panel { float: right; height: 250px; margin: 3px; padding: 3px; text-align: center; vertical-align: middle; width: 69%; } .ma-note-viewer-image img { max-height: 100%; max-width: 100%; position: relative; } .ma-note-viewer-image { height: 250px; } .ma-note-viewer-image img.one-turn { transform: rotate(90deg); -webkit-transform-: rotate(90deg); -ms-transform-: rotate(90deg); } .ma-note-viewer-thumbnails { height: 250px; border-right: 1px solid gray; margin: 3px; padding: 3px; width: 27%; } /* ------------------------------------------------------------ *\ Prepare Bank Deposits \* ------------------------------------------------------------ */ .divBankDeposits .table table tr td:nth-child(6), .divBankDeposits .table table tr th:nth-child(6) { text-align: right; } .divViewMonthsDeposits .form .form-row-inline .form-controls .fauxstone-dropdown { min-width: 60px; } /* ------------------------------------------------------------ *\ Balances Due \* ------------------------------------------------------------ */ .divBalancesDue .table-scrollable .table-body { max-height: 550px; } .divBalancesDue .table table tr td:nth-child(3), .divBalancesDue .table table tr th:nth-child(3) { text-align: center; } .divBalancesDue .table table tr td:nth-child(4), .divBalancesDue .table table tr th:nth-child(4) { text-align: center; } .divBalancesDue .table table tr td:nth-child(5), .divBalancesDue .table table tr th:nth-child(5) { text-align: center; } .divBalancesDue .table table tr td:nth-child(6), .divBalancesDue .table table tr th:nth-child(6) { text-align: right; } .divBalancesDue .table table tr td:nth-child(7), .divBalancesDue .table table tr th:nth-child(7) { text-align: center; } .divBalancesDue .table table tr td:nth-child(9), .divBalancesDue .table table tr th:nth-child(9) { text-align: center; } .divBalancesDue .table table tr td:nth-child(10), .divBalancesDue .table table tr th:nth-child(10) { text-align: right; } .divBalancesDue .table table tr td:nth-child(11), .divBalancesDue .table table tr th:nth-child(11) { text-align: right; } .divBalancesDue .table table td.field-residentname,.divBalancesDue .table table td.field-residentphone { white-space: nowrap; } .divListLateFees .table table tr td:nth-child(3), .divListLateFees .table table tr th:nth-child(3) { text-align: right; } .divBalancesDue .table .fauxstone-dropdown { font-size: smaller; } .resident-notepad .field-notes textarea { width: 345px; height: 48px; } .resident-notepad .field-notes .value-rem-chars { margin-left: 3px; } .resident-notepad .table-scrollable .table-body { max-height: 405px; } /* ------------------------------------------------------------ *\ Preview/Edit Bills \* ------------------------------------------------------------ */ .divEditBills .table.tbl-bill-info table tr td:nth-child(2), .divBalancesDue .table.tbl-bill-info table tr th:nth-child(2) { text-align: right; } .divEditBills .table.tbl-utility table tr td:nth-child(2), .divBalancesDue .table.tbl-utility table tr th:nth-child(2) { text-align: right; } .divEditBills .table.tbl-utility table tr td:nth-child(3), .divBalancesDue .table.tbl-utility table tr th:nth-child(3) { text-align: right; } .divEditBills .table.tbl-utility table tr td:nth-child(4), .divBalancesDue .table.tbl-utility table tr th:nth-child(4) { text-align: right; } /* ------------------------------------------------------------ *\ Hi/Low Read Report \* ------------------------------------------------------------ */ .divHiLowReport .table-scrollable .table-body { max-height: 470px; } @media print { .divHiLowReport .table-scrollable .table-body { max-height: none; } } /* ------------------------------------------------------------ *\ Community Accounts \* ------------------------------------------------------------ */ .divCommunityAccounts .table-scrollable .table-body { max-height: 500px; } .divCommunityAccounts .table-scrollable table tr td:nth-child(4), .divCommunityAccounts .table-scrollable table th td:nth-child(4) { text-align: right; } .divCommunityAccounts .table-scrollable table tr td:nth-child(5), .divCommunityAccounts .table-scrollable table th td:nth-child(5) { text-align: right; } .divCommunityAccounts .table-scrollable table tr td:nth-child(6), .divCommunityAccounts .table-scrollable table th td:nth-child(6) { text-align: right; } .divPettyCash .table table tr td:nth-child(4), .divCommunityAccounts .table table th td:nth-child(4) { text-align: right; } .divPettyCash .table table tr td:nth-child(5), .divCommunityAccounts .table table th td:nth-child(5) { text-align: right; } /* ------------------------------------------------------------ *\ End of Month Checklist \* ------------------------------------------------------------ */ .divEomChecklist .table table.tblTasks tr td:nth-child(3), .divEomChecklist .table table.tblTasks tr th:nth-child(3) {text-align: right; } .divEomChecklist .table table.tblTasks tr td:nth-child(4), .divEomChecklist .table table.tblTasks tr th:nth-child(4) {text-align: right; } /* ------------------------------------------------------------ *\ Reservations \* ------------------------------------------------------------ */ .divReservations .form > .accordion { max-height: calc(100vh - 265px); min-height: calc(100vh - 265px); overflow-y: auto; } table.tblFirstTimeResv tr td:nth-child(2), table.tblFirstTimeResv tr th:nth-child(2) {text-align: left; } table.tblFirstTimeResv tr td:nth-child(3), table.tblFirstTimeResv tr th:nth-child(3) {text-align: left; } table.tblFirstTimeResv tr td:nth-child(7), table.tblFirstTimeResv tr th:nth-child(7) {text-align: left; } .divAbCipReservations .section-units .table-scrollable .table-body { max-height: 390px; min-height: 390px; } .divAbCipReservations .section-applications ul.list-actions { max-height: 75px; overflow-y: auto; } .divFormerReservations .table-body { max-height: 400px; } .divEditResv .accordion, .divEditOvernite .accordion { max-height: calc(100vh - 309px); min-height: calc(100vh - 309px); overflow-y: auto; } .divUnitDetails {max-height: 540px; min-height: 540px; overflow-y: auto; } .divReserve { max-height: calc(100vh - 205px); overflow-y: auto; } /* ------------------------------------------------------------ *\ Late Fee Setup \* ------------------------------------------------------------ */ form[name=frmLateFeeAsgn] table.tblLateFeeAsgn tr td:nth-child(1), table.tblLateFeeAsgn tr th:nth-child(1) { text-align: center; } form[name=frmLateFeeAsgn] table.tblLateFeeAsgn tr td:nth-child(6) { white-space:nowrap;overflow:hidden; } form[name=frmLateFeeAsgn] .checkbox [data-changed=true]~input[type=checkbox]+*:before { background-color: #4aac33; } form[name=frmLateFeeAsgn] [name=newProfile][data-changed=true] { background-color: #4aac33; } form[name=frmLateFeeAsgn] .table .table-body { min-height: calc(100vh - 600px); } .divLateFeeHistory .table .custom-scroll { min-height: calc(100vh - 300px); } /* ------------------------------------------------------------ *\ Business License Tracking \* ------------------------------------------------------------ */ .divBizLicenseList .table .custom-scroll { min-height: calc(100vh - 500px); } form[name=frmAdd_License_Types] .table.states-checkboxes { width: 702px; } form[name=frmAdd_License_Types] .table .custom-scroll { min-height: calc(100vh - 500px); } form[name=frmUpdate_License] .accordion, form[name=frmAdd_License] .accordion { max-height: calc(100vh - 230px); min-height: calc(100vh - 230px); overflow-y: auto; } .table-license-log { overflow: hidden; } .table-license-log .table-head, .table-license-log .table-body { position: relative; } .table-license-log .table-part-sticky { width: 400px; } .table-license-log .table-part-scrollable { padding-left: 400px; } .table-license-log .table-head-row-secondary th { height: 74px; } .table-license-log .table-body table tr td { height: 58px; } /* ------------------------------------------------------------ *\ Market Rent Updater \* ------------------------------------------------------------ */ form[name=frmMarketRentUpdater] .table-scrollable .table-body { max-height: 325px; } form[name=frmMarketRentUpdater] { max-height: calc(100vh - 160px); overflow-y: auto; } /* ------------------------------------------------------------ *\ Q2 Charges Admin \* ------------------------------------------------------------ */ form[name=frmQ2ChargeAdmin] .table-scrollable .table-body { max-height: 400px; } form[name=frmQ2ChargeAdmin] .section-prepopulate .section-body .btn { vertical-align: text-bottom; } form[name=frmQ2ChargeAdmin] .upload-body iframe { min-height: 400px; } form[name=frmQ2ChargeAdmin] table tr td, form[name=frmLateFeeAsgn] table tr th {text-align: left; } form[name=frmQ2ChargeAdmin] span.field-currency-usd:before { top: 4px;} /* ------------------------------------------------------------ *\ Resident Admin \* ------------------------------------------------------------ */ .inside-resident-admin { padding-top:25px; } /* ------------------------------------------------------------ *\ for JQuery based maTooltip \* ------------------------------------------------------------ */ .ma-jq-tooltip { position: fixed; background: #fff; border: 1px solid #bbb !important; max-width: 210px; color: #012a59; border-radius: 0; font-weight: bold; font-family: 'DIN', sans-serif !important; font-size: 13px !important; line-height: 1.3; text-transform: none; padding: 9px 15px; transition: opacity .3s; white-space: normal; margin-bottom: 6px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25); z-index: 11000; } .ma-jq-tooltip.tip-at-left.tip-at-top { transform: translate(-8px, -10px); } .ma-jq-tooltip.tip-at-right.tip-at-top { transform: translate(8px, -10px); } .ma-jq-tooltip.tip-at-left.tip-at-bottom { transform: translate(-8px, 10px); } .ma-jq-tooltip.tip-at-right.tip-at-bottom { transform: translate(8px, 10px); } .ma-jq-tooltip::after { content: ''; position: absolute; top: 100%; left: 6px; width: 21px; height: 13px; background: url(/common/css/images/tooltip-arrow.png) 0 0 no-repeat; z-index: 11000; } .ma-jq-tooltip.tip-at-right::after { left: auto; right: 6px; } .ma-jq-tooltip.tip-at-bottom::after { top: auto; bottom: 100%; transform: rotate(180deg); } /* standard bullet list */ ul.ma-bullet-list { list-style: none outside none; } ul.ma-bullet-list li { position: relative; padding-left: 35px; } ul.ma-bullet-list li + li { margin-top: 8px; } ul.ma-bullet-list li::before{ content:""; position: absolute; margin-top: 3px; margin-left: -35px; background-image: url(/common/css/images/sprite.png); background-position: -131px -108px; background-repeat: no-repeat; width:29px; min-height: 9px; } /* invalid fields */ .invalid { position: relative; } .invalid::before { content: ''; background-image: url(/common/css/images/sprite.png); background-position: -89px -108px; width: 18px; height: 18px; display: inline-block; font-size: 0; zoom:.6; /* sizing a positioned sprite is fun... not! */ z-index: 22; position: absolute; top: 50%; left: 0; transform: translate(-9px, -50%); } .invalid .checkbox:hover, .invalid .checkbox, .invalid input:hover, .invalid input, .invalid select:hover, .invalid select, .invalid button.fs-dropdown-selected, .invalid button.fs-dropdown-selected:hover, div.invalid.fs-dropdown-multiple .fs-dropdown-options, div.invalid.fs-dropdown-multiple .fs-dropdown-options:hover { color: #ec1c23 !important; } .invalid input:hover, .invalid input, .invalid select:hover, .invalid select, .invalid button.fs-dropdown-selected, .invalid button.fs-dropdown-selected:hover, div.invalid.fs-dropdown-multiple .fs-dropdown-options, div.invalid.fs-dropdown-multiple .fs-dropdown-options:hover { border-color: #ec1c23 !important; background-color: #fee; } .invalid input:hover, .invalid select:hover, .invalid button.fs-dropdown-selected:hover, div.invalid.fs-dropdown-multiple .fs-dropdown-options:hover { border-width: 2px; } /* misc */ .fyi { font-size: .9em; opacity: .75; font-weight: normal; font-style:normal; } .fyi.alert { opacity: 1; color: red; } .instruction { display: flex; align-items: center; font-size: .9em; } .nowrap { white-space: nowrap; } /* card layout (like an index card) */ .card { display: flex; flex-direction: row; flex-wrap: wrap; padding: 10px !important; padding-top: 5px !important; } .card .form-row { margin-top: 5px; width: 100%; display: flex; } .card .form-row ~ .form-row { margin-top: 5px; } .accordion-section-expanded > .card.accordion-body, .card .form-controls, .card .set, .flex { display: flex !important; } .card .set, .card .form-controls, .card .form-controls .datepicker-checkbox, .card .form-controls .pii-checkbox { width: 100%; } .card .text-align-right { display: inline-block; } .cols .section { margin: 20px 10px 0 10px; } .card .form-label { width: 120px; flex-shrink: 0; flex-grow: 0; } .card.tight .form-label { width: 90px; /*flex-shrink: 1; flex-grow: 1;*/ } /* record */ .record .card .form-row .set ~ .set .form-label, .record .card .form-row.continue .form-label { width: auto; padding-left: 10px; flex-shrink: 1; flex-grow: 0; } .record { position: relative; margin-bottom: 6px; background-color: #eee; box-shadow: 1px 1px 4px 0 rgba(0,0,0,.8); display: inline-block; width: 100%; } .record-container { overflow-y:auto; height: 200px; box-shadow: inset 0 0 8px rgba(0,0,0,.2); } .record-container table { width: 100%; } .thumb { width: 24px; position: absolute; top: 0; bottom: 0; text-align: center; background: linear-gradient(to left, #013b7f 0%, #012856 100%); padding: 2px; } .thumb ~ .card { margin-left: 20px; } /* auto-complete */ .ui-autocomplete { position:absolute; list-style: none outside none; /*overflow: visible !important;*/ max-height: 260px; box-shadow: 4px 4px 10px 0 rgba(0,0,0,.25); z-index: 99999; /* due to modals */ cursor: default; overflow-y: auto; overflow-x: hidden; /* set initial postion to get all the bugs out of the control... real position set on the element*/ top: 0; left: 0; } .ui-autocomplete li { height: auto; /*padding: 2px 5px 1px !important;*/ line-height: 1.1; /*border: 0;*/ font-size: 13px; color: #001631; font-family: 'DIN', sans-serif; } .ui-autocomplete li:hover, .ui-autocomplete li.ui-state-focus { background: #0366dd; color: #fff; border: 0 !important; margin: inherit; } .ui-autocomplete li em{ font-style:normal; font-weight:500; color: #0366dd; text-decoration: underline; } .ui-autocomplete li:hover *, .ui-autocomplete li.ui-state-focus * { color: #fff; } li.residentSearchResult { position: relative; min-height: 2.7em !important; border-top: 1px solid #ddd !important; } li.residentSearchResult .result { font-size: 15px; float:left; } li.residentSearchResult .propname { padding-left: 10px; float: right; font-size: 12px; opacity: .7; } li.residentSearchResult .status { clear: both; float: right; font-size: 10px; opacity: .7; } .enc_control_warning { color: #de0f0f; font-weight: bold; } .enc_control_warning::before { content: ''; position: relative; background-image: url(/common/css/images/sprite.png); background-position: -102px -74px; width: 25px; height: 20px; display: inline-block; vertical-align: middle; font-size: 0; top: 0; } .enc_control_note::before { content: ''; position: relative; top: -1px; margin-right: 5px; background-image: url(/common/css/images/sprite.png); background-position: -210px -74px; width: 11px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; } .indented1 { padding-left:20px; } .indented2 { padding-left:40px; } .indented3 { padding-left:60px; } /* ==================================== for browser overrides ==================================== */ body.browser-ie .record, body.browser-ie11 .record { display: table-caption; /* ie has a problem with flex content with 100% width... this wrapper seems to fix it */ } body.browser-ie > .wrapper.view-container, body.browser-ie11 > .wrapper.view-container body.browser-ie .table-data-points.variable-height, body.browser-ie11 .table-data-points.variable-height { min-height: auto; /* ie does not recognize 'unset' */ } body.browser-ie td.invalid::before, body.browser-ie11 td.invalid::before { left: 6px; /* ie issue */ } /* ==================================== for printing ==================================== */ @media print { textarea { overflow: visible; } .wrapper { overflow: visible; } .popup-body { overflow: visible; max-height:none; } .popup-static .popup-inner { overflow: visible; max-height: none; } .popup-static .popup-body { overflow: visible; max-height: none; } .section-admin .tabs-tertiary .tab { overflow: visible; max-height: none; } .table .table-body .table-part-scrollable { overflow: visible; } .table-scrollable .table-body { overflow: visible; max-height: none; } .table-report { overflow: visible; } .table-report .table-body { overflow: visible; } .table-worksheet { overflow: visible; } .table-worksheet .table-head .table-part-scrollable { overflow: visible; } .table-worksheet .table-body { overflow: visible; } .table-worksheet .table-body .table-part-scrollable { overflow: visible; } .table-worksheet .table-body .table-part-sticky { overflow: visible; } #divDetailContainer .tabs-tertiary .tab { overflow-y: visible; height:auto; max-height: none; } .divReservations .form > .accordion { max-height: none; overflow-y: visible; } .divAbCipReservations .section-applications ul.list-actions { max-height: none; overflow-y: visible; } .divEditResv .accordion, .divEditOvernite .accordion { max-height: none; overflow-y: visible; } .divUnitDetails {max-height: none; overflow-y: visible; } .divReserve { max-height: none; overflow-y: visible; } form[name=frmUpdate_License] .accordion, form[name=frmAdd_License] .accordion { max-height: none; overflow-y: visible; } .table-license-log { overflow: visible; } .record-container { overflow-y:visible; } .popup-open { position: absolute; overflow: visible; max-height: none; } .popup .popup-inner { top:30px; overflow: visible; max-height: none; } .popup .popup-body { overflow: visible; max-height: none; } .popup .popup-body .popup-entry { position: absolute; overflow: visible; max-height: none; } .divBalancesDue .table-scrollable .table-body { max-height: none; } /* do not display the resident selector and make the detail part take up the whole width of hte page */ .section-admin #divResidentSelector { display:none; } .section-admin .section-content-wide { width:100%; } .do-not-print { visibility: hidden; } } /* This is a hack for IE11 and Edge because it does a weird layout thing for modals when we try to print. And I have to force it to be more than one page because it doesn't do the weird layout thing if it's only one page. */ @media print and (-ms-high-contrast:none) { *::-ms-backdrop, .popup .popup-body .popup-entry { left:-550px; min-height:2000px; border:1px solid #ffffff; } /* IE11 */ } @media print { @supports (-ms-ime-align:auto) { .popup .popup-body .popup-entry { left:-550px; min-height:2000px; border:1px solid #ffffff; } /* IE11 */ } } .box-size-info { height: 133px; } .box-size-recurring { height: 290px; }