Created
February 6, 2019 00:44
-
-
Save motionharvest/df6faec3972fc24ff9c7222af8fe3544 to your computer and use it in GitHub Desktop.
Just a bunch of styles for a site I'm reskinning
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Globals are any collection of styles that are used in more than one place. | |
| Use this file for colors, font stacks, and for | |
| Partials use %global- to help developers guess where they are writen. | |
| */ | |
| .columnStyle .statusIndicator.indicatorGreen, span#help1, .dropdown.accountInfoIcon .dropdown-toggle { | |
| display: inline-block; | |
| line-height: 1; | |
| vertical-align: middle; } | |
| .columnStyle .statusIndicator.indicatorGreen::before, span#help1::before, .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| -webkit-font-smoothing: antialiased; | |
| -webkit-text-stroke: 0; | |
| -moz-osx-font-smoothing: grayscale; | |
| backface-visibility: hidden; | |
| display: block; | |
| font-family: "dls-icons"; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-variant: normal; | |
| text-transform: none; | |
| line-height: 1; | |
| letter-spacing: 0; | |
| position: relative; } | |
| .columnStyle .statusIndicator.indicatorGreen:hover, span#help1:hover, .dropdown.accountInfoIcon .dropdown-toggle:hover { | |
| text-decoration: none; } | |
| .columnStyle .statusIndicator.indicatorGreen::before, span#help1::before, .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| font-size: 1rem; } | |
| .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| content: "\ea19"; } | |
| .columnStyle .statusIndicator.indicatorGreen::before { | |
| content: "\ea2b"; } | |
| span#help1::before { | |
| content: "\ea65"; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button, .text-right.margin-top-10.margin-bottom-05 .btn-primary, #userRegForm .btn.btn-primary.btn-primary-outline, .requestContainer #btnSubmit, .btn-success, .btn-success:hover, #streamSubmit .submit.btn { | |
| border: 1px solid transparent; | |
| cursor: pointer; | |
| display: inline-block; | |
| font-weight: normal; | |
| max-width: 280px; | |
| min-width: 180px; | |
| overflow: hidden; | |
| position: relative; | |
| text-align: center; | |
| text-overflow: ellipsis; | |
| transition: all 0.2s ease-in-out; | |
| user-select: none; | |
| vertical-align: middle; | |
| white-space: nowrap; | |
| padding: 0.8125rem 1.875rem !important; | |
| line-height: 1.375rem; | |
| border-radius: 0.25rem !important; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:last-of-type:not(:first-of-type), .text-right.margin-top-10.margin-bottom-05 .btn-primary:last-of-type:not(:first-of-type), #userRegForm .btn.btn-primary.btn-primary-outline:last-of-type:not(:first-of-type), .requestContainer #btnSubmit:last-of-type:not(:first-of-type), .btn-success:last-of-type:not(:first-of-type), #streamSubmit .submit.btn:last-of-type:not(:first-of-type) { | |
| margin-right: 0; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:focus, .text-right.margin-top-10.margin-bottom-05 .btn-primary:focus, #userRegForm .btn.btn-primary.btn-primary-outline:focus, .requestContainer #btnSubmit:focus, .btn-success:focus, #streamSubmit .submit.btn:focus, | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:hover, | |
| .text-right.margin-top-10.margin-bottom-05 .btn-primary:hover, | |
| #userRegForm .btn.btn-primary.btn-primary-outline:hover, | |
| .requestContainer #btnSubmit:hover, | |
| .btn-success:hover, | |
| #streamSubmit .submit.btn:hover { | |
| text-decoration: none; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:disabled, .text-right.margin-top-10.margin-bottom-05 .btn-primary:disabled, #userRegForm .btn.btn-primary.btn-primary-outline:disabled, .requestContainer #btnSubmit:disabled, .btn-success:disabled, #streamSubmit .submit.btn:disabled { | |
| box-shadow: none; | |
| cursor: not-allowed; | |
| background: #f7f8f9 !important; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:disabled::after, .text-right.margin-top-10.margin-bottom-05 .btn-primary:disabled::after, #userRegForm .btn.btn-primary.btn-primary-outline:disabled::after, .requestContainer #btnSubmit:disabled::after, .btn-success:disabled::after, #streamSubmit .submit.btn:disabled::after { | |
| border-color: #c8c9c7; | |
| color: #97999b; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button, .text-right.margin-top-10.margin-bottom-05 .btn-primary, #userRegForm .btn.btn-primary.btn-primary-outline, .requestContainer #btnSubmit, .btn-success, .btn-success:hover, #streamSubmit .submit.btn, .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button, .text-right.margin-top-10.margin-bottom-05 .btn-primary, #userRegForm .btn.btn-primary.btn-primary-outline, .requestContainer #btnSubmit, .btn-success, .btn-success:hover, #streamSubmit .submit.btn { | |
| color: #fff; | |
| background: #006fcf !important; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:hover, .text-right.margin-top-10.margin-bottom-05 .btn-primary:hover, #userRegForm .btn.btn-primary.btn-primary-outline:hover, .requestContainer #btnSubmit:hover, .btn-success:hover, #streamSubmit .submit.btn:hover, | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:hover, | |
| .text-right.margin-top-10.margin-bottom-05 .btn-primary:hover, | |
| #userRegForm .btn.btn-primary.btn-primary-outline:hover, | |
| .requestContainer #btnSubmit:hover, | |
| .btn-success:hover, | |
| #streamSubmit .submit.btn:hover { | |
| background: #1068a5; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:active, .text-right.margin-top-10.margin-bottom-05 .btn-primary:active, #userRegForm .btn.btn-primary.btn-primary-outline:active, .requestContainer #btnSubmit:active, .btn-success:active, #streamSubmit .submit.btn:active, | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:active, | |
| .text-right.margin-top-10.margin-bottom-05 .btn-primary:active, | |
| #userRegForm .btn.btn-primary.btn-primary-outline:active, | |
| .requestContainer #btnSubmit:active, | |
| .btn-success:active, | |
| #streamSubmit .submit.btn:active { | |
| background: #0f6099; } | |
| .requestContainer .btn.btn-info, #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left { | |
| color: #006fcf; | |
| background: #fff; | |
| border-color: #006fcf; } | |
| .requestContainer .btn.btn-info:hover, #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left:hover { | |
| color: #006fcf; | |
| background: #e5e5e5; | |
| border-color: #3ea8e5; } | |
| .requestContainer .btn.btn-info:active, #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left:active { | |
| color: #004683; | |
| background: #d4d4d4; | |
| border-color: #0061b6; } | |
| .requestContainer .btn-loading.btn.btn-info::before, #ssoFYP > div.footer > div > .btn-loading.btn.btn-primary.btn-primary-outline.pull-left::before { | |
| border-color: rgba(200, 201, 199, 0.25); | |
| border-left-color: #006fcf; | |
| border-style: solid; } | |
| /* Migrate DSL Icon*/ | |
| @font-face { | |
| font-family: "dls-icons"; | |
| font-weight: normal; | |
| src: url("../fonts/iconfont/dls-icons.eot?v=5.9.2"); | |
| src: url("../fonts/iconfont/dls-icons.eot?v=5.9.2?") format("embedded-opentype"), url("../fonts/iconfont/dls-icons.woff?v=5.9.2") format("woff"), url("../fonts/iconfont/dls-icons.ttf?v=5.9.2") format("truetype"), url("../fonts/iconfont/dls-icons.svg?v=5.9.2") format("svg"); } | |
| .columnStyle .statusIndicator.indicatorGreen::before, span#help1::before, .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| display: inline-block; | |
| -webkit-font-smoothing: antialiased; | |
| -webkit-text-stroke: 0; | |
| -moz-osx-font-smoothing: grayscale; | |
| backface-visibility: hidden; | |
| font-family: "dls-icons"; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-variant: normal; | |
| text-transform: none; | |
| line-height: 1; | |
| letter-spacing: 0; | |
| position: relative; | |
| speak: none; | |
| vertical-align: middle; } | |
| .columnStyle .statusIndicator.indicatorGreen::before { | |
| content: "\ea2b"; } | |
| span#help1::before { | |
| content: "\ea65"; } | |
| .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| content: "\ea19"; } | |
| .navbar-default, .navbar-default.navbar-fixed-top, .ssoContainer .jumbotron.jumboLogin, .requestContainer, .jumbotron.jumboLogin.forgtPassSection, .modal .modal-dialog .modal-content, #InvoiceGridContents, .bottom-pay-grid, #frmInvoiceGrid table { | |
| box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); } | |
| section .login-box input:not([type="submit"]):not([type="button"]):not([type="checkbox"]), .ssoContainer .jumbotron.jumboLogin input:not([type="submit"]):not([type="button"]):not([type="checkbox"]), .requestContainer input.form-control[type="text"], .jumbotron.jumboLogin.forgtPassSection input:not([type="submit"]):not([type="button"]):not([type="checkbox"]) { | |
| height: 50px; | |
| color: black; | |
| border: solid 1px #C8C9C7; | |
| background-color: #f7f8f9; | |
| transition: border-color .25s; | |
| border-radius: 5px; | |
| font-size: 14px !important; | |
| padding: 5px 10px; } | |
| section .login-box input:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]), .ssoContainer .jumbotron.jumboLogin input:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]), .requestContainer input.form-control:focus[type="text"], .jumbotron.jumboLogin.forgtPassSection input:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]) { | |
| border-color: #006FCF; } | |
| .input-validation-error { | |
| border: solid 1px red !important; } | |
| body { | |
| color: #000; | |
| font-size: 13px; | |
| background-color: #ECEDEE; } | |
| a { | |
| font-size: 1em !important; | |
| font-weight: normal !important; | |
| text-decoration: none !important; | |
| color: #006FCF; } | |
| a:hover { | |
| color: #006FCF; | |
| text-decoration: underline !important; } | |
| .navbar-default .navbar-collapse, .navbar-default .navbar-form, .headerTransaprent { | |
| background-color: white !important; } | |
| .navbar-default, .navbar-default.navbar-fixed-top { | |
| background-color: white; | |
| height: 71px; | |
| padding-top: 0; } | |
| .navbar-brand { | |
| background-image: url(../images/01-blue-box-standard.svg); | |
| width: 162px; | |
| height: 54px; } | |
| .amexNavLogo { | |
| display: none; } | |
| .columnStyle .statusIndicator.indicatorGreen, span#help1, .dropdown.accountInfoIcon .dropdown-toggle { | |
| display: inline-block; | |
| line-height: 1; | |
| vertical-align: middle; } | |
| .columnStyle .statusIndicator.indicatorGreen::before, span#help1::before, .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| -webkit-font-smoothing: antialiased; | |
| -webkit-text-stroke: 0; | |
| -moz-osx-font-smoothing: grayscale; | |
| backface-visibility: hidden; | |
| display: block; | |
| font-family: "dls-icons"; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-variant: normal; | |
| text-transform: none; | |
| line-height: 1; | |
| letter-spacing: 0; | |
| position: relative; } | |
| .columnStyle .statusIndicator.indicatorGreen:hover, span#help1:hover, .dropdown.accountInfoIcon .dropdown-toggle:hover { | |
| text-decoration: none; } | |
| .columnStyle .statusIndicator.indicatorGreen::before, span#help1::before, .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| font-size: 1rem; } | |
| .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| content: "\ea19"; } | |
| .columnStyle .statusIndicator.indicatorGreen::before { | |
| content: "\ea2b"; } | |
| span#help1::before { | |
| content: "\ea65"; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button, .text-right.margin-top-10.margin-bottom-05 .btn-primary, #userRegForm .btn.btn-primary.btn-primary-outline, .requestContainer #btnSubmit, .btn-success, .btn-success:hover, #streamSubmit .submit.btn { | |
| border: 1px solid transparent; | |
| cursor: pointer; | |
| display: inline-block; | |
| font-weight: normal; | |
| max-width: 280px; | |
| min-width: 180px; | |
| overflow: hidden; | |
| position: relative; | |
| text-align: center; | |
| text-overflow: ellipsis; | |
| transition: all 0.2s ease-in-out; | |
| user-select: none; | |
| vertical-align: middle; | |
| white-space: nowrap; | |
| padding: 0.8125rem 1.875rem !important; | |
| line-height: 1.375rem; | |
| border-radius: 0.25rem !important; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:last-of-type:not(:first-of-type), .text-right.margin-top-10.margin-bottom-05 .btn-primary:last-of-type:not(:first-of-type), #userRegForm .btn.btn-primary.btn-primary-outline:last-of-type:not(:first-of-type), .requestContainer #btnSubmit:last-of-type:not(:first-of-type), .btn-success:last-of-type:not(:first-of-type), #streamSubmit .submit.btn:last-of-type:not(:first-of-type) { | |
| margin-right: 0; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:focus, .text-right.margin-top-10.margin-bottom-05 .btn-primary:focus, #userRegForm .btn.btn-primary.btn-primary-outline:focus, .requestContainer #btnSubmit:focus, .btn-success:focus, #streamSubmit .submit.btn:focus, | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:hover, | |
| .text-right.margin-top-10.margin-bottom-05 .btn-primary:hover, | |
| #userRegForm .btn.btn-primary.btn-primary-outline:hover, | |
| .requestContainer #btnSubmit:hover, | |
| .btn-success:hover, | |
| #streamSubmit .submit.btn:hover { | |
| text-decoration: none; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:disabled, .text-right.margin-top-10.margin-bottom-05 .btn-primary:disabled, #userRegForm .btn.btn-primary.btn-primary-outline:disabled, .requestContainer #btnSubmit:disabled, .btn-success:disabled, #streamSubmit .submit.btn:disabled { | |
| box-shadow: none; | |
| cursor: not-allowed; | |
| background: #f7f8f9 !important; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:disabled::after, .text-right.margin-top-10.margin-bottom-05 .btn-primary:disabled::after, #userRegForm .btn.btn-primary.btn-primary-outline:disabled::after, .requestContainer #btnSubmit:disabled::after, .btn-success:disabled::after, #streamSubmit .submit.btn:disabled::after { | |
| border-color: #c8c9c7; | |
| color: #97999b; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button, .text-right.margin-top-10.margin-bottom-05 .btn-primary, #userRegForm .btn.btn-primary.btn-primary-outline, .requestContainer #btnSubmit, .btn-success, .btn-success:hover, #streamSubmit .submit.btn, .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button, .text-right.margin-top-10.margin-bottom-05 .btn-primary, #userRegForm .btn.btn-primary.btn-primary-outline, .requestContainer #btnSubmit, .btn-success, .btn-success:hover, #streamSubmit .submit.btn { | |
| color: #fff; | |
| background: #006fcf !important; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:hover, .text-right.margin-top-10.margin-bottom-05 .btn-primary:hover, #userRegForm .btn.btn-primary.btn-primary-outline:hover, .requestContainer #btnSubmit:hover, .btn-success:hover, #streamSubmit .submit.btn:hover, | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:hover, | |
| .text-right.margin-top-10.margin-bottom-05 .btn-primary:hover, | |
| #userRegForm .btn.btn-primary.btn-primary-outline:hover, | |
| .requestContainer #btnSubmit:hover, | |
| .btn-success:hover, | |
| #streamSubmit .submit.btn:hover { | |
| background: #1068a5; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:active, .text-right.margin-top-10.margin-bottom-05 .btn-primary:active, #userRegForm .btn.btn-primary.btn-primary-outline:active, .requestContainer #btnSubmit:active, .btn-success:active, #streamSubmit .submit.btn:active, | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:active, | |
| .text-right.margin-top-10.margin-bottom-05 .btn-primary:active, | |
| #userRegForm .btn.btn-primary.btn-primary-outline:active, | |
| .requestContainer #btnSubmit:active, | |
| .btn-success:active, | |
| #streamSubmit .submit.btn:active { | |
| background: #0f6099; } | |
| .requestContainer .btn.btn-info, #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left { | |
| color: #006fcf; | |
| background: #fff; | |
| border-color: #006fcf; } | |
| .requestContainer .btn.btn-info:hover, #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left:hover { | |
| color: #006fcf; | |
| background: #e5e5e5; | |
| border-color: #3ea8e5; } | |
| .requestContainer .btn.btn-info:active, #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left:active { | |
| color: #004683; | |
| background: #d4d4d4; | |
| border-color: #0061b6; } | |
| .requestContainer .btn-loading.btn.btn-info::before, #ssoFYP > div.footer > div > .btn-loading.btn.btn-primary.btn-primary-outline.pull-left::before { | |
| border-color: rgba(200, 201, 199, 0.25); | |
| border-left-color: #006fcf; | |
| border-style: solid; } | |
| section .login-box .jumbotron.jumboLogin { | |
| background-color: white; | |
| border-radius: 0; | |
| color: black; } | |
| section .login-box .loginTitle, .login-box .footer a { | |
| color: #006FCF; } | |
| section .login-box input:not([type="submit"]):not([type="button"]):not([type="checkbox"]) { | |
| border-width: 1px !important; } | |
| section .jumboLogin ul:not(.infoList) li:first-child { | |
| color: #53565A; | |
| text-transform: uppercase; | |
| width: 100%; | |
| font-weight: normal; } | |
| .login-box .loginPerson { | |
| display: none; } | |
| .field-validation-error#USERID { | |
| border: solid 1px red !important; | |
| border-width: 1px !important; } | |
| .login-box .input-validation-error { | |
| border: solid 1px red !important; } | |
| .text-right.margin-top-10.margin-bottom-05 { | |
| text-align: center; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button, .text-right.margin-top-10.margin-bottom-05 .btn-primary { | |
| padding: .8125rem 1.875rem; | |
| text-transform: unset; | |
| font-family: "BentonSans Light" ,sans-serif !important; | |
| height: 50px; | |
| font-weight: 500; | |
| font-size: 13px !important; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:hover, .text-right.margin-top-10.margin-bottom-05 .btn-primary:hover { | |
| background-color: #1068a5 !important; } | |
| button > i.rightArrowWhite { | |
| display: none; } | |
| section .login-box .footer a { | |
| color: #006FCF; } | |
| footer span.glyphicon .glyphicon-play { | |
| display: none; } | |
| .bg-homeimage img { | |
| object-fit: cover; } | |
| .no-touch #cd-vertical-nav .cd-dot { | |
| background-color: #006FCF; | |
| border-color: #006FCF !important; } | |
| .no-touch #cd-vertical-nav a.is-selected .cd-dot { | |
| background-color: white; | |
| border-color: #006FCF !important; } | |
| #introducing, .footer { | |
| background-color: white; } | |
| #introducing { | |
| margin: 20px; | |
| border: solid 1px #C8C9C7; } | |
| .footer { | |
| padding: 20px; } | |
| div.container-fluid div.login-screen-welcome section#video.section div.login-box.col-sm-3.pull-right form div.jumbotron.jumboLogin div.footer { | |
| font-size: 14px; } | |
| /* | |
| Force the homepage login form to hav a red outline when in its error state | |
| */ | |
| div.container-fluid div.login-screen-welcome section#video.section div.login-box.col-sm-3.pull-right form div.jumbotron.jumboLogin div.container div.row ul li input.input-validation-error { | |
| border: solid 1px red !important; } | |
| body div.container-fluid div.login-screen-welcome section#video.section div.login-box.col-sm-3.pull-right form div.jumbotron.jumboLogin div.container div.row ul li span.field-validation-error span { | |
| color: red; } | |
| /* | |
| Globals are any collection of styles that are used in more than one place. | |
| Use this file for colors, font stacks, and for | |
| Partials use %global- to help developers guess where they are writen. | |
| */ | |
| .columnStyle .statusIndicator.indicatorGreen, span#help1, .dropdown.accountInfoIcon .dropdown-toggle { | |
| display: inline-block; | |
| line-height: 1; | |
| vertical-align: middle; } | |
| .columnStyle .statusIndicator.indicatorGreen::before, span#help1::before, .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| -webkit-font-smoothing: antialiased; | |
| -webkit-text-stroke: 0; | |
| -moz-osx-font-smoothing: grayscale; | |
| backface-visibility: hidden; | |
| display: block; | |
| font-family: "dls-icons"; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-variant: normal; | |
| text-transform: none; | |
| line-height: 1; | |
| letter-spacing: 0; | |
| position: relative; } | |
| .columnStyle .statusIndicator.indicatorGreen:hover, span#help1:hover, .dropdown.accountInfoIcon .dropdown-toggle:hover { | |
| text-decoration: none; } | |
| .columnStyle .statusIndicator.indicatorGreen::before, span#help1::before, .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| font-size: 1rem; } | |
| .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| content: "\ea19"; } | |
| .columnStyle .statusIndicator.indicatorGreen::before { | |
| content: "\ea2b"; } | |
| span#help1::before { | |
| content: "\ea65"; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button, .text-right.margin-top-10.margin-bottom-05 .btn-primary, #userRegForm .btn.btn-primary.btn-primary-outline, .requestContainer #btnSubmit, .btn-success, .btn-success:hover, #streamSubmit .submit.btn { | |
| border: 1px solid transparent; | |
| cursor: pointer; | |
| display: inline-block; | |
| font-weight: normal; | |
| max-width: 280px; | |
| min-width: 180px; | |
| overflow: hidden; | |
| position: relative; | |
| text-align: center; | |
| text-overflow: ellipsis; | |
| transition: all 0.2s ease-in-out; | |
| user-select: none; | |
| vertical-align: middle; | |
| white-space: nowrap; | |
| padding: 0.8125rem 1.875rem !important; | |
| line-height: 1.375rem; | |
| border-radius: 0.25rem !important; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:last-of-type:not(:first-of-type), .text-right.margin-top-10.margin-bottom-05 .btn-primary:last-of-type:not(:first-of-type), #userRegForm .btn.btn-primary.btn-primary-outline:last-of-type:not(:first-of-type), .requestContainer #btnSubmit:last-of-type:not(:first-of-type), .btn-success:last-of-type:not(:first-of-type), #streamSubmit .submit.btn:last-of-type:not(:first-of-type) { | |
| margin-right: 0; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:focus, .text-right.margin-top-10.margin-bottom-05 .btn-primary:focus, #userRegForm .btn.btn-primary.btn-primary-outline:focus, .requestContainer #btnSubmit:focus, .btn-success:focus, #streamSubmit .submit.btn:focus, | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:hover, | |
| .text-right.margin-top-10.margin-bottom-05 .btn-primary:hover, | |
| #userRegForm .btn.btn-primary.btn-primary-outline:hover, | |
| .requestContainer #btnSubmit:hover, | |
| .btn-success:hover, | |
| #streamSubmit .submit.btn:hover { | |
| text-decoration: none; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:disabled, .text-right.margin-top-10.margin-bottom-05 .btn-primary:disabled, #userRegForm .btn.btn-primary.btn-primary-outline:disabled, .requestContainer #btnSubmit:disabled, .btn-success:disabled, #streamSubmit .submit.btn:disabled { | |
| box-shadow: none; | |
| cursor: not-allowed; | |
| background: #f7f8f9 !important; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:disabled::after, .text-right.margin-top-10.margin-bottom-05 .btn-primary:disabled::after, #userRegForm .btn.btn-primary.btn-primary-outline:disabled::after, .requestContainer #btnSubmit:disabled::after, .btn-success:disabled::after, #streamSubmit .submit.btn:disabled::after { | |
| border-color: #c8c9c7; | |
| color: #97999b; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button, .text-right.margin-top-10.margin-bottom-05 .btn-primary, #userRegForm .btn.btn-primary.btn-primary-outline, .requestContainer #btnSubmit, .btn-success, .btn-success:hover, #streamSubmit .submit.btn, .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button, .text-right.margin-top-10.margin-bottom-05 .btn-primary, #userRegForm .btn.btn-primary.btn-primary-outline, .requestContainer #btnSubmit, .btn-success, .btn-success:hover, #streamSubmit .submit.btn { | |
| color: #fff; | |
| background: #006fcf !important; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:hover, .text-right.margin-top-10.margin-bottom-05 .btn-primary:hover, #userRegForm .btn.btn-primary.btn-primary-outline:hover, .requestContainer #btnSubmit:hover, .btn-success:hover, #streamSubmit .submit.btn:hover, | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:hover, | |
| .text-right.margin-top-10.margin-bottom-05 .btn-primary:hover, | |
| #userRegForm .btn.btn-primary.btn-primary-outline:hover, | |
| .requestContainer #btnSubmit:hover, | |
| .btn-success:hover, | |
| #streamSubmit .submit.btn:hover { | |
| background: #1068a5; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:active, .text-right.margin-top-10.margin-bottom-05 .btn-primary:active, #userRegForm .btn.btn-primary.btn-primary-outline:active, .requestContainer #btnSubmit:active, .btn-success:active, #streamSubmit .submit.btn:active, | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:active, | |
| .text-right.margin-top-10.margin-bottom-05 .btn-primary:active, | |
| #userRegForm .btn.btn-primary.btn-primary-outline:active, | |
| .requestContainer #btnSubmit:active, | |
| .btn-success:active, | |
| #streamSubmit .submit.btn:active { | |
| background: #0f6099; } | |
| .requestContainer .btn.btn-info, #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left { | |
| color: #006fcf; | |
| background: #fff; | |
| border-color: #006fcf; } | |
| .requestContainer .btn.btn-info:hover, #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left:hover { | |
| color: #006fcf; | |
| background: #e5e5e5; | |
| border-color: #3ea8e5; } | |
| .requestContainer .btn.btn-info:active, #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left:active { | |
| color: #004683; | |
| background: #d4d4d4; | |
| border-color: #0061b6; } | |
| .requestContainer .btn-loading.btn.btn-info::before, #ssoFYP > div.footer > div > .btn-loading.btn.btn-primary.btn-primary-outline.pull-left::before { | |
| border-color: rgba(200, 201, 199, 0.25); | |
| border-left-color: #006fcf; | |
| border-style: solid; } | |
| /* Migrate DSL Icon*/ | |
| @font-face { | |
| font-family: "dls-icons"; | |
| font-weight: normal; | |
| src: url("../fonts/iconfont/dls-icons.eot?v=5.9.2"); | |
| src: url("../fonts/iconfont/dls-icons.eot?v=5.9.2?") format("embedded-opentype"), url("../fonts/iconfont/dls-icons.woff?v=5.9.2") format("woff"), url("../fonts/iconfont/dls-icons.ttf?v=5.9.2") format("truetype"), url("../fonts/iconfont/dls-icons.svg?v=5.9.2") format("svg"); } | |
| .columnStyle .statusIndicator.indicatorGreen::before, span#help1::before, .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| display: inline-block; | |
| -webkit-font-smoothing: antialiased; | |
| -webkit-text-stroke: 0; | |
| -moz-osx-font-smoothing: grayscale; | |
| backface-visibility: hidden; | |
| font-family: "dls-icons"; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-variant: normal; | |
| text-transform: none; | |
| line-height: 1; | |
| letter-spacing: 0; | |
| position: relative; | |
| speak: none; | |
| vertical-align: middle; } | |
| .columnStyle .statusIndicator.indicatorGreen::before { | |
| content: "\ea2b"; } | |
| span#help1::before { | |
| content: "\ea65"; } | |
| .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| content: "\ea19"; } | |
| .navbar-default, .navbar-default.navbar-fixed-top, .ssoContainer .jumbotron.jumboLogin, .requestContainer, .jumbotron.jumboLogin.forgtPassSection, .modal .modal-dialog .modal-content, #InvoiceGridContents, .bottom-pay-grid, #frmInvoiceGrid table { | |
| box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); } | |
| section .login-box input:not([type="submit"]):not([type="button"]):not([type="checkbox"]), .ssoContainer .jumbotron.jumboLogin input:not([type="submit"]):not([type="button"]):not([type="checkbox"]), .requestContainer input.form-control[type="text"], .jumbotron.jumboLogin.forgtPassSection input:not([type="submit"]):not([type="button"]):not([type="checkbox"]) { | |
| height: 50px; | |
| color: black; | |
| border: solid 1px #C8C9C7; | |
| background-color: #f7f8f9; | |
| transition: border-color .25s; | |
| border-radius: 5px; | |
| font-size: 14px !important; | |
| padding: 5px 10px; } | |
| section .login-box input:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]), .ssoContainer .jumbotron.jumboLogin input:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]), .requestContainer input.form-control:focus[type="text"], .jumbotron.jumboLogin.forgtPassSection input:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]) { | |
| border-color: #006FCF; } | |
| .input-validation-error { | |
| border: solid 1px red !important; } | |
| body { | |
| color: #000; | |
| font-size: 13px; | |
| background-color: #ECEDEE; } | |
| a { | |
| font-size: 1em !important; | |
| font-weight: normal !important; | |
| text-decoration: none !important; | |
| color: #006FCF; } | |
| a:hover { | |
| color: #006FCF; | |
| text-decoration: underline !important; } | |
| .navbar-default .navbar-collapse, .navbar-default .navbar-form, .headerTransaprent { | |
| background-color: white !important; } | |
| .navbar-default, .navbar-default.navbar-fixed-top { | |
| background-color: white; | |
| height: 71px; | |
| padding-top: 0; } | |
| .navbar-brand { | |
| background-image: url(../images/01-blue-box-standard.svg); | |
| width: 162px; | |
| height: 54px; } | |
| .amexNavLogo { | |
| display: none; } | |
| #userRegForm .btn.btn-primary.btn-primary-outline { | |
| padding: .8125rem 1.875rem; | |
| width: 100%; | |
| text-transform: unset; | |
| font-family: "BentonSans Light" ,sans-serif !important; | |
| height: 50px; | |
| font-size: 13px !important; | |
| font-weight: 500; | |
| color: white !important; } | |
| #userRegForm .btn.btn-primary.btn-primary-outline:hover { | |
| background-color: #1068a5 !important; } | |
| .ssoContainer .jumbotron.jumboLogin { | |
| background: white; | |
| border: solid 1px #C8C9C7; } | |
| .ssoContainer .jumbotron.jumboLogin .createUserIcon, .ssoContainer .jumbotron.jumboLogin .usertRegSelectQuestIcon { | |
| display: none; } | |
| .ssoContainer .jumbotron.jumboLogin input:not([type="submit"]):not([type="button"]):not([type="checkbox"]) { | |
| width: 100%; } | |
| .ssoContainer .jumbotron.jumboLogin select.form-control.secQues { | |
| height: 50px; | |
| border-color: #C8C9C7; | |
| width: 100%; } | |
| .ssoContainer .jumbotron.jumboLogin .text-right.lbl { | |
| display: block; | |
| padding-bottom: 0; | |
| width: auto; | |
| text-align: left; | |
| font-weight: bold; | |
| color: #53565A; | |
| text-transform: uppercase; | |
| margin-right: 0; } | |
| .ssoContainer .jumbotron.jumboLogin .formEleContainer { | |
| text-align: left; } | |
| .ssoContainer .jumbotron.jumboLogin .formEleContainer ul { | |
| width: 300px; | |
| float: right; } | |
| .ssoContainer .jumbotron.jumboLogin .col-md-6:nth-child(2) { | |
| margin-top: 30px; } | |
| .ssoContainer .jumbotron.jumboLogin .footer { | |
| border: 0; } | |
| .loginTitle.margin-bottom-10.margin-top-05 { | |
| color: #006FCF; } | |
| /* | |
| Force some stubborn elements into restyling | |
| */ | |
| div.container-fluid div.jumbotron.jumboLogin.forgtPassSection div.enrollment.clear div.box-2 div.box-middle div.box-padding.clear div.box-inner.clear div#ssoContent form#ssoFYP div.form-group.margin-bottom-10 div.col-md-3.col-sm-7.formEleContainer label.text-right.lbl span#streamQuestionLabel { | |
| font-weight: normal; | |
| text-transform: none; | |
| color: black; } | |
| div.container-fluid div.jumbotron.jumboLogin.forgtPassSection div.enrollment.clear div.box-2 div.box-middle div.box-padding.clear div.box-inner.clear div#ssoContent form#ssoFYP div.footer div.text-center.margin-top-10.margin-bottom-05 input.btn.btn-primary.btn-primary-outline.pull-left { | |
| border: solid 1px #006FCF !important; | |
| border-radius: 4px !important; } | |
| #sQue { | |
| border-radius: 4px !important; } | |
| .userRequestMainHeader { | |
| text-align: center; } | |
| .dropdown { | |
| margin-top: 10px; } | |
| .dropdown .dropdown-toggle, .dropdown .dropdown-toggle:active { | |
| background: white; | |
| color: black; | |
| border-color: #C8C9C7; } | |
| .dropdown .dropdown-toggle:active, .dropdown .dropdown-toggle:active:active { | |
| border-color: #006FCF; } | |
| .dropdown .dropdown-menu > li > a:hover { | |
| background-color: #006FCF !important; } | |
| .dropdown.open .dropdown-toggle { | |
| color: black !important; | |
| border-color: #006FCF !important; | |
| background: white !important; } | |
| .requestContainer { | |
| background: white; | |
| border: solid 1px #C8C9C7; | |
| padding: 10px; } | |
| .requestContainer input[type="text"].form-control { | |
| width: 100%; } | |
| .requestContainer .controlHeader { | |
| display: block; | |
| padding-bottom: 0; | |
| font-size: 13px; | |
| font-weight: normal; | |
| color: #53565A; | |
| text-transform: uppercase; } | |
| .requestContainer .userRequestSubHeader { | |
| text-align: center; | |
| color: #006FCF; | |
| text-transform: capitalize; | |
| margin-top: 0.5em; | |
| margin-bottom: 1em; | |
| font-size: 20px; | |
| font-weight: 300; | |
| border-bottom: 0; } | |
| .requestContainer .pin-prompt { | |
| font-size: 12px; } | |
| .requestContainer .pin-prompt a { | |
| color: #006FCF; } | |
| .requestContainer #btnSubmit { | |
| padding: .8125rem 1.875rem; | |
| margin-bottom: 10px; | |
| width: 100%; | |
| text-transform: unset; | |
| font-family: "BentonSans Light" ,sans-serif !important; | |
| height: 50px; | |
| font-weight: 500; | |
| font-size: 13px !important; | |
| display: block; } | |
| .requestContainer #btnSubmit:hover { | |
| background-color: #1068a5 !important; } | |
| .requestContainer .btn.btn-info { | |
| padding: 1.5125rem 1.875rem; | |
| margin-bottom: 10px; | |
| text-transform: unset; | |
| font-family: "BentonSans Light" ,sans-serif !important; | |
| height: 50px; | |
| font-weight: 500; | |
| font-size: 13px !important; | |
| display: inline-block; | |
| width: 100%; | |
| max-width: 280px; } | |
| .requestContainer .btn.btn-info:hover { | |
| text-decoration: none !important; } | |
| #RequestPinEmail, | |
| #RequestPinFirstName, | |
| #RequestPinLastName, | |
| #RequestPinSupplierName, | |
| #RequestPinCompany { | |
| border: solid 1px #C8C9C7; | |
| border-radius: 4px; | |
| height: 50px; | |
| width: 100%; } | |
| .modal-header .close { | |
| color: black !important; } | |
| .modal-dialog { | |
| width: 475px; } | |
| .modal-dialog .modal-title { | |
| text-align: center; | |
| color: #006FCF; | |
| text-transform: capitalize; | |
| margin-top: 0.5em; | |
| margin-bottom: 1em; | |
| font-size: 20px; | |
| font-weight: 300; | |
| border-bottom: 0; } | |
| .nav-header { | |
| text-transform: uppercase; | |
| font-weight: normal; } | |
| .jumbotron.jumboLogin.forgtPassSection { | |
| width: 100%; | |
| max-width: 800px; | |
| background: white; | |
| border: solid 1px #C8C9C7; } | |
| .jumbotron.jumboLogin.forgtPassSection .glyphicon-lock { | |
| display: none; } | |
| .jumbotron.jumboLogin.forgtPassSection input:not([type="submit"]):not([type="button"]):not([type="checkbox"]) { | |
| width: 100%; } | |
| .jumbotron.jumboLogin.forgtPassSection #question { | |
| height: 50px; | |
| border-color: #C8C9C7; | |
| width: 100%; } | |
| #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left { | |
| padding: 1.5125rem 1.875rem; | |
| margin-bottom: 10px; | |
| text-transform: unset; | |
| font-family: "BentonSans Light" ,sans-serif !important; | |
| height: 50px; | |
| font-weight: 500; | |
| font-size: 13px !important; | |
| display: inline-block; | |
| width: 100%; | |
| max-width: 280px; } | |
| #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left:hover { | |
| text-decoration: none !important; } | |
| #streamSubmit .submit.btn { | |
| padding: .8125rem 1.875rem; | |
| width: 100%; | |
| text-transform: unset; | |
| font-family: "BentonSans Light" ,sans-serif !important; | |
| height: 50px; | |
| font-size: 13px !important; | |
| font-weight: 500; | |
| color: white !important; } | |
| #streamSubmit .submit.btn:hover { | |
| background-color: #1068a5 !important; } | |
| #ssoFYP > div.footer > p { | |
| text-align: center; } | |
| .form-group .formEleContainer { | |
| text-align: left; } | |
| .form-group .formEleContainer.col-md-3 { | |
| width: 100%; | |
| padding-left: 20%; } | |
| .form-group .inputContainer { | |
| margin-left: 20%; | |
| padding-left: 0px; | |
| padding-right: 0px; } | |
| .form-group .inputContainer.col-md-3 { | |
| width: 30%; } | |
| .form-group .rules { | |
| float: right; } | |
| /* | |
| Globals are any collection of styles that are used in more than one place. | |
| Use this file for colors, font stacks, and for | |
| Partials use %global- to help developers guess where they are writen. | |
| */ | |
| .columnStyle .statusIndicator.indicatorGreen, span#help1, .dropdown.accountInfoIcon .dropdown-toggle { | |
| display: inline-block; | |
| line-height: 1; | |
| vertical-align: middle; } | |
| .columnStyle .statusIndicator.indicatorGreen::before, span#help1::before, .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| -webkit-font-smoothing: antialiased; | |
| -webkit-text-stroke: 0; | |
| -moz-osx-font-smoothing: grayscale; | |
| backface-visibility: hidden; | |
| display: block; | |
| font-family: "dls-icons"; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-variant: normal; | |
| text-transform: none; | |
| line-height: 1; | |
| letter-spacing: 0; | |
| position: relative; } | |
| .columnStyle .statusIndicator.indicatorGreen:hover, span#help1:hover, .dropdown.accountInfoIcon .dropdown-toggle:hover { | |
| text-decoration: none; } | |
| .columnStyle .statusIndicator.indicatorGreen::before, span#help1::before, .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| font-size: 1rem; } | |
| .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| content: "\ea19"; } | |
| .columnStyle .statusIndicator.indicatorGreen::before { | |
| content: "\ea2b"; } | |
| span#help1::before { | |
| content: "\ea65"; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button, .text-right.margin-top-10.margin-bottom-05 .btn-primary, #userRegForm .btn.btn-primary.btn-primary-outline, .requestContainer #btnSubmit, .btn-success, .btn-success:hover, #streamSubmit .submit.btn { | |
| border: 1px solid transparent; | |
| cursor: pointer; | |
| display: inline-block; | |
| font-weight: normal; | |
| max-width: 280px; | |
| min-width: 180px; | |
| overflow: hidden; | |
| position: relative; | |
| text-align: center; | |
| text-overflow: ellipsis; | |
| transition: all 0.2s ease-in-out; | |
| user-select: none; | |
| vertical-align: middle; | |
| white-space: nowrap; | |
| padding: 0.8125rem 1.875rem !important; | |
| line-height: 1.375rem; | |
| border-radius: 0.25rem !important; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:last-of-type:not(:first-of-type), .text-right.margin-top-10.margin-bottom-05 .btn-primary:last-of-type:not(:first-of-type), #userRegForm .btn.btn-primary.btn-primary-outline:last-of-type:not(:first-of-type), .requestContainer #btnSubmit:last-of-type:not(:first-of-type), .btn-success:last-of-type:not(:first-of-type), #streamSubmit .submit.btn:last-of-type:not(:first-of-type) { | |
| margin-right: 0; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:focus, .text-right.margin-top-10.margin-bottom-05 .btn-primary:focus, #userRegForm .btn.btn-primary.btn-primary-outline:focus, .requestContainer #btnSubmit:focus, .btn-success:focus, #streamSubmit .submit.btn:focus, | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:hover, | |
| .text-right.margin-top-10.margin-bottom-05 .btn-primary:hover, | |
| #userRegForm .btn.btn-primary.btn-primary-outline:hover, | |
| .requestContainer #btnSubmit:hover, | |
| .btn-success:hover, | |
| #streamSubmit .submit.btn:hover { | |
| text-decoration: none; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:disabled, .text-right.margin-top-10.margin-bottom-05 .btn-primary:disabled, #userRegForm .btn.btn-primary.btn-primary-outline:disabled, .requestContainer #btnSubmit:disabled, .btn-success:disabled, #streamSubmit .submit.btn:disabled { | |
| box-shadow: none; | |
| cursor: not-allowed; | |
| background: #f7f8f9 !important; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:disabled::after, .text-right.margin-top-10.margin-bottom-05 .btn-primary:disabled::after, #userRegForm .btn.btn-primary.btn-primary-outline:disabled::after, .requestContainer #btnSubmit:disabled::after, .btn-success:disabled::after, #streamSubmit .submit.btn:disabled::after { | |
| border-color: #c8c9c7; | |
| color: #97999b; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button, .text-right.margin-top-10.margin-bottom-05 .btn-primary, #userRegForm .btn.btn-primary.btn-primary-outline, .requestContainer #btnSubmit, .btn-success, .btn-success:hover, #streamSubmit .submit.btn, .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button, .text-right.margin-top-10.margin-bottom-05 .btn-primary, #userRegForm .btn.btn-primary.btn-primary-outline, .requestContainer #btnSubmit, .btn-success, .btn-success:hover, #streamSubmit .submit.btn { | |
| color: #fff; | |
| background: #006fcf !important; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:hover, .text-right.margin-top-10.margin-bottom-05 .btn-primary:hover, #userRegForm .btn.btn-primary.btn-primary-outline:hover, .requestContainer #btnSubmit:hover, .btn-success:hover, #streamSubmit .submit.btn:hover, | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:hover, | |
| .text-right.margin-top-10.margin-bottom-05 .btn-primary:hover, | |
| #userRegForm .btn.btn-primary.btn-primary-outline:hover, | |
| .requestContainer #btnSubmit:hover, | |
| .btn-success:hover, | |
| #streamSubmit .submit.btn:hover { | |
| background: #1068a5; } | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:active, .text-right.margin-top-10.margin-bottom-05 .btn-primary:active, #userRegForm .btn.btn-primary.btn-primary-outline:active, .requestContainer #btnSubmit:active, .btn-success:active, #streamSubmit .submit.btn:active, | |
| .text-right.margin-top-10.margin-bottom-05 section .login-box .jumbotron.jumboLogin .login-box .login-box .footer button:active, | |
| .text-right.margin-top-10.margin-bottom-05 .btn-primary:active, | |
| #userRegForm .btn.btn-primary.btn-primary-outline:active, | |
| .requestContainer #btnSubmit:active, | |
| .btn-success:active, | |
| #streamSubmit .submit.btn:active { | |
| background: #0f6099; } | |
| .requestContainer .btn.btn-info, #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left { | |
| color: #006fcf; | |
| background: #fff; | |
| border-color: #006fcf; } | |
| .requestContainer .btn.btn-info:hover, #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left:hover { | |
| color: #006fcf; | |
| background: #e5e5e5; | |
| border-color: #3ea8e5; } | |
| .requestContainer .btn.btn-info:active, #ssoFYP > div.footer > div > .btn.btn-primary.btn-primary-outline.pull-left:active { | |
| color: #004683; | |
| background: #d4d4d4; | |
| border-color: #0061b6; } | |
| .requestContainer .btn-loading.btn.btn-info::before, #ssoFYP > div.footer > div > .btn-loading.btn.btn-primary.btn-primary-outline.pull-left::before { | |
| border-color: rgba(200, 201, 199, 0.25); | |
| border-left-color: #006fcf; | |
| border-style: solid; } | |
| /* Migrate DSL Icon*/ | |
| @font-face { | |
| font-family: "dls-icons"; | |
| font-weight: normal; | |
| src: url("../fonts/iconfont/dls-icons.eot?v=5.9.2"); | |
| src: url("../fonts/iconfont/dls-icons.eot?v=5.9.2?") format("embedded-opentype"), url("../fonts/iconfont/dls-icons.woff?v=5.9.2") format("woff"), url("../fonts/iconfont/dls-icons.ttf?v=5.9.2") format("truetype"), url("../fonts/iconfont/dls-icons.svg?v=5.9.2") format("svg"); } | |
| .columnStyle .statusIndicator.indicatorGreen::before, span#help1::before, .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| display: inline-block; | |
| -webkit-font-smoothing: antialiased; | |
| -webkit-text-stroke: 0; | |
| -moz-osx-font-smoothing: grayscale; | |
| backface-visibility: hidden; | |
| font-family: "dls-icons"; | |
| font-style: normal; | |
| font-weight: normal; | |
| font-variant: normal; | |
| text-transform: none; | |
| line-height: 1; | |
| letter-spacing: 0; | |
| position: relative; | |
| speak: none; | |
| vertical-align: middle; } | |
| .columnStyle .statusIndicator.indicatorGreen::before { | |
| content: "\ea2b"; } | |
| span#help1::before { | |
| content: "\ea65"; } | |
| .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| content: "\ea19"; } | |
| .navbar-default, .navbar-default.navbar-fixed-top, .ssoContainer .jumbotron.jumboLogin, .requestContainer, .jumbotron.jumboLogin.forgtPassSection, .modal .modal-dialog .modal-content, #InvoiceGridContents, .bottom-pay-grid, #frmInvoiceGrid table { | |
| box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); } | |
| section .login-box input:not([type="submit"]):not([type="button"]):not([type="checkbox"]), .ssoContainer .jumbotron.jumboLogin input:not([type="submit"]):not([type="button"]):not([type="checkbox"]), .requestContainer input.form-control[type="text"], .jumbotron.jumboLogin.forgtPassSection input:not([type="submit"]):not([type="button"]):not([type="checkbox"]) { | |
| height: 50px; | |
| color: black; | |
| border: solid 1px #C8C9C7; | |
| background-color: #f7f8f9; | |
| transition: border-color .25s; | |
| border-radius: 5px; | |
| font-size: 14px !important; | |
| padding: 5px 10px; } | |
| section .login-box input:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]), .ssoContainer .jumbotron.jumboLogin input:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]), .requestContainer input.form-control:focus[type="text"], .jumbotron.jumboLogin.forgtPassSection input:focus:not([type="submit"]):not([type="button"]):not([type="checkbox"]) { | |
| border-color: #006FCF; } | |
| .input-validation-error { | |
| border: solid 1px red !important; } | |
| body { | |
| color: #000; | |
| font-size: 13px; | |
| background-color: #ECEDEE; } | |
| a { | |
| font-size: 1em !important; | |
| font-weight: normal !important; | |
| text-decoration: none !important; | |
| color: #006FCF; } | |
| a:hover { | |
| color: #006FCF; | |
| text-decoration: underline !important; } | |
| .navbar-default .navbar-collapse, .navbar-default .navbar-form, .headerTransaprent { | |
| background-color: white !important; } | |
| .navbar-default, .navbar-default.navbar-fixed-top { | |
| background-color: white; | |
| height: 71px; | |
| padding-top: 0; } | |
| .navbar-brand { | |
| background-image: url(../images/01-blue-box-standard.svg); | |
| width: 162px; | |
| height: 54px; } | |
| .amexNavLogo { | |
| display: none; } | |
| .navbar .container-fluid { | |
| background-color: white; } | |
| .modal-header .close { | |
| color: white !important; } | |
| .modal .modal-dialog #ImmediatePayContent { | |
| background: #006FCF !important; | |
| width: 100%; } | |
| .modal .modal-dialog .payStyleButton { | |
| border-radius: 4px !important; | |
| min-width: 128px; | |
| text-transform: none; | |
| font-weight: bold; | |
| margin-top: 14px; } | |
| .modal .modal-dialog .payStyleButton:hover { | |
| text-decoration: underline; } | |
| body.modal-open div.container-fluid div#ImmediatePayModal.modal.fade div.modal-dialog div#ImmediatePayContent.modal-content div.modal-footer div.modalFooterLinks span a.DialogWhiteSectionLink1 b { | |
| color: #006FCF !important; } | |
| .top-heading { | |
| background-color: #006FCF; | |
| padding: 0px 15px !important; } | |
| .round-btn.payStyleButton { | |
| border-radius: 4px !important; | |
| min-width: 128px; | |
| text-transform: none; | |
| font-weight: bold; | |
| margin-top: 14px; } | |
| .round-btn.payStyleButton:hover { | |
| text-decoration: underline; } | |
| .top-heading .table-cell > img { | |
| display: none; } | |
| .streamTranLogo { | |
| display: none !important; } | |
| .top-heading .table-row { | |
| display: block; } | |
| .top-heading .table-cell { | |
| text-align: center; | |
| display: block; } | |
| .modal-open .modal { | |
| background-color: rgba(0, 0, 0, 0.25); } | |
| .dashTopContent { | |
| padding: 20px; } | |
| .dashTopContent #paymeHomePage, .dashTopContent #PaidLinkgo { | |
| margin-top: -6px; } | |
| .top-grid { | |
| background-color: white; } | |
| .top-grid .btn-link { | |
| color: #006FCF; } | |
| .top-grid .invoiceStatusTab .hidden-xs { | |
| color: black; } | |
| .top-grid .invoiceStatusCount p.invoiceStatusCountStyle { | |
| border-bottom-color: #006FCF; } | |
| #InvoiceGridContents, .bottom-pay-grid { | |
| background-color: white !important; | |
| padding: 20px; } | |
| #frmInvoiceGrid table { | |
| border: solid 1px #C8C9C7; } | |
| #frmInvoiceGrid table.table.table-striped.table-hover.statusDataTable thead tr th { | |
| font-weight: bold; } | |
| .columnStyle div p span a { | |
| color: #006FCF !important; | |
| font-weight: bold; } | |
| .columnStyle .statusIndicator.indicatorGreen { | |
| width: auto; | |
| height: auto; } | |
| .columnStyle .statusIndicator.indicatorGreen::before { | |
| padding-top: 6px; | |
| padding-right: 7px; | |
| font-size: 1.7rem; | |
| color: #006FCF; } | |
| .navbar-right { | |
| margin-right: 0; } | |
| .columnStyle div p, table tr td p { | |
| padding-left: 0 !important; } | |
| .statusDataTable thead tr th a { | |
| text-transform: capitalize; | |
| font-weight: bold !important; } | |
| .dropdown .dropdown-toggle { | |
| text-transform: capitalize; | |
| padding: 8px 20px; } | |
| #frmInvoiceGrid table.table.table-striped.table-hover.statusDataTable thead tr, #frmInvoiceGrid table.table.table-striped.table-hover.statusDataTable tbody tr { | |
| height: auto; } | |
| #frmInvoiceGrid table.table.table-striped.table-hover.statusDataTable thead tr th:first-of-type, #frmInvoiceGrid table.table.table-striped.table-hover.statusDataTable tbody tr th:first-of-type { | |
| padding-left: 7px !important; } | |
| .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { | |
| vertical-align: middle !important; } | |
| .table > thead > tr > th:first-child, .table > tbody > tr > th:first-child, .table > tfoot > tr > th:first-child, .table > thead > tr > td:first-child, .table > tbody > tr > td:first-child, .table > tfoot > tr > td:first-child { | |
| padding-left: 7px !important; } | |
| #InvoiceGridContents.bottom-pay-grid div#invoiceGrid form#frmInvoiceGrid div.row div.col-md-5.col-xs-12.text-right h2 { | |
| font-size: 13px; | |
| padding-right: 20px; } | |
| img#help { | |
| display: none; } | |
| span#help1 { | |
| font-size: 13px; } | |
| span#help1::before { | |
| font-size: 17px; | |
| padding-right: 5px; } | |
| #ui-id-1:hover { | |
| text-decoration: none !important; } | |
| .navTopMainLinksHighlight { | |
| color: #006FCF; | |
| border-bottom-color: #006FCF; | |
| font-weight: bold; } | |
| .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .dropdown .dropdown-toggle, .dropdown .dropdown-toggle:active { | |
| color: #006FCF !important; } | |
| .navbar-default .navbar-nav > li > a { | |
| color: #006FCF; | |
| font-weight: bold; } | |
| .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active { | |
| color: #006FCF !important; } | |
| .dropdown.accountInfoIcon { | |
| margin-top: 0; } | |
| .dropdown.accountInfoIcon .dropdown-toggle { | |
| margin-right: 0; | |
| margin-top: 8px; } | |
| .dropdown.accountInfoIcon .dropdown-toggle::before { | |
| font-size: 16px; } | |
| #lblEnvName { | |
| color: #006FCF; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment