/* eResources Orchestrate OAMS Template Sheet: main.css Web Development Firm: www.eResources.com CSS Coder: Matt Harris (www.focusontheclouds.com) Date: Sept 11, 2013 Purpose: Main Template -------------------------------------------------------------------------------*/ /* ========================================================================== HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) ========================================================================== */ html, button, input, select, textarea {color: #222;} body {font-size: 1em; line-height: 1.5;} ::-moz-selection {background: #b3d4fc; text-shadow: none;} ::selection {background: #b3d4fc; text-shadow: none;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} img {vertical-align: middle;} fieldset {border: 0; margin: 0; padding: 0;} textarea {resize: vertical;} /* ========================================================================== Site Stylesheet ========================================================================== */ /* ------------------------------------- Positioning ------------------------------------- */ /* apply a natural box layout model to all elements */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } img {max-width: 100%;} body {margin: 0;} .wrapper {position: relative; margin: 0 auto;} .logo, .wrap-page, .wrap-footer-marketing, .wrap-footer-links, .wrap-footer-copyright {width: 100%; min-width: 320px; margin: 0 auto; overflow: visible !important;} .logo, .wrap-content, .wrap-form, .wrap-list, .wrap-review, .wrap-app-steps, .wrap-view, .wrap-nav, .wrap-progress-bar, .wrap-list-review, .footer-marketing, .footer-links, .footer-copyright {max-width: 1200px; margin: 0 auto;} .lt-ie9 .logo, .lt-ie9 .wrap-page {min-width: 900px;} /* set min-width in less than IE 9 */ .lt-ie8 .logo, .lt-ie8 .wrap-page {width: 1200px;} /* set width in less than IE 8 */ /* Content Column Widths */ .pri, .sec, .ter {float: left;} .three-col .pri {width: 33.34%;} .three-col .sec, .three-col .ter {width: 33.33%;} .two-col .pri {width: 66.67%;} .two-col .sec, .two-col .ter {width: 33.33%;} /* Content Column Length Fix */ .pri, .sec, .ter {padding-bottom: 100000px; margin-bottom: -100000px;} /* Footer Widths */ .footer-feature, .footer-secondary {float: left; overflow: hidden;} .footer-links {clear:both;} .footer-feature {width: 66.67%;} .footer-secondary {width: 33.33%;} .footer-links {width: 100%;} /* Footer Column Length Fix */ footer {overflow: hidden;} .footer-feature, .footer-secondary {padding-bottom: 1000px; margin-bottom: -1000px;} /* Misc */ .wrap-logo, header, .wrap-content, .header-content, .wrap-progress-bar, .wrap-list, .wrap-app-steps, .wrap-form, .footer-marketing, .footer-links, .footer-copyright {overflow: hidden;} .content {padding: 0 30px;} .more-records {padding: 15px 30px 50px; text-align: right;} .prevappadmittedinfo { margin: 10px 30px 0px 30px; padding: 10px 10px 10px 10px; background-color: #E7F8E8; color: #438A49; } .prevappadmittedinfo-app { margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background-color: #E7F8E8; color: #438A49; text-align: center; } .pref1revinfo { margin: 10px 30px 0px 22px; padding: 10px 10px 10px 10px; color: #000; font-weight: bold; } .pref1revinfo-app { margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; background-color: #E7F8E8; color: #438A49; text-align: center; } .progress-bar li p:after, .usernav li { z-index: 10; } .prinav li, .progress-bar li:after {z-index: 100;} /* ------------------------------------- Fonts ------------------------------------- */ /*1 OPEN SANS font-family: 'Open Sans', sans-serif; Light -- font-weight: 300; Normal - font-weight: 400; Bold --- font-weight: 700; */ html, body, button, input, select, textarea {font-family: 'Open Sans', Calibri, Arial, sans-serif;} body {font-weight: 400; font-size: 14px; font-size-adjust: auto; color: #333;} p {margin: 21px 0;} em, i {font-style: italic;} strong, b {font-weight: 700;} .small {font-size: 12px;} /* 12 px */ .default, .button a {font-size: 14px; line-height: 1.5;} /* 14 px */ .medium {font-size: 20px; line-height: 1.5;} /* 20 px */ .message {width: 240px;} .large {font-size: 24px;} /* 24 px */ .larger {font-size: 36px; line-height: 1.333; font-weight: 300;} /* 36 px */ .xlarge {font-size: 72px; line-height: 1.111;} /* 72 px */ h1, h2, h3, h4, h5, h6 {font-weight: 600; margin: 24px 0;} h1 {font-size: 36; line-height: 1.111;} /* 36 px */ h2, h3 {font-size: 30px; line-height: 1.333;} /* 30 px */ h4 {font-size: 24px;} /* 24 px */ h5 {font-size: 20px;} /* 20 px */ h6 {font-size: 16px; font-weight: 300;} /* 16 px */ /* a:link, a:visited {color: #00467F; text-decoration: none;} a:hover, a:active {color: #00467F; text-decoration: underline;} */ a:link, a:visited {color: #1668FF; text-decoration: underline;} .ter a:link, .ter a:visited {color: #1668FF; text-decoration: none;} .ter .wrap-app-steps a:link, .ter .wrap-app-steps a:visited {color: #000; text-decoration: none;} a:hover, a:active {color: #1668FF; text-decoration: underline;} .ter a:hover, .ter a:active {text-decoration: underline;} .ter .wrap-app-steps a:hover, .ter .wrap-app-steps a:active {color: #000; text-decoration: underline;} .wrap-nav a, .rev-header a {text-decoration:none;} header a:link, .button a:link, header a:visited, .button a:visited {color: #fff; text-decoration: none;} header a:hover, .button a:hover, header a:active, .button a:active {color: #fff; text-decoration: none;} a img {border: none; margin: 0;} /* ------------------------------------- Forms ------------------------------------- */ /* --- Form Content Area --- */ .wrap-form {background: #fff; padding-bottom: 60px;} /* --- General Form Styles --- */ input, textarea, input.file {width: 100%; padding: 9px 8px 7px 8px; font-size: 14px; -webkit-border-radius: 0; -webkit-appearance: none;} input, textarea, input.file {border: 1px solid #CDCDCD; background-color: #fff;} input:hover, textarea:hover, input.file:hover {background: #fff; border: 1px solid #A9A9A9;} input:focus, input:active, textarea:focus, textarea:active, input.file:focus, input.file:active {border: 1px solid #1295D8;} .checkbox input, .radio input {outline: none !important; display: none;} .ie input[type="checkbox"] {border: none; background: none;} input[type="checkbox"], input[type="radio"] {display:none !important;} /* Dropdown / Combo Box Styles */ .styled-dropdown, .dropdown {position: relative;} .dropdown .dropdown-input {display: block; margin-right: 34px; cursor: default;} .dropdown .dropdown-input:hover, .dropdown .dropdown-input:active {border: 1px solid #C6CDD9;} .dropdown .dropdown-button {display: block; position: absolute; right: 0; cursor: default;} .dropdown .dropdown-button {width: 34px; height: calc(100% - 2px); padding-top: 5px; background: #fff; color: #fff; text-align: center; margin-top: 1px; border-left: 1px solid #C6CDD9; border-right: 1px solid #C6CDD9;} .dropdown + .dropdown-options {width: 100%; position: relative; list-style-type: none; padding: 0; margin: 0; border: 1px solid #C6CDD9; border-top: none; z-index: 5; display: none;} .dropdown + .dropdown-options li {padding: 6px 8px; border-bottom: 1px solid #C6CDD9; background: #fff;} .dropdown + .dropdown-options li:last-child {border-bottom: none;} .dropdown + .dropdown-options li:hover {background: #1295D8; color: #fff;} .dropdown + .dropdown-options li.selected {background: #1295D8; color: #fff;} .dropdown + .dropdown-options {max-height: 400px; overflow-y: auto;} .dropdown + .dropdown-options2 {width: 100%; position: relative; list-style-type: none; padding: 0; margin: 0; border: 1px solid #C6CDD9; border-top: none; z-index: 5; display: none;} .dropdown + .dropdown-options2 li {padding: 6px 8px; border-bottom: 1px solid #C6CDD9; background: #fff;} .dropdown + .dropdown-options2 li:last-child {border-bottom: none;} .dropdown + .dropdown-options2 li:hover {background: #1295D8; color: #fff;} .dropdown + .dropdown-options2 li.selected {background: #1295D8; color: #fff;} .dropdown + .dropdown-options2 {max-height: 400px; overflow-y: auto;} /* Checkbox & Radio Styles */ @font-face { font-family: 'Flat-UI-Icons'; src: url('/Contents/fonts/Flat-UI-Icons.eot'); src: url('/Contents/fonts/Flat-UI-Icons.eot?#iefix') format('embedded-opentype'), url('/Contents/fonts/Flat-UI-Icons.woff') format('woff'), url('/Contents/fonts/Flat-UI-Icons.ttf') format('truetype'), url('/Contents/fonts/Flat-UI-Icons.svg#Flat-UI-Icons') format('svg'); font-weight: normal; font-style: normal; } .radio, .checkbox {margin-bottom: 5px !important;} .radioLabel, .checkboxLabel {margin: 0 !important;} .fui-radio-unchecked, .fui-radio-checked, .fui-checkbox-unchecked, .fui-checkbox-checked {display: inline-block; font-family: 'Flat-UI-Icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;} .fui-radio-unchecked:before {content: "\e02b";} .fui-radio-checked:before {content: "\e032";} .fui-checkbox-unchecked:before {content: "\e033";} .fui-checkbox-checked:before {content: "\e034";} .fui-calendar-solid:before {content: "\e022";} .checkbox, .radio {margin-bottom: 12px; padding-left: 32px; position: relative; outline:none;} .checkbox, .radio {-webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; transition: color 0.1s linear; -webkit-backface-visibility: hidden;} .checkbox input, .radio input {outline: none !important; display: none;} .checkbox .icons, .radio .icons {color: #CDCDCD; display: block; height: 20px; left: 0; position: absolute; top: 0; width: 20px; text-align: center; line-height: 20px; font-size: 20px;} .checkbox .icons, .radio .icons {-webkit-transition: color 0.1s linear; -moz-transition: color 0.1s linear; -o-transition: color 0.1s linear; transition: color 0.1s linear; -webkit-backface-visibility: hidden;} .checkbox .icons .first-icon-icon, .radio .icons .first-icon-icon, .checkbox .icons .second-icon, .radio .icons .second-icon {position: absolute; left: 0; top: 0; opacity: 1; filter: alpha(opacity=100);} .checkbox .icons .second-icon, .radio .icons .second-icon {opacity: 0; filter: alpha(opacity=0);} .checkbox:hover .first-icon, .radio:hover .first-icon, .checkbox:focus .first-icon, .radio:focus .first-icon {opacity: 0; filter: alpha(opacity=0); color: #A9A9A9;} .checkbox:hover .second-icon, .radio:hover .second-icon, .checkbox:focus .second-icon, .radio:focus .second-icon {opacity: 1; filter: alpha(opacity=100); color: #A9A9A9;} .checkbox.checked, .radio.checked {color: #1295D8;} .checkbox.checked .icons, .radio.checked .icons {color: #1295D8;} .checkbox.checked .first-icon, .radio.checked .first-icon {opacity: 0; filter: alpha(opacity=0);} .checkbox.checked .second-icon, .radio.checked .second-icon {opacity: 1; filter: alpha(opacity=100);} .checkbox.disabled, .radio.disabled {cursor: default; color: #bbb;} .checkbox.disabled .icons, .radio.disabled .icons {color: #bbb;} .checkbox.disabled .first-icon, .radio.disabled .first-icon {opacity: 1; filter: alpha(opacity=100);} .checkbox.disabled .second-icon, .radio.disabled .second-icon {opacity: 0; filter: alpha(opacity=0);} .checkbox.disabled:hover .first-icon, .radio.disabled:hover .first-icon {color: #ddd;} .checkbox.disabled.checked .icons, .radio.disabled.checked .icons {color: #ddd;} .checkbox.disabled.checked .first-icon, .radio.disabled.checked .first-icon {opacity: 0; filter: alpha(opacity=0);} .checkbox.disabled.checked .second-icon, .radio.disabled.checked .second-icon {opacity: 1; filter: alpha(opacity=100);} .checkbox.disabled.checked:hover .second-icon, .radio.disabled.checked:hover .second-icon {color: #ddd;} span.required {color: red;} .styled-form label, .styled-form legend {display: block; clear: both; margin: 20px 0 5px 0;} .styled-form label.radio, .styled-form label.checkbox {margin: 5px 0; padding-left: 27px;} .styled-form input {display: block; clear: both; margin: 0 0;} .styled-form fieldset label input {display: inline; clear: none;} .styled-form .form-row {position: relative;} /* --- Validation Styles --- */ .invalid label, .required label, .invalid2 label {color: #FFB511;} .invalid input, .invalid textarea, .invalid input.file, .required input, .required textarea, .required input.file {border: 1px solid #FFB511;} /* .validation .error {display: none;} */ .validation .invalid, .validation .required, .validation .affirm, .validation .hint, .validation .invalid2 {display: none;} .invalid .validation .invalid, .required .validation .required, .affirm .validation .affirm, .hint .validation .hint, .invalid2 .validation .invalid2 {display: block;} .form-row {position: relative; clear: both;} /* Inline Validation */ .validation p {position: relative; padding: 7px 10px 7px 30px; margin: 10px 0 0 0;} /* Inline Validation - Up Arrow */ .validation p:before {position: absolute; top: -18px; left: 10px;} .validation p:before {content: ''; display: block; width: 0; height: 0;} .validation p:before {border: solid; border-width: 10px 8px; border-color: transparent transparent #FFB511 transparent;} .lt-ie9 .validation p:before {display: none;} /* Hide arrow in less than IE9 */ /* Inline Validation Colors */ .validation .error {background: #FFB511 url(/Contents/i/validation-error@2x.png) 10px 10px no-repeat; background-size: 16px 16px; color: #fff;} .lt-ie9 .validation .error {background-image: url(/Contents/i/validation-error.png);} .validation .hint {background: #F3F3F3 url(/Contents/i/validation-hint@2x.png) 10px 10px no-repeat; background-size: 16px 16px; color: #666;} .ter .validation .hint {background-color: #E0E0E0;} /* Hint color for login panel */ .validation .affirm {background: #CFE1FF url(/Contents/i/validation-affirm@2x.png) 10px 10px no-repeat; background-size: 16px 16px; color: #666;} .lt-ie9 .validation .affirm {background-image: url(/Contents/i/validation-affirm.png);} .validation .error:before {border-color: transparent transparent #FFB511 transparent;} .validation .hint:before {border-color: transparent transparent #F3F3F3 transparent;} .ter .validation .hint:before {border-color: transparent transparent #E0E0E0 transparent;} /* Hint color for login panel */ .validation .affirm:before {border-color: transparent transparent #CFE1FF transparent;} .wrap-form .pri .question-text, .wrap-form .pri .question .input, .wrap-form .pri .actions {padding: 0 30px;} .wrap-form .pri .validation {margin-left: 30px; margin-right: 30px;} /* --- Change Validation to two column for screens 900 px and larger --- * / @media only screen and (min-width: 900px) { .wrap-form .pri {background: transparent url(/Contents/i/bkgd-column.png) 66.67% 0 repeat-y;} /* .wrap-form .pri .question {overflow: hidden;} * / /* Set Position & Padding * / .wrap-form .pri {width: 100%;} .wrap-form .pri .question-text, .wrap-form .pri .actions, .wrap-form .pri .content {width: 66.67%;} .wrap-form .pri .question .input {float: left; width: 66.67%;} .wrap-form .pri .question .validation {float: left; width: 33.33%;} /* Validation Styles * / .wrap-form .pri .validation {margin-left: 0; margin-right: 0;} .wrap-form .validation p {margin-top: 0; min-height: 34px; padding: 5px 10px 5px 30px;} .wrap-form .validation p:before {top: 11px; left: -16px;} .wrap-form .validation p:before {border-width: 6px 8px;} .wrap-form .validation .error:before {border-color: transparent #FFB511 transparent transparent;} .wrap-form .validation .hint:before {border-color: transparent #F3F3F3 transparent transparent;} .wrap-form .validation .affirm:before {border-color: transparent #CFE1FF transparent transparent;} .wrap-form .validation .error, .wrap-form .validation .affirm, .wrap-form .validation .hint {background-position: 8px 8px;} }*/ /* --- Button styles --- */ .button a {width: 100%; margin-bottom: 30px; padding: 8px 0; display: block; text-align: center; border: none !important;} .button a {background: #1295D8; font-weight: 700; border-radius: 3px; box-shadow: inset 0 0 1px #000000;} .button.featured a {background: #1668FF; color:#FFF; box-shadow: inset 0 0 2px #1768FF;} .button.secondary a {background: #07384D;} .button.negative a {background: #999;} .button a:hover, .button a:active {background: #396FBF;} .button.featured a:hover, .button.featured a:active {background: #003ECB; color:#FFF;} .button.secondary a:hover, .button.secondary a:active {background: #01284B;} .button.negative a:hover, .button.negative a:active {background: #1768FF; color:#FFF;} .two-col .pri .button a {max-width: 260px;} header .actions {margin: 0 auto; max-width: 260px;} /* center header buttons */ .actions .button a {display: block; width: 260px; margin: 0 0 30px 0; float: left;} header .actions .button:first-child a, footer .actions .button:first-child a {margin-right: 60px;} .form-row .actions .button a {margin: 30px 60px 0 0; max-width: 260px;} .form-row .actions .button:last-child a {margin-right: 0;} /* Help Messages */ .icon-help {display: inline-block; margin: -5px 0 0 5px;} /* ------------------------------------- Formatting ------------------------------------- */ body {background: #fff; line-height: 1.5em;} /* --- Logo Wrapper --- */ .wrap-logo {background: #F7F7F7;;} /* Set top background color */ .logo {padding: 6px 20px 0 20px; position: relative;} .logo {color: #747878; font-size: 24px; font-weight: 300; font-family:'Tw Cen MT', 'Open Sans', Calibri, Arial, sans-serif} .logo img {margin: -16px 30px 20px 0;} /* --- Header --- */ header {position: relative;} .header-image {max-height: 400px;} /* set a max height for the image */ .header-image img {width: 100%;} /* force the image to fill the width. */ .header-content {position: absolute; bottom: 0; width: 100%; height: 100%;} .header-content {background: rgba(0,0,0,.4); color: #fff; text-align: center;} .header-content-wrapper {position: absolute; bottom: 0; width: 100%;} .header-content h1 {font-size: 72px; padding: 0 10px;} .header-blurb {padding: 0 30px; font-weight: 300;} /* --- Navigation --- */ nav {background: #00467F;} .wrap-nav {background: #00467F;; font-size: 16px; line-height: 36px; font-weight: 300;} /* Primary Nav */ .prinav a:link, .prinav a:visited {color: #fff; border-bottom: 2px solid transparent;} .prinav .active a {border-bottom: 2px solid #fff;} .prinav a:hover, .prinav a:active {border-bottom: 2px solid #fff; text-decoration: none;} .prinav {float: left;} .prinav li {float: left; position: relative;} .prinav li a {display: block; margin: 0 0 0 30px; padding: 5px 0;} .prinav ul {position: absolute; border-top: 1px solid #fff;} .prinav, .prinav ul {margin:0; padding:0; list-style: none;} .prinav ul li {clear: both; background: #00467F;} .prinav ul li a {margin:0; width: 240px; padding: 5px 30px;} .prinav ul a:hover, .prinav ul a:active {background-color: #1295D8;} .prinav ul li a:link, .prinav ul li a:visited {border-bottom: 1px solid #fff;} .prinav li ul {display: none;} .prinav li:hover ul {display: block;} /* User Nav */ .usernav a:link, .usernav a:visited {color: #fff; border-bottom: 2px solid transparent;} .usernav .active a {border-bottom: 2px solid #fff;} .usernav a:hover, .usernav a:active {text-decoration: none;} .usernav {float: right;} .usernav li {position: relative;} .usernav li a {display: block; padding: 5px 54px 5px 30px;} .usernav ul {position: absolute; right: 0; text-align: right; border-top: 1px solid #fff;} .usernav, .usernav ul {margin:0; padding:0; list-style: none;} .usernav ul li a {margin:0; width: 240px;} .usernav ul li {clear: both; background: #00467F;} .usernav ul a:hover, .usernav ul a:active {background-color: #1295D8;} .usernav ul li a:link, .usernav ul li a:visited {border-bottom: 1px solid #fff;} .usernav li ul {display: none;} .usernav li:hover ul {display: block;} .usernav .profile a {background: #00467F url(/Contents/i/icon-profile@2x.png) 200px 50% no-repeat; background-size: 16px 16px;} .usernav .log-out a {background: #00467F url(/Contents/i/validation-error@2x.png) 200px 50% no-repeat; background-size: 16px 16px;} .lt-ie9 .usernav .profile a {background: #00467F url(/Contents/i/icon-profile.png) 196px 50% no-repeat;} .lt-ie9 .usernav .log-out a {background: #00467F url(/Contents/i/icon-logout.png) 196px 50% no-repeat;} .usernav .name > a:before {position: absolute; top: 20px; right: 26px;} .usernav .name > a:before {content: ''; display: block; width: 0; height: 0;} .usernav .name > a:before {border: solid; border-width: 10px 6px; border-color: transparent transparent #FFB511 transparent;} .usernav .name > a:before {border-color: rgba(255, 255, 255, .2) transparent transparent transparent;} .lt-ie9 .usernav .name > a:before {display: none;} /* Hide arrow in less than IE9 */ /* Subpage Nav */ .subnav h3 {padding-bottom: 6px; border-bottom: 1px solid #ddd; margin-bottom: 0;} .subnav ul {padding: 0; list-style: none; border-bottom: 1px solid #ddd;} .subnav ul ul {border-bottom: none;} .subnav li {margin: 5px 0;} .subnav li.active {font-weight: 600;} .subnav li.active li {font-weight: 400;} .subnav li a {color: #1295D8; display: block;} .subnav li li a {color: #72CDF4; padding-left: 20px;} /* --- Fixed Header and Navigation --- */ @media only screen and (min-width: 640px) { .wrap-logo, nav {width: 100%; z-index: 10;} /*.wrap-logo, nav {position: fixed; width: 100%; z-index: 10;} .wrap-logo {} nav {margin-top: 100px;} .wrap-page {padding-top: 140px;} remarked - BP - Aug 21, 2018 */ } /* --- Image Highlight --- */ .highlight .picture {position: relative; width: 100%; margin-top: 30px;} .highlight .image-highlight-title {position: absolute; bottom: 0; margin: 0 20px 20px 0; padding: 10px; background: rgba(18,149,216,.8); } .highlight .image-highlight-title, .highlight .image-highlight-title a:link, .highlight .image-highlight-title a:visited {color: #fff; font-size: 16px} .highlight .image-highlight-title a:hover, .highlight .image-highlight-title a:active {color: #fff;} /* --- Wrap Content --- */ .wrap-content {background: #fff; padding-bottom: 10px;} .feature-image {text-align: center;} .ter {background: #F3F3F3;} /*.app-options {padding:0; list-style: none;}*/ .app-options {padding:0;} /* --- Wrap View --- */ .wrap-view {background: #fff; padding-bottom: 30px; margin-top: 0; clear: both; overflow: hidden;} .wrap-view .form-row {overflow: hidden; clear: both;} .wrap-view .question-text, .wrap-view .question {float: left;} .wrap-view .question-text {width: 33.33%; clear: left; padding: 0 30px;} .wrap-view .question {width: 66.67%; clear: right; padding: 0 30px 0 0;} .wrap-view .question-text {color: #999; text-align: right;} /* --- Wrap List --- */ .wrap-list {background: #fff; padding-bottom: 60px;} .list-title {background: #00467F; padding: 10px 30px; color: #fff; overflow: hidden;} .list-title h2 {margin:0; font-size: 21px; margin-bottom: 0; padding: 5px 0;} .list-title h2.parent {font-size: 24px;} .list-title h2.rev-header {font-size: 16px; font-weight:600;} .list-title.featured {background: #00467F;} .list-row {border-bottom: 1px solid #C6CDD9; overflow: hidden;} .list-row.space-top {padding-top:34px; border-bottom:none;} .list-row .list-item, .list-row .rev-list-item, .list-row .list-action, .list-row .list-item-status {float: left;} .list-row .list-noitem {float: none;} .list-row .list-item {width: 66.67%; font-size: 20px; line-height: 1.5em; padding: 10px 0 10px 30px;} .list-row .rev-list-item {width: 33.33%; font-size: 20px; line-height: 1.5em; padding: 10px 0 10px 30px;} .list-row .list-action {width: 33.33%; font-size: 24px; font-weight: 300; line-height: 1.8em; text-align: right; padding: 18px 30px 10px 30px;} .list-row .list-item-status {width: 66.67%; font-size: 16px; line-height: 1.5em; padding: 10px 0 10px 30px;} .list-row .list-noitem {width: 100%; font-size: 20px; text-align: center; line-height: 1.5em; padding: 10px 0 10px 30px;} .list-row .list-noitem.title {clear: both; font-size: 22px; padding-top: 15px; padding-right: 60px; text-align:left; background-color:#F4F4F5; height:56px;} .list-row .list-noitem.content {clear: both; font-size: 15px; padding-right: 60px; margin-top:-18px; text-align:left; font-weight:400; margin-bottom:-14px;} .list-item .content {clear: both; font-size: 15px; color:#44474D; margin-bottom:15px; font-weight:normal;} .list-item .official-transcript {margin-left:30px; margin-top:-20px;} .list-item-status .content {clear: both; font-size: 15px; color:#44474D; margin-bottom:15px;} .list-row .list-item-name {float: left;} .list-row .list-item-name {width: 42%; font-size: 24px; line-height: 1.5em; padding: 10px 0 10px 30px;} .list-item-name p {margin:0;} .list-row .list-item-name .meta {color: #999;} .list-row .list-item-name .meta span {font-style: italic;} .list-row .list-item-score {float: left;} .list-row .list-item-score {width: 21.67%; font-size: 20px; line-height: 1.5em; padding: 10px 0 10px 30px;} .list-item-score p {margin: 0;} .list-row .list-item-check{float: left;} .list-row .list-item-check {width: 3%; font-size: 20px; line-height: 1.5em; padding: 20px 0 10px 30px;} .list-item-check p {margin: 0;} .list-item p {margin-left:30px; margin-top:0px; margin-bottom:5px; color: #000;} .rev-list-item p, .list-action p, .list-status p, .list-status-apply p, .list-status-inprogress p, .list-status-submitted p {margin:0;} .list-row .list-item .meta {color: #999;} .list-row .list-item .meta span {font-style: italic;} .list-item-status p {margin-left:30px; margin-top:0px; margin-bottom:0px; color: #000;} .list-row .list-item-status .meta {color: #999;} .list-row .list-item-status .meta span {font-style: italic;} .list-row .list-item-status p:before {content: ""; width: 26px; height: 26px; background-color: #fff; border: 1px solid #C9CED1; border-radius: 50%; position: absolute; top: 20px; margin-left: -40px; background-repeat: no-repeat; background-size: 16px 246px; background-image: url(/Contents/i/checklist-icons@2x.png); background-position: 100px 100px;} .list-row .list-item-status p.inprogress:before {background-color: #F8981D; border: 1px solid #F8981D; background-position: 5px -95px;} .list-row .list-item-status p.complete:before {background-color: #00B16A; border: 1px solid #00B16A; background-position: 5px -45px;} .list-row .list-item.prevetting, .list-row .list-item.prevetting1, .list-row .list-item.prevetting2, .list-row .list-item.prevetting3 {margin-left:-30px;} .list-row .list-item.prevetting1 p {border:1px solid #075E45; border-radius:3px; width:105px; text-align:center; color:#075E45; font-size:13px;} .list-row .list-item.prevetting2 p {border:1px solid #0F5A8E; border-radius:3px; width:92px; text-align:center; color:#0F5A8E; font-size:13px;} .list-row .list-item.prevetting3 p {border:1px solid #D91F10; border-radius:3px; width:94px; text-align:center; color:#D91F10; font-size:13px;} /*.list-row .list-item.decision1, .list-row .list-item.decision2, .list-row .list-item.decision3 {width:200px;}*/ .list-row .list-item.decision1 p {background:#C7EAD1; border-radius:3px; width:71px; text-align:center; color:#075E45; font-size:13px; font-weight:600;} .list-row .list-item.decision2 p {background:#C9E7F5; border-radius:3px; width:75px; text-align:center; color:#0F5A8E; font-size:13px; font-weight:600;} .list-row .list-item.decision3 p {background:#FADCD9; border-radius:3px; width:97px; text-align:center; color:#D91F10; font-size:13px; font-weight:600;} .list-row .list-item p.firstchoice-note1:after, .list-row .list-item p.firstchoice-note2:after {content: ""; width: 21px; height: 21px; background-color: #fff; border: none; position: absolute; top:22px; margin-left:8px; background-repeat: no-repeat; background-size: 21px 60px; background-image: url(/Contents/i/rev-icons@2x.png); background-position: 100px 100px;} .list-row .list-item p.firstchoice-note1b:after, .list-row .list-item p.firstchoice-note2b:after {content: ""; width: 21px; height: 21px; background-color: #fff; border: none; position: absolute; top:46px; margin-left:8px; background-repeat: no-repeat; background-size: 21px 60px; background-image: url(/Contents/i/rev-icons@2x.png); background-position: 100px 100px;} .list-row .list-item p.firstchoice-note1c:after, .list-row .list-item p.firstchoice-note2c:after {content: ""; width: 21px; height: 21px; background-color: #fff; border: none; position: absolute; top:70px; margin-left:8px; background-repeat: no-repeat; background-size: 21px 60px; background-image: url(/Contents/i/rev-icons@2x.png); background-position: 100px 100px;} .list-row .list-item p.firstchoice-note1d:after, .list-row .list-item p.firstchoice-note2d:after {content: ""; width: 21px; height: 21px; background-color: #fff; border: none; position: absolute; top:94px; margin-left:8px; background-repeat: no-repeat; background-size: 21px 60px; background-image: url(/Contents/i/rev-icons@2x.png); background-position: 100px 100px;} .list-row .list-item p.firstchoice-note1:after, .list-row .list-item p.firstchoice-note1b:after, .list-row .list-item p.firstchoice-note1c:after, .list-row .list-item p.firstchoice-note1d:after {background-position: 1px 0px;} .list-row .list-item p.firstchoice-note2:after, .list-row .list-item p.firstchoice-note2b:after, .list-row .list-item p.firstchoice-note2c:after, .list-row .list-item p.firstchoice-note2d:after {background-position: 1px -40px;} .list-row .list-item p.app_custom_row {font-size:18px; margin-top:-2px;} .rev-app-list .list-row .list-item2 p.firstchoice-info1, .rev-app-list .list-row .list-item2 p.firstchoice-info2 {margin:5px 0px 0px 30px;} .rev-app-list .list-row .list-item2 p.firstchoice-info1:before, .rev-app-list .list-row .list-item2 p.firstchoice-info2:before {content: ""; width: 21px; height: 21px; background-color: #fff; border: none; position: absolute; top:0px; margin-left:0px; background-repeat: no-repeat; background-size: 21px 60px; background-image: url(/Contents/i/rev-icons@2x.png); background-position: 100px 100px;} .rev-app-list .list-row .list-item2 p.firstchoice-info1:before {margin-top: 15px; margin-left:-30px; background-position: 1px 0px;} .rev-app-list .list-row .list-item2 p.firstchoice-info2:before {margin-top: 42px; margin-left:-30px; background-position: 1px -40px;} /*.list-row .list-item, .list-row .list-action {float: left;} .list-row .list-noitem {float: center;} .list-row .list-item {width: 66.67%; font-size: 20px; line-height: 1.5em; padding: 10px 0 10px 30px;} .list-row .list-action {width: 33.33%; font-size: 24px; font-weight: 300; line-height: 1.8em; text-align: right; padding: 18px 30px 10px 30px;} .list-row .list-noitem {width: 100%; font-size: 20px; text-align: center; line-height: 1.5em; padding: 10px 0 10px 30px;} .list-row .list-item-name {float: left;} .list-row .list-item-name {width: 42%; font-size: 24px; line-height: 1.5em; padding: 10px 0 10px 30px;} .list-item-name p {margin:0;} .list-row .list-item-name .meta {color: #999;} .list-row .list-item-name .meta span {font-style: italic;} .list-row .list-item-score {float: left;} .list-row .list-item-score {width: 21.67%; font-size: 20px; line-height: 1.5em; padding: 10px 0 10px 30px;} .list-item-score p {margin: 0;} .list-row .list-item-check{float: left;} .list-row .list-item-check {width: 3%; font-size: 20px; line-height: 1.5em; padding: 20px 0 10px 30px;} .list-item-check p {margin: 0;} .list-item p, .list-action p, .list-status p, .list-status-apply p, .list-status-inprogress p, .list-status-submitted p {margin:0;}*/ .list-status2 p, .list-status2-disabled p, .list-status2-apply p, .list-status2-completed p { margin-right:56px; display: block; margin-top:10px; height:31px; border-radius: 3px; } .list-status3 p { margin-right:156px; height:31px; border-radius: 3px; } /*.list-row .list-item .meta {color: #999;} .list-row .list-item .meta span {font-style: italic;}*/ .wrap-app-steps .list-title {position: relative;} .list-title .list-status a:link, .list-title .list-status a:visited, .list-title .list-status p {color: #fff; padding: 14px 30px 12px 30px; background: #1668FF; position: absolute; right: 0; top: 0;} .list-title .list-status a:hover, .list-title .list-status a:focus, .list-title .list-status a:active {background: #0F2C45; text-decoration: none;} .list-title .list-status a:link, a:visited { position: relative; margin: -30px; padding-top: 15px; padding-bottom: 15px;} .list-status.view-receipt {margin-top:-3px !important; font-size:16px !important;} .list-status2 a:link, .list-status2 a:visited, .list-status2 p {color: #333333; display: block; padding: 29px 30px 0px 30px; background: #F4B244; position: absolute; right: 0; height:41px; border-radius: 5px; } .list-status2-disabled a:link, .list-status2-disabled a:visited, .list-status2-disabled p {color: #404040; display: block; padding: 29px 30px 0px 30px; background: #A0A0A0; position: absolute; right: 0; height:41px; border-radius: 5px; } .list-status2-apply a:link, .list-status2-apply a:visited {color: #FFF; display: block; margin-top:0px; padding: 12px 30px 0px 30px; background: #1668FF; position: absolute; right: 0; height:41px; border-radius: 5px; } .list-status2-apply p {color: #FFF; display: block; margin-top:0px; padding-top: 10px; background: #1668FF; position: absolute; right: 0; height:0px; } .list-status2-completed a:link, .list-status2-completed a:visited {color: #FFF; display: block; margin-top:0px; padding: 12px 30px 0px 30px; background: #00B16A; position: absolute; right: 0; height:41px; border-radius: 5px; } .list-status2-completed p {color: #FFF; display: block; margin-top:0px; padding-top: 10px; background: #1668FF; position: absolute; right: 0; height:0px; } .list-status2 .no-link, .list-status2-disabled .no-link, .list-status2-apply .no-link, .list-status2-completed .no-link {margin-top:-16px; display:block; } .list-status2 a:hover, .list-status2 a:focus, .list-status2 a:active {background: #0F2C45; text-decoration: none; display: block; height:42px; padding-top: 19px;} .list-status2 a:link, .list-status2 a:visited { position: relative; margin: -30px; padding-top: 13px; padding-bottom: 15px; } .list-status3 a:link, .list-status3 a:visited, .list-status3 p {color: #404040; display: block; padding: 29px 30px 0px 30px; background: #A0A0A0; position: absolute; right: 0; height:41px; border-radius: 5px; } .list-status3 .no-link {margin-top:0px; display:block; } .list-status2-apply a:hover, .list-status2-apply a:focus, .list-status2-apply a:active {background: #0F2C45; text-decoration: none; display: block; height:42px; } .list-status2-completed a:hover, .list-status2-completed a:focus, .list-status2-completed a:active {background: #0F2C45; text-decoration: none; display: block; height:42px; } .rev-completed a:link, .rev-completed a:visited {color: #008000;} .rev-completed a:hover, .rev-completed a:active {color: #07384D;} .list-row .list-content {font-size: 16px; line-height: 1.5em; color: #666; margin: 10px 0 20px 0;} .list-subtitle {background: #D7EBF4; color: #222222; line-height: 0.5em; overflow: hidden;} .list-subtitle .list-subtitle-check{float: left;} .list-subtitle .list-subtitle-check {width: 3%; font-size: 24px; padding: 20px 0 10px 0px;} .list-subtitle-check p {margin:0;} .list-subtitle .list-subtitle-name{float: left;} .list-subtitle .list-subtitle-name {width: 42%; font-size: 24px; padding: 20px 0 10px 30px;} .list-subtitle-name p {margin:0;} .list-subtitle .list-subtitle-score{float: left;} .list-subtitle .list-subtitle-score {width: 21.67%; font-size: 24px; padding: 20px 0 10px 25px;} .list-subtitle-score p {margin:0;} .list-subtitle .list-subtitle-status{float: left;} .list-subtitle .list-subtitle-status {width: 33.33%; font-size: 24px; text-align: right; padding: 20px 30px;} .list-subtitle-status p {margin:0;} .wrap-app-steps .list-title .list-status {width: auto; white-space: nowrap; text-align: left; position: absolute; top: 0; right: 0;} .wrap-app-steps .list-title .list-status2 {width: auto; white-space: nowrap; text-align: left; position: absolute; top: 0; right: 0;} .wrap-app-steps .list-title .list-status2-disabled {width: auto; white-space: nowrap; text-align: left; position: absolute; top: 0; right: 0;} .wrap-app-steps .list-title .list-status2-apply {width: auto; white-space: nowrap; text-align: left; position: absolute; top: 0; right: 0;} .wrap-app-steps .list-title .list-status2-completed {width: auto; white-space: nowrap; text-align: left; position: absolute; top: 0; right: 0;} .wrap-app-steps .list-title .list-status3 {width: auto; white-space: nowrap; text-align: left; position: absolute; top: 0; right: 0;} /* --- Wrap Review List --- */ .wrap-list-review {padding-bottom: 60px; clear: both; overflow: visible;} .wrap-list-review .list-item, .wrap-list-review .list-review-status, .wrap-list-review .list-rank, .wrap-list-review .list-score, .wrap-list-review .list-overall {display: block; float: left; text-align: left; padding-right: 30px;} .wrap-list-review .list-title {padding: 10px 0;} .wrap-list-review .list-title a {color: #fff;} .wrap-list-review .list-row {position: relative; overflow: visible; clear: both;} .wrap-list-review .list-row .list-item, .wrap-list-review .list-row .rev-list-item {font-size: 16px;} .wrap-list-review .list-row .list-item span, .wrap-list-review .list-row .rev-list-item span {color: #999;} .wrap-list-review .list-row .list-item .meta, .wrap-list-review .list-row .rev-list-item .meta {color: #999;} .list-checkbox {position: absolute; top:17px; left: 5px; width:25px; height: 25px;} .wrap-list-review .list-item {width: 38%; padding-left: 30px;} .wrap-list-review .rev-list-item {width: 33%; padding-left: 30px;} .wrap-list-review .list-review-status {width: 12%;} .wrap-list-review .list-rank {width: 12%;} .wrap-list-review .list-score {width: 11%;} .wrap-list-review .list-overall {width: 20%;} .wrap-list-review .item-top-section, .wrap-list-review .status-top-section {margin-top:10px;} .wrap-list-review .status-top-section {float:right; margin-right:30px;} .wrap-list-review .list-action {width: 1px; height: 1px;} .wrap-list-review .list-action a.icon-print {position: absolute; right: 30px; top: 15px;} .wrap-list-review .list-row a.icon-print {background: transparent url(/Contents/i/icon_document.png) 0 0 no-repeat; width: 16px; height: 16px; display: block; background-size: 16px auto;} .wrap-list-review .list-row a.icon-print:hover {background-position: 0 -25px;} .wrap-list-review .list-row a.icon-print:hover span {display: block; z-index: 1;} .wrap-list-review .list-row a.icon-print span {display: none; position: absolute; padding: 5px 0; width: 60px; background: #444; font-size: 14px; top: 28px; right:-8px; border-radius: 3px; text-align: center; color: #fff; line-height: 1.4em;} .wrap-list-review .list-row a.icon-print span:before {position: absolute; top: -16px; right: 10px;} .wrap-list-review .list-row a.icon-print span:before {content: ''; display: block; width: 0; height: 0;} .wrap-list-review .list-row a.icon-print span:before {border: solid; border-width: 8px 6px; border-color: transparent transparent #444 transparent;} .lt-ie9 .wrap-list-review .list-row a.icon-print span:before {display: none;} /* Hide arrow in less than IE9 */ .rev-app-list .list-item:nth-child(1) {width: 22%; margin-right: -10px;} .rev-app-list .list-item:nth-child(2) {width: 10%; margin-right: -10px;} .rev-app-list .list-item:nth-child(3) {width: 16%; margin-right: -10px;} .rev-app-list .list-item:nth-child(4) {width: 20%; margin-right: -10px;} .rev-app-list .list-item:nth-child(5) {width: 18%; margin-right: -10px;} .rev-app-list .list-item:nth-child(6) {width: 14%; margin-right: -10px;} .rev-app-list .list-item {} .rev-app-list .list-row {overflow: hidden; padding: 10px 0 5px 0;} .rev-app-list .list-action {position: absolute; right: 0;} .rev-app-list .list-item-status {width: 20%; margin-right: -10px;} .rev-app-list .list-title.rev-head {height:48px;} /* Review Filters */ .reviewer-filters {overflow: hidden;} .review-section {width: 33.33%; float: left; padding: 0 30px 0 0;} .four-column-filters .review-section {width: 25.00%; float: left; padding: 0 30px 0 0;} .review-section:first-child {padding-left: 30px;} .review-section .button {width: 100% !important; margin-top: 36px;} .review-section .button a {margin-bottom: 0;} .review-section .button a {background: #fff; color: #1768FF; border: 1px solid #1768FF !important; font-weight: 400; font-size: 16px;} .review-section .button a:hover {background: #1768FF; color: #fff; border: 1px solid #1768FF !important; font-weight: 400; font-size: 16px;} .review-row {clear: both; overflow: hidden;} .review-row:last-child {margin-bottom: 30px;} .reviewer-filters h4 {margin-top: 10px;} .wrap-reviewer-filters {background: #F5F5F5; margin: 0 30px; padding-bottom: 30px;} .recs-per-pg {background: #F5F5F5; padding: 20px 0; margin-top: 20px;} .recs-per-pg label {margin:0;} .recs-per-pg .review-section {line-height: 40px;} .recs-per-pg .review-section .styled-dropdown {line-height: 1.5em;} .recs-per-pg .review-section strong {font-weight: 400;} .recs-per-pg .review-section label strong {font-weight: 600;} /* --- Wrap Review --- */ .wrap-review {background: #FBFBF9; padding-bottom: 30px; margin-top: 0; clear: both; overflow: hidden;} .wrap-review .pri {width: 66.67%;} .wrap-review .ter {width: 33.33%;} .wrap-review .form-row {overflow: hidden; clear: both;} .wrap-review .content {clear: both;} .wrap-review .pri .question-text, .wrap-review .pri .question {float: left;} .wrap-review .pri .question-text {width: 33.33%; clear: left; padding: 0 30px;} .wrap-review .pri .question {width: 66.67%; clear: right; padding: 0 30px 0 0;} .wrap-review .pri .question-text {color: #999; text-align: right;} .wrap-review .ter .question-text, .wrap-review .ter .actions, .wrap-review .ter .question {padding: 0 30px;} .sticky-toggle {display:none; height: 16px; width: 16px;} .sticky-toggle span {display: none;} #review-form .content h3:first-child {margin-bottom: 0;} .form-row .no-margin p {margin-top: 0; margin-bottom: 0;} .search-field {background: transparent url(/Contents/i/icon-search@2x.png) right 9px no-repeat; background-size: 26px 16px; padding-right: 30px;} .search-field:hover {background: #fff url(/Contents/i/icon-search@2x.png) right 9px no-repeat; background-size: 26px 16px;} @media only screen and (min-width: 900px) { .fixed {max-width: 399px !important;} } @media only screen and (min-width: 640px) { /* fixes the review form in position */ /*.fixed {position: fixed; max-width: none; top: 148px; z-index: 9; padding-bottom: 30px; margin-bottom: 0; max-height: 100% !important; overflow: auto;}*/ .fixed {position: fixed; top: 0; background: #F3F3F3; z-index: 100; padding-bottom: 30px; margin-bottom: 0; max-height: 100% !important; overflow-y: auto; overflow-x:hidden;} } /* Allows users to un-fix the position of the review form */ .unfix {position: relative !important; top: auto !important;} .sticky-toggle {display:block;} /* Styles for the stickiness toggle */ a.icon-pin {padding-left: 20px; background: transparent url(/Contents/i/icon-pushpin.png) 0 0 no-repeat; background-size: 16px 16px;} .unfix a.icon-pin {padding-left: 20px; background: transparent url(/Contents/i/icon-pushpin-off.png) 0 0 no-repeat; background-size: 16px 16px;} a.icon-pin {display: inline-block; position: relative; float: right; margin-top: 15px;} /* Styles for the stickiness toggle tool tip */ a.icon-pin:hover span {display: block;} a.icon-pin span {position: absolute; padding: 5px 0; width: 140px; background: #444; font-size: 14px; top: 28px; right:-4px; border-radius: 3px; text-align: center; color: #fff;} a.icon-pin span:before {position: absolute; top: -16px; right: 10px;} a.icon-pin span:before {content: ''; display: block; width: 0; height: 0;} a.icon-pin span:before {border: solid; border-width: 8px 6px; border-color: transparent transparent #444 transparent;} .lt-ie9 a.icon-pin span:before {display: none;} /* Hide arrow in less than IE9 */ /* Review form buttons styles */ #review-form .actions .button {float: left; margin:0; width: 48%;} #review-form .actions .button:first-child {margin-right: 4%;} #review-form .actions .button.negative {float: none; width: 100%;} /* --- Wrap App Steps --- */ .wrap-app-steps {background: #fff; padding-bottom: 60px;} .wrap-app-steps ol {list-style: none; padding: 0; margin: 0; } .wrap-app-steps li {border-bottom: 1px solid #B9BEC4; overflow: hidden; clear: both; padding: 0; position: relative; margin:0px;} .wrap-app-steps li p {padding: 5px 0;} .ter .wrap-app-steps li p {padding: 5px 0;} .wrap-app-steps li li {border-bottom: none; border-top: 1px solid #B9BEC4;} .ter .wrap-app-steps li {border-bottom: 1px solid #B9BEC4;} .ter .wrap-app-steps li li {border-bottom: none; border-top: 1px solid #B9BEC4;} .wrap-app-steps.parents {margin-top:-32px;} .wrap-app-steps .list-status {width: 150px; text-align: left; position: absolute; top: 0; right: 0;} .wrap-app-steps .list-item .checklist-note {color: #71777E; font-weight: normal; font-size:15px; font-style: italic; margin-left:-30px;} /*.wrap-app-steps .list-item, .wrap-app-steps .list-status , .wrap-app-steps .list-status-apply, .wrap-app-steps .list-status-inprogress, .wrap-app-steps .list-status-submitted {float: left; font-weight: 300; line-height: 1.5em; font-size: 18px; margin-top:5px;}*/ .wrap-app-steps .list-item {float: left; line-height: 1.5em; font-size: 18px; margin-top:5px;} .wrap-app-steps .list-status , .wrap-app-steps .list-status-apply, .wrap-app-steps .list-status-inprogress, .wrap-app-steps .list-status-submitted {float: left; line-height: 1.8em; font-size: 16px; margin-top:5px;} .wrap-app-steps .list-item {width: 83%;} .wrap-app-steps .list-status, .wrap-app-steps .list-status-apply, .wrap-app-steps .list-status-inprogress, .wrap-app-steps .list-status-submitted {width: 17%; text-align: left;} .wrap-app-steps .list-status2 {float: left; font-weight: bold; line-height: 1em; font-size: 16px;} .wrap-app-steps .list-status2-disabled {float: left; font-weight: bold; line-height: 1em; font-size: 16px; } .wrap-app-steps .list-status2-apply {float: left; font-weight: bold; line-height: 1em; font-size: 16px; } .wrap-app-steps .list-status2-completed {float: left; font-weight: bold; line-height: 1em; font-size: 16px; } .wrap-app-steps .list-status2 {width: 40%; text-align: right; } .wrap-app-steps .list-status2-disabled {width: 40%; text-align: right; } .wrap-app-steps .list-status2-apply {width: 40%; text-align: right; } .wrap-app-steps .list-status2-completed {width: 40%; text-align: right; } .wrap-app-steps .list-status3 {font-weight: normal; line-height: 1em; font-size: 20px; } .wrap-app-steps .list-status3 {width: 91%; text-align: right; margin-top:-34px; margin-bottom:14px; color:#000;} /*.list-app-steps .list-item {width: 60%; padding: 0 0 0 80px;} .list-app-steps .list-status {padding: 0 60px 0 30px;} .list-app-steps .list-status2 {padding: 0 10px 0 10px; } .list-app-steps .list-status2-disabled {padding: 0 10px 0 10px; } .list-app-steps .list-status2-apply {padding: 0 10px 0 10px; } .list-app-steps .list-status2-completed {padding: 0 10px 0 10px; } .list-app-steps .list-status-apply, .wrap-app-steps .list-status-inprogress, .wrap-app-steps .list-status-submitted {padding: 0 60px 0 30px;} .list-app-steps .list-content {padding: 0 60px 0 80px; color: #666;}*/ .list-title .list-status a:link, .list-title .list-status a:visited {color: #fff;} .list-title .list-status a:hover, .list-title .list-status a:active {color: #D7EBF4;} .list-title .list-status2 a:link, .list-title .list-status2 a:visited {color: #333333; width:150px; text-align:center;} .list-title .list-status2-disabled a:link, .list-title .list-status2-disabled a:visited {color: #333333; width:150px; text-align:center;} .list-title .list-status2-apply a:link, .list-title .list-status2-apply a:visited {color: #FFF; width:150px; text-align:center;} .list-title .list-status2-completed a:link, .list-title .list-status2-completed a:visited {color: #FFF; width:150px; text-align:center;} .list-title .list-status2 a:hover, .list-title .list-status2 a:active {color: #DB9D3F;} .list-title .list-status2-disabled a:hover, .list-title .list-status2-disabled a:active {color: #DB9D3F;} .list-title .list-status2-apply a:hover, .list-title .list-status2-apply a:active {color: #FFF; text-decoration:none;} .list-title .list-status2-completed a:hover, .list-title .list-status2-completed a:active {color: #FFF; text-decoration:none;} .list-title .list-status3 a:link, .list-title .list-status3 a:visited {color: #333333; width:150px; text-align:center;} .list-title .list-status3 a:hover, .list-title .list-status3 a:active {color: #DB9D3F;} /*.list-app-steps .complete {background: #D7EBF4 url(/Contents/i/bkgd-check-active@2x.png) top right no-repeat; background-size: 40px 500px} .ter .list-app-steps .complete {background-image: url(/Contents/i/bkgd-check-noline-active@2x.png); background-size: 40px 40px;}*/ .complete .list-status a:link, .complete .list-status a:visited {color: #000;} .complete .list-status a:hover, .complete .list-status a:active {color: #07384D;} .complete .list-status2 a:link, .complete .list-status2 a:visited {color: #000;} .complete .list-status2-disabled a:link, .complete .list-status2-disabled a:visited {color: #000;} .complete .list-status2-apply a:link, .complete .list-status2-apply a:visited {color: #FFF;} .complete .list-status2-completed a:link, .complete .list-status2-completed a:visited {color: #FFF;} .complete .list-status2 a:hover, .complete .list-status2 a:active {color: #07384D;} .complete .list-status2-disabled a:hover, .complete .list-status2-disabled a:active {color: #07384D;} .complete .list-status2-apply a:hover, .complete .list-status2-apply a:active {color: #FFF;} .complete .list-status2-completed a:hover, .complete .list-status2-completed a:active {color: #FFF;} .complete .list-status3 a:link, .complete .list-status3 a:visited {color: #000;} .complete .list-status3 a:hover, .complete .list-status3 a:active {color: #07384D;} .complete .list-status-submitted a:link, .complete .list-status-submitted a:visited {color: #000;} .complete .list-status-submitted a:hover, .complete .list-status-submitted a:active {color: #07384D;} /*.list-app-steps .incomplete {background: #F5F5F5 url(/Contents/i/bkgd-check-inactive-mini.png) top right no-repeat;} .ter .list-app-steps .incomplete {background-image: none; }*/ .incomplete .list-status a:link, .incomplete .list-status a:visited {color: #FFB511;} .incomplete .list-status a:hover, .incomplete .list-status a:active {color: #07384D;} .incomplete .list-status2 a:link, .incomplete .list-status2 a:visited {color: #FFB511;} .incomplete .list-status2 a:hover, .incomplete .list-status2 a:active {color: #07384D;} .incomplete .list-status2-apply a:link, .incomplete .list-status2-apply a:visited {color: #FFB511;} .incomplete .list-status2-apply a:hover, .incomplete .list-status2-apply a:active {color: #07384D;} .incomplete .list-status-apply a:link, .incomplete .list-status-apply a:visited {color: #1295D8;} .incomplete .list-status-apply a:hover, .incomplete .list-status-apply a:active {color: #07384D;} .incomplete .list-status-inprogress a:link, .incomplete .list-status-inprogress a:visited {color: #FFB511;} .incomplete .list-status-inprogress a:hover, .incomplete .list-status-inprogress a:active {color: #07384D;} .incomplete .list-status-submitted a:link, .incomplete .list-status-submitted a:visited {color: #000;} .incomplete .list-status-submitted a:hover, .incomplete .list-status-submitted a:active {color: #07384D;} /*.list-app-steps .not-started {background: #fff url(/Contents/i/bkgd-check-inactive-mini.png) top right no-repeat; color: #999;} .ter .list-app-steps .not-started {background-image: none; } .list-app-steps .actions {padding: 0 0 0 80px;} .list-app-steps .actions .button:first-child a {margin-right: 30px;}*/ .wrap-app-steps.inactive .list-title {border-bottom: 10px solid #F5F5F5; background: #00467F;} .wrap-app-steps.inactive .list-app-steps {border-bottom: 1px solid #1295D8;} .wrap-app-steps.inactive .list-app-steps li {display: none;} .list-app-steps .recstatus-detail {margin-left:15px;} .list-app-steps .recstatus-detail .recstatus-ul {margin-bottom:0px; width:100%; float:right;margin-top:0px;} .list-app-steps .recstatus-detail .recstatus-ul li {background:#FFF;} .list-app-steps .recstatus-detail .list-item {margin-left:-55px;} .list-app-steps .recstatus-detail .list-status {width:204px;} .list-app-steps .list-item .view-recstatus {font-size:15px; color:#1768FF;} /* Wrap App Steps - Add Counter */ .list-app-steps {counter-reset: app-steps; position: relative;} .list-app-steps > li:before {content: counter(app-steps, decimal-leading-zero); counter-increment: app-steps;} .list-app-steps li:before {display: block; position: absolute; left: 30px;} /*.list-app-steps li:before {font-weight: 300; color: #666;}*/ .list-app-steps li:before {color: #666;} .list-app-steps li:before {font-size: 18px; line-height: 1.5em; padding:0; padding-top:4px;} /* Wrap App Steps - Content Toggle */ .list-app-steps ol > li .list-item span {display: block; float: left;} .list-app-steps ol > li .list-item .arrow-down, .list-app-steps ol > li .list-item .arrow-up {width: 0; height: 0; border: solid; border-width: 10px 6px;} .list-app-steps ol > li .list-item .arrow-down {margin: 24px 0 0 10px; border-color: rgba(0,0,0,.4) transparent transparent transparent;} .list-app-steps ol > li .list-item .arrow-up {margin: 12px 0 0 10px; border-color: transparent transparent rgba(0,0,0,.4) transparent;} .lt-ie9 .list-app-steps ol > li .list-item .arrow-down, .lt-ie9 .list-app-steps ol > li .list-item .arrow-up {display: none;} /* Hide arrow in less than IE9 */ /* --- Steps --- */ .steps {font-weight: 700; font-size: 24px; line-height: 1.5em; padding:0; list-style: none;} .steps li {margin: 0; padding: 0 0 32px 80px; position: relative;} .steps li span {display: block; padding: 12px 0 0 0} /* Steps - Add Counter */ .steps {counter-reset: steps;} .steps li:before {content: counter(steps); counter-increment: steps;} .steps li:before {display: block; position: absolute; left: 0; height: 60px; width: 60px;} .steps li:before {background: #1295D8; border-radius: 100%; font-weight: 300; text-align: center; color: #D6EBF5;} .steps li:before {line-height: 60px; padding:0;} /* --- Steps --- */ .wrap-progress-bar {background: #A0C3FF;} .progress-bar {font-weight: 400; font-size: 16px; line-height: 32px; margin: 0; padding: 0; list-style: none; overflow: hidden;} .progress-bar li {margin: 0; position: relative; display: inline; float: left; padding: 8px 15px 8px 80px; height: 48px; border-right: 2px solid #fff;} .progress-bar li p {margin:0;} .progress-bar li:first-child {padding-left: 75px;} .progress-bar li:last-child {border-right: none;} .progress-bar .active, .progress-bar .complete {background: #1295D8;} /* Steps - Add Counter */ .progress-bar {counter-reset: prog-steps;} .progress-bar li:before {content: counter(prog-steps, decimal-leading-zero); counter-increment: prog-steps;} .progress-bar li:before {display: block; position: absolute; left: 35px;} .progress-bar li:before {font-weight: 300; font-size: 30px; color: rgba(0,0,0,.2);} .progress-bar li:before {line-height: 30px; padding: 0;} .progress-bar li:first-child:before {left: 30px;} .progress-bar li:after {position: absolute; top: 0; right: -48px;} .progress-bar li:after {content: ''; display: block; width: 0; height: 0;} .progress-bar li:after {border: solid; border-width: 24px 24px; border-color: transparent transparent transparent #A0C3FF;} .progress-bar li {color: #666;} .progress-bar li.complete, .progress-bar li.active {color: #fff;} .progress-bar li.complete:after, .progress-bar li.active:after {border-color: transparent transparent transparent #1295D8;} .progress-bar li:last-child:after {border: none;} .progress-bar li p:after {position: absolute; top: 0; right: 4px; right: -50px;} .progress-bar li p:after {content: ''; display: block; width: 0; height: 0;} .progress-bar li p:after {border: solid; border-width: 24px 24px; border-color: transparent transparent transparent #fff;} .progress-bar li:last-child p:after {border: none;} /* --- Footer --- */ .wrap-footer-marketing {background: #7C7E7F; color: #fff;} .wrap-footer-links {background: #F9F9F9;} .wrap-footer-links a {text-decoration:none;} .wrap-footer-links a:hover {text-decoration:underline;} .wrap-footer-copyright {background: #F5F5F5; border-top: 1px solid #eee;} .wrap-footer-marketing .content {margin: 60px 0 80px 0;} .wrap-footer-marketing a:link, .wrap-footer-marketing a:visited {color: #fff; text-decoration: underline;} .wrap-footer-marketing a:hover, .wrap-footer-marketing a:active {color: #fff; text-decoration: none;} .footer-marketing {position: relative;} .google-flourish {width: 138px; position: absolute; bottom: 0; right: 30px;} .google-flourish {border-left: 34px solid #1295D8; border-right: 34px solid #0F9D58;} .google-flourish-inside {min-height: 4px; border-left: 35px solid #FFB511; border-right: 35px solid #F4B400;} .footer-links .wrap-plusone {padding-bottom: 20px; border-bottom: 1px dashed #E5E5E5;} .footer-links {padding: 25px 30px 25px 30px; position: relative;} .footer-links .content {padding: 0;} .footer-links p {margin: 0;} .footer-nav {margin: 20px 0 0 0; padding: 0; list-style: none; overflow: hidden; display: block; line-height: 1.5em;} .footer-nav li {float: left; margin: 0 30px 0 0;} .footer-nav li:last-child {margin: 0;} .footer-nav li a:link, .footer-nav li a:visited {border: none;} .footer-copyright {display: block; font-size: 12px; color: #999;} /*.orchestrate {position: absolute; top: 10px; right: 30px; padding-top: 30px;}*/ .orchestrate {position: absolute; bottom: 20px; right: 30px; padding-top: 20px;} .list-app-steps .list-item { /*padding: 0 0 0 60px;*/ /* ML */ padding: 0 0 0 25px; /* ML */ } .list-app-steps .phase .list-item { padding: 0 0 0 25px; /* ML */ } .list-app-steps .list-status {padding: 0 30px 0 30px;} .list-app-steps .list-content {padding: 0 60px 0 40px; color: #666;} .wrap-app-steps .list-status a:link, .wrap-app-steps .list-status a:visited {color: #2A2A2B; text-decoration: none;} .wrap-app-steps .list-status a:hover, .wrap-app-steps .list-status a:focus, .wrap-app-steps .list-status a:active {text-decoration: underline;} .wrap-app-steps .list-status2 a:link, .wrap-app-steps .list-status2 a:visited {color: #333333; text-decoration: none;} .wrap-app-steps .list-status2 a:hover, .wrap-app-steps .list-status2 a:focus, .wrap-app-steps .list-status2 a:active {color: #DB9D3F; text-decoration: none;} .wrap-app-steps .list-app-steps .incomplete .list-item, .wrap-app-steps .incomplete .list-item a:link, .wrap-app-steps .incomplete .list-item a:visited, .wrap-app-steps .incomplete .list-item a:hover, .wrap-app-steps .incomplete .list-item a:active {color: #1668FF;} .wrap-app-steps .list-app-steps2 .incomplete .list-item, .wrap-app-steps .incomplete .list-item a:link, .wrap-app-steps .incomplete .list-item a:visited, .wrap-app-steps .incomplete .list-item a:hover, .wrap-app-steps .incomplete .list-item a:active {color: #1668FF !important;} .wrap-app-steps .list-app-steps .inprogress .list-item, .wrap-app-steps .inprogress .list-item a:link, .wrap-app-steps .inprogress .list-item a:visited, .wrap-app-steps .inprogress .list-item a:hover, .wrap-app-steps .inprogress .list-item a:active {color: #1668FF;} .wrap-app-steps .list-app-steps2 .inprogress .list-item, .wrap-app-steps .inprogress .list-item a:link, .wrap-app-steps .inprogress .list-item a:visited, .wrap-app-steps .inprogress .list-item a:hover, .wrap-app-steps .inprogress .list-item a:active {color: #1668FF !important;} .wrap-app-steps .list-app-steps .make-payment .list-item, .wrap-app-steps .make-payment .list-item a:link, .wrap-app-steps .make-payment .list-item a:visited, .wrap-app-steps .make-payment .list-item a:hover, .wrap-app-steps .make-payment .list-item a:active {color: #1768FF;} .wrap-app-steps .list-app-steps2 .make-payment .list-item, .wrap-app-steps .make-payment .list-item a:link, .wrap-app-steps .make-payment .list-item a:visited, .wrap-app-steps .make-payment .list-item a:hover, .wrap-app-steps .make-payment .list-item a:active {color: #1768FF !important;} .wrap-app-steps .list-app-steps .notstarted-blue .list-item, .wrap-app-steps .notstarted-blue .list-item a:link, .wrap-app-steps .notstarted-blue .list-item a:visited, .wrap-app-steps .notstarted-blue .list-item a:hover, .wrap-app-steps .notstarted-blue .list-item a:active {color: #1768FF;} .wrap-app-steps .list-app-steps2 .notstarted-blue .list-item, .wrap-app-steps .notstarted-blue .list-item a:link, .wrap-app-steps .notstarted-blue .list-item a:visited, .wrap-app-steps .notstarted-blue .list-item a:hover, .wrap-app-steps .notstarted-blue .list-item a:active {color: #1768FF !important;} .wrap-app-steps .list-app-steps .not-applicable .list-item, .wrap-app-steps .not-applicable .list-item a:link, .wrap-app-steps .not-applicable .list-item a:visited, .wrap-app-steps .not-applicable .list-item a:hover, .wrap-app-steps .not-applicable .list-item a:active {color: #686F77;} .wrap-app-steps .list-app-steps2 .not-applicable .list-item, .wrap-app-steps .not-applicable .list-item a:link, .wrap-app-steps .not-applicable .list-item a:visited, .wrap-app-steps .not-applicable .list-item a:hover, .wrap-app-steps .not-applicable .list-item a:active {color: #686F77 !important;} .wrap-app-steps .list-app-steps .complete .list-item {color: #333;} .wrap-app-steps .complete .list-item a:link, .wrap-app-steps .complete .list-item a:visited, .wrap-app-steps .complete .list-item a:hover, .wrap-app-steps .complete .list-item a:active {color: #1668FF;} .wrap-app-steps .list-app-steps2 .complete .list-item {color: #333 !important;} .wrap-app-steps .complete .list-item a:link, .wrap-app-steps .complete .list-item a:visited, .wrap-app-steps .complete .list-item a:hover, .wrap-app-steps .complete .list-item a:active {color: #1668FF !important;} .wrap-app-steps .list-app-steps .locked .list-item, .wrap-app-steps .locked .list-item a:link, .wrap-app-steps .locked .list-item a:visited, .wrap-app-steps .locked .list-item a:hover, .wrap-app-steps .locked .list-item a:active {color: #A0A6AD;} .wrap-app-steps .list-app-steps2 .locked .list-item, .wrap-app-steps .locked .list-item a:link, .wrap-app-steps .locked .list-item a:visited, .wrap-app-steps .locked .list-item a:hover, .wrap-app-steps .locked .list-item a:active {color: #A0A6AD !important;} .wrap-app-steps .list-status:before {content: ""; width: 26px; height: 26px; background-color: #fff; border: 1px solid #C9CED1; border-radius: 50%; position: absolute; top: 6px; right: calc(100% - 15px); background-repeat: no-repeat; background-size: 16px 246px; background-image: url(/Contents/i/checklist-icons@2x.png); background-position: 100px 100px;} .ter .wrap-app-steps .list-item:after {content: ""; width: 24px; height: 24px; background-color: #fff; border: 1px solid #C9CED1; border-radius: 50%; position: absolute; top: 2px; right: 20px; background-repeat: no-repeat; background-size: 16px 246px; background-image: url(/Contents/i/checklist-icons@2x.png); background-position: 100px 100px;} .wrap-app-steps .list-app-steps .incomplete .list-status:before, .ter .wrap-app-steps .incomplete .list-item:after {} /*.wrap-app-steps .list-app-steps .recstatus-detail .recstatus-ul.inprogress a:after {content: "" !important; display: none !important;}*/ .wrap-app-steps .list-app-steps .inprogress .list-status:before {background-color: #F8981D; border: 1px solid #F8981D; background-position: 5px -95px;} .wrap-app-steps .list-app-steps2 .inprogress .list-status:before {background-color: #F8981D !important; border: 1px solid #F8981D !important; background-position: 5px -95px !important;} .wrap-app-steps .list-app-steps .long-status {height:75px;} .wrap-app-steps .list-app-steps .inprogress.nocolor .list-item {color:#000;} .ter .wrap-app-steps .list-app-steps .inprogress .list-item:after {background-color: #F8981D; border: 1px solid #F8981D; background-position: 4px -96px;} .ter .wrap-app-steps .list-app-steps2 .inprogress .list-item:after {background-color: #F8981D !important; border: 1px solid #F8981D !important; background-position: 4px -96px !important;} .ter .wrap-app-steps .list-app-steps .active .list-item:after {background-color: #29B6F6; border: 1px solid #29B6F6; background-position: 5px -146px;} .ter .wrap-app-steps .list-app-steps2 .active .list-item:after {background-color: #29B6F6 !important; border: 1px solid #29B6F6 !important; background-position: 5px -146px !important;} .wrap-app-steps .list-app-steps .make-payment .list-status:before {background-color: #1768FF; border: 1px solid #1768FF; background-position: 6px -188px;} .wrap-app-steps .list-app-steps2 .make-payment .list-status:before {background-color: #1768FF !important; border: 1px solid #1768FF !important; background-position: 6px -188px !important;} .ter .wrap-app-steps .list-app-steps .make-payment .list-item:after {background-color: #1768FF; border: 1px solid #1768FF; background-position: 5px -189px;} .ter .wrap-app-steps .list-app-steps2 .make-payment .list-item:after {background-color: #1768FF !important; border: 1px solid #1768FF !important; background-position: 5px -189px !important;} .wrap-app-steps .list-app-steps .notstarted-blue .list-status:before {background-color: #1768FF; border: 1px solid #1768FF; background-position: 6px -188px;} .wrap-app-steps .list-app-steps2 .notstarted-blue .list-status:before {background-color: #1768FF !important; border: 1px solid #1768FF !important; background-position: 6px -188px !important;} .ter .wrap-app-steps .list-app-steps .notstarted-blue .list-item:after {background-color: #1768FF; border: 1px solid #1768FF; background-position: 5px -189px;} .ter .wrap-app-steps .list-app-steps2 .notstarted-blue .list-item:after {background-color: #1768FF !important; border: 1px solid #1768FF !important; background-position: 5px -189px !important;} .wrap-app-steps .list-app-steps .not-applicable .list-status:before {background-color: #686F77; border: 1px solid #686F77; background-position: 5px -224px;} .wrap-app-steps .list-app-steps2 .not-applicable .list-status:before {background-color: #686F77 !important; border: 1px solid #686F77 !important; background-position: 5px -224px !important;} .ter .wrap-app-steps .list-app-steps .not-applicable .list-item:after {background-color: #686F77; border: 1px solid #686F77; background-position: 4px -225px;} .ter .wrap-app-steps .list-app-steps2 .not-applicable .list-item:after {background-color: #686F77 !important; border: 1px solid #686F77 !important; background-position: 4px -225px !important;} .wrap-app-steps .list-app-steps .complete .list-status:before {background-color: #00B16A; border: 1px solid #00B16A; background-position: 5px -45px;} .wrap-app-steps .list-app-steps2 .complete .list-status:before {background-color: #00B16A !important; border: 1px solid #00B16A !important; background-position: 5px -45px !important;} .ter .wrap-app-steps .list-app-steps .complete .list-item:after {background-color: #00B16A; border: 1px solid #00B16A; background-position: 4px -46px;} .ter .wrap-app-steps .list-app-steps2 .complete .list-item:after {background-color: #00B16A !important; border: 1px solid #00B16A !important; background-position: 4px -46px !important;} .wrap-app-steps .list-app-steps .locked .list-status:before {background-color:#FFFFFF; border:1px solid #C9CED1; background-position: 5px 5px;} .wrap-app-steps .list-app-steps2 .locked .list-status:before {background-color:#FFFFFF !important; border:1px solid #C9CED1 !important; background-position: 5px 5px !important;} .ter .wrap-app-steps .list-app-steps .locked .list-item:after {background-color:#FFFFFF; border:1px solid #C9CED1; background-position: 4px 4px;} .ter .wrap-app-steps .list-app-steps2 .locked .list-item:after {background-color:#FFFFFF !important; border:1px solid #C9CED1 !important; background-position: 4px 4px !important;} .wrap-app-steps .list-app-steps .recstatus-ul .notstarted .list-status:before {background-color: #FFF; border: 1px solid #BEC8CE; background-position: 100px 100px;} .wrap-app-steps .list-app-steps .recstatus-ul .inprogress .list-status:before {background-color: #F8981D; border: 1px solid #F8981D; background-position: 5px -95px;} .wrap-app-steps .list-app-steps .complete .list-status a:after {content: "EDIT"; position: absolute; left: -100px; top: 10px; border: 1px solid #ADB4BB; border-radius: 5px; font-size: 12px; padding: 0 15px; line-height: 1.5em; background: #fff;} .wrap-app-steps .list-app-steps2 .complete .list-status a:after {content: "EDIT" !important; position: absolute !important; left: -100px !important; top: 10px !important; border: 1px solid #ADB4BB !important; border-radius: 5px !important; font-size: 12px !important; padding: 0 15px !important; line-height: 1.5em !important; background: #fff !important;} .wrap-app-steps .list-app-steps .complete.noedit .list-status a:after {content: ""; display: none;} .wrap-app-steps .list-app-steps2 .complete.noedit .list-status a:after, .wrap-app-steps .list-app-steps2 .inprogress.noedit .list-status a:after, .wrap-app-steps .list-app-steps2 .incomplete.noedit .list-status a:after {content: "" !important; display: none !important;} .wrap-app-steps .list-app-steps .complete .list-status a:hover:after {background: #1668FF; color: #fff; border: 1px solid #1668FF;} .wrap-app-steps .list-app-steps2 .complete .list-status a:hover:after {background: #1668FF !important; color: #fff !important; border: 1px solid #1668FF !important;} .wrap-app-steps .list-app-steps .incomplete .list-item a:after, .wrap-app-steps .list-app-steps .inprogress .list-item a:after {content: " \203A";} .wrap-app-steps .list-app-steps2 .incomplete .list-item a:after, .wrap-app-steps .list-app-steps2 .inprogress .list-item a:after {content: " \203A" !important;} .wrap-app-steps .list-app-steps .recstatus-detail .inprogress .list-item a:after {content: "" !important;} .ter .list-app-steps li:first-child {margin-top: 10px;} .list-app-steps li:nth-child(odd) {background-color: #fff;} .list-app-steps li:nth-child(even) { /*background-color: #F4F4F5;*/ background-color: #fff; } .list-app-steps li:nth-child(odd) li {background-color: #fff; color: #999;} .list-app-steps li:nth-child(even) li {background-color: #F4F4F5; color: #999;} .list-app-steps li.phase { background-color: #F2F4F7; border: none; /* ML */ margin:0; /* ML */ } .list-app-steps {counter-reset: app-steps; position: relative;} .list-app-steps > li:before {content: counter(app-steps, decimal) "."; counter-increment: app-steps; margin-top:8px;} .list-app-steps > li.phase:before { content:none; /* ML */ } .list-app-steps.parents {border-bottom:1px solid #333; margin-bottom:19px;} .list-app-steps.parents .list-item {font-weight:600;} .ter .list-app-steps li:before {top: 5px;} .list-app-steps li:before {font-size: 16px; line-height: 1.5em;} .ter .list-app-steps li:before {font-size: 15px;} .list-app-steps li.incomplete:before {color: #1668FF;} /*.list-app-steps li.inprogress:before {color: #1668FF;} .list-app-steps li.complete:before {color: #333;} .list-app-steps li.locked:before {color: #A0A6AD;}*/ .list-app-steps li.inprogress:before {color: #333;} .list-app-steps li.complete:before {color: #000;} .list-app-steps li.locked:before {color: #333;} .list-app-steps li.make-payment:before {color: #000;} .list-app-steps li.notstarted-blue:before {color: #000;} .list-app-steps li.not-applicable:before {color: #000;} .ter .list-app-steps li.incomplete:before {color: #333;} .ter .list-app-steps li.inprogress:before {color: #333;} .ter .list-app-steps li.complete:before {color: #969CA3;} .ter .list-app-steps li.locked:before {color: #969CA3;} /* Wrap App Steps - Content Toggle */ .list-app-steps ol > li .list-item span {display: block; float: left;} .list-app-steps ol > li .list-item .arrow-down, .list-app-steps ol > li .list-item .arrow-up {width: 0; height: 0; border: solid; border-width: 10px 6px;} .list-app-steps ol > li .list-item .arrow-down {margin: 24px 0 0 10px; border-color: rgba(0,0,0,.4) transparent transparent transparent;} .list-app-steps ol > li .list-item .arrow-up {margin: 12px 0 0 10px; border-color: transparent transparent rgba(0,0,0,.4) transparent;} .lt-ie9 .list-app-steps ol > li .list-item .arrow-down, /* --- Steps --- */ .steps {font-weight: 700; font-size: 24px; line-height: 1.5em; padding:0; list-style: none;} .steps li {margin: 0; padding: 0 0 32px 80px; position: relative;} .steps li span {display: block; padding: 12px 0 0 0} /* Steps - Add Counter */ .steps {counter-reset: steps;} .steps li:before {content: counter(steps); counter-increment: steps;} .steps li:before {display: block; position: absolute; left: 0; height: 60px; width: 60px;} .steps li:before {background: #1295D8; border-radius: 100%; font-weight: 300; text-align: center; color: #D6EBF5;} .steps li:before {line-height: 60px; padding:0;} .lt-ie9 .list-app-steps ol > li .list-item .arrow-up {display: none;} /* Hide arrow in less than IE9 */ .wrap-view-app-steps .list-app-steps li:before {padding: 3px 0 0 0; font-size: 14px; color: #fff !important; left: 20px;} .wrap-view-app-steps .list-app-steps2 li:before {padding: 3px 0 0 0 !important; font-size: 14px !important; color: #fff !important; left: 20px !important;} .wrap-view-app-steps .list-app-steps li:first-child {margin-top: 0;} .wrap-view-app-steps .list-app-steps li:nth-child(odd) {background-color: #3B4F6A;} .wrap-view-app-steps .list-app-steps li:nth-child(even) {background-color: #3B4F6A;} .wrap-view-app-steps .list-app-steps li:nth-child(odd) li {background-color: #3B4F6A; color: #fff;} .wrap-view-app-steps .list-app-steps li:nth-child(even) li {background-color: #3B4F6A; color: #fff;} .wrap-view-app-steps .list-app-steps li .list-item {padding: 0 50px;} .wrap-view-app-steps .list-app-steps2 li .list-item {padding: 0 50px !important;} .wrap-view-app-steps .list-app-steps li, .wrap-view-app-steps .list-app-steps li li {color: #aaa !important; padding: 0 !important; position: relative;} .wrap-view-app-steps .list-app-steps2 li, .wrap-view-app-steps .list-app-steps2 li li {color: #aaa !important; padding: 0 !important; position: relative !important;} .wrap-view-app-steps .list-app-steps li a:link, .wrap-view-app-steps .list-app-steps li a:visited {color: #fff;} .wrap-view-app-steps .list-app-steps2 li a:link, .wrap-view-app-steps .list-app-steps2 li a:visited {color: #fff !important;} .wrap-view-app-steps .list-app-steps li.active {background: #fff;} .wrap-view-app-steps .list-app-steps2 li.active {background: #fff !important;} .wrap-view-app-steps .list-app-steps li.active a:link, .wrap-view-app-steps .list-app-steps li.active a:visited {color: #1495D8;} .wrap-view-app-steps .list-app-steps2 li.active a:link, .wrap-view-app-steps .list-app-steps2 li.active a:visited {color: #1495D8 !important;} .wrap-view-app-steps .list-app-steps li.active:before {color: #1495D8 !important;} .wrap-view-app-steps .list-app-steps2 li.active:before {color: #1495D8 !important;} .wrap-view-app-steps .list-app-steps li.active:after {content: ""; width: 6px; background: #1495D8; position: absolute; left: 0; top: 0; bottom: 0;} /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (max-width: 900px) { /* Positioning Updates for Columns */ .three-col .pri {width: 100%;} .three-col .sec, .three-col .ter, .two-col .pri, .two-col .sec, .two-col .ter {width: 50%;} .footer-feature, .footer-secondary {width: 50%;} /* Hide secondary column on form pages */ .tForm .two-col .pri {width: 100%;} .tForm .two-col .sec, .tForm .two-col .ter {display: none;} /* Minimize Header */ .header-content {height: 100%; width: 100%;} .header-content-wrapper {position: absolute; bottom: 0; width: 100%;} .header-blurb {display:block; font-size: 30px;} .header-content h1 {font-size: 48px;} .logo {font-size: 24px;} .logo img {margin: 0 10px 4px 0;} footer .actions .button:first-child a {margin-right: 0;} /* --- Wrap List & Wrap App Steps Font Size Adjustments --- */ h2, h3 {font-size: 24px; line-height: 1.333;} /* 30 px */ h4 {font-size: 20px;} /* 24 px */ .list-title {font-size: 20px;} .list-row .list-item {font-size: 20px;} .list-row .list-action {font-size: 20px;} .list-app-steps .list-item, .list-app-steps .list-status, .list-app-steps .list-status-apply, .list-app-steps .list-status-inprogress, .list-app-steps .list-status-submitted {font-size: 20px; height:31px;} .list-app-steps .list-status2 {font-size: 16px;} .list-app-steps .list-status2-disabled {font-size: 16px;} .list-app-steps .list-status2-apply {font-size: 16px;} .list-app-steps .list-status2-completed {font-size: 16px;} .list-app-steps .list-status3 {font-size: 20px;} .list-app-steps li:before {font-size: 20px;} .list-app-steps ol > li .list-item .arrow-down {margin: 15px 0 0 10px;} .list-app-steps ol > li .list-item .arrow-up {margin: 3px 0 0 10px;} .list-app-steps .list-item {padding: 0 0 0 70px;} .list-app-steps .list-status, .list-app-steps .list-content {padding: 0 60px 0 70px;} .list-app-steps .list-status2, .list-app-steps .list-status2-disabled, .list-app-steps .list-status2-apply, .list-app-steps .list-status2-completed {padding: 0 60px 0 70px;} .list-app-steps .list-status3 {padding: 0 60px 0 70px;} .list-app-steps .list-status-apply, .list-app-steps .list-status-inprogress, .list-app-steps .list-status-submitted {padding: 0 60px 0 70px;} .list-app-steps .actions {padding: 0 0 0 70px;} .two-col .pri .button a {max-width: none;} .wrap-app-steps .list-status a:link, .wrap-app-steps .list-status a:visited {color: #2A2A2B; text-decoration: none;} .wrap-app-steps .list-status a:hover, .wrap-app-steps .list-status a:focus, .wrap-app-steps .list-status a:active {text-decoration: underline;} .wrap-app-steps .list-status2 a:link, .wrap-app-steps .list-status2 a:visited {color: #333333; text-decoration: none;} .wrap-app-steps .list-status2 a:hover, .wrap-app-steps .list-status2 a:focus, .wrap-app-steps .list-status2 a:active {color: #DB9D3F; text-decoration: none;} /* Progress Bar Updates */ .progress-bar li {padding: 8px 0 8px 75px;} .progress-bar li:before {left: 30px;} .progress-bar li span {display: none;} .progress-bar li.active span {display: inline;} /* Remove Absolute Positioning for Orchestrate Logo */ .footer-links {padding-bottom: 0;} .orchestrate {position: relative; top: auto; right: auto; margin-top: 20px;} footer .actions .button a {display: block; width: auto; float: none;} } /* --- View Message Updates --- */ .back-to-previous {padding-left: 30px; position: relative;} .back-to-previous:before {position: absolute; content: ""; left: 0; width: 36px; height: 36px; background: transparent url(/Contents/images/view-message-sprite.png) -50px 1px no-repeat; background-size: 150px 100px;} .back-to-previous span {display: none;} .wrap-message {padding: 40px 40px 0 100px; position: relative; padding-top: 40px;} .wrap-message .form-row:last-child {border-bottom: 1px solid #D8DEE6; padding-bottom: 40px;} .wrap-message:before {position: absolute; content:""; left: 30px; top: 24px; width: 48px; height: 48px; border: 1px solid #D9E1E8; border-radius: 50%;} .wrap-message:before {background: transparent url(/Contents/images/view-message-sprite.png) -86px 14px no-repeat; background-size: 150px 100px;} .message-header-from p {margin: 0; color: #2F3439; text-transform: uppercase; font-size: 13px; font-weight: 600;} .message-header-subject h3 {margin: 0; color: #000; font-size: 24px; font-weight: 600; padding-right: 30px;} .message-header-date p {margin: 5px 0 0 0; color: #51575D;} .wrap-message .actions.form-responses .button.featured {float: right;} .wrap-message .actions.form-responses .button.featured a, .actions.form-responses .button.disabled a {width: auto; padding: 8px 50px;} .wrap-message.inactive .message-content, .wrap-message.inactive .actions {display: none;} .wrap-message:after {position: absolute; content:""; right: 40px; top: 70px; width: 20px; height: 20px;} .wrap-message:after {background: transparent url(/Contents/images/view-message-sprite.png) 0 0 no-repeat; background-size: 150px 100px;} .wrap-message.inactive:after {background-position: 0 -50px;} @media only screen and (max-width: 640px) { /* Positioning Updates for Columns */ .three-col .pri, .three-col .sec, .three-col .ter {width: 100%;} .two-col .pri, .two-col .sec, .two-col .ter {width: 100%;} .footer-feature, .footer-secondary {width: 100%;} /* Minimize / Re-style Header */ .header-content {position: relative; bottom: auto;} .header-content {background: transparent; color: #333;} .header-content-wrapper {position: relative; bottom: auto;} .header-blurb {font-size: 20px;} header .actions {max-width: none;} header .actions .button a {display: block; width: auto; float: none; margin: 0 30px 30px 30px;} header .actions .button:first-child a {margin-right: 30px;} .logo .wrap-plusone {display: none;} .list-app-steps .actions {padding: 10px 30px 0 30px;} .list-app-steps .actions .button a {width: 100%;} /* Mobile navigation */ .logo div {display: none;} .wrap-nav {border-top: 2px solid #00467F; font-size: 16px; line-height: 36px; position: relative;} .prinav {background: #00467F; display: none;} .prinav a {width: 240px;} .menu:hover .prinav {display: block; z-index: 105;} .menu {position: absolute; width: 84px; height: 48px;} .menu {background: #00467F url(/Contents/i/icon-menu-alt@2x.png) 24px 7px no-repeat; background-size: 32px 32px;} .lt-ie9 .menu {background: #00467F url(/Contents/i/icon-menu.png) 0 14px no-repeat; background-size: 24px 16px;} .prinav {position: absolute; top: 48px;} .prinav li {float: left; clear: both;} .prinav:hover li {display: block; background-color: #00467F;} .prinav ul {position: relative;} .prinav ul a {background: #00467F;} .prinav .active {display: block;} .prinav .active {background: #00467F url(/Contents/i/bkgd-check@2x.png) 7px 16px no-repeat; background-size: 16px 16px;} .lt-ie9 .prinav .active {background: #00467F url(/Contents/i/bkgd-check.png) 10px 20px no-repeat;} .prinav:hover .active a span {display: block;} .prinav a:hover, .prinav a:active {color: #D7EBF4;} .prinav li li a:hover, .prinav li li a:active {background-color: transparent;} .prinav li ul {display: block;} .prinav li a {margin: 0; padding: 5px 30px 5px 30px;} .prinav ul li a {padding: 5px 30px 5px 40px;} /* Mobile Nav - Reset Borders */ .prinav a:link, .prinav a:visited {border-bottom: none !important; border-top: 1px solid #fff;} .prinav ul a:link, .prinav ul a:visited {border-top: 1px solid #fff;} .prinav a:hover, .prinav a:active, .prinav ul li a:hover, .prinav ul li a:active {background: #1295D8;} nav {height: 50px;} .prinav {border: none; border-bottom: 1px solid #fff;} .prinav ul {border-top: none;} .usernav {float: right; position: absolute; top: 0; right: 0;} .usernav li {position: relative;} /* View Form */ .wrap-view .question-text {width: 100%; padding: 0 30px; text-align: left;} .wrap-view .question {width: 100%; clear: right; padding: 0 30px 20px 60px;} .wrap-view .question-text p, .wrap-view .question * {margin: 0 0 10px 0;} /* Wrap List */ .list-row .list-item {width: 100%; padding-bottom: 0;} .list-row .list-action {width: 100%; padding-top: 0; text-align: left;} .list-subtitle .list-subtitle-check {width: 3%; padding-bottom: 0;} .list-subtitle .list-subtitle-name {width: 42%; padding-bottom: 0;} .list-subtitle .list-subtitle-score {width: 21.67%; padding-bottom: 0;} .list-subtitle .list-subtitle-status {width: 100%; margin: 0; text-align: left;} .wrap-app-steps .list-item, .wrap-app-steps .list-status, .wrap-app-steps .list-status-apply, .wrap-app-steps .list-status-inprogress, .wrap-app-steps .list-status-submitted {width: 100%; padding-top: 0; text-align: left;} .list-app-steps .list-item {padding: 0 30px 0 70px;} .wrap-app-steps .list-status2 {width: 100%; padding-top: 0; text-align: left;} .wrap-app-steps .list-status2-disabled {width: 100%; padding-top: 0; text-align: left;} .wrap-app-steps .list-status2-apply {width: 100%; padding-top: 0; text-align: left;} .wrap-app-steps .list-status2-completed {width: 100%; padding-top: 0; text-align: left;} .list-app-steps .list-status, .list-app-steps .list-content {padding: 0 30px 0 70px;} .list-app-steps .list-status2 {padding: 0 30px 0 70px;} .list-app-steps .list-status2-disabled {padding: 0 30px 0 70px;} .list-app-steps .list-status2-apply {padding: 0 30px 0 70px;} .list-app-steps .list-status2-completed {padding: 0 30px 0 70px;} .list-app-steps .list-status-apply, .list-app-steps .list-status-inprogress, .list-app-steps .list-status-submitted {padding: 0 30px 0 70px;} .list-app-steps .complete, .list-app-steps .incomplete, .list-app-steps .not-started {background-image: none;} .wrap-app-steps .list-status a:link, .wrap-app-steps .list-status a:visited {color: #2A2A2B; text-decoration: none;} .wrap-app-steps .list-status a:hover, .wrap-app-steps .list-status a:focus, .wrap-app-steps .list-status a:active {text-decoration: underline;} .wrap-app-steps .list-status2 a:link, .wrap-app-steps .list-status2 a:visited {color: #333333; text-decoration: none;} .wrap-app-steps .list-status2 a:hover, .wrap-app-steps .list-status2 a:focus, .wrap-app-steps .list-status2 a:active {color: #DB9D3F; text-decoration: none;} .footer-nav {font-size: 16px;} .wrap-footer-marketing .content {margin: 30px 0 40px 0;} } @media only screen and (max-width: 500px) { .progress-bar li.active span {display: none;} } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { } /* ========================================================================== Helper classes ========================================================================== */ .ir {background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;} .ir:before {content: ""; display: block; width: 0; height: 150%;} .hidden {display: none !important; visibility: hidden;} .visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;} .invisible {visibility: hidden;} .question:before, .question:after, .clearfix:before, .clearfix:after {content: " "; display: table;} .question:after, .clearfix:after {clear: both;} .question, .clearfix {*zoom: 1;} /* ========================================================================== Print styles ========================================================================== */ @media print { * {background: transparent !important; box-shadow: none !important; text-shadow: none !important; color: #000 !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) ")";} /* --- Don't show links for images, or javascript/internal links --- */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";} pre, blockquote {border: 1px solid #999;page-break-inside: avoid;} thead {display: table-header-group; /* h5bp.com/t */} tr,img {page-break-inside: avoid;} img {max-width: 100% !important;} @page {margin: 0.5cm;} p, h2, h3 {orphans: 3;widows: 3;} h2, h3 {page-break-after: avoid;} } /* ================================================================ Side by side fotf ================================================================*/ #side-by-side { overflow:hidden; height: auto; padding: 0px; } .left-question-text { width: 45%; float: left; height: auto; } .right-question { width: auto; float: none; overflow: hidden; } /* ================================================================ Validation message ================================================================*/ .validation_message { border: 1px solid #ff0000; padding: 10px 10px 10px 40px; color: #D63301; background: #FFCCBA url(/Contents/images/validation.gif) left center no-repeat; background-position: 5px; } .validation_message ul { margin-left:20px; margin-top:0px; margin-bottom:0px; } .warning { border: 1px solid; padding:10px 10px 10px 40px; color: #9F6000; background: #FEEFB3 url(/Contents/images/box-warning.gif) left center no-repeat; background-position: 5px; } .success { border: 1px solid; padding:10px 10px 10px 40px; color: #4F8A10; background: #DFF2BF url(/Contents/images/box-success.gif) left center no-repeat; background-position: 5px; } .errormsg { border: 1px solid; padding:10px 10px 10px 40px; color: #D8000C; background: #FFBABA url(/Contents/images/box-validation.gif) left center no-repeat; background-position: 5px; } #list-title { color: #333; } /* ================================================================ Style for rank page ================================================================*/ .list-sort { padding-bottom:30px; } .list-sort .list-title h2 {font-size: 16px;} .list-sort .ui-sortable-handle { cursor:pointer; } .list-sort .list-row, .list-sort .list-row-norecord { overflow:hidden; border-top: 1px solid #C6CDD9; border-bottom: 1px solid #C6CDD9; margin: 0 0 -1px 0; background: white; min-height:44px; } .list-sort .list-row-norecord { text-align:center; padding-top:10px; } /*** Content Block Menu ***/ .content-block {position: relative; overflow: hidden;} .content-block .menu {position: absolute; overflow: hidden; right: 15px; top: 8px;} .content-block .menu ul {list-style: none; padding: 0;} .content-block .menu li {float: left; margin: 0 0 0 20px; font-weight: 700;} .content-block .menu li a {font-size: 16px; color: #e9e9e9;} .content-block .menu li a.active {color: #fff;} /*** for loading screen ***/ #loading { display: none; position: fixed; z-index: 100001; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 255, 255, 255, .8) url('/Contents/Images/ajax-loader.gif') 50% 50% no-repeat; } /*** pdf icon ***/ .tReviewList .list-row a:link, .tReviewList .list-row a:visited {color: #1668FF; text-decoration: underline;} .tReviewList .list-row a:hover, .tReviewList .list-row a:active {color: #1668FF; text-decoration: none;} .tReviewList #lyrRecPerPage a:link, .tReviewList #lyrRecPerPage a:visited {color: #1768FF; text-decoration: underline;} .tReviewList #lyrRecPerPage a:hover, .tReviewList #lyrRecPerPage a:active {color: #1768FF; text-decoration: none;} .wrap-list-review .list-action a.icon-pdf {position: absolute; right: 30px; top: 15px;} .wrap-list-review .list-action a.icon-pdf2 {position: absolute; right: 30px; top: 15px;} .wrap-list-review .list-row {overflow: visible;} .wrap-list-review .list-row:after {content: ""; display: table; clear: both;} .wrap-list-review .list-row a.icon-pdf {background: transparent url(/Contents/i/icon-printer.png) 0 0 no-repeat; width: 16px; height: 16px; display: block; background-size: 16px 50px;} .wrap-list-review .list-row a.icon-pdf:hover {background-position: 0 -25px} .wrap-list-review .list-row a.icon-pdf:hover span {display: block; z-index: 1;} .wrap-list-review .list-row a.icon-pdf span {display: none; position: absolute; padding: 5px 0; width: 100px; background: #444; font-size: 14px; top: 28px; right:-8px; border-radius: 3px; text-align: center; color: #fff; line-height: 1.4em;} .wrap-list-review .list-row a.icon-pdf span:before {position: absolute; top: -16px; right: 10px;} .wrap-list-review .list-row a.icon-pdf span:before {content: ''; display: block; width: 0; height: 0;} .wrap-list-review .list-row a.icon-pdf span:before {border: solid; border-width: 8px 6px; border-color: transparent transparent #444 transparent;} .wrap-list-review .list-row a.icon-pdf2 {background: transparent url(/Contents/i/icon-printer2.png) 0 0 no-repeat; width: 16px; height: 16px; display: block; background-size: 16px 50px;} .wrap-list-review .list-row a.icon-pdf2:hover {background-position: 0 -25px} .wrap-list-review .list-row a.icon-pdf2:hover span {display: block; z-index: 1;} .wrap-list-review .list-row a.icon-pdf2 span {display: none; position: absolute; padding: 5px 0; width: 100px; background: #444; font-size: 14px; top: 28px; right:-8px; border-radius: 3px; text-align: center; color: #fff; line-height: 1.4em;} .wrap-list-review .list-row a.icon-pdf2 span:before {position: absolute; top: -16px; right: 10px;} .wrap-list-review .list-row a.icon-pdf2 span:before {content: ''; display: block; width: 0; height: 0;} .wrap-list-review .list-row a.icon-pdf2 span:before {border: solid; border-width: 8px 6px; border-color: transparent transparent #444 transparent;} /*** Vertical Timeline ***/ .vertical-timeline {list-style: none; padding: 0; margin: 20px 0 10px 0;} .vertical-timeline li {margin: 0; position: relative; padding: 0 20px 8px 50px ; line-height: 1.6em; font-size: 14px;} .vertical-timeline .meta {color: #9B9B9B;} .vertical-timeline li:before {content: ""; width: 9px; height: 9px; position: absolute; background: #D8D8D8; border: 1px solid #9B9B9B; border-radius: 50%; top: 6px; left: 20px;} .vertical-timeline .point-system:before {background: #D8D8D8; border: 1px solid #D8D8D8;} .vertical-timeline .point-applicant:before {background: #4787F1; border: 1px solid #4787F1;} .vertical-timeline .point-note:before {background: #F1774B; border: 1px solid #F1774B;} .vertical-timeline .point-file:before {background: #fff; border: 3px solid #F1774B; height: 5px; width: 5px;} .vertical-timeline .point-mail:before {background: #666; border: 1px solid #666;} .vertical-timeline .secured .meta {display: inline-block; position: relative;} .vertical-timeline .secured .secured-popover {height: 16px; width: 16px; background: transparent url(/console/images/icon-view-app.png) 0 0 no-repeat; background-size: 100px 500px; background-position: -10px -210px; display: inline-block;} .vertical-timeline .secured .secured-popover:hover {background-position: -60px -210px;} .vertical-timeline .secured .secured-popover span {display: none;} .vertical-timeline .point-note.secured .secured-popover:hover span, .vertical-timeline .point-file.secured .secured-popover:hover span {position: absolute; min-width: 380px; left: 0; right: 0; display: block; top: 100%; background: #999; color: #fff; border-radius: 5px; padding: 6px 10px; z-index: 2;} .vertical-timeline p {margin:0em;} .vertical-timeline li:after {content: ""; height: calc(100% - 17px); width: 1px; background: #D8D8D8; position: absolute; top: 20px; left: 25px; display: block;} .vertical-timeline li:last-child:after, .vertical-timeline li.point-expand:after {display: none;} .vertical-timeline .point-expand:before {width: 7px; height: 7px;border-radius: 0; border: none; border-left: 1px solid #9B9B9B; border-bottom: 1px solid #9B9B9B; background: none; transform: rotate(-45deg); left: 21.5px; top: 4px;} .vertical-timeline .point-expand a {color: #6A7988;} .vertical-timeline .point-shrink:before {width: 7px; height: 7px;border-radius: 0; border: none; border-left: 1px solid #9B9B9B; border-bottom: 1px solid #9B9B9B; background: none; transform: rotate(135deg); left: 21.5px; top: 4px;} .vertical-timeline .point-shrinka {color: #6A7988;} .vertical-timeline .point-file .note-file {padding-left: 35px; position: relative;} .vertical-timeline .point-file .note-file:before {content: ""; height: 16px; width: 16px; background: transparent url(/console/images/icon-view-app.png) 0 0 no-repeat; background-size: 100px 500px; background-position: -10px -260px; display: inline-block; position: absolute; top: 14px; left: 10px;} .refForm label { margin-top: 0 !important; } .waiver-row { background-color: #EBF1FD; margin: 0px 20px 0px 30px; padding: 5px 10px 5px 10px; border-left: 5px solid #4682B4; } .form-row .no-topmargin p { margin-top: 0; } .progress-indicator.list-steps { background-color: #f5f5f5; padding: 10px 5px; border-bottom: 1px solid #B9BEC4; margin-bottom: -1px; } .progress-indicator.list-steps.parents { background-color: #00467F; border-bottom: 1px solid #00467F; text-transform:none; } .progress-indicator.list-steps > li .bubble { height: 12px; width: 99%; box-shadow: inset -5px 0 12px rgba(0, 0, 0, 0.2); margin: 10px 5px 0px 5px; } .progress-indicator.list-steps .parents { font-size:14px; } .progress-indicator.list-steps > li .first-step { border-top-right-radius:1px; border-bottom-right-radius:1px; } .progress-indicator.list-steps > li .mid-step { border-radius: 2px; } .progress-indicator.list-steps > li .last-step { border-top-left-radius:1px; border-bottom-left-radius:1px; } .progress-indicator.list-steps > li .bubble:before, .progress-indicator.list-steps > li .bubble:after { display: none; } .list-row.below-wiz {border-top:1px solid #B9BEC4;} /*** parent payment receipt ***/ .view-receipt2 {margin-top:-5px; margin-right:79px; font-size:16px; text-align:right;} .view-receipt2 a {text-decoration:none;} .tr-type-title-prt {display:none;} @media print { .tr-type-title { display: none; } .tr-type-title-prt { display: block; } /* Fix image selector - remove space between img and .receipt-img */ img.receipt-img { display: block !important; visibility: visible !important; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; max-width: 282px; height: auto; } }