diff options
Diffstat (limited to 'ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css')
-rw-r--r-- | ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css | 5503 |
1 files changed, 3 insertions, 5500 deletions
diff --git a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css index 8e08f30c..271ed013 100644 --- a/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css +++ b/ecomp-sdk/epsdk-app-overlay/src/main/webapp/ngapp/src/app/pages/analytics/Report_List/Report/form-fields/form-fields.component.css @@ -4,6 +4,9 @@ width: 40%; } +.defaultLabelFontSize{ + font-size: 16px; +} .card{ border-radius: 5px; @@ -3629,4442 +3632,6 @@ hr.bottom-space-only { font-size: 22px; color: #0568ae; } -/* .checkbox.inline { - display: inline-block; - margin-bottom: 10px; - vertical-align: middle; - margin-right: 10px; } - .checkbox.inline:last-child { - margin-right: 0; } - -.checkbox.checkbox-selectall { - margin: 20px 0 0 24px; } - -.terms-after-checkbox { - margin-top: 15px; } */ - -.indeterminate-margin { - padding-left: 24px; } - -.tiny-accordion { - border-bottom: 1px solid #d2d2d2; } - -.toggle-header, -.inactive-toggle-header { - border-color: #fff; - color: #0568ae; - cursor: pointer; - display: block; - font-size: 2.0rem; - line-height: 2.2rem; - min-height: 41px; - position: relative; - padding: 16px 55px 16px 15px; } - -.toggle-header.opened { - color: #333333; } - -.tiny-accordion .toggle-header, -.tiny-accordion .inactive-toggle-header { - padding: 16px 55px 16px 15px; - border-top: 1px solid #d2d2d2; } - -.tiny-accordion .toggle-header:focus { - text-decoration: underline; } - -.tiny-accordion.iconleft .toggle-header, -.tiny-accordion.iconleft .inactive-toggle-header { - padding: 15px 15px 15px 50px; } - -.accordion-content { - font-size: 1.4rem; } - -.accordion-content .toggle-header:first-child { - margin-top: 16px; } - -.tiny-accordion .toggle-header + .accordion-content { - padding: 0 50px 15px 15px; } - -.tiny-accordion.iconleft .toggle-header + .accordion-content { - padding: 0 15px 15px 50px; } - -.toggle-header .icon-primary-accordion-plus, -.toggle-header .icon-primary-accordion-minus { - display: inline-block; - font-size: 20px; - margin: 0; - padding: 0; - position: absolute; - right: 15px; - vertical-align: middle; - top: 16px; - font-weight: bold; } - -.tiny-accordion.iconleft .toggle-header .icon-primary-accordion-plus, -.tiny-accordion.iconleft .toggle-header .icon-primary-accordion-minus { - left: 15px; } - -.inactive-toggle-header:hover { - cursor: inherit; } - -.tiny-accordion-to-tabs, -.tiny-tabs { - position: relative; - width: 100%; - margin: 0px; - padding: 0px; } - -.tiny-tabs [class*="icon-primary-accordion-"] { - display: none !important; } - -.tiny-accordion-to-tabs:before, -.tiny-accordion-to-tabs:after, -.tiny-tabs:before, -.tiny-tabs:after { - display: table; - content: ""; - line-height: 0; } - -.tiny-accordion-to-tabs:after, -.tiny-tabs:after { - clear: both; } - -.tiny-accordion-to-tabs:before, -.tiny-accordion-to-tabs:after, -.tiny-tabs:before, -.tiny-tabs:after { - display: table; - content: ""; - line-height: 0; } - -.tiny-accordion-to-tabs:after, -.tiny-tabs:after { - clear: both; } - -.tiny-tabs > .toggle-header { - display: inline-block; - float: left; - border-top: none; - overflow: hidden; - height: 70px; - text-align: center; - background-color: #fff; - border-radius: 0px; - padding: 26px 20px 25px 20px !important; - border-top: 1px solid #fff; - -webkit-filter: none; - filter: none; - background-clip: padding-box; - border-bottom: 1px solid #d2d2d2; - font-weight: normal; - border-right: 1px solid #d2d2d2; - white-space: nowrap; } - -.tiny-tabs .toggle-header + div { - left: 0px; - position: absolute; - top: 69px; - border-top: 1px solid #d2d2d2; - padding: 0; - display: block; - border-bottom: none; - width: 100%; } - -.accordion-pad { - padding-top: 30px; - padding-bottom: 30px; } - -.tiny-tabs .opened { - color: #333333; - border-top: 5px solid #0568ae !important; - padding-top: 22px !important; - border-bottom: none; - background-color: #fff; - -webkit-filter: none; - filter: none; - cursor: default; - z-index: 999; } - -.tiny-tabs .toggle-header:focus { - text-decoration: underline; - outline: thin dotted #666; - outline-offset: 0; } - -.tiny-tabs .toggle-header:first-child { - border-left: none; - margin-left: 0; } - -.tiny-tabs .toggle-header:first-child { - border-left: 1px solid #fff; } - -.tiny-tabs .opened:first-child { - border-left: 1px solid #d2d2d2; } - -.tiny-tabs .toggle-header:nth-last-of-type(2) { - border-right-color: #fff; } - -.tiny-tabs .opened:nth-last-of-type(2) { - border-right: 1px solid #d2d2d2; } - -@media (max-width: 767px) { - .tiny-accordion, - .tiny-accordion-to-tabs { - margin-left: -15px; - margin-right: -15px; - width: auto; } - .tiny-accordion-to-tabs { - display: block; - border-bottom: 1px solid #d2d2d2; } - .tiny-accordion-to-tabs .toggle-header { - display: block; - min-height: 41px; - padding: 16px 50px 16px 15px; - border-top: 1px solid #d2d2d2; } - .tiny-accordion-to-tabs .toggle-header:focus { - text-decoration: underline; } - .tiny-accordion-to-tabs .toggle-header + .accordion-content { - padding: 0 50px 15px 15px; } } - -@media (min-width: 768px) { - .tiny-accordion-to-tabs [class*="icon-primary-accordion-"] { - display: none !important; } - .tiny-accordion-to-tabs > .toggle-header { - display: inline-block; - float: left; - border-top: none; - /*overflow: hidden;*/ - height: 70px; - text-align: center; - background-color: #fff; - border-radius: 0px; - padding: 26px 20px 25px 20px !important; - border-top: 1px solid #fff; - -webkit-filter: none; - filter: none; - background-clip: padding-box; - border-bottom: 1px solid #d2d2d2; - font-weight: normal; - border-right: 1px solid #d2d2d2; - white-space: nowrap; } - .tiny-accordion-to-tabs .toggle-header + div { - left: 0px; - position: absolute; - top: 69px; - border-top: 1px solid #d2d2d2; - padding-top: 30px; - padding-left: 20px; - display: block; - border-bottom: none; - width: 100%; } - .tiny-accordion-to-tabs .opened { - color: #333333; - border-top: 5px solid #0568ae !important; - padding-top: 22px !important; - border-bottom: none; - background-color: #fff; - -webkit-filter: none; - filter: none; - cursor: default; - text-decoration: none; - z-index: 999; } - .tiny-accordion-to-tabs .toggle-header:focus { - text-decoration: underline; - outline: thin dotted #666; - outline-offset: 0px; } - .tiny-accordion-to-tabs .toggle-header:nth-last-of-type(2) { - border-right: none; } - .tiny-accordion-to-tabs .toggle-header:first-child { - border-left: none; - margin-left: 0; } - .tiny-accordion-to-tabs .toggle-header:first-child { - border-left: 1px solid #fff; } - .tiny-accordion-to-tabs .opened:first-child { - border-left: 1px solid #d2d2d2; } - .tiny-accordion-to-tabs .opened:nth-last-of-type(2) { - border-right: 1px solid #d2d2d2; } } - -.toggle-header .tooltip .icon-primary-tooltip { - margin-top: -5px; } - -.accordion-content { - transition: all 0.8s linear; } - -.opaque-content { - opacity: 0; } - -.tiny-tabs .toggle-header { - display: inline-block; - float: left; - border-top: none; - overflow: hidden; - height: 70px; - text-align: center; - background-color: #fff; - border-radius: 0px; - padding: 22px 20px 25px 20px !important; - border-top: 5px solid #fff; - -webkit-filter: none; - filter: none; - background-clip: padding-box; - border-bottom: 1px solid #ccc; - font-weight: normal; - border-right: 1px solid #ccc; - white-space: nowrap; } - -.tiny-tabs .toggle-header:first-child { - margin-left: 0; } - -.tiny-tabs div:first-child .toggle-header { - margin-left: 30px; } - -.tiny-tabs > div .toggle-header.opened { - border-bottom: 0 !important; } - -.tiny-accordion-to-tabs > div > div.toggle-header { - background-clip: padding-box; - background-color: #fff; - border-bottom: 1px solid #ccc; - border-radius: 0; - border-top: 5px solid #fff; - display: inline-block; - filter: none; - float: left; - font-weight: normal; - overflow: hidden; - padding: 22px 20px 21px !important; - text-align: center; - white-space: nowrap; } - -.tiny-accordion-to-tabs .toggle-header:first-child { - margin-left: 0; } - -.tiny-accordion-to-tabs div:first-child .toggle-header { - margin-left: 30px; - border-bottom: 0 !important; } - -.tiny-accordion-to-tabs > div .toggle-header.opened { - border-bottom: 0 !important; } - -@media (max-width: 767px) { - .tiny-accordion-to-tabs { - display: block !important; - border-bottom: 1px solid #ccc !important; } - .tiny-accordion-to-tabs > div > div.toggle-header { - display: block !important; - float: none; - text-align: left; - min-height: 41px !important; - padding: 15px 50px 15px 15px !important; - border-top: 1px solid #ccc; } - .tiny-accordion-to-tabs > div > div.toggle-header:first-child { - margin-left: 0 !important; } - .tiny-accordion-to-tabs > div > div.toggle-header + .accordion-content { - padding: 0 50px 15px 15px; } - .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus { - background-position: 0 0; - background-size: 20px 40px; } - .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus { - background-position: 0 -20px; - background-size: 20px 40px; } - .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-plus, - .tiny-accordion-to-tabs > div > div.toggle-header .icon-primary-accordion-minus { - display: inline-block; - height: 20px; - margin: 0; - padding: 0; - position: absolute; - right: 15px; - vertical-align: middle; - width: 20px; } } - -.alert { - background-color: #5a5a5a; - border-radius: 8px; - color: #fff; - margin-top: 15px; - padding: 0; - position: relative; - border: 0; } - -.alert h3, -.alert h4 { - color: #fff; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 1.6rem; - margin: 0 20px 5px 0; } - -.alert div { - padding: 15px 20px; } - -.alert div:first-child { - border-radius: 8px 0 0 8px; - width: 1%; } - -.alert div:first-child + div { - border: 1px solid transparent; - border-left: none; - border-radius: 0 8px 8px 0; } - -.alert-error { - background-color: #cf2a2a; - border: 1px solid #cf2a2a; } - -.alert-info { - background-color: #44c8f5; - border: 1px solid #44c8f5; } - -.alert-success { - background-color: #c5d63d; - border: 1px solid #c5d63d; } - -.alert [class*="icon-primary-"] { - color: #fff; - font-size: 30px; - margin-right: 0; } - -.alert .close { - height: 30px; - position: absolute; - right: 1px; - top: 1px; - width: 30px; } - -.alert .close:before { - color: #fff; - margin-right: 0; - position: absolute; - right: 9px; - top: 9px; } - -.alert a { - color: #fff; - text-decoration: underline; } - -.alert .close:focus { - outline: 1px dotted #666; } - -.alert p { - font-size: 1.4rem; } - -.alert p:last-child { - margin-bottom: 0; } - -.alert .standalone-link i[class*="icon-primary-"] { - font-size: 20px; - margin-right: 5px; } - -@media (max-width: 767px) { - .alert { - border-radius: 0; - margin: 0 -15px; } - .alert + .alert { - margin-top: 4px; } - .alert div { - padding: 15px 10px; } - .alert div:first-child { - border-radius: 0; - padding: 15px; } - .alert h3, - .alert h4 { - font-size: 1.4rem; } - .alert p { - font-size: 1.2rem; } - .alert .close { - right: 5px; - top: 5px; } - .alert .standalone-link i[class*="icon-primary-"] { - font-size: 16px; } } - -.alert h3 { - margin: 0; - font-size: 16px; } - -.alert p { - font-size: 14px; } - -.alert p a { - color: #FFFFFF; - text-decoration: underline; } - -.alert div:first-child + div { - padding-right: 25px; } - -.alert div:last-child { - padding-right: 20px !important; } - -.alert p [class*="icon-primary-"] { - color: #fff; - font-size: 20px; - margin-right: 0; } - -@media (max-width: 767px) { - .alert h3 { - font-size: 14px; } - .alert div:first-child + div { - padding-right: 20px; } - .alert div:last-child { - padding-right: 15px !important; } - .alert div:first-child { - padding: 15px; } - .alert p { - font-size: 12px; } - .alert p [class*="icon-primary-"] { - font-size: 16px; } } - -.b2b-audio { - width: auto; - margin: 10px auto; - height: 35px; } - .b2b-audio .controls-wrapper { - display: inline-block; - font-size: 25px; - cursor: pointer; } - .b2b-audio .controls-wrapper i { - font-size: 25px; - margin-right: 0px; - color: #444; } - .b2b-audio .controls-wrapper i:hover { - color: #0574AC; } - .b2b-audio .seek-bar-container-wrapper { - display: inline-block; - outline: 0; - min-width: 180px; - margin-right: 10px; - margin-left: 10px; - height: 14px; - padding-top: 5px; } - .b2b-audio .seek-bar-container-wrapper .timing-container { - padding-top: 13px; - color: #333; - font-size: 12px; } - .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-left { - float: left; - line-height: 100%; } - .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-right { - float: right; - line-height: 100%; } - .b2b-audio .seek-bar-container-wrapper .timing-container .timing-container-spacer { - clear: both; } - .b2b-audio .seek-bar-tooltip { - text-align: center; - min-width: 76px; } - -.b2b-audio-popover { - width: 22px; } - .b2b-audio-popover .volume-popover { - height: 100px !important; - width: 6px !important; - margin: 7px auto; } - .b2b-audio-popover .min-label { - margin-top: 5px; } - -.b2b-audio-native { - width: auto; - height: auto; } - -.b2b-audio-recorder { - border: 1px solid #ccc; - box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.15); - height: 63px; - min-height: 63px; - min-width: 347px; } - .b2b-audio-recorder .b2b-elapsed-time { - margin: 23px 0 24px 15px; - font-size: 16px; - font-style: italic; - color: #767676; } - .b2b-audio-recorder .b2b-controls { - width: 68px; - cursor: pointer; } - .b2b-audio-recorder .b2b-controls i.icoControls-record { - font-size: 64px; - color: black; - float: right; - margin-right: 10px; } - .b2b-audio-recorder .b2b-controls i.icoControls-record:focus, .b2b-audio-recorder .b2b-controls i.icoControls-record:hover { - color: #0568ae; } - .b2b-audio-recorder .b2b-controls i.icoControls-stop { - font-size: 36px; - color: black; - float: right; - margin-right: 20px; - margin-top: 12px; } - .b2b-audio-recorder .b2b-controls i.icoControls-stop:focus, .b2b-audio-recorder .b2b-controls i.icoControls-stop:hover { - color: #0568ae; } - -.b2b-top-btn { - height: 36px; - width: 36px; - border-radius: 7px; } - -.b2b-top-btn > i { - position: absolute; - top: 13px; - left: 9px; - width: 11px; - height: 18px; } - -.b2b-badge { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - background-color: #5A5A5A; - border-radius: 12px; - color: #FFFFFF; - display: inline-block; - font-size: 1.5rem; - font-weight: normal; - height: 20px; - line-height: 0; - margin-top: 0; - min-width: 20px; - padding: 0 5px; - text-align: center; - vertical-align: baseline; } - .b2b-badge:empty { - display: none; } - -* + .b2b-heading-micro { - margin-top: 20px !important; } - -.b2b-heading-micro { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-weight: normal; - text-rendering: optimizeLegibility; - font-size: 1.2rem !important; - text-transform: uppercase !important; - margin-bottom: 20px !important; - line-height: 1.2 !important; } - -.b2b-no-colors .b2b-badge { - border: 1px solid transparent; } - -.btn > .b2b-badge { - margin-right: 5px; } - -a > .b2b-badge { - margin-right: 6px; - padding-top: 10px; } - -.b2b-badge-urgent { - background-color: #cf2a2a; } - -.bellyband-container { - margin: 0 -15px; } - -.bellyband-group { - width: auto; } - -.bellyband-link { - border-top: 1px solid #d2d2d2; } - -.bellyband-link a { - display: block; - height: 40px; - line-height: 40px; - padding: 0 15px; - position: relative; - text-decoration: none; } - -.bellyband-link a:hover > div span, -.bellyband-link a:focus > div span { - text-decoration: underline; } - -.bellyband-link a:after { - color: #666; - font-size: 2.3rem; - height: 20px; - position: absolute; - right: 5px; - top: 12px; - width: 18px; } - -.dark-bg .bellyband-link a:after { - color: white; } - -.bellyband-link img[src$="svg"].hidden-desktop, -.bellyband-link [class*="icon-primary-"].hidden-desktop { - display: inline-block !important; - float: left; - font-size: 24px; - height: 24px; - margin-right: 5px; - margin-top: 8px; - width: 24px; } - -.dark-bg .bellyband-link [class*="icon-primary-"].hidden-desktop, -.dark-bg .bellyband-link [class*="icon-primary-"].visible-desktop { - color: #fff; } - -.bellyband-link img[src$="svg"].visible-desktop { - display: none !important; } - -.bellyband-link p { - margin-top: -10px; - margin-left: 29px; - font-size: 1.4rem; - color: #666; } - -@media (min-width: 481px) and (max-width: 767px) { - .bellyband-container { - display: flex; - margin: 0; } - .bellyband-group { - align-content: flex-start; - align-items: stretch; - display: inline-flex; - flex-direction: column; - flex-wrap: wrap; - margin-top: 1px; - width: 100%; } - .bellyband-group .row { - display: flex !important; } - .bellyband-link { - padding-top: 0; - position: relative; - border-top: none; - margin-bottom: 20px; - width: 50%; } - .bellyband-link a { - height: inherit; - line-height: inherit; - display: flex; - padding: 0; } - .bellyband-link a:after { - display: none; } - .bellyband-link a span { - display: block; - padding-top: 10px; } - .bellyband-link p { - display: block; - padding: 0 15px 0 0; - margin-bottom: 0; - margin-left: 0; - margin-top: 0; } - .bellyband-link a:focus p { - text-decoration: none; } } - -@media (min-width: 768px) { - .bellyband-group { - margin: 0; - max-width: 100%; - display: flex; - flex-wrap: wrap; - justify-content: center; } - .bellyband-group .row { - display: block; } - .bellyband-group .row .span { - float: none; - margin-right: 0; - margin-bottom: 30px; - display: flex; - justify-content: space-between; } - .bellyband-link { - border-top: none; - flex: 0 0 auto; - margin-right: 0; - margin-bottom: 30px; } - .bellyband-link:last-child { - margin-right: 0; } - .bellyband-link a { - height: auto; - line-height: 1; - text-align: center; } - .bellyband-link a:after { - display: none; } - .bellyband-link img[src$="svg"].hidden-desktop, - .bellyband-link [class*="icon-primary-"].hidden-desktop { - display: none !important; } - .bellyband-link img[src$="svg"].visible-desktop, - .bellyband-link [class*="icon-primary-"].visible-desktop { - display: block !important; - font-size: 50px; - height: 50px; - margin-right: 0; - margin-top: 0; - margin-left: auto; - margin-right: auto; - width: auto; } - .bellyband-link a span { - display: block; - margin-top: 12px; - line-height: 2rem; } - .bellyband-link p { - display: block; - text-align: center; - margin-top: 6px; - margin-left: 0; - padding-left: 0 !important; - color: #666; - line-height: 1.8rem; } } - -@media (max-width: 480px) { - .bellyband-link-tall a { - height: auto; - padding: 0 40px 10px 15px; } - .bellyband-link-tall p { - line-height: 1.8rem; - margin-bottom: 0; } - .bellyband-link-tall > a:after { - margin-top: -8px; - top: 50%; } } - -.b2b-boardstrip { - display: inline-block; - width: 100%; - border-bottom: 1px solid #9d9d9d; - position: relative; - padding-top: 15px; } - .b2b-boardstrip .boardstrip-reel { - margin-bottom: 15px; } - .b2b-boardstrip .boardstrip-item--add { - border: 1px dashed #ccc; - background: #FFFFFF; - color: #0574ac; - width: 140px; - height: 80px; - font-size: 14px; - font-family: "Omnes-ECOMP-W02", Arial; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - position: absolute; - left: 29px; - top: 15px; } - .b2b-boardstrip .boardstrip-item--add:hover, .b2b-boardstrip .boardstrip-item--add:focus { - border: 2px solid #007A3E; - cursor: pointer; } - .b2b-boardstrip .boardstrip-item--add i { - font-size: 14px; - margin-left: auto; - margin-right: auto; - text-align: initial; } - .b2b-boardstrip .boardstrip-item--add .centered { - margin-left: auto; - margin-right: auto; - margin-top: 27px; - margin-bottom: 35px; - display: block; } - .b2b-boardstrip .board-viewport { - float: left; - margin-left: 210px; - max-height: 95px; - position: relative; - height: 95px; - overflow: hidden; - width: 0px; } - .b2b-boardstrip .board-viewport .boardstrip-container { - width: 0px; - margin-left: 0; - left: 0px; - position: absolute; - list-style: none; - -webkit-transition: left 1000ms; - transition: left 1000ms; } - .b2b-boardstrip .board-viewport .board-item { - width: 140px; - height: 80px; - border: 1px solid #ccc; - margin: 0 15px 15px 0; - background-color: #FFFFFF; - border-radius: 3px; - float: left; - overflow: hidden; } - .b2b-boardstrip .board-viewport .board-item:hover, .b2b-boardstrip .board-viewport .board-item:focus { - border: 2px solid #007A3E; - background-color: white; - cursor: pointer; } - .b2b-boardstrip .board-viewport .board-item .board-img { - width: 61px; - height: 40px; - margin: 0 auto; } - .b2b-boardstrip .board-viewport .board-item .board-img img { - max-width: 100%; } - .b2b-boardstrip .board-viewport .board-item .title { - text-align: center; - line-height: 16px; - color: #666; - font-size: 14px; - font-family: "Omnes-ECOMP-W02", Arial; - padding: 10px 0; } - .b2b-boardstrip .board-viewport .board-item.selected { - background-color: #FFFFFF; - border: 2px solid #0574ac; } - .b2b-boardstrip .board-viewport .board-item .board-caret { - cursor: default; - outline: 0; - position: absolute; - bottom: 7px; } - .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-indicator { - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-bottom: 8px solid #999; - width: 0px; - height: 0px; - position: absolute; - left: 61px; - bottom: -7px; } - .b2b-boardstrip .board-viewport .board-item .board-caret .board-caret-arrow-up { - width: 0px; - height: 0px; - border-style: solid; - border-width: 0 8px 8px 8px; - border-color: transparent transparent #FFFFFF transparent; - left: 61px; - position: absolute; } - .b2b-boardstrip .arrow { - font-size: 14px; - cursor: pointer; - color: #0574ac; } - .b2b-boardstrip .arrow:hover { - color: #0574ac; } - .b2b-boardstrip .arrow.disabled { - color: #767676 !important; - cursor: not-allowed; } - .b2b-boardstrip .prev-items { - display: inline-block; - margin-top: auto; - margin-bottom: auto; - margin-right: 15px; - position: absolute; - left: 0; - top: 45px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; } - .b2b-boardstrip .next-items { - display: inline-block; - margin-top: 30px; - margin-bottom: auto; - margin-left: 10px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; } - .b2b-boardstrip .centered { - display: table-cell; - text-align: center; - vertical-align: middle; } - -.breadcrumb { - padding: 10px 15px; - height: 40px; - list-style: none; - border-bottom: 1px solid #d2d2d2; - font-size: 1.2rem; - width: 100%; - z-index: 1000; } - -.breadcrumb > li { - position: relative; - display: inline-block; - margin-right: 15px; } - -.breadcrumb > li:after { - font-size: 8px; - margin-right: 0; - right: -8px; - color: #333333; } - -.breadcrumb > li:last-child { - color: #333333; } - -.breadcrumb > li:last-child:after { - content: ""; } - -.breadcrumb li > * { - float: none !important; - margin: 0; } - -.breadcrumb { - padding: 10px 15px !important; } - -/* ARROW */ -/* spanish */ -.datepicker { - background-color: #FFFFFF; - padding: 0; - border-radius: 5px; - direction: ltr; } - .datepicker > div { - display: none; } - .datepicker table { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - margin: 0 0 0 0; } - .datepicker td { - text-align: center; - display: block; - width: 30px; - height: 30px; - border: none; } - .datepicker td span { - display: block; - width: 23%; - height: 54px; - line-height: 54px; - float: left; - margin: 1%; - cursor: pointer; - border-radius: 4px; } - .datepicker td span:hover { - background: #eeeeee; } - .datepicker td span.disabled { - background: none; - color: #5A5A5A; - cursor: default; } - .datepicker td span.disabled:hover { - background: none; - color: #5A5A5A; - cursor: default; } - .datepicker td span.active { - color: #FFFFFF; - background-color: #0568ae; - border-color: #357ebd; } - .datepicker td span.active:hover { - color: #FFFFFF; - background-color: #0568ae; - border-color: #357ebd; } - .datepicker td span.active.disabled { - color: #FFFFFF; - background-color: #0568ae; - border-color: #357ebd; } - .datepicker th { - text-align: center; - display: block; - width: 30px; - height: 30px; - border: none; } - .datepicker tbody:focus { - outline: none; } - .datepicker td.day { - background-color: transparent; - color: #0568ae; - cursor: pointer; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 16px; - height: 34px; - line-height: 30rem; - margin: -2px -1px 0 0; - overflow: hidden; - text-align: center; - width: 42px; } - .datepicker:focus { - outline: 1px dotted #191919; - outline-offset: -2px; } - .datepicker th[tabindex]:focus { - outline-offset: -15px; } - .datepicker td.day.focused { - background: #ededed; - cursor: pointer; } - .datepicker td.day.focused.active { - background-color: #ededed; - color: #0568ae; } - .datepicker td.disabled { - font-family: "Omnes-ECOMP-W02", Arial; - color: #5A5A5A; - cursor: default; } - .datepicker td.disabled:hover { - font-family: "Omnes-ECOMP-W02", Arial; - color: #5A5A5A; - cursor: default; } - .datepicker td.disabled:hover .show-date { - font-family: "Omnes-ECOMP-W02", Arial; - color: #5A5A5A; } - .datepicker td.disabled .show-date { - font-family: "Omnes-ECOMP-W02", Arial; - color: #5A5A5A; } - .datepicker td.today { - color: #FFFFFF; - background-color: #0568ae; } - .datepicker td.today:hover { - color: #FFFFFF; - background-color: #0568ae; - color: #FFFFFF; - background-color: #0568ae; } - .datepicker td.today:active { - color: #FFFFFF; - background-color: #0568ae; } - .datepicker td.today:focus { - color: #FFFFFF; - background-color: #0568ae; } - .datepicker td.today.disabled { - color: #FFFFFF; - background-color: #0568ae; } - .datepicker td.today.active { - color: #FFFFFF; - background-color: #0568ae; } - .datepicker td.today.active:hover { - color: #FFFFFF; } - .datepicker td.selected { - color: #FFFFFF; - background-color: #95959500; } - .datepicker td.selected:hover { - color: #FFFFFF; - background-color: #95959500; } - .datepicker td.selected.disabled { - color: #FFFFFF; - background-color: #95959500; } - .datepicker td.active:not(.new) { - color: #FFFFFF; - border-color: #357ebd; } - .datepicker td.active:not(.new) .show-date { - color: #0568ae; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - .datepicker td.active:hover:not(.new) { - color: #FFFFFF; - border-color: #357ebd; } - .datepicker td.active:hover:not(.new) .show-date { - color: #0568ae; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - .datepicker .start-date .show-date { - background-color: #0568ae; - color: #FFFFFF !important; - border-radius: 5px 0 0 5px; - z-index: 1; } - .datepicker .start-date .show-date:before { - background-color: #0568ae; - content: ""; - display: block; - height: 26px; - left: 20px; - position: absolute; - width: 100%; - z-index: -1; } - .datepicker .between-date .show-date { - background-color: #0568ae; - color: #FFFFFF !important; } - .datepicker .between-date .show-date:before { - background-color: #0568ae; - content: ""; - display: block; - height: 26px; - left: 0; - position: absolute; - width: 100%; - z-index: -1; } - .datepicker .between-date:first-child .show-date:before { - background-color: #FFFFFF; - content: ""; - height: 26px; - position: absolute; - left: 0; - width: 8px; } - .datepicker .end-date .show-date { - background-color: #0568ae; - color: #FFFFFF !important; - border-radius: 0 5px 5px 0; } - .datepicker .end-date .show-date:before { - background-color: #0568ae; - content: ""; - display: block; - height: 26px; - left: -20px; - position: absolute; - width: 100%; - z-index: -1; } - .datepicker .end-date:first-child .show-date:after { - background-color: #FFFFFF; - content: ""; - height: 26px; - position: absolute; - left: 0; - width: 8px; } - .datepicker .end-date:first-child .show-date::before { - background-color: #FFFFFF; } - .datepicker tr td.start-date:last-child .show-date:after { - background-color: #FFFFFF; - content: ""; - height: 26px; - position: absolute; - right: 0; - width: 8px; } - .datepicker tr td.start-date:last-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - .datepicker tr td.start-date:first-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - .datepicker tr td.between-date:last-child .show-date:after { - background-color: #FFFFFF; - content: ""; - height: 26px; - position: absolute; - right: 0; - width: 8px; } - .datepicker tr td.between-date:last-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - .datepicker tr td.between-date:first-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - .datepicker tr td.end-date:last-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - .datepicker tr td.end-date:first-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - .datepicker th.datepicker-switch { - width: 198px; - font-size: 20px; - font-weight: normal; - cursor: default !important; } - .datepicker thead tr:first-child th { - cursor: pointer; - height: 60px; - line-height: 60px; } - .datepicker thead tr:first-child th.cw { - cursor: default; - background-color: transparent; } - .datepicker tfoot tr th { - cursor: pointer; - height: 60px; - line-height: 60px; - height: auto; - line-height: normal; } - .datepicker tfoot tr th li { - margin-bottom: 5px; } - .datepicker .prev { - color: transparent; - font-size: 0; - margin: 0 -1px -1px 0; - width: 46px; } - .datepicker .prev i { - color: #0568ae; - position: absolute; - font-size: 27px; - margin: 0; - top: 15px; - left: 8px; } - .datepicker .next { - color: transparent; - font-size: 0; - margin: 0 -1px -1px 0; - width: 46px; } - .datepicker .next i { - color: #0568ae; - position: absolute; - font-size: 27px; - margin: 0; - top: 15px; - right: 8px; } - .datepicker .cw { - font-size: 5px; - width: 12px; - padding: 0 2px 0 5px; - vertical-align: middle; } - .datepicker .due-date .show-date { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - background-color: #cf2a2a; - border-radius: 5px; - color: #FFFFFF !important; } - .datepicker .day.active .show-date:after { - border: 2px solid #0568ae; - border-radius: 7px; - content: ""; - display: block; - height: 30px; - left: 4px; - position: absolute; - top: 0; - width: 30px; } - .datepicker .day:focus .show-date:after { - border: 2px solid #0568ae; - border-radius: 7px; - content: ""; - display: block; - height: 30px; - left: 4px; - position: absolute; - top: 0; - width: 30px; - height: 30px; - left: 4px; - top: 0; - width: 30px; } - .datepicker .due-date.disabled .show-date:after { - border: 2px solid #0568ae; - border-radius: 7px; - content: ""; - display: block; - height: 30px; - left: 4px; - position: absolute; - top: 0; - width: 30px; } - .datepicker .day.due-date:focus .show-date:after { - height: 30px; - left: 4px; - top: 0; - width: 30px; } - .datepicker .due-date.old:after { - visibility: hidden; } - .datepicker .due-date.new:after { - visibility: hidden; } - .datepicker .due-date.active:after { - border-color: #FFFFFF; } - .datepicker .due-date.active.focused { - color: #0568ae !important; } - .datepicker .due-date.active.focused:after { - border-color: #cf2a2a !important; } - .datepicker .dow { - height: 24px; - width: 42px; - font-weight: normal; - position: relative; - overflow: hidden; - color: transparent; - letter-spacing: -6px; - margin: 0 -1px -1px 0; } - .datepicker .dow span[aria-hidden="true"] { - bottom: 0; - color: #5A5A5A; - display: block; - left: 1px; - letter-spacing: 0; - line-height: .9; - margin: 0 auto; - padding: 0; - position: relative; - width: 22px; } - .datepicker .calendar-legend { - margin-top: 3px; - margin-bottom: 20px; } - .datepicker .calendar-legend li { - font-size: 1.4rem; - font-weight: normal; - margin-bottom: 5px; - padding-left: 10px; - padding-top: 5px; - position: relative; } - .datepicker i.legend-due-date { - background-color: #cf2a2a; - border-radius: 5px; - height: 18px; - width: 18px; - margin-right: 8px; - vertical-align: middle; - display: inline-block; } - .datepicker i.legend-selected-date { - background-color: #FFFFFF; - border: 2px solid #0568ae; - border-radius: 5px; - height: 18px; - width: 18px; - margin-right: 8px; - vertical-align: middle; - display: inline-block; } - .datepicker i.legend-selectedisdue { - background-color: #FFFFFF; - border: 2px solid #0568ae; - border-radius: 5px; - display: inline-block; - height: 18px; - margin-right: 8px; - position: relative; - vertical-align: middle; - width: 18px; } - .datepicker i.legend-selectedisdue:after { - background-color: #cf2a2a; - border-radius: 3px; - content: ""; - display: block; - height: 10px; - left: 2px; - position: absolute; - top: 2px; - width: 10px; } - .datepicker .text-left { - width: 100%; } - .datepicker .active.old { - background-color: #ededed !important; - color: #ededed !important; } - -.datepicker-inline { - width: 220px; } - -.datepicker.datepicker-rtl { - direction: rtl; } - .datepicker.datepicker-rtl td span { - float: right; } - -.datepicker-dropdown { - top: 0; - left: 0; } - .datepicker-dropdown:before { - content: " "; - display: inline-block; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-bottom: 10px solid #d2d2d2; - border-top: 0; - border-bottom-color: rgba(0, 0, 0, 0.2); - position: absolute; } - .datepicker-dropdown:after { - content: " "; - display: inline-block; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-bottom: 10px solid #fff; - border-top: 0; - position: absolute; } - -.datepicker-dropdown.datepicker-orient-left:before { - left: 16px; } - -.datepicker-dropdown.datepicker-orient-left:after { - left: 16px; } - -.datepicker-dropdown.datepicker-orient-right:before { - right: 16px; } - -.datepicker-dropdown.datepicker-orient-right:after { - right: 16px; } - -.datepicker-dropdown.datepicker-orient-top:before { - top: -10px; } - -.datepicker-dropdown.datepicker-orient-top:after { - top: -9px; } - -.datepicker-dropdown.datepicker-orient-bottom:before { - bottom: -7px; - border-bottom: 0; - border-top: 7px solid #959595; } - -.datepicker-dropdown.datepicker-orient-bottom:after { - bottom: -6px; - border-bottom: 0; - border-top: 6px solid #fff; } - -.datepicker.days div.datepicker-days { - display: block; } - -.datepicker.months div.datepicker-months { - display: block; } - -.datepicker.years div.datepicker-years { - display: block; } - -.show-date { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - color: #0568ae; - height: 26px; - line-height: 26px; - margin: 4px auto 0; - width: 26px; } - -.input-group.date .input-group-addon i { - cursor: pointer; - width: 16px; - height: 16px; } - -.datepicker.dropdown-menu { - box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7); - position: absolute; - top: 100%; - left: 0; - float: left; - display: none; - margin-top: 13px; - width: 290px; - list-style: none; - background-color: #FFFFFF; - border: 1px solid #d2d2d2; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 5px; - color: #333333; - font-size: 13px; - line-height: 1.428571429; - z-index: 1050; } - .datepicker.dropdown-menu th { - display: block; - float: left; - padding: 0; - position: relative; } - .datepicker.dropdown-menu td { - display: block; - float: left; - padding: 0; - position: relative; } - -.s { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: -62px 0; } - -.m { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: -5px 0; } - -.t { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: -19px 0; } - -.w { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: -34px 0; } - -.f { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: -49px 0; } - -.d { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: 0 0; } - -.l { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: 0 0; } - -.v { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: 0 0; } - -.j { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: #FFFFFF; - background-repeat: no-repeat; - background-position: 0 0; } - -.b2b-coachmark-label { - z-index: 1060; - opacity: 1; - cursor: not-allowed; - position: relative; } - -.b2b-coachmark-highlight { - border: 1px solid #d3d3d3; - cursor: default; - z-index: 1045; - opacity: 1; - background-color: #ffffff; - border-radius: 10px; - position: relative; - box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25); - padding: 10px; - position: absolute; } - -.b2b-coachmark-highlight-mask { - z-index: 1100; - opacity: .1; } - -.b2b-coachmark-container { - border: 1px solid #cccccc; - width: 316px; - pointer-events: auto; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-size: 16px; - -webkit-transition: opacity .2s ease-out; - -moz-transition: opacity .2s ease-out; - transition: opacity .2s ease-out; - background: #fff; - border-radius: 20px; - box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.15); - color: #333; - line-height: 20px; - position: absolute; - top: 50px; - left: -97px; - display: block; - background-color: #ffffff; - z-index: 1050; - opacity: 1; } - .b2b-coachmark-container i.b2b-coachmark-caret { - position: absolute; - top: -12px; - left: 47%; - opacity: 1; - z-index: 1050; } - .b2b-coachmark-container i.b2b-coachmark-caret:before { - content: ""; - border-left: 12px solid transparent; - border-right: 12px solid transparent; - border-bottom: 12px solid #d3d3d3; - position: absolute; - top: -1px; } - .b2b-coachmark-container i.b2b-coachmark-caret:after { - content: ""; - border-left: 12px solid transparent; - border-right: 12px solid transparent; - border-bottom: 12px solid #fff; - position: absolute; } - .b2b-coachmark-container .b2b-coachmark-header { - position: relative; - height: 47px; - overflow: hidden; } - .b2b-coachmark-container .b2b-coachmark-header .corner-button { - box-shadow: 0 -24px 0 0 #f2f2f2 inset; - height: 69px; - position: absolute; - right: -33px; - top: -38px; - transform: rotate(45deg); - width: 69px; } - .b2b-coachmark-container .b2b-coachmark-countlabel { - font-size: 12px; - font-family: "Omnes-ECOMP-W02", Arial; - color: #333333; - margin-left: 20px; - margin-top: 20px; } - .b2b-coachmark-container .b2b-coachmark-content { - padding: 0px 20px 20px 20px; - float: left; } - .b2b-coachmark-container .b2b-coachmark-content .icon-misc-dimmer { - font-size: 32px; - float: left; - margin-right: 10px; - width: 32px; } - .b2b-coachmark-container .b2b-coachmark-content .offscreen-text { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; } - .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-content-header { - font-size: 16px; - color: #333333; - line-height: 18px; - float: left; - width: 220px; } - .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-description { - font-size: 14px; - line-height: 18px; - color: #333333; - width: 100%; - float: left; - margin-top: 15px; } - .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group { - margin-top: 20px; - float: left; - text-align: right; - width: 100%; } - .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group .b2b-coachmark-link { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 15px; - color: #0574ac; - line-height: 18px; - margin-right: 20px; } - .b2b-coachmark-container .b2b-coachmark-content .b2b-coachmark-btn-group button { - font-size: 15px; - margin: 0px; } - -.datepicker { - background-color: #fff; - padding: 0; - border-radius: 5px; - direction: ltr; } - -.datepicker-inline { - width: 220px; } - -.datepicker.datepicker-rtl { - direction: rtl; } - -.datepicker.datepicker-rtl td span { - float: right; } - -.datepicker-dropdown { - top: 0; - left: 0; } - -/* ARROW */ -.datepicker-dropdown:before { - content: " "; - display: inline-block; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-bottom: 10px solid #d2d2d2; - border-top: 0; - border-bottom-color: rgba(0, 0, 0, 0.2); - position: absolute; } - -.datepicker-dropdown:after { - content: " "; - display: inline-block; - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-bottom: 10px solid #fff; - border-top: 0; - position: absolute; } - -.datepicker-dropdown.datepicker-orient-left:before, -.datepicker-dropdown.datepicker-orient-left:after { - left: 255px; } - -.datepicker-dropdown.datepicker-orient-right:before, -.datepicker-dropdown.datepicker-orient-right:after { - right: 16px; } - -.datepicker-dropdown.datepicker-orient-top:before { - top: -10px; } - -.datepicker-dropdown.datepicker-orient-top:after { - top: -9px; } - -.datepicker-dropdown.datepicker-orient-bottom:before { - bottom: -7px; - border-bottom: 0; - border-top: 7px solid #959595; } - -.datepicker-dropdown.datepicker-orient-bottom:after { - bottom: -6px; - border-bottom: 0; - border-top: 6px solid #fff; } - -.datepicker > div { - display: none; } - -.datepicker.days div.datepicker-days { - display: block; } - -.datepicker.months div.datepicker-months { - display: block; } - -.datepicker.years div.datepicker-years { - display: block; } - -.datepicker table { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - margin: 0 0 0 0; } - -.datepicker td, -.datepicker th { - text-align: center; - display: block; - width: 30px; - height: 30px; - border: none; } - -.datepicker tbody :focus { - outline: none; } - -.datepicker td.day { - background-color: transparent; - color: #0568ae; - cursor: pointer; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 16px; - height: 34px; - line-height: 30rem; - margin: -2px -1px 0 0; - overflow: hidden; - text-align: center; - width: 42px; } - -.datepicker :focus { - outline: 1px dotted #000; - outline-offset: -2px; } - -.datepicker td.day.focused { - background: #ededed; - cursor: pointer; } - -.datepicker td.day.focused.active { - background-color: #ededed; - color: #0568ae; } - -.datepicker td.disabled, -.datepicker td.disabled:hover { - font-family: "Omnes-ECOMP-W02", Arial; - color: #5a5a5a; - cursor: default; } - -.datepicker td.today, -.datepicker td.today:hover, -.datepicker td.today.disabled { - color: #fff; - background-color: #0568ae; } - -.datepicker td.today.active, -.datepicker td.today:active, -.datepicker td.today:hover, -.datepicker td.today:focus { - color: #fff; - background-color: #0568ae; } - -.datepicker td.today.active:hover { - color: #fff; } - -.datepicker td.selected, -.datepicker td.selected:hover, -.datepicker td.selected.disabled { - color: #ffffff; - background-color: #959595; } - -.datepicker td.active:not(.new), -.datepicker td.active:hover:not(.new) { - color: #ffffff; - border-color: #357ebd; } - -.show-date { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - color: #0568ae; - height: 26px; - line-height: 26px; - margin: 4px auto 0; - width: 26px; } - -.datepicker .start-date .show-date, -.datepicker .between-date .show-date, -.datepicker .end-date .show-date { - background-color: #0568ae; - color: #fff !important; } - -.datepicker .start-date .show-date { - border-radius: 5px 0 0 5px; - z-index: 1; } - -.datepicker .start-date .show-date:before { - background-color: #0568ae; - content: ""; - display: block; - height: 26px; - left: 20px; - position: absolute; - width: 100%; - z-index: -1; } - -.datepicker .between-date .show-date:before { - background-color: #0568ae; - content: ""; - display: block; - height: 26px; - left: 0; - position: absolute; - width: 100%; - z-index: -1; } - -.datepicker .end-date .show-date { - border-radius: 0 5px 5px 0; } - -.datepicker .end-date .show-date:before { - background-color: #0568ae; - content: ""; - display: block; - height: 26px; - left: -20px; - position: absolute; - width: 100%; - z-index: -1; } - -.datepicker .between-date:first-child .show-date:before { - background-color: #fff; - content: ""; - height: 26px; - position: absolute; - left: 0; - width: 8px; } - -.datepicker .end-date:first-child .show-date:after { - background-color: #fff; - content: ""; - height: 26px; - position: absolute; - left: 0; - width: 8px; } - -.datepicker .end-date:first-child .show-date::before { - background-color: #fff; } - -.datepicker tr td.start-date:last-child .show-date:after, -.datepicker tr td.between-date:last-child .show-date:after { - background-color: #fff; - content: ""; - height: 26px; - position: absolute; - right: 0; - width: 8px; } - -.datepicker tr td.start-date:last-child:focus .show-date:after, -.datepicker tr td.end-date:last-child:focus .show-date:after, -.datepicker tr td.between-date:last-child:focus .show-date:after, -.datepicker tr td.start-date:first-child:focus .show-date:after, -.datepicker tr td.end-date:first-child:focus .show-date:after, -.datepicker tr td.between-date:first-child:focus .show-date:after { - height: 30px; - width: 30px; - background-color: transparent; } - -.datepicker td.active:not(.new) .show-date, -.datepicker td.active:hover:not(.new) .show-date { - color: #0568ae; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.datepicker td.disabled .show-date, -.datepicker td.disabled:hover .show-date { - font-family: "Omnes-ECOMP-W02", Arial; - color: #5a5a5a; } - -.datepicker td span { - display: block; - width: 23%; - height: 54px; - line-height: 54px; - float: left; - margin: 1%; - cursor: pointer; - border-radius: 4px; } - -.datepicker td span:hover { - background: #eeeeee; } - -.datepicker td span.disabled, -.datepicker td span.disabled:hover { - background: none; - color: #5a5a5a; - cursor: default; } - -.datepicker td span.active, -.datepicker td span.active:hover, -.datepicker td span.active.disabled { - color: #ffffff; - background-color: #0568ae; - border-color: #357ebd; } - -.datepicker th.datepicker-switch { - width: 198px; - font-size: 20px; - font-weight: normal; - cursor: default !important; } - -.datepicker thead tr:first-child th, -.datepicker tfoot tr th { - cursor: pointer; - height: 60px; - line-height: 60px; } - -.datepicker tfoot tr th { - height: auto; - line-height: normal; } - -.datepicker tfoot tr th li { - margin-bottom: 5px; } - -.datepicker .prev, -.datepicker .next { - color: transparent; - font-size: 0; - margin: 0 -1px -1px 0; - width: 46px; } - -.datepicker .prev i, -.datepicker .next i { - color: #0568ae; - position: absolute; - font-size: 27px; - margin: 0; - top: 15px; } - -.datepicker .prev i { - left: 8px; } - -.datepicker .next i { - right: 8px; } - -.datepicker .cw { - font-size: 5px; - width: 12px; - padding: 0 2px 0 5px; - vertical-align: middle; } - -.datepicker thead tr:first-child th.cw { - cursor: default; - background-color: transparent; } - -.input-group.date .input-group-addon i { - cursor: pointer; - width: 16px; - height: 16px; } - -.datepicker.dropdown-menu { - box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.7); - position: absolute; - top: 100%; - left: 0; - float: left; - display: none; - margin-top: 13px; - width: 290px; - list-style: none; - background-color: #ffffff; - border: 1px solid #d2d2d2; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 5px; - color: #333333; - font-size: 13px; - line-height: 1.428571429; - z-index: 1050; } - -.datepicker.dropdown-menu th, -.datepicker.dropdown-menu td { - display: block; - float: left; - padding: 0; - position: relative; } - -.datepicker .due-date .show-date { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - background-color: #cf2a2a; - border-radius: 5px; - color: #fff !important; } - -.datepicker .day.active .show-date:after, -.datepicker .day:focus .show-date:after, -.datepicker .due-date.disabled .show-date:after { - border: 2px solid #0568ae; - border-radius: 7px; - content: ""; - display: block; - height: 30px; - left: 4px; - position: absolute; - top: 0; - width: 30px; } - -.datepicker .day:focus .show-date:after { - height: 30px; - left: 4px; - top: 0; - width: 30px; } - -.datepicker .day.due-date:focus .show-date:after { - height: 30px; - left: 4px; - top: 0; - width: 30px; } - -.datepicker .due-date.old:after, -.datepicker .due-date.new:after { - visibility: hidden; } - -.datepicker .due-date.active:after { - border-color: #fff; } - -.datepicker .due-date.active.focused { - color: #0568ae !important; } - -.datepicker .due-date.active.focused:after { - border-color: #cf2a2a !important; } - -.datepicker .dow { - height: 24px; - width: 42px; - font-weight: normal; - position: relative; - overflow: hidden; - color: transparent; - letter-spacing: -6px; - margin: 0 -1px -1px 0; } - -.datepicker .dow span[aria-hidden="true"] { - bottom: 0; - color: #5a5a5a; - display: block; - left: 1px; - letter-spacing: 0; - line-height: .9; - margin: 0 auto; - padding: 0; - position: relative; - width: 22px; } - -.datepicker .calendar-legend { - margin-top: 3px; - margin-bottom: 20px; } - -.datepicker .calendar-legend li { - font-size: 1.4rem; - font-weight: normal; - margin-bottom: 5px; - padding-left: 10px; - padding-top: 5px; - position: relative; } - -.datepicker i.legend-due-date { - background-color: #cf2a2a; - border-radius: 5px; - height: 18px; - width: 18px; - margin-right: 8px; - vertical-align: middle; - display: inline-block; } - -.datepicker i.legend-selected-date { - background-color: #fff; - border: 2px solid #0568ae; - border-radius: 5px; - height: 18px; - width: 18px; - margin-right: 8px; - vertical-align: middle; - display: inline-block; } - -.datepicker i.legend-selectedisdue { - background-color: #fff; - border: 2px solid #0568ae; - border-radius: 5px; - display: inline-block; - height: 18px; - margin-right: 8px; - position: relative; - vertical-align: middle; - width: 18px; } - -.datepicker i.legend-selectedisdue:after { - background-color: #cf2a2a; - border-radius: 3px; - content: ""; - display: block; - height: 10px; - left: 2px; - position: absolute; - top: 2px; - width: 10px; } - -.datepicker .text-left { - width: 100%; } - -.datepicker .active.old { - background-color: #ededed !important; - color: #ededed !important; } - -.s, -.m, -.t, -.w, -.f, -.d, -.l, -.v, -.j { - display: block; - height: 20px; - width: 12px; - margin: 0 auto; - background-color: white; - background-repeat: no-repeat; } - -.s { - background-position: -62px 0; } - -.m { - background-position: -5px 0; } - -.t { - background-position: -19px 0; } - -.w { - background-position: -34px 0; } - -.f { - background-position: -49px 0; } - -/* spanish */ -.d { - background-position: 0 0; } - -.l { - background-position: 0 0; } - -.v { - background-position: 0 0; } - -.j { - background-position: 0 0; } - -.datepicker-container { - position: relative; } - -.btn-calendar-icon:focus .icon-primary-calendar { - outline: 1px dotted #191919; } - -.btn-calendar-icon:focus { - outline: none; } - -/* remove focus outline when dropdown is opened */ -/*resolve blue focus outline over dropdown with error*/ -select { - margin-right: -1; - max-width: 400px; - height: 36px; - line-height: 25px; - width: 400px; - background-color: #95959521; } - -.selectWrap.disabled .icon-primary-down { - color: #d6d6d6; } - -.selectWrap.disabled input.awd-select { - z-index: 0; - padding: 10px 45px 10px 15px; - text-indent: 0; } - -.selectWrap.disabled button.awd-select { - z-index: 0; - text-indent: 15px; } - -.selectWrap.disabled:after { - color: #5A5A5A; - cursor: not-allowed; } - -input.awd-select { - background-color: transparent; - border: 1px solid #d2d2d2; - border-radius: 6px; - box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15); - color: #333333; - display: block; - font-family: "Omnes-ECOMP-W02", Arial; - /*font-size: 1.6rem;*/ - height: 36px; - line-height: 0; - margin-bottom: 0; - position: relative; - text-align: left; - top: 0; - width: 100%; - z-index: 10; - padding: 12px 45px 8px 15px; - user-select: none; } - input.awd-select:focus { - border-color: #0568ae !important; - text-overflow: ellipsis; - padding-right: 45px; } - -button.awd-select { - background-color: transparent; - border: 1px solid #d2d2d2; - border-radius: 6px; - box-shadow: 1px 5px 2px -5px rgba(0, 0, 0, 0.15); - color: #333333; - display: block; - font-family: "Omnes-ECOMP-W02", Arial; - /*font-size: 1.6rem;*/ - height: 36px; - line-height: 36px; - margin-bottom: 5; - position: relative; - text-align: left; - top: 0; - width: 100%; - z-index: 10; } - button.awd-select:not(.large) { - text-indent: 15px; - white-space: nowrap; - overflow: hidden; - text-overflow: clip; - text-overflow: ellipsis; } - button.awd-select img { - height: 26px; - margin-right: 7px; - margin-top: -10px; - position: relative; - top: 2px; - vertical-align: text-bottom; } - button.awd-select:focus { - border-color: #0568ae !important; } - button.awd-select i { - font-size: 23px; - position: absolute; - right: 33px; - top: 5px; - z-index: 1000; } - -button.awd-select.large { - align-items: center; - display: flex; - height: 60px; - line-height: 20px; - overflow: hidden; - padding-left: 70px; - vertical-align: middle; } - button.awd-select.large img { - height: 40px; - left: 20px; - position: absolute; - top: 20px; - width: 40px; } - -.selectWrap.large { - height: 60px; } - .selectWrap.large .awd-select-list-item { - align-items: center; - display: flex; - height: 60px; - line-height: 20px; - overflow: hidden; - padding-left: 70px; - vertical-align: middle; } - .selectWrap.large .awd-select-list-item img { - height: 40px; - left: 20px; - position: absolute; - top: 20px; - width: 40px; - top: 10px; } - - .inputWrap { - border-radius: 6px; - position: relative; - height: 36px; - line-height: 44px; - display: block; - margin: 0; - } - -button.awd-select.active { - border-radius: 6px 6px 0 0; } - button.awd-select.active:focus { - border-color: #d2d2d2 !important; } - -input.awd-select.active { - border-radius: 6px 6px 0 0; } - input.awd-select.active:focus { - border-color: #d2d2d2 !important; } - -.selectWrapper { - position: relative; } - -span.selectWrap input[readonly]:focus { - color: transparent; - text-shadow: 0 0 0 #000; } - -.isIE.ds2-no-colors .awd-select:focus { - outline: 1px dashed transparent; } - -.awd-select-list { - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); - border-radius: 0 0 6px 6px; - position: absolute; - border: 1px solid #d2d2d2; - border-top: 0; - padding: 0; - background-color: #f2f2f2; - z-index: 1000; - width: 100%; - max-height: 320px; - overflow-y: auto; } - -.awd-select-list-item { - cursor: pointer; - height: 100%; - min-height: 36px; - line-height: 20px; - overflow: hidden; - padding: 8px 15px; - position: relative; - z-index: 1000; } - .awd-select-list-item:hover { - cursor: pointer; - background-color: #d2d2d2; - outline: 1px dashed transparent; } - .awd-select-list-item:focus { - cursor: pointer; - background-color: #d2d2d2; - outline: 1px dashed transparent; } - .awd-select-list-item img { - margin-top: 0; - margin-right: 7px; - height: 26px; - width: 26px; } - -.selectWrap { - border-radius: 6px; - position: relative; - height: 36px; - line-height: 28px; - display: block; - margin: 0; - background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%); - background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); } - .selectWrap:not(.large) .awd-select-list-item:first-child { - margin-top: 15px; } - .selectWrap:not(.large) .awd-select-list-item:last-child { - margin-bottom: 15px; } - .selectWrap .icon-primary-down { - font-size: 23px; - margin-top: -11px; - position: absolute; - right: 4px; - top: 50%; } - .selectWrap + [aria-expanded="true"] { - padding-bottom: 9px; - padding-top: 20px; } - -.awd-select-list-item[data-hover="true"] { - background-color: #d2d2d2; } - -span input.awd-select { - width: 100%; - cursor: pointer; - text-overflow: ellipsis; - padding-right: 45px; } - -li.optgroup-wrapper { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - cursor: default !important; - padding: 0px 15px; } - li.optgroup-wrapper:first-child { - padding-top: 10px; } - li.optgroup-wrapper:hover { - background-color: #f2f2f2; } - -ul.optgroup { - font-family: "Omnes-ECOMP-W02", Arial; - cursor: pointer !important; - margin: 0 -15px; } - ul.optgroup li { - padding: 0 0 0 33px; } - -label + .selectWrap { - margin-top: 4px; } - -.selectorModule { - border-radius: 6px; - position: relative; - height: 36px; - line-height: 28px; - display: block; - margin: 0; - background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%); - background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); } - -.group .selectWrap { - margin: 0 0 10px 0; } - -select.awd-select { - position: relative; - top: 0; - left: 0; - font-size: 16px; - z-index: 1010; - height: 33px; - min-width: 100%; - opacity: 0.01; } - select.awd-select > optgroup { - padding-left: 8px; - font-style: normal; - margin-top: 10px; } - select.awd-select > optgroup:first-child { - margin-top: 0; } - select.awd-select > optgroup > option { - padding-left: 8px; } - select.awd-select > option { - padding-left: 8px; } - select.awd-select + span { - background: linear-gradient(to bottom, #fcfcfc 0%, #f2f2f2 100%); - background: -webkit-linear-gradient(top, #fcfcfc 0%, #f2f2f2 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="@att-gray-highlight", endColorstr="@att-functional-bg-gray", GradientType=0); - position: absolute; - top: 0; - left: 0; - z-index: 0; - display: block; - border: 1px solid #d2d2d2; - border-radius: 6px; - height: 35px; - line-height: 0; - padding: 18px 45px 15px 15px; - width: 100%; - font-size: 1.6rem; - padding-right: 45px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } - select.awd-select + span > i { - font-size: 23px; - position: absolute; - right: 33px; - top: 5px; - z-index: 1000; } - select.awd-select + span > i:before { - left: 1px; - position: absolute; - top: -1px; } - select.awd-select:focus + span { - border-color: #0568ae; } - -.isIE select.awd-select + span { - line-height: 1; } - -[data-default-option="true"] { - color: #767676 !important; - font-family: "Omnes-ECOMP-W02-Italic", Arial; } - -.placeholdercolor { - color: #767676 !important; - font-family: "Omnes-ECOMP-W02-Italic", Arial; } - -.filterTank button.awd-select { - border-color: #d2d2d2; - background-color: #333333; - color: #FFFFFF; - color: #333333; } - .filterTank button.awd-select:after { - background-color: #FFFFFF !important; - border-color: #d2d2d2; } - -.utility-bg button.awd-select { - border-color: #d2d2d2; - background-color: #333333; - color: #FFFFFF; - color: #333333; } - .utility-bg button.awd-select:after { - background-color: #FFFFFF !important; - border-color: #d2d2d2; } - -.utility-bg select.awd-select + span { - border-color: #d2d2d2; - border-color: #d2d2d2; - background-color: #333333; - background-color: #333333; - color: #FFFFFF; - color: #FFFFFF; } - .utility-bg select.awd-select + span:after { - background-color: #FFFFFF !important; - background-color: #FFFFFF !important; - border-color: #d2d2d2; - border-color: #d2d2d2; } - -.utility-bg select.awd-select:focus + span { - border-color: #d2d2d2; - border-color: #d2d2d2; - background-color: #333333; - background-color: #333333; - color: #FFFFFF; - color: #FFFFFF; } - .utility-bg select.awd-select:focus + span:after { - background-color: #FFFFFF !important; - background-color: #FFFFFF !important; - border-color: #d2d2d2; - border-color: #d2d2d2; } - -.utility-bg select.awd-select:hover + span { - border-color: #d2d2d2; - border-color: #d2d2d2; - background-color: #333333; - background-color: #333333; - color: #FFFFFF; - color: #FFFFFF; } - .utility-bg select.awd-select:hover + span:after { - background-color: #FFFFFF !important; - background-color: #FFFFFF !important; - border-color: #d2d2d2; - border-color: #d2d2d2; } - -input.awd-select[disabled] { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - input.awd-select[disabled] + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - -button.awd-select[disabled] { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - button.awd-select[disabled]:after { - background-color: #d2d2d2 !important; - border-color: #d2d2d2; } - -select.awd-select[disabled] + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - select.awd-select[disabled] + span:after { - background-color: #d2d2d2 !important; - border-color: #d2d2d2; } - -select.awd-select[disabled]:focus + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - -select.awd-select[disabled]:hover + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - -input.awd-select[disabled="disabled"] { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - input.awd-select[disabled="disabled"] + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - -select.awd-select[disabled="disabled"] + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - select.awd-select[disabled="disabled"] + span:after { - background-color: #d2d2d2 !important; - border-color: #d2d2d2; } - -select.awd-select[disabled="disabled"]:focus + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - select.awd-select[disabled="disabled"]:focus + span:after { - background-color: #d2d2d2 !important; - border-color: #d2d2d2; } - -select.awd-select[disabled="disabled"]:hover + span { - cursor: not-allowed; - border-color: #d2d2d2; - background-color: #d2d2d2; - background-image: none; - color: #5A5A5A; } - select.awd-select[disabled="disabled"]:hover + span:after { - background-color: #d2d2d2 !important; - border-color: #d2d2d2; } - -.ddexpand-wrapper > h2 { - margin-bottom: 11px; } - .ddexpand-wrapper > h2 + p { - margin-bottom: 4px; } - -.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .form-row { - margin-top: 11px; } - -.ddexpand-wrapper .selectWrap + [aria-expanded="true"] .row + .row .form-row { - margin-top: 14px; } - -.modal .awd-select-list { - z-index: 1060 !important; } - -.form-row.error button.awd-select.active:focus { - border-color: #cf2a2a !important; } - -.form-row.error input.awd-select.active:focus { - border-color: #cf2a2a !important; } - -.awd-module-list .module-list-item[aria-selected="true"] { - background-color: #f2f2f2; } - -li.module-list-item[aria-selected="true"]:before { - color: #0568ae; - display: inline-block; - font-family: "icoControls" !important; - font-style: normal; - font-size: 20px; - font-weight: normal; - font-variant: normal; - height: 1em; - margin-right: 7px; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - position: relative; - speak: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - vertical-align: middle; - width: 1em; - content: "\e907"; - box-sizing: border-box; - display: inline-block; - font-size: 2em; - height: 1em; - position: absolute; - top: 20px; - right: 0px; - vertical-align: middle; - width: 1em; - color: #007a3e; } - -@media (min-width: 768px) { - span[class*="large"] { - max-width: 370px; } - .large { - max-width: 370px; } } - -@media (max-width: 767px) { - .selectWrap.large:after { - right: 5px; } - .selectWrap.large .awd-select-list-item { - padding-right: 41px; } - .selectWrap + div > h4 { - margin-bottom: 0; - font-size: 16px; } } - -/**********************Dropdown Chrome scrolling fix start ********************/ -input.awd-select { - -webkit-user-select: text; - -moz-user-select: text; - -ms-user-select: text; - user-select: text; } - -/**********************Dropdown Chrome scrolling fix end ********************/ -.mpc-expanders { - border-bottom: 1px solid #e4e4e4; - border-top: 1px solid #e4e4e4; } - -.mpc-expanders + .mpc-expanders { - border-top: 0px; } - -.mpc-expanders .heading-medium { - margin-bottom: 10px; } - -.mpc-expanders .p-small { - margin-top: 5px; } - -.mpc-expander-body { - border-top: 1px solid #e4e4e4; } - -.mpc-expander-body .mpc-expanders { - border-bottom: 1px solid #e4e4e4; - border-top: 0; } - -.mpc-expander-body .mpc-expanders:last-child { - border-bottom: 0px; } - -.ddh-blue { - color: #0574ac; } - -.b2b-dragdrop { - border: 1px dashed #bbb; - border-radius: 5px; - padding: 0; - text-align: center; - color: #bbb; - position: relative; } - -.b2b-dragdrop-over { - background: #0091d9; - color: #006496; } - .b2b-dragdrop-over:after { - content: "Drop the file"; - color: #fff; - width: 80px; - height: 20px; - overflow: hidden; - margin: auto; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; } - -.b2b-file-container { - position: relative; - overflow: hidden; - display: inline-table; - font-weight: 400; } - .b2b-file-container [type=file] { - position: absolute; - cursor: inherit; - display: block; - font-size: 0; - opacity: 0; - height: 0; - width: 0; - left: 0; - top: 0; - -ms-filter: "alpha(Opacity=0)"; } - -.b2b-upload-link { - color: #0568ae; } - -.b2b-flyout { - position: relative; - display: inline-block; - cursor: default; } - -.b2b-flyout-icon { - cursor: pointer; } - .b2b-flyout-icon:focus { - outline: thin dotted #666; - outline-offset: -1px; } - -.b2b-flyout .b2b-flyout-container { - border: 1px solid #d3d3d3; - width: 300px; - padding: 20px; - pointer-events: auto; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-size: 16px; - -webkit-transition: opacity .2s ease-out; - -moz-transition: opacity .2s ease-out; - transition: opacity .2s ease-out; - background: #fff; - border-radius: 6px; - box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.25); - color: #333; - line-height: 20px; - position: absolute; - top: 35px; - opacity: 0; - z-index: 1010; - display: none; } - .b2b-flyout .b2b-flyout-container.open-flyout { - opacity: 1; - display: block; } - -.b2b-flyout i.b2b-flyout-caret { - position: absolute; - top: -8px; - left: 50%; - opacity: 0; - z-index: 1011; - display: none; } - .b2b-flyout i.b2b-flyout-caret.open-flyout { - opacity: 1; - display: block; } - .b2b-flyout i.b2b-flyout-caret:before { - content: ""; - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-bottom: 8px solid #d3d3d3; - position: absolute; - top: -1px; } - .b2b-flyout i.b2b-flyout-caret:after { - content: ""; - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-bottom: 8px solid #fff; - position: absolute; } - -.b2b-flyout .b2b-flyout-container.b2b-flyout-left i.b2b-flyout-caret { - left: 16px !important; } - -.b2b-flyout .b2b-flyout-container.b2b-flyout-right i.b2b-flyout-caret { - left: inherit !important; - right: 30px !important; } - -.b2b-flyout .b2b-flyout-container.b2b-flyout-above { - box-shadow: 0 -5px 6px 0 rgba(0, 0, 0, 0.25); } - .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret { - top: auto; - bottom: 0px; } - .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:before { - top: auto; - bottom: -9px; - border-top: 8px solid #d3d3d3; - border-bottom: none; } - .b2b-flyout .b2b-flyout-container.b2b-flyout-above i.b2b-flyout-caret:after { - border-top: 8px solid #fff; - border-bottom: none; } - -.b2b-flyout .b2b-flyout-container.b2b-flyout-centerLeft i.b2b-flyout-caret { - left: inherit !important; - right: -7px !important; - top: 8px; - transform: rotate(90deg); } - -.b2b-flyout .b2b-flyout-container.b2b-flyout-centerRight i.b2b-flyout-caret { - left: -8px !important; - top: 296px; - transform: rotate(-90deg); } - -.b2b-flyout .buttons-group { - margin-top: 20px; } - .b2b-flyout .buttons-group .cta-button-group { - width: 100%; - border-top: 1px solid #ccc; - padding: 20px 0 0; } - .b2b-flyout .buttons-group .cta-button-group button { - margin-bottom: 0; } - -.b2b-flyout .heading { - font-size: 20px; - margin-bottom: 10px; } - -.b2b-flyout .body-text { - font-size: 14px; - margin-bottom: 30px; } - -.b2b-footer-wrapper { - width: 100%; - background-color: #222; } - -.b2b-footer-container { - width: 980px; - margin: 0 auto; - padding-top: 15px; } - .b2b-footer-container .footer-columns { - display: inline-block; - text-align: left; - vertical-align: top; } - .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column { - padding-top: 30px; } - .b2b-footer-container .footer-columns.three-column { - width: 33.3%; - padding-left: 75px; } - .b2b-footer-container .footer-columns.four-column { - width: 25%; - padding-left: 75px; } - .b2b-footer-container .footer-columns.five-column { - width: 20%; } - .b2b-footer-container .footer-columns .b2b-footer-header { - color: #009fdb; - font-size: 18px; - font-style: normal; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - line-height: 23.9px; - margin: 0; } - .b2b-footer-container .footer-columns li { - padding: 7.5px 0; } - .b2b-footer-container .footer-columns ul li:first-child { - padding-top: 15px; } - .b2b-footer-container .footer-columns li a { - color: #fff; - font-size: 16px; - font-family: "Omnes-ECOMP-W02", Arial; } - .b2b-footer-container .footer-nav-content { - padding-bottom: 10px; } - .b2b-footer-container .footer-nav-content li { - display: inline; - font-size: 14px; - color: #fff; - vertical-align: middle; } - .b2b-footer-container .footer-nav-content li a { - color: #fff; - font-size: 14px; - vertical-align: middle; - margin-right: 5px; - font-family: "Omnes-ECOMP-W02", Arial; } - -.b2b-footer-wrapper .b2b-footer-container hr { - background: #d2d2d2; - margin-top: 50px; } - -.b2b-footer-wrapper .divider-bottom-footer { - padding: 45px 0 50px 0; } - -.b2b-footer-wrapper .footerLogo { - margin: 10px 0 0 0px; - vertical-align: top; } - .b2b-footer-wrapper .footerLogo div { - display: inline-block; } - .b2b-footer-wrapper .footerLogo .icon-primary-att-globe { - font-size: 40px; } - .b2b-footer-wrapper .footerLogo .logo-title { - color: #fff; - margin-left: 10px; - display: inline-block; - font-size: 26px; - margin-top: 0px; } - -.b2b-footer-wrapper .copyright-text { - color: #fff; - font-size: 11px; - text-align: left; - font-family: "Omnes-ECOMP-W02", Arial; } - .b2b-footer-wrapper .copyright-text a { - color: #fff; - text-decoration: underline; - display: inline-block; } - .b2b-footer-wrapper .copyright-text a:hover { - text-decoration: none; } - -@media (max-width: 768px) { - .b2b-footer-wrapper { - padding: 0 15px; } - .b2b-footer-container { - width: 100%; } - .b2b-footer-container .footer-columns.three-column, .b2b-footer-container .footer-columns.four-column, .b2b-footer-container .footer-columns.five-column { - width: 50%; } - .b2b-footer-wrapper .divider-bottom-footer { - padding-top: 15px; } - .b2b-footer-wrapper .divider-bottom-footer .footer-links { - width: 100%; } - .b2b-footer-wrapper .footerLogo { - margin: 30px 0 0 0; } - .b2b-footer-wrapper .footerLogo .footer-logo { - margin: 0; - padding-left: 10px; } } - -.b2b-header-tabs { - background-color: #222; - width: 100%; - position: relative; - height: 45px; } - .b2b-header-tabs .icon-primary-att-globe { - color: #0568ae; } - .b2b-header-tabs a:focus { - border: 1px solid white; } - .b2b-header-tabs .header__items { - width: 980px; - margin: 0 auto; - display: block; - list-style: none; - padding: 6px 0px 0px 0px; - border-spacing: 30px 0; } - .b2b-header-tabs .header__item { - display: inline-block; - text-align: left; - width: auto; - font-size: 16px; - font-family: "Omnes-ECOMP-W02", Arial; - cursor: pointer; - padding: 5px 15px; - color: #fff; } - .b2b-header-tabs .header__item.b2b-headermenu { - padding: 0; } - .b2b-header-tabs .header__item.b2b-headermenu:last-child { - background: none; } - .b2b-header-tabs .header__item.b2b-headermenu a.menu__item { - color: #fff; - text-decoration: none; - display: inline-block; - padding: 5px 15px; } - .b2b-header-tabs .header__item.active { - background-color: #fff; - border-radius: 2px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - .b2b-header-tabs .header__item.active a.menu__item { - color: #0578ae; } - .b2b-header-tabs li:focus { - outline: 2px solid #0578ae; } - .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper { - background-color: #fff; - position: absolute; - width: 100%; - left: 0; - top: 42px; - border-bottom: solid 1px #ccc; - -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); - box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); - display: none; - z-index: 111; } - .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary { - background-color: #fff; - width: 980px; - margin: 0 auto; } - .b2b-header-tabs .header__item.active .header-secondary-wrapper { - display: block; } - .b2b-header-tabs .header-secondary .header-subitem { - display: inline-block; - width: auto; - margin: 0 15px; } - .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper { - display: block; } - .b2b-header-tabs .header-secondary .header-subitem a.menu__item { - display: inline-block; - padding: 15px 0; - color: #333; } - .b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus { - color: #0578ae; } - -/** Secondary Menu **/ -.b2b-labelhide { - position: absolute; - clip: rect(1px, 1px, 1px, 1px); } - -/** Tertiary Level Menu **/ -.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret { - position: absolute; - z-index: 111; - top: 25px; } - .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before { - content: ''; - border-left: 8px solid transparent; - border-right: 8px solid transparent; - position: absolute; - -webkit-transition: left .2s ease-out; - -moz-transition: left .2s ease-out; - transition: left .2s ease-out; } - .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after { - border-bottom: 8px solid #fff; - top: 10px; } - .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before { - border-bottom: 8px solid #ccc; - top: 9px; } - -.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary { - border-top: solid 1px #ccc; } - -.b2b-header-tabs .header-tertiary:after { - content: ''; - clear: both; - display: block; } - -.b2b-header-tabs .header-tertiary li { - display: inline-block; - padding: 0; - float: left; } - .b2b-header-tabs .header-tertiary li a { - color: #333; - display: block; - padding: 10px 15px; } - .b2b-header-tabs .header-tertiary li label { - text-align: left; - display: block; - font-size: 16px; - font-weight: bold; - color: #857B7B; - padding: 15px 0 0 15px; } - -.b2b-header-tabs .header__item.skip { - padding: 0; - display: inline-block; - cursor: default !important; } - .b2b-header-tabs .header__item.skip a { - color: transparent; - font-size: 12px; - line-height: 15px; - text-decoration: none; } - .b2b-header-tabs .header__item.skip a:focus { - color: #fff; - outline: 2px solid #0578ae; } - -.b2b-header-tabs .selectWrap { - min-width: 150px; } - .b2b-header-tabs .selectWrap button.awd-select { - height: 30px; - line-height: 31px; - font-size: 1rem; - display: inline-block; } - .b2b-header-tabs .selectWrap .awd-select-list { - background-color: #fff; - color: #333; - -webkit-transition: opacity .2s ease-out; - -moz-transition: opacity .2s ease-out; - transition: opacity .2s ease-out; - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } - -@media (max-width: 768px) { - .b2b-header-tabs { - padding: 0 15px; } - .b2b-header-tabs .header__items, .b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary { - width: 100%; } - .b2b-header-tabs .header__item { - padding: 5px 0; } - .b2b-header-tabs .globe-text { - display: none; } - .b2b-header-tabs .header__item.b2b-headermenu a.menu__item { - padding: 5px 7px 9px 7px; } - .b2b-header-tabs .header__item .header-tertiary-wrapper { - top: 30px; } - .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret { - top: 14px; } - .b2b-header-tabs .header__item .header-secondary-wrapper { - top: 45px; } - .b2b-header-tabs .header__item.profile { - padding-left: 15px; - float: none; } } - -/************* Header - Start *************/ -.b2b-header-tabs { - background-color: #222; - width: 100%; - position: relative; - height: 45px; } - -.b2b-header-tabs .icon-primary-primary-att-globe { - color: #0568ae; - font-size: 34px; - bottom: 1px; } - -/* - *TODO: delete below .icon-primary-att-globel will not be used - *instead the one above, icon-primary-primary-att-globe not available here - */ -.b2b-header-tabs .icon-primary-att-globe { - color: #0568ae; - font-size: 34px; } - -.b2b-header-tabs .globe-text { - margin-left: 20px; - font-size: 2rem; } - -.b2b-header-tabs .header__items { - width: 980px; - margin: 0 auto; - display: block; - list-style: none; - border-spacing: 30px 0; - padding: 3px 0px 0px 0px; } - -.b2b-header-tabs .header__item { - display: inline-block; - text-align: left; - width: auto; - font-size: 14px; - font-family: "Omnes-ECOMP-W02", Arial; - cursor: pointer; - padding: 0 15px 4px 15px; - /*margin-top:-3px;*/ - color: #fff; } - -.b2b-header-tabs .header__item.b2b-headermenu { - padding: 0; } - -.b2b-header-tabs .header__item.b2b-headermenu a.menu__item { - color: #fff; - text-decoration: none; - display: inline-block; - padding: 8px 15px 12px 15px; - font-size: 16px; } - -.b2b-header-tabs .header__item.active { - background-color: #fff; - border-radius: 2px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; } - -.b2b-header-tabs .header__item.active a.menu__item { - color: #0578ae; } - -.b2b-header-tabs li:focus { - outline: 2px solid #0578ae; } - -/** profile pop Over **/ -.b2b-header-tabs .header__item.profile { - position: relative; - float: right; } - -/** Secondary Menu **/ -.b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper { - background-color: #fff; - position: absolute; - width: 100%; - left: 0; - top: 42px; - border-bottom: solid 1px #ccc; - -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); - -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); - box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16); - display: none; - z-index: 111; } - -.b2b-header-tabs .header-secondary, .b2b-header-tabs .header-tertiary { - background-color: #fff; - width: 980px; - margin: 0 auto; } - -.b2b-header-tabs .header__item.active .header-secondary-wrapper, -.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary-wrapper { - display: block; } - -.b2b-header-tabs .header-secondary .header-subitem { - display: inline-block; - width: auto; - margin: 0 15px; } - -.b2b-header-tabs .header-secondary .header-subitem a.menu__item { - display: inline-block; - padding: 15px 0; - color: #333; - font-size: 14px; } - -.b2b-header-tabs .header-secondary .header-subitem a.menu__item:hover, .b2b-header-tabs .header-secondary .header-subitem a.menu__item:focus { - color: #0578ae; } - -.b2b-label-hide { - position: absolute; - clip: rect(1px, 1px, 1px, 1px); } - -/** Tertiary Level Menu **/ -.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after, -.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before { - content: ''; - border-left: 8px solid transparent; - border-right: 8px solid transparent; - position: absolute; - -webkit-transition: left .2s ease-out; - -moz-transition: left .2s ease-out; - transition: left .2s ease-out; } - -.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret { - position: absolute; - z-index: 111; - top: 25px; } - -.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:after { - border-bottom: 8px solid #fff; - top: 10px; } - -.b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret:before { - border-bottom: 8px solid #ccc; - top: 9px; } - -/** Tertiary Level Menu **/ -.b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary { - border-top: solid 1px #ccc; } - -.b2b-header-tabs .header-tertiary:after { - content: ''; - clear: both; - display: block; } - -.b2b-header-tabs .header-tertiary li { - display: inline-block; - padding: 0; - float: left; } - -.b2b-header-tabs .header-tertiary li a { - color: #333; - display: block; - padding: 7px 15px; - max-width: 228px; } - -.b2b-header-tabs .header-tertiary li label { - text-align: left; - display: block; - font-size: 14px !important; - font-weight: bold; - color: #857B7B; - padding: 15px 0 0 15px; } - -/** Quarternary Level Menu **/ -.b2b-header-tabs .header-quarternary { - width: 100%; - float: left; } - -.b2b-header-tabs .header-quarternary li { - padding-left: 15px; - font-family: "Omnes-ECOMP-W02", Arial; - display: none; } - -.b2b-header-tabs .header-quarternary li.active { - display: block; } - -.b2b-header-tabs .header-quarternary li a { - color: #666666; - font-size: 14px; - padding: 0px 10px 10px 10px; } - -/** Skip Navigation**/ -.b2b-header-tabs .header__item.skip { - padding: 0; - display: inline-block; - cursor: default !important; } - -.b2b-header-tabs .header__item.skip a { - color: transparent; - font-size: 12px; - line-height: 15px; - text-decoration: none; } - -.b2b-header-tabs .header__item.skip a:focus { - color: #fff; - outline: 2px solid #0578ae; } - -/** Dropdown css inside Header ****/ -.b2b-header-tabs .selectWrap { - min-width: 150px; } - -.b2b-header-tabs .selectWrap button.awd-select, .b2b-header-tabs .selectWrap input.awd-select { - height: 36px; - line-height: 31px; - font-size: 1rem; - display: inline-block; } - -.b2b-header-tabs .selectWrap .awd-select-list { - background-color: #fff; - color: #333; - -webkit-transition: opacity .2s ease-out; - -moz-transition: opacity .2s ease-out; - transition: opacity .2s ease-out; - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); } - -/* - * responsive header media queries - */ -@media screen and (max-width: 1100px) { - .b2b-header-tabs .globe-text { - display: none; } - .b2b-header-tabs .header__item.profile { - padding-left: 15px; - float: none; } - .b2b-header-tabs .header__items { - padding-top: 0px; } } - -@media screen and (max-width: 950px) { - .header__item.profile { - top: 20px; } - .b2b-header-tabs { - height: 90px; } - .header__item .selectWrap { - bottom: 15px; } - .b2b-header-tabs .header__items { - padding-top: 25px; } - .b2b-header-tabs .header__item .header-secondary-wrapper, .b2b-header-tabs .header__item .header-tertiary-wrapper { - top: 80px; } - .b2b-header-tabs .header-secondary .header-subitem.active i.menuCaret { - top: 35px; } - .b2b-header-tabs .header__item.b2b-headermenu a.menu__item { - padding-bottom: 30px; } - .b2b-header-tabs .header-secondary .header-subitem.active .header-tertiary { - margin-top: -28px; } } - -/*************** Header - END ******************/ -.hp-container { - display: block; - max-width: 408px; } - .hp-container i:focus { - outline: thin dotted #666; } - .hp-container .icon-misc-pen { - cursor: pointer; } - .hp-container .icon-misc-trash { - cursor: pointer; } - -.hp-selected { - border-bottom: 1px solid #ccc; - border-bottom: 1px solid #ccc; - margin-bottom: 16px; - padding-bottom: 16px; } - .hp-selected .selected-days { - padding-bottom: 16px; } - .hp-selected .selected-days .day { - padding-top: 10px; - float: left; } - -/* .hp-checkbox { - padding-top: 20px; - margin: 16px auto 0 auto; } - .hp-checkbox label { - position: relative; - width: 20px; - margin-right: 34px; } - .hp-checkbox label span { - position: absolute; - top: -20px; - left: 0px; - margin-left: 0px; } */ - -.hp-dropdowns { - margin-top: 15px; - display: flex; - display: -webkit-flex; - display: -ms-flexbox; } - -.hp-buttons { - margin-top: 20px; - display: flex; - display: -webkit-flex; - display: -ms-flexbox; } - -.hp-dropdowns .radio-buttons { - margin-top: 30px; } - .hp-dropdowns .radio-buttons .radio { - margin-right: 15px; } - - - -/* TODO: Build a reference page for these classes */ -.font-regular { - font-family: "Omnes-ECOMP-W02", Arial !important; } - -.font-light { - font-family: "Omnes-ECOMP-W02-Light", Arial !important; } - -.font-italic { - font-family: "Omnes-ECOMP-W02-Italic", Arial !important; } - -.font-light-italic { - font-family: "Omnes-ECOMP-W02-Light-Italic", Arial !important; } - -.font-medium { - font-family: "Omnes-ECOMP-W02-Medium", Arial !important; } - -.font-medium-italic { - font-family: "Omnes-ECOMP-W02-Medium-Italic",Arial !important; } - -.font-reset { - font-style: normal; - font-variant: normal; - font-weight: normal; - text-transform: none; } - -.b2b-nav-menu { - background-color: #efefef; - border: 1px solid #efefef; - width: 230px; - font-size: 1.4rem; } - -.b2b-subnav-container > ul { - padding: 0px; } - -.b2b-subnav-content { - margin: 0; - margin-bottom: 10px; } - -.b2b-subnav-content > li { - border-bottom: 1px solid #999999; - position: relative; - cursor: pointer; } - -.b2b-subnav-content > li > a { - text-decoration: none; - line-height: 18px; - display: block; - padding: 10px; } - -.b2b-subnav-content > li > a.expand { - color: #333; } - -.b2b-subnav-content > li ul { - overflow: hidden; - max-height: 0; - transition-duration: 0.5s; - transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } - -.b2b-subnav-content > li ul.expand { - transition-duration: 0.7s; - transition-timing-function: ease-in-out; - max-height: 1000px; - overflow: hidden; } - -.b2b-subnav-content > li > a:focus, .b2b-subnav-content > li ul > li > a:focus { - outline: thin dotted #666; } - -.b2b-subnav-content > li ul > li > a { - line-height: 18px; - padding: 8px 0; - display: block; - outline-offset: -4px; - padding-left: 10px; } - -.b2b-icon-primary-plus-minus { - display: inline-block; - height: 20px; - margin-right: 10px; - padding: 0; - position: absolute; - right: 0px; - top: 10px; - vertical-align: middle; - width: 20px; } - -@media (min-width: 320px) and (max-width: 767px) { - .b2b-nav-menu { - background-color: #fff; - border: 1px solid white; - width: 100%; } - .b2b-subnav-content > li { - padding-left: 10px; } - .b2b-subnav-container > ul:first-child { - border-top: 1px solid #999; } - .b2b-icon-primary-plus-minus { - right: 10px; } - .b2b-subnav-content > li li > a.active { - color: #0574ac; - text-decoration: none; - font-family: "Omnes-ECOMP-W02", Arial; } } - -.b2b-list-box-item { - white-space: nowrap; - margin: 1px; - border: 1px solid transparent; - outline: none; - visibility: inherit; - display: inherit; - text-align: left; - overflow: hidden; - cursor: pointer; - padding: 5px 0 5px; - padding-left: 15px; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; } - .b2b-list-box-item:focus { - border: 2px solid #5e8cb3; } - -.b2b-list-box-item--selected { - background-color: #cfdde9; } - -.btn.disabled[ddh-load-button] { - line-height: 46px; - padding: 0 19px 0 18px; } - -.btn.disabled[ddh-load-button] { - color: #666666; } - -.icon-primary-spinner-ddh.large { - height: 50px; - width: 50px; } - -.icon-primary-spinner-ddh.small { - height: 30px; - width: 30px; } - -.icon-primary-spinner-ddh { - -webkit-animation: 1s linear infinite spinner; - animation: 1s linear infinite spinner; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiIgaWQ9InN2Zy1zcGlubmVyIiB4PSIwcHgiIHk9IjBweCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgIDxwYXRoIGZpbGw9IiNGNUY1RjUiIGQ9Ik0xOCAzNkM4LjEgMzYgMCAyNy45IDAgMThTOC4xIDAgMTggMHMxOCA4LjEgMTggMTgtOC4xIDE4LTE4IDE4em0wLTMxLjVjLTcuNSAwLTEzLjUgNi0xMy41IDEzLjVTMTAuNiAzMS41IDE4IDMxLjVjNy41IDAgMTMuNS02LjEgMTMuNS0xMy41IDAtNy41LTYtMTMuNS0xMy41LTEzLjV6Ii8+CiAgIDxwYXRoIGZpbGw9IiMwNTY4QUUiIGlkPSJzcGlubmVyIiBkPSJNMzAuNyA1LjNsLTMuMSAzLjJjMi40IDIuNCAzLjkgNS44IDMuOSA5LjUgMCA3LjQtNi4xIDEzLjUtMTMuNSAxMy41UzQuNSAyNS40IDQuNSAxOCAxMC42IDQuNSAxOCA0LjVWMEM4LjEgMCAwIDguMSAwIDE4czguMSAxOCAxOCAxOCAxOC04LjEgMTgtMThjMC01LTItOS41LTUuMy0xMi43eiIgdHJhbnNmb3JtPSIiPiAgICAgIAogICA8L3BhdGg+Cjwvc3ZnPg==); } - -.btn-small .icon-primary-spinner-ddh { - height: 30px !important; - width: 30px !important; } - -.btn-small .icon-primary-spinner { - height: 30px; - width: 30px; } - -.load-backdrop { - position: absolute; - top: 50%; - left: 50%; } - -.small-modal-loader { - width: 420px !important; - height: 212px !important; - text-align: center; } - -.small-modal-loader .icon-primary-spinner { - margin-bottom: 5px; } - -.body.styled-by-modal { - position: fixed; } - -.b2b-modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: -1; } - -.b2b-modal-backdrop.fade { - background-color: #000; - opacity: 0; - filter: alpha(opacity=0); - transition: all 0.3s linear 0s; } - -.b2b-modal-backdrop.fade.in { - z-index: 1040; - opacity: 0.7; - filter: alpha(opacity=70); - background-color: #000; - transition: opacity 0.3s linear 0s; } - -.modalwrapper { - height: 100%; - width: 100%; - left: 0; - overflow-y: hidden; - position: absolute; - right: 0; - padding: 20px; - top: 0; - z-index: -1; } - -.modalwrapper.active { - z-index: 1050; - overflow-y: auto; } - -.modal { - background-clip: padding-box; - background-color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 8px; - box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.4); - margin: 0 auto; - /*margin-bottom:10%;*/ - outline: medium none; - /*position: absolute;*/ - height: 0; - min-height: 150px; - overflow: hidden; - /*top: 10%;*/ - width: 100%; - z-index: -1; } - -.modalwrapper.modal-docked .modal { - max-height: 80%; - height: 80%; - overflow: hidden; - top: 0; } - -.modal.fade.in { - position: relative; - height: auto; - overflow: auto; - top: 10%; - z-index: 1060; - transition: opacity .5s linear 0s; } - -.modal.fade.in.modal-landscape { - overflow-y: auto; } - -.modal.fade { - transition: opacity .5s linear 0s; } - -.fade.in { - opacity: 1; } - -.fade { - opacity: 0; } - -.b2b-modal-header { - align-items: center; - border-radius: 8px 8px 0 0; - display: flex; - min-height: 60px; - overflow: hidden; - padding: 30px 46px 30px 30px; - position: relative; } - -.b2b-modal-header > h2 { - line-height: 1; - margin: 0; - padding: 0; } - -.modal-header-portrait { - -webkit-overflow-scrolling: auto; } - -.modal-header-landscape { - -webkit-overflow-scrolling: auto; } - -.b2b-modal-body { - -webkit-overflow-scrolling: touch; - padding: 0 30px 20px; - position: relative; - width: auto; } - -.b2b-modal-body:focus { - outline: 1px dotted #333333; } - -.modal-form { - margin-bottom: 0; } - -.b2b-modal-footer { - background-color: #fff; - width: 100%; - padding: 0 30px; - border-radius: 0; - position: absolute; - bottom: 0; } - -:not(.modal-docked) .b2b-modal-footer { - position: relative; } - -.modal-landscape .b2b-modal-footer { - position: relative; } - -.b2b-modal-footer .cta-button-group { - display: flex; - justify-content: flex-end; - padding: 20px 0 5px; - width: 100%; - border-top: 1px solid #d2d2d2; } - -.b2b-modal-footer .cta-button-group .btn { - margin-left: auto; - margin-right: auto; - float: right; - margin-left: 10px; } - -.b2b-modal-footer .cta-button-group .marginLeft0 { - margin-left: 0px; } - -.b2b-modal-footer .cta-button-group .btn-footer-left { - margin-right: auto; } - -.b2b-modal-footer .cta-button-group .btn + .btn { - margin-right: 0 !important; } - -[class*="modal-"] { - width: 100%; } - -.modal-small { - max-width: 420px; } - -.modal-medium { - max-width: 620px; } - -.modal-large { - max-width: 720px; } - -.modal-xlarge { - max-width: 860px; } - -.modal-jumbo { - max-width: 1000px; } - -.modalwrapper.modal-docked { - height: 100%; - display: flex; - align-items: center; } - -.modalwrapper.modal-docked .b2b-modal-body { - height: 80%; - overflow-y: scroll; - padding-bottom: 60px; } - -.modalwrapper.modal-docked .modal { - max-height: 80%; - height: 80%; - overflow: hidden; - top: 0; } - -.modalwrapper.modal-docked .b2b-modal-body > *:last-child { - margin-bottom: 60px; } - -@media (max-width: 767px) { - .modalwrapper { - padding: 15px; - overflow-x: hidden; } - .modal.fade.in { - top: 0; - right: 0; - left: 0; - margin-bottom: 15px; - border: none; } - .b2b-modal-header { - padding: 20px 46px 20px 15px; } - .b2b-modal-body { - width: 100%; - padding: 0 15px 15px; } - .modalwrapper.modal-docked { - position: absolute; - height: 100%; - padding: 0; } - .modalwrapper.modal-docked .modal.fade.in { - margin-bottom: 0; - width: 100% !important; - max-height: 100%; - height: 100%; - border-radius: 0; } - .modalwrapper.modal-docked .b2b-modal-body { - overflow-y: scroll; - height: 100%; } - .modalwrapper.modal-docked.modal-landscape { - overflow-y: hidden; - position: fixed; } - .modalwrapper.modal-docked.modal-landscape .modal { - overflow-y: scroll; - max-width: 100%; } - .modalwrapper.modal-docked.modal-landscape .b2b-modal-body { - height: auto; - overflow-y: hidden; } - .b2b-modal-footer { - padding: 0 15px; } - .b2b-modal-footer .cta-button-group { - display: block; - padding: 15px 0; } - .b2b-modal-footer .cta-button-group .btn { - float: none; } - .b2b-modal-footer .cta-button-group .btn + .btn { - margin-bottom: 0; } - .b2b-modal-footer .cta-button-group a.visible-phone { - align-items: center; - display: flex !important; - height: 42px; - justify-content: center; } } - -.b2b-modal-footer > .cta-button-group { - line-height: 40px; } - -.ajaxed, -.modal.fade.in .b2b-modal-header, -.modal.fade.in .b2b-modal-body, -.modal.fade.in .b2b-modal-footer { - animation-duration: 0.01s; - -o-animation-duration: 0.01s; - -ms-animation-duration: 0.01s; - -moz-animation-duration: 0.01s; - -webkit-animation-duration: 0.01s; - animation-name: DOMinsertion; - -o-animation-name: DOMinsertion; - -ms-animation-name: DOMinsertion; - -moz-animation-name: DOMinsertion; - -webkit-animation-name: DOMinsertion; } - -.monthselector thead tr th { - min-width: 46px; } - -.monthselector thead tr:after { - content: ""; - position: absolute; - left: 20px; - top: 52px; - height: 1px; - width: 85%; - border-bottom: 1px solid #ccc; } - -.monthselector tbody tr:last-child { - height: 50px; } - -.monthselector td.day { - margin: 1px 4px !important; - width: 64px !important; } - -.monthselector .datepicker-switch { - width: 195px !important; } - -.monthselector .show-date { - width: 30px !important; } - -.monthselector button.faux-input { - width: 100%; } - .monthselector button.faux-input:focus { - border: 1px solid #0574ac; } - .monthselector button.faux-input:disabled { - cursor: not-allowed; } - -.monthselector .cta-button-group { - padding: 0 20px; } - .monthselector .cta-button-group a { - margin-right: 20px; } - -.monthselector .day.active .show-date:after, .monthselector .day:focus .show-date:after, .monthselector .due-date.disabled .show-date:after { - height: 30px; - left: 9px !important; - top: 0; - width: 42px !important; } - -.monthselector .disabled.day:focus .show-date:after { - border: none; } - -.monthselector .icon-primary-calendar { - display: block; } - -.b2b-ml-nav { - padding: 0 10px 0 10px; - width: 320px; } - -.b2b-ml-nav ul { - list-style: none; - list-style-type: none; } - -.b2b-ml-nav a { - display: block; - padding: 0 0 5px 30px; - line-height: 22px; - margin-left: -10px; - color: #0568ae; - font-size: 1.4rem; } - -.b2b-ml-nav a:focus { - outline-offset: 1px; } - -.b2b-ml-nav li:focus { - outline: none; } - -.b2b-ml-nav li:focus > a { - outline: thin dotted #666; - outline-offset: 1px; } - -.b2b-ml-nav ul li { - border-left: 1px solid #ccc; } - -.b2b-ml-nav ul ul { - padding: 0 0 0 20px; } - -.b2b-ml-nav ul > li { - position: relative; - line-height: 18px; } - -.b2b-ml-nav a > span { - background-color: #FFF; - display: inline; - margin: 0; - padding: 0; - position: absolute; - left: -11px; - top: 0; } - -.b2b-ml-nav a > span > i { - font-size: 20px; } - -.b2b-ml-nav a:only-child > span { - left: -6px; - border-radius: 50%; - line-height: 7px; - top: 5px; } - -.b2b-ml-nav a:only-child > span > i { - background-color: inherit; - background: #fff; - font-size: 5px; } - -.b2b-ml-nav ul li:first-child > a:only-child > span { - left: -6px; - border-radius: 50%; - line-height: 12px; - top: 0px; } - -.b2b-ml-nav li a + ul { - display: none; } - -.b2b-ml-nav li a.active + ul { - display: block; } - -.b2b-ml-nav .selected { - color: #333; } - -/*to overide ng-doc inline property for library demo - TODO: Move to docs.css*/ -.b2b-ml-nav a [class^="icon-primary-"], a [class*=" icon-primary-"], a [class^="icon-primary-"]:before, a [class*=" icon-primary-"]:before { - display: inline-block; } - -.b2b-alerts-messages { - background-color: #fff; - border-radius: 8px; - height: auto; } - .b2b-alerts-messages h3 { - color: #333 !important; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - margin-bottom: 0 !important; - margin: 1em 0 5px; - line-height: 27px; - font-size: 18px; } - .b2b-alerts-messages h4 { - color: #333 !important; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - margin-bottom: 0 !important; } - .b2b-alerts-messages .alert-info { - background-color: #0574ac; - border: 0; } - .b2b-alerts-messages .alert-error { - background-color: #cf2a2a; - border: 0; } - .b2b-alerts-messages .alert-success { - background-color: #1b7e28; - border: 0; } - .b2b-alerts-messages div:nth-child(2) { - padding: 0 0 15px 10px; - vertical-align: baseline; } - .b2b-alerts-messages .close:before { - color: #767676; } - .b2b-alerts-messages p { - font-size: 14px; - color: #333; - font-family: "Omnes-ECOMP-W02", Arial; } - .b2b-alerts-messages p a { - color: #333; } - .b2b-alerts-messages .btn-small { - margin-bottom: 0px; } - -.b2b-alerts-success { - border: 1px solid #1b7e28; } - -.b2b-alerts-error { - border: 1px solid #cf2a2a; } - -.b2b-alerts-info { - border: 1px solid #0574ac; } - -/* TODO: Rearange this and move to patches if needed */ -.b2b-breadcrumb-css-override > li { - margin-right: 24px; } - -.b2b-breadcrumb-css-override li > * { - float: left !important; } - -.b2b-css-override ul.nav-tabs { - margin-bottom: 0; } - - -.b2b-top-nav-buttons-css-override { - margin-bottom: 0; - margin-top: 2px; } - -.b2b-auto-width { - width: auto !important; } - -.b2b-toggle-header-active { - color: #0568ae; } - -.b2b-toggle-header-inactive { - color: #333333; } - -.b2b-toggle-header-icon { - cursor: pointer; } - - -.icon-primary-circle:before { - background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E"); - content: ""; - position: absolute; - top: 0; - z-index: 1; } - -.ds2-no-colors .icon-primary-circle:before { - background-image: none; - content: "\e902"; } - -i:focus { - outline: thin dotted #666; } - -.p-col-md-12 { - width: 50%; } - -.pager__item { - border-radius: 0; - cursor: default; - display: inline-block; - margin: 5px; - width: 22px; - height: 23px; - vertical-align: baseline; } - -.pager { - padding-top: 10px; - padding-bottom: 20px; - text-align: center; - margin: 0 auto; } - -.pager__item--input { - color: #067ab4; - max-height: 32px; - max-width: 40px; - padding-left: 0; - padding-right: 0; - text-align: center; - margin-left: 10px; } - -.row.section-row { - margin-bottom: 20px; } - -.pager__item--active { - border-bottom: 2px solid #0574ac; - border-radius: 0; - color: #333333; } - -.pager a.pager__item--active:hover { - cursor: default; } - -.pager a:hover, .pager a:focus { - text-decoration: none; - color: #333333; - cursor: pointer; } - -.pager a.disabled:hover, .pager a.disabled:focus { - cursor: not-allowed; } - -.row.section-row.b2b-page { - display: block; } - -a.pager__item--next:focus, a.pager__item--prev:focus { - text-decoration: none; - border: 0; } - -.pager__item--next, .pager__item--prev { - margin: 5px; - padding: 1.5px 6px 1.5px 6px; } - -.pager .disabled i { - pointer-events: none; - cursor: default; - color: #c4c4c4; } - -.fieldLabel { - color: #666666; } - -.fieldLabel input { - color: #666666; } - -.pSelect { - float: right; - width: 150px; } - -.numericResult { - margin-bottom: 20px; - font-size: 1.6rem; - margin-top: 20px; - display: inline-block; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.mobile-view > .pager__item { - margin: 5px 10px; - width: 24px; - height: 34px; - vertical-align: middle; - line-height: 34px; } - -.fade1, .fadel { - opacity: 0.4; } - -.fade2, .fadesl { - opacity: 0.6; } - -h4#pagination-truncated { - margin-top: 50px; } - -h4#pagination-large-count { - margin-top: 50px; } - -.p-col-md-12 input { - margin-left: 20px; } - -.pager a .icon-primary-right:before { - display: inline-block; } - -.pager a .icon-primary-left:before { - display: inline-block; } - -.page-heading { - background: white none repeat scroll 0 0; - margin-bottom: -12px; - padding-left: 10px; - padding-right: 10px; - position: relative; } - -.numericResult:focus { - outline: 1px dotted #0574ac; } - -.page-heading-group { - color: #ef6f00; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.pager > div > span.fieldLabel { - margin-left: 18px; } - -.pager .fieldLabel .btn-arrow { - top: 0; - left: 10px; - margin-left: -5px; } - -.b2b-p-col-md-12 { - width: 50%; } - .b2b-p-col-md-12 input { - margin-left: 20px; } - -.b2b-pager__item { - border-radius: 0; - cursor: default; - display: inline-block; - margin: 0px 5px 0 5px; - height: 23px; - vertical-align: baseline; } - -.b2b-pager__item--noclick { - pointer-events: none !important; - cursor: default !important; } - -.b2b-pager__item--droppable { - pointer-events: all !important; } - -.b2b-pager { - padding-top: 10px; - padding-bottom: 20px; - text-align: center; - margin: 0 auto; } - .b2b-pager a:hover { - text-decoration: none; - color: #333333; - cursor: pointer; } - .b2b-pager a:focus { - text-decoration: none; - color: #333333; - cursor: pointer; } - .b2b-pager a .icon-primary-right:before { - display: inline-block; } - .b2b-pager a .icon-primary-left:before { - display: inline-block; } - .b2b-pager .disabled i { - pointer-events: none; - cursor: default; - color: #c4c4c4; } - -.b2b-pager__item--input { - color: #067ab4; - max-height: 32px; - max-width: 60px; - padding-left: 0; - padding-right: 0; - text-align: center; - margin-left: 5px; } - -.row.section-row { - margin-bottom: 20px; } - -.b2b-pager__item--active { - border-bottom: 2px solid #0574ac; - border-radius: 0; - color: #333333; } - -.row.section-row.b2b-page { - display: block; } - -a.b2b-pager__item--next:focus { - text-decoration: none; - border: 0; } - -a.b2b-pager__item--next-disabled { - outline: 0; } - -a.b2b-pager__item--next-disabled > [class^="icon-primary-"] { - color: #cccccc; - cursor: not-allowed; - outline: 0; } - -a.b2b-pager__item--prev:focus { - text-decoration: none; - border: 0; } - -a.b2b-pager__item--prev-disabled { - outline: 0; } - -a.b2b-pager__item--prev-disabled > [class^="icon-primary-"] { - color: #cccccc; - cursor: not-allowed; } - -.b2b-pager__item--next { - padding: 1.5px 0px 1.5px 0px; } - -.b2b-pager__item--prev { - padding: 1.5px 0px 1.5px 0px; } - -.fieldLabel { - color: #666666; } - .fieldLabel input { - color: #666666; } - .fieldLabel .btn-arrow { - top: 0; - left: 10px; } - -.b2b-pSelect { - float: right; - width: 150px; } - -.b2b-numericResult { - margin-bottom: 20px; - font-size: 1.6rem; - margin-top: 20px; } - -.b2b-mobile-view > .b2b-pager__item { - margin: 5px 10px; - min-width: 23px; - height: 34px; - vertical-align: middle; - line-height: 34px; } - -.b2b-fade1 { - opacity: 0.4; } - -.b2b-fade2 { - opacity: 0.6; } - -.b2b-fadesl { - opacity: 0.6; } - -h4#b2b-pagination-truncated { - margin-top: 50px; } - -h4#b2b-pagination-large-count { - margin-top: 50px; } - -.b2b-page-heading { - background: white none repeat scroll 0 0; - margin-bottom: -12px; - padding-left: 10px; - padding-right: 10px; - position: relative; } - -.b2b-numericResult:focus { - outline: 1px dotted #0574ac; } - -.b2b-page-heading-group { - color: #ef6f00; - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.b2b-pager > div > span.fieldLabel { - margin-left: 18px; } - -.b2b-go-to-page { - margin-top: 14px; } - -.b2b-go-to-page-inline { - display: inline-block; } - -input.b2b-phone-mask-input { - padding-right: 15px; } - input.b2b-phone-mask-input:hover, input.b2b-phone-mask-input:focus { - padding-right: 15px; } - -/************************** Start - Should be removed after the styling in global is fixed *******************/ -input::-ms-clear { - display: none; } - -/************************** End - Should be removed after the styling in global is fixed *******************/ @media (max-width: 767px) { input::-ms-clear { display: block; } } @@ -8363,134 +3930,6 @@ a .progress { .progress-danger .bar, .progress .bar-danger { background-color: #cf2a2a; } -.progress.increment { - display: -webkit-flex; - display: -ms-flexbox; - display: flex; } - -.progress.increment .bar:first-child:not(:last-child) { - border-right: none; - border-radius: 4px 0 0 4px; } - -.progress.increment .bar:last-child:not(:first-child) { - border-left: none; - border-radius: 0 4px 4px 0; } - -.progress.increment .bar + .bar:not(:last-child) { - border-left: none; - border-right: none; - border-radius: 0; } - -.progress.increment .bar:not(:first-child) { - border-left: 1px solid white !important; } - -.usage-bar { - display: table; - float: none; - width: 100%; - margin-bottom: 1px; } - -.usage-bar > .usage-text { - display: table-cell; - width: 1%; } - -.progress + .usage-bar { - margin-top: -15px; } - -.usage-bar .usage-text { - font-size: 1.4rem; } - -.usage-bar .usage-text:first-child { - white-space: nowrap; } - -.usage-bar .usage-text.text-right { - vertical-align: top; - font-size: 1.4rem; - width: auto !important; } - -.usage-bar .usage-text.text-right:before { - content: ""; - display: table; - height: .1em; } - -.usage-bar.billing-cycle .usage-text { - font-size: 1.4rem; } - -.usage-bar.billing-cycle .usage-text.text-right { - vertical-align: bottom; } - -.progress.autocolor [data-percentage="1"], .progress.autocolor [data-percentage="2"], .progress.autocolor [data-percentage="3"], .progress.autocolor [data-percentage="4"], .progress.autocolor [data-percentage="5"], .progress.autocolor [data-percentage="6"], .progress.autocolor [data-percentage="7"], .progress.autocolor [data-percentage="8"], .progress.autocolor [data-percentage="9"], .progress.autocolor [data-percentage="10"] .progress.autocolor [data-percentage^="2"], .progress.autocolor [data-percentage^="3"], .progress.autocolor [data-percentage^="4"], .progress.autocolor [data-percentage^="5"], .progress.autocolor [data-percentage="60"], .progress.autocolor [data-percentage="61"], .progress.autocolor [data-percentage="62"], .progress.autocolor [data-percentage="63"], .progress.autocolor [data-percentage="64"] { - background-color: #1b7e28; } - -.progress.autocolor [data-percentage="65"], .progress.autocolor [data-percentage="66"], .progress.autocolor [data-percentage="67"], .progress.autocolor [data-percentage="68"], .progress.autocolor [data-percentage="69"], .progress.autocolor [data-percentage^="7"], .progress.autocolor [data-percentage^="8"] { - background-color: #ef6f00; } - -.progress.autocolor [data-percentage^="9"], .progress.autocolor [data-percentage="100"] { - background-color: #cf2a2a; } - -.b2b-seek-bar-container { - position: relative; } - .b2b-seek-bar-container div { - position: absolute; } - .b2b-seek-bar-container .b2b-seek-bar-track-container { - width: 100%; } - .b2b-seek-bar-container .b2b-seek-bar-track { - width: 100%; - height: 6px; - background-color: #cccccc; - border-radius: 10px; } - .b2b-seek-bar-container .b2b-seek-bar-track-fill { - width: 100%; - height: 6px; - background-color: #cccccc; - border-radius: 10px; - width: 0; - background-color: #157BB2; - transition: width 0s linear; } - -.seek-bar-container .seek-bar-knob-container { - transition: left 0s linear; } - -.b2b-seek-bar-container .b2b-seek-bar-knob { - width: 14px; - height: 14px; - border-radius: 10px; - top: -4px; - left: -8px; - border: 1px solid #cccccc; - background: white; - cursor: pointer; } - -.b2b-seek-bar-container .b2b-seek-bar-knob:focus { - outline: thin dotted #666; } - -.b2b-seek-bar-container.vertical { - width: 100%; - height: 100%; - margin: 0 auto; - position: relative; - border-radius: 10px; } - .b2b-seek-bar-container.vertical .b2b-seek-bar-track-container { - position: relative; - height: 100%; } - .b2b-seek-bar-container.vertical .b2b-seek-bar-track { - position: absolute; - height: 100%; } - .b2b-seek-bar-container.vertical .b2b-seek-bar-track-fill { - position: absolute; - bottom: 0; - height: 0; - width: 100%; } - .b2b-seek-bar-container.vertical .b2b-seek-bar-knob-container { - transition: bottom .01s linear; - position: relative; - bottom: 0; } - .b2b-seek-bar-container.vertical .b2b-seek-bar-knob { - position: absolute; - border-radius: 10px; - top: -7px; - left: -4px; } - .form-search .search-query { width: 100% !important; } @@ -9994,942 +5433,6 @@ label .tooltip { margin-bottom: 8px; white-space: normal; } -.popover-content { - display: block; - font-size: 12px; - font-family: "Omnes-ECOMP-W02", Arial; - line-height: 1.5rem; - white-space: normal; } - -.popover-content span, -.popover-content p { - line-height: 1.5rem; } - -.popover-content p:last-child { - margin-bottom: 0; } - -.tooltip .tooltip-element { - position: relative; } - -.tooltip .icon-primary-tooltip:hover { - text-decoration: none; } - -.tooltip.active .tooltip-element[data-placement="top"] .arrow { - display: block; - bottom: 32px; - top: auto; } - -.tooltip.active .tooltip-element[data-placement="bottom"] .arrow { - display: block; - border-color: transparent transparent #0574ac; - bottom: -33px; - top: auto; } - -.tooltip.active .tooltip-element[data-placement="bottom"] + .tooltip-wrapper .helpertext { - bottom: inherit; - top: 19px; } - -.tooltip.active .tooltip-element[data-placement="top"] + .tooltip-wrapper .helpertext { - top: inherit; - bottom: 38px; } - -.b2b-tree { - padding: 0 10px 0 10px; - width: 320px; } - .b2b-tree ul { - list-style: none; - list-style-type: none; } - .b2b-tree a { - display: block; - padding: 0 0 5px 30px; - line-height: 22px; - margin-left: -10px; - font-size: 1.4rem; - outline-offset: -1px; } - .b2b-tree li:focus { - outline: none; } - .b2b-tree li:focus > a { - outline: thin dotted #666; - outline-offset: -1px; } - .b2b-tree ul li { - border-left: 1px solid #ccc; } - .b2b-tree ul li .b2b-tree-tooltip { - display: none; - position: absolute; - top: -25px; - left: 100%; - white-space: nowrap; - margin-left: 10px; - z-index: 1010; - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 12px; } - .b2b-tree ul li .b2b-tree-tooltip-content { - background-color: #0568ae; - margin-left: 9px; - border-radius: 6px; - color: #fff; - padding: 25px; } - .b2b-tree ul li .b2b-tree-arrow-left { - width: 0; - height: 0; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; - border-right: 10px solid #0568ae; - position: absolute; - top: 25px; } - .b2b-tree ul li.activeTooltip > a .b2b-tree-tooltip { - display: block; } - .b2b-tree ul ul { - padding: 0 0 0 20px; } - .b2b-tree ul > li { - position: relative; - line-height: 18px; } - .b2b-tree a > span.b2b-tree-node-icon { - background-color: #FFF; - display: inline; - margin: 0; - padding: 0; - position: absolute; - left: -11px; - top: 0; - line-height: 14px; - width: 11px; } - .b2b-tree a > span.b2b-tree-node-icon > i { - font-size: 20px; } - .b2b-tree a:only-child { - color: #0574ac; } - .b2b-tree a:only-child > span.b2b-tree-node-icon { - left: -11px; - border-radius: 50%; - line-height: 7px; - top: 0; } - .b2b-tree a:only-child > span.b2b-tree-node-icon > i { - background-color: inherit; - background: #fff; } - .b2b-tree a > span.b2b-tree-node-icon > i.icon-primary-circle { - background-color: inherit; - background: #fff; - font-size: 5px; } - .b2b-tree a.b2b-locked-node:after { - content: "\ec58"; - float: right; - font-family: 'icoSecurityalerts' !important; } - .b2b-tree a:hover .b2b-locked-node:after { - text-decoration: none; } - .b2b-tree ul li:first-child > a:only-child > span.b2b-tree-node-icon { - left: -11px; - border-radius: 50%; - line-height: 12px; } - .b2b-tree ul li:last-child > a:only-child > span.b2b-tree-node-icon { - height: 27px; - background-color: #fff; } - .b2b-tree li a + ul { - height: 0; - overflow: hidden; } - .b2b-tree li a.active + ul { - height: auto; - overflow: visible; } - .b2b-tree li a.grp { - font-family: "Omnes-ECOMP-W02-Italic", Arial; } - .b2b-tree li a.grp.active { - color: #333; } - .b2b-tree span.end { - left: -6px !important; - top: 5px !important; } - .b2b-tree span.first-link { - width: 3px !important; - height: 15px !important; - top: 0px !important; - left: -2px !important; - background: #fff; } - -/* .b2b-tree-checkbox { - padding: 0 10px 0 10px; - width: 320px; } - .b2b-tree-checkbox ul { - list-style: none; - list-style-type: none; } - .b2b-tree-checkbox a { - display: block; - padding: 0 0 5px 30px; - line-height: 22px; - margin-left: -10px; - font-size: 14px; - outline-offset: -1px; } - .b2b-tree-checkbox li:focus { - outline: none; } - .b2b-tree-checkbox li:focus > a { - outline: thin dotted #666; - outline-offset: -1px; } - .b2b-tree-checkbox ul li { - border-left: 1px solid #ccc; } - .b2b-tree-checkbox ul ul { - padding: 0 0 0 20px; } - .b2b-tree-checkbox ul > li { - position: relative; - line-height: 18px; } */ - /* .b2b-tree-checkbox a > span.nodeIcon { - background-color: #FFF; - display: inline; - margin: 0; - padding: 0; - position: absolute; - left: -11px; - top: 0; - line-height: 14px; - width: 11px; } */ - /* .b2b-tree-checkbox a > span.nodeIcon > i { - font-size: 20px; } */ - .b2b-tree-checkbox a > span.nodeIcon.end { - margin-top: 10px; } - .b2b-tree-checkbox a:only-child { - color: #0574ac; } - .b2b-tree-checkbox a:only-child > span.nodeIcon { - left: -11px; - border-radius: 50%; - line-height: 7px; - top: 0; } - .b2b-tree-checkbox a:only-child > span.nodeIcon > i { - background-color: inherit; - background: #fff; } - .b2b-tree-checkbox a > span.nodeIcon > i.icon-primary-circle { - background-color: inherit; - background: #fff; - font-size: 5px; } - .b2b-tree-checkbox ul li:first-child > a:only-child > span { - left: -11px; - border-radius: 50%; - line-height: 12px; - top: 0px; } - .b2b-tree-checkbox ul li:first-child > a:only-child > span.end { - margin-top: 0px; } - .b2b-tree-checkbox ul li:first-child > a:only-child > span i.icon-primary-circle { - top: 8px; } - .b2b-tree-checkbox ul li:last-child > a:only-child > span { - height: 34px; - background-color: #fff; } - .b2b-tree-checkbox li a + ul { - height: 0; - overflow: hidden; } - .b2b-tree-checkbox li a.active + ul { - height: auto; } - .b2b-tree-checkbox li a.grp { - font-family: "Omnes-ECOMP-W02-Italic", Arial; } - .b2b-tree-checkbox span.end { - left: -6px !important; } - .b2b-tree-checkbox .checkbox { - margin-bottom: 0px; - margin-top: 2px; - font-size: 14px; } - .b2b-tree-checkbox .checkbox input:indeterminate + .skin:after { - content: "\2014"; - padding-left: 2px; - font-family: inherit !important; - line-height: inherit !important; } - /* .b2b-tree-checkbox span.first-link { - width: 3px !important; - height: 15px !important; - top: 0px !important; - left: -2px !important; - background: #fff; } */ - -.b2b-widget-window { - width: 147px; - right: 5px; - top: 60px; - position: absolute; - border: 1px solid #ccc; - background-color: #fff; - border-radius: 8px; - z-index: 1000; } - .b2b-widget-window li { - margin: 15px; } - -.b2b-widget-container { - background-color: #fff; - border-radius: 8px; - border: 1px solid #ccc; - position: relative; } - .b2b-widget-container .b2b-widget-header { - font-family: "Omnes-ECOMP-W02", Arial; - color: #333; - height: 55px; - padding-left: 15px; - padding-top: 19px; } - .b2b-widget-container .b2b-widget-header .header { - font-size: 18px; } - .b2b-widget-container .b2b-widget-header-icons { - font-size: 16px; - color: #0574ac; } - -.b2b-widget-header-icons button { - border: none; - background: transparent; - color: #0574ac; } - .b2b-widget-header-icons button:focus { - outline-style: solid; - outline-width: 1px; - outline-color: #0574ac; } - .b2b-widget-header-icons button:first-child { - margin-right: 0px; } - -.b2b-widget-container .b2b-widget-content { - height: 325px; - margin: 0; - padding: 20px; - position: relative; - border-top: 1px solid #ccc; } - -.b2b-widget-content .form-row:first-child { - margin-top: 0; } - -.b2b-widget-header-icons button.icoControls-gear:focus, .b2b-widget-header-icons button.icon-primary-close:focus { - outline: thin dotted #666; } - -.b2b-widget-header .icon-primary-close:before { - content: '-'; - display: inline-block; - margin: 0; - padding: 0; - outline: none; } - -.b2b-widget-window .arrow_box { - background: #fff; - border: 1px solid #ccc; } - -.b2b-widget-window.arrow_box:after, .b2b-widget-window.arrow_box:before { - bottom: 100%; - left: 75%; - border: solid transparent; - content: " "; - height: 0; - width: 0; - position: absolute; - pointer-events: none; } - -.b2b-widget-window.arrow_box:after { - border-color: rgba(255, 255, 255, 0); - border-bottom-color: #fff; - border-width: 10px; - margin-left: 1px; } - -.b2b-widget-window.arrow_box:before { - border-color: rgba(204, 204, 204, 0); - border-bottom-color: #ccc; - border-width: 11px; - margin-left: 0px; } - -/************************** Overrides for Filters ***************************/ -.filter-container .filter-header h2 { - line-height: 1 !important; - margin: 0 !important; } - -.filter-container .icon-primary-spinner:before { - content: none; } - -.filter-container .fixed-230-subnav { - margin: 10px !important; - width: inherit !important; } - -.filter-container .unlinked:focus { - outline: thin dotted #666 !important; } - -.filter-container .unlinked.active { - color: inherit !important; } - -.filter-container .fixed-230-subnav a > i { - background: none; } - -.filter-container .fixed-230-subnav ul { - margin: 0 0 10px 10px; } - -/************************** Overrides for Filters ***************************/ -.row .filter-container { - background-color: #fff; } - -.filter-header { - overflow: hidden; - padding: 20px 0; - position: relative; } - -.filter-header h2 { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - font-size: 2.4rem; - margin-bottom: 0; } - -.filter-selected { - border-top: 1px solid #ccc; - padding-top: 20px; } - -.filter-selected > span { - font-size: 1.3rem; - text-transform: uppercase; } - -.filter-selected > a.clear-all-filters { - float: right; - font-size: 1.4rem; } - -.filter-selected > span, -.filter-selected > a.clear-all-filters { - font-family: "Omnes-ECOMP-W02-Medium", Arial; } - -.filter-selected-group { - padding-top: 15px; } - -.filter-selected-badge { - background-color: #f2f2f2; - border-radius: 15px; - display: inline-block; - font-size: 1.4rem; - margin-bottom: 10px; - padding: 0 0 0 12px; } - -.filter-selected-badge .icoControls-optionsoff { - background: transparent none repeat scroll 0 0; - border: medium none; - font-size: 2.5em; - margin: 0; - padding: 0; } - -.filters .fixed-230-subnav > ng-transclude > div:first-child { - border-top: 1px solid #ccc; } - -.filters .fixed-230-subnav > ng-transclude > div { - border-bottom: 1px solid #ccc; } - -.filter-results { - align-items: center; - border-bottom: 1px solid #ccc; - display: flex; - flex-wrap: wrap; - height: 50px; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; } - -.filter-results-sortby > span { - text-transform: uppercase; } - -.filter-results-view .icon-primary-content-gridguide { - font-size: 2em; - margin-right: 0; } - -.filter-container .fixed-230-subnav > ng-transclude > div > a { - font-size: 1.8rem; - margin: 0; - padding: 15px 20px 15px 0; - color: #0574ac !important; - cursor: pointer !important; - font-family: "Omnes-ECOMP-W02", Arial !important; - outline-offset: inherit !important; - position: relative; - height: auto; - width: auto; } - -.filter-container .fixed-230-subnav a > i { - right: 0; - top: 15px; } - -.filter-container .fixed-230-subnav .icon-primary-collapsed:before, .filter-container .fixed-230-subnav .icon-primary-expanded:before { - float: right; } - -.filter-container .fixed-230-subnav ul.collapse { - position: inherit; - transition: height 0.5s ease; - height: 0; - overflow: hidden; } - -.filter-container .checkbox .icon-primary-spinner { - height: 24px; - position: absolute; - width: 24px; } - -.fixed-230-subnav.affix { - margin: -28px 0 0; } - -#nav-menu .b2b-menu, -#nav-menu .fixed-230-subnav { - margin: 0; } - -.b2b-menu > li, -.fixed-230-subnav > div { - border-bottom: 1px solid #ccc; - line-height: 4.0rem; } - -.b2b-menu > li:first-child, -.fixed-230-subnav > li:first-child { - border-top: 1px solid #ccc; } - -.b2b-menu div > a, -.fixed-230-subnav div > a { - color: #0574ac; - cursor: pointer; - display: block; - font-family: "Omnes-ECOMP-W02", Arial; - font-size: 1.4rem; - margin: 0; - outline-offset: -1px; - padding: 0 10px; - position: relative; } - -.fixed-230-subnav div > a.live { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - color: #666; } - -.fixed-230-subnav > ng-transclude > div li > a { - display: block; - font-size: 1.4rem; - line-height: 20px; } - -.fixed-230-subnav > ng-transclude > div li > a.active { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - text-decoration: none; - color: #666; } - -#nav-menu .fixed-230-subnav a > i { - top: 10px; } - -.fixed-230-subnav > li > a.active > i:after { - display: none; } - -.b2b-menu ul, -.fixed-230-subnav ul { - margin: 0 0 10px 0; } - -.b2b-menu ul div a, -.fixed-230-subnav ul div a { - padding: 0 10px; } - -.unlinked { - outline: medium none !important; - text-decoration: none !important; } - -@media (max-width: 1024px) { - .filter-container .fixed-230-subnav { - margin: 0 20px; - width: auto; } - .filter-container .fixed-230-subnav > li { - margin: 0; } - .row .filter-container { - display: none; - height: 100%; - left: 0; - position: fixed; - overflow: auto; - top: 0; - transition: all 0.5s ease 0s; - width: 285px; - z-index: 9999; } - .filter-header { - padding-left: 20px; } - .filter-selected { - margin: 0 20px 10px; } } - -.b2b-pane-selector-wrapper { - width: 100%; - display: block; - border-top: solid 1px #ccc; - border-bottom: solid 1px #ccc; } - .b2b-pane-selector-wrapper .side-nav { - width: 20% !important; - display: inline-block; - float: left; } - .b2b-pane-selector-wrapper .pane-container { - width: 80%; - vertical-align: top; - margin: 0; - padding-top: 30px; - border-left: solid 1px #ccc; - font-family: "Omnes-ECOMP-W02", Arial; - display: none; } - .b2b-pane-selector-wrapper .pane-container.active { - display: inline-block; } - .b2b-pane-selector-wrapper .pane-container .pane-container-top { - padding-left: 15px; } - .b2b-pane-selector-wrapper .pane-container .panes { - display: -webkit-flex; - display: flex; - border-top: solid 1px #ccc; - margin-top: 30px; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block { - height: inherit; - overflow-y: auto; - border-right: solid 1px #ccc; - position: relative; - flex: 1; - -webkit-flex: 1; - /* Safari 6.1+ */ - -ms-flex: 1; - /* IE 10 */ } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block:focus { - outline: dotted 1px #333333; } - .b2b-pane-selector-wrapper .pane-container .search-block { - position: relative; - float: right; } - .b2b-pane-selector-wrapper .pane-container .search-block input[type="search"]:focus { - padding-right: 40px; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row p { - margin-top: 15px; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div { - border-bottom: solid 1px #ccc; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row { - display: block; - padding: 19px 14px 19px 14px; - margin-top: 0px; - border: dotted 1px transparent; - border-bottom: solid 1px #ccc; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:focus { - border: dotted 1px #333333 !important; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row:last-child { - border-bottom: none; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block > .no-content { - text-align: center; - border-bottom: none; - display: block; - position: absolute; - top: 45%; - left: 0; - right: 0; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block div:last-child { - border-bottom: none; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row span.margin-chk { - margin: 15px 15px 0px 15px; - float: left; } - .b2b-pane-selector-wrapper .pane-container .panes div.pane-block .form-row .checkbox-selectall { - margin: 0px 0 0 24px !important; } - .b2b-pane-selector-wrapper .side-nav li { - font-family: "Omnes-ECOMP-W02-Medium", Arial; - border: none; - border-top: solid 1px #ccc; - display: block !important; - width: auto !important; - margin-left: 0px !important; } - .b2b-pane-selector-wrapper .side-nav li.active { - background-color: #f6f6f6; - position: inherit !important; } - .b2b-pane-selector-wrapper .side-nav li.active > a { - font-size: 16px; - color: #333; - text-decoration: none; - border: none; - background-color: transparent; - padding: 20px 15px; - display: block; - height: auto; - border-left: 4px solid #0574ac; } - .b2b-pane-selector-wrapper .side-nav li > a { - font-size: 16px; - color: #333; - text-decoration: none; - border: none; - background-color: transparent; - padding: 20px 15px; - display: block; - height: auto; - text-align: left; } - .b2b-pane-selector-wrapper .side-nav li > a:focus { - border-right: dotted 1px #333333; } - .b2b-pane-selector-wrapper .side-nav li:first-child { - border-top: none; - margin-left: none !important; } -/********************* Utility CSS Starts **********************/ -.offscreen-text { - position: absolute; - left: -10000px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; } - -/********************* Utility CSS Ends **********************/ -/* Fix for alignment issue on Cancel link inside modal */ -.modal-footer > .cta-button-group { - line-height: 40px; } - -/* .att-dark-green { // Not used - color: #007a3e; -} */ -.colors-off-msg { - display: none; } - -button .colors-off-msg { - position: relative; } - -.ds2-no-colors .colors-off-msg { - display: block; } - -.ds2-no-colors [data-colordatatext] button .colors-off-msg { - font-size: 1.1rem; - line-height: normal; - padding: 5px 0; - position: absolute; - top: 0; - white-space: normal; - width: 60px; } - -/* Not used -.make-all-white * { - color: #fff; -} -.make-all-white a { - text-decoration: underline; -} */ -.loader > span { - display: block; - padding-top: 20px; } - -.modal > .loader { - left: 50%; - margin-left: -25px; - margin-top: -25px; - position: absolute; - top: 50%; } - -#pageLevelLoader.modal { - background-color: transparent; - border: none; - box-shadow: none; - top: 40%; } - -.modal.fade .loader { - display: none; } - -.modal.fade.in .loader { - display: block; } - -.btn.disabled[data-loading-text] { - padding: 0 19px 0 18px; - line-height: 46px; } - -.btn.disabled[data-loading-text] img { - position: relative; - top: 2px; } - -/* Seems to already be in docs.css -.fixed-230.leftnav { - position: relative; -} -.fixed-230-subnav { - margin: 10px; -} -.fixed-230-subnav > li:first-child { - border-top: none; -} -.fixed-230-subnav > li { - border-bottom: 1px solid #d2d2d2; -} -.fixed-230-subnav > li > a { - display: block; - font-size: 1.4rem; - line-height: normal; - margin: 0 -9px; - padding: 11px 35px 12px 9px; - outline-offset: 0; - position: relative; -} -.fixed-230-subnav > li > a.live { - color: #333333; - font-family: "Omnes-ECOMP-W02-Medium", Arial; -} -.fixed-230-subnav a > i { - right: 10px; - margin: 0; - position: absolute; - top: 10px; -} -.fixed-230-subnav a > i:after { - display: none; -} -.fixed-230-subnav > li li > a { - display: block; - font-size: 1.4rem; - line-height: 18px; -} -.fixed-230-subnav > li li > a.active { - color: #333333; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - text-decoration: none; -} -.fixed-230-subnav ul { - margin: 0 0 10px; -} */ -.unlinked { - color: #0568ae !important; - font-family: "Omnes-ECOMP-W02", Arial !important; } - -.unlinked.active { - color: inherit !important; } - -/* @media (max-width: 767px) { - .row.has-leftnav { - flex-wrap: wrap; - } - .row.has-leftnav .fluid-space { - padding-right: 0; - } - .row .fixed-230 { - background-color: #fff; - width: auto; - } - .row .leftnav { - background-color: #fff !important; - display: block !important; - } - .fixed-230-subnav { - margin: 10px 0 0; - width: 100%; - } - .fixed-230-subnav > li { - margin-left: -15px; - margin-right: -15px; - } - .fixed-230-subnav > li:first-child { - border-top: 1px solid #d2d2d2; - } - .fixed-230-subnav > li > a { - margin: 0; - } - .fixed-230-subnav a:hover, - .fixed-230-subnav a:focus { - text-decoration: none !important; - } - .fixed-230-subnav > li li > a { - padding: 5px 10px; - } - .fixed-230-subnav > li li > a.active { - color: inherit; - font-family: "Omnes-ECOMP-W02-Medium", Arial; - } -} */ -@keyframes DOMinsertion { - from { - outline-color: transparent; } - to { - outline-color: transparent; } } - -@-moz-keyframes DOMinsertion { - from { - outline-color: transparent; } - to { - outline-color: transparent; } } - -@-webkit-keyframes DOMinsertion { - from { - outline-color: transparent; } - to { - outline-color: transparent; } } - -@-ms-keyframes DOMinsertion { - from { - outline-color: transparent; } - to { - outline-color: transparent; } } - -@-o-keyframes DOMinsertion { - from { - outline-color: transparent; } - to { - outline-color: transparent; } } - -.ajaxed, -.modal.fade.in .modal-header, -.modal.fade.in .modal-body, -.modal.fade.in .modal-footer { - animation-duration: 0.01s; - -o-animation-duration: 0.01s; - -ms-animation-duration: 0.01s; - -moz-animation-duration: 0.01s; - -webkit-animation-duration: 0.01s; - animation-name: DOMinsertion; - -o-animation-name: DOMinsertion; - -ms-animation-name: DOMinsertion; - -moz-animation-name: DOMinsertion; - -webkit-animation-name: DOMinsertion; } - -.dda-css-override ul.nav-tabs { - margin-bottom: 0; } - - -.formsWithinProcessButton { - margin-right: 0px; } - -.heading-sub-section-form { - font-size: 2.4rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-bottom: 20px; - margin-top: 10px; } - -.heading-small-form { - font-size: 1.6rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-top: 0px; } - -.icon-primary-form-sizeL { - font-size: 50px; } - -.icon-primary-form-size { - font-size: 30px; } - -.spanformfix { - margin-right: 15px !important; } - -@media (max-width: 767px) { - .heading-sub-section-form { - font-size: 1.8rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-bottom: 20px; - padding-top: 10px; - margin-top: 30px; } - .heading-small-form { - font-size: 1.4rem; - font-family: "Omnes-ECOMP-W02", Arial; - margin-top: 0px; } } - -@media (max-width: 479px) { - .icon-primary-form-resizeL { - display: none; } - .icon-primary-form-resize { - display: none; } - .heading-center-form { - margin-left: 20px; } } - -@media (min-width: 480px) { - .icon-primary-form-resizeL { - display: none; } - .icon-primary-form-resize { - display: inherit; } - .icon-primary-center-min { - margin-top: 30px; } } - -@media (min-width: 768px) { - .icon-primary-form-resizeL { - display: inherit; - margin-top: 30px; } - .icon-primary-form-resize { - display: none; } - .center-form-align { - margin-top: 35px; } } - -@media (min-width: 1024px) { - .icon-primary-form-resizeL { - display: inherit; - margin-top: 0px; } - .icon-primary-form-resize { - display: none; } - .center-form-align { - margin-top: 5px; } } - -.data-row.has-button td.col-1 { - padding: 0; } - - -.icon-primary-circle:before { - background-image: url("data:image/svg+xml,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Ccircle%20fill%3D%22transparent%22%20stroke%3D%22%23666%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2216%22%2F%3E%3C%2Fsvg%3E"); - content: ""; - position: absolute; - top: 0; - z-index: 1; } - .b2b-drag-handle { cursor: move; -ms-interpolation-mode: bicubic; |