/* -- SLF_Authentification -- */ /************************************************************/ /******************* SLF_Authentification.css ***************/ /* Define the styles related to the authentication pages */ /* in the SSO project. */ /************************************************************/ /************************************************************/ /* 108 px correspond to the footer height, note 17.10.2018 this needs a fix as it's dynamic depending on the contents!*/ .landingPage{ min-height: calc(100% - 108px); /*width:50%; margin-left:50%;*/ } .slf_page.slf_authentification h2.slf_title{ padding-top : 15px; padding-bottom: 20px; } .slf_page.slf_authentification span.slf_subtitle{ padding-bottom: 15px; } /* Specific override styles for authentification pages */ .slf_authentification .slf_form .AdaptiveFlowLayoutContainer, .slf_authentification .slf_form .slf_container{ margin-left: 0; margin-right: 0; } .slf_authentification .slf_form .Button.slf_submit{ width: 100%; max-width: 500px; margin: 0; } .slf_authentification .Infobox input.TextField, .slf_authentification .Infobox input.PasswordField{ max-width: 300px; /*border-bottom-color: black; border-width: 0 0 1px 0;*/ } input.PasswordField:hover { background-position: right 6px !important; } input.PasswordField:focus { background-position: right 6px !important; } .slf_authentification .AdaptiveFlowLayoutFullWidthElement .FloatLayout{ max-width: 500px; padding: 15px 0px; box-sizing: border-box; } .slf_authentification .AdaptiveFlowLayoutFullWidthElement .FloatLayout .Link, .slf_authentification .AdaptiveFlowLayoutFullWidthElement .FloatLayout .Label{ margin :0; } /* Accept terms checkbox + Link Labels component */ .slf_acceptTerms{ padding-left: 20px; margin-bottom: 35px; } .slf_acceptTerms .Label, .slf_acceptTerms .Link{ /*font-weight: 600;*/ } .slf_acceptTerms .Label{ margin:0; } .slf_acceptTerms a.Link{ line-height: 18px; margin-right: 0; } /*.slf_acceptTerms{ padding-top: 10px; padding-bottom: 35px; max-width: 500px; } .slf_acceptTerms .CheckboxList, .slf_acceptTerms span.Label{ display: inline-block; vertical-align: top; } .slf_form .slf_acceptTerms .CheckboxList { margin-left: 20px; margin-top: 0; min-width: 30px; } .slf_acceptTerms .CheckboxList .aw_htmlCheckboxOption{ margin-right: 0; padding-top: 0; } .slf_acceptTerms span.Label { margin-left: 0; margin-right: 0; padding-left: 0; max-width: 445px; } .slf_acceptTerms .ErrorBoxContainer.ErrorBox{ border-left: none; padding: 0; margin-left: 20px; margin-right: 0; position: relative; } .slf_acceptTerms .ErrorBoxContainer.ErrorBox .ErrorBoxText{ background: none; margin-left: 0; padding-left: 0; padding-top: 40px; } .slf_acceptTerms .ErrorBoxContainer.ErrorBox .ErrorBoxComponent{ position: absolute; top: 0; } .slf_acceptTerms .ErrorBoxContainer.ErrorBox .ErrorBoxComponent > .CheckboxList{ margin-left: 0; }*/ /* Error message for login screen */ .slf_errorMessage { font-size: 14px; font-weight: 300; color: #EE443E; line-height: 18px; margin-bottom: 20px; margin-left: 20px; } /* Mobile Styles */ @media screen and (max-width: 425px){ .slf_authentification .Infobox input.TextField, .slf_authentification .Infobox input.PasswordField{ max-width: 425px; } } /* Tablet Styles */ @media screen and (max-width: 768px){ /* Specific override styles for authentification pages */ .slf_authentification .slf_form .Button.slf_submit{ margin: 0; } .slf_authentification .AdaptiveFlowLayoutFullWidthElement .FloatLayout{ padding-left: 0; padding-right: 0; } .slf_authentification .AdaptiveFlowLayoutFullWidthElement .FloatLayout .FloatLayoutElementLeft{ width: 25% } .slf_authentification .AdaptiveFlowLayoutFullWidthElement .FloatLayout .FloatLayoutElementRight{ width: 75% } /* Accept terms checkbox + Link Labels component */ /*.slf_form .slf_acceptTerms .CheckboxList { margin-left: 0; } .slf_acceptTerms span.Label { max-width: calc(100% - 35px); } .slf_acceptTerms .ErrorBoxContainer.ErrorBox{ margin-right: 0; margin-left: 0; } .slf_acceptTerms .ErrorBoxContainer.ErrorBox .ErrorBoxText{ font-size: 14px; padding-top: 39px; }*/ /* Error message for login screen */ .slf_errorMessage { margin-left: 0; } } /* Mobile styles */ @media screen and (max-width: 425px){ .slf_acceptTerms{ padding-left: 0; } } /*--------------------------------------------*/ /* rebranding fixes */ .slf_form .Infobox{ margin-left: 0 !important; } .slf_acceptTerms{ padding-left:0 !important; } h1.aw_text_component.aw_display_component.slf_MainTitle{ text-overflow: normal !important; line-height:42px !important; white-space: normal !important; display: block; width: 100%; } .slf_form a.Link, { font-weight:bold !important; text-decoration:none !important; } @media screen and (max-width:768px){ .aw_BorderLayoutManager_center h1.aw_text_component.aw_display_component.slf_MainTitle{ padding:15px !important; text-overflow:initial; overflow:initial; } } .slf_form a.Link { font-weight:bold; text-decoration:none !important; } /* -- FontsCSS -- */ /************************************************************/ /********************* FontCSS.css *******************/ /* Define the fonts used in the SSO project */ /************************************************************/ /************************************************************/ /* Defintion of the CS fonts */ @font-face { font-family: CreditSuisse; src: url('/cs/dco/appway/resource/object/CSW07eP-Boldv4.eot/LatestCommittedFilter/CSW07eP-Boldv4.eot'); src: url('/cs/dco/appway/resource/object/CSW07eP-Boldv4.woff/LatestCommittedFilter/CSW07eP-Boldv4.woff') format('woff'), url('/cs/dco/appway/resource/object/CSW07eP-Boldv4.woff2/LatestCommittedFilter/CSW07eP-Boldv4.woff2') format('woff'), url('/cs/dco/appway/resource/object/CSW07eP-Boldv4.ttf/LatestCommittedFilter/CSW07eP-Boldv4.ttf') format('truetype'), url('/cs/dco/appway/resource/object/CSW07eP-Boldv4.svg/LatestCommittedFilter/CSW07eP-Boldv4.svg') format('svg'); font-weight:600; font-style:normal; } @font-face { font-family: CreditSuisse; src: url('/cs/dco/appway/resource/object/CSW07eP-Romanv4.eot/LatestCommittedFilter/CSW07eP-Romanv4.eot'); src: url('/cs/dco/appway/resource/object/CSW07eP-Romanv4.woff/LatestCommittedFilter/CSW07eP-Romanv4.woff') format('woff'), url('/cs/dco/appway/resource/object/CSW07eP-Romanv4.woff2/LatestCommittedFilter/CSW07eP-Romanv4.woff2') format('woff2'), url('/cs/dco/appway/resource/object/CSW07eP-Romanv4.ttf/LatestCommittedFilter/CSW07eP-Romanv4.ttf') format('truetype'), url('/cs/dco/appway/resource/object/CSW07eP-Romanv4.svg/LatestCommittedFilter/CSW07eP-Romanv4.svg') format('svg'); font-weight:400; font-style:normal; } @font-face { font-family: CreditSuisse; src: url('/cs/dco/appway/resource/object/CSW07eP-Lightv4.eot/LatestCommittedFilter/CSW07eP-Lightv4.eot'); src: url('/cs/dco/appway/resource/object/CSW07eP-Lightv4.woff/LatestCommittedFilter/CSW07eP-Lightv4.woff') format('woff'), url('/cs/dco/appway/resource/object/CSW07eP-Lightv4.woff2/LatestCommittedFilter/CSW07eP-Lightv4.woff2') format('woff2'), url('/cs/dco/appway/resource/object/CSW07eP-Lightv4.ttf/LatestCommittedFilter/CSW07eP-Lightv4.ttf') format('truetype'), url('/cs/dco/appway/resource/object/CSW07eP-Lightv4.svg/LatestCommittedFilter/CSW07eP-Lightv4.svg') format('svg'); font-weight:300; font-style:normal; } /* rebranded headline fonts for h1 and h2*/ @font-face { font-family: CSHeadline; src: url('/cs/dco/appway/resource/object/CreditSuisseHeadlineRegularEot/LatestCommittedFilter/CreditSuisseHeadlineWeb-Regular.eot'); src: url('/cs/dco/appway/resource/object/CreditSuisseHeadlineRegularWoff/LatestCommittedFilter/CreditSuisseHeadlineWeb-Regular.woff') format('woff'), url('/cs/dco/appway/resource/object/CreditSuisseHeadlineRegularWoff2/LatestCommittedFilter/CreditSuisseHeadlineWeb-Regular.woff2') format('woff'), url('/cs/dco/appway/resource/object/CreditSuisseHeadlineRegularSvg/LatestCommittedFilter/CreditSuisseHeadlineWeb-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } /* Define CS font-family as main application font */ body, tr > td,td, th, span, div, a, input, select, option, textarea, button, button * { font-family: 'CreditSuisse'; } p, ul, li { font-family: 'CreditSuisse'; } h3,h4,h5,h6{ font-family: 'CreditSuisse'; } h1,h2{ font-family: 'CSHeadline'; font-weight: normal !important; } /* NAB Defintion of the CS fonts */ @font-face { font-family: NeueAargauerFont; src: url('/cs/dco/appway/resource/object/nab-font-light.woff2/LatestCommittedFilter/nab-font-light.woff2') format('woff2'); font-weight:300; font-style:normal; } @font-face { font-family: NeueAargauerFont; src: url('/cs/dco/appway/resource/object/nab-font-regular.woff2/LatestCommittedFilter/nab-font-regular.woff2') format('woff2'); font-weight:400; font-style:normal; } @font-face { font-family: NeueAargauerFont; src: url('/cs/dco/appway/resource/object/nab-font-bold.woff2/LatestCommittedFilter/nab-font-bold.woff2') format('woff2'); font-weight:600; font-style:bold; } /* Define CS font-family as main application font */ .nab body, .nab tr > td,.nab td, .nab th, .nab span, .nab div, .nab a, .nab input, .nab select, .nab option, .nab textarea, .nab button, .nab button * { font-family: 'NeueAargauerFont'; } .nab p, .nab ul, .nab li { font-family: 'NeueAargauerFont'; } .nab h3,.nab h4,.nab h5,.nab h6{ font-family: 'NeueAargauerFont'; } .nab h1,.nab h2{ font-family: 'NeueAargauerFont'; font-weight: normal !important; } /* -- SLF_LandingTemplate -- */ /******************************************************************/ /********************** SLF_LandingTemplate.css *******************/ /* Define the styles for the landing template of the SSO project. */ /******************************************************************/ /******************************************************************/ /* Override the parts of the border layout manager */ .aw_BorderLayoutManager_north{ height: 50px !important; /* height: 115px !important;*/ } /*.aw_BorderLayoutManager_center, .aw_BorderLayoutManager_west, .aw_BorderLayoutManager_east{ top: 115px !important; }*/ /* Mobile styles */ @media screen and (max-width: 524px){ /*.aw_BorderLayoutManager_north{ height: 80px !important; }*/ /*.aw_BorderLayoutManager_center, .aw_BorderLayoutManager_west, .aw_BorderLayoutManager_east{ top: 80px !important; }*/ } /* Fix scroll problem */ @media screen and (max-width: 350px) { .aw_BorderLayoutManager_container > .aw_BorderLayoutManager_center { overflow-x: hidden; } } /******* TO REMOVE AFTER ******/ h1.awTextComponent.awDisplayComponent, h1.aw_text_component.aw_display_component, h2.awTextComponent.awDisplayComponent, h2.aw_text_component.aw_display_component, h3.awTextComponent.awDisplayComponent, h3.aw_text_component.aw_display_component, h4.awTextComponent.awDisplayComponent, h4.aw_text_component.aw_display_component, h5.awTextComponent.awDisplayComponent, h5.aw_text_component.aw_display_component, h6.awTextComponent.awDisplayComponent, h6.aw_text_component.aw_display_component{ margin-left: 0 !important; margin-right: 0 !important; } /* Headings specific to the landing page */ h1.aw_text_component.aw_display_component.slf_MainTitle{ font-size: 32px; font-weight: 600; padding-bottom: 20px; padding-top: 0; } /* fixes a defect causing double scrollbars */ .AutoWorkspaceForm{ height:initial; } /* -- SLF_Commons -- */ /************************************************************/ /********************** SLF_Common.css **********************/ /* Define the styles for all the common components used in */ /* the SSO project. */ /************************************************************/ /************************************************************/ /****************** Default HTML Component ******************/ /* Headings */ h1.awTextComponent.awDisplayComponent, h1.aw_text_component.aw_display_component, h2.awTextComponent.awDisplayComponent, h2.aw_text_component.aw_display_component, h3.awTextComponent.awDisplayComponent, h3.aw_text_component.aw_display_component, h4.awTextComponent.awDisplayComponent, h4.aw_text_component.aw_display_component, h5.awTextComponent.awDisplayComponent, h5.aw_text_component.aw_display_component, h6.awTextComponent.awDisplayComponent, h6.aw_text_component.aw_display_component{ margin-left: 35px; margin-right: 35px; } @media screen and (max-width: 1024px){ h1.awTextComponent.awDisplayComponent, h1.aw_text_component.aw_display_component, h2.awTextComponent.awDisplayComponent, h2.aw_text_component.aw_display_component, h3.awTextComponent.awDisplayComponent, h3.aw_text_component.aw_display_component, h4.awTextComponent.awDisplayComponent, h4.aw_text_component.aw_display_component, h5.awTextComponent.awDisplayComponent, h5.aw_text_component.aw_display_component, h6.awTextComponent.awDisplayComponent, h6.aw_text_component.aw_display_component{ margin-left: 15px; margin-right: 15px; } } h2.aw_text_component.aw_display_component{ color: #000001; font-size: 24px; font-weight: 600; margin-bottom: 0; padding-top: 15px; padding-bottom: 20px; } h3.aw_text_component.aw_display_component{ color: #000001; font-size: 20px; font-weight: 600; margin-bottom: 0; padding-top : 15px; } @media screen and (max-width : 425px) { h2.aw_text_component.aw_display_component{ font-size: 20px; padding-top: 0px; } h3.aw_text_component.aw_display_component{ font-size: 18px; padding-top: 0px; } } /* label, list... */ span{ color: #272D34; font-size: 16px; line-height: 22px; } ul{ list-style-type:square; } /* Links */ a.Link, a.ScreenLink{ color: #000000; font-size: 16px; text-decoration: underline; } a.Link:hover{ color: #7C7C7B; } @media screen and (max-width : 376px) { a.Link, a.ScreenLink{ font-size: 14px; } } /* Inputs */ /*input[type=text], input[type=password], [contenteditable=true], textarea, input.DatePicker, input.ColorPicker, select.Listbox, select.DropdownList, input[type=search], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .select2-container, ul.select2-choices { max-width: 300px !important; width: 98% !important; box-shadow:none; }*/ .ErrorBox.aw_invisible_error_box .select2-container input[type=text]{ border : none; } /* Buttons */ button.Button, button.Button span { font-size: 16px; font-weight: 600; } /* Overwriting default tooltip component*/ .aw_InfoBoxTooltipContentWrapper{ background-color: #000001; border: none; opacity: 1 !important; } /* Overwriting default tooltip component -NAB*/ .nab .aw_InfoBoxTooltipContentWrapper{ background-color: #005EA1; } div.workspacetooltip { /* rebranding fix, pushing it as infoicon has 5px offset*/ margin-left:5px; } div.workspacetooltip .aw_InfoBoxLabel{ /* was written like .div before rebranding */ color: #FFFFFF; white-space: pre-line; } div.workspacetooltip .aw_InfoBoxArrow{ border-top: 8px solid #000001; } /* Overwriting default tooltip component -NAB*/ .nab div.workspacetooltip .aw_InfoBoxArrow { border-top: 8px solid #005EA1; } @media screen and (max-width: 425px){ div.workspacetooltip .aw_InfoBoxLabel{ line-height: 24px; } } /********************* Form components *********************/ .Infobox .aw_InfoboxInfoButton{ filter: brightness(0) !important; padding-left: 0; } .Infobox > .InfoboxLabel{ color : #000001; font-size: 16px; font-weight: 400; } .Infobox .InfoboxLabel .InfoBoxPadding{ /* rebranding edited */ padding-left: 0px; font-weight: bold; font-size:14px; } .Infobox.aw_infobox_childHasValidationError .InfoboxLabel .InfoBoxPadding{ color : #000001; } .Infobox .aw_InfoBoxV2Content .ListContainer{ margin: 15px 0 15px 15px; list-style: none; } .Infobox .aw_InfoBoxV2Content .ListContainer > .ListItem{ padding: 5px ; background-image: url('/cs/dco/appway/resource/object/SLF_Bullet_5px/LatestCommittedFilter/SLF_Bullet_5px.png'); background-repeat: no-repeat; background-position-y: 12px; padding-left: 20px; } .slf_highlighted, .slf_highlighted.Infobox .InfoboxLabel{ color: #000000; font-size: 16px; font-weight: 600; line-height: 30px; } .slf_highlighted, .slf_highlighted.Infobox .InfoBoxPadding { padding: 0; } @media screen and (max-width : 376px) { .Infobox .aw_InfoboxInfoButton{ margin-left: 6px; } .Infobox .aw_InfoBoxV2Content .ListContainer{ margin: 10px 0 10px 20px; } } /* Inputs */ div.DropdownList.select2-container-multi .select2-choices .select2-search-field input, .aw_ext_componentextension_dropdownlist2_chosen_isPlaceholder, .DropdownList .select2-choice.select2-default span.select2-chosen{ color: #939598 !important; padding-left:0; } .select2-drop.select2-drop-above.select2-drop-active{ border-top:1px solid black; } aw_ext_componentextension_dropdownlist2_dropdownpopup.aw_ext_componentparts_popup_dropdown_showBelow, .aw_ext_componentextension_dropdownlist2_dropdownpopup.aw_ext_componentparts_popup_dropdown_showAbove { border-bottom-width:1px; border-top-width:1px; } .aw_ext_componentextension_dropdownlist2_DropdownList:hover .aw_ext_componentextension_dropdownlist2_clear{ top:1px; } .aw_ext_componentparts_popup_fullscreen_contentContainer{ height:calc(100% - 37px); } .aw_ext_componentextension_dropdownlist2_chosen{ padding-bottom:0; } .aw_ext_componentextension_dropdownlist2_spacer, .aw_ext_componentextension_dropdownlist2_chosen { border-right: none !important; padding-left:0; } .aw_ext_componentextension_dropdownlist2_disabled .aw_ext_componentextension_dropdownlist2_chosen{ background: #E6E7E8 ; padding-left:5px; color:#a7a7a8; } div.DropdownList.select2-container-multi { border: 1px solid black; border-width: 0 0 1px 0; } div.DropdownList.select2-container-multi:focus { border-width: 0 0 2px 0; } div.DropdownList.select2-container-multi:hover { border-width: 0 0 2px 0; } div.DropdownList.select2-container-multi.select2-container-active { border-width: 0 0 2px 0; } .slf_dropdownList_inline, .slf_radiobuttonList_inline{ margin-bottom: 10px; } .slf_radiobuttonList_inline:last-child{ margin-bottom:0; } .slf_dropdownList_inline > .FloatLayout > .FloatLayoutElement:first-child, .slf_radiobuttonList_inline > .FloatLayout > .FloatLayoutElement:first-child{ padding: 5px 0; width: 250px; margin-right: 10px; } .slf_dropdownList_inline > .FloatLayout > .FloatLayoutElement:first-child > span, .slf_radiobuttonList_inline > .FloatLayout > .FloatLayoutElement:first-child > span{ color: #000001; margin-left: 0; } .slf_dropdownList_inline select.DropdownList, .slf_dropdownList_inline div.aw_ext_componentextension_dropdownlist2_DropdownList, .slf_radiobuttonList_inline div.RadiobuttonList { margin: 0; } div.DropdownList.select2-container-multi .select2-choices .select2-search-choice { border-radius: 0 !important; background-color: black !important; } /* --------------------------------- */ /* Radio buttons */ .slf_radiobuttonList_inline div.RadiobuttonList{ padding-left: 0; padding-top: 5px; } .RadiobuttonList{ padding-bottom: 6px } .RadiobuttonList > .aw_htmlRadiobuttonOption{ margin-right: 30px; padding: 5px 0; position: relative; } .RadiobuttonList.aw_htmlRadiobuttonHorizontal > .aw_htmlRadiobuttonOption{ padding: 0; } .RadiobuttonList.aw_htmlRadiobuttonHorizontal.aw_displayVertical > .aw_htmlRadiobuttonOption{ padding-bottom: 5px; } .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio{ height: 18px; left: 0; margin: 0; opacity: 0.01; position: absolute; top: 0; width: 18px; z-index: 1; } .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio + .RadiobuttonListLabel{ display:block; padding-left: 30px; position : relative; z-index:10; width: 100%; line-height: 18px; /*fix radio buttons not horizontally aligning*/ } .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio + .RadiobuttonListLabel:before{ background: white; /* #FFFFFF; */ border: solid 1px black; /*#000000; */ border-radius: 50%; content: ''; display: block; height: 16px; left: 0; position : absolute; width: 16px; z-index: 11; } /* checked + container */ .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio:checked + .RadiobuttonListLabel:before{ background-color: black; /*#575756; */ border: solid 1px black; /*#575756; */ z-index: 11; } /* checked disabled container */ .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio:checked:disabled + .RadiobuttonListLabel:before{ background: #E6E7E8; /*##FFFFFF;*/ border: 1px solid #E6E7E8; /* #000000;*/ } /* disabled container */ .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio:disabled + .RadiobuttonListLabel:before{ background: #E6E7E8; /*##FFFFFF;*/ border: 1px solid #E6E7E8; /* #000000;*/ cursor: default !important; } /* checked disabled mark */ .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio:checked:disabled + .RadiobuttonListLabel:after{ background: #a7a7a8; } .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio + .RadiobuttonListLabel:after{ border-radius: 50%; content: ''; display: block; height: 6px; left: 6px; opacity: 0; position: absolute; top: 6px; width: 6px; z-index: 12; background: white !important; } input[type="checkbox" ]:focus-visible{ outline-offset:0; outline:1px solid transparent; } input[type="radio"]:not(:checked) ~ label:before, input[type="checkbox"]:not(:checked)~ label:before { transition: box-shadow 0.2s ease-out; } input[type="radio"]:not(:checked):hover ~ label:before, input[type="radio"]:not(:checked):not(:disabled):hover:before { border: 1px solid black !important; cursor: pointer !important; box-shadow: 0 0 0 1px black inset; } input[type="radio"]:not(:checked):hover:disabled ~ label:before{ box-shadow: none !important; border-color: #E6E7E8!important; } input[type="radio"]:checked:disabled ~ label:after{ background:white !important; color:white; opacty:1 !important; } input[type="checkbox"]:not(:checked):hover ~ label:before, input[type="checkbox"]:not(:checked):not(:disabled):hover:before { border: 1px solid black !important; cursor: pointer; box-shadow: 0 0 0 1px black inset; } input[type="checkbox"]:disabled:before { cursor: default !important; } .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio + .RadiobuttonListLabel:hover{ cursor: pointer; } .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio:disabled + .RadiobuttonListLabel:hover{ cursor: default; } .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio:hover + .RadiobuttonListLabel:after{ background: #000000; opacity: 1; } .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio:disabled:hover + .RadiobuttonListLabel:after{ opacity: 0; } .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio:checked + .RadiobuttonListLabel:after{ opacity: 1; background: #FFFFFF; } .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio:disabled + .RadiobuttonListLabel:after{ background: #FFFFFF; opacity:0; } .RadiobuttonListRadio:disabled{ pointer-events:none; } .RadiobuttonList > .aw_htmlRadiobuttonOption > .RadiobuttonListRadio:disabled:checked + .RadiobuttonListLabel:after{ opacity: 1; background: white; /* #000000; */ } table.Radiobutton { padding-bottom: 6px; padding-top: 6px; } table.Radiobutton tr td input[type=radio]:hover, table.Radiobutton tr td label.RadiobuttonLabel { cursor: pointer; } table.Radiobutton tr td:first-child{ position: relative; } table.Radiobutton tr td+td{ padding-left: 30px; } table.Radiobutton tr td input[type=radio]{ height: 18px; margin: 0; left: 0; position: absolute; top: 0; width: 18px; z-index: 1; } table.Radiobutton tr td input[type=radio]:disabled { cursor: default !important; } table.Radiobutton tr td input[type=radio]:before{ background: #FFFFFF; border: solid 1px #000000; border-radius: 50%; content: ''; display: block; height: 16px; left: 0; position: absolute; top: 0; width: 16px; z-index: 10; } table.Radiobutton tr td input[type=radio]:disabled:before{ background: #E6E7E8; border: solid 1px #E6E7E8; } table.Radiobutton tr td input[type=radio]:disabled:checked:before{ background-color: #E6E7E8; border: solid 1px #E6E7E8; } table.Radiobutton tr td input[type=radio]:checked:before{ background-color: #000001; border: solid 1px #000001; } table.Radiobutton tr td input[type=radio]:after{ border-radius: 50%; content: ''; display: block; height: 6px; left: 6px; opacity: 0; position: absolute; top: 6px; width: 6px; z-index: 11; } table.Radiobutton tr td input[type=radio]:checked:after{ opacity: 1; background: #FFFFFF; } /* --------------------------------- */ /* Checkbox */ .CheckboxList{ padding-bottom: 6px } .CheckboxList > .aw_htmlCheckboxOption{ margin-right: 30px; padding: 5px 0; position: relative; } .CheckboxList.aw_htmlRadiobuttonHorizontal > .aw_htmlCheckboxOption{ padding: 0; } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox{ height: 18px; left: 0; margin: 0; opacity: 0.01; position: absolute; top: 0; width: 18px; z-index: 1; } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox + .CheckboxListLabel{ display:block; padding-left: 30px; position : relative; z-index:10; width: 100%; } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox + .CheckboxListLabel:before{ background: #FFFFFF; border: solid 1px #000000; border-radius: 0; /* 3px;*/ content: ''; display: block; height: 16px; left: 0; position: absolute; top: 0; width: 16px; z-index: 10; } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox:disabled + .CheckboxListLabel:before{ background-color: #E6E7E8; border:none; } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox:disabled + .CheckboxListLabel:before{ border: none; } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox:disabled:hover + .CheckboxListLabel:before{ border: none; box-shadow: none; } input[type="checkbox"]:not(:checked):disabled:hover ~ label:before { border: none !important; cursor: pointer !important; box-shadow: none; } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox:checked + .CheckboxListLabel:before{ background-color: #000001; border: solid 1px #000001; z-index: 11; } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox:disabled:checked + .CheckboxListLabel:before{ background-color: #E6E7E8; border: solid 1px #000000; } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox + .CheckboxListLabel:after{ background-repeat: no-repeat; background-position: center center; border-radius: 3px; content: ''; display: block; height: 18px; left: 0; opacity: 0; position: absolute; top: 0; width: 18px; z-index: 12; } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox + .CheckboxListLabel:hover{ cursor: pointer; } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox:disabled + .CheckboxListLabel:hover{ cursor: default; } /*.CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox:hover + .CheckboxListLabel:after{ background-image: url('/cs/dco/appway/resource/object/SLF_lightGreyCheckmark_xs/HeadFilter-true-true/lightGreyCheckmark_xs.png'); opacity: 1; }*/ .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox:disabled:hover + .CheckboxListLabel:after{ opacity: 0; } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox:checked + .CheckboxListLabel:after{ opacity: 1; background-image: url('/cs/dco/appway/resource/object/SLF_whiteCheckmark_xs/HeadFilter-true-true/whiteCheckmark_xs.png'); } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox:disabled:checked + .CheckboxListLabel:after{ background-image: url('/cs/dco/appway/resource/object/SLF_lightGreyCheckmark_xs/HeadFilter-true-true/lightGreyCheckmark_xs.png'); opacity: 1; } table.Checkbox { padding-bottom: 6px; padding-top: 6px; } table.Checkbox tr td input[type=checkbox]:hover, table.Checkbox tr td label.CheckboxLabel { cursor: pointer; } table.Checkbox tr td input[type=checkbox]:disabled, table.Checkbox tr td label.CheckboxLabel:disabled { cursor: default; } table.Checkbox tr td:first-child{ position: relative; } table.Checkbox tr td+td{ padding-left: 30px; } table.Checkbox tr td input[type=checkbox]{ height: 18px; margin: 0; left: 0; position: absolute; top: 0; width: 18px; z-index: 1; } table.Checkbox tr td input[type=checkbox]:before{ background: #FFFFFF; border: solid 1px #000000; border-radius: 0; content: ''; display: block; height: 16px; left: 0; position: absolute; top: 0; width: 16px; z-index: 10; } table.Checkbox tr td input[type=checkbox]:disabled:before{ background-color: #E6E7E8; /*#E6E7E8; */ border: 1px solid #E6E7E8; } table.Checkbox tr td input[type=checkbox]:disabled:after{ } table.Checkbox tr td input[type=checkbox]:checked:before{ background: #000001; border: solid 1px #000001; } table.Checkbox tr td input[type=checkbox]:checked:disabled:before{ background-color: #E6E7E8; border: solid 1px #E6E7E8; cursor:default; } table.Checkbox tr td input[type=checkbox]:checked:disabled:after{ background-image: url('/cs/dco/appway/resource/object/SLF_lightGreyCheckmark_xs/HeadFilter-true-true/lightGreyCheckmark_xs.png'); } table.Checkbox tr td input[type=checkbox]:after{ background-repeat: no-repeat; background-position: center center; content: ''; display: block; height: 18px; left: 0; position: absolute; top: 0; width: 18px; z-index: 11; } table.Checkbox tr td input[type=checkbox]:hover:after, { background-image: url('/cs/dco/appway/resource/object/SLF_lightGreyCheckmark_xs/HeadFilter-true-true/lightGreyCheckmark_xs.png'); } table.Checkbox tr td input[type=checkbox]:checked:after{ background-image: url('/cs/dco/appway/resource/object/SLF_whiteCheckmark_xs/HeadFilter-true-true/whiteCheckmark_xs.png'); } @media screen and (max-width : 376px) { input.TextField, .Label, select.DropdownList, select.DropdownList *, .RadiobuttonListLabel, .RadiobuttonLabel, .CheckboxList *, .Infobox > .InfoboxLabel, .CheckboxLabel, .select2-results, .select2-chosen, .select2-container-multi .select2-choices .select2-search-field input, input.DatePicker, .aw_ext_componentextension_dropdownlist2_DropdownList, .aw_ext_componentextension_datepicker2_DatePicker, .Infobox .ErrorBoxText { font-size: 14px; } .RadiobuttonListRadio{ margin-top: 0; } .RadiobuttonList > .aw_htmlRadiobuttonOption{ margin-bottom: 10px; } .slf_highlighted, .slf_highlighted.Infobox .InfoboxLabel{ line-height: 20px; } .slf_dropdownList_inline > .FloatLayout > .FloatLayoutElement:first-child > span, .slf_radiobuttonList_inline > .FloatLayout > .FloatLayoutElement:first-child > span{ font-size: 14px; } .slf_dropdownList_inline > .FloatLayout > .FloatLayoutElement{ width: 100%; } .slf_dropdownList_inline select.DropdownList{ width: 100%; } } /* DatePicker */ .aw_ext_componentextension_datepicker2_DatePicker > .aw_ext_componentextension_datepicker2_input_container > .aw_ext_componentextension_datepicker2_DatePicker_date_field, .aw_ext_componentextension_datepicker2_dropdownpopup > .aw_ext_componentextension_datepicker2_input_container > .aw_ext_componentextension_datepicker2_DatePicker_date_field{ background-image: url('/cs/dco/appway/resource/object/CS_Calendar/LatestCommittedFilter/CS_Calendar.png'); background-repeat: no-repeat; background-position: calc(100% - 0.4em) center; border-right: none; } .aw_ext_componentextension_datepicker2_DatePicker > .aw_ext_componentextension_datepicker2_input_container > .aw_ext_componentextension_datepicker2_DatePicker_calendar_icon, .aw_ext_componentextension_datepicker2_dropdownpopup > .aw_ext_componentextension_datepicker2_input_container > .aw_ext_componentextension_datepicker2_DatePicker_calendar_icon{ display: none; } .aw_ext_componentextension_datepicker2_Calendar_cell { border-bottom: none !important; } .aw_ext_componentextension_datepicker2_dropdownpopup .aw_ext_componentextension_datepicker2_DatePicker_widget_container { border: 1px solid black !important; border-width: 2px 1px 1px 1px !important; } .aw_ext_componentextension_datepicker2_dropdownpopup .aw_ext_componentextension_datepicker2_input_container, .aw_ext_componentextension_datepicker2_DatePicker_widget_container { border: none !important; border-radius: 0 !important; } .aw_ext_componentextension_datepicker2_DatePicker_today_button { border-radius: 0; border: 1px solid #000000; cursor: pointer; color: #000000; padding: 0.15em 0.4em; text-align: center; font-size: inherit; font-family: inherit; line-height: 18px; opacity: 1; transition: all .25s 0s ease-out; background-color: transparent !important; } button.aw_ext_componentextension_datepicker2_DatePicker_today_button:not(:disabled):hover { color: black !important; background: transparent !important; border: 1px solid black !important; opacity: 1; box-shadow: 0 0 0 1px black inset; transition: box-shadow 0.2s; } .aw_component.aw_display_component.aw_form_field.discreteComponent.aw_ext_componentextension_datepicker2_DatePicker{ padding-bottom:1px !important } .aw_component.aw_display_component.aw_form_field.discreteComponent.aw_ext_componentextension_datepicker2_DatePicker_open, .aw_component.aw_display_component.aw_form_field.discreteComponent.aw_ext_componentextension_datepicker2_DatePicker:hover{ padding-bottom:0 !important; } .aw_ext_componentextension_datepicker2_DatePicker_open{ border-width: 0 0 2px 0 !important; } .aw_ext_componentextension_datepicker2_DatePicker_spacer, input.aw_ext_componentextension_datepicker2_DatePicker_date_field{ padding: 3px 0 2px 0; } .aw_ext_componentextension_datepicker2_DatePicker_disabled input.aw_ext_componentextension_datepicker2_DatePicker_date_field{ background-color:#E6E7E8 !important; border-color:#E6E7E8 !important; color:#a1a1a2; background-image:none !important; } :-ms-input-placeholder { /* IE10–11 */ color: #ccc !important; font-weight: 400 !important; } /********************* Custom components *********************/ .slf_mobileOnly{ display: none; } @media screen and (max-width : 768px){ .slf_mobileOnly{ display: initial; } } .slf_panel{ border: solid 1px #E6E7E8; margin-bottom: 15px; padding: 0; } .slf_panel .Separator{ margin: 0; } .slf_panel.slf_separated { border: none; border-top: solid 1px #E6E7E8; margin: 15px 35px; padding: 15px 0; } h2.slf_title.aw_text_component.aw_display_component{ padding-top: 35px; } .slf_title.completion_status{ padding-top: 35px; float: right; } /* TO delete - this comes from the complete7incomplete status on individual pages */ .slf_link_complete_status svg { height: 16px; width: 16px; padding-right: 2px; padding-top: 8px; } @media screen and (max-width : 1024px){ h2.slf_title.aw_text_component.aw_display_component{ padding-top: 30px; } .slf_title.completion_status{ padding-top: 35px; float: right; } } /* Section */ .slf_section { padding: 15px 0; } .slf_section > h2.slf_header.aw_text_component.aw_display_component { margin: 0; } /* Arrow list */ ul.slf_list_arrow{ /*list-style-image: url('/cs/dco/appway/resource/object/SLF_Bullet_5px/LatestCommittedFilter/SLF_Bullet_5px.png');*/ list-style: none; margin: 0; } ul.slf_list_arrow > li.ListItem{ /* changed due to rebranding */ _background-image: url('/cs/dco/appway/resource/object/SLF_Bullet_5px/LatestCommittedFilter/SLF_Bullet_5px.png'); _background-repeat: no-repeat; _background-position-y: 17px; padding: 10px 5px; padding-left: 0px; /* 20px*/; list-style:square; color:black; } ul.slf_list_arrow > .ListItem > .Label, ul.slf_list_arrow > .ListItem > .Link{ margin: 0; } .CMNinstructions, .slf_subtitle{ font-weight: 400; margin-bottom: 20px; } .slf_subtitle.slf_highlighted{ font-weight: 600; } @media screen and (max-width : 376px) { .CMNinstructions, .slf_subtitle{ font-size: 14px; line-height: 20px; } } .slf_margin_t10{ margin-top: 10px; } .slf_margin_t20{ margin-top: 20px; } .slf_margin_b20{ margin-bottom: 20px; } .slf_margin_b35{ margin-bottom: 35px; } .slf_margin_l15{ margin-left: 15px; } input[type=text].slf_fullWidth, { width: 100% !important; max-width: 100% !important; } /* Arrow Link */ a.Link.slf_arrowLink{ background-image: url('/cs/dco/appway/resource/object/SLF_Arrow_link/LatestCommittedFilter/SLF_Arrow_link.svg'); background-repeat: no-repeat; background-position-x: right; background-position-y: 2px; padding-right: 20px; background-size: 8px 16px; } /* Expand Link */ a.Link.slf_expandLink{ background-image: url('/cs/dco/appway/resource/object/SLF_Arrow_show/LatestCommittedFilter/SLF_Arrow_show.png'); background-repeat: no-repeat; background-position-x: right; background-position-y: 3px; padding-right: 20px; } a.Link.slf_collapseLink{ background-image: url('/cs/dco/appway/resource/object/SLF_Arrow_hide/LatestCommittedFilter/SLF_Arrow_hide.png'); background-repeat: no-repeat; background-position-x: right; background-position-y: 3px; padding-right: 20px; } @media screen and (max-width: 376px){ a.Link.slf_expandLink, a.Link.slf_collapseLink{ background-position-y: 1px; } } /* Custom Form */ .processContentDiv > .slf_form:first-child{ margin-top: 35px; } .slf_form .AdaptiveFlowLayoutContainer{ margin: 15px; } .slf_form .AdaptiveFlowLayoutContainer h3.aw_text_component.aw_display_component, .slf_form .slf_container h3.aw_text_component.aw_display_component{ margin: 0px 20px; padding: 10px 0 20px 0; } .slf_form .AdaptiveFlowLayoutFullWidthElement .slf_header h3.aw_text_component.aw_display_component{ padding-bottom: 5px; } .slf_form .slf_container .CMNinstructions, .slf_form .slf_container .slf_subtitle { margin: 0px 20px; } .slf_form .slf_separated .AdaptiveFlowLayoutContainer, .slf_form .slf_separated .slf_container{ border-top: 1px solid #E6E7E8; margin: 15px 35px; padding: 15px 0; } .slf_form .slf_bordered .AdaptiveFlowLayoutContainer{ border: 1px solid #E6E7E8; margin: 15px 35px; padding: 15px 0px; } .slf_form .slf_bordered .AdaptiveFlowLayoutGroup.aw_group_component, .slf_form .AdaptiveFlowLayoutGroup.aw_group_component{ padding-bottom: 0; } .slf_form .slf_separated .slf_subtitle { margin: 5px 20px 20px 20px; } .slf_form .Infobox{ margin-left: 20px; } .slf_form .Infobox .InfoBoxPadding{ margin-right: 0; } .slf_form .Infobox > .InfoboxLabel >.InfoBoxPadding { padding-bottom: 0; padding-top: 0; } .slf_form .Infobox > .InfoboxLabel { max-width: none; } .slf_form .CheckboxList{ margin-left: 20px; padding-left: 0; } .slf_form.slf_fullWidth input, .slf_form.slf_fullWidth .select2-container, .slf_form.slf_fullWidth select { width: 100% !important; max-width: 100% !important; } .slf_form.slf_fullWidth .select2-container .select2-choices{ box-sizing: border-box; width: 100% !important; max-width: 100% !important; } /*.slf_form.slf_oneColumn input[type=text], .slf_form.slf_oneColumn .select2-container, .slf_form.slf_oneColumn select, .slf_form.slf_oneColumn .Infobox .InfoboxLabel{ width: 60% !important; max-width: 60% !important; }*/ .slf_form .select2-container .select2-choices{ box-sizing: border-box; width: 100% !important; max-width: 100% !important; } .slf_form + .CMNinstructions, .slf_form + .slf_subtitle{ margin-top: 35px; } .slf_form div[data-aw-toplabelcutoff='450'] .Infobox input.TextField, .slf_form div[data-aw-toplabelcutoff='450'] .Infobox .aw_ext_componentextension_dropdownlist2_DropdownList { max-width: 350px; } /* Mobile styles */ @media screen and (max-width : 425px) { .processContentDiv > .slf_form:first-child{ margin-top: 15px; } .slf_form .CheckboxList input[type=checkbox].CheckboxListCheckbox{ margin-bottom : 0; margin-top: 0; } .slf_form .AdaptiveFlowLayoutContainer, .slf_form .slf_bordered .AdaptiveFlowLayoutContainer, .slf_form .slf_separated .AdaptiveFlowLayoutContainer, .slf_form .slf_separated .slf_container{ margin: 15px; } .aw_display_component .slf_bordered .AdaptiveFlowLayoutContainer{ padding-bottom: 5px; } .slf_form .slf_separated .slf_subtitle { margin: 0px 0px 20px 0px; } .slf_form .Infobox{ margin-left: 0px; margin-right: 0px; } .slf_form .slf_bordered .Infobox{ margin-left: 15px; margin-right: 15px; } .slf_form .CheckboxList{ margin-left: 0; } .slf_form .AdaptiveFlowLayoutContainer h3.aw_text_component.aw_display_component, .slf_form .slf_container h3.aw_text_component.aw_display_component { margin: 0px 15px; padding-top: 0px; } .slf_form .slf_separated .AdaptiveFlowLayoutContainer h3.aw_text_component.aw_display_component, .slf_form .slf_separated .slf_container h3.aw_text_component.aw_display_component, .slf_form .slf_separated .slf_container .CMNinstructions, .slf_form .slf_separated .slf_container .slf_subtitle{ margin: 0; } .slf_form .slf_separated .slf_packageConfiguration_product{ padding: 0; } .slf_form .slf_separated .slf_packageConfiguration_additionalProduct { margin-top: 15px; } .slf_form.slf_oneColumn input[type=text], .slf_form.slf_oneColumn .select2-container, .slf_form.slf_oneColumn select, .slf_form.slf_oneColumn .Infobox .InfoboxLabel{ width: 100% !important; max-width: 100% !important; } .slf_form div[data-aw-toplabelcutoff='450'] .Infobox input.TextField, .slf_form div[data-aw-toplabelcutoff='450'] .Infobox .aw_ext_componentextension_dropdownlist2_DropdownList { max-width: 425px; } } /* SLATS */ .slf_slats { margin:0; } .slf_slats .AdaptiveListItem { margin-left:0; margin-top:10px; margin-bottom:0; padding-right:0; } .slf_slats svg { float: right; padding-right: 50px; } .slf_slats .AdaptiveListItemElement { padding-right:0; width:100% !important; } .slf_slats .AdaptiveListItemElement .LinkContainer { display: block !important; } /* .slf_slats .AdaptiveListItemElement .slf_one_slat { height:40px; margin-left:0; margin-right:0; padding-right:0; }*/ .slf_slats .AdaptiveListItemElement a { border:1px solid #ccc; background-image: url('/cs/dco/appway/resource/object/SLF_Arrow_link/LatestCommittedFilter/SLF_Arrow_link.svg'); background-position-y: center; background-position-x: right; background-position-x: calc(100% - 10px); background-repeat: no-repeat; padding-right: 20px; background-size: 20px 20px; height:40px; padding:25px 15px 0 10px; color:black; font-weight:bold; margin-left:0; margin-right:0; padding-right:0; } .slf_slats .AdaptiveListItemElement span { font-size: 16px; line-height: 18px; font-weight: bold; margin-left: 0; } .slf_slats .AdaptiveListItemElement img{ float: right; margin-top: -26px; margin-right: 30px; } /* .slf_slats .AdaptiveListItemElement a:hover { background-color:#E6E7E8; text-decoration:none; } */ /* NEW SLATS WITH ICON ON LEFT SIDE - _new*/ .slf_slats_new { margin:0; } .slf_slats_new .AdaptiveListItem { margin-left:0; margin-top:10px; margin-bottom:0; padding-right:0; } .slf_slats_new svg { float: left; padding-left: 50px; } .slf_slats_new .AdaptiveListItemElement { padding-right:0; width:100% !important; } .slf_slats_new .AdaptiveListItemElement .LinkContainer { display: block !important; } /* .slf_slats_new .AdaptiveListItemElement .slf_one_slat { height:40px; margin-left:0; margin-right:0; padding-right:0; }*/ .slf_slats_new .AdaptiveListItemElement a { border:1px solid #ccc; background-image: url('/cs/dco/appway/resource/object/SLF_Arrow_link/LatestCommittedFilter/SLF_Arrow_link.svg'); background-position-y: center; background-position-x: right; background-position-x: calc(100% - 10px); background-repeat: no-repeat; padding-right: 20px; background-size: 20px 20px; height:40px; padding:16px 15px 12px 10px; color:black; font-weight:bold; margin-left:0; margin-right:0; padding-right:0; } .slf_slats_new .AdaptiveListItemElement span { font-size: 16px; line-height: 18px; font-weight: bold; margin-left: 0; } .slf_slats_new .AdaptiveListItemElement .sub-title { font-size: 12px; line-height: 18px; font-weight: bold; margin-left: 0; } .slf_slats_new .AdaptiveListItemElement .sub-title-incomplete { color: #d91e19 !important; } .slf_slats_new .AdaptiveListItemElement img{ float: left; margin-top: -34px; margin-left: 12px; } /* .slf_slats_new .AdaptiveListItemElement a:hover { background-color:#E6E7E8; text-decoration:none; } */ /* iframe fix */ iframe#embeddedDISProcess { width: 1px; min-width: 100%; *width: 100%; } /* added for list */ ul.slf_list { padding-top: 10px; } ul.slf_list > .ListItem { list-style: none; padding-bottom: 20px; background-image: url(/cs/dco/appway/resource/object/SLF_Bullet_5px/LatestCommittedFilter/SLF_Bullet_5px.png); background-repeat: no-repeat; background-position-y: 6px; padding-left: 20px; } ul.slf_list > .ListItem > span { margin: 0; } .slf_tooltip .slf_tooltip_box .popup-content { min-width: 200px; padding: 16px; } .slf_tooltip .slf_tooltip_box .popup-content > span { margin: 0; } .slf_tooltip .slf_tooltip_box .popup-content ul { padding-left: 20px; margin: 0; } /*----------------------------------------------------*/ /*REBRANDING - GENERAL STYLES overrides */ /*----------------------------------------------------*/ input[type=text], input[type=password], [contenteditable=true], textarea, input.DatePicker, input.ColorPicker, select.Listbox, select.DropdownList, .select2-container.DropdownList .select2-choice, .select2-container.DropdownList .select2-choices, input[type=search], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .aw_form_field{ border-bottom-color: #000000; border-width: 0 0 1px 0; box-shadow: none; border-radius:0; } input[type=text]:focus, input[type=password]:focus, [contenteditable=true]:focus, textarea:focus, input.DatePicker:focus, input.ColorPicker:focus, select.Listbox:focus, select.DropdownList:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .aw_form_field:not(.aw_ext_componentextension_dropdownlist2_SearchField_textField):focus { /*border: 2px solid #000000;*/ border-bottom-color: black; border-width: 0 0 2px 0; padding-bottom: 2px; } input[type=text]:hover, input[type=password]:hover, [contenteditable=true]:hover, textarea:hover, input.DatePicker:hover, input.ColorPicker:hover, select.Listbox:hover, select.DropdownList:hover, input[type=search]:hover, input[type=email]:hover, input[type=url]:hover, input[type=tel]:hover, input[type=number]:hover, input[type=date]:hover, input[type=month]:hover, input[type=week]:hover, input[type=time]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=color]:hover, .aw_form_field:not(.aw_ext_componentextension_dropdownlist2_SearchField_textField):hover { /*border: 2px solid #000000;*/ border-bottom-color: black; border-width: 0 0 2px 0; /*margin-bottom: 5px;*/ padding-bottom: 2px !important; } .aw_ext_componentextension_datepicker2_Rotator .aw_form_field:hover, .aw_ext_componentextension_datepicker2_Rotator .aw_form_field:focus { margin-bottom: 0px !important; padding-bottom: 0px !important; } .ErrorBox.aw_invisible_error_box input[type=text], .ErrorBox.aw_invisible_error_box input[type=password], .ErrorBox.aw_invisible_error_box [contenteditable=true], .ErrorBox.aw_invisible_error_box textarea, .ErrorBox.aw_invisible_error_box input.DatePicker, .ErrorBox.aw_invisible_error_box input.ColorPicker, .ErrorBox.aw_invisible_error_box select.Listbox, .ErrorBox.aw_invisible_error_box select.DropdownList, .ErrorBox.aw_invisible_error_box input[type=search], .ErrorBox.aw_invisible_error_box input[type=email], .ErrorBox.aw_invisible_error_box input[type=url], .ErrorBox.aw_invisible_error_box input[type=tel], .ErrorBox.aw_invisible_error_box input[type=number], .ErrorBox.aw_invisible_error_box input[type=date], .ErrorBox.aw_invisible_error_box input[type=month], .ErrorBox.aw_invisible_error_box input[type=week], .ErrorBox.aw_invisible_error_box input[type=time], .ErrorBox.aw_invisible_error_box input[type=datetime], .ErrorBox.aw_invisible_error_box input[type=datetime-local], .ErrorBox.aw_invisible_error_box input[type=color] { border: 1px solid #EE443E; border-width: 0 0 1px 0; } .ErrorBox.aw_invisible_error_box input[type=text]:hover, .ErrorBox.aw_invisible_error_box input[type=password]:hover, .ErrorBox.aw_invisible_error_box [contenteditable=true]:hover, .ErrorBox.aw_invisible_error_box textarea, .ErrorBox.aw_invisible_error_box input.DatePicker, .ErrorBox.aw_invisible_error_box input.ColorPicker, .ErrorBox.aw_invisible_error_box select.Listbox, .ErrorBox.aw_invisible_error_box select.DropdownList, .ErrorBox.aw_invisible_error_box input[type=search]:hover, .ErrorBox.aw_invisible_error_box input[type=email]:hover, .ErrorBox.aw_invisible_error_box input[type=url]:hover, .ErrorBox.aw_invisible_error_box input[type=tel]:hover, .ErrorBox.aw_invisible_error_box input[type=number]:hover, .ErrorBox.aw_invisible_error_box input[type=date]:hover, .ErrorBox.aw_invisible_error_box input[type=month]:hover, .ErrorBox.aw_invisible_error_box input[type=week]:hover, .ErrorBox.aw_invisible_error_box input[type=time]:hover, .ErrorBox.aw_invisible_error_box input[type=datetime]:hover, .ErrorBox.aw_invisible_error_box input[type=datetime-local]:hover, .ErrorBox.aw_invisible_error_box input[type=color] { border: 1px solid #EE443E; border-width: 0 0 2px 0; } .aw_invisible_error_box .ErrorBoxComponent > .aw_form_field:hover { border: 1px solid #EE443E; border-width: 0 0 2px 0; margin-bottom: 5px; } .aw_ext_componentextension_dropdownlist2_SearchField_textField { border: 1px solid black; margin: 3px; width: 98%; } .AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge .InfoboxLabel .InfoBoxPadding{ padding-bottom:14px; } /* no shadows in rebranded look and feel */ .aw_shadow_level1, .aw_shadow_level2, .aw_shadow_level3 { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .Button, .HtmlButton{ /* reset of basic dw styles*/ border-radius:0; transition: all 0.2s; } .Button.VisualButtonStylePrimaryFlow:not(:disabled):hover { background-color: #575756; } /* secondary button hover */ .Button.WorkspaceIcon.aw_button_Borderless:not(:disabled):hover { background-color: white; color: black !important; } /* padding rebranding overrides */ input.TextField, input.PasswordField, input.DatePicker, .SuggestTextField input, .RichSuggestTextField input, select.DropdownList, div.DropdownList, textarea.TextArea, div.CheckboxList, div.RadiobuttonList, [contenteditable=true], .aw_form_field{ padding-left:0px; } .cls-1 { fill: #000001; } disabled { color: #cccccc; fill: #cccccc; } disabled.Button.slf_backButton { color: #cccccc; fill: #cccccc; } input[type=text]:disabled, input[type=password]:disabled, [contenteditable=true]:disabled, textarea:disabled, input.DatePicker:disabled, input.ColorPicker:disabled, select.Listbox:disabled, select.DropdownList:hover, input[type=search]:disabled, input[type=email]:disabled, input[type=url]:disabled, input[type=tel]:disabled, input[type=number]:disabled, input[type=date]:disabled, input[type=month]:disabled, input[type=week]:disabled, input[type=time]:disabled, input[type=datetime]:disabled, input[type=datetime-local]:disabled, input[type=color]:disabled, .aw_form_field:not(.aw_ext_componentextension_dropdownlist2_SearchField_textField):disabled { border-bottom-color: #E6E7E8 !important; border-width: 0 0 1px 0; margin-bottom: 5px; padding-left:5px; background-color:#E6E7E8; } .aw_form_field.aw_ext_componentextension_dropdownlist2_disabled, .aw_form_field.aw_ext_componentextension_datepicker2_DatePicker_disabled { border-bottom-color: #E6E7E8 !important; border-width: 0 0 1px 0; margin-bottom: 5px; background-color:#E6E7E8; } .aw_ext_componentextension_dropdownlist2_DropdownList{ padding-bottom:3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{ border-radius:0 !important; } /* -- SLF_Page -- */ /************************************************************/ /********************** SLF_Pages.css **********************/ /* Define the styles for a page used in the SSO project. */ /************************************************************/ /************************************************************/ /* page */ .slf_page{ padding: 35px; } /* page title */ .slf_page h2.slf_title{ margin: 0 !important; padding: 0 0 10px 0; } /* page subtitle */ .slf_page span.slf_subtitle{ margin: 0; } /* Mobile styles */ @media screen and (max-width: 768px){ .slf_page{ padding: 15px; } } /* -- aw6to7upgradeFixes -- */ /*****************************************************/ /* css fixes from v 6 to 7.24 */ /*****************************************************/ /*td, th, span, div, a, input:not(.awTextInput_input), select, option, textarea{ font-size:16px; }*/ /* .slf_form .Infobox > .InfoboxLabel >.InfoBoxPadding { padding-bottom:0 !important; } */ /* enhancement, left align stuff */ .slf_form .Infobox{ margin-left:0; } input[type=text]:not(.awTextInput_input), input[type=email]:not(.awTextInput_input), input[type=tel]:not(.awTextInput_input), input[type=number]:not(.awTextInput_input), input[type=password]:not(.awTextInput_input) { padding-top: 3px; padding-bottom: 3px; /* display: block; */ line-height: normal; color: #000000; vertical-align: middle; background-color: #FFFFFF; border: 1px solid transparent; border-bottom-color: black; border-width: 0 0 1px 0; border-radius: 0; box-shadow: none; transition: none; margin-right: 0; margin-top: 6px; margin-bottom: 6px; font-size: 14px; } input[type=text]:hover:not(.awTextInput_input), input[type=email]:hover:not(.awTextInput_input), input[type=tel]:hover:not(.awTextInput_input), input[type=number]:hover:not(.awTextInput_input), input[type=password]:hover:not(.awTextInput_input) { border-bottom-color: black; border-width: 0 0 2px 0; /* margin-bottom: 5px; */ padding-bottom: 2px !important; } input[type=text]:focus:not(.awTextInput_input), input[type=email]:focus:not(.awTextInput_input), input[type=tel]:focus:not(.awTextInput_input), input[type=number]:focus:not(.awTextInput_input), input[type=password]:focus:not(.awTextInput_input) { border-bottom-color: black; border-width: 0 0 2px 0; /* margin-bottom: 5px; */ padding-bottom: 2px !important; } .aw_ext_componentextension_datepicker2_dropdownpopup { margin-top: 0; margin-bottom: 0; } /* validation */ .ErrorBox.aw_invisible_error_box input[type=text]:not(.awTextInput_input), .ErrorBox.aw_invisible_error_box input[type=tel]:not(.awTextInput_input), .ErrorBox.aw_invisible_error_box input[type=email]:not(.awTextInput_input), .ErrorBox.aw_invisible_error_box input[type=number]:not(.awTextInput_input), .ErrorBox.aw_invisible_error_box input[type=password]:not(.awTextInput_input) { border: 1px solid #EE443E; border-width: 0 0 1px 0; padding-bottom: 3px !important; } .ErrorBox.aw_invisible_error_box input[type=text]:not(.awTextInput_input):hover, .ErrorBox.aw_invisible_error_box input[type=tel]:not(.awTextInput_input):hover, .ErrorBox.aw_invisible_error_box input[type=email]:not(.awTextInput_input):hover, .ErrorBox.aw_invisible_error_box input[type=number]:not(.awTextInput_input):hover, .ErrorBox.aw_invisible_error_box input[type=password]:not(.awTextInput_input):hover { border-width: 0 0 2px 0; padding-bottom: 2px !important; } .ErrorBox.aw_invisible_error_box input[type=text]:not(.awTextInput_input):focus, .ErrorBox.aw_invisible_error_box input[type=tel]:not(.awTextInput_input):focus, .ErrorBox.aw_invisible_error_box input[type=email]:not(.awTextInput_input):focus, .ErrorBox.aw_invisible_error_box input[type=number]:not(.awTextInput_input):focus, .ErrorBox.aw_invisible_error_box input[type=password]:not(.awTextInput_input):focus { border-width: 0 0 2px 0; padding-bottom: 2px !important; } .slf_form .AdaptiveFlowLayoutContainer{ margin-left:35px; } .slf_form .slf_separated .slf_container h3.aw_text_component.aw_display_component{ margin: 0 !important; } .slf_form .slf_container h3.aw_text_component.aw_display_component{ /*margin: 0 20px !important;*/ } .slf_form .AdaptiveFlowLayoutContainer h3.aw_text_component.aw_display_component{ margin:0 !important; padding: 10px 0 20px 0; } .AdaptiveFlowLayoutElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .aw_form_field, .AdaptiveFlowLayoutFullWidthElement > .Infobox > .aw_InfoBoxV2Content > .InfoBoxPadding .aw_form_field { margin-top: 6px; margin-bottom: 6px; } /* login, should be merged with original rule*/ .slf_authentification .Infobox input.TextField ,slf_authentification .Infobox input.PasswordField { max-width: 300px !important; } input.PasswordField { background-image: none; } .slf_footerContent .Label{ /* fight the injected white space pre-line param*/ white-space: normal !important } .Button.WorkspaceIcon.aw_button_Borderless{ background-color:transparent!important; color:black !important; transition: all 0.2s; } .slf_phoneNumber .aw_ext_componentextension_dropdownlist2_DropdownList{ min-width: 200px !important; max-width: 200px !important; } .AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header .awInfobox_mandatory, .AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header .awLabel, .AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge .InfoboxLabel .InfoBoxPadding{ vertical-align:bottom; /* looks like a config change, to be investigated ... could apply to the original location */ } .slf_phoneNumber .aw_ext_componentextension_dropdownlist2_DropdownList, .slf_phoneNumber .disabledText_dropdownList{ margin-right:15px !important; /* just apply important in the old location */ } input.TextField{ margin-top: 6px !important; margin-bottom: 6px !important; } .Infobox .CheckboxList, .Infobox .RadiobuttonList{ margin-top: 8px !important; margin-left: 0; padding-left: 0; } .RadiobuttonList{ padding-top:6px !important; } table.Checkbox tr td input[type=checkbox] { position: relative; } /* hotfix, need to find root cause, could break configurability of items */ .AdaptiveFlowLayoutElement { width: 50%; } .slf_form .Infobox{ margin-left:0; margin-right:0; padding-right:30px; } .AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_header, .AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge .InfoboxLabel{ _display:block; } .AdaptiveFlowLayoutContainer .awInfobox.AdaptiveFlowLayoutLarge .awInfobox_content, .AdaptiveFlowLayoutContainer .Infobox.AdaptiveFlowLayoutLarge .aw_InfoBoxV2Content{ max-width:65%; } div.slf_symbolTextField span.Label { padding-top: 2px !important; padding-left: 0; position: absolute; } .leoAdaptiveFlowLayoutGroupLayoutTitle .AdaptiveFlowLayoutGroupLayoutTitle{ margin-left:0; } h1.awTextComponent.awDisplayComponent, h1.aw_text_component.aw_display_component, h2.awTextComponent.awDisplayComponent, h2.aw_text_component.aw_display_component, h3.awTextComponent.awDisplayComponent, h3.aw_text_component.aw_display_component, h4.awTextComponent.awDisplayComponent, h4.aw_text_component.aw_display_component, h5.awTextComponent.awDisplayComponent, h5.aw_text_component.aw_display_component, h6.awTextComponent.awDisplayComponent, h6.aw_text_component.aw_display_component{ margin-left:35px !important; } .leoAdaptiveFlowLayoutGroupLayoutTitle.aw_component.aw_container_component{ padding-left:0 !important; } .aw_ext_componentextension_datepicker2_Rotator .aw_form_field:hover, .aw_ext_componentextension_datepicker2_Rotator .aw_form_field:focus{ margin-bottom:6px !important; margin-top:6px !important; } .aw_ext_componentextension_datepicker2_DatePicker_open .aw_ext_componentextension_datepicker2_DatePicker_spacer { display: block; border-radius: 0; border-color: black; border-right: 0px; } .slf_form .slf_separated .slf_subtitle { margin: 20px 0; } .slf_form .slf_separated .AdaptiveFlowLayoutContainer .Label{ margin:0; } .slf_form .CheckboxList{ margin-left:0px; } .CheckboxList > .aw_htmlCheckboxOption > .CheckboxListCheckbox + .CheckboxListLabel:before{ border-radius: 0; } textarea:not(.awTextAreaField){ border-radius:0; border:1px solid black; border-width: 1px 1px 1px 1px; padding:5px !important; box-shadow: none; } textarea:not(.awTextAreaField):focus{ outline:none; border:1px solid black; border-width: 1px 1px 1px 1px; padding:5px !important; } /* fix for error messaging, TEMPORARILY DISABLED */ /* .ErrorBoxText{ padding:10px; color:black; position:relative; background:#f1f1f2; font-weight:normal; padding-left:38px; margin-top:-6px; line-height:20px; font-size:16px; margin-left: 0 !important; } .ErrorBoxText::before{ content:''; position:absolute; left:10px; top:10px; display:block; width:20px; height:20px; background: url(/cs/dco/appway/resource/object/SLF_Info/LatestCommittedFilter/SLF_Info.svg) no-repeat center center; .ErrorBox.aw_visible_error_box > .ErrorBoxText{ padding-left:38px; color:black; } */ .ErrorBoxContainerHasMessage .RadiobuttonList, .ErrorBoxContainerHasMessage .aw_FileUpload { margin-bottom:15px !important; } .aw_display_component.aw_FileUpload{ margin-left:0px; } .slf_phoneNumber input[type=tel]:not(.awTextInput_input){ position:relative; top:3px; } .aw_ext_componentextension_dropdownlist2_DropdownList{ /*padding-bottom:2px !important;*/ max-height:27px; } /* login layout fix */ .slf_form_upgrade_fix .AdaptiveFlowLayoutElement{ max-width:50% !important; clear:both; } .slf_authentification .slf_form_upgrade_fix .Infobox input.TextField, .slf_authentification .slf_form_upgrade_fix .Infobox input.PasswordField {max-width:300px !important;} @media screen and (max-width: 1024px){ .Subnavigation, .slf_subtitle { margin-left: 35px; margin-right: 35px; }} @media screen and (max-width: 1024px){ input[type=text]:not(.awTextInput_input), input[type=password]:not(.awTextInput_input), [contenteditable=true], textarea, input.DatePicker, input.ColorPicker, select.ListBox, select.DropdownList, .select2-container.DropdownList .select2-choice, .select2-container.DropdownList .select2-choices, input[type=search]:not(.awTextInput_input), input[type=email]:not(.awTextInput_input), input[type=url]:not(.awTextInput_input), input[type=tel]:not(.awTextInput_input), input[type=number]:not(.awTextInput_input), input[type=date]:not(.awTextInput_input), input[type=month]:not(.awTextInput_input), input[type=week]:not(.awTextInput_input), input[type=time]:not(.awTextInput_input), input[type=datetime]:not(.awTextInput_input), input[type=datetime-local]:not(.awTextInput_input), input[type=color]:not(.awTextInput_input), .aw_form_field { font-size: inherit; }} div.workspacetooltip{ margin-left:0; } .aw_InfoBoxTooltipContentWrapper{ margin-left:0; } .workspacetooltip .aw_InfoBoxArrow { bottom: -8px; margin-left: 0px; } /* -- SLF_LandingHeader -- */ /************************************************************/ /********************* SLF_LandingHeader.css ****************/ /* Define the styles for the header of the landing page in */ /* the SSO project. */ /************************************************************/ /************************************************************/ /* Header Wrapper */ .slf_landingHeader{ max-width: 1200px; min-width: 320px; margin-left: auto; margin-right: auto; padding: 0; box-sizing: border-box; height:50px; line-height:50px; } .slf_landingHeader > div{ padding: 0; max-width: 1200px; margin-left: auto; margin-right: auto; background-image: url(/cs/dco/appway/resource/object/CS_Logo_white/LatestCommittedFilter/logo_cs_for_black_Background.svg); background-position: 35px 0; background-repeat: no-repeat; background-size: 155px; } @media (max-width:768px){ .slf_landingHeader > div{ background-position: 15px 0; } } .slf_languages a.Link{ color:white; margin-right:0; margin-left:10px; font-weight:bold; text-decoration:none; position:relative; } .slf_languages a.Link:hover{ color:#dadada; margin-right:0; margin-left:10px; font-weight:bold; } .slf_languages a.Link.language-selected::before { content: ""; background: white; height: 2px; width: 100%; position: absolute; left: 0; height: 2px; bottom: -5px; } .slf_languages a.Link.language-selected:hover::before { background: #dadada; } /* Header title */ h1.aw_text_component.aw_display_component.slf_MainTitle{ font-size: 24px; line-height: 52px; padding-bottom:0; /* Set ellipsis when content does not fit into one line */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 40px !important; line-height: 48px !important; padding-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left:35px !important; padding-right:35px !important; } /* Header CS logo */ #portalLogo{ margin-top: 15px; margin-left: 0; margin-right: 0; } /* ** Styles for mobile */ @media screen and (max-width: 524px){ .slf_landingHeader > div{ padding:0 15px; } #portalLogo { margin-top: 5px; width: 120px; } h1.aw_text_component.aw_display_component.slf_MainTitle{ font-size: 20px; line-height: 40px; padding-bottom:0; } } /* -- SLF_LandingFooter -- */ /************************************************************/ /********************* SLF_LandingFooter.css ****************/ /* Define the styles for the footer of the landing page in */ /* the SSO project. */ /************************************************************/ /************************************************************/ .slf_footerWrapper{ background-color: #000001; width: 100%; } /* Center align the footer */ .slf_footerContent{ color: #fff; margin-left: auto; margin-right: auto; min-width: 320px; max-width: 1200px; overflow: hidden; padding: 20px 35px 15px 35px; background-image: url(/cs/dco/appway/resource/object/CS_Logo_white/HeadFilter-true-true/logo_cs_for_black_Background.svg); background-position: calc(100% - 35px) calc(100% - 12px); background-repeat: no-repeat; background-size: 155px; } .slf_footerContent .FloatLayoutElement{ padding : 5px 0; } /* Override the default appway style for the footer */ .slf_footerContent .awDisplayComponent.inlineComponent:first-child, .aw_display_component.inlineComponent:first-child{ margin-left: 0; } .slf_footerContent .aw_display_component{ margin-right: 0; margin-left: 0; } /* Default footer Label styles */ .slf_footerContent .Label{ color: #E6E7E8; font-size: 14px; } /* Default footer Label styles */ .slf_footerContent .Link{ color: #BBBCBC; font-size: 14px; } .slf_footerContent .Link:hover{ color: #FFFFFF; } /* Pin icon and button : find the branch */ .slf_footerContent .slf_buticon{ background-image: url('/cs/dco/appway/resource/object/SLF_Pin-white_16px/LatestCommittedFilter/SLF_Pin-white_16px.png'); background-repeat: no-repeat; background-position-y: 0; padding-left: 10px; margin-left: 15px; } .slf_footerContent .slf_buticon span, .slf_footerContent .slf_buticon .Link{ display: inline-block; } .slf_footerContent .slf_buticon:hover{ cursor: pointer; } .slf_footerContent .slf_buticon:hover .Link{ text-decoration: underline; } .slf_footerContent .slf_buticon i, .slf_footerContent .slf_buticon .Link{ margin : 0; } /* Footer Languages section */ .slf_footerContent .slf_languages{ margin-right: 35px; } .slf_footerContent .slf_languages .Link{ margin-left: 25px; } .slf_footerContent .slf_buticon .Link:last-child{ margin-left: 10px; } .slf_footerContent .slf_languages .Link:last-child{ margin-right: 0; } /* Footer need help section */ .slf_footerContent .slf_needHelpSection{ margin-left: 35px; } .slf_footerContent .slf_needHelpSection .Link{ margin-left: 5px; } /* Footer Links list */ .slf_footerContent ul.slf_pageLinks{ list-style: none; padding:0; margin-left: 35px; } .slf_footerContent ul.slf_pageLinks .ListItem{ position: relative; display: inline; padding-left: 1.25em; margin-right: 0.75em; } .slf_footerContent ul.slf_pageLinks .ListItem:first-child{ padding-left: 0; } .slf_footerContent ul.slf_pageLinks .ListItem:before{ position: absolute; left: 0; content: '/'; color: #ccc; } .slf_footerContent ul.slf_pageLinks .ListItem:first-child:before{ padding: 0; content: ''; color: #ccc; } .slf_footerContent .FloatLayout + .FloatLayout .FloatLayoutElementLeft{ width: 60%; } /* Tablet and mobile styles */ @media screen and (max-width: 768px){ .slf_footerContent{ padding: 15px; padding-bottom: 60px; } .slf_footerContent .FloatLayoutElementRight{ float: left; width:100%; } .slf_footerContent .FloatLayout + .FloatLayout .FloatLayoutElementLeft{ width: 100%; } .slf_footerContent .Label, .slf_footerContent .Link{ font-size: 14px; } .slf_footerContent span.Label{ margin: 0; } .slf_languages .Link:first-child{ margin-left: 0; } .slf_footerContent .slf_buticon{ background-position-y: 0px; margin-left:0; } .slf_footerContent .slf_needHelpSection, .slf_footerContent ul.slf_pageLinks{ margin-left: 0px; } } /*# sourceMappingURL= */