*, *:before, *:after { box-sizing: inherit; } html { position: relative; min-height: 100%; box-sizing: border-box; } body { font-smooth: always; text-rendering: optimizeLegibility; margin: 0; font-family: "Open Sans", sans-serif; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } @media (min-width: 991px) { body { font-size: 16px; } } a { cursor: pointer; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; text-decoration: none; color: #80C342; } a:hover, a:focus, a:active { color: #679f33; } a:hover { text-decoration: none; } label { font-weight: 500; } hr { border: 0; height: 1px; background: #ccc; margin: 2rem 0; } b, strong { font-family: 'Open Sans', sans-serif;; } @media (max-width: 991px) { h1 { font-size: 1.6em; } } .block { display: block; } .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .reset-m { margin: 0; } .reset-p { padding: 0; } .reset-mt { margin-top: 0; } .ml-a { margin-left: auto; } .m-t-sm { margin-top: 10px; } .m-t-md { margin-top: 30px; } .strike { text-decoration: line-through; } .center { text-align: center; } .hide { display: none !important; } .muted { color: #999; } .bold { font-family: "Open Sans", sans-serif; } .img-responsive { max-width: 100%; height: auto; } .price:before { content: "$"; padding-right: 5px; } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } header { background: white; position: relative; z-index: 5; width: 100%; } header .dropdown-menu { z-index: 1000; } header .content { padding: 10px 0; max-width: 1160px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } header .navbar-header { margin-left: auto; } header .mobile-nav { margin-left: 20px; margin-right: 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; font-size: 30px; background: none; border: 0; color: #013A81; } @media (min-width: 768px) { header .mobile-nav { display: none; } } @media (max-width: 767px) { header .mobile-nav { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } @media (max-width: 1200px) { header .logo { margin-left: 10px; } } @media (max-width: 767px) { header .logo { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } header .logo img { width: 140px; } header #mobile-nav { margin: 0 auto; padding: 0; } @media (min-width: 768px) { header #mobile-nav { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } } @media (max-width: 768px) { header #mobile-nav { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; width: 100%; margin-top: 10px; border-top: 1px solid #eee; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } header #mobile-nav + .status { margin-left: auto; } } header #mobile-nav a { font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 15px; padding-right: 15px; font-weight: 600; color: #013A81; } header #mobile-nav a:hover, header #mobile-nav a:focus, header #mobile-nav a:active { color: #01234e; } @media (max-width: 768px) { header #mobile-nav a { padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 768px) { header #mobile-nav a > span { margin-top: 5px; } } header #mobile-nav a:hover { text-decoration: none; } header #mobile-nav a.active { color: #80C342; } header #mobile-nav a.active:hover, header #mobile-nav a.active:focus, header #mobile-nav a.active:active { color: #679f33; } header #mobile-nav a .icm { font-size: 24px; margin-right: 10px; } header #mobile-nav a svg { width: 24px; height: 24px; fill: currentColor; margin-right: 10px; } @media (max-width: 990px) { header #mobile-nav a svg { width: 20px; height: 20px; } } header #mobile-nav a:last-of-type { padding-right: 0; } header .status { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 10px; margin-left: auto; font-size: 14px; color: #888; } @media (max-width: 767px) { header .status { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } header .status .icm { font-size: 26px; color: #888; margin-right: 10px; } header .user .btn-bs { font-size: 14px; } .web .ptp-report-logo { display: none; } @media (max-width: 1200px) { header .user { margin-right: 10px; } } @media (max-width: 990px) { header .user { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 10px; padding-top: 10px; border-top: 1px solid #eee; margin-right: 0; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } .footer .container-max { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .footer .container-max .logo img { max-width: 120px; height: 40px; } .page-header { background: #013A81; color: white; padding: 20px; min-height: 80px; position: relative; z-index: 4; position: relative; font-family: "Open Sans", sans-serif; } @media (min-width: 768px) { .page-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } } .page-header h1, .page-header h2 { font-family: "Open Sans", sans-serif; font-weight: 400; margin: 0; padding: 0; } .page-header .content { margin: 0 auto; width: 100%; position: relative; } @media (min-width: 1200px) { .page-header .content { max-width: 1160px; } } .page-header .badge.info { background: #007AFF; color: rgba(255, 255, 255, 0.7); font-family: "Open Sans", sans-serif; } .page-header .back { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #80C342; text-transform: uppercase; font-size: 16px; font-weight: normal; } .page-header .back:hover { text-decoration: none; } @media (max-width: 767px) { .page-header .back { margin: 0 0 10px; } } @media (min-width: 768px) { .page-header .back { position: absolute; height: 100%; top: 0; } } .page-header .back .icm { font-size: 24px; position: relative; top: 2px; margin-right: 5px; } .page-content { margin: 0 auto; } .page-content:not(.full) { max-width: 1160px; } @media (max-width: 1200px) { .page-content { padding: 0 15px; } } body:not(.scrolled) .rollup { display: none; } @media (min-width: 991px) { body.scrolled .rollup { display: block; } } body .rollup { position: fixed; top: 0; width: 100%; background: #013A81; color: white; text-align: center; padding: 10px; font-size: 13px; z-index: 50; } .page-footer { margin-top: 30px; background: #eee; padding: 20px; } .page-footer .content { margin: 0 auto; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 1200px) { .page-footer .content { max-width: 1160px; } } .page-footer .controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } @media (max-width: 767px) { .page-footer .controls { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 768px) { .page-footer .controls { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .page-footer .controls .btn-bs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .page-footer .controls .btn-bs .icm + span { margin-right: 10px; } @media (max-width: 767px) { .page-footer .controls .btn-bs:not(:first-of-type) { margin-top: 20px; } } @media (min-width: 768px) { .page-footer .controls .btn-bs:only-of-type { margin-left: auto; } } .page-footer .btn-bs .icm { font-size: 20px; } .page-footer .btn-bs .icm + span { margin-left: 10px; } .page-footer .btn-bs span + .icm { margin-left: 10px; } @media (min-width: 768px) { .flex.sm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .flex.one-half { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 991px) { .flex.one-half { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .flex.one-half > div { width: 48%; } } @media (max-width: 990px) { .flex.one-half > div { width: 100%; } } @media (min-width: 991px) { .two-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .two-col > div { width: 48%; } } .two-col.sm { max-width: 800px; margin: 0 auto; } @media (min-width: 991px) { .four-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .four-col > div { width: 21%; } .four-col > div:last-of-type { width: 30%; } } @media (min-width: 991px) { .three-col { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .three-col > div { width: 32%; } } .btn-bs { border-radius: 0; border-width: 2px; border-style: solid; border-color: transparent; min-width: 80px; padding: 4px 12px; } @media (min-width: 991px) { .btn-bs { font-size: 16px; } } .btn-bs .icm { font-size: 20px; } .btn-bs .icm + span { margin-left: 10px; } .btn-reset { background: none; border: 0; min-width: 0; } .btn-sm { padding: 4px 8px; font-size: 13px; height: auto; } .btn-lg { padding: 12px 30px; font-size: 14px; } @media (min-width: 991px) { .btn-lg { font-size: 18px; } } .dropdown .btn-bs .caret { color: #80C342; } .btn-select { background: none; border: 0; } .btn-select .icon-menu-open { color: #80C342; } .btn-green, .btn-primary.green { background: #80C342; color: white; } .btn-green:hover, .btn-primary.green:hover { background: #73b339; color: white; border-color: transparent; } .btn-green:active, .btn-primary.green:active { background: #80C342; color: white; box-shadow: inset 0 0 10px #4e7926; border-color: transparent; } .btn-default:hover { background: rgba(128, 195, 66, 0.1); } .btn-default.green { border: 2px solid #80C342; color: #80C342; background: white; } .btn-default.blue { border: 2px solid #cde0f8; color: #4d4d4d; background: #cde0f8; } .btn-default.black { border: 2px solid #4d4d4d; color: #4d4d4d; background: white;} .btn-default.green:focus, .btn-default.green:hover { color: #5a8c2c; } .btn-default.blue:focus, .btn-default.blue:hover { color: #adadad; } .btn-default.black:focus, .btn-default.black:hover { color: #adadad; } .btn-default.green:active { color: #5a8c2c; background: rgba(128, 195, 66, 0.2); border-color: #80C342; box-shadow: inset 0 0 0 2px #80C342; } .btn-default.selected { background: #80C342; border-color: #80C342; color: white; } .btn-default.mandatory.green { color: #F48000; font-weight: bold; border-color: #cde0f8;} .btn-default.mandatory.blue { color: #F48000; font-weight: bold; border-color: #cde0f8;} .btn-default.mandatory.green.selected { border-color: #80C342; background: #80C342; color: white; font-weight: bold; } .btn-default.mandatory.blue.selected { border-color: #80C342; background: #80C342; color: white; font-weight: bold; } .btn-default.mandatory.black.selected { border-color: #80C342; background: #80C342; color: white; font-weight: bold; } .btn-default.black.mandatory { color: #4d4d4d !important; font-weight: bold; } .btn-default.black.selected.mandatory { color: #fff !important; font-weight: bold; } .btn-default.mandatory.disabled { color: #4d4d4d; border-color: #adadad; } .btn-default.black.mandatory:not(.disabled) { padding-right: 20px; } .btn-default.black.mandatory:not(.disabled):after { display: none; } .btn-bs.btn-check.btn-default.btn-sm.ng-binding.ng-scope.black { } .btn-bs.btn-check.btn-default.btn-sm.ng-binding.ng-scope.black.selected { padding-right: 40px; position: relative; } .btn-bs.btn-check.btn-default.btn-sm.ng-binding.ng-scope.selected { padding-right: 40px; position: relative; } .btn-bs:not(:last-of-type) { margin-right: 10px; } .btn-check { padding-left: 20px; padding-right: 20px; font-family: "Open Sans", sans-serif; } .btn-check.disabled { background: white; border-color: #919191; color: #4d4d4d; cursor: pointer; pointer-events: auto; } /*.btn-check:not(.disabled) { padding-right: 40px; position: relative; }*/ a.btn-bs.btn-check.btn-default.blue.btn-sm.ng-binding.selected { padding-right: 40px; position: relative; } .btn-check.btn-default.black.btn-sm.ng-binding.ng-scope.mandatory.selected:after { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\e90a"; position: absolute; right: 10px; top: 7px; color: #fff; display: block; } .btn-check:not(.disabled):after { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\e90a"; position: absolute; right: 10px; top: 7px; } .box-content.descriptor > span, .box-content.dlc > span{ position: relative; display: inline-block; } .box-content.descriptor > span .icon-pencil:before,.box-content.dlc > span .icon-pencil:before{ background-color: #013A81; opacity: 1; width: 18px; height: 18px; display: flex; justify-content: center; align-items: center; position: absolute; top: -8px; color: #fff; font-size: 10px; border-radius: 50%; right: 17px;/*-3px*/ z-index: 1; overflow: hidden; transition: all .3s cubic-bezier(0.6, -0.28, 0.74, 0.05); cursor: pointer ; } .box-content.descriptor > span .icon-bin:before,.box-content.dlc > span .icon-bin:before{ background-color: #013A81; opacity: 1; width: 18px; height: 18px; display: flex; justify-content: center; align-items: center; position: absolute; top: -8px; color: #fff; font-size: 10px; border-radius: 50%; right: -3px; z-index: 1; overflow: hidden; transition: all .3s cubic-bezier(0.6, -0.28, 0.74, 0.05); cursor: pointer ; } a.btn-bs.btn-check.btn-default.blue.btn-sm.ng-binding:not(.selected):after{ display: none; } .form-row.update-dlc-msg.success{ color: #80C342; } .form-row.update-dlc-msg.failure{ color: red; } .badge { padding: 3px 10px; border-radius: 20px; background: #ccc; font-size: 13px; color: #555; font-family: "Open Sans", sans-serif; } .badge.error { background: #DE0000; color: white; } .badge.stand-alone { background: rgba(222, 0, 0, 0.75); } .badge.default { background: #007AFF; color: white; } .badge.default.stand-alone { background: rgba(0, 122, 255, 0.75); } .badge.ready { background: #80C342; color: white; } .badge.ready.stand-alone { background: rgba(128, 195, 66, 0.75); } .badge.in-progress { background: #FC7F26; color: white; } .badge.in-progress.stand-alone { background: rgba(252, 127, 38, 0.75); } .badge.scheduled { background: #013A81; color: white; } .badge.scheduled.stand-alone { background: rgba(1, 58, 129, 0.75); } .badge.complete { background: #555; color: white; } .badge.complete.stand-alone { background: rgba(85, 85, 85, 0.75); } .badge.need-signatures { background: #DE0000; color: white; } .badge.need-signature { background: #FFD300; color: white; } .box { border: 1px solid #ccc; } .box:not(.reset) { padding: 15px 20px; } .box.mt { margin-top: 20px; } .box.mt-md { margin-top: 30px; } .box .box-heading { color: #013A81; font-family: "Open Sans", sans-serif; font-size: 16px; padding: 10px 20px; } @media (min-width: 768px) { .box .box-heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .box .box-heading + .box-content { border-top: 1px solid #ccc; } .box .box-heading label { margin: 0; } .box .box-heading .title { text-transform: uppercase; font-weight: 600; } .box .box-heading .mandatory-title { color: #F48000 !important ;} @media (max-width: 767px) { .box .box-heading .title { margin-bottom: 10px; } } .box .box-heading a { font-size: 14px; } .box .box-heading a:hover { text-decoration: none; } .box .box-heading a .icon-add { margin-right: 5px; } .box .box-heading .right-controls { margin-left: auto; } .box .box-heading .right-controls > a { color: #013A81; } .box .box-heading .right-controls a > span { font-size: 22px; } .box .box-heading .right-controls a:not(:last-of-type) { margin-right: 20px; } .box .box-content:not(.reset) { padding: 20px; } .box .box-content .btn-bs { margin-bottom: 10px; } .box .box-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 20px; border-top: 1px solid #ccc; color: #013A81; font-family: "Open Sans", sans-serif; } .box .control-footer { display: block; } .box-header{ display: -webkit-box; display: -ms-flexbox; display: flex; } .box-heading .box-header { min-width: 80%; display: flex; justify-content: space-between; } .box-group { margin-top: 40px; } .heading-recommended { color: #F48000; } .box-group .title { width: 100%; font-family: "Open Sans", sans-serif; font-size: 14px; color: #013A81; padding: 10px; border-bottom: 1px solid #ddd; text-transform: uppercase; } .box-group .title-mandatory { flex: 1 ; font-family: "Open Sans", sans-serif; font-size: 14px; color: #F48000 !important; padding: 10px; border-bottom: 1px solid #ddd; ; } .box-group .box { position: relative; } @media (max-width: 990px) { .box-group .box { margin-bottom: 20px; } } .box-group.separated-groups .btn-group { width: 100%; position: relative; } .box-group.separated-groups .btn-group button { display: block; width: 100%; text-align: left; } .box-group.separated-groups .btn-group button + .multiselect-container { width: 100%; } .box-group.separated-groups .btn-group button + .multiselect-container > li input { position: absolute; left: -9999px; top: -9999px; opacity: 0; } .box-group.separated-groups .btn-group button + .multiselect-container > li label { padding: 10px; } .box-group.separated-groups .btn-group button + .multiselect-container > li:not(:last-of-type) label { border-bottom: 1px solid #ddd; } @media (min-width: 991px) { .box-group.separated-groups { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-group.separated-groups .gray { background: #ddd; } .box-group.separated-groups .gray .box { border: 0; } .box-group.separated-groups > div { width: 74%; padding: 10px 10px 50px 10px; } .box-group.separated-groups > div:first-of-type { width: 24%; padding-left: 0; } .box-group.separated-groups > div:not(:first-of-type) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-group.separated-groups > div:not(:first-of-type) > div { width: 30%; background: white; } .box-group.separated-groups > div:not(:first-of-type) > div:last-of-type { width: 35%; } } .box-group .content .item { display: block; padding: 10px; font-size: 13px; color: #555; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .box-group .content .item.selected, .box-group .content .item:active { background: #013A81; color: white !important; } .box-group .content .item.selected:hover, .box-group .content .item:active:hover { color: white; background: #01459a; } .box-group .content .item.pre-selected { background: #cde0f8; } .box-group .content .item.pre-selected:hover { background: #e3eefb; } .box-group .content .item.pre-selected-report { background: #cde0f8; } .box-group .content .item.pre-selected-summary { background: #cde0f8; color: #F48000;} .box-group .content .item:not(:last-of-type) { border-bottom: 1px solid #eee; } .box-group .content .item:hover { text-decoration: none; background: #eee; color: #555; } .box-group .content .item.green { background: #80C342; color: white; } .box-group .content .item.black { color: #555; font-weight: bold; font-size: 14px; } .box-group .content .item.mandatory.green { color: #fff !important; } .box-group .content .item.green.selected, .box-group .content .item:active { background: #013A81; color: white !important; } .box-group .content.scroll { max-height: 220px; overflow-y: auto; overflow-x: hidden; } .box-group .system-box .content.scroll { max-height: none !important; } @media (min-width: 768px) { .box-group .content.scroll { height: 220px; } } @media (min-width: 991px) { .box-group .content.scroll.with-footer { height: 183px; } .box-group .content.scroll.with-footer + .btn-bs { position: absolute; width: 100%; bottom: -39px; left: 0; padding-top: 9px; padding-bottom: 9px; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .box-group .content.scroll.with-footer + .btn-bs.bigger { bottom: -44px; outline: 1px solid #80C342; } .box-group .content.scroll.with-footer + .btn-bs > span { margin-right: 5px; font-size: 18px; } } @media (min-width: 991px) { .box-group .system-box .content.scroll.with-footer { height: 250px !important; }} @font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?kdyouk"); src: url("../fonts/icomoon.eot?kdyouk#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff2?kdyouk") format("woff2"), url("../fonts/icomoon.ttf?kdyouk") format("truetype"), url("../fonts/icomoon.woff?kdyouk") format("woff"), url("../fonts/icomoon.svg?kdyouk#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-Templates:before { content: ""; } .icon-Reports:before { content: ""; } .icon-VIAs:before { content: ""; } .icon-Inspections:before { content: ""; } .icon-Dashboard:before { content: ""; } .icon-options:before { content: ""; } .icon-user:before { content: ""; } .icon-pencil:before { content: ""; } .icon-bin:before { content: ""; } .icon-plus:before { content: ""; } .icon-coin-dollar:before { content: ""; } .icon-template:before { content: ""; } .icon-printer:before { content: ""; } .icon-bin:before { content: ""; } .icon-camera:before { content: ""; } .icon-list:before { content: ""; } .icon-shrink:before { content: ""; } .icon-enlarge:before { content: ""; } .icon-menu2:before { content: ""; } .icon-bookmark:before { content: ""; } .icon-bubble-lines:before { content: ""; } .icon-images:before { content: ""; } .icon-checkmark:before { content: ""; } .icon-checkmark2:before { content: ""; } .icon-location:before { content: ""; } .icon-menu-open:before { content: ""; } .icon-arrow-right:before { content: ""; } .icon-circle-check:before { content: ""; } .icon-clock:before { content: ""; } .icon-add_circle:before { content: ""; } .icon-remove:before { content: ""; } .icon-add:before { content: ""; } .icon-mail_outline:before { content: ""; } .icon-call:before { content: ""; } .icon-menu:before { content: ""; } .icon-plus-circle:before { content: ""; } .icon-notice:before { content: ""; } .icon-chevron-down:before { content: ""; } .icon-chevron-up:before { content: ""; } .icon-help:before { content: ""; } .icon-chevron-right:before { content: ""; } .icon-chevron-left:before { content: ""; } .icon-cancel:before { content: ""; } .form-row { margin-bottom: 30px; } .form-row.sub { margin-top: 5px; } .form-row > label { text-transform: uppercase; font-family: "Open Sans", sans-serif; color: #999; font-size: 13px; margin: 0 0 5px; } .form-row .result .name, .form-row .result .email, .form-row .result .phone { margin-top: 10px; } @media (min-width: 991px) { .form-row .result .name { font-size: 18px; } } .form-row .result .email, .form-row .result .phone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #80C342; } .form-row .result .email:before, .form-row .result .phone:before { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #999; font-size: 22px; margin-right: 10px; } .form-row .result .email:before { content: "\e90e"; } .form-row .result .phone:before { content: "\e90d"; } .form-row .field.sm { max-width: 100px; } .form-row .field.md { max-width: 150px; } .form-row .field.has-helper { position: relative; } .form-row .field .helper { position: absolute; right: 10px; font-size: 13px; top: 0; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #999; } .form-control { border-radius: 0; background: #F2F2F2; border: 0; box-shadow: none; } @media screen and (max-width: 767px) { .table-responsive { border: 0; } .table-responsive thead { display: none; } .table-responsive tr { margin-bottom: 10px; display: block; border: 1px solid #ddd; background: white; } .table-responsive td { text-align: right; font-size: 13px; border-bottom: 1px solid #eee; border-top: 0 !important; } .table-responsive td:last-child { border-bottom: 0; } .table-responsive td:before { content: attr(data-label); float: left; text-transform: uppercase; font-family: "Open Sans", sans-serif; } .table-responsive tbody td, .table-responsive tbody th { display: block !important; } .table-responsive .block-column { text-align: left; } .table-responsive .block-column:before { float: none; display: block; margin-bottom: 5px; } } .action-list-container { border: 1px solid #ccc; background: #eee; margin: 20px 0; } .action-list { max-height: 359px; overflow: auto; position: relative;} @media (max-width: 767px) { .action-list-container:not(:last-of-type) { margin-bottom: 0; } } .action-list-container .heading { padding: 10px 15px; border-bottom: 1px solid #ccc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background: white; } .action-list-container .heading .title { font-size: 14px; text-transform: uppercase; font-weight: bold; color: #013A81; font-family: "Open Sans", sans-serif; } .action-list-container .heading > a { color: #80C342; } .action-list-container .heading > a:hover, .action-list-container .heading > a:focus, .action-list-container .heading > a:active { color: #679f33; } .l-row { border-bottom: 1px solid #ccc; padding: 10px 15px; display: block; position: relative; background: white; } @media (min-width: 768px) { .l-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 45px; } } @media (max-width: 767px) { .l-row { padding-right: 30px; } } .l-row.disabled:hover, .l-row.disabled:focus, .l-row.disabled:active { background: #fff; cursor: default; } .l-row:hover, .l-row:focus, .l-row:active { text-decoration: none; color: inherit; background: #f6f6f6; } .l-row .id, .l-row .time { color: #999; margin-right: 10px; } .l-row .address { color: #555; margin-right: 10px; } @media (min-width: 768px) { .l-row .address { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 45%; } .l-row.limited .address { max-width: 38%; } } @media (max-width: 767px) { .l-row .address { margin-bottom: 10px; } } .l-row .badge { margin-left: auto; } @media (max-width: 767px) { .l-row .badge { display: inline-block; } } .l-row .badge + .icm { margin-left: 10px; } .l-row .view { color: #80C342; margin-left: auto; } .l-row .view + .icm { margin-left: 10px; } .l-row .icon-block + .icm { margin-left: 20px; } .l-row .icm { margin-left: auto; color: #aaa; } @media (max-width: 767px) { .l-row .icm { position: absolute; right: 10px; top: 15px; } } /* Charles, Story 7441, replace Google pins with SVG */ .l-row .marker svg { height: 28px; width: 20px; margin-right: 10px; fill: currentColor; } .svgmarker .marker svg { height: 28px; width: 20px; fill: currentColor; } .l-row .marker svg .text , .svgmarker .marker svg .text { color: white; font-size: 180px; font-family: "Consolas"; } .l-row .marker.blue , .svgmarker .marker.blue { color: #007AFF; } .l-row .marker.pink , .svgmarker .marker.pink { color: #F9469C; } .l-row .marker.green , .svgmarker .marker.green { color: #80C342; } .l-row .marker.yellow , .svgmarker .marker.yellow { color: #E9BF0D; } .l-row .marker.color1 , .svgmarker .marker.color1 { color: #303F9F; } .l-row .marker.color2 , .svgmarker .marker.color2 { color: #E53935; } .l-row .marker.color3 , .svgmarker .marker.color3 { color: #7E57C2; } .l-row .marker.color4 , .svgmarker .marker.color4 { color: #689F38; } .l-row .marker.color5 , .svgmarker .marker.color5 { color: #5E35B1; } .l-row .marker.color6 , .svgmarker .marker.color6 { color: #EC407A; } .l-row .marker.color7 , .svgmarker .marker.color7 { color: #388E3C; } .l-row .marker.color8 , .svgmarker .marker.color8 { color: #009688; } .l-row .marker.color9 , .svgmarker .marker.color9 { color: #F06292; } .l-row .marker.color10 , .svgmarker .marker.color10 { color: #1A237E; } .l-row .marker.color11 , .svgmarker .marker.color11 { color: #D32F2F; } .l-row .marker.color12 , .svgmarker .marker.color12 { color: #0277BD; } .l-row .marker.color13 , .svgmarker .marker.color13 { color: #C62828; } .l-row .marker.color14 , .svgmarker .marker.color14 { color: #D81B60; } .l-row .marker.color15 , .svgmarker .marker.color15 { color: #283593; } .l-row .marker.color16 , .svgmarker .marker.color16 { color: #E91E63; } .l-row .marker.color17 , .svgmarker .marker.color17 { color: #5C6BC0; } .l-row .marker.color18 , .svgmarker .marker.color18 { color: #1B5E20; } .l-row .marker.color19 , .svgmarker .marker.color19 { color: #00838F; } .l-row .marker.color20 , .svgmarker .marker.color20 { color: #01579B; } .l-row .marker.color21 , .svgmarker .marker.color21 { color: #512DA8; } .l-row .marker.color22 , .svgmarker .marker.color22 { color: #E64A19; } .l-row .marker.color23 , .svgmarker .marker.color23 { color: #C2185B; } .l-row .marker.color24 , .svgmarker .marker.color24 { color: #0288D1; } .l-row .marker.color25 , .svgmarker .marker.color25 { color: #880E4F; } .l-row .marker.color26 , .svgmarker .marker.color26 { color: #3949AB; } .l-row .marker.color27 , .svgmarker .marker.color27 { color: #311B92; } .l-row .marker.color28 , .svgmarker .marker.color28 { color: #00695C; } .l-row .marker.color29 , .svgmarker .marker.color29 { color: #7986CB; } .l-row .marker.color30 , .svgmarker .marker.color30 { color: #673AB7; } .l-row .marker.color31 , .svgmarker .marker.color31 { color: #2E7D32; } .l-row .marker.color32 , .svgmarker .marker.color32 { color: #00897B; } .l-row .marker.color33 , .svgmarker .marker.color33 { color: #9575CD; } .l-row .marker.color34 , .svgmarker .marker.color34 { color: #558B2F; } .l-row .marker.color35 , .svgmarker .marker.color35 { color: #B71C1C; } .l-row .marker.color36 , .svgmarker .marker.color36 { color: #004D40; } .l-row .marker.color37 , .svgmarker .marker.color37 { color: #006064; } .l-row .marker.color38 , .svgmarker .marker.color38 { color: #43A047; } .l-row .marker.color39 , .svgmarker .marker.color39 { color: #039BE5; } .l-row .marker.color40 , .svgmarker .marker.color40 { color: #00796B; } .l-row .marker.color41 , .svgmarker .marker.color41 { color: #0097A7; } .l-row .marker.color42 , .svgmarker .marker.color42 { color: #AD1457; } .l-row .marker.color43 , .svgmarker .marker.color43 { color: #BF360C; } .l-row .marker.color44 , .svgmarker .marker.color44 { color: #D84315; } .l-row .marker.color45 , .svgmarker .marker.color45 { color: #3F51B5; } .l-row .marker.color46 , .svgmarker .marker.color46 { color: #4527A0; } .l-row .status { width: 12px; height: 12px; border-radius: 50%; margin-left: auto; } .l-row .status + .icm { margin-left: 10px; } .l-row .status.green { background: #80C342; } .l-row .status.red { background: #DE0000; } .l-row .status.blue { background: #013A81; } .l-row .status.gray { background: #555; } .l-row .status.error { background: #DE0000; color: white; } .l-row .status.stand-alone { background: rgba(222, 0, 0, 0.75); } .l-row .status.default { background: #007AFF; color: white; } .l-row .status.default.stand-alone { background: rgba(0, 122, 255, 0.75); } .l-row .status.ready { background: #80C342; color: white; } .l-row .status.ready.stand-alone { background: rgba(128, 195, 66, 0.75); } .l-row .status.in-progress { background: #FC7F26; color: white; } .l-row .status.in-progress.stand-alone { background: rgba(252, 127, 38, 0.75); } .l-row .status.scheduled { background: #013A81; color: white; } .l-row .status.scheduled.stand-alone { background: rgba(1, 58, 129, 0.75); } .l-row .status.complete { background: #555; color: white; } .l-row .status.complete.stand-alone { background: rgba(85, 85, 85, 0.75); } .l-row .status.need-signatures { background: #DE0000; color: white; } .l-row .status.need-signature { background: #FFD300; color: white; } .tabbed-nav { list-style: none; margin: 0; padding: 0; margin: 0 auto; } @media (min-width: 768px) { .tabbed-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .tabbed-nav { width: 100%; } } @media (max-width: 767px) { .tabbed-nav > li.active > a { background: #80C342; color: white; } } @media (min-width: 768px) { .tabbed-nav > li.active > a { color: #80C342; border-bottom-color: #80C342; } } .tabbed-nav > li a { text-transform: uppercase; font-family: "Open Sans", sans-serif; display: block; padding: 10px 20px; border-bottom: 4px solid transparent; } @media (max-width: 767px) { .tabbed-nav > li a { text-align: left; display: block; } } .tabbed-nav > li a:hover { text-decoration: none; } .tabbed-nav > li.disable a { color: #999 !important; pointer-events: none !important; cursor: not-allowed !important;} .tab-content .icon-block { margin-left: auto; font-size: 20px; } .tab-content .icon-block > a { margin-left: 10px; } /*.tab-content .icon-block > a:not(:last-of-type) { margin-right: 10px; }*/ @media (max-width: 767px) { .tab-content .icon-block > a:first-of-type { margin-left: 0; } } .tab-content .icon-block .badge { font-size: 14px; line-height: 20px; } .step-progress { border-bottom: 1px solid #ddd; counter-reset: number; } @media (min-width: 768px) { .step-progress { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .step-progress .content { max-width: 1160px; padding: 20px 0; } @media (min-width: 768px) { .step-progress .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .step-progress .content > a { margin-bottom: 10px; } } .step-progress a { padding: 0 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-transform: uppercase; color: #013A81; font-family: "Open Sans", sans-serif; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 0.4; } @media (min-width: 991px) { .step-progress a { font-size: 18px; } } @media (max-width: 990px) { .step-progress a { width: 100%; font-size: 14px; } } .step-progress a.active, .step-progress a.complete { opacity: 1; } .step-progress a:active, .step-progress a:hover, .step-progress a:focus { text-decoration: none; } .step-progress a:not(.active):not(.complete) { pointer-events: none; cursor: not-allowed; } .step-progress a.complete .number:before { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\e90a"; font-size: 11px; width: 10px; height: 10px; color: #80C342; } .step-progress .circle { padding: 5px 10px; background: #013A81; border-radius: 50%; color: white; font-size: 16px; line-height: 1.1; margin-right: 10px; width: 30px; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .step-progress .circle .number { text-align: center; line-height: 1; } .step-progress .circle .number:before { content: "" counter(number) ""; counter-increment: number; } .step-progress .icon-notice { color: #DE0000; font-size: 22px; margin-left: 5px; } .photo-grid { padding: 20px; border-top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around; position: relative; } .photo-grid.box { border: 0; border-top: 1px solid #ddd; } .photo-grid.three { padding: 0; } .photo-grid.three > div { width: 150px; height: 150px; } .photo-grid.four { padding-bottom: 0; } .photo-grid.four > div { width: 200px; height: 200px; } .photo-grid > div { overflow: hidden; position: relative; background: #555; margin-bottom: 20px; } .photo-grid > div.selected { box-shadow: 0 0 0 4px #007AFF; } .photo-grid > div img { position: absolute; top: 0; left: 0; width: 200px; height: 200px; } .photo-grid > div .controls { width: 100%; bottom: 0; position: absolute; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; } .photo-grid > div .controls > a { background: rgba(0, 0, 0, 0.6); padding: 8px; border-radius: 50%; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: white; } .photo-grid > div .controls > a:hover { text-decoration: none; background: black; } .photo-grid > div .controls > a.selected { background: #80C342; text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); } .date-group { padding-top: 30px; } .date-group .date { padding: 0 15px 10px; border-bottom: 1px solid #ddd; color: #aaa; font-size: 13px; } .login { min-height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .login .header { padding-bottom: 30px; } .login .header img { width: 200px; height: auto; } .login .content { margin-bottom: 20px; text-align: center; } .login .content .box { padding: 30px 40px; font-size: 13px; } .login .content .box .checkbox { text-align: left; margin-top: 0; margin-bottom: 30px; } .login .content .box .form-control { text-align: center; margin-bottom: 20px; } .login .content .box .form-control:last-of-type { margin-bottom: 10px; } .login .content .box .btn-bs { margin: 20px 0; display: block; } .login .content .box .help { text-align: center; font-family: "Open Sans", sans-serif; } .login .content .box .help a { color: #013A81; } .login .content .box .help a:hover, .login .content .box .help a:focus, .login .content .box .help a:active { color: #01234e; } .login .content > p { font-size: 13px; margin: 30px 0 40px; } .login .content > p a { color: #013A81; } .login .content > p a:hover, .login .content > p a:focus, .login .content > p a:active { color: #01234e; } @media (min-width: 768px) { .login .content { width: 400px; margin: 0 auto; } } .inspections { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .inspections .page-content { height: 100%; } .inspections .sidebar { background: #f6f6f6; z-index: 5; position: relative; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-right: 1px solid #ccc; } @media (min-width: 768px) { .inspections .sidebar { width: 400px; } } .inspections .sidebar .btn-bs { min-width: 0; } .inspections .sidebar .heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding: 10px; border-bottom: 1px solid #ddd; } .inspections .sidebar .btn-select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 0; font-size: 16px; color: #013A81; font-weight: bold; text-transform: uppercase; } .inspections .sidebar .btn-select .filter-option { width: auto; } .inspections .sidebar .btn-reset { color: #80C342; } .inspections .sidebar .btn-reset:hover, .inspections .sidebar .btn-reset:focus, .inspections .sidebar .btn-reset:active { color: #679f33; } .inspections .sidebar .date-group { padding-top: 30px; } .inspections .sidebar .l-row { background: white; } .inspections .sidebar .l-row .time { color: #888; margin-right: 10px; } .inspections .expanded .heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin-top: 20px; border: 1px solid #ddd; border-bottom: 0; } .inspections .expanded .heading .btn-collapse { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #80C342; margin-right: 10px; } @media (max-width: 767px) { .inspections .expanded .heading .btn-collapse { display: none; } } .inspections .expanded .tab-content { border: 1px solid #ddd; position: relative; } .inspections .expanded .content { max-width: 1160px; margin: 0 auto; padding: 0 20px; font-size: 16px; } .inspections .expanded .id { width: 12%; } .inspections .expanded .time { width: 10%; } .inspections .expanded .address { width: 80%; } @media (max-width: 767px) { .inspections .expanded .id, .inspections .expanded .time, .inspections .expanded .address { width: auto; margin: 10px 0; } } .inspections .expanded .tabbed-nav { font-size: 16px; } .inspections .expanded .tabbed-nav > li a { color: #013A81; } @media (max-width: 767px) { .inspections .expanded .tabbed-nav > li.active > a { color: white; } } @media (min-width: 768px) { .inspections .expanded .tabbed-nav > li.active > a { color: #80C342; border-bottom-color: #80C342; } } .inspections .expanded .tab-pane .row { padding: 10px; } .inspections .expanded #my-inspections span.header { color: #aaa; font-size: 13px; } .inspections .expanded #my-inspections .btn.search { background-color: #80C342; border: #80C342; } .inspection .subnav { border-bottom: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .inspection .tabbed-nav > li:not(.active) > a { color: #013A81; } .inspection .tab-content { padding-bottom: 0px; } .inspection-log .three-col.box-group { margin: 20px 0 70px; } .review-mode .three-col.box-group { margin: 20px 0 20px; } @media (min-width: 768px) { .inspection.new .page-header .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 767px) { .inspection.new .page-header .content .badge { margin: 10px 0; display: inline-block; } } @media (min-width: 768px) { .inspection.new .page-header .content .badge { margin-left: 20px; } } .inspection.new .page-header .content .dropdown { margin-left: auto; margin-right: 20px; color: white; font-size: 26px; position: relative; } @media (max-width: 767px) { .inspection.new .page-header .content .dropdown { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } .inspection.new .page-header .content .dropdown > a { color: white; } .inspection.new .page-header .content .dropdown > a:hover { text-decoration: none; } .inspection.new .box-footer-controls { padding: 10px 20px; border-top: 1px solid #ddd; } @media (min-width: 768px) { .inspection.new .box-footer-controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .inspection.new .box-footer-controls .checkbox { margin: 0; font-size: 14px; } @media (max-width: 767px) { .inspection.new .box-footer-controls .checkbox label { padding: 10px 20px 15px; } } .inspection.new .box-footer-controls .checkbox label input { margin: 4px 5px 0 -20px; } @media (max-width: 767px) { .inspection.new .box-footer-controls .checkbox label input { margin: 4px 15px 0 -15px; } } .inspection.new .box-footer-controls .checkbox label span { font-family: "Open Sans", sans-serif; } @media (max-width: 767px) { .inspection.new .box-footer-controls .checkbox label span { margin-left: 10px; } } .inspection.new .box-footer-controls a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: "Open Sans", sans-serif; font-size: 13px; } @media (max-width: 767px) { .inspection.new .box-footer-controls a { padding: 8px 0; } } .inspection.new .box-footer-controls a:not(:last-of-type) { margin-right: 30px; } .inspection.new .box-footer-controls a:nth-last-of-type(2) { margin-right: 20px; } .inspection.new .box-footer-controls a > span:not(.icm) { color: #555; } .inspection.new .box-footer-controls a:hover { text-decoration: none; } .inspection.new .box-footer-controls svg { width: 24px; height: 24px; fill: currentColor; } .inspection.new .box-footer-controls .ic-text { color: #555; } .inspection.new .box-footer-controls .ic-text:first-of-type { margin-left: auto; } .inspection.new .box-footer-controls .ic-text.active { color: #679f33; } .inspection.new .box-footer-controls .ic-text.active span { color: #679f33; } .inspection.new .box-footer-controls .ic { color: #013A81; } .inspection.new .box-footer-controls .icm { font-size: 24px; } .inspection.new .box-footer-controls svg, .inspection.new .box-footer-controls .icm { margin-right: 5px; } .inspection.new .alert-container { position: fixed; top: 25%; right: 45%; z-index: 99;} @media (max-width: 767px) { .inspection.new .box-footer-controls svg, .inspection.new .box-footer-controls .icm { margin-right: 10px; } } .inspection.new .form-footer { margin-top: 30px; padding: 20px; background: #f6f6f6; } .inspection.new .form-footer .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin: 0 auto; width: 100%; } @media (min-width: 1200px) { .inspection.new .form-footer .content { max-width: 1160px; } } .inspection.new .form-footer .btn-bs { min-width: 120px; } .inspection.new .form-footer .btn-bs + .btn-bs { margin-left: 20px; } .inspection.new .tab-content .nav.nav-tabs { display: none; } .inspection.new .tab-content .table-responsive .descriptor .icons { font-size: 20px; } .inspection.new .tab-content .table-responsive .descriptor .icons a { cursor: default; } .inspection.new .tab-content .table-responsive .descriptor .icons a span { color: #679f33; } .item.mandatory { font-weight: bold; font-family: "Open Sans",sans-serif; color: #F48000 !important ;} .item.mandatory.black { font-weight: bold; font-family: "Open Sans",sans-serif; color: #555 !important; } .inspection-form { margin: 30px auto 0; } .inspection-form > .content { margin-top: 20px; padding: 0 20px; margin: 0 auto; width: 100%; } @media (min-width: 1200px) { .inspection-form > .content { max-width: 1160px; } } #map { display: none; width: 100%; height: 100%; position: absolute; top: 0; padding-top: 148px; } @media (min-width: 768px) { #map { display: block; } } .inspection-details.stand-alone { background: url("../img/stand-alone-bg.png") repeat #ccc; } .inspection-details .alert-container { position: fixed; top: 25%; right: 50%; z-index: 99;} .inspection-details .page-header .content #inspection-messages { position: absolute; top: 10px; right: 0px; cursor: pointer; } .inspection-details .page-header .content #inspection-messages #inspection-messages-count { position: absolute; top: 0px; right: -5px; padding: 3px 5px; font-size: 9px; color: #fff; background: #DE0000; border-radius: 50%; } .inspection-details .heading { padding: 20px; } .inspection-details .heading .content { margin: 0 auto; width: 100%; } @media (min-width: 1200px) { .inspection-details .heading .content { max-width: 1160px; } } @media (min-width: 768px) { .inspection-details .heading .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .inspection-details .heading .content > a { font-size: 16px; } @media (max-width: 767px) { .inspection-details .heading .content > a { display: block; } } .inspection-details .heading h2 { color: #013A81; font-size: 28px; font-weight: 500; font-family: "Open Sans", sans-serif; margin: 0; } @media (max-width: 767px) { .inspection-details .heading .badge { margin-top: 10px; display: inline-block; } } @media (min-width: 768px) { .inspection-details .heading .badge { margin-right: auto; margin-left: 20px; } } .inspection-details .heading .cancel { font-size: 18px; } @media (max-width: 767px) { .inspection-details .heading .cancel { margin: 20px 0 0; display: inline-block; } } .inspection-details .pricing { margin-bottom: 20px; } .inspection-details .package-details { margin-top: 20px; } /* 2019-03-13 Charles story 7441: upped to 250px due to more content */ .inspection-details .services { max-height: 250px; overflow-y: auto; font-size: 14px; padding: 0px; } .inspection-details .services.box + .box { border-top: 0; } .inspection-details .services .discount { margin-left: auto; color: #999; } .inspection-details .services .price { max-width: 80px; margin-left: 30px; } .inspection-details .services .price-row.service-row { position: relative; } /*.inspection-details .services .price-row.service-row a.content.collapsed { padding-left: 26px; padding-right: 20px; }*/ .inspection-details .services .price-row.service-row div.description div { padding-left: 26px; } .inspection-details .services .price-row.adjustment-row { position: relative; } .inspection-details .services .price-row.adjustment-row .content { padding-left: 30px; padding-right: 20px; } .inspection-details .package-adjustments { padding-top: 10px; border-top: 1px solid #ccc; } .inspection-details .totals { padding: 20px; } .inspection-details .totals .discount { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .inspection-details .totals .discount .btn-bs { margin-left: 10px; } .inspection-details .totals .price-row .title { margin-left: auto; margin-right: 30px; color: #999; } .inspection-details .totals .price-row.total { font-weight: 600; } .inspection-details .totals .price-row.total .title { color: #555; } /*.inspection-details .page-footer .content .controls .btn-bs.marg-left { margin-left: 50%; }*/ .unit-details, .package-details { padding: 0 20px; } .unit-details .content, .package-details .content { margin: 0 auto; width: 100%; } @media (min-width: 1200px) { .unit-details .content, .package-details .content { max-width: 1160px; } } @media (min-width: 768px) { .unit-details .content, .package-details .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .unit-details .content > .col:nth-of-type(1), .package-details .content > .col:nth-of-type(1) { width: 60%; } .unit-details .content > .col:nth-of-type(2), .package-details .content > .col:nth-of-type(2) { width: 38%; } } .unit-details .result a, .package-details .result a { margin-top: 10px; display: inline-block; } .unit-details .result a:hover, .package-details .result a:hover { text-decoration: none; } .unit-details .images .icm, .package-details .images .icm { font-size: 26px; color: #013A81; } .unit-details .images .icm:hover, .unit-details .images .icm:focus, .unit-details .images .icm:active, .package-details .images .icm:hover, .package-details .images .icm:focus, .package-details .images .icm:active { color: #01234e; } .unit-details { position: relative; } .unit-details .content .block.phone.value-txt { padding-left: 10px; } .unit-details .content .block.mobile-phone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .unit-details .content .form-row .helper { margin-right: 20px; } .unit-details .content .form-row .result.notes .reset-m { font-size: 13px; } .package-details .content .box.services .price-row .description { margin-right: 140px; } .package-details .content .box.services .price-row .title { width: 200px; } .package-details .content .box.services .price-row .price.strike { margin-left: 20px; } .package-details .content .box.services .price-row .price.unstruck { margin-left: 20px; width: 150px; } .package-details .content .box.services .price-row .discount { margin-left: 20px; } .price-row { padding-top: 5px; padding-bottom: 5px; } .price-row:last-of-type { margin-bottom: 0; } .price-row > a .title:before { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: relative; top: 2px; margin-right: 5px; margin-left: 3px; content: "\e90f"; } .price-row > a.collapsed.brand .title { color: #80C342; } .price-row > a.collapsed .title { color: #555; } .price-row > a.collapsed .title:before { content: "\e90c"; } .price-row > a.collapsed .price { color: #555; } .price-row > a .title { color: #aaa; } .price-row > a .title + .price { color: #aaa; } .price-row > .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; color: #555; text-decoration: none; } @media (min-width: 991px) { .price-row > .content { font-size: 18px; } } .price-row > .content .description { width: 100%; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; font-size: 14px; color: #999; } @media (min-width: 991px) { .price-row > .content .description { margin-right: 240px; } } @media (max-width: 990px) { .price-row > .content .description { margin-top: 5px; margin-bottom: 10px; } } .price-row .form-row { max-width: 300px; margin-top: 10px; margin-bottom: 20px; } @media (max-width: 990px) { .price-row .form-row .btn-bs { margin-top: 5px; } } @media (min-width: 991px) { .price-row .form-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; } } .price-row .form-row .bootstrap-select, .price-row .form-row input { margin-right: 10px; } .price-row .form-row:last-of-type { margin-bottom: 0; } .price-row .discount-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-top: 0px; margin-bottom: 0px; } @media (max-width: 990px) { .price-row .discount-row .btn-bs { margin-top: 5px; } } @media (min-width: 991px) { .price-row .discount-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-bottom: 10px; } } .price-row .discount-row .left { width: 55%; } .price-row .discount-row .left select { min-width: 100%; } .price-row .discount-row .left.center select { min-width: 100%; } .price-row .discount-row .left.center { width: 75%; } .price-row .discount-row .center { width: 20%; } .price-row .discount-row .center input { text-align: center; } .price-row .discount-row .right { max-width: 25%; } .price-row .discount-row:last-of-type { margin-bottom: 0; } .price-row .remove-link { display: none; } .price-row:hover .remove-link { display: block; position: absolute; top: 8px; left: -17px; border-radius: 50%; padding: 3px 6px; color: #fff; background: #888; font-size: 11px; line-height: 12px; width: 18px; } .detail-content:hover .remove-link { margin-top: 5px; position: inherit; height: 18px;} .box.upgrade .box-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-align: center; color: white; } .box.upgrade .box-content > div { width: 48%; } .box.upgrade .box-content .title, .box.upgrade .box-content .price { padding-left: 10px; padding-right: 10px; } .box.upgrade .box-content .title { text-transform: uppercase; padding-top: 10px; } .box.upgrade .box-content .price { font-size: 30px; font-family: "Open Sans", sans-serif; padding-bottom: 10px; } .box.upgrade .box-content .detail { padding: 10px; font-weight: 300; font-size: 13px; } .box.upgrade .box-content .detail span { margin-right: 5px; } .box.upgrade .premium { background: #007AFF; } .box.upgrade .premium .detail { background: #0069DC; } .box.upgrade .prestige { background: #FF9B2D; } .box.upgrade .prestige .detail { background: #F48000; } .box.upgrade .plus { background: #888; } .box.upgrade .plus .detail { background: #555; } .upgrade-container .box-content a { color: white; text-decoration: none; } .upgrade-container .box + .box { border-top: 0; } .upgrade-container .box.pricing { border-top: 0; margin-bottom: 0; } .inspection-alerts { margin-top: 30px; } .inspection-alerts .box { padding: 20px; } .inspection-alerts .box + .box { margin-top: -1px; } .inspection-alerts .box-content > p { margin-top: 0; } .popover-homeowner .homeowner-phone { padding-bottom: 10px; } .popover-homeowner .homeowner-phone .col-xs-9 { padding-left: 0px; } .popover-homeowner .homeowner-phone .col-xs-3 { padding-left: 0px; padding-right: 0px; } .popover-reference .reference-phone .col-xs-9 { padding-left: 0px; } .popover-reference .reference-phone .col-xs-3 { padding-left: 0px; padding-right: 0px; } .popover-guided-messages .message-col { border-bottom: 1px solid #ccc; padding: 10px 0px; cursor: pointer; } .image-content { position: relative; } .image-content canvas { max-width: 100%; } .image-bg { position: relative; background: rgba(0, 0, 0, 0.5); padding: 10px; width: 100%; color: #eee; font-size: 13px; z-index: 1; } .image-bg span { margin-right: 10px; } .image-header { top: 0px; left: 0px; } .image-footer { bottom: 0px; left: 0px; } .image-footer button { border: 0px; background: none; margin-right: 0px; } .image-footer .ic-text { color: #fff; line-height: 26px; } .image-footer .ic-text.active { color: #A7Df73; } .image-footer .icm { font-size: 20px; } .image-footer .popover { background: rgba(0, 0, 0, 0.5); width: 200px; margin-top: -20px; left: 0px !important; /* Important used to override inline style */ } .image-footer .popover.top > .arrow:after { border-top-color: rgba(0, 0, 0, 0.5); margin-left: -25px; } .image-footer .options a { display: inline-block; margin: 0px 5px; background-position: top left; } .image-footer .options a.active { background-position: bottom left; } .image-footer .pencil-icon { width: 20px; height: 20px; background-image: url("../img/pencil.png"); line-height: 26px; } .image-footer .ellipse-icon { width: 20px; height: 20px; background-image: url("../img/circle.png"); line-height: 26px; } .image-footer .rect-icon { width: 28px; height: 20px; background-image: url("../img/rect.png"); line-height: 26px; } .image-footer .arrow-icon { width: 34px; height: 20px; background-image: url("../img/arrow.png"); line-height: 26px; } .image-footer i { display: block; width: 20px; height: 20px; border-radius: 50%; margin-bottom: 5px; cursor: pointer; } .image-footer i.active { border: 2px solid #fff; } .image-footer i.color-1 { background: #fff; } .image-footer i.color-2 { background: #fff600; } .image-footer i.color-3 { background: #ffba00; } .image-footer i.color-4 { background: #ff7200; } .image-footer i.color-5 { background: #e6e6e6; } .image-footer i.color-6 { background: #b4ff00; } .image-footer i.color-7 { background: #9ed200; } .image-footer i.color-8 { background: #ee0000; } .image-footer i.color-9 { background: #9d9d9d; } .image-footer i.color-10 { background: #29cba3; } .image-footer i.color-11 { background: #00a87f; } .image-footer i.color-12 { background: #884fa7; } .image-footer i.color-13 { background: #000; } .image-footer i.color-14 { background: #31a8e6; } .image-footer i.color-15 { background: #00699f; } .image-footer i.color-16 { background: #5f2a7c; } #sketch { background-color: #666; background-size: 100%; border: 1px solid #000; position: relative; background-repeat: no-repeat; background-position: top left; width: 856px; max-width: 100%; } #tmp_canvas { position: absolute; left: 0px; right: 0; bottom: 0; top: 0; cursor: crosshair; } .multi-upload { text-align: center; cursor: pointer; } .multi-upload .spinner { display: none; } .multi-upload.dragover { background: #013A81; } .inspection.new .box-footer-controls.multi-upload span.ic { color: #333; } .inspection.new .box-footer-controls.multi-upload.dragover span.ic { color: #fff; } .multi-upload.dragover .spinner { display: inline-block; } .spinner { margin-left: 20px; width: 70px; } .spinner > div { width: 18px; height: 18px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .popover-content .rzslider .rz-bar { background: #414243; } .popover-content .rzslider .rz-pointer { top: -22px; width: 15px; height: 15px; } .popover-content .rzslider .rz-pointer:after { display: none; } .popover-content .rzslider .rz-bubble { display: none; } .popover-content .rzslider .rz-bar-wrapper { padding: 0px; } .template-detail #template-options { color: white; padding-right: 2%; } .template-detail .dropdown-menu.with-icons { margin-right: 2%; } .template-form { margin: 30px auto 0; } .template-form .heading { padding: 0 20px; margin: 0 auto; width: 100%; } @media (min-width: 1200px) { .template-form .heading { max-width: 1160px; } } .template-form .heading .title { font-size: 24px; color: #013A81; margin-bottom: 10px; } .template-form .heading .title.padded { padding: 40px; } .template-form .heading .title #new-template-name { font-size: 24px; line-height: 45px; height: 45px; } .template-form > .content { margin-top: 20px; padding: 0 20px; margin: 0 auto; width: 100%; } @media (min-width: 1200px) { .template-form > .content { max-width: 1160px; } } .template-form > .content .box .item-row { padding: 0px; } .template-form > .content .box .item-row > .left { float: left; display: inline; width: 80%; border-bottom: 1px solid #eee; } .template-form > .content .box .item-row > .left.area { width: 75%; } .template-form > .content .box .item-row > .right { float: right; padding: 10px 0; border-bottom: 1px solid #eee; width: 20%; text-align: center; font-size: 13px; min-height: 39px; } .template-form > .content .box .item-row > .right.area { width: 25%; } .template-form > .content .state { background: #013A81; color: white; margin: 0 10px 10px 0; display: inline-block; cursor: default; } .template-form > .content .add-custom .btn-bs.btn-check.btn-default { margin-right: 0px; margin-left: 10px; } .template-form > .content .add-custom .icon-bin { color: #919191; } .template-form.sm .heading { padding: 0 20px; display: block;} @media (max-width: 800px) { .template-form.sm .heading { padding: 0 20px; } } .template-form.sm .heading .content { margin: 0 auto; max-width: 800px; } @media (max-width: 767px) { .template-form.sm .controls a:not(:first-of-type) { margin-top: 20px; } } .template-form .box-heading a > span { margin-right: 5px; } .template-form .footer-controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #eee; padding: 30px 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; margin-top: 10px; } .template-form .footer-controls .create-new { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .template-form .footer-controls img { max-width: 30px; height: 30px; margin-right: 10px; } .template-form .page-footer .content .controls .btn-bs.btn-lg.btn-green { margin-left: 5%; } .border-list { margin: 20px 0; } .border-list .title { margin-bottom: 20px; font-family: "Open Sans", sans-serif; color: #013A81; font-size: 18px; } .border-list > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .border-list > a:hover { background: #eee; text-decoration: none; } .border-list > a.active, .border-list > a:active { background: #80C342; color: white; } .border-list > a.box { padding: 10px 20px; position: relative; } .border-list > a.box > span { display: block; } @media (min-width: 991px) { .border-list > a.box > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: auto; } } .border-list > a.box > span.disabled { position: absolute; right: 10px; top: 10px; background: #999; color: #fff; padding: 2px 7px; font-size: small; } /* .border-list > a.box > span.home { position: absolute; right: 10px; top: 10px; background: #013A81; color: #fff; padding: 2px 7px; font-size: small; } .border-list > a.box > span.marketready { position: absolute; right: 10px; top: 10px; background: #7E27B9; color: #fff; padding: 2px 7px; font-size: small; } */ .border-list > a.box > span.badge { position: absolute; right: 10px; top: 10px; padding: 2px 7px; font-size: small; } .system-box span.badge { float: right; margin-right: 15px; padding: 2px 7px; font-size: small; } /* .system-box span.home { float: right; margin-right: 15px; background: #013A81; color: #fff !important; padding: 2px 7px; font-size: small; } .system-box span.marketready { float: right; margin-right: 15px; background: #7E27B9; color: #fff !important; padding: 2px 7px; font-size: small; } .system-box span.addedservice { float: right; margin-right: 15px; color: #fff !important; padding: 2px 7px; font-size: small; } */ .border-list .box + .box { margin-top: -1px; } .template-setup .footer-controls .content .icm.icon-template { padding-right: 8px; } .package-comparison > .content { max-width: 1160px; margin: 20px auto 0; } .package-comparison table { width: 100%; border-collapse: collapse; } .package-comparison table tr td, .package-comparison table tr th { border: 1px solid #bbb; } .package-comparison table .icm { color: #03B800; font-size: 20px; } .package-comparison table th, .package-comparison table td { border-width: 1px 0; border-style: solid; border-color: #bbb; padding: 10px 20px; } @media (min-width: 768px) { .package-comparison table th:not(:first-of-type), .package-comparison table td:not(:first-of-type) { text-align: center; } } .package-comparison table th { color: white; text-transform: uppercase; } .package-comparison table th.title { color: #013A81; font-family: "Open Sans", sans-serif; } .package-comparison table th:not(:first-of-type) { width: 120px; } .package-comparison table td > span:not(.status) { font-family: "Open Sans", sans-serif; } .package-comparison table th.plus { color: white; background: #999999; } .package-comparison table th.premium { color: white; background: #007AFF; } .package-comparison table th.prestige { color: white; background: #FF9B2D; } .package-comparison table td:not(.plus):nth-of-type(2) { background: #EBEBEB; } .package-comparison table td:not(.premium):nth-of-type(3) { background: #CCE4FF; } .package-comparison table td:not(.prestige):nth-of-type(4) { background: #FFE9C0; } .package-comparison table tr.reset { cursor: pointer; } .package-comparison table tr.reset > td:first-of-type { border: 0; } .package-comparison table td.reset { padding: 0; vertical-align: top; border-color: white; } .package-comparison table td.reset:before { padding: 13px 0 5px 10px; color: white; } .package-comparison table .large-text, .package-comparison table .status { color: white; } .package-comparison table td.plus .large-text { background: #999999; } .package-comparison table td.plus .status { background: #666; } .package-comparison table td.premium .large-text { background: #007AFF; } .package-comparison table td.premium .status { background: #0069DC; } .package-comparison table td.prestige .large-text { background: #FF9B2D; } .package-comparison table td.prestige .status { background: #F48000; } .package-comparison table .detail { background: white; color: #999; font-size: 12px; padding: 10px; } .package-comparison table .detail .medium { color: #777; font-family: "Open Sans", sans-serif; } .package-comparison table .detail > p { margin-top: 5px; font-size: 11px; } .package-comparison table .large-text { font-size: 20px; font-family: "Open Sans", sans-serif; padding: 10px; display: block; } .package-comparison table .status { display: block; padding: 10px; font-size: 13px; } @media (max-width: 768px) { .review-items { border: 0; } } .review-items .heading { padding: 10px; } @media (min-width: 768px) { .review-items .heading { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .review-items .heading > .checkbox { font-size: 13px; } @media (min-width: 768px) { .review-items .heading > .checkbox { margin: 0 20px; } } .review-items .title { font-family: "Open Sans", sans-serif; margin-right: 20px; font-size: 14px; } .review-items .table-responsive { border-collapse: collapse; width: 100%; } @media (min-width: 768px) { .review-items .table-responsive .comments { width: 200px; } } .review-items .table-responsive .circle { background: #d9534f; border-radius: 50%; color: white; font-size: 10px; font-family: "Open Sans", sans-serif; text-transform: uppercase; padding: 3px 5px; margin-left: 10px; } .review-items .table-responsive thead { background: #013A81; } .review-items .table-responsive thead th { border-color: #013A81; color: white; padding: 10px; font-size: 12px; text-transform: uppercase; } .review-items .table-responsive tbody tr:not(:first-of-type) > td { border-top: 1px solid #ddd; } .review-items .table-responsive tbody td { font-size: 13px; padding: 10px; vertical-align: top; } .review-items .table-responsive .descriptor { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .review-items .table-responsive .descriptor .text { margin-right: 20px; } .review-items .table-responsive .descriptor .icons { margin-left: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .review-items .table-responsive .descriptor .icons > a { margin: 0 5px; color: #013A81; font-size: 18px; position: relative; } .review-items .table-responsive .descriptor .icons > a:hover { text-decoration: none; } .review-items .table-responsive .descriptor .icons > a[data-count]:before { content: attr(data-count); position: absolute; top: -5px; right: -5px; font-size: 10px; color: white; background: #d9534f; padding: 1px 4px; border-radius: 50%; } .vias .content { padding: 0 20px; } .vias .tab-content { border: 1px solid #ddd; } .via-detail .page-header .back { position: relative; } .via-detail .page-header .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .via-detail .page-header h1 + .sub { font-family: "Open Sans", sans-serif; font-weight: 400; color: rgba(255, 255, 255, 0.7); } .via-detail .page-header .controls > a:not(.btn-bs) { font-size: 24px; margin-left: 20px; } .via-detail .page-header .controls > a:hover:not(.btn-bs) { text-decoration: none; } .via-detail .via-heading { border-bottom: 1px solid #ddd; } .via-detail .via-heading .content { margin: 0 auto; width: 100%; padding: 20px; } @media (min-width: 1200px) { .via-detail .via-heading .content { max-width: 1160px; } } .via-detail .via-heading .title { text-transform: uppercase; font-family: "Open Sans", sans-serif; color: #013A81; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .via-detail .via-heading .title > span { padding-left: 10px; font-size: 20px; } .via-detail .via-heading .title > span.icon-notice { color: #DE0000; } .via-detail .via-content .content { padding: 20px; margin: 0 auto; width: 100%; } @media (min-width: 1200px) { .via-detail .via-content .content { max-width: 1160px; } } .via-detail .via-content .notifications { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .via-detail .via-content .notifications .badge { margin-right: 20px; } .via-detail .via-content .notifications .controls { margin-left: auto; } .via-detail .via-content .notifications .controls > a { font-size: 24px; margin-left: 20px; } .via-detail .via-content .notifications .controls > a:hover { text-decoration: none; } .via-detail .via-content .detail { margin: 40px 0; } .via-detail .via-content .detail strong { font-family: "Open Sans", sans-serif; } .via-detail .via-content .super-times { font-family: "Times New Roman", serif !important; line-height: 1.25 !important; } .via-detail .via-content .super-times span, .via-detail .via-content .super-times p, .via-detail .via-content .super-times b, .via-detail .via-content .super-times u, .via-detail .via-content .super-times i, .via-detail .via-content .super-times strong, .via-detail .via-content .super-times em, .via-detail .via-content .super-times td, .via-detail .via-content .super-times th { font-family: "Times New Roman", serif !important; line-height: 1.25 !important; } .via-detail .via-footer { position: fixed; width: 100%; bottom: 0; } .via-detail .via-footer #sign-button { background: #013A81; padding: 10px 20px; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .via-detail .via-footer #sign-button:hover { text-decoration: none; } .via-detail .via-footer #sign-button .icm { margin-left: 10px; top: 3px; position: relative; } .via-detail .via-footer #sign-button .icm:after { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; content: "\e927"; font-size: 18px; } .via-detail .via-footer #sign-button.open .icm:after { content: "\e926"; } .via-detail .via-footer .sign-block { overflow: hidden; -webkit-transition: all 0.15s; transition: all 0.15s; height: 0; padding: 0 30px; } .via-detail .via-footer .sign-block.open { padding: 30px; height: auto; background: white; } .via-detail .via-footer .sign-block .content { margin: 0 auto; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 1200px) { .via-detail .via-footer .sign-block .content { max-width: 1160px; } } .via-detail .via-footer .sign-block .content > div { width: 47%; } .via-detail .via-footer .sign-block .content .signature { display: block; border: 2px solid #ccc; padding: 10px; height: 60px; margin-bottom: 10px; background: #f6f6f6; } .via-detail .via-footer .sign-block .content .signature.empty { border-color: #DE0000; } .via-detail .via-footer .sign-block .content .signature.complete { border-color: #80C342; } .via-detail .via-footer .sign-block .generate-pdf { padding: 20px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .signature-block { min-height: 180px; width: 100%; display: block; background: #f6f6f6; } .reports .content { margin: 0 auto; width: 100%; padding: 0 20px; } @media (min-width: 1200px) { .reports .content { max-width: 1160px; } } .reports .tab-content { border: 1px solid #ccc; } .report-detail .page-header .back { position: relative; } @media (min-width: 768px) { .report-detail .page-header .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .report-detail .page-header h1 + .sub { font-family: "Open Sans", sans-serif; font-weight: 400; color: rgba(255, 255, 255, 0.7); } .report-detail .report-controls { border-bottom: 1px solid #ddd; } .report-detail .report-controls .icon-block { font-size: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .report-detail .report-controls .icon-block > a { margin-right: 10px; } .report-detail .report-controls .icon-block > a:not(:first-of-type) { margin-left: 10px; } .report-detail .report-controls .content { margin: 0 auto; width: 100%; padding: 20px; } @media (min-width: 1200px) { .report-detail .report-controls .content { max-width: 1160px; } } @media (min-width: 768px) { .report-detail .report-controls .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .report-detail .report-controls .content .controls { margin-top: 20px; } } @media (min-width: 768px) { .report-detail .report-controls .content .controls { margin-left: auto; } } .report-detail .report-content .content { padding: 20px; margin: 0 auto; width: 100%; } @media (min-width: 1200px) { .report-detail .report-content .content { max-width: 1160px; } } /*! Bootstrap-select v1.8.0 (http://silviomoreto.github.io/bootstrap-select) Copyright 2013-2015 bootstrap-select Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) */ select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select { width: 220px \0; /*IE9 and below*/ } .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; } .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; } .bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group { margin-bottom: 0; } .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control { padding: 0; } .form-inline .bootstrap-select.btn-group .form-control { width: 100%; } .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group.bs-container { position: absolute; } .bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; } .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; box-sizing: border-box; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff; } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: whitesmoke; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; box-sizing: border-box; } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; } .bs-actionsbox { width: 100%; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } .multiselect-container { position: absolute; list-style-type: none; margin: 0; padding: 0; } .multiselect-container .input-group { margin: 5px; } .multiselect-container > li { padding: 0; } .multiselect-container > li > a.multiselect-all label { font-weight: bold; } .multiselect-container > li.multiselect-group label { margin: 0; padding: 3px 20px 3px 20px; height: 100%; font-weight: bold; } .multiselect-container > li.multiselect-group-clickable label { cursor: pointer; } .multiselect-container > li.disabled.active { cursor: not-allowed; } .multiselect-container > li.disabled.active > a { color: rgba(255, 255, 255, 0.5); } .multiselect-container > li.disabled.active:hover { background: #013A81; color: rgba(255, 255, 255, 0.5); } .multiselect-container > li > a { padding: 0; } .multiselect-container > li > a > label { margin: 0; height: 100%; cursor: pointer; font-weight: normal; padding: 3px 20px 3px 40px; } .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox { margin: 0; } .multiselect-container > li > a > label > input[type="checkbox"] { margin-bottom: 5px; } .bootstrap-select.btn-group.date-range .dropdown-toggle .filter-option { width: auto; } .btn-group > .btn-group:nth-child(2) > .multiselect.btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio { padding: 3px 20px 3px 40px; } .form-inline .multiselect-container li a label.checkbox input[type="checkbox"], .form-inline .multiselect-container li a label.radio input[type="radio"] { margin-left: -20px; margin-right: 0; } .popover-content { color: #333; } .popover-title { color: #333; } .popover-content ul { margin: 0px; padding: 0px; max-height: 200px; overflow: auto; border: 1px solid #ccc; } .reset-this, .reset-this a, .reset-this abbr, .reset-this address, .reset-this area, .reset-this article, .reset-this aside, .reset-this div, .reset-this kbd, .reset-this keygen, .reset-this label, .reset-this legend, .reset-this li, .reset-this link, .reset-this map, .reset-this mark, .reset-this menu, .reset-this meta, .reset-this meter, .reset-this nav, .reset-this noscript, .reset-this object, .reset-this ol, .reset-this optgroup, .reset-this option, .reset-this output, .reset-this p, .reset-this param, .reset-this pre, .reset-this progress, .reset-this q, .reset-this rp, .reset-this rt, .reset-this ruby, .reset-this s, .reset-this samp, .reset-this script, .reset-this section, .reset-this select, .reset-this small, .reset-this source, .reset-this span, .reset-this strong, .reset-this style, .reset-this sub, .reset-this summary, .reset-this sup, .reset-this table, .reset-this tbody, .reset-this td, .reset-this textarea, .reset-this tfoot, .reset-this th, .reset-this thead, .reset-this time, .reset-this title, .reset-this tr, .reset-this track, .reset-this u, .reset-this ul, .reset-this var, .reset-this video, .reset-this wbr { -webkit-animation: none; animation: none; -webkit-animation-delay: 0; animation-delay: 0; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 0; animation-duration: 0; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-name: none; animation-name: none; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-backface-visibility: visible; backface-visibility: visible; background: 0; background-clip: border-box; background-origin: padding-box; background-position-x: 0; background-position-y: 0; background-size: auto auto; border: 0; border-width: medium; border-color: inherit; border-bottom: 0; border-bottom-color: inherit; border-collapse: separate; -o-border-image: none; border-image: none; border-left: 0; border-left-color: inherit; border-radius: 0; border-right: 0; border-right-color: inherit; border-spacing: 0; border-top: 0; border-top-color: inherit; bottom: auto; box-shadow: none; box-sizing: content-box; caption-side: top; clear: none; clip: auto; color: inherit; -webkit-columns: auto; -moz-columns: auto; columns: auto; -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance; -webkit-column-gap: normal; -moz-column-gap: normal; column-gap: normal; -webkit-column-rule: medium none currentColor; -moz-column-rule: medium none currentColor; column-rule: medium none currentColor; -webkit-column-rule-color: currentColor; -moz-column-rule-color: currentColor; column-rule-color: currentColor; -webkit-column-rule-style: none; -moz-column-rule-style: none; column-rule-style: none; -webkit-column-rule-width: none; -moz-column-rule-width: none; column-rule-width: none; -webkit-column-span: 1; -moz-column-span: 1; column-span: 1; -webkit-column-width: auto; -moz-column-width: auto; column-width: auto; content: normal; counter-increment: none; counter-reset: none; cursor: auto; direction: ltr; display: inline; empty-cells: show; float: none; font: 400; font-family: inherit; font-size: medium; font-style: normal; font-variant: normal; font-weight: 400; height: auto; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; left: auto; letter-spacing: normal; line-height: normal; list-style: disc; margin: 0; max-height: none; max-width: none; min-height: 0; min-width: 0; opacity: 1; orphans: 0; outline: 0; outline-width: medium; overflow: visible; overflow-x: visible; overflow-y: visible; padding: 0; page-break-after: auto; page-break-before: auto; page-break-inside: auto; -webkit-perspective: none; perspective: none; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; position: static; quotes: '\201C' '\201D' '\2018' '\2019'; right: auto; -moz-tab-size: 8; -o-tab-size: 8; tab-size: 8; table-layout: auto; text-align: inherit; -moz-text-align-last: auto; text-align-last: auto; text-decoration: none; -webkit-text-decoration-color: inherit; text-decoration-color: inherit; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; text-indent: 0; text-shadow: none; text-transform: none; top: auto; -webkit-transform: none; transform: none; -webkit-transform-style: flat; transform-style: flat; -webkit-transition: none; transition: none; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transition-property: none; transition-property: none; -webkit-transition-timing-function: ease; transition-timing-function: ease; unicode-bidi: normal; vertical-align: baseline; visibility: visible; white-space: normal; widows: 0; width: auto; word-spacing: normal; z-index: auto; } .reset-this h1, .reset-this h2, .reset-this h3, .reset-this h4, .reset-this h5, .reset-this h6, .reset-this th { font-weight: 700; } .reset-this table > tr, .reset-this tbody, .reset-this tfoot, .reset-this thead { vertical-align: middle; } .reset-this html { display: block; } .reset-this head, .reset-this link, .reset-this meta, .reset-this script, .reset-this style, .reset-this title { display: none; } .reset-this body { display: block; margin: 8px; } .reset-this p { display: block; margin: 1em 0; } .reset-this blockquote, .reset-this figure { margin: 1em 40px; display: block; } .reset-this address, .reset-this article, .reset-this aside, .reset-this div, .reset-this footer, .reset-this header, .reset-this hgroup, .reset-this layer, .reset-this main, .reset-this nav, .reset-this section { display: block; } .reset-this marquee { display: inline-block; overflow: -webkit-marquee; } .reset-this figcaption { display: block; } .reset-this q { display: inline; } .reset-this q::before { content: open-quote; } .reset-this q::after { content: close-quote; } .reset-this center { display: block; text-align: -webkit-center; } .reset-this hr { display: block; margin: .5em auto; border-style: inset; border-width: 1px; } .reset-this video { -o-object-fit: contain; object-fit: contain; } .reset-this h1 { display: block; font-size: 2em; margin: .67em 0; } .reset-this :matches(article, .reset-this aside, .reset-this nav, .reset-this section) h1 { font-size: 1.5em; margin: .83em 0; } .reset-this :matches(article, .reset-this aside, .reset-this nav, .reset-this section) :matches(article, .reset-this aside, .reset-this nav, .reset-this section) h1 { font-size: 1.17em; margin: 1em 0; } .reset-this :matches(article, .reset-this aside, .reset-this nav, .reset-this section) :matches(article, .reset-this aside, .reset-this nav, .reset-this section) :matches(article, .reset-this aside, .reset-this nav, .reset-this section) h1 { font-size: 1em; margin: 1.33em 0; } .reset-this :matches(article, .reset-this aside, .reset-this nav, .reset-this section) :matches(article, .reset-this aside, .reset-this nav, .reset-this section) :matches(article, .reset-this aside, .reset-this nav, .reset-this section) :matches(article, .reset-this aside, .reset-this nav, .reset-this section) h1 { font-size: .83em; margin: 1.67em 0; } .reset-this :matches(article, .reset-this aside, .reset-this nav, .reset-this section) :matches(article, .reset-this aside, .reset-this nav, .reset-this section) :matches(article, .reset-this aside, .reset-this nav, .reset-this section) :matches(article, .reset-this aside, .reset-this nav, .reset-this section) :matches(article, .reset-this aside, .reset-this nav, .reset-this section) h1 { font-size: .67em; margin: 2.33em 0; } .reset-this h2 { display: block; font-size: 1.5em; margin: .83em 0; } .reset-this h3 { display: block; font-size: 1.17em; margin: 1em 0; } .reset-this h4 { display: block; margin: 1.33em 0; } .reset-this h5 { display: block; font-size: .83em; margin: 1.67em 0; } .reset-this h6 { display: block; font-size: .67em; margin: 2.33em 0; } .reset-this table { display: table; border-collapse: separate; border-spacing: 2px; border-color: gray; } .reset-this thead { display: table-header-group; border-color: inherit; } .reset-this tbody { display: table-row-group; border-color: inherit; } .reset-this tfoot { display: table-footer-group; border-color: inherit; } .reset-this col { display: table-column; } .reset-this colgroup { display: table-column-group; } .reset-this tr { display: table-row; vertical-align: inherit; border-color: inherit; } .reset-this td, .reset-this th { display: table-cell; vertical-align: inherit; } .reset-this caption { display: table-caption; text-align: -webkit-center; } .reset-this dir, .reset-this menu, .reset-this ul { display: block; list-style-type: disc; margin: 1em 0; padding: 10px; } .reset-this ol { display: block; list-style-type: decimal; margin: 1em 0; padding-left: 40px; } .reset-this li { display: list-item; text-align: -webkit-match-parent; } .reset-this ol ul, .reset-this ul ul { list-style-type: circle; } .reset-this ol ol ul, .reset-this ol ul ul, .reset-this ul ol ul, .reset-this ul ul ul { list-style-type: square; } .reset-this dd { display: block; margin-left: 40px; } .reset-this dl { display: block; margin: 1em 0; } .reset-this dt { display: block; } .reset-this ol ol, .reset-this ol ul, .reset-this ul ol, .reset-this ul ul { margin: 0; } .reset-this form { display: block; margin-top: 0; } .reset-this label { cursor: default; } .reset-this legend { display: block; padding-left: 2px; padding-right: 2px; border: none; } .reset-this fieldset { display: block; margin-left: 2px; margin-right: 2px; -webkit-padding-before: .35em; padding-left: .75em; padding-right: .75em; -webkit-padding-after: .625em; border: 2px groove ThreeDFace; min-width: -webkit-min-content; } .reset-this button { -webkit-appearance: button; } .reset-this button, .reset-this input, .reset-this isindex, .reset-this keygen, .reset-this meter, .reset-this progress, .reset-this select, .reset-this textarea { -webkit-writing-mode: horizontal-tb !important; } .reset-this button, .reset-this input, .reset-this isindex, .reset-this keygen, .reset-this select, .reset-this textarea { margin: 0; color: initial; letter-spacing: normal; word-spacing: normal; line-height: normal; text-transform: none; text-indent: 0; text-shadow: none; display: inline-block; text-align: start; } .reset-this input[type=hidden] { display: none; } .reset-this input, .reset-this input:matches([type=password], .reset-this [type=search]), .reset-this isindex { -webkit-appearance: textfield; background-color: #fff; border: 2px inset; padding: 1px; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; } .reset-this input[type=search] { -webkit-appearance: searchfield; box-sizing: border-box; } .reset-this input::-webkit-textfield-decoration-container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; content: none !important; } .reset-this input[type=search]::-webkit-textfield-decoration-container { direction: ltr; } .reset-this input::-webkit-clear-button { -webkit-appearance: searchfield-cancel-button; display: inline-block; -webkit-box-flex: 0; -webkit-flex: none; flex: none; margin-left: 2px; } .reset-this input[type=search]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; display: block; -webkit-box-flex: 0; -webkit-flex: none; flex: none; -webkit-align-self: flex-start; align-self: flex-start; margin: auto 0; } .reset-this input[type=search]::-webkit-search-decoration { -webkit-appearance: searchfield-decoration; display: block; -webkit-box-flex: 0; -webkit-flex: none; flex: none; -webkit-align-self: flex-start; align-self: flex-start; margin: auto 0; } .reset-this input[type=search]::-webkit-search-results-decoration { -webkit-appearance: searchfield-results-decoration; display: block; -webkit-box-flex: 0; -webkit-flex: none; flex: none; -webkit-align-self: flex-start; align-self: flex-start; margin: auto 0; } .reset-this input[type=search]::-webkit-search-results-button { -webkit-appearance: searchfield-results-button; display: block; -webkit-box-flex: 0; -webkit-flex: none; flex: none; } .reset-this input::-webkit-inner-spin-button { -webkit-appearance: inner-spin-button; display: block; position: relative; cursor: default; height: 1.5em; vertical-align: top; -webkit-box-flex: 0; -webkit-flex: none; flex: none; -webkit-user-select: none; } .reset-this input::-webkit-auto-fill-button { -webkit-mask-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAAAAXNSR0IB2cksfwAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAADyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE1LTA0LTAzVDE2OjA2OjI1PC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNS0wNC0wM1QxNjowMzoxNjwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4xNTwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xMjwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgoz37ZdAAAA5ElEQVQoFY2RsQ5BQRBFd9EgEYXv8QlaEqVGpfUPao3oKXyEQiJI1ERESaGmwnPu2k2QJ2uS82Z2du7s7jyTJInBWnCABeygoXwM6kwN1GELFo7wgOo/4gmFEovzWzyMiTMUlyFYJQT4wlucGko8T90xZv0j/5EusVpCuLr8FPK6NraHPmT8Oks8gI2bKEEOZhAauEJf3PX5Eb4ImpEG2gni0NWJvwdFYRvuoIHeoOUa++56+wpSxb6myf4J6qG5VWCt1ckPvHsksf531HSiDJ1VV9n15eJfJ+YkvWcMF+jFZa+KJ554xIc+jempAAAAAElFTkSuQmCC) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAYCAYAAADtaU2/AAAAAXNSR0IB2cksfwAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAADyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOnRpZmY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vdGlmZi8xLjAvIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyI+CiAgICAgICAgIDx4bXA6TW9kaWZ5RGF0ZT4yMDE1LTA0LTAzVDE2OjA2OjIxPC94bXA6TW9kaWZ5RGF0ZT4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKTwveG1wOkNyZWF0b3JUb29sPgogICAgICAgICA8eG1wOkNyZWF0ZURhdGU+MjAxNS0wNC0wM1QxNjowMzoyNTwveG1wOkNyZWF0ZURhdGU+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgICAgIDx0aWZmOllSZXNvbHV0aW9uPjcyPC90aWZmOllSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpSZXNvbHV0aW9uVW5pdD4yPC90aWZmOlJlc29sdXRpb25Vbml0PgogICAgICAgICA8dGlmZjpYUmVzb2x1dGlvbj43MjwvdGlmZjpYUmVzb2x1dGlvbj4KICAgICAgICAgPGV4aWY6Q29sb3JTcGFjZT4xPC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWERpbWVuc2lvbj4zMDwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4yNDwvZXhpZjpQaXhlbFlEaW1lbnNpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpGMDB3AAAB8UlEQVRIDbVWO07DQBS0QSJUNJQcAloOQMEZ6InSUMEBkFJEQihQkQKJklQUlFBQQoH4SHAKJDokAgIz4+wLs5u15RjypOF9dvaN197dkCS/NodwC7gG3hxuXI1jUcuyLKkDa7aE4B7IHM7hCcs5Rs6Y1RHlHBpXo6JXeXX45xLOxB8QN2QsD+sKz2B2E1iRhqnEsxIvI96U/M8hv6mtyjxXehGpk+tZ3RVzdQOgcPN4KkPuvNbse2mtSsxXPYl9TkIu41L4rowQjD0Fee2UwqcTzA65/TRNB0CzSg/ygHegT34D4FGxjVXkHx0XbmQfiIzfKtto4LWEy3m58XLQs2zNzPPByAltGwXj0EfFUecbUd4O8pFxZ98CSrC4bNfvypxvxBu6cubAl3DaRSfBxNRjXtxckw5GjU+RXJweUNGOPRTqnrWRWQP1HkkTaRSK98CLioYr5vV4BqigxarlxSbsmu0XzO8qLxRmw/WCiRyLmjYEgTfhEWAPTM88VV4ozDP9HEyyBijHLdKQ4l2AR+YAGBMNhcFJVgETU8+xqIXCVXNtxm9cdJyU58VVhUKe/khwB+55XaeYqDC/zdoUtbzWFDPj7fQCLFjB+Vf4xaA2SvkK65iumLvwJNLkOFL79xJXfQhwlQTjsnu61r+2fEs/b4ZbzrEPMzEAAAAASUVORK5CYII=) 2x); -webkit-mask-size: 15px 12px; width: 15px; height: 12px; margin-left: 3px; margin-right: 2px; background-color: #000; -webkit-box-flex: 0; -webkit-flex: none; flex: none; -webkit-user-select: none; } .reset-this input::-webkit-auto-fill-button:hover { background-color: #007aff; } .reset-this input::-webkit-auto-fill-button:active { background-color: #003cdb; } .reset-this input::-webkit-caps-lock-indicator { -webkit-appearance: caps-lock-indicator; content: url('data:image/svg+xml,'); -webkit-align-self: stretch; align-self: stretch; -webkit-box-flex: 0; -webkit-flex: none; flex: none; -webkit-user-select: none; } .reset-this keygen, .reset-this select { border-radius: 5px; } .reset-this keygen::-webkit-keygen-select { margin: 0; } .reset-this textarea { -webkit-appearance: textarea; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; resize: auto; cursor: auto; padding: 2px; white-space: pre-wrap; word-wrap: break-word; } .reset-this ::-webkit-input-placeholder { -webkit-text-security: none; color: #a9a9a9; pointer-events: none !important; } .reset-this input::-webkit-input-placeholder, .reset-this isindex::-webkit-input-placeholder { white-space: pre; word-wrap: normal; overflow: hidden; } .reset-this input[type=password] { -webkit-text-security: disc !important; } .reset-this input:matches([type=hidden], .reset-this [type=image], .reset-this [type=file]) { -webkit-appearance: initial; padding: initial; background-color: initial; border: initial; } .reset-this input[type=file] { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; -ms-grid-row-align: baseline; align-items: baseline; color: inherit; text-align: start !important; } .reset-this input:-webkit-autofill { background-color: #FAFFBD !important; background-image: none !important; color: #000 !important; } .reset-this input:matches([type=radio], .reset-this [type=checkbox]) { margin: 3px 2px; padding: initial; background-color: initial; border: initial; } .reset-this input:matches([type=button], .reset-this [type=submit], .reset-this [type=reset]) { -webkit-appearance: push-button; white-space: pre; } .reset-this input[type=file]::-webkit-file-upload-button { -webkit-appearance: push-button; white-space: nowrap; margin: 0; font-size: inherit; } .reset-this button, .reset-this input:matches([type=button], .reset-this [type=submit], .reset-this [type=reset]), .reset-this input[type=file]::-webkit-file-upload-button { -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; text-align: center; cursor: default; color: ButtonText; padding: 0 1em; border: 1px solid #4c4c4c; background-color: rgba(255, 255, 255, 0.01); font: 11px Helvetica; box-sizing: border-box; } .reset-this button:active, .reset-this input:matches([type=button], .reset-this [type=submit], .reset-this [type=reset]):active, .reset-this input[type=file]::-webkit-file-upload-button:active { color: ActiveButtonText; } .reset-this input[type=range] { -webkit-appearance: slider-horizontal; padding: initial; border: initial; margin: 2px; color: #909090; } .reset-this input[type=range]::-webkit-media-slider-container, .reset-this input[type=range]::-webkit-slider-container { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; align-contents: center; } .reset-this input[type=range]::-webkit-slider-runnable-track { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-align-self: center; align-self: center; box-sizing: border-box; display: block; } .reset-this input[type=range]::-webkit-media-slider-thumb, .reset-this input[type=range]::-webkit-slider-thumb { -webkit-appearance: sliderthumb-horizontal; box-sizing: border-box; display: block; } .reset-this button:disabled, .reset-this input:matches([type=button], .reset-this [type=submit], .reset-this [type=reset]):disabled, .reset-this input[type=file]:disabled::-webkit-file-upload-button, .reset-this keygen:disabled, .reset-this optgroup:disabled, .reset-this option:disabled, .reset-this select:disabled, .reset-this select[disabled] > option { color: GrayText; } .reset-this area, .reset-this param { display: none; } .reset-this input[type=checkbox] { -webkit-appearance: checkbox; border-radius: 5px; width: 16px; height: 16px; padding: 0; background-color: rgba(255, 255, 255, 0.01); } .reset-this select { box-sizing: border-box; -webkit-appearance: menulist; border: 1px solid; color: #000; background-color: #fff; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; white-space: pre; -webkit-rtl-ordering: logical; cursor: default; } .reset-this optgroup { font-weight: bolder; } .reset-this option { font-weight: 400; } .reset-this output { display: inline; } .reset-this ::-webkit-validation-bubble { display: inline-block; z-index: 2147483647; position: absolute; opacity: .95; line-height: 0; margin: 0; -webkit-text-security: none; -webkit-transition: opacity 5.5s ease; transition: opacity 5.5s ease; } .reset-this ::-webkit-validation-bubble-message { display: -webkit-box; display: -webkit-flex; display: flex; position: relative; top: -4px; font: message-box; color: #000; min-width: 50px; max-width: 200px; border: 2px solid #400; background: -webkit-gradient(linear, left top, left bottom, from(#f8ecec), to(#e8cccc)); padding: 8px; border-radius: 8px; -webkit-box-shadow: 4px 4px 4px rgba(100, 100, 100, 0.6), inset -2px -2px 1px #d0c4c4, inset 2px 2px 1px #fff; line-height: normal; white-space: normal; z-index: 2147483644; } .reset-this ::-webkit-validation-bubble-text-block { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .reset-this ::-webkit-validation-bubble-heading { font-weight: 700; } .reset-this ::-webkit-validation-bubble-arrow { display: inline-block; position: relative; left: 32px; width: 16px; height: 16px; background-color: #f8ecec; border-width: 2px 0 0 2px; border-style: solid; border-color: #400; box-shadow: inset 2px 2px 1px #fff; -webkit-transform-origin: 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2147483645; } .reset-this ::-webkit-validation-bubble-arrow-clipper { display: block; overflow: hidden; height: 16px; } .reset-this progress { -webkit-appearance: progress-bar; box-sizing: border-box; display: inline-block; height: 1em; width: 10em; vertical-align: -.2em; } .reset-this progress::-webkit-progress-inner-element { -webkit-appearance: inherit; box-sizing: inherit; height: 100%; width: 100%; } .reset-this progress::-webkit-progress-bar { background-color: gray; height: 100%; width: 100%; box-sizing: border-box; } .reset-this progress::-webkit-progress-value { background-color: green; height: 100%; width: 50%; box-sizing: border-box; } .reset-this ins, .reset-this u { text-decoration: underline; } .reset-this b, .reset-this strong { font-weight: 700; } .reset-this address, .reset-this cite, .reset-this dfn, .reset-this em, .reset-this i, .reset-this var { font-style: italic; } .reset-this code, .reset-this kbd, .reset-this samp, .reset-this tt { font-family: monospace; } .reset-this listing, .reset-this plaintext, .reset-this pre, .reset-this xmp { display: block; font-family: monospace; white-space: pre; margin: 1em 0; } .reset-this mark { background-color: #ff0; color: #000; } .reset-this big { font-size: larger; } .reset-this small, .reset-this sub, .reset-this sup { font-size: smaller; } .reset-this del, .reset-this s, .reset-this strike { text-decoration: line-through; } .reset-this sub { vertical-align: sub; } .reset-this sup { vertical-align: super; } .reset-this nobr { white-space: nowrap; } .reset-this :focus { outline: auto; } .reset-this applet:focus, .reset-this body:focus, .reset-this embed:focus, .reset-this html:focus, .reset-this iframe:focus, .reset-this input[readonly]:focus, .reset-this object:focus { outline: 0; } .reset-this input:matches([type=button], .reset-this [type=checkbox], .reset-this [type=file], .reset-this [type=hidden], .reset-this [type=image], .reset-this [type=radio], .reset-this [type=reset], .reset-this [type=search], .reset-this [type=submit]):focus, .reset-this input[type=file]:focus::-webkit-file-upload-button { outline-offset: 0; } .reset-this a:any-link { color: -webkit-link; text-decoration: underline; cursor: auto; } .reset-this a:any-link:active { color: -webkit-activelink; } .reset-this rt, .reset-this ruby { text-indent: 0; } .reset-this rt { line-height: normal; -webkit-text-emphasis: none; } .reset-this ruby > rt { display: block; font-size: -webkit-ruby-text; text-align: start; } .reset-this noframes, .reset-this ruby > rp { display: none; } .reset-this details, .reset-this frame, .reset-this frameset, .reset-this summary { display: block; } .reset-this frameset { border-color: inherit; } .reset-this iframe { border: 2px inset; } .reset-this summary::-webkit-details-marker { display: inline-block; width: .66em; height: .66em; margin-right: .4em; } .reset-this bdi, .reset-this output { unicode-bidi: -webkit-isolate; } .reset-this bdo { unicode-bidi: bidi-override; } .reset-this ol li { list-style-type: decimal; } .popover-content .reset-this li { padding: 5px; margin: 0px; list-style: disc; cursor: normal; } .popover-content li { padding: 5px; margin: 0px; list-style: none; cursor: pointer; } .popover-content li.selected { background: #013A81; color: #fff; } @font-face { font-family: 'Glyphicons Halflings'; src: url("../fonts/glyphicons-halflings-regular.eot"); src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); box-shadow: none; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .box .title .pull-right { cursor: pointer; } /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||| |||██╗|||██╗███████╗|||███████╗|█████╗|███████╗███████╗||| |||██║|||██║██╔════╝|||██╔════╝██╔══██╗██╔════╝██╔════╝||| |||██║|||██║█████╗|||||███████╗███████║███████╗███████╗||| |||╚██╗|██╔╝██╔══╝|||||╚════██║██╔══██║╚════██║╚════██║||| ||||╚████╔╝|██║||||||||███████║██║||██║███████║███████║||| |||||╚═══╝||╚═╝||||||||╚══════╝╚═╝||╚═╝╚══════╝╚══════╝||| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||| MODIFYING THE CONTENTS OF THE MAIN.CSS FILE DIRECTLY IS A POOR LIFE DECISION. Last compiled on: 2016-04-08T20:49:16Z */ /*# sourceMappingURL=main.css.map */ .print { display: none; } .hideSystem { visibility: hidden; overflow: hidden; height: 0px !important; position: absolute; left: -1000000px; } /*.inspection-report::before { content: ' '; position: fixed; width: 100%; height: 100%; border: 1px dotted #333; left: 0; top: 0; }*/ .print.bordered { border: 4px solid #555; padding: 30px; } .print.heading { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 10px; color: #888; display: none; } div.heading { position: static; top: 0; left: 0; width: 100%; } .heading { display: none; } .print .section-heading { text-transform: uppercase; font-family: "Open Sans", sans-serif; font-size: 20px; border-bottom: 1px solid #aaa; padding: 0 0 10px; } .print .section-heading.first { margin-top: 10mm; } .print .section-content { margin-bottom: 40px; padding: 0; width: 100%; } .print .section-content h4 { font-family: "Open Sans", sans-serif; font-weight: 400; } .print .section-content p { margin: 10px 0; } .print .inspection-label { padding: 10px 0; text-align: center; font-size: 20pt; font-family: "Open Sans", sans-serif; color: #939598 !important; font-weight: 600; } .print .inspection-photo { margin: 0 auto; text-align: center; max-width: 492px; max-height: 300px; min-height: 300px; overflow: hidden; } .print .inspection-photo > img { width: 100%; height: 100%; } .print .inspection-details { text-align: center; } .print .inspection-details .label { margin-top: 20px; text-transform: uppercase; border: none !important; margin-bottom: 5px; font-family: "Open Sans", sans-serif; font-weight: 400; color: #000 !important; } .print .inspector-contact .label { border: none !important; text-transform: uppercase; margin-bottom: 5px; font-weight: 600; } .print .inspector-contact { display: flex; justify-content: space-between; font-size: 11pt; } .print .disclosure { width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 11px; position: static; bottom: 0; left: 0; border-top: 30px solid #80c341; } .print .inspection-details .address { font-size: 14pt; line-height: 21px; font-family: "Open Sans", sans-serif; font-weight: 600; } .print .inspection-details .inspection-no { margin-top: 5px; font-family: "Open Sans", sans-serif; font-size: 12px; color: #7f7770; font-weight: 600;} .print .inspection-details .inspected-by { margin-top: 55px; font-family: "Open Sans", sans-serif; font-size: 16px; margin-bottom: 20px; } .print .inspection-details .logo { width: 300px; } .print .inspector { text-align: left; } .print .inspector .license { position: relative; top: -15px; } .print .inspector .address { margin-bottom: 10px; } .print .inspector .email { margin-top: 10px; display: block; } .print .client-label { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; padding-bottom: 20px; } .client-label span { display: block; } .print .client-name { font-size: 20px; } .print .ptp-report-logo { text-align: center; display: flex; justify-content: center; width: 100%; overflow: hidden; height: 100px; } .print .ptp-report-logo img { width: auto; } .print .inspector em { font-size: 10px; margin-top: 14px; display: inline-block; } .prepared { font-family: 'Open Sans', sans-serif; } .report-heading { display: none; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-size: 18pt; margin-top: 40px; border-bottom: 1px solid #aaa; padding-bottom: 10px; } @media screen { .report-heading { display: none; margin-top: 0px; } } .end-of-report { font-size: 14pt !important; } .container-max { max-width: 1200px; margin: 0 auto; } .print-footer { font-size: 13px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 4px solid #80C342; padding: 20px; padding-top: 5px; display: none; color: #888; } .print-footer .logo { margin: 0 auto; } .print-footer .logo img { width: 100px; } .print-footer .inspection-id { margin-right: 20px; } @media screen { .inspection-report .web .page-heading { padding: 25px 0px; } } .inspection-report .page-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 25px; align-items: baseline;} .inspection-report .page-heading .address { color: #7e756f; font-size: 16px; } .inspection-report .page-heading .inspection-no { font-size: 12px; color: #7f7770; font-family: "Open Sans", sans-serif; } .inspection-report .footer { padding: 20px 30px; border-top: 1px solid #ddd; } .inspection-report .footer .container-max { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .inspection-report .footer .container-max .logo { width: 120px; } .inspection-report .footer .inspection-no { font-size: 12px; color: #7f7770; font-family: "Open Sans", sans-serif; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .inspection-report .header-group { display: -webkit-box; display: -ms-flexbox; display: flex; height: 330px; } .inspection-report .header-group .listing-detail { width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; } .inspection-report .header-group .listing-detail .inspection-photo { width: 100%; overflow: hidden; position: relative; background-color: #80C342; } .inspection-report .header-group .listing-detail .inspection-photo > img { position: absolute; width: 100%; height: auto; } .inspection-report .header-group .inspection-label { background: #80C342; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; text-transform: uppercase; font-size: 18px; height: 330px; } .inspection-report .card { background: #013A81; color: white; width: 40%; padding: 30px 30px 30px 40px; font-size: 13px; line-height: 1.5; } .inspection-report .card .logo img { max-width: 240px; margin-left: -15px; } .inspection-report .card .inspector { margin-top: 20px; } .inspection-report .card .name { font-size: 16px; } .inspection-report .card .inspector-label { font-size: 11px; } .inspection-report .card .address { color: rgba(255, 255, 255, 0.7); font-size: 12px; margin: 10px 0 30px; line-height: 1.5; } .inspection-report .summary { background: #e9e3df; padding: 25px; } .inspection-report:not(.tx) .inspection-points.summary .wrap { padding: 0px 40px 0px 55px; } .inspection-report .summary .date { font-size: 18px; font-family: "Open Sans", sans-serif; color: #7e756f; display: none; } @media screen { .inspection-report .summary .date { display: none; } } .inspection-report .summary .description { margin-top: 10px; line-height: 1.5; padding-bottom: 20px;} .inspection-report .photos > img { width: 48%; height: 100%; margin: 16px 8px 0px 0px; } .print-me .inspection-report .photos > img { width: 2in; height: 2in; } .inspection-report:not(.tx) .inspection-points { counter-reset: number; position: relative; } .inspection-report:not(.tx) .inspection-points .title { counter-reset: sub-number; } .inspection-report:not(.tx) .inspection-points .content > .item { padding-left: 0px; position: relative; margin-bottom: 20px; } .inspection-report:not(.tx) .inspection-points .content > .item > div { position: relative; margin-top: 35px; counter-reset: comment-number; } .inspection-report:not(.tx) .inspection-points .content > .item > div + div { margin-bottom: 0px; } .inspection-report:not(.tx) .inspection-points .content > .item > div:before { position: absolute; top: 0; left: -48px; color: #999; content: "" counter(number) "." counter(sub-number) ""; counter-increment: sub-number; font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 16px; color: rgba(85, 85, 85, 0.8); } .print .inspection-report:not(.tx) .inspection-points .content > .item > div:before { position: absolute; top: 0; left: -66px; color: #999; content: "" counter(number) "." counter(sub-number) ""; counter-increment: sub-number; font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 16px; color: rgba(85, 85, 85, 0.8); } .inspection-report:not(.tx) .inspection-points .content > .item .comment { margin: 0 0 0 -3px; counter-increment: comment-number; } .inspection-report:not(.tx) .inspection-points .content > .item .comment p { margin: 0; } .comment > br:last-of-type { display: none; } .inspection-report:not(.tx) .inspection-points .content > .item .comment > p:first-of-type:before { margin-right: 10px; font-family: "Open Sans", sans-serif; color: #000; content: "" counter(number) "." counter(sub-number) "." counter(comment-number); margin-left: 4px;} .inspection-report:not(.tx) .inspection-points .content > .item .checks { margin-top: 10px; margin-bottom: 15px; } .inspection-report:not(.tx) .inspection-points .content > .item .checks:first-of-type { margin-top: 5px; } .inspection-report:not(.tx) .inspection-points .content > .item .body { margin-top: 10px 0 20px; } .inspection-report:not(.tx) .inspection-points .wrap { padding: 0px 40px 0px 80px; } .report { margin-top: 20px; } .inspection-report:not(.tx) .inspection-points .point:first > .wrap { padding: 0px 40px 0px 80px; } .inspection-report:not(.tx) .inspection-points .wrap > .title { color: #000; font-size: 14pt; text-transform: uppercase; } .inspection-report:not(.tx) .inspection-points .wrap > .title:before { position: absolute; left: 20px; margin-top: -8px; color: #999; padding: 0 10px; text-align: center; content: "" counter(number) ".0"; counter-increment: number; width: 45px; height: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 50%; border: 2px solid #80C342; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #80C342; font-family: "Open Sans", sans-serif; font-weight: 600; font-size: 13px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } @media screen { .inspection-report:not(.tx) .inspection-points.summary .wrap > .title:before { left: -5px; } } .inspection-report:not(.tx) .inspection-points .content { padding: 0px; font-size: 14px; } .inspection-report .content .mandatory-descriptors { position: absolute; top: 0px; left: -160px; } .inspection-report .content .mandatory-descriptors div { float: left; width: 37px; } .inspection-report .inspection-header { background: #80C342; padding: 30px; display: none; } .inspection-report .inspection-header .title { color: white; text-transform: uppercase; font-size: 28px; font-family: "Open Sans", sans-serif; } .inspection-report .inspection-sections > div { padding: 30px 0; page-break-inside: avoid; } .inspection-report .inspection-sections > div:not(:first-of-type) { border-top: 1px solid #ddd; } .inspection-report .inspection-sections > div .title { font-family: "Open Sans", sans-serif; font-size: 18px; padding: 0 30px; color: #7e756f; margin-bottom: 20px; } .inspection-report .inspection-sections > div .content { padding: 0 30px; } .inspection-report .inspection-sections > div .content hr { margin: 20px 0; } .inspection-report .checks { } .inspection-report .checks .checked, .inspection-report .checks .unchecked { background-size: 20px 20px; background-repeat: no-repeat; padding-left: 30px; padding-right: 30px; line-height: 20px; font-size: 11pt; padding: 5px 25px; background-position: 0px 5px; } .inspection-report .checks .checked { margin-bottom: 3px; background: transparent url('../img/ic_circle-checked.svg') 0px 0px no-repeat !important; line-height: 5px; } .inspection-report .checks .unchecked { background-image: url("../img/ic_circle-blank.svg"); } .inspection-report .inspection-subsection { background: #e9e3df; color: #7e756f; font-size: 20px; padding: 10px 30px; font-weight: 600; font-family: "Open Sans", sans-serif; text-transform: uppercase; } .inspection-report.tx .summary { display: none; } .inspection-report.tx .photos { margin-bottom: 20px; } .inspection-report.tx .photos > img { width: auto; max-width: 100%; max-height: 150px; height: auto; } .inspection-report.tx .inspection-sections > div { padding: 20px 0 30px; } .inspection-report.tx .inspection-sections > div:not(:first-of-type) { border-top: 0; } .inspection-report.tx .inspection-sections > div .title { text-transform: none; } .inspection-report.tx .inspection-points.summary-items .item .status { display: none; } .inspection-report.tx .inspection-points.summary-items .status-head { display: none; } .inspection-report.tx .inspection-points.summary-items .content .mandatory-descriptors { display: none; } .inspection-report.tx .inspection-points.summary-items .point .wrap > .title .legend { display: none; } .inspection-report.tx .inspection-points { counter-reset: roman; } .inspection-report.tx .inspection-points .point .wrap { padding: 0 0 40px; } .inspection-report.tx .inspection-points .point .wrap:before { content: ""; width: auto; height: auto; border: 0; border-radius: 0; position: relative; } .inspection-report.tx .inspection-points .point .wrap > .title { color: #333; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; text-transform: uppercase; font-size: 18px; counter-reset: status-alpha; } .inspection-report.tx .inspection-points .point .wrap > .title:before { left: 0; } .inspection-report.tx .inspection-points .point .wrap > .title > span { display: block; width: 100%; } .inspection-report.tx .inspection-points .point .wrap > .title > span:before { padding-right: 5px; content: "" counter(roman, upper-roman) "."; counter-increment: roman; } .inspection-report.tx .inspection-points .point .wrap > .title .legend { display: block; font-size: 12px; height: 15px; padding-top: 5px;} .inspection-report.tx .inspection-points .point .wrap > .title .legend > div { margin-left: 20px; font-weight: 300; font-family: "Open Sans", sans-serif; float: left; } .inspection-report.tx .inspection-points .point .wrap > .title .legend > div:first-child { margin-left: 0px; } .inspection-report.tx .inspection-points .point .wrap .content { padding: 0 30px; position: relative;} .inspection-report.tx .inspection-points .point.no-number .wrap > .title > span:before { content: ""; padding: 0; } .inspection-report.tx .inspection-points .status-head { display: -webkit-box; display: -ms-flexbox; display: flex; width: 150px; } .inspection-report.tx .inspection-points .status-head > div { font-family: "Open Sans", sans-serif; font-weight: 600; color: #333; width: 40px; text-align: center; margin-bottom: 10px; } .inspection-report.tx .inspection-points .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; counter-increment: status-alpha; margin-bottom: 30px; } .inspection-report.tx .inspection-points .item .title { padding: 0; border: 0; font-size: 14px; font-weight: 600; font-family: "Open Sans", sans-serif; color: #333; font-weight: 600; } .inspection-report.tx .inspection-points .item .title:before { content: "" counter(status-alpha, upper-alpha) "."; display: inline-block; margin-right: 5px; } .inspection-report.tx .inspection-points .item .status { width: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 20px; } .inspection-report.tx .inspection-points .item .status > span { text-align: center; width: 40px; font-size: 16px; color: #333; line-height: 20px; } .inspection-report.tx .inspection-points .item .status > span.icon { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } .inspection-report.tx .inspection-points .item .status > span.icon.true { font-size: 21px; } .inspection-report.tx .inspection-points .item .status > span.icon.true:before { content: "\e92a"; position: relative; top: -2px; font-size: 24px; } .inspection-report.tx .inspection-points .item .status > span.icon.false:before { content: "\e929"; font-size: 19px; } .inspection-report.tx .inspection-points .item .content .body { margin-top: 10px; margin-left: 20px; font-size: 13px; } .inspection-report.tx .inspection-points .item .content .body p { margin: 5px 0; } .inspection-report.tx .report-summary .report-summary-items { counter-reset: roman2; } .inspection-report.tx .report-summary .report-summary-items > .item { display: block; } .inspection-report.tx .report-summary .report-summary-items > .item .title { text-transform: none; font-size: 16px; color: #7e756f; } .inspection-report.tx .report-summary .report-summary-items > .item .title:before { content: "" counter(roman2, upper-roman) "."; counter-increment: roman2; } .inspection-report.tx .report-summary .report-summary-items > .item ul > li { margin-bottom: 20px; } .inspection-report.tx .report-summary .report-summary-items > .item ul > li .name { font-family: "Open Sans", sans-serif; font-weight: 600; } .inspection-report.tx .report-summary .report-summary-items > .item ul > li p { margin: 0; } .list-horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 5px; margin-bottom: 20px; list-style: none; } .list-horizontal > li { margin-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .list-horizontal > li:before { content: ""; background: url("../img/bullet.svg"); background-size: 100%; width: 12px; height: 12px; margin-right: 10px; } .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0 0 0 16px; } .list li { counter-increment: comment-number; } .list > li::before { content: "" counter(number) "." counter(sub-number) "." counter(comment-number); margin: 0 10px 0 -18px; color: #000; } .list > li { position: relative; padding-left: 6px; /* background: transparent url(../img/bullet.svg) 2px 8px no-repeat !important; */ font-size: 11pt; margin-left: -4px; list-style: none; } .limitations .list > li::before { content: "" } .limitations .list > li { display: block; position: relative; padding-left: 34px; background: transparent url(../img/triangle.svg) -3px 3px no-repeat !important; font-size: 11pt; margin-left: -16px; } @media screen { .inspection-report .inspection-header { display: block; } } @media screen { .inspection-report .summary .date { display: none; } } @media screen { .inspection-report.tx .inspection-points .point .wrap > .title { background: #e9e3df; padding: 10px 20px; font-family: "Open Sans", sans-serif; } } @media print {.inspection-report .photos { display: flex; flex-flow: column wrap; width: 100%; min-width: 100%; max-width: 100%; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; align-content: flex-start; page-break-inside: avoid; }} .photos { margin-bottom: 10px; } .comment + .photos img { margin-top: 4px; } @media print { .inspection-report .photos > img { width: 48%; height: 100%; } } @media print { .inspection-report .summary { background: none; padding: 0; } } @media print { .print-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media print { body { font-size: 11pt; } } @media screen { .end-of-report {display: none;} } @media print { .print.heading { display: -webkit-box; display: -ms-flexbox; display: flex; page-break-before: always; page-break-after: avoid; font-size: 14pt; } .end-of-report { font-size: 14pt !important; page-break-before: avoid !important; text-align: center; } .summary .point { page-break-after: avoid; } .report { page-break-before: always; } .inspection-header.page-break + .summary { page-break-after: avoid; } .item .component { /*page-break-inside: avoid;*/ margin-top: 35px; } } @media print { /*.inspection-photo img { max-height: 100% !important }*/ } @media print { .inspection-report:not(.tx) .inspection-points .content > .item > div:before { color: #555; border-color: #555; } } @media print { .inspection-report:not(.tx) .inspection-points .wrap { padding: 7px 40px 0px 60px; } } @media print { .inspection-report:not(.tx) .inspection-points .point:not(.page-break) .wrap {padding-top: 40px !important; }} @media print { .inspection-report:not(.tx) .inspection-points .wrap > .title { color: #555; } } @media print { .inspection-report:not(.tx) .inspection-points .wrap > .title:before { left: 0; } } @media print { .inspection-report:not(.tx) .inspection-points .wrap > .title:before { color: #555; border-color: #555; } } @media print { .inspection-report .inspection-subsection { background: none; color: #555; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-size: 20px; margin-top: 40px; border-bottom: 1px solid #aaa; padding-bottom: 10px; } } @media print { html, body { height: 100%; } .print:first-of-type .disclosure { width: 100%; display: flex; justify-content: center; align-items: center; align-content: center; margin-top: 40px; page-break-after: always; } .print:first-of-type .inspector-contact { width: 96%; left: 20px; bottom: 200px; min-height: 165px; } } @media print { * { text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } /*@page { size: 21cm 29.7cm; margin: 5mm 19.5mm 5mm 19.5mm; @bottom-right { content: "Page " counter(page) " of " counter(pages); font-family: "Open Sans"; font-size: 11pt; } @bottom-left { content: "{!ReportName}"; font-family: "Open Sans"; font-size: 11pt; } @top-center { content: " "; } @top-left { content: " "; } }*/ .web, .footer { display: none !important; } @media screen { .print-footer { display: none; } } @media print { .print-footer { display: block !important; position: absolute; bottom: 0; font-size: 11pt; } .print-footer .page-detail { position: fixed; right: 0; bottom: 0; } .print-footer .page-detail::after { content: "Page " counter(page) " of " counter(pages); counter-increment: page; font-family: "Open Sans"; font-size: 11pt; } .page-break { counter-increment: pages; } .print-footer .inspection { /*position: fixed; left: 0; bottom: 0;*/ } .footer .logo { display: none; } .footer::after { content: "Page " counter(page) " of " counter(pages); display: block; width: 100%; height: 100px; position: fixed; bottom: 0px; right: 20px; background-color: black; color: white; z-index: 99999; } } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print { display: block; } .page-break { page-break-after: always; height: 100%; } .page-break + * { page-break-inside: avoid; } .page-break-avoid { page-break-inside: avoid; } .report-heading { display: block; } } .print-me .inspection-report .photos > img { width: 160px; height: 160px; } .print-me .inspection-report .summary { background: none; padding: 0; } .print-me .print-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body .print-me { font-size: 11pt; } .print-me .print.heading { display: -webkit-box; display: -ms-flexbox; display: flex; } .print-me .inspection-report:not(.tx) .inspection-points .content > .item > div:before { color: #555; border-color: #555; } .print-me .inspection-report:not(.tx) .inspection-points .wrap { padding: 0px 40px 0px 60px; } .print-me .inspection-report:not(.tx) .inspection-points .wrap > .title { color: #555; } .print-me .inspection-report:not(.tx) .inspection-points .wrap > .title:before { left: 0; } .print-me .inspection-report:not(.tx) .inspection-points .wrap > .title:before { color: #555; border-color: #555; } .print-me .inspection-report .inspection-subsection { background: none; color: #555; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-size: 20px; margin-top: 40px; border-bottom: 1px solid #aaa; padding-bottom: 10px; } .print-me * { text-shadow: none !important; -webkit-filter: none !important; filter: none !important; -ms-filter: none !important; } .print-me .report-content { background: #fff; } /* Black prints faster: h5bp.com/s */ .print-me a, .print-me a:visited { text-decoration: none; } .print-me a[href]:after { content: " (" attr(href) ")"; } .print-me abbr[title]:after { content: " (" attr(title) ")"; } .print-me .ir a:after, .print-me a[href^="javascript:"]:after, .print-me a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ .print-me pre, .print-me blockquote { border: 1px solid #999; page-break-inside: avoid; } .print-me thead { display: table-header-group; } /* h5bp.com/t */ .print-me tr, .print-me img { page-break-inside: avoid; } .print-me .inspection-report .inspection-header { display: none; } } .print-me .inspection-report .summary .date { display: none; } } .print-me .inspection-report.tx .inspection-points .point .wrap > .title { background: #e9e3df; padding: 10px 20px; font-family: "Open Sans", sans-serif; } } .print-me p, .print-me h2, .print-me h3 { orphans: 3; widows: 3; } .print-me h2, .print-me h3 { page-break-after: avoid; } .print-me .print { display: block; } .print-me .web, .print-me .footer { display: none !important; } .print-me .page-break { page-break-before: always; } .print-me .page-break-avoid { page-break-inside: avoid; } .print-me .report-heading { display: block; margin-bottom: 40px; } .summary .report-heading { margin-bottom: 0; } .print-me .inspection-report:not(.tx) .inspection-points .content > .item > div:before { position: absolute; top: 0; left: -47px; color: #000; content: "" counter(number) "." counter(sub-number) ""; counter-increment: sub-number; font-weight: 600; font-family: "Open Sans", sans-serif; font-size: 12pt;} .print-me .inspection-report.tx .inspection-points .point .wrap > .title > span:before { padding-right: 5px; content: ""; counter-increment: roman; } .print-me .inspection-report.tx .inspection-points .item .title:before { content: ""; display: inline-block; margin-right: 5px; } .print-me .inspection-report.tx .report-summary .report-summary-items > .item .title:before { content: ""; counter-increment: roman2; } * { font-family: 'Open Sans', sans-serif; } .optionRecommended-btns{ display: flex; } .popover-comment{ max-height:calc(100vh - 250px) !Important; } @media (min-width:991px) { .popover-editComment{ max-width: 1000px !Important; height: auto !Important; width: 750px !Important; left: -480px !Important; } .popover-editComment .arrow{ bottom: -11px !Important; right: 0px Important; left: 98% !Important; } } @media (min-width:991px) { .popper-editArea{ max-width: 1000px !Important; /* height: auto !Important; */ max-height: 520px !important; width: 750px !Important; left: 260px !Important; } .popper-editArea .arrow{ bottom: -11px !Important; } } .popover-order { max-width: 90vw; width: auto !important; } @media (min-width:991px) { .popover-comment-edit{ max-width: 1000px !Important; height: auto !Important; width: 750px !Important; } .popover-order{ max-width: 1200px !Important; height: auto !Important; width: 90vw !important; } } .popover-subhead { margin-top: -0.75em; padding-bottom: 0.75em; } .popover-template-comment{ max-height:calc(100vh - 350px) !Important; } .overlay { background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; position: absolute; z-index: 10; } .popover-canned-comment{ max-width: 500px; !important; width: 400px; !Important; } .checkbox.deactive { background: #eee; color: #ccc; } /*css for s-524750 1st March, 2018*/ .via-detail .via-content .super-times span, .via-detail .via-content .super-times p, .via-detail .via-content .super-times b, .via-detail .via-content .super-times u, .via-detail .via-content .super-times i, .via-detail .via-content .super-times strong, .via-detail .via-content .super-times em, .via-detail .via-content .super-times td, .via-detail .via-content .super-times th { font-family: 'Calibri', sans-serif !important; } .via-detail .via-content .super-times{ width: 100%; margin: 0 auto; /*max-width: 850px;*/ } .via-report-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .invoice-container label { font-family: 'Calibri', sans-serif !important; font-size: 24px; } .via-detail .via-content .super-times .invoice-details .label { font-family: 'Calibri', sans-serif !important; text-transform: uppercase; font-size: 13px; min-width: 70px; display: inline-block; } .via-detail .via-content .super-times .invoice-details .detail { font-family: 'Calibri', sans-serif !important; font-size: 13px; } .via-report-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 15px; font-family: 'Calibri', sans-serif !important; margin-top: 60px; margin-bottom: 60px; } .via-report-details-section { width: 33.33%; } @media (max-width:767px){ .via-report-details { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; margin-bottom: 30px; } .via-report-details-section { width: 100%; } } .via-report-details-section h5 { font-size: 16px; font-weight: bold; font-family: 'Calibri', sans-serif; margin-bottom: 5px; } .via-detail .via-content .super-times .via-report-details-section p { font-family: 'Calibri', sans-serif !important; } .via-report-details-section p { margin: 0; line-height: 26px; } .cost-details-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .via-cost-details .details-header-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .details-header-row > div span { padding: 0px 5px; text-transform: capitalize; } .cost-details-header > div strong { text-transform: uppercase; padding: 0px 5px; } .details-header-row { background-color: white; } .details-header-row:nth-of-type(even) { background-color: #F1F1F1; } .blank-row { display: block; height: 20px; } textarea.form-control { height: auto; resize: vertical; } .photo-location-modal-zindex{ z-index: 9998 !important;/* spinner's z-index is 9999 */ } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; /* width: 60px; height: 34px; */ width: 30px; height: 17px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 13px; width: 13px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #013A81; } input:focus + .slider { box-shadow: 0 0 1px #013A81; } input:checked + .slider:before { -webkit-transform: translateX(13px); -ms-transform: translateX(13px); transform: translateX(13px); } /* Rounded sliders */ .slider.round { border-radius: 17px; } .slider.round:before { border-radius: 50%; } /* System accordion */ .system-box{ border-right: 1px solid #eee; border-left: 1px solid #eee; border-bottom: 1px solid #eee; } .system-box i{ color: #013A81 !important; } .system-box span.ng-scope{ color: #333; font-weight: normal; } /* system box accordion header */ .system-box .panel-title{ margin: 0px !important; /* padding-left: 10px; */ padding: 10px 0px 10px 10px; /* background-color: #cde0f8; */ } .system-box .selectedSystem .panel-title{ margin: 0px !important; /* padding-left: 10px; */ padding: 10px 0px 10px 10px; background-color: #cde0f8; } .system-box .panel-heading{ border-bottom: 1px solid #eee !important; } /* system box accordion item */ .system-accordion-item{ border-bottom: 1px solid #eee; padding: 10px 0px 10px 15px; } .system-accordion-item input{ margin-right: 5px; } .system-box .selectedJunction{ background-color: #cde0f8; } .customized-budge{ color: #CE660B; font-size: 10px; background: #F2C298; font-weight: bold; border-radius: 99em; padding: 3px 6px; margin-left: 5px; } /* 2025-04-14 Charles 45215: Comment order panel should max out at 3 lines */ div.commentOrderView { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-clamp: 3; box-orient: 3; overflow: hidden; vertical-align: middle; /* 2025-06-04 Charles 48423: overly long words should wrap */ word-break: break-word; } svg.grip { vertical-align: middle; } table.commentRow { border-collapse: collapse; width: 100%; } td.commentOrderGrip { width: 20px; } td.commentOrderButtons { width: 40px; text-align: right; } ul.popover-template-comment li:not(:first-child) { border-top: 1px solid #ccc; } ul.popover-template-comment li.commentMoved { border: 1px solid #3aadff; box-shadow: 0 0 3px #3aadff; } ul.popover-template-comment li.commentMoved + li { border-top: none; } ul.popover-template-comment li.dndPlaceholder { background-color: #27A5FF; padding: 2px; } ul.popover-template-comment li.dndDragging { background-color: #00367E; color: white; } ul.popover-template-comment li.dndDragging.dndDraggingSource { background-color: #4D73A5; } ul.popover-template-comment li.dndDragging:not(.dndDraggingSource) td.commentOrderButtons { visibility: hidden; } ul.popover-template-comment li:not(.editing) { user-select: none; -webkit-user-select: none; } .commentOrderTemplate a[disabled]{ cursor: not-allowed; pointer-events: inherit; } ul.popover-template-comment textarea { width: 100%; font-size: 14px; resize: vertical; background-color: #F2F2F2; } ul.popover-template-comment li.edited { color: #d85c22; } ul.popover-template-comment li.edited.dndDragging { color: #FF8852; } ul.popover-template-comment li.deleted { color: #d85c22; background-color: #f3f3f3; text-decoration: line-through; } /* 2025-08-18 Charles 48789: use orange text for deletion warning */ .deletedWarning { color: #d85c22; font-weight: bold; } .svg-undo { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } td.commentOrderButtons a:hover[disabled="disabled"] { color: #ddd; }