.wpToolbarCommonImages-AddTo{width:8px;height:8px;background-position:0 0} .wpToolbarCommonImages-AdvancedModeHover{width:18px;height:18px;background-position:0 -18px} .wpToolbarCommonImages-AdvancedModeHover-rtl{width:18px;height:18px;background-position:0 -46px} .wpToolbarCommonImages-AdvancedModeOff{width:18px;height:18px;background-position:0 -74px} .wpToolbarCommonImages-AdvancedModeOff-rtl{width:18px;height:18px;background-position:0 -102px} .wpToolbarCommonImages-AdvancedModeOn{width:18px;height:18px;background-position:0 -130px} .wpToolbarCommonImages-AdvancedModeOn-rtl{width:18px;height:18px;background-position:0 -158px} .wpToolbarCommonImages-AscendingArrow{width:9px;height:9px;background-position:0 -186px} .wpToolbarCommonImages-CloseActive{width:8px;height:8px;background-position:0 -205px} .wpToolbarCommonImages-CloseHover{width:8px;height:8px;background-position:0 -223px} .wpToolbarCommonImages-CollapseNodes{width:18px;height:18px;background-position:0 -241px} .wpToolbarCommonImages-CollapseNodesHover{width:18px;height:18px;background-position:0 -269px} .wpToolbarCommonImages-CollapseNodesHover-rtl{width:18px;height:18px;background-position:0 -297px} .wpToolbarCommonImages-CollapseNodes-rtl{width:18px;height:18px;background-position:0 -325px} .wpToolbarCommonImages-ContainerOff{width:18px;height:18px;background-position:0 -353px} .wpToolbarCommonImages-ContainerOff-rtl{width:18px;height:18px;background-position:0 -381px} .wpToolbarCommonImages-ContainerOn{width:18px;height:18px;background-position:0 -409px} .wpToolbarCommonImages-ContainerOn-rtl{width:18px;height:18px;background-position:0 -437px} .wpToolbarCommonImages-ContentOff{width:18px;height:18px;background-position:0 -465px} .wpToolbarCommonImages-ContentOff-rtl{width:18px;height:18px;background-position:0 -493px} .wpToolbarCommonImages-ContentOn{width:18px;height:18px;background-position:0 -521px} .wpToolbarCommonImages-ContentOn-rtl{width:18px;height:18px;background-position:0 -549px} .wpToolbarCommonImages-DescendingArrow{width:9px;height:9px;background-position:0 -577px} .wpToolbarCommonImages-DragGridView{width:9px;height:69px;background-position:0 -596px} .wpToolbarCommonImages-DragGridView-rtl{width:9px;height:69px;background-position:0 -675px} .wpToolbarCommonImages-DragHandleTop{width:75px;height:7px;background-position:0 -754px} .wpToolbarCommonImages-DragHandleTop-rtl{width:75px;height:7px;background-position:0 -771px} .wpToolbarCommonImages-DragListView{width:9px;height:17px;background-position:0 -788px} .wpToolbarCommonImages-DragListView-rtl{width:9px;height:17px;background-position:0 -815px} .wpToolbarCommonImages-DragPortlets{width:100px;height:12px;background-position:0 -842px} .wpToolbarCommonImages-DragPortlets-rtl{width:100px;height:12px;background-position:0 -864px} .wpToolbarCommonImages-DropDown{width:9px;height:9px;background-position:0 -886px} .wpToolbarCommonImages-DropMenuFocus{width:12px;height:12px;background-position:0 -905px} .wpToolbarCommonImages-DropMenuFocus-rtl{width:12px;height:12px;background-position:0 -927px} .wpToolbarCommonImages-DropMenuHover{width:12px;height:12px;background-position:0 -949px} .wpToolbarCommonImages-DropMenuHover-rtl{width:12px;height:12px;background-position:0 -971px} .wpToolbarCommonImages-EditActive{width:16px;height:16px;background-position:0 -993px} .wpToolbarCommonImages-EditActive-rtl{width:16px;height:16px;background-position:0 -1019px} .wpToolbarCommonImages-EditDisabled{width:16px;height:16px;background-position:0 -1045px} .wpToolbarCommonImages-EditDisabled-rtl{width:16px;height:16px;background-position:0 -1071px} .wpToolbarCommonImages-EditHover{width:16px;height:16px;background-position:0 -1097px} .wpToolbarCommonImages-EditHover-rtl{width:16px;height:16px;background-position:0 -1123px} .wpToolbarCommonImages-EnterProjectActive{width:16px;height:16px;background-position:0 -1149px} .wpToolbarCommonImages-EnterProjectActive-rtl{width:16px;height:16px;background-position:0 -1175px} .wpToolbarCommonImages-EnterProjectDisabled{width:16px;height:16px;background-position:0 -1201px} .wpToolbarCommonImages-EnterProjectDisabled-rtl{width:16px;height:16px;background-position:0 -1227px} .wpToolbarCommonImages-EnterProjectHover{width:16px;height:16px;background-position:0 -1253px} .wpToolbarCommonImages-EnterProjectHover-rtl{width:16px;height:16px;background-position:0 -1279px} .wpToolbarCommonImages-ExpandNodes-Hover{width:18px;height:18px;background-position:0 -1305px} .wpToolbarCommonImages-ExpandNodes-Hover-rtl{width:18px;height:18px;background-position:0 -1333px} .wpToolbarCommonImages-ExpandNodes{width:18px;height:18px;background-position:0 -1361px} .wpToolbarCommonImages-ExpandNodes-rtl{width:18px;height:18px;background-position:0 -1389px} .wpToolbarCommonImages-ExpandNodes-rtl-rtl{width:18px;height:18px;background-position:0 -1417px} .wpToolbarCommonImages-FlyoutSharkfin{width:15px;height:8px;background-position:0 -1445px} .wpToolbarCommonImages-GotoActive{width:16px;height:16px;background-position:0 -1463px} .wpToolbarCommonImages-GotoActive-rtl{width:16px;height:16px;background-position:0 -1489px} .wpToolbarCommonImages-GotoDisabled{width:16px;height:16px;background-position:0 -1515px} .wpToolbarCommonImages-GotoDisabled-rtl{width:16px;height:16px;background-position:0 -1541px} .wpToolbarCommonImages-GotoHover{width:16px;height:16px;background-position:0 -1567px} .wpToolbarCommonImages-GotoHover-rtl{width:16px;height:16px;background-position:0 -1593px} .wpToolbarCommonImages-Help12{width:12px;height:12px;background-position:0 -1619px} .wpToolbarCommonImages-Help12-rtl{width:12px;height:12px;background-position:0 -1641px} .wpToolbarCommonImages-HiddenPageOff{width:18px;height:18px;background-position:0 -1663px} .wpToolbarCommonImages-HiddenPageOff-rtl{width:18px;height:18px;background-position:0 -1691px} .wpToolbarCommonImages-HiddenPageOn{width:18px;height:18px;background-position:0 -1719px} .wpToolbarCommonImages-HiddenPageOn-rtl{width:18px;height:18px;background-position:0 -1747px} .wpToolbarCommonImages-IBMLogoSmallBlack{width:42px;height:22px;background-position:0 -1775px} .wpToolbarCommonImages-InfoModeOff{width:18px;height:18px;background-position:0 -1807px} .wpToolbarCommonImages-InfoModeOn{width:18px;height:18px;background-position:0 -1835px} .wpToolbarCommonImages-LabelSiteTemplate{width:22px;height:22px;background-position:0 -1863px} .wpToolbarCommonImages-LabelSiteTemplate-rtl{width:22px;height:22px;background-position:0 -1895px} .wpToolbarCommonImages-LabelTemplate{width:22px;height:22px;background-position:0 -1927px} .wpToolbarCommonImages-LabelTemplate-rtl{width:22px;height:22px;background-position:0 -1959px} .wpToolbarCommonImages-ListViewOff{width:20px;height:20px;background-position:0 -1991px} .wpToolbarCommonImages-ListViewOn{width:20px;height:20px;background-position:0 -2021px} .wpToolbarCommonImages-Locked{width:16px;height:16px;background-position:0 -2051px} .wpToolbarCommonImages-Locked-rtl{width:16px;height:16px;background-position:0 -2077px} .wpToolbarCommonImages-MappedToPage{width:21px;height:17px;background-position:0 -2103px} .wpToolbarCommonImages-MappedToPage-rtl{width:21px;height:17px;background-position:0 -2130px} .wpToolbarCommonImages-MappingArrow{width:10px;height:10px;background-position:0 -2157px} .wpToolbarCommonImages-MappingArrowBackward{width:12px;height:12px;background-position:0 -2177px} .wpToolbarCommonImages-MappingArrowBackward-rtl{width:12px;height:12px;background-position:0 -2199px} .wpToolbarCommonImages-MappingArrowForward{width:12px;height:12px;background-position:0 -2221px} .wpToolbarCommonImages-MappingArrowForward-rtl{width:12px;height:12px;background-position:0 -2243px} .wpToolbarCommonImages-MappingArrow-rtl{width:10px;height:10px;background-position:0 -2265px} .wpToolbarCommonImages-MoreButtonIcon{width:12px;height:12px;background-position:0 -2285px} .wpToolbarCommonImages-MoreButtonIcon-rtl{width:12px;height:12px;background-position:0 -2307px} .wpToolbarCommonImages-NewPage{width:32px;height:32px;background-position:0 -2329px} .wpToolbarCommonImages-NewPage-rtl{width:32px;height:32px;background-position:0 -2371px} .wpToolbarCommonImages-NextPageBig{width:37px;height:40px;background-position:0 -2413px} .wpToolbarCommonImages-NextPageBigDisabled{width:37px;height:40px;background-position:0 -2463px} .wpToolbarCommonImages-NextPageBigDisabled-rtl{width:37px;height:40px;background-position:0 -2513px} .wpToolbarCommonImages-NextPageBigHover{width:37px;height:40px;background-position:0 -2563px} .wpToolbarCommonImages-NextPageBigHover-rtl{width:37px;height:40px;background-position:0 -2613px} .wpToolbarCommonImages-NextPageBig-rtl{width:37px;height:40px;background-position:0 -2663px} .wpToolbarCommonImages-Page{width:32px;height:32px;background-position:0 -2713px} .wpToolbarCommonImages-PageHierarchyTemplate{width:18px;height:18px;background-position:0 -2755px} .wpToolbarCommonImages-PageHierarchyTemplate-rtl{width:18px;height:18px;background-position:0 -2783px} .wpToolbarCommonImages-PageSiteTemplate{width:22px;height:22px;background-position:0 -2811px} .wpToolbarCommonImages-PageSiteTemplate-rtl{width:22px;height:22px;background-position:0 -2843px} .wpToolbarCommonImages-PageSmall{width:18px;height:18px;background-position:0 -2875px} .wpToolbarCommonImages-PageSmall-rtl{width:18px;height:18px;background-position:0 -2903px} .wpToolbarCommonImages-PageTemplate{width:22px;height:22px;background-position:0 -2931px} .wpToolbarCommonImages-PageTemplate-rtl{width:22px;height:22px;background-position:0 -2963px} .wpToolbarCommonImages-Page-rtl{width:32px;height:32px;background-position:0 -2995px} .wpToolbarCommonImages-PreviewActive{width:14px;height:14px;background-position:0 -3037px} .wpToolbarCommonImages-PreviewHover{width:14px;height:14px;background-position:0 -3061px} .wpToolbarCommonImages-PreviousPageBig{width:37px;height:40px;background-position:0 -3085px} .wpToolbarCommonImages-PreviousPageBigDisabled{width:37px;height:40px;background-position:0 -3135px} .wpToolbarCommonImages-PreviousPageBigDisabled-rtl{width:37px;height:40px;background-position:0 -3185px} .wpToolbarCommonImages-PreviousPageBigHover{width:37px;height:40px;background-position:0 -3235px} .wpToolbarCommonImages-PreviousPageBigHover-rtl{width:37px;height:40px;background-position:0 -3285px} .wpToolbarCommonImages-PreviousPageBig-rtl{width:37px;height:40px;background-position:0 -3335px} .wpToolbarCommonImages-Reload{width:20px;height:20px;background-position:0 -3385px} .wpToolbarCommonImages-Reload-rtl{width:20px;height:20px;background-position:0 -3415px} .wpToolbarCommonImages-ShowActive{width:16px;height:16px;background-position:0 -3445px} .wpToolbarCommonImages-ShowActive-rtl{width:16px;height:16px;background-position:0 -3471px} .wpToolbarCommonImages-ShowDisabled{width:16px;height:16px;background-position:0 -3497px} .wpToolbarCommonImages-ShowDisabled-rtl{width:16px;height:16px;background-position:0 -3523px} .wpToolbarCommonImages-ShowHover{width:16px;height:16px;background-position:0 -3549px} .wpToolbarCommonImages-ShowHover-rtl{width:16px;height:16px;background-position:0 -3575px} .wpToolbarCommonImages-Site{width:18px;height:18px;background-position:0 -3601px} .wpToolbarCommonImages-Site32{width:32px;height:32px;background-position:0 -3629px} .wpToolbarCommonImages-TileViewOff{width:20px;height:20px;background-position:0 -3671px} .wpToolbarCommonImages-TileViewOn{width:20px;height:20px;background-position:0 -3701px} .wpToolbarCommonImages-VanityUrl{width:32px;height:32px;background-position:0 -3731px} .wpToolbarCommonImages-VanityUrl-rtl{width:32px;height:32px;background-position:0 -3773px} .wpToolbarCommonImages{background-image:url('/wps/toolbarModules/modules/common/css/images/common.png');background-repeat:no-repeat;display:-moz-inline-box;display:inline-block} .lotusImagesOff .wpToolbarCommonImages{display:none} .wpToolbarCommon .wpToolbarAltText, .wpToolbarCommon .wpToolbarImagesOff { display: none; } .lotusImagesOff .wpToolbarCommon img, .wpthemeImagesOff .wpToolbarCommon img, .lotusImagesOff.wpToolbarCommon img, .wpthemeImagesOff.wpToolbarCommon img { display: none !important; } .wpthemeImagesOff .wpToolbarCommon .wpToolbarImagesOff, .lotusImagesOff .wpToolbarCommon .wpToolbarImagesOff, .wpthemeImagesOff.wpToolbarCommon .wpToolbarImagesOff, .lotusImagesOff.wpToolbarCommon .wpToolbarImagesOff { display: inline; } .wpToolbarCommon img { border: none; }.wpthemeDialogBorder { border:3px solid #4B4B4B; /*this is needed for IE*/ border:3px solid rgba(0, 0, 0, 0.7); -moz-box-shadow:0px 1px 12px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0 1px 12px rgba(0, 0, 0, 0.6); box-shadow:0px 1px 12px rgba(0, 0, 0, 0.6); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .wpthemeDialogBorder .dialogContainer { background-color:#fff; *padding-bottom:1px; /* fix missing bottom border on IE7, asterisk prefix read by IE7 */ } .wpthemeDialog .dialogPointer { position:absolute; width:13px; height:17px; } .wpthemeDialog .dialogPointer.right { background: url(/wps/themeModules/modules/dialog/css/images/dialogSprite.png) no-repeat top left; background-position: 0 -54px; right:-10px; } .wpthemeDialog .dialogPointer.left { background: url(/wps/themeModules/modules/dialog/css/images/dialogSprite.png) no-repeat top left; background-position: 0 -35px; left:-10px; } .wpthemeDialog .dialogPointer.top { background: url(/wps/themeModules/modules/dialog/css/images/dialogSprite.png) no-repeat top left; background-position: 0 -73px; width:17px; height:13px; } .wpthemeDialog .msgIcon { width:48px; height:48px; padding:1em; background-repeat:no-repeat; background-position:center; } .wpthemeDialog .msgBody { padding:0.5em; } .wpthemeDialog .msgError { background-image:url(/wps/themeModules/modules/dialog/css/images/msgError48.png); } .wpthemeDialog .msgInfo { background-image:url(/wps/themeModules/modules/dialog/css/images/msgInfo48.png); } .wpthemeDialog .msgSuccess { background-image:url(/wps/themeModules/modules/dialog/css/images/msgSuccess48.png); } .wpthemeDialog .msgWarning { background-image:url(/wps/themeModules/modules/dialog/css/images/msgWarning48.png); } .wpthemeDialog .wpthemeDialogContent { display:table; background-color:#fff; border:0 none; max-height:300px; overflow:auto; } .wpthemeDialog .wpthemeDialogContentBody { position:relative; } .wpthemeDialog .wpthemeDialogContent .wpthemeDialogContentBody > div { display:table-row; } .wpthemeDialog .wpthemeDialogContent .wpthemeDialogContentBody .south { display:block; } .wpthemeDialog .wpthemeDialogContent .west, .wpthemeDialog .wpthemeDialogContent .central, .wpthemeDialog .wpthemeDialogContent .east { display:table-cell; vertical-align:top; } .wpthemeDialog .wpthemeDialogContent .west, .wpthemeDialog .wpthemeDialogContent .east { width:10%; } .wpthemeDialog .dialogLoading { background-image:url("/wps/themeModules/modules/dialog/css/images/loading.gif"); background-repeat:no-repeat; height:16px; width:16px; } .wpthemeDialog .dialogAltText { display:none; } .wpthemeDialogImagesOff .dialogAltText { display:inline; } .wpthemeDialog .dialogHeader { background-color:#3A3A3A; border-bottom:0 none; padding:13px 20px; } .wpthemeDialog .dialogHeaderText { position:relative; color:#FFFFFF; display:block; font-size:1.2em; margin:0; background:none repeat scroll 0 0 rgba(0, 0, 0, 0); border:0 none; padding:0; font-weight:bold; line-height:1.2; } .wpthemeDialog .dialogClose { border:0 none; padding:0; position:absolute; right:-15px; top:-15px; line-height:1em; } .wpthemeDialog .dialogClose img { background:url(/wps/themeModules/modules/dialog/css/images/dialogSprite.png) no-repeat top left; background-position:0 0; height:32px; width:32px; border:0 none; line-height:0; vertical-align:middle; } .wpthemeDialog .wpthemeDialogFooter .wpthemeDialogBtn { margin-left:9px; margin-right:1px; } .wpthemeDialog .wpthemeDialogBtn { padding:5px 15px; text-shadow:0 1px 1px #FFFFFF; background-color:#E7E7E7; border:0 none; border-collapse:separate; border-radius:3px 3px 3px 3px; box-shadow:0 1px 1px rgba(0, 0, 0, 0.5); color:#333333; font-weight:bold; text-align:center; cursor:pointer; font-size:0.9em; font-family:Arial,Helvetica,sans-serif; } .wpthemeDialogPopup { border:3px solid rgba(3, 3, 3, 0.45); border-radius:3px 3px 3px 3px; box-shadow:0 0 5px rgba(34, 34, 34, 0.5); color:#222222; position:relative; z-index:10000; } .wpthemeDialogPopup .wpthemeDialogPopupHeader { background:none repeat scroll 0 0 #FFFFFF; margin-bottom:-10px; position:relative; } .wpthemeDialogPopup .wpthemeDialogPopupHeader .wpthemeDialogPopupHeading { border-bottom:2px solid #888888; font-size:1.2em; font-weight:bold; margin:0 20px; padding:20px 0 10px; color:#444444; line-height:1.2; } .wpthemeDialogPopup .wpthemeDialogPopupClose { line-height:0; position:absolute; right:-15px; top:-15px; z-index:10001; } .wpthemeDialogPopup .wpthemeDialogPopupClose img { background:url(/wps/themeModules/modules/dialog/css/images/dialogSprite.png) no-repeat top left; background-position:0 0; height:32px; width:32px; border:0 none; line-height:0; vertical-align:middle; } .wpthemeDialogPopup .wpthemeDialogPopupContent { background:none repeat scroll 0 0 #FFFFFF; } .wpthemeDialogPopup .wpthemeDialogPopupContentArea { padding:20px; } .wpthemeDialogPopup .wpthemeDialogPopupFooter { background:none repeat scroll 0 0 #FFFFFF; margin-top:-10px; padding:0 20px 20px; } .wpthemeDialogPopup .wpthemeDialogLearnLink { font-size:0.9em; color:#00649D; text-decoration:none; } .wpThemeDialogHighContrastTestNode { border: 1px solid; border-color: red green; position: absolute; height: 5px; top: -999px; background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .edit-mode .wpthemeControl .wpthemeControlHeader .dndHandle {display: inline; float: left; margin-right: 4px; height: 1.6em; width: 40px; background-image: url(/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/css/images/dragHandle.png); cursor: move;}.edit-mode .wpthemeControl.wpthemeHidden .wpthemeControlHeader {display: table; table-layout: fixed;}.wptheme_ie7 .edit-mode .wpthemeControl.wpthemeHidden .wpthemeControlHeader {display: block;}.edit-mode .wpthemeControl.wpthemeHidden {box-shadow: 0 1px 3px #D7D7D7; border: 1px solid #D7D7D7; padding: 10px;}body.edit-mode .wpthemeHiddenPlusControl:hover .wpthemeHiddenPlusControlHeader {display:table;}.wpthemeHiddenPlusControlHeaderParent {position: relative;}.wpthemeControlHeader.wpthemeHiddenPlusControlHeader .wpthemeInner h2 span{margin-left: 10px;}.edit-mode .wpthemeCol{border: 1px dotted #222;}.edit-mode .wpthemeRow {border: 1px dotted #111; min-height: 260px;}.wpthemeRow .ibmDndHorizontalGhost {margin: 7.5px 7.5px 7.5px 0;}.edit-mode .layoutNode {border: 1px dotted #222; min-height: 20px; min-width: 40px;}.wpthemeLayoutContainers .portal-drop-target {display: none;}.wpthemeLayoutContainers div.ibmDndDropZonesActive .portal-drop-target {display: block; position: relative;}.wpthemeLayoutContainers div.ibmDndDropZonesActive .portal-drop-target section {color: #83B995; border: 1px solid #83B995; border-radius: 2px; background-color: #EDFCF2; position: absolute; z-index: 1000; opacity: 0.8;}.wpthemeLayoutContainers div.ibmDndDropZonesActive .portal-drop-target.ibmDndDropZoneOver section {background-color: #a0efba;}.wpthemeLayoutContainers div.ibmDndDropZonesActive .portal-drop-target.ibmDndDropZoneIllegal section,.wpthemeLayoutContainers div.ibmDndDropZonesActive.ibmDndDropZoneIllegal .portal-drop-target section {background-color: #ED486E; border-color: #A11222;}.wpthemeLayoutContainers div.ibmDndColumn.ibmDndDropZonesActive :first-child.portal-drop-target section {top: 0px;}.wpthemeLayoutContainers div.ibmDndColumn.ibmDndDropZonesActive .portal-drop-target section {top: -20px; left: -1px; width: 100%; height: 30px;}.wpthemeLayoutContainers div.ibmDndRow.ibmDndDropZonesActive .portal-drop-target section {left: -15px; top: 25px; width: 20px;}.wpthemeLayoutContainers table.ibmDndDropZonesActive .portal-drop-target {display: block; color: #83B995; background-color: #EDFCF2; border: 1px solid #83B995; border-radius: 2px; margin: 5px; height: 2em; min-width: 20px;}.wpthemeLayoutContainers table.ibmDndDropZonesActive .portal-drop-target.ibmDndDropZoneOver {background-color: #a0efba;}.wpthemeLayoutContainers table.ibmDndDropZonesActive .portal-drop-target.ibmDndDropZoneIllegal,.wpthemeLayoutContainers table.ibmDndDropZonesActive.ibmDndDropZoneIllegal .portal-drop-target {background-color: #ED486E; border-color: #A11222;}body#content {background-color: #ededed; color: #222; font: 75%/1.5 Arial,Helvetica,sans-serif; margin: 0; padding: 0;} .wptheme_ie7 body {position: relative;}body.locale_ja, .locale_ja * {font-family: "MS UI Gothic","MS PGothic","Apple Gothic",Arial,Helvetica,sans-serif;}a, a:active {color: #10498F; text-decoration: none;}a:hover, a:focus {color: #05386B; text-decoration: underline;}.wpthemeHeader img,.wpthemeBanner img,.wpthemeSecondaryBanner img,.wpthemeFooter img {border: 0 none; vertical-align: middle;}article, aside, footer, header, hgroup, nav, section {display:block} .wpthemeFrame {min-width: 980px;}.wpthemeInner, .wpthemeSecondaryNav {margin: 0 auto; width: 980px;}.wpthemeLeft {float: left;}.wpthemeRight {float: right;}.wpthemeClear {clear: both;}.wpthemeDisplayNone {display: none;}.wpthemeOverflowAuto {overflow: auto;}.wpthemeUnderlineText:hover, .wpthemeUnderlineText:focus {text-decoration:underline; cursor:pointer;}.wpthemeAccess {position: absolute; top: -99999px;}.wpthemeAltText {display: none;}.a11yHighContrast .wpthemeAltText {display: block;}.a11yHighContrast #wpthemeComplementaryContentText.wpthemeAltText {display: none;}.a11yHighContrast .wpthemeNavListItem.wpthemeSelected {border: 1px outset #AAAAAA;}.a11yHighContrast .lotusui30 .lotusTabs .lotusSelected {border: 1px outset #AAAAAA;}.a11yHighContrast .lotusui30 .lotusForm2 .lotusText {border: 1px outset #AAAAAA;}.a11yHighContrast .lotusui30 input.lotusFormButton {border: 1px outset #AAAAAA;}.wpthemeHeader {background-color: #424142; overflow: hidden; text-align: left;}.wpthemeLogo {display: none; background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/css/images/master.png"); background-position:0 -758px; width:95px; height:18px; margin-top: 5px;}.wpthemeDraftPageText::before {content:"(";}.wpthemeDraftPageText::after {content:")";}.wpthemeHiddenPageText::before {content:"[";}.wpthemeHiddenPageText::after {content:"]";}.wpthemeHiddenPageText.wpthemeDraftPageText::before {content:"([";}.wpthemeHiddenPageText.wpthemeDraftPageText::after {content:"])";}.wpthemeHeader .wpthemeNavContainer1 {float: left;}.wpthemeHeaderNav ul {padding: 0 0 0 5px; margin: 0; line-height: 2.1em;}.wpthemeHeaderNav ul li.wpthemeNavListItem {display: block; margin: 0; font-size: 0.9em; color: #fff; padding: 0px 2px; line-height: 2.3em;}.wpthemeHeader .wpthemeHeaderNav ul li a:link,.wpthemeHeader .wpthemeHeaderNav ul li a:visited, .wpthemeHeader .wpthemeHeaderNav ul li a:active {color: #fff; font-weight: normal; padding: 3px 13px;}.wpthemeHeader .wpthemeHeaderNav ul li a:hover,.wpthemeHeader .wpthemeHeaderNav ul li a:focus, .wpthemeHeader .wpthemeHeaderNav ul li.wpthemeSelected a {color: #fff; text-decoration: none; background-color: #717171;}.wpthemeBanner {padding: 0;}.wpthemeBannerInner {background: #353535; background: -moz-linear-gradient(center top , #565656 0%, #353535 100%) repeat scroll 0 0 #353535; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(100%,#353535)); background: -webkit-linear-gradient(top, #565656 0%,#353535 100%); background: -o-linear-gradient(top, #565656 0%,#353535 100%); background: -ms-linear-gradient(top, #565656 0%,#353535 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#353535',GradientType=0 ); background: linear-gradient(top, #565656 0%,#353535 100%); border-top: 1px solid #636363; border-bottom: 1px solid #272727;}.lotusui_ie8 .wpthemeBannerInner {background-color: #353535; filter: none;}.wpthemeBanner ul {margin: 0; padding: 0; overflow: visible; list-style-type: none; line-height: 1.5;}.wpthemeOverlay {display:none; position:absolute; z-index:100; width:100%; background:rgba(1, 1, 1, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#af404040, endColorstr=#af404040);}.wpthemeOpen, .wpthemeOpen .wpthemeOverlay {height:19.4em !important;}.wpthemeMinimized, .wpthemeMinimized .wpthemeOverlay {height: 3.2em !important;}.wpthemeOverlay .wpthemeOverlayImg {background-image:url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/css/images/loading.gif"); background-repeat:no-repeat; height:16px; width:16px; margin-left:49%;}.wpthemeOpen .wpthemeOverlay .wpthemeOverlayImg {margin-top:9.7em;}.wpthemeMinimized .wpthemeOverlay .wpthemeOverlayImg {margin-top: 1em;}.wpthemeLoading .wpthemeOverlay {display:inline;}.wpthemeBanner .wpthemeNavContainer1 {float: left;}.wpthemePrimaryNav li {padding: 0; display: block; margin: 0; line-height: 1.5em;}.wpthemeBanner .wpthemePrimaryNav li a:link,.wpthemeBanner .wpthemePrimaryNav li a:visited {border-left: 1px solid transparent; border-right: 1px solid transparent; text-shadow: 0 1px 2px #000000; text-decoration: none; font-weight: normal; display: block; padding: 6px 20px; color: #ddd;} .wpthemeBanner .wpthemePrimaryNav li a:hover, .wpthemeBanner .wpthemePrimaryNav li a:active,.wpthemeBanner .wpthemePrimaryNav li a:focus {background: #505050; background: -moz-linear-gradient(#505050, #101010) repeat scroll 0 0 #101010; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#101010)); background: -webkit-linear-gradient(top, #505050 0%,#101010 100%); background: -o-linear-gradient(top, #505050 0%,#101010 100%); background: -ms-linear-gradient(top, #505050 0%,#101010 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#101010',GradientType=0 ); background: linear-gradient(top, #505050 0%,#101010 100%); border-left-color: #585858; border-right-color: #585858; color: #fff; box-shadow: 1px 0 0 #111, -1px 0 0 #111, 0px 0 0 #111 inset,0px 0 0 #111 inset; font-weight: normal; text-shadow: 0 1px 2px #000; text-decoration: none;}.wpthemeBanner .wpthemePrimaryNav .wpthemeSelected a:link, .wpthemeBanner .wpthemePrimaryNav .wpthemeSelected a:hover,.wpthemeBanner .wpthemePrimaryNav .wpthemeSelected a:active, .wpthemeBanner .wpthemePrimaryNav .wpthemeSelected a:focus {background: #585858; background: -moz-linear-gradient(#585858, #161616) repeat scroll 0 0 #161616; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585858), color-stop(100%,#161616)); background: -webkit-linear-gradient(top, #585858 0%,#161616 100%); background: -o-linear-gradient(top, #585858 0%,#161616 100%); background: -ms-linear-gradient(top, #585858 0%,#161616 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#161616',GradientType=0 ); background: linear-gradient(top, #585858 0%,#161616 100%); border-left-color: #585858; border-right-color: #585858; color: #fff; box-shadow: 1px 0 0 #111, -1px 0 0 #111, 0px 0 0 #111 inset,0px 0 0 #111 inset; font-weight: normal;}.wpthemeBannerPrimaryNavigation {background: none repeat scroll 0 0 #008ABF; border-bottom: 1px solid #0075A3; padding: 0 0 2px;}.wpthemeBannerPrimaryNavigation ul {line-height: 1.67; list-style-type: none; margin: 0; overflow: visible; padding: 0;}.wpthemeBannerPrimaryNavigation .wpthemeBannerInner {background: #242424; background: -moz-linear-gradient(center top , #323232 0%, #242424 100%) repeat scroll 0 0 #242424; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(100%,#353535)); background: -webkit-linear-gradient(top, #323232 0%,#242424 100%); background: -o-linear-gradient(top, #323232 0%,#242424 100%); background: -ms-linear-gradient(top, #323232 0%,#242424 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#242424',GradientType=0 ); background: linear-gradient(top, #323232 0%,#242424 100%); border-top: 1px solid #4a4a4a;}.wpthemeBannerPrimaryNavigation .wpthemeNavContainer1 {float: left;}ul.wpthemeCommonActions > li {display: block; float: left; margin: 0; color: #fff; padding: 0px 5px;}.wpthemeBanner ul.wpthemeCommonActions > li > span, .wpthemeBanner ul.wpthemeCommonActions li a:link, .wpthemeBanner ul.wpthemeCommonActions li a:visited,.wpthemeBanner ul.wpthemeCommonActions li a:active {color: #fff; font-weight: normal; display: block; border-right: 1px solid #4b4b4b; border-right: 1px solid rgba(255,255,255,.15); margin: 17px 0; padding: 0 10px 0 0;}.wpthemeBanner ul.wpthemeCommonActions li a:hover,.wpthemeBanner ul.wpthemeCommonActions li a:focus {color: #fff; text-decoration: underline; cursor: pointer;}.wpthemeBanner .wpthemeCommonActions a.wpthemeHelp:link,.wpthemeBanner .wpthemeCommonActions a.wpthemeHelp:focus,.wpthemeBanner .wpthemeCommonActions a.wpthemeHelp:hover,.wpthemeBanner .wpthemeCommonActions a.wpthemeHelp:active {border: 0; margin-top: 18px; margin-left: 0; padding: 0;}.wpthemeCommonActions .wpthemeHelp img{background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/css/images/master.png"); background-position: 0 -812px; width:16px; height:16px;}.wpthemeCommonActions .wpthemeHelp img:hover {background-position:0 -786px;}.wpthemeBanner ul.wpthemeCommonActions .wpthemeBranding {display: block; border: 0; padding: 0; margin: 14px 0 0 0;}.wpthemeBanner ul.wpthemeCommonActions > li > span.wpthemeBranding, .wpthemeBanner ul.wpthemeCommonActions > li > span > a.wpthemeBrandingLink,.wpthemeBanner ul.wpthemeCommonActions > li.wpthemeLast > span, .wpthemeBanner ul.wpthemeCommonActions li.wpthemeLast a, .wpthemeBanner ul.wpthemeCommonActions li.wpthemeLast a:active {border: none;}.wpthemeActionDisabled:hover,.wpthemeActionDisabled:focus {cursor: not-allowed;}.wpthemeActionDisabled .wpthemeUnderlineText:hover,.wpthemeActionDisabled .wpthemeUnderlineText:focus {cursor: not-allowed;}.wpthemeBanner .wpthemeBranding img {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/css/images/master.png"); background-position:0 -890px; width:71px; height:26px; border: 0 none; line-height: 0; vertical-align: middle; display: block;}.wpthemeBanner ul.wpthemeCommonActions li a.wpthemeBrandingLink, .wpthemeBanner ul.wpthemeCommonActions li a.wpthemeBrandingLink:focus, .wpthemeBanner ul.wpthemeCommonActions li a.wpthemeBrandingLink:hover, .wpthemeBanner ul.wpthemeCommonActions li a.wpthemeBrandingLink:active {border: 0 none; margin: 0;}.wpthemeSecondaryBanner {background: #fff; margin: 0; padding: 0;}.wpthemeSecondaryNav{clear: both;}.wpthemeSecondaryNav ul{list-style: none; padding: 0; margin: 0;}.wpthemeSecondaryNav li{border-color: #D2D2D2; border-width: 0 1px; border-style: solid; margin: 0 -1px 0 0;}.wpthemeSecondaryNav a, .wpthemeSecondaryNav a:active {color: #10498F; margin: 6px 20px 6px 0; padding: 0 0 0 20px; display: block;}.wpthemeSecondaryNav a:hover, .wpthemeSecondaryNav a:focus {color: #05386B; text-decoration: none;}.wpthemeSecondaryBanner .wpthemeNavContainer1{background: #f8f8f8; background: -moz-linear-gradient(top, #f8f8f8 0%, #f8f8f8 84%, #e7e7e7 94%, #d2d2d2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(84%,#f8f8f8), color-stop(94%,#e7e7e7), color-stop(100%,#d2d2d2)); background: -webkit-linear-gradient(top, #f8f8f8 0%,#f8f8f8 84%,#e7e7e7 94%,#d2d2d2 100%); background: -o-linear-gradient(top, #f8f8f8 0%,#f8f8f8 84%,#e7e7e7 94%,#d2d2d2 100%); background: -ms-linear-gradient(top, #f8f8f8 0%,#f8f8f8 84%,#e7e7e7 94%,#d2d2d2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#d2d2d2',GradientType=0 ); background: linear-gradient(top, #f8f8f8 0%,#f8f8f8 84%,#e7e7e7 94%,#d2d2d2 100%); margin: 0; padding: 0;}.wpthemeSecondaryBanner .wpthemeNavContainer1 .wpthemeSelected {background-color: #FFFFFF;}.wpthemeSecondaryBanner .wpthemeNavContainer2{border-bottom: 1px solid #e7e7e7; background: #fff;}.wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSecondaryNav li, .wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSecondaryNav .wpthemeFirst,.wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSecondaryNav a.wpthemeFirst a,.wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSecondaryNav a.wpthemeFirst:active {border: 0;}.wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSecondaryNav a, .wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSecondaryNav a:active {border-left: 1px solid #D2D2D2;}.wpthemeSecondaryBanner .wpthemeNavContainer2 .wpthemeSelected {font-weight: bold;}.wpthemeCrumbTrail {margin: 6px 0 0 20px;}.wpthemeInner .wpthemeCrumbTrail a {color: #222; font-weight: normal;}.wpthemeInner .wpthemeCrumbTrail a :hover, .wpthemeInner .wpthemeCrumbTrail a :focus {color: #222; text-decoration: underline;}.wpthemeCrumbTrailSeparator{padding: 0px 5px;}.wpthemeCrumbTrail .wpthemeSelected{font-weight: bold;}.wpthemeMainContent{background: #fff; min-height: 400px;}.wpthemeLayoutContainers {padding: 10px 0;}.wpthemeFooter {border-top: 1px solid #e6e6e6; background-color: #EDEDED;}.wpthemeFooter h3 {margin-top: 25px; margin-bottom: 4px; text-shadow: 1px 1px #ccc;}.wpthemeFooterCol {padding: 0 10px; width: 300px; text-align: left; margin-bottom: 25px;}.wpthemeFooter ul {font-size: 0.9em; list-style: none; margin: 0; padding: 0;}.wpthemeFooter .wpthemeFooterCol ul li {margin: 4px 0; display: block;}.wpthemeFooter .wpthemeFooterCol ul li a:link,.wpthemeFooter .wpthemeFooterCol ul li a:visited,.wpthemeFooter .wpthemeFooterCol ul li a:hover,.wpthemeFooter .wpthemeFooterCol ul li a:active {color: #222; font-weight: normal; padding: 0;}.wpthemeControl {width: auto; padding: 0; margin: 0 0 20px; background: transparent;}.wpthemeControlHeader {display: table; width: 100%; background-color: transparent; background-image: none; border-bottom: 1px solid #E5E5E5; border-top: 3px solid #000000; margin: 0;}.wptheme_ie7 .wpthemeControlHeader {display: block;}.wpthemeControl .wpthemeControlHeader h2 {margin: 0; font-size: 1em; padding-left: 10px; display: table-cell; font-weight: bold; padding: 5px 5px 5px 0px; vertical-align: middle;}.wpthemeControl .wpthemeControlHeader .dndHandle {display: none;}.wptheme_ie7 .wpthemeControl .wpthemeControlHeader h2 {display: block; float: left;}.wpthemeControlHeader .wpthemeInner{display: table-row; word-wrap: break-word;}.wptheme_ie7 .wpthemeControlHeader .wpthemeInner{display: block; width: 100%;}.wpthemeControlHeader .wpthemeIcon {padding: 8px 1px; display: table-cell; vertical-align: top; width: 20px; outline: medium none; text-decoration: none; font-size: 0.9em;}.wptheme_ie7 .wpthemeControlHeader .wpthemeIcon {display: block; float: right;}.wpthemeControlHeader a.wpthemeIcon img{background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/css/images/master.png"); background-position:0 -268px; -moz-opacity: .5; filter: alpha(opacity=50); opacity: 0.5; width:12px; height:12px; display: block; border: 0;}.wpthemeControlHeader a.wpthemeIcon.contextMenuInSkinIcon img{background-position:0 -1496px;}.wpthemeControlHeader a.wpthemeIcon:focus {border: 1px dotted black; padding: 7px 0;}.wpthemeControl.wpthemeHidden .wpthemeControlHeader {display: none;}.wpthemeControl.wpthemeStandard {box-shadow: 0 1px 3px #D7D7D7; border: 1px solid #D7D7D7; padding: 10px;} .wpthemeHiddenPlusControl {background-image: none; background-color: transparent; margin: 0; padding: 0; width: auto;}.wpthemeHiddenPlusControlHeader {background-color: #eee; border: 0; display: none; float: right; opacity: 0.8; position: absolute; top: 0; z-index: 1;}.ibm-minimized .wpthemeControl .wpthemeControlBody {display: none;}.ibm-maximized {margin: 10px 15px; max-width:100%}.wpthemeCol{margin-left: 20px;min-height: 20px;}.wptheme1Col .wpthemeCol {width:940px;}.wptheme2Col .wpthemeCol {width:460px;}.wptheme3Col .wpthemeCol {width:300px;}.wptheme2Col.wpthemeUnequal .wpthemePrimaryContainer {width:620px;}.wptheme2Col.wpthemeUnequal .wpthemeSecondaryContainer {width:300px;}.wptheme3Col.wpthemeUnequal .wpthemePrimaryContainer {width:550px;}.wptheme3Col.wpthemeUnequal .wpthemeSecondaryContainer,.wptheme3Col.wpthemeUnequal .wpthemeTertiaryContainer {width:175px;}.wpthemeTopCol .wpthemeHeadlineContainer {width: 945px; margin-right: 15px; margin-bottom: 20px;}.wpthemeRow {overflow:auto; margin: 0 20px 20px; padding-left: 5px;}.wpthemeRow .wpthemeControl .wpthemeControlBody{height:200px; overflow:auto;}.wpthemeRow .wpthemeControl ,.hiddenWidgetsDiv .wpthemeControl {float: left; margin-right:7.5px; width:436px;}.wpthemeRow .component-control {float: left;}.wptheme_ie7 .hiddenWidgetsDiv .wpthemeControl {width: 415px;}.wpthemeMainContent .hiddenWidgetsDiv {background-color:#ccc; margin-left: 7.5px;}.wpthemeMainContent .hiddenWidgetsContainer {display:none; min-height:267px !important; border-bottom:1px solid #bbb;margin-bottom: 20px;}.hiddenWidgetsDiv .wpthemeControl {border:1px dashed #777; background-color:#fff;}.hiddenWidgetsDiv .hiddenWidgetMessage {background-color:#bbb; color:#000; border-bottom:1px solid #aaa; margin:0 -7.5px 7.5px; line-height:2.7em; padding:0 10px;}.mumHiddenWidget, .iw-Definition, .iw-ItemSet, .iw-ReceivedEvent{display: none;}.iw-loading{display: none;}.wpthemeControlBody .iw-iWidget, .wpthemeControlBody .iw-Content{height:100%;}.wpthemeLayoutContainers .iw-loading{display:inline;} .wpthemeNavList .wpthemeClose,.wpthemeNavList .wpthemeClose:active,.wpthemeNavList .wpthemeClose:hover,.wpthemeNavList .wpthemeClose:focus {background: none repeat scroll 0 0 #F9FBFF !important; border: 1px solid #00649D !important; color: #00649D !important; font-size: 0.8em; font-weight: bold !important; line-height: 0.8em; margin: 8px 5px 0 -15px; padding: 2px !important; text-shadow: none !important; text-decoration: none !important;}iframe#dj_history {display: none;}.wpthemeSearch {font-size: 1.111em; border-radius: 16px; margin: 14px 20px 14px 5px; border: 1px solid #222222; padding: 1px 6px; background-color: #f3f3f3;}.wpthemeSearch form{margin:0;}.wpthemeSearch input.wpthemeSearchText{width: 14em; background: transparent; padding-left: 5px; font-size: 0.9em; color: #999; border: 0;}.wpthemeSearch input.wpthemeSearchButton {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/css/images/master.png"); background-position:0 -225px; -moz-opacity: .4; opacity: 0.4; filter: alpha(opacity=40); border: 0; width:12px; height:12px; padding: 0 2px 2px 0; vertical-align: middle;} .table-responsive { overflow-x: auto; min-height: 0.01%; } .table-responsive .text-small { margin: 1rem 0 0!important; } .table-responsive .text-small + .text-small { margin: 0!important; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; margin-bottom: 1rem; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } @font-face { font-family: 'icomoon'; font-weight: normal; font-style: normal; src: url('/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/fonts/icomoon.eot'); /* IE9 Compat Modes */ src: url('/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/fonts/icomoon.eot') format('embedded-opentype'), /* IE6-IE8 */ url('/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/fonts/icomoon.woff') format('woff'), /* Pretty Modern Browsers */ url('/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/fonts/icomoon.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/fonts/icomoon.svg') format('svg'); /* Legacy iOS */ } [class^="icon-"]:before, [class*=" icon-"]:before, .converter .convert-group:after, .converter .convert-group:after, .btn-convert:after, .btn-convert:after { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-map:before { content: "\e94a"; } .icon-ico_specker:before { content: "\e947"; } .icon-pen:before { content: "\e944"; } .icon-phone2:before { content: "\e945"; } .icon-close2:before { content: "\e946"; } .icon-reg_new:before { content: "\e942"; } .icon-sub:before { content: "\e943"; } .icon-quocte:before { content: "\e93f"; } .icon-search2:before { content: "\e940"; } .icon-table_8:before { content: "\e920"; } .icon-user:before { content: "\e921"; } .icon-user_2:before { content: "\e922"; } .icon-arr3-up:before { content: "\e925"; } .icon-arr3-down:before { content: "\e926"; } .icon-arr3-right:before { content: "\e927"; } .icon-arr3-left:before { content: "\e924"; } .icon-table_8:before { content: "\e920"; } .icon-user:before { content: "\e921"; } .icon-user_2:before { content: "\e922"; } .icon-arr_type3_1:before { content: "\e923"; } .icon-arr_type3_2:before { content: "\e924"; } .icon-arr_type3_3:before { content: "\e925"; } .icon-arr_type3_4:before { content: "\e926"; } .icon-arr_type4_1:before { content: "\e927"; } .icon-arr_type4_2:before { content: "\e928"; } .icon-arr_type4_3:before { content: "\e929"; } .icon-arr_type4_4:before { content: "\e92a"; } .icon-building:before { content: "\e92b"; } .icon-chat:before { content: "\e92c"; } .icon-down:before { content: "\e92d"; } .icon-hand_love:before { content: "\e92e"; } .icon-home_dola:before { content: "\e92f"; } .icon-insurance1:before { content: "\e930"; } .icon-insurance2:before { content: "\e931"; } .icon-insurance3:before { content: "\e932"; } .icon-insurance4:before { content: "\e933"; } .icon-insurance5:before { content: "\e934"; } .icon-insurance6:before { content: "\e935"; } .icon-jointstock1:before { content: "\e936"; } .icon-jointstock2:before { content: "\e937"; } .icon-jointstock3:before { content: "\e938"; } .icon-jointstock4:before { content: "\e939"; } .icon-rocket:before { content: "\e93a"; } .icon-table_1:before { content: "\e93b"; } .icon-table_2:before { content: "\e93c"; } .icon-table_3:before { content: "\e93d"; } .icon-table_4:before { content: "\e941"; } .icon-table_5:before { content: "\e93e"; } .icon-table_6:before { content: "\e948"; } .icon-table_7:before { content: "\e949"; } .icon-acount_ico1:before { content: "\e900"; } .icon-acount_ico2:before { content: "\e901"; } .icon-acount_ico3:before { content: "\e902"; } .icon-add_user:before { content: "\e903"; } .icon-arr_type1_1:before { content: "\e904"; } .icon-arr_type1_2:before { content: "\e905"; } .icon-arr_type1_3:before { content: "\e906"; } .icon-arr_type1_4:before { content: "\e907"; } .icon-arr_type2_1:before { content: "\e908"; } .icon-arr_type2_2:before { content: "\e909"; } .icon-arr_type2_3:before { content: "\e90a"; } .icon-arr_type2_4:before { content: "\e90b"; } .icon-car:before { content: "\e90c"; } .icon-clock:before { content: "\e90d"; } .icon-close:before { content: "\e90e"; } .icon-date:before { content: "\e90f"; } .icon-date_2:before { content: "\e910"; } .icon-download:before { content: "\e911"; } .icon-earth:before { content: "\e912"; } .icon-edu:before { content: "\e913"; } .icon-filter:before { content: "\e914"; } .icon-home:before { content: "\e915"; } .icon-ico_pdf:before { content: "\e916"; } .icon-lock:before { content: "\e917"; } .icon-mail:before { content: "\e918"; } .icon-location:before { content: "\e919"; } .icon-phone:before { content: "\e91a"; } .icon-plus:before { content: "\e91b"; } .icon-point:before { content: "\e91c"; } .icon-print:before { content: "\e91d"; } .icon-search:before { content: "\e91e"; } .icon-transaction:before { content: "\e91f"; } /* Font iconmon2*/ @font-face { font-family: 'icomoon2'; src: url('/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/fonts/iconmoon2/fonts/icomoon.eot?h43ouz'); src: url('/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/fonts/iconmoon2/fonts/icomoon.eot?h43ouz') format('embedded-opentype'), url('/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/fonts/iconmoon2/fonts/icomoon.ttf?h43ouz') format('truetype'), url('/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/fonts/iconmoon2/fonts/icomoon.woff?h43ouz') format('woff'), url('/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/fonts/iconmoon2/fonts/icomoon.svg?h43ouz') format('svg'); font-weight: normal; font-style: normal; } [class*="icm2-"]:before, [class*="icm2-"] [class*="path"]:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon2' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*="icm2-"]:before { color: inherit !important; } .icm2-icon-user-login:before { content: "\e922"; } .icm2-homepage-copy-2:before { content: "\e900"; color: #345dd4; } .icm2-chuyen-gia:before { content: "\e901"; } .icm2-group-7:before { content: "\e902"; } .icm2-icn-accordion-close .path1:before { content: "\e903"; color: #21409a; } .icm2-icn-accordion-close .path2:before { content: "\e904"; margin-left: -1em; color: #ffffff; } .icm2-icn-accordion-open .path1:before { content: "\e905"; color: #c4e1f7; } .icm2-icn-accordion-open .path2:before { content: "\e906"; margin-left: -1em; color: #14265b; } .icm2-icn-calender:before { content: "\e907"; color: #999; } .icm2-icn-chinh-sach-tuyen-dung:before { content: "\e908"; color: #21409a; } .icm2-icn-chuyen-gia:before { content: "\e909"; } .icm2-icn-close .path1:before { content: "\e90a"; color: #9e9e9e; } .icm2-icn-close .path2:before { content: "\e90b"; margin-left: -1em; color: #9e9e9e; } .icm2-icn-close .path3:before { content: "\e90c"; margin-left: -1em; color: #ffffff; } .icm2-icn-download-grey:before { content: "\e90d"; color: #9e9e9e; } .icm2-icn-dropdown-1:before { content: "\e90e"; } .icm2-icn-email:before { content: "\e90f"; color: #9e9e9e; } .icm2-icn-error .path1:before { content: "\e910"; color: #ffc800; } .icm2-icn-error .path2:before { content: "\e911"; margin-left: -1em; color: #ffffff; } .icm2-icn-error .path3:before { content: "\e912"; margin-left: -1em; color: #ffffff; } .icm2-icn-facebook:before { content: "\e913"; color: #3b5998; } .icm2-icn-facebook_2:before { content: "\e914"; color: #fff; } .icm2-icn-ho-so-truc-tuyen:before { content: "\e915"; } .icm2-icn-icn-download:before { content: "\e916"; color: #345dd4; } .icm2-icn-linked-in:before { content: "\e917"; color: #0077b5; } .icm2-icn-linked-in_2:before { content: "\e918"; color: #fff; } .icm2-icn-log-out:before { content: "\e919"; } .icm2-icn-moi-truong-lam-viec:before { content: "\e91a"; color: #21409a; } .icm2-icn-more:before { content: "\e91b"; } .icm2-icn-more-2:before { content: "\e91c"; color: #9e9e9e; } .icm2-icn-nguoi-kinh-nghiem:before { content: "\e91d"; } .icm2-icn-password:before { content: "\e91e"; color: #9e9e9e; } .icm2-icn-pdf-blue:before { content: "\e91f"; color: #345dd4; } .icm2-icn-pdf-grey:before { content: "\e920"; color: #9e9e9e; } .icm2-icn-personal-infor:before { content: "\e921"; } .icm2-icn-quan-ly-ca-nhan:before { content: "\e923"; } .icm2-icn-quan-ly-cao-cap:before { content: "\e924"; color: #21409a; } .icm2-icn-quan-ly-ho-so:before { content: "\e925"; color: #21409a; } .icm2-icn-quan-ly-so-cap:before { content: "\e926"; color: #21409a; } .icm2-icn-quan-ly-trung-cap:before { content: "\e927"; color: #21409a; } .icm2-icn-search:before { content: "\e928"; } .icm2-icn-sinh-vien:before { content: "\e929"; } .icm2-icn-success .path1:before { content: "\e92a"; color: #24bf7f; } .icm2-icn-success .path2:before { content: "\e92b"; margin-left: -1em; color: #ffffff; } .icm2-icn-success .path3:before { content: "\e92c"; margin-left: -1em; color: #ffffff; } .icm2-icn-thuc-tap:before { content: "\e92d"; } .icm2-icn-tin-tuyen-dung:before { content: "\e92e"; color: #21409a; } .icm2-icn-youtube:before { content: "\e92f"; color: #fff; } .icm2-icon-username:before { content: "\e930"; } .icm2-kinh-nghiem:before { content: "\e931"; } .icm2-thuc-tap:before { content: "\e932"; } .icm2-tot-nghiep:before { content: "\e933"; } input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"], input[type="date"], textarea { color: #1c2e36; font-size: 1.533rem; width: 100%; line-height: 48px; background-color: #FFF; height: 48px; border-radius: 4px; padding: 0 5px; } input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="date"]:-moz-placeholder, textarea:-moz-placeholder { color: #9e9e9e; } input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="date"]::-moz-placeholder, textarea::-moz-placeholder { color: #9e9e9e; } input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #9e9e9e; } input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #9e9e9e; } textarea { height: auto; line-height: inherit; min-height: 100px; } .label-require { color: #d0021b; font-weight: bold; margin-left: 5px; } #online-register > .inner-container > .btn-control { top: 22px; position: relative; margin-bottom: 25px; } #online-register > .inner-container { padding-bottom: 0px; } body.popreg-show { height: 100%; overflow: hidden; } .online-reg-form { position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; z-index: -20; } .online-reg-form.on { opacity: 1; visibility: visible; z-index: 200; } .online-reg-form .screen-overlay { background: rgba(0, 0, 0, 0.59); position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; } .online-reg-form .close-btn { position: absolute; top: 0px; right: 0px; z-index: 3; cursor: pointer; } .online-reg-form .close-btn img { width: 100%; } @media only screen and (max-width: 767px) { .online-reg-form .form-wrapper { width: 100%!important; } } .online-reg-form .form-wrapper { max-width: 985px; width: 90%; padding: 15px 4px; position: relative; margin: auto; z-index: 2; opacity: 0; visibility: hidden; background: #fff; max-height: 100vH; overflow: auto; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; border-radius: 3px; } .online-reg-form .form-wrapper:after { content: ""; display: table; clear: both; } .online-reg-form .form-wrapper.on { opacity: 1; visibility: visible; } .online-reg-form .title-1 { position: relative; padding-bottom: 10px; margin-top: -12px; } @media only screen and (min-width: 1024px) { .online-reg-form .title-1 { padding-bottom: 15px; } } .online-reg-form .title-1:before { content: ""; width: 30px; height: 4px; background-color: #ed1d24; position: absolute; left: 0; bottom: 0; border-radius: 2px; } .online-reg-form form ._customer-infos { margin: 0px -10px; } .online-reg-form form ._customer-infos > li { margin-bottom: 10px; padding: 0px 10px; } @media only screen and (min-width: 768px) { .online-reg-form form ._customer-infos > li { margin-bottom: 15px; float: left; width: 50%; } .online-reg-form form ._customer-infos > li.full-width { width: 100%; } } .online-reg-form form ._customer-infos > li input { border: 1px solid #e0e0e0; border-radius: 4px; font-weight: 600; padding: 15px; font-size: 14px; } .online-reg-form form .subcol li { width: 25%; float: left; } .online-reg-form form .subcol li:nth-child(4n+1) { clear: both; } .online-reg-form form .sub-title { font-size: 14px; line-height: 30px; font-weight: 600; margin-bottom: 10px; margin-top: 15px; } @media only screen and (min-width: 768px) { .online-reg-form form .sub-title { font-size: 16px; margin-bottom: 15px; margin-top: 20px; } } @media only screen and (min-width: 1024px) { .online-reg-form form .sub-title { font-size: 1.285rem; } } .online-reg-form form .sub-title span { width: 30px; height: 30px; display: inline-block; vertical-align: middle; border-radius: 4px; background-color: #e0e0e0; text-align: center; margin-right: 19px; } .online-reg-form form label { line-height: 1.43; font-weight: 600; margin-bottom: 6px; display: block; } .common-form { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .common-form .form-wrapper { max-width: 985px; padding: 15px; position: relative; margin: auto; z-index: 2; background: #fff; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; border-radius: 3px; } .common-form .form-wrapper:after { content: ""; display: table; clear: both; } @media only screen and (min-width: 768px) { .common-form .form-wrapper { padding: 20px; } } @media only screen and (min-width: 1024px) { .common-form .form-wrapper { padding: 30px 50px; } } .common-form form .form-item { margin: 0px -10px; } .common-form form .form-item > li { margin-bottom: 10px; padding: 0px 10px; background: transparent !important; float: left; width: 100%; } @media only screen and (min-width: 768px) { .common-form form .form-item > li { margin-bottom: 15px; width: 100%; } .common-form form .form-item > li.full-width { width: 100%; } } .common-form form .form-item > li input, .common-form form .form-item > li textarea { border: 1px solid #e0e0e0; border-radius: 4px; font-weight: 600; padding: 15px; font-size: 14px; } .common-form form .form-item > li input[type="radio"], .common-form form .form-item > li textarea[type="radio"] { border-radius: 100%; margin: 10px 10px 10px 0px; border-width: 6px; -webkit-box-shadow: 0 0 0 3px #e0e0e0; box-shadow: 0 0 0 3px #e0e0e0; border-color: #fff; padding: 7px; } .common-form form .form-item > li input[type="radio"]:checked, .common-form form .form-item > li textarea[type="radio"]:checked { background: #21409a; -webkit-box-shadow: 0 0 0 3px #21409a; box-shadow: 0 0 0 3px #21409a; } .common-form form .form-item .guide { padding-left: 30px; padding-bottom: 5px; margin-top: 15px; color: #9e9e9e; } .common-form form .subcol li { width: 25%; float: left; } .common-form form .subcol li:nth-child(4n+1) { clear: both; } .common-form form .sub-title { font-size: 14px; line-height: 30px; font-weight: 600; margin-bottom: 10px; margin-top: 15px; } @media only screen and (min-width: 768px) { .common-form form .sub-title { font-size: 16px; margin-bottom: 15px; margin-top: 20px; } } @media only screen and (min-width: 1024px) { .common-form form .sub-title { font-size: 1.285rem; } } .common-form form .sub-title span { width: 30px; height: 30px; display: inline-block; vertical-align: middle; border-radius: 4px; background-color: #e0e0e0; text-align: center; margin-right: 19px; } .common-form form label { line-height: 1.43; font-weight: 600; margin-bottom: 6px; display: block; } .common-form form label.sub-label { font-weight: normal; margin-bottom: 0px; margin-top: 6px; } .common-form form .inline-icon, .common-form form .inline-text { position: relative; } .common-form form .inline-icon:before, .common-form form .inline-text:before, .common-form form .inline-icon ._text, .common-form form .inline-text ._text { top: 50%; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; font-size: 30px; color: #999 !important; right: 10px; } .common-form form .inline-icon ._text, .common-form form .inline-text ._text { font-size: inherit; font-weight: 600; } .common-form form .inline-icon input, .common-form form .inline-text input { padding-right: 80px !important; } .common-form form .inline-select { position: relative; } .common-form form .inline-select .bidv-select-box { top: 50%; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; right: 0px; min-width: 100px; } .common-form form .inline-select .bidv-select-box ._selected-text { border: none; border-left: 1px solid #e0e0e0; background: transparent; border-radius: 0px; color: #999 !important; } .common-form form .inline-select input { padding-right: 100px !important; } .common-form form .icm2-icn-success { margin-right: 10px; display: inline-block; vertical-align: middle; font-size: 30px; } .common-form form .icm2-icn-success .path1::before, .common-form form .icm2-icn-success .path3::before { color: transparent; } .common-form form .icm2-icn-success .path2::before { color: #e0e0e0; } .common-form form input:checked + .icm2-icn-success .path1::before { color: #21409a; } .common-form form input:checked + .icm2-icn-success .path2::before { color: #21409a; } .common-form form input:checked + .icm2-icn-success .path3::before { color: #fff; } .common-form form .agree-terms { margin: 10px 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .common-form form .agree-terms a { color: #345dd4; } .common-form form .form-require-radio-check { display: none; } #email-us-form { max-width: 620px; margin: 0 auto; } #email-us-form .pull-left, #email-us-form .pull-right { width: 48%; } #email-us-form ._customer-infos .info-block { margin-bottom: 20px; } #email-us-form label { line-height: 1.43; font-weight: 600; margin-bottom: 6px; display: block; } #email-us-form input, #email-us-form textarea { border: 1px solid #e0e0e0; border-radius: 4px; font-weight: 600; padding: 15px; font-size: 14px; } #email-us-form .btn.btn-blue { min-width: 160px; } .select-has-scrollbar ._selection-field { overflow: hidden !important; } .select-has-scrollbar ._selection-field .mCSB_dragger_bar, .estimate-selection .estimate-selection-field .mCSB_dragger_bar { background: #9e9e9e !important; } input[type=checkbox] { display: none; } input[type=checkbox] + label { position: relative; padding-left: 40px; display:block; } input[type=checkbox] + label:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; left: 0; border-radius: 3px; border: solid 1px #e0e0e0; } input[type=checkbox]:checked + label:after { content: ''; position: absolute; left: 2px; top: 2px; width: 18px; height: 10px; border-bottom: 2px solid #21409a; border-left: 2px solid #21409a; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .frm-top-note { margin-top: 10px; } .regnew-note { border-top: 2px solid #979797; border-bottom: 2px solid #979797; padding: 15px 0; color: #9e9e9e; width: 48%; float: left; } .regnew-note .highlight { color: #14265b; font-weight: 600; } .regnew-note p { margin-bottom: 0; } .regnew-btn { float: right; clear: both; padding-top: 15px; } @media only screen and (min-width: 768px) { #register-consultant .form-wrapper form { margin: 0px -40px; } } @media only screen and (min-width: 768px) { #register-consultant .form-wrapper form .form-item { margin: 0px; } #register-consultant .form-wrapper form .form-item > li { padding: 0px 40px; } } .popup-alert { width: 100%; height: 100%; min-height: 100vh; overflow: auto; position: fixed; top: 0; left: 0; z-index: 99; background-color: rgba(0, 0, 0, 0.5); display: none; } .popup-alert .popup-wrapper { display: table; width: 100%; height: 100%; text-align: center; } .popup-alert .popup-wrapper .popup-content { display: table-cell; vertical-align: middle; } .popup-alert .popup-wrapper .popup-content .box-content { padding: 20px 70px; background: #fff; border-radius: 5px; display: inline-block; margin: 0px 20px; } .popup-alert .alert-icon { font-size: 70px; margin-top: -55px; margin-bottom: 20px; } .popup-alert .btn { margin-top: 40px; cursor: pointer; } .title-1 { line-height: 1.33; font-size: 1.285rem; font-weight: 800; } @media only screen and (min-width: 768px) { .title-1 { font-size: 1.714rem; } } @media only screen and (min-width: 1024px) { .title-1 { font-size: 32px; } } @media only screen and (min-width: 1280px) { .title-1 { /*font-size: 2.928rem; ----fix font-size title home----*/ font-size: 2.5rem; } } .title-1 .icon-arr_type1_1 { font-size: 70%; margin-left: 40px; } @media only screen and (max-width: 767px) { .title-1 .icon-arr_type1_1 { margin-left: 10px; } } .title-1 a { font-size: inherit; font-weight: inherit; color: inherit; } .title-1 a:hover { color: inherit; } .title-2 { font-size: 1.285rem; line-height: 1.25; } @media only screen and (min-width: 1024px) { .title-2 { font-size: 1.714rem; } } .title-3 { font-size: 1rem; line-height: 1.43; text-transform: uppercase; } .text-medium { font-size: 14px; line-height: 1.33; } @media only screen and (min-width: 768px) { .text-medium { font-size: 16px; } } @media only screen and (min-width: 1024px) { .text-medium { font-size: 1.285rem; } } .font-bold { font-weight: 600; } .link-view-more { padding-right: 30px; position: relative; } .link-view-more:before { content: ""; position: absolute; right: 10px; top: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-top: solid 2px #345dd4; border-right: solid 2px #345dd4; width: 8px; height: 8px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } .link-view-more:hover:before { opacity: 1; right: 5px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } .center, .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .fixed-screen { max-height: 100vh; overflow: hidden; } .light-border-bot { border-bottom: 1px solid #E0E0E0; } .light-border-bot.background-blue { background-color: #15234e; border: none; } .light-border-right { border-right: 1px solid #e0e0e0; } .light-grey-bg { background-color: #f7f9fb; } .grey-bg { background-color: #f5f5f5; } .share-info p.share-text { font-weight: normal; margin-bottom: 10px; } .share-info .share-icon li { display: inline-block; width: 45px; margin-right: 6px; height: 45px; } @media only screen and (min-width: 768px) { .share-info .share-icon li { width: 30px; height: 30px; } } .share-info .share-icon li img { width: 100%; } a:hover { color: #345dd4; } .bg { -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } .bnr-overlay { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); } .mt10 { margin-top: 10px; } .bg-gray { background-color: #f5f5f5; } @media only screen and (max-width: 480px) { .full-width-480 { width: 100% !important; } } .color-blue { color: #21409A; } .ui-datepicker { z-index: 99999 !important; background: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23); border-radius: 4px; overflow: hidden; } .ui-datepicker .ui-datepicker-header { background: #21409a; position: relative; padding: 10px 20px; text-align: center; color: #fff; text-transform: uppercase; font-size: 18px; } .ui-datepicker .ui-datepicker-header .ui-icon { text-indent: -9999px; color: transparent; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { position: absolute; top: 50%; margin-top: -15px; left: 20px; color: #fff; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon-circle-triangle-w:before { content: "\e909"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #fff; font-size: 11px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { position: absolute; top: 50%; margin-top: -15px; color: #fff; right: 20px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-e::after { content: "\e908"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #fff; font-size: 11px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; } .ui-datepicker .ui-datepicker-header .ui-datepicker-year { display: none; } .ui-datepicker table td, .ui-datepicker table th { padding: 5px 5px; text-align: center; } @media only screen and (min-width: 769px) { .ui-datepicker table td, .ui-datepicker table th { padding: 17px 25px; } } .ui-datepicker table td a, .ui-datepicker table th a { border-radius: 100%; padding: 1px 0px; width: 23px; height: 23px; display: inline-block; } .ui-datepicker table td a.ui-state-active, .ui-datepicker table th a.ui-state-active, .ui-datepicker table td a.ui-state-hover, .ui-datepicker table th a.ui-state-hover { background: #21409a; color: #fff; } .ui-datepicker table th { text-transform: uppercase; } .ui-datepicker table th span { font-weight: 600; } .ui-datepicker table .ui-priority-secondary { color: #888; } #map { height: 240px; margin: 20px 0; } .headquarters { max-width: 1050px; margin: auto; } .headquarters .headquarters-content ._title { font-size: 16px; font-weight: 600; line-height: 1.33; } .headquarters .headquarters-content p:not(._title) { margin-top: 15px; line-height: 1.43; } @media only screen and (min-width: 768px) { .headquarters .headquarters-content { padding: 0 5%; } } .headquarters .contact-by { margin-top: 30px; } .headquarters .contact-by li:not(:last-child) { margin-bottom: 20px; } .headquarters .contact-by li a { color: #345DD4; } .headquarters .contact-by li a span { padding-left: 20px; } .mCustomScrollBox.mCSB_inside > .mCSB_container { margin-right: 16px; } .table-reponsive { width: 100%; } .table-reponsive tbody tr:not(.last-child) { border-bottom: 1px solid #e0e0e0; } .table-reponsive td { padding: 15px 5px; } @media only screen and (min-width: 768px) { .table-reponsive td:first-child { padding-left: 0px; text-align: left; } } .table-reponsive td.empty-col { border-bottom: none !important; } .table-reponsive td .mobile-thead { display: none; } .table-reponsive thead tr { border-bottom: 3px solid #e0e0e0; } .table-reponsive thead td { font-weight: 800; } .table-reponsive.trigger-responsive thead { display: none; } .table-reponsive.trigger-responsive td { width: 100% !important; float: left; text-align: right !important; padding: 5px 0px; } .table-reponsive.trigger-responsive td .mobile-thead { display: inline-block; width: 50%; float: left; text-align: left !important; } .table-reponsive.trigger-responsive td .mobile-content { width: 50%; float: left; text-align: right !important; } @media only screen and (max-width: 767px) { .table-reponsive.trigger-responsive td .mobile-content { float: right!important; } } .table-reponsive.trigger-responsive tr { padding: 10px 10px; float: left; width: 100%; } .table-reponsive.trigger-responsive tr:nth-child(2n+1) { background: #f8f8f8; } .pnf-title { color: #21409a; font-weight: 800; padding: 10px 0; } .pnf-title .icon-search { margin-right: 10px; } .pnf-btn { margin: 25px 0 60px; text-transform: uppercase; } .pnf-background { position: relative; z-index: 2; padding: 64px 0 50px; } .pnf-background:before { content: ''; background: #F8F9FB; width: 100vw; left: 50%; margin-left: -50vw; position: absolute; z-index: -1; top: 0; bottom: 0; } .pnf-background:after { content: ''; display: table; clear: both; } .pnf-background h5 { text-align: center; font-size: 12px; margin-bottom: 26px; } .page-notfound .title-2 { font-size: 24px; font-weight: 800; } @media only screen and (max-width: 767px) { .keep-original { overflow-x: scroll; } .keep-original img { width: auto; max-width: none; } } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow { background: rgba(0, 0, 0, 0.2); padding: 10px; border-radius: 50%; font-size: 0; position: absolute; z-index: 10; top: 50%; } .slick-arrow:before { background: rgba(255, 255, 255, 0.79) url(/wps/wcm/connect/10b16bae-98d7-431a-a37e-af7b7cf093cf/icn-arrow-right-center.svg?MOD=AJPERES) no-repeat center center; -webkit-background-size: 30px 30px; background-size: 30px; /*line-height: 65px;*/ content: ''; width: 65px; height: 65px; display: block; border-radius: 50%; } .slick-prev:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .slick-arrow.slick-hidden { display: none; } .slick-disabled { display: none !important; } /* Dots */ .slick-dots { position: absolute; bottom: 20px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; z-index: 10; padding-right: 10px; } .slick-dots li { position: relative; display: inline-block; height: 10px; width: 10px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; background: rgba(196, 225, 247, 0.59); border-radius: 50%; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 0.8; } .slick-dots li.slick-active button { color: #21409a; opacity: 1; background-color: #21409a; } .fullscreen-slider .slick-arrow, .slider-comparison-card .slick-arrow { padding: 0; width: 58px; height: 58px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: none; } .fullscreen-slider .slick-prev, .slider-comparison-card .slick-prev { left: 20px; } .fullscreen-slider .slick-prev:before, .slider-comparison-card .slick-prev:before { background: url(/wps/wcm/connect/906e196a-25bc-4a19-b5f4-75c4d7dd2a57/icn-arr-left.svg?MOD=AJPERES) no-repeat center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); width: 58px; height: 58px; } @media only screen and (min-width: 1280px) { .fullscreen-slider .slick-prev, .slider-comparison-card .slick-prev { left: calc((100% - 1180px)/2); left: -o-calc((100% - 1180px)/2); } } .fullscreen-slider .slick-next, .slider-comparison-card .slick-next { right: 20px; } .fullscreen-slider .slick-next:before, .slider-comparison-card .slick-next:before { background: url(/wps/wcm/connect/44424284-ad70-4721-9ec0-a66015af6492/icn-arr-right.svg?MOD=AJPERES) no-repeat center center; width: 58px; height: 58px; } @media only screen and (min-width: 1280px) { .fullscreen-slider .slick-next, .slider-comparison-card .slick-next { right: calc((100% - 1180px)/2); right: -o-calc((100% - 1180px)/2); } } .bg-img { position: absolute; max-width: none; top: 50%; left: 50%; min-width: 100%; min-height: 100%; z-index: -1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media only screen and (max-width: 1023px) { .bg-img { max-width: none; width: auto; } } .default-banner .caption { position: relative; z-index: 4; } .fullscreen-slider .item-slider { width: 100%; height: 380px; position: relative; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (min-width: 1024px) { .fullscreen-slider .item-slider { margin: 0 5px; max-width: 980px; } } .fullscreen-slider .item-slider:before { content: ""; position: absolute; width: 60%; height: 100%; background: -webkit-linear-gradient(left, #000, rgba(0, 0, 0, 0)); background: -o-linear-gradient(left, #000, rgba(0, 0, 0, 0)); background: -webkit-gradient(linear, left top, right top, from(#000), to(rgba(0, 0, 0, 0))); background: linear-gradient(to right, #000, rgba(0, 0, 0, 0)); } .fullscreen-slider .caption { display: table; width: 100%; opacity: 0; position: relative; z-index: 3; } .fullscreen-slider .caption .inner-container { display: table-cell; width: 100%; vertical-align: middle; height: 380px; padding-left: 20px; } @media only screen and (min-width: 768px) { .fullscreen-slider .caption .inner-container { padding-left: 50px; text-align: left; } } @media only screen and (min-width: 1280px) { .fullscreen-slider .caption .inner-container { padding-left: 100px; } } .fullscreen-slider .caption .inner-container .title-2 { color: #F5F5F5; line-height: 1.25; font-weight: 800; max-width: 380px; } @media only screen and (min-width: 768px) { .fullscreen-slider .caption .inner-container .title-2 { margin-left: 0; text-align: left; } } .fullscreen-slider .caption .inner-container .sub-title { margin-bottom: 10px; display: inline-block; color: #FFF; font-weight: 600; } #promotions .fullscreen-slider .caption .inner-container .sub-title, #bidv-attractive .fullscreen-slider .caption .inner-container .sub-title { border-radius: 4px; background-color: rgba(0, 0, 0, 0.9); padding: 5px 15px; border-radius: 5px; } .fullscreen-slider .caption .inner-container a.btn.btn-blue, .fullscreen-slider .caption .inner-container a.btn.btn-transparent { margin-top: 30px; } .fullscreen-slider .caption .inner-container .card-link { background-color: #FFF; border-radius: 4px; padding: 9px; width: 100%; max-width: 300px; margin-top: 30px; margin: 30px auto 0; } @media only screen and (min-width: 768px) { .fullscreen-slider .caption .inner-container .card-link { margin-left: 0; } } .fullscreen-slider .caption .inner-container .card-link img { width: 45%; max-width: 135px; float: left; } .fullscreen-slider .caption .inner-container .card-link ._short-des { width: 55%; padding: 10px 20px 0; height: 70px; line-height: 1.43; float: right; overflow: hidden; position: relative; } .fullscreen-slider .caption .inner-container .card-link ._short-des span { color: #9e9e9e; font-weight: 600; } .fullscreen-slider .caption .inner-container .card-link ._short-des p { color: #212121; font-weight: 600; } .fullscreen-slider .slick-current .caption { opacity: 1; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; } .internal-news-slider .thumbnail .image { height: 280px; } .internal-news-slider .col { width: 210px; } @media only screen and (min-width: 480px) { .internal-news-slider .col { margin-right: 30px; } } @media only screen and (min-width: 768px) { .internal-news-slider .col { margin-right: 50px; } } @media only screen and (min-width: 1280px) { .internal-news-slider .col { margin-right: 90px; } } .internal-news-slider .slick-arrow { position: absolute; top: 114px; z-index: 10; padding: 5px; } .internal-news-slider .slick-arrow:before { width: 40px; height: 40px; } @media only screen and (min-width: 768px) { .internal-news-slider .slick-arrow { padding: 8px; top: 106px; } .internal-news-slider .slick-arrow:before { width: 50px; height: 50px; } } @media only screen and (min-width: 1280px) { .internal-news-slider .slick-arrow { padding: 10px; top: 97px; } .internal-news-slider .slick-arrow:before { width: 65px; height: 65px; } } .internal-news-slider .slick-prev { left: -10px; } @media only screen and (min-width: 768px) { .internal-news-slider .slick-prev { left: 10px; } } @media only screen and (min-width: 1280px) { .internal-news-slider .slick-prev { left: -40px; } } .internal-news-slider .slick-next { left: auto; right: -10px; } @media only screen and (min-width: 768px) { .internal-news-slider .slick-next { right: 10px; } } @media only screen and (min-width: 1280px) { .internal-news-slider .slick-next { right: auto; left: 1065px; } } .card-info__slider .slick-dots, .slider-comparison-card .slick-dots { text-align: center; /*bottom: -10px;*/ } .card-info__slider .slick-dots li, .slider-comparison-card .slick-dots li { margin: 0 3px; } .card-info__slider .slick-dots li button:before, .slider-comparison-card .slick-dots li button:before { background-color: rgba(196, 225, 247, 0.4); } .card-info__slider .slick-dots li.slick-active button:before, .slider-comparison-card .slick-dots li.slick-active button:before { background-color: #21409A; } .slider-comparison-card .slick-dots { bottom: -35px; } .slider-comparison-card .slick-dots li button:before { background-color: #fff; } @media only screen and (min-width: 768px) { .card-info__slider { /*margin: 0 70px;*/ margin: 0 90px; } } .card-info__slider .slick-list { overflow: visible; padding: 20px 0px; } @media only screen and (min-width: 768px) { .card-info__slider .slick-list { overflow: hidden; } } .card-info__slider .item-slider { width: 100%; padding-top: 35px; } @media only screen and (min-width: 768px) { .card-info__slider .item-slider { width: 33.33%; max-width: 340px; } } .card-info__slider .item-slider ._inner-content { position: relative; text-align: center; border-radius: 4px; padding: 30px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } @media only screen and (min-width: 1139px) { .card-info__slider .item-slider ._inner-content { padding: 40px; } } @media only screen and (max-width: 1024px) { .card-info__slider .item-slider ._inner-content { height: 320px; } } @media only screen and (min-width: 1025px) { .card-info__slider .item-slider ._inner-content { height: 350px; } } @media only screen and (min-width: 1280px) { .card-info__slider .item-slider ._inner-content { padding: 30px; width: 320px; height:auto; min-height: 320px; } } .card-info__slider .item-slider ._inner-content img { display: inline-block; } .card-info__slider .item-slider ._inner-content .title-2 { margin-top: 20px; font-weight: 800; line-height: 1.08; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .card-info__slider .item-slider ._inner-content p { margin-top: 10px; line-height: 1.43; min-height: 40px; margin-bottom: 0px; } .card-info__slider .item-slider.slick-current ._inner-content { margin-top: -30px; -webkit-box-shadow: 0 7px 30px 0 #e0e0e0; box-shadow: 0 7px 30px 0 #e0e0e0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .card-info__slider .item-slider.slick-current .title-2 { margin-top: 27px; color: #ED1D24; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .premier .card-info__slider .item-slider.slick-current .title-2 { color: #daa520; } .card-info__slider .slick-arrow { top: 50%; margin-top: -45px; width: 60px; height: 60px; padding: 5px; } .card-info__slider .slick-arrow:before { line-height: 50px; width: 50px; height: 50px; } .card-info__slider .slick-prev { left: 0; } @media only screen and (min-width: 1280px) { .card-info__slider .slick-prev { left: calc((100% - 1180px)/2); left: -o-calc((100% - 1180px)/2); } } .card-info__slider .slick-next { right: 0; } @media only screen and (min-width: 1280px) { .card-info__slider .slick-next { right: calc((100% - 1180px)/2); right: -o-calc((100% - 1180px)/2); } } .bidv-cards-detail--premier .card-info__slider .item-slider:hover .title-2, .bidv-cards-detail--premier .card-info__slider .item-slider.slick-current .title-2 { color: #DAA520; } .slider-4-items { margin: 0px -10px; } .slider-4-items .item-slider { width: 100%; padding: 0px 10px; } @media only screen and (min-width: 1280px) { .slider-4-items .item-slider { max-width: 295px; width: 25%; } } .slider-4-items .slick-dots { text-align: center; bottom: -30px; } .slider-4-items .slick-dots li { margin: 0 3px; } .slider-4-items .slick-dots li button:before { background-color: rgba(196, 225, 247, 0.4); } .slider-4-items .slick-dots li.slick-active button:before { background-color: #21409A; } [data-tab] .tab-header { padding: 0 0 20px; } [data-tab] .tab-header:before, [data-tab] .tab-header:after { display: table; content: ""; } [data-tab] .tab-header:after { clear: both; } [data-tab] .tab-header li { display: inline-block; margin-right: 14%; } [data-tab] .tab-header li:last-child { margin: 0; } [data-tab] .tab-header a { position: relative; display: inline-block; font-weight: 600; } [data-tab] .tab-header a:before { content: ''; position: absolute; background: #21409a; bottom: -25px; height: 2px; left: 0; width: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } [data-tab] .tab-header a.active { color: #21409a; font-size: 16px; } .premier [data-tab] .tab-header a.active { color: inherit; } [data-tab] .tab-header a.active:before { width: 100%; } .no-touch.desktop [data-tab] .tab-header a:hover { color: #21409a; } [data-tab] [data-tab-content] > .inner { display: none; } [data-tab] [data-tab-content] > .inner.active { display: block; } .stories .tab-header { padding-bottom: 4rem; text-align: center; } .stories .tab-header li { margin-right: 60px; } .stories .tab-header li:last-child { margin: 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .stories .tab-header li { margin-right: 16px; } } @media only screen and (max-width: 767px) { .stories .tab-header { display: none; } } .stories .tabs-dropdown { text-align: left; width: 200px; height: 47px; margin: 0 auto 25px; border-radius: 100px; background-color: white; border: solid 1px #9e9e9e; position: relative; } @media only screen and (min-width: 768px) { .stories .tabs-dropdown { display: none; } } .stories .tabs-dropdown:after { content: "\e902"; font-family: 'icomoon'; font-size: 8px; display: inline-block; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #21409a; } .stories .tabs-dropdown select { color: black; font-size: 1.285rem; font-family: 'Muli-Bold'; text-transform: uppercase; height: 100%; width: 100%; z-index: 10; text-align: left; line-height: 47px; padding: 0 35px 0 20px; border: none; background: none; position: relative; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; } .tabnav { border-bottom: 1px solid #e0e0e0; margin-bottom: 40px; display: table; width: 100%; } .tabnav li { display: table-cell; margin-top: 11px; padding: 15px 0px 19px; font-size: 18px; cursor: pointer; font-weight: 600; position: relative; text-align: center; vertical-align: bottom; } .tabnav li:before { content: ""; display: block; width: 0; height: 3px; background: #345dd4; border-radius: 3px; position: absolute; left: 0; bottom: -2px; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } @media only screen and (min-width: 1280px) { .tabnav li:hover:before { width: 100%; } } .tabnav li.active:before { width: 100%; } .tabnav-contents .tab-content { display: none; } .tabnav-contents .tab-content:first-child { display: block; } @media only screen and (max-width: 767px) { .tabnav li { font-size: 16px; } } .page { overflow: hidden; } .container { position: relative; } .inner-container { max-width: 1220px; padding: 0 20px; margin: 0 auto; position: relative; } @media only screen and (max-width: 1023px) { .inner-container { padding: 0 20px; } } .small-inner-container { max-width: 750px; padding: 0 20px; margin: 0 auto; position: relative; } .inner-container-2 { padding: 0 20px; max-width: 1220px; margin: 0 auto; } .wrapper [class*="inner-container"] { padding-top: 30px; padding-bottom: 30px; } @media only screen and (min-width: 480px) { .wrapper [class*="inner-container"] { padding-top: 35px; padding-bottom: 35px; } } @media only screen and (min-width: 768px) { .wrapper [class*="inner-container"] { padding-top: 40px; padding-bottom: 40px; } } @media only screen and (min-width: 1280px) { .wrapper [class*="inner-container"] { padding-top: 50px; padding-bottom: 35px; } } .wrapper [class*="inner-container"].large-space-inner { padding-top: 40px; padding-bottom: 30px; } @media only screen and (min-width: 480px) { .wrapper [class*="inner-container"].large-space-inner { padding-top: 45px; padding-bottom: 35px; } } @media only screen and (min-width: 768px) { .wrapper [class*="inner-container"].large-space-inner { padding-top: 55px; padding-bottom: 40px; } } @media only screen and (min-width: 1280px) { .wrapper [class*="inner-container"].large-space-inner { padding-top: 60px; padding-bottom: 50px; } } .wrapper [class*="inner-container"].no-pad-hor { padding: 30px 0; } @media only screen and (min-width: 768px) { .wrapper [class*="inner-container"].no-pad-hor { padding: 40px 20px; } } @media only screen and (min-width: 1280px) { .wrapper [class*="inner-container"].no-pad-hor { padding: 50px 20px; } } .wrapper [class*="inner-container"].no-pad-hor .btn-control { margin: 30px 0 0; } @media only screen and (min-width: 768px) { .wrapper [class*="inner-container"].no-pad-hor .btn-control { margin: 40px 0 0; } } @media only screen and (min-width: 1280px) { .wrapper [class*="inner-container"].no-pad-hor .btn-control { margin: 50px 0 0; } } .wrapper [class*="inner-container"].no-pad-bot { padding-bottom: 0; } .pad-bot { padding-bottom: 30px; } @media only screen and (min-width: 480px) { .pad-bot { padding-bottom: 35px; } } @media only screen and (min-width: 768px) { .pad-bot { padding-bottom: 40px; } } @media only screen and (min-width: 1280px) { .pad-bot { padding-bottom: 50px; } } .page-title { font-size: 2.58rem; padding-top: 8px; position: relative; } @media print { body { margin: 0; background: transparent; color: #000; font-family: 'Muli', sans-serif; font-size: 14px; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; } img, fieldset { border: 0; } h1 { font-size: 1.8em; } h2 { font-size: 1.6em; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } h5 { font-size: 1.0em; } h6 { font-size: 0.9em; } ol, ul { list-style-type: none; } ol li, ul li { list-style-type: disc; } dt { font-weight: bold; } a, a:visited { color: #000; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } input, select, textarea { border: 1px solid #000; } input { padding: 1px 0; } select { margin: 0; padding: 0; background: #fff; line-height: normal; } img { max-width: 100%; } pre, blockquote { border: 1px solid #000; page-break-inside: avoid; } div { text-align: left; } caption { display: none; } table { border-top: 1px solid #000; border-left: 1px solid #000; border-collapse: separate; border-spacing: 0; } table th, table td { padding: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; text-align: left; } tr, img { page-break-inside: avoid; } } @-webkit-keyframes modal-video { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes modal-video { from { opacity: 0; } to { opacity: 1; } } @keyframes modal-video { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes modal-video-inner { from { -webkit-transform: translate(0, 100px); transform: translate(0, 100px); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-o-keyframes modal-video-inner { from { -o-transform: translate(0, 100px); transform: translate(0, 100px); } to { -o-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes modal-video-inner { from { -webkit-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px); } to { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } .ytp-chrome-top.ytp-share-button-visible { display: none; } .modal-video { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; z-index: 1000000; cursor: pointer; opacity: 1; -webkit-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: modal-video; -o-animation-name: modal-video; animation-name: modal-video; -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .modal-video-close { opacity: 0; } .modal-video-close .modal-video-movie-wrap { -webkit-transform: translate(0, 100px); -ms-transform: translate(0, 100px); -o-transform: translate(0, 100px); transform: translate(0, 100px); } .modal-video-body { max-width: 100%; width: 100%; height: 100%; margin: 0 auto; display: table; } .modal-video-inner { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .modal-video-movie-wrap { width: 100%; height: 0; position: relative; padding-bottom: 56.25%; background-color: #333; -webkit-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-duration: 0.3s; -o-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-name: modal-video-inner; -o-animation-name: modal-video-inner; animation-name: modal-video-inner; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out; } .modal-video-movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal-video-close-btn { position: absolute; z-index: 2; top: 10px; right: 10px; display: inline-block; width: 35px; height: 35px; overflow: hidden; border: none; background: transparent; } .modal-video-close-btn:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .modal-video-close-btn:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .modal-video-close-btn:before, .modal-video-close-btn:after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fff; border-radius: 5px; margin-top: -6px; } /* Preload images */ body:after { content: url(/wps/wcm/connect/429c0c77-d2e0-4ad9-a7a6-b97ec2bf55ea/close.svg?MOD=AJPERES) url(/wps/wcm/connect/efa5e9d1-da19-4522-8b67-877bd3aa9b17/loading.gif?MOD=AJPERES) url(/wps/wcm/connect/906e196a-25bc-4a19-b5f4-75c4d7dd2a57/icn-arr-left.svg?MOD=AJPERES) url(/wps/wcm/connect/44424284-ad70-4721-9ec0-a66015af6492/icn-arr-right.svg?MOD=AJPERES); display: none; } body.lb-disable-scrolling { overflow: hidden; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; /* Image border */ border: 4px solid white; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; /* Background color behind image. This is visible during transitions. */ background-color: white; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/wps/wcm/connect/efa5e9d1-da19-4522-8b67-877bd3aa9b17/loading.gif?MOD=AJPERES) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(/wps/wcm/connect/906e196a-25bc-4a19-b5f4-75c4d7dd2a57/icn-arr-left.svg?MOD=AJPERES) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(/wps/wcm/connect/44424284-ad70-4721-9ec0-a66015af6492/icn-arr-right.svg?MOD=AJPERES) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: #ccc; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(/wps/wcm/connect/429c0c77-d2e0-4ad9-a7a6-b97ec2bf55ea/close.svg?MOD=AJPERES) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* == malihu jquery custom scrollbar plugin == Plugin URI: //manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools { -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } /* ---------------------------------------- */ #header { position: fixed; left: 0; right: 0; z-index: 25; top: 0; } @media only screen and (min-width: 1150px) { #header { top: 20px; position: absolute; } } #header .outer-header { max-width: 1300px; border-radius: 4px; background-color: #ffffff; margin: 0 auto; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: none; position: relative; } @media only screen and (min-width: 1150px) { #header .outer-header { display: block; } } #header .outer-header:before, #header .outer-header:after { display: table; content: ""; } #header .outer-header:after { clear: both; } #header .outer-header a { font-weight: 600; } #header .outer-header .language-checked { padding: 54px 0 26px; background: #fff; border-radius: 0 5px 5px 0; } #header .outer-header .language-checked .flag { position: absolute; top: 28px; } #header .inner-header { float: left; width: calc(100% - 65px); width: -o-calc(100% - 65px); border-right: 1px solid #e0e0e0; } #header .main-header, #header .top-header { line-height: 46px; padding: 0 0 0 20px; } @media only screen and (min-width: 1280px) { #header .main-header, #header .top-header { padding: 0 0 0 60px; } } #header .top-header { border-bottom: 1px solid #e0e0e0; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #header .top-header .customer-tab { margin-left: 32px; float: left; } #header .top-header .customer-tab li { float: left; margin-left: 6px; font-weight: 600; position: relative; line-height: 42px; display: block; padding: 5px 20px 0; border-bottom: 4px solid transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #header .top-header .customer-tab li.active, #header .top-header .customer-tab li:hover { border-color: #21409a; background: #f8f8f8; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #header .top-header .customer-tab li.active a, #header .top-header .customer-tab li:hover a { color: #1c2e36; } #header .top-header .customer-tab li.mn-premier.active { border-color: #DAA520 !important; } #header .top-header .customer-tab li.mn-premier a { color: #DAA520; } #header .top-header .customer-tab li.mn-premier:hover { border-color: #DAA520; background: #f8f8f8; } #header .main-header a { line-height: 50px; } #header .main-header a:hover, #header .main-header a.active { color: #345dd4; } .premier #header .main-header a:hover, .premier #header .main-header a.active { color: #21409a; } #header .group-languages { width: 65px; float: right; text-align: center; text-transform: uppercase; position: relative; z-index: 30; } #header .group-languages a { display: block; } #header .group-languages .language-selector { position: absolute; width: 100%; top: 0; display: block; visibility: hidden; background-color: #FFF; -webkit-transition: top 0.5s ease; -o-transition: top 0.5s ease; transition: top 0.5s ease; z-index: -2; } #header .group-languages .language-selector a { line-height: 30px; padding: 10px 0px; border-top: 1px solid #ccc; } #header .group-languages .language-selector a:hover { background-color: #f5f5f5; } #header .group-languages:hover .language-selector { visibility: visible; /*top: 101px;*/ } #header .logo { float: left; } /*@media only screen and (max-width: 384px) { .logo-pre{ display:none!important; } }*/ .premier #header .logo a { display: inline-block; padding: 0px 18px; max-width: calc(100% - 45px); max-width: -o-calc(100% - 45px); position: relative; } .premier #header .logo a::before { content: ""; position: absolute; left: 0px; top: 50%; height: 30px; margin-top: -15px; border-left: solid 1px #e0e0e0; } .premier #header .logo a:first-child { margin-left: -20px; border: none; } .premier #header .logo a:first-child::before { display: none; } #header .quick-links { float: right; margin-left: auto; } #header .quick-links li { padding: 2px 30px 0 0; float: left; } #header .right-links { float: right; } #header .right-links > li { float: left; border-left: 1px solid #e0e0e0; line-height: 50px; min-height: 50px; } #header .right-links a { padding: 0 20px; display: block; } #header .right-links .icon-location, #header .right-links .icon-search-bold { font-size: 0; width: 60px; position: relative; } #header .right-links .icon-location:before, #header .right-links .icon-search-bold:before { font-size: 20px; position: absolute; left: 20px; top: 15px; } #header .right-links .icon-user, #header .right-links .icon-lock, #header .right-links [class*="icm2-"] { /*padding: 0 20px 0 70px; min-width: 190px;*/ padding: 0 30px 0 60px; min-width: 140px; white-space: nowrap; position: relative; } #header .right-links .icon-user span, #header .right-links .icon-lock span, #header .right-links [class*="icm2-"] span { opacity: 1; font-weight: inherit; } #header .right-links .icon-user:before, #header .right-links .icon-lock:before, #header .right-links [class*="icm2-"]:before { font-size: 20px; position: absolute; top: 15px; left: 21px; color: inherit; } @media only screen and (max-width: 1200px) { #header .right-links .icon-user, #header .right-links .icon-lock, #header .right-links [class*="icm2-"] { padding: 0 20px; width: 60px; min-width: 60px; overflow: hidden; background-position: center center; } #header .right-links .icon-user:before, #header .right-links .icon-lock:before, #header .right-links [class*="icm2-"]:before { left: 20px; } #header .right-links .icon-user span, #header .right-links .icon-lock span, #header .right-links [class*="icm2-"] span { opacity: 0; } } #header .right-links .icon-user:hover:before, #header .right-links .icon-lock:hover:before, #header .right-links [class*="icm2-"]:hover:before { color: #21409a; } #header .left-links .menu-type { position: absolute; z-index: -1; opacity: 0; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; } #header .left-links .menu-type.active { position: static; opacity: 1; } #header .left-links .menu-type > li { float: left; height: 50px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #header .left-links .menu-type > li > a { display: inline-block; padding: 0 20px 0px 0px; } @media only screen and (min-width: 1280px) { #header .left-links .menu-type > li > a { padding: 0 20px 0 0px; } .compact .left-links .menu-type > li > a { padding: 0 17px 0 0px!important; } } #header .left-links .menu-type > li:hover { -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #header .left-links > ul > .has-sub > a { position: relative; z-index: 20; } #header .left-links > ul > .has-sub > a:after { content: ''; display: block; width: 20px; height: 20px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; border-radius: 4px; position: absolute; top: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 50%; top: 4px; z-index: -1; margin-left: -12px; } #header .left-links > ul > .has-sub:hover > a:after { top: 20px; } #header .left-links a { margin-top: 18px; display: block; line-height: 1; } #header .left-links .link-options { border-right: 2px solid #9e9e9e; padding-right: 20px; } @media only screen and (min-width: 1280px) { #header .left-links .link-options { padding-right: 30px; } } #header .left-links .link-options:after { content: '\e907'; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin: 0 6px 0 14px; font-size: 10px; display: inline-block; } #header .left-links .lite-customer-tab { position: relative; display: inline-block; display: none; margin-right: 30px; } #header .left-links .lite-customer-tab:after { content: ""; position: absolute; right: 0px; top: 50%; height: 22px; margin-top: -1px; border-right: 1px solid #9e9e9e; } #header .left-links .lite-customer-tab .dropdown-menu { font-weight: 600; position: relative; padding-right: 50px; cursor: pointer; } #header .left-links .lite-customer-tab .dropdown-menu:after { content: ""; position: absolute; right: 30px; top: 50%; margin-top: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; } #header .left-links .lite-customer-tab .sub-menu-item { position: absolute; width: 220px; right: 0px; max-height: 0px; background-color: #FFF; z-index: 5; border-radius: 0px 0px 4px 4px; top: 51px; overflow: hidden; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } #header .left-links .lite-customer-tab .sub-menu-item li { display: table; width: 100%; height: 60px; border-top: 1px solid #e0e0e0; background-color: #FFF; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #header .left-links .lite-customer-tab .sub-menu-item li:first-child { border: none; } #header .left-links .lite-customer-tab .sub-menu-item li a { padding: 0 25px 0 20px; line-height: 1.35; position: relative; margin: 0px; display: table-cell; vertical-align: middle; color: inherit; } #header .left-links .lite-customer-tab .sub-menu-item li a:hover { background: #f5f5f5; } #header .left-links .lite-customer-tab:hover .sub-menu-item { max-height: 1000px; } #header .has-options { position: relative; z-index: 0; } #header .has-options:hover { border-bottom: none !important; z-index: 1; } #header .has-options .options { max-height: 0; overflow: hidden; position: absolute; left: auto; min-width: 190px; width: 100%; right: 0; top: 100%; -webkit-transition: all 800ms; -o-transition: all 800ms; transition: all 800ms; } #header .has-options .options > ul { background: white; } #header .has-options .options a { display: table-cell; vertical-align: middle; height: 100%; padding: 0 25px 0 20px; line-height: 1.35; position: relative; } #header .has-options .options a:after { content: '\e904'; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 10px; position: absolute; top: 30px; right: 12px; } #header .has-options .options li { display: table; width: 100%; height: 67px; border-top: 1px solid #e0e0e0; background-color: #FFF; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } #header .has-options .options li:first-child { border-top: none; } #header .has-options .options li:hover { background-color: #f5f5f5; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } #header .has-options .options li:hover a { color: inherit !important; } #header .has-options:hover .options { max-height: 400px; } #header .sub-menu-container { position: absolute; width: 100%; left: 0; top: 100%; display: none; } #header .sub-menu-container .sub-menu { background-color: #FFF; margin-top: 18px; border-radius: 4px; } #header .sub-menu-container .sub-menu .sub-menu-item { width: 35%; float: left; padding-left: 45px; margin: 20px 0; border-right: 1px solid #e0e0e0; } #header .sub-menu-container .sub-menu .sub-menu-item > li { padding: 13px 0 12px 20px; margin-right: 10px; } #header .sub-menu-container .sub-menu .sub-menu-item > li:hover, #header .sub-menu-container .sub-menu .sub-menu-item > li.active { background-color: #F5F5F5; border-radius: 4px; } #header .sub-menu-container .sub-menu .sub-menu-item > li:hover > a, #header .sub-menu-container .sub-menu .sub-menu-item > li.active > a { color: #1c2e36; } #header .sub-menu-container .sub-menu .sub-menu-item > li:hover > a:before, #header .sub-menu-container .sub-menu .sub-menu-item > li.active > a:before { content: "\e904"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; right: 20px; top: 6px; font-size: 10px; } #header .sub-menu-container .sub-menu .sub-menu-item > li a { position: relative; padding-right: 30px; } #header .sub-menu-container .sub-menu .sub-menu-item a { line-height: 1.43; margin: 0; } #header .sub-menu-container .sub-menu .info-menu-wrapper { width: 65%; float: right; display: none; } #header .sub-menu-container .sub-menu .info-menu-wrapper.active { display: block; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info { width: 50%; float: left; padding: 20px; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc { padding-bottom: 15px; border-bottom: solid 1px #e0e0e0; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc li { float: left; width: 26%; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc li > img { width: 100%; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc li:last-child { float: right; width: 74%; padding-left: 20px; padding-right: 10px; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc li p { margin-bottom: 0px; line-height: 1.5; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc li .title-2 { font-weight: 800; margin-bottom: 7px; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link { margin-top: 30px; } #header .right-links .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link { margin-top: 15px; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link li { margin-bottom: 25px; float: left; width: 50%; line-height: 1; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link li:nth-child(2n+1) { clear: left; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link li a { line-height: 1.43; margin: 0; display: inline-block; padding-right: 25px; position: relative; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link li a:before { content: '\e904'; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; right: 10px; top: 3px; font-size: 12px; opacity: 0; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .child-link li a:hover:before { opacity: 1; right: 5px; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news { width: 50%; float: right; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .image { border-radius: 0; } @media only screen and (min-width: 1024px) { #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .image { height: 235px; } } @media only screen and (min-width: 1280px) { #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .image { height: 250px; } } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .caption { padding: 20px; height: 175px; border-left: 1px solid #E0E0E0; line-height: 1; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .caption .title-3 { color: #1c2e36; margin-bottom: 10px; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .caption .text-medium { font-weight: 600; max-height: 70px; overflow: hidden; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail .caption .link-view-more:hover:before { -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-news .thumbnail a { display: inline-block; position: absolute; line-height: 1.43; /*bottom: 7px;*/ margin-top:10px; } #header .icon-user:before { content: "\e903"; } #header .icon-search-bold:before { content: '\e91e'; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; } #header .mobile-header { border-bottom: 1px solid #e0e0e0; background-color: #FFF; height: 70px; position: relative; } @media only screen and (min-width: 1150px) { #header .mobile-header { display: none; } } #header .mobile-header #logo { float: left; line-height: 70px; padding-left: 20px; max-width: calc(100% - 140px); } #header .mobile-header .hamburger-btn { float: right; height: 70px; width: 70px; position: relative; cursor: pointer; border-left: 1px solid #E0E0E0; } #header .mobile-header .hamburger-btn a { position: absolute; display: block; width: 20px; height: 16px; right: 25px; top: 50%; z-index: 10; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #header .mobile-header .hamburger-btn a:before, #header .mobile-header .hamburger-btn a:after { position: absolute; left: 0; display: block; width: 100%; height: 2px; content: ''; -webkit-transition: -webkit-transform ease-in 0.3s; transition: -webkit-transform ease-in 0.3s; -o-transition: -o-transform ease-in 0.3s; transition: transform ease-in 0.3s; transition: transform ease-in 0.3s, -webkit-transform ease-in 0.3s, -o-transform ease-in 0.3s; background-color: #1c2e36; } #header .mobile-header .hamburger-btn a:before { top: 2px; } #header .mobile-header .hamburger-btn a:after { bottom: 0; } #header .mobile-header .hamburger-btn a span { position: absolute; top: 50%; left: 0; display: inline-block; clip: auto; width: 100%; height: 2px; background-color: #1c2e36; } #header .mobile-header .hamburger-btn.active { background-color: #21409a; } #header .mobile-header .hamburger-btn.active a:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 50%; bottom: 50%; background-color: #fff; } #header .mobile-header .hamburger-btn.active a:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 50%; bottom: 50%; background-color: #fff; } #header .mobile-header .hamburger-btn.active a span { visibility: hidden; } #header .mobile-header .main-header { float: right; line-height: 70px; padding: 0; } #header .mobile-header .main-header .login-btn li { width: 70px; } #header .mobile-header .main-header .login-btn li a { display: block; line-height: 70px; background: none; text-align: center; } #header .mobile-header .main-header .login-btn .icon-lock { position: relative; font-size: 0; height: 70px; } #header .mobile-header .main-header .login-btn .icon-lock:before { position: absolute; top: 26px; right: 25px; font-size: 20px; } #header .mobile-header .main-header .login-btn.active .icon-lock { background-color: #21409a; } #header .mobile-header .main-header .login-btn.active .icon-lock::before { color: #fff; } #header .mobile-header .main-header .login-links { position: absolute; top: 70px; width: 100%; max-width: 320px; /*height: 100vh;*/ right: 0px; background: #fff; display: none; } #header .mobile-header .main-header .login-links li { border-bottom: 1px solid #e0e0e0; } #header .mobile-header .main-header .login-links li.login-header { background: #f5f5f5; } #header .mobile-header .main-header .login-links li.login-header a:after { display: none; } #header .mobile-header .main-header .login-links li a { padding: 15px 20px; position: relative; display: block; font-size: 16px; font-weight: 600; line-height: 1.22; } #header .mobile-header .main-header .login-links li a:after { content: ""; position: absolute; right: 25px; top: 50%; margin-top: -4px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; } #header .mobile-header nav { position: absolute; width: 100%; max-width: 320px; height: calc(100vh - 70px); height: -o-calc(100vh - 70px); right: 0; overflow-x: hidden; overflow-y: auto; top: 100%; background-color: #FFF; border-top: 1px solid #e0e0e0; padding: 0 0px; display: none; -webkit-backface-visibility: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #header .mobile-header .icon { position: relative; } #header .mobile-header .icon:before { position: absolute; font-size: 20px; left: 15px; top: 14px; } #header .mobile-header .nav-container { font-size: 16px; } #header .mobile-header .nav-container span, #header .mobile-header .nav-container li, #header .mobile-header .nav-container p, #header .mobile-header .nav-container a { font-weight: 600; line-height: 1.22; } #header .mobile-header .nav-container span.who-are-you { color: #9e9e9e; font-size: 14px; line-height: 1.29; display: block; margin-bottom: 3px; margin-top: 20px; padding: 0px 20px; } #header .mobile-header .nav-container .customer-type { width: 100%; display: block; padding-bottom: 20px; border-bottom: 1px solid #E0E0E0; position: relative; padding-right: 20px; padding-left: 20px; cursor: pointer; } #header .mobile-header .nav-container .customer-type:before { content: ""; position: absolute; right: 22px; top: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #header .mobile-header .nav-container .customer-type.dropdown:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #header .mobile-header .nav-container .customer-selector { position: absolute; background-color: #21409a; width: 100%; z-index: 10; display: none; padding: 0px 20px; } #header .mobile-header .nav-container .customer-selector li { padding: 15px 0; border-bottom: 1px solid #E0E0E0; color: #FFF; } #header .mobile-header .nav-container .customer-selector li:last-child { border-bottom: 0; } #header .mobile-header .nav-container .nav-block { position: relative; padding: 0px 0; } #header .mobile-header .nav-container .nav-block:last-child { border-bottom: none; } #header .mobile-header .nav-container .nav-block.button-groups { padding: 15px 20px; border-bottom: 1px solid #e0e0e0; } #header .mobile-header .nav-container .nav-block.button-groups > a { display: block; width: 100%; line-height: 48px; text-align: center; background-position: 15px center; border-radius: 4px; margin-top: 10px; font-size: 14px; } #header .mobile-header .nav-container .nav-block.button-groups > a:first-child { margin-top: 0px; } #header .mobile-header .nav-container .nav-block.button-groups > a.icon { border: 1px solid #e0e0e0; } #header .mobile-header .nav-container .nav-block.link-nav li { border-bottom: 1px solid #e0e0e0; position: relative; } #header .mobile-header .nav-container .nav-block.link-nav li a { padding: 15px 20px; display: block; } #header .mobile-header .nav-container .nav-block.link-nav li:last-child { margin-bottom: 0; } #header .mobile-header .nav-container .nav-block.link-nav li.expand > a { position: relative; } #header .mobile-header .nav-container .nav-block.link-nav li.expand > a:after { content: ""; position: absolute; right: 25px; top: 50%; margin-top: -4px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #header .mobile-header .nav-container .nav-block.link-nav li.expand > ul { position: absolute; left: 100%; top: 0px; width: 100%; } #header .mobile-header .nav-container .nav-block.link-nav li .icon-location { display: block; width: 100%; line-height: 48px; text-align: center; background-position: 15px center; border-radius: 4px; border: 1px solid #e0e0e0; font-size: 14px; } #header .mobile-header .nav-container .nav-block.link-nav li a { display: block; } #header .mobile-header .nav-container .nav-block.lang-nav { padding: 30px 0 40px; position: relative; } #header .mobile-header .nav-container .nav-block.lang-nav li { display: inline-block; width: 30%; text-align: center; vertical-align: middle; } #header .mobile-header .nav-container .nav-block.lang-nav li a { display: block; text-transform: uppercase; } @media only screen and (max-width: 1023px) { #header .mobile-header .nav-container .nav-block.lang-nav li a { display: inline-block; padding-top: 0px; padding-bottom: 0px; } } #header .mobile-header .nav-container .nav-block.lang-nav li a.language-checked { color: #21409a; } #header .mobile-header .nav-container .nav-block.lang-nav li a .flag { margin-right: 10px; display: inline-block; vertical-align: middle; } #header .mobile-header .nav-container .nav-block.lang-nav .slick-arrow { right: 20px; background: none; top: 50%; margin-top: -16px; } #header .mobile-header .nav-container .nav-block.lang-nav .slick-arrow:before { content: ""; margin-top: -4px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0px; -o-transition: 0px; transition: 0px; border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; background: none !important; border-radius: 0px; } #header .mobile-header .nav-container .nav-block.lang-nav .slick-arrow.slick-prev { left: 20px; right: inherit; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); margin-top: -20px; } #header .mobile-header .nav-container .nav-block.register-nav { left: 0%; -webkit-transition: left ease 500ms; -o-transition: left ease 500ms; transition: left ease 500ms; } #header .mobile-header .secondary-menu { position: relative; left: 0%; -webkit-transition: left ease 500ms; -o-transition: left ease 500ms; transition: left ease 500ms; } #header .mobile-header.show-expanded .secondary-menu { left: -100%; height: 0px; overflow: hidden; } #header .mobile-header.show-expanded .primary-menu { width: 100%; overflow-x: hidden; } #header .mobile-header.show-expanded .primary-menu li { display: none; opacity: 1; -webkit-transition: opacity ease 1000ms; -o-transition: opacity ease 1000ms; transition: opacity ease 1000ms; } #header .mobile-header.show-expanded .primary-menu li.current { display: block; } #header .mobile-header.show-expanded .primary-menu li.current li { display: block; } #header .mobile-header.show-expanded .primary-menu li.hide-menu { position: absolute; z-index: -1; opacity: 0; display: none; } #header .mobile-header.show-expanded .primary-menu .back-menu { display: none !important; } #header .mobile-header.show-expanded .primary-menu ul.current > .back-menu { display: block !important; } #header .mobile-header.show-expanded .register-nav { left: -100% !important; height: 0px; overflow: hidden; } #header .mobile-header .primary-menu { overflow: hidden; } #header .mobile-header .primary-menu .menu-expand { position: relative; -webkit-transition: all ease 500ms; -o-transition: all ease 500ms; transition: all ease 500ms; left: 0%; } #header .mobile-header .primary-menu .menu-expand[data-level="1"] { left: -100%; } #header .mobile-header .primary-menu .menu-expand[data-level="2"] { left: -200%; } #header .mobile-header .primary-menu .menu-expand[data-level="3"] { left: -300%; } #header .mobile-header .primary-menu .menu-expand[data-level="4"] { left: -400%; } #header .mobile-header .primary-menu .back-menu { display: none; background-color: #f5f5f5; text-align: center; position: relative; } #header .mobile-header .primary-menu .back-menu::before { content: ""; position: absolute; left: 20px; top: 50%; margin-top: -4px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #header .mobile-header .primary-menu .current .back-menu { display: block; } #header.is-hidden { background-color: #FFF; } @media only screen and (min-width: 1280px) { #header.is-hidden { opacity: 0; top: -51px; } } #header.is-sticky, .header-sticked #header { top: 0; opacity: 1; position: fixed; background-color: #FFF; border-bottom: 1px solid #E0E0E0; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #header.is-sticky .mobile-header, .header-sticked #header .mobile-header { border-bottom: none; } #header.compact .outer-header { -webkit-box-shadow: none; box-shadow: none; } #header.compact .outer-header .inner-header { width: calc(100% - 60px); width: -o-calc(100% - 60px); } #header.compact .outer-header .top-header { border: none; float: left; margin-right: 20px; } @media only screen and (min-width: 1280px) { #header.compact .outer-header .top-header { border: none; float: left; margin-right: 5px; } } #header.compact .outer-header .top-header .customer-tab { display: none; } #header.compact .outer-header .quick-links { display: none; } #header.compact .outer-header .right-links .icon-user:before, #header.compact .outer-header .right-links .icon-lock:before { left: 20px; } #header.compact .outer-header .right-links span { opacity: 0; } #header.compact .outer-header .group-languages { float: right; width: 60px; line-height: 50px; border-right: 1px solid #E0E0E0; } #header.compact .outer-header .group-languages .language-checked { padding: 0; visibility: hidden; } #header.compact .outer-header .group-languages .language-checked .flag { top: 0px; visibility: visible; } #header .outer-header .group-languages .language .flag{ max-width:21px; } #header.compact .outer-header .group-languages a { -webkit-transition: 0s all; -o-transition: 0s all; transition: 0s all; } #header.compact .outer-header .group-languages .language-selector { width: 61px; top: 0; left: -1px; border: 1px solid #E0E0E0; border-top: none; } #header.compact .outer-header .group-languages .language-selector img { visibility: hidden; } #header.compact .outer-header .group-languages:hover .language-selector { top: -1px; left: -1px; transition: 0s; } #header.compact .outer-header .right-links > li > a { padding: 0 20px; width: 60px; min-width: 60px; background-position: center center; } #header.compact .outer-header .right-links > li .options { min-width: 180px; } #header.compact .outer-header .left-links .lite-customer-tab { display: inline-block; } .icon-lock-white { position: relative; } .icon-lock-white:before { content: "\e917"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; color: #fff; font-size: 20px; position: absolute; left: 15px; top: 14px; } .right-stick-wrap { position: fixed; top: 50%; right: 0; z-index: 1000; display: none; } @media only screen and (min-width: 1280px) { .right-stick-wrap { display: block; } } .right-stick-wrap .right-stick { margin-top: -80px; padding-right: 20px; width: 240px; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; margin-right: -190px; } .right-stick-wrap .right-stick:hover { margin-right: 0; } .right-stick-wrap a { display: block; background: #f7f9fb; border-radius: 4px; margin-bottom: 10px; padding: 14px 15px 15px 55px; overflow: hidden; white-space: nowrap; position: relative; font-weight: 600; } .right-stick-wrap a span { color: #21409a; position: absolute; left: 16px; top: 10px; font-size: 20px; } .right-stick-wrap a:hover { background: #21409a; color: #fff; } .right-stick-wrap a:hover span { color: #fff; } .social { float: right; padding-top: 4px; } @media only screen and (min-width: 768px) and (max-width: 1336px) { .social { margin-right: 55px; } } .social li { float: left; margin-left: 10px; } .social li a { display: inline-block; } .social li a img { width: 30px; height: 30px; } #footer { background: #21409a; color: white; padding: 15px 0; overflow: hidden; } #footer .logo { width: 125px; display: inline-block; margin: 0; } #footer .logo img { width: 100%; } #footer .copy-right { padding: 10px 20px; display: inline-block; line-height: 1.3; color: #f5f5f5; vertical-align: middle; margin: 0px; } @media only screen and (max-width: 767px) { #footer { text-align: center; padding: 20px 0 30px; } #footer .back-to-top { width: 60px; height: 60px; background: #21409a; right: 0; margin: -58px 15px 0 0; line-height: 56px; border-radius: 4px; border: 2px solid #fff; position: absolute; cursor: pointer; } #footer .back-to-top:after { content: '\e90a'; font-family: 'icomoon' !important; font-size: 20px; color: #fff; } #footer .social { float: none; display: block; margin: 0 auto; text-align: center; } #footer .social li { margin: 0 5px; display: inline-block; float: none; } #footer .social img { width: 44px; height: 44px; } #footer .logo { margin: 0 auto 5px; width: 100px; display: block; } #footer .copy-right { padding: 5px 0; display: block; } } @media only screen and (max-width: 406px) { #footer .copy-right { font-size: 12px; padding:0px; } } #copyright { position: relative; padding-top: 20px; padding-bottom: 28px; } #copyright:before { content: ''; display: block; position: absolute; width: 100vw; left: 50%; margin-left: -50vw; border-top: 2px solid #F5F5F5; top: 0; } #copyright ._rules { margin-bottom: 20px; margin-top: 20px; } #copyright ._rules li { display: inline-block; margin: 0px 0px 0px 20px; } #copyright ._rules li:first-child { margin-left: 0; } #copyright ._rules li a { color: #14265B; font-size: 16px; font-weight: 600; } #copyright ._rules li a:hover { color: #21409a; } @media only screen and (max-width: 767px) { #copyright ._rules { text-align: center; margin-bottom: 16px; } #copyright ._rules li { margin: 0px 5px 0px 0px; padding-right: 10px; text-align: center; position: relative; } #copyright ._rules li:not(:last-child):after { content: ""; width: 1px; height: 10px; position: absolute; top: 50%; margin-top: -3px; right: 0px; border-right: 1px solid #9e9e9e; } } #copyright address { line-height: 1.5; } @media only screen and (max-width: 767px) { #copyright address { text-align: center; } } #copyright address p { margin: 0px; } .newsletter-wrap { background: #F8F9FB url(/wps/wcm/connect/576f478c-538c-45e4-80ab-4bf8de21cc44/newsletter.png?MOD=AJPERES) no-repeat top right; padding: 18px 15px 24px; border-radius: 4px; } @media only screen and (max-width: 1023px) { .newsletter-wrap { margin-top: 20px; } } .newsletter-wrap .newsletter-select { position: absolute; width: 49%; right: 0; display: none; background-color: #FFF; border: 1px solid #e0e0e0; z-index: 5; max-height: 250px; border-radius: 3px; padding: 0 15px; top: 46px; } @media (max-width: 767px) { .newsletter-wrap .newsletter-select{ width: 100%; top: 106px; } } .newsletter-wrap .newsletter-select li { line-height: 1.43; padding: 13px 0; border-top: 1px solid #E0E0E0; cursor: pointer; } .newsletter-wrap .newsletter-select li:first-child { border-top: 0; } .newsletter-wrap .newsletter-form { position: relative; } .newsletter-wrap .newslt-title { font-weight: 600; padding: 0px 0 17px; color: #14265B; font-size: 16px; line-height:20px; } .newsletter-wrap .newsletter-input, .newsletter-wrap .newsletter-selected, .newsletter-wrap .newsletter-btn { border: 1px solid #e0e0e0; background: #fff; height: 48px; border-radius: 4px; font-weight: 600; } .newsletter-wrap .newsletter-input, .newsletter-wrap .newsletter-selected { padding: 15px 20px; float: left; width: 49%; margin-bottom: 11px; color: #847b7b; } @media (max-width: 767px) { .newsletter-wrap .newsletter-input, .newsletter-wrap .newsletter-selected { width: 100%; margin-left: 0 !important; } } .newsletter-wrap .newsletter-input::-webkit-input-placeholder { color: inherit; opacity: 1; } .newsletter-wrap .newsletter-input::-moz-placeholder { color: inherit; opacity: 1; } .newsletter-wrap .newsletter-input:-ms-input-placeholder { color: inherit; opacity: 1; } .newsletter-wrap .newsletter-input::placeholder { color: inherit; opacity: 1; } .newsletter-wrap .newsletter-input:-ms-input-placeholder { color: inherit; } .newsletter-wrap .newsletter-input::-ms-input-placeholder { color: inherit; } .newsletter-wrap .newsletter-selected { margin-left: 2%; position: relative; } .newsletter-wrap .newsletter-selected:after { content: "\e907"; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; position: absolute; right: 32px; top: 19px; font-size: 10px; } .newsletter-wrap .newsletter-btn { background: #fff; clear: both; line-height: 46px; text-align: center; text-transform: uppercase; display: block; width: 100%; cursor: pointer; } .newsletter-wrap.newsletter-news { width: 100%; float: right; padding: 25px 50px; background: #F8F9FB; margin-top: 70px; } .newsletter-wrap.newsletter-news .newsletter-input, .newsletter-wrap.newsletter-news .newsletter-selected { width: 100%; margin-left: 0; } .newsletter-wrap.newsletter-news .newslt-title { padding: 23px 0 24px; } .newsletter-wrap.newsletter-news .newsletter-select { width: 100%; top: 106px; } .ft-call { font-size: 24px; font-weight: 600; padding-left: 48px; position: relative; margin-top: -3px; } .ft-call:before { content: '\e945'; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; position: absolute; left: -2px; top: 2px; color: #fff; background: #EC1D23; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; padding-left: 4px; font-size: 20px; display: block; } .icon-plan { background-image: url(/wps/wcm/connect/2839c8c2-a5fd-4c0d-a24c-8cf2f860ff56/icn-plan-off.svg?MOD=AJPERES); } .icon-plan.active, .icon-plan:hover { background-image: url(/wps/wcm/connect/46b9ac72-f0fa-4409-97b1-aaccb2f67e47/icn-plan-on.svg?MOD=AJPERES); } .icon-reseach { background-image: url(/wps/wcm/connect/a6acb817-7f3b-4e24-ada3-5f096c13b8d7/icn-reseach-off.svg?MOD=AJPERES); } .icon-reseach.active, .icon-reseach:hover { background-image: url(/wps/wcm/connect/8090252a-024f-4b4c-8fdf-c91fc5791378/icn-reseach.svg?MOD=AJPERES); } .icon-cal { background-image: url(/wps/wcm/connect/f8a56b74-7e13-44e1-af8d-1a0d4c5f8761/icn-cal-off.svg?MOD=AJPERES); } .icon-cal.active, .icon-cal:hover { background-image: url(/wps/wcm/connect/ae1217c7-84d8-4bff-ade8-2b5cda5f8a21/icn-cal-on.svg?MOD=AJPERES); } .icon-convert { background-image: url(/wps/wcm/connect/63140d56-5bad-4a90-b238-cc1fdd6ce3d8/icn-convert-off.svg?MOD=AJPERES); } .icon-convert.active, .icon-convert:hover { background-image: url(/wps/wcm/connect/485a751e-edb5-4c8f-a313-06efb52f3466/icn-convert-on.svg?MOD=AJPERES&Ccache=none); } .btn { white-space: nowrap; } span.btn, .card-link{ margin-top:50px; } .btn.btn-blue { line-height: 46px; display: inline-block; border-radius: 4px; padding: 0 30px; background-color: #21409a; border: 1px solid #21409a; color: #FFF; text-align: center; position: relative; cursor: pointer; } .btn.btn-white { line-height: 46px; display: inline-block; border-radius: 4px; padding: 0 30px; background-color: #FFF; border: 1px solid #e0e0e0; color: #1c2e36; text-align: center; position: relative; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .btn.btn-white:hover { background-color: #21409a; border: 1px solid #21409a; color: #FFF; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .btn.btn-transparent { line-height: 46px; display: inline-block; border-radius: 4px; padding: 0 30px; background-color: transparent; border: 1px solid #FFF; color: #FFF; text-align: center; position: relative; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .btn.btn-transparent:hover { background-color: #FFF; border: 1px solid #FFF; color: #1c2e36; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .btn.btn-gold { line-height: 46px; display: inline-block; border-radius: 4px; padding: 0 30px; background-color: #14265b; border: 1px solid #14265b; color: #e5b351; font-weight: 600; text-align: center; position: relative; /*top:23px;*/ } .link-arrow { height: 60px; line-height: 60px; border-radius: 4px; background-color: #f7f9fb; display: block; position: relative; padding: 0 30px 0 70px; background-repeat: no-repeat; background-position: 10px 50%; margin: 10px 0 20px; font-weight: 600; -webkit-background-size: 40px 40px; background-size: 40px; } @media only screen and (max-width: 767px) { .link-arrow { padding: 0 30px 0 60px; margin: 10px 0; } } .link-arrow:after { content: ''; background: url(/wps/wcm/connect/d3b33580-d325-402a-bb0c-fe54c802e757/icn-arrow-right.svg?MOD=AJPERES) no-repeat right center; position: absolute; width: 20px; height: 20px; right: 0; top: 50%; margin-top: -10px; } .link-arrow.active, .link-arrow:hover { background-color: white; -webkit-box-shadow: 0 10px 20px 0 #e0e0e0; box-shadow: 0 10px 20px 0 #e0e0e0; } .link-primary { color: #21409a; } .link-primary:hover { color: #1c2e36; } .link-secondary { text-decoration: underline; } .link-type1 { color: #21409a; } .link-type1:hover { text-decoration: underline; } .link-type2 { color: #21409a; text-decoration: underline; } .link-type2:hover { color: #1c2e36; } .link-type3 { color: #9e9e9e; } .link-type3:hover { color: #1c2e36; } .search-block { margin-top: 50px; } @media only screen and (min-width: 768px) { .search-block { margin-top: 65px; } } @media only screen and (min-width: 1024px) { .search-block { margin-top: 80px; } } .search-block .icon-search { background: none; position: relative; float: left; margin-top: 10px; width: 60px; height: 50px; } .search-block .icon-search:before { content: "\e940"; position: absolute; left: 1px; top: 6px; font-size: 38px; } .search-block .search-input { background: url(/wps/wcm/connect/2178c316-0756-46e2-b3c3-0ec419ee022f/cursor.gif?MOD=AJPERES) repeat-y left; font-size: 36px; color: black; padding: 0 20px; border-radius: 0; font-weight: 800; color: #e0e0e0; float: left; margin-top: 10px; width: calc(100% - 65px); width: -o-calc(100% - 65px); } .search-block .search-input:-moz-placeholder { color: #e0e0e0; } .search-block .search-input::-moz-placeholder { color: #e0e0e0; } .search-block .search-input:-ms-input-placeholder { color: #e0e0e0; } .search-block .search-input::-webkit-input-placeholder { color: #e0e0e0; } .goodmorning-bank { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .goodmorning-bank { margin: -20px 0; } } .goodmorning-bank span { font-weight: inherit; } @media only screen and (min-width: 768px) { .goodmorning-bank .search-block { margin-bottom: 35px; } } @media only screen and (min-width: 1024px) { .goodmorning-bank .search-block { margin-bottom: 50px; } } .goodmorning-bank .hello-sunny h2 { margin-top: 18px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .search-block .icon-search { width: 45px; } .search-block .icon-search:before { top: 2px; font-size: 30px; } .search-block .search-input { font-size: 24px; } } .search-result { width: 100%; height: 100vh; overflow: auto; position: fixed; top: 0; left: 0; z-index: 99; background-color: #f5f5f5; padding: 58px 0; display: none; } .search-result.on { display: block; } .search-result .close-search { position: absolute; top: -45px; right: 20px; font-size: 13px; width: 40px; height: 40px; line-height: 40px; text-align: center; } .search-result .close-search:hover { color: red; } .search-result .btn-clear-text { font-size: 0; position: absolute; right: 0px; top: 20px; width: 40px; height: 40px; color: #ccc; background: none; } .search-result .btn-clear-text:hover { color: #555; } .search-result .btn-clear-text:before { font-size: 20px; line-height: 40px; } @media only screen and (max-width: 767px) { .search-result .btn-clear-text { top: 0; } } .search-result .search-field { position: relative; } .search-result .search-field .icon-search-bold { width: 40px; height: 24px; position: absolute; left: 0; top: 50%; margin-top: 3px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: none; } .search-result .search-field .icon-search-bold:after { content: '\e91e'; font-family: 'icomoon'; font-size: 22px; } .search-result .search-field .icon-close-bold { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; background: transparent; margin-top: 5px; } .search-result .search-field .icon-close-bold:before, .search-result .search-field .icon-close-bold:after { position: absolute; left: 0; display: block; width: 100%; height: 2px; content: ''; -webkit-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; background-color: #1c2e36; top: 50%; bottom: 50%; } .search-result .search-field .icon-close-bold:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .search-result .search-field .icon-close-bold:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .search-result .search-field .search-input-transparent { background: transparent; font-size: 2.671rem; padding-left: 40px; } .search-result .search-result__block { padding-top: 30px; border-top: 4px solid #e0e0e0; margin-top: 15px; } @media only screen and (min-width: 1024px) { .search-result .search-result__block { padding-top: 40px; } } @media only screen and (min-width: 1280px) { .search-result .search-result__block { padding-top: 48px; } } .search-result .search-result__block ._title { line-height: 1.43; font-weight: 600; padding-left: 12px; border-left: 6px solid #21409a; } .search-result .result-suggestion { padding-bottom: 20px; border-bottom: 1px solid #E0E0E0; margin-bottom: 30px; } @media only screen and (min-width: 768px) { .search-result .result-suggestion { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } } .search-result .result-suggestion .result-list { margin-top: 17px; } .search-result .result-suggestion .result-list li { margin-bottom: 11px; } .search-result .result-suggestion .result-list li a { line-height: 1.43; display: inline-block; font-weight: 600; font-size: 1.285rem; } .search-result .service-suggestion .service-list { margin-top: 36px; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media only screen and (min-width: 768px) { .search-result .service-suggestion .service-list { display: block; } } .search-result .service-suggestion .service-list li { display: inline-block; height: 140px; width: 130px; text-align: center; border-radius: 4px; background-color: #ffffff; border: solid 1px #e0e0e0; padding: 0 10px; margin: 0 10px 10px 0; } @media only screen and (min-width: 480px) { .search-result .service-suggestion .service-list li { margin: 0 10px 20px; } } @media only screen and (min-width: 768px) { .search-result .service-suggestion .service-list li { width: 135px; float: left; margin: 0 4.5% 20px 0; } .search-result .service-suggestion .service-list li:nth-child(3n) { margin-right: 0; } } @media only screen and (min-width: 1280px) { .search-result .service-suggestion .service-list li { margin-right: 45px; margin-bottom: 30px; } } .search-result .service-suggestion .service-list li img { width: 100px; height: 100px; } .search-result .service-suggestion .service-list li span { display: block; line-height: 1.14; font-weight: 600; } .search-tab-nav { border-bottom: 1px solid #e0e0e0; margin: -10px 45px 40px; padding-bottom: 2px; } .search-tab-nav li { display: inline-block; margin-left: 40px; position: relative; } .search-tab-nav li:after { content: ''; display: block; width: 0; height: 3px; border-radius: 3px; background: #345dd4; position: absolute; bottom: -4px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .search-tab-nav li.active:after, .search-tab-nav li:hover:after { width: 100%; } .search-tab-nav li:first-child { margin-left: 0; } @media only screen and (max-width: 1280px) { .search-tab-nav li { margin-left: 20px; } .search-tab-nav li a { padding: 5px 20px; } } .search-tab-nav a { display: block; padding: 5px 40px; font-weight: 600; font-size: 14px; } .search-result-wrap { margin: 0 45px; } .search-wrap { padding-top: 30px; } .search-wrap .search-title { font-size: 18px; font-weight: 800; margin-bottom: 10px; } .search-wrap .search-item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .search-wrap a { color: inherit; font-weight: inherit; } .tab-content { display: none; } .tab-content.active { display: block; } @media only screen and (max-width: 767px) { .search-tab-nav { margin: -10px 0 40px; } .search-tab-nav li { margin-left: 5px; } .search-tab-nav li a { padding: 5px; } .search-result-wrap { margin: 0; } } .banner .item { height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } .banner .item::before { content: ""; width: 100%; height: 100%; position: absolute; z-index: 1; background: rgba(0, 0, 0, 0.13); } .banner .inner-container { width: 100%; text-align: center; margin-top: 60px; } @media only screen and (min-width: 768px) { .banner .inner-container { text-align: left; } } @media only screen and (min-width: 1024px) { .banner .inner-container { margin-top: 0; } } .banner .inner-container ._bnr-ab-img { position: absolute; right: 20px; top: 0; max-width: 33.33%; } .banner .inner-container .playbutton { width: 90px; height: 90px; position: relative; background-color: #d0011b; border-radius: 50%; margin-top: 30px; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); --webkit-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } @media only screen and (min-width: 768px) { .banner .inner-container .playbutton { text-align: left; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 15%; margin-top: 50px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .banner .inner-container .playbutton { margin-top: 0; } } .banner .inner-container .playbutton:before { content: ""; position: absolute; width: 90px; height: 90px; left: 0px; top: 0px; border: solid 0px rgba(0, 0, 0, 0.5); border-radius: 50%; --webkit-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; z-index: -1; } .banner .inner-container .playbutton:hover:before { position: absolute; width: 110px; height: 110px; left: -10px; top: -10px; border: solid 10px rgba(0, 0, 0, 0.5); --webkit-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .banner .inner-container .playbutton__icon { width: 24px; height: 28px; border-style: solid; border-width: 14px 0 14px 24px; border-color: transparent transparent transparent #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-35%, -50%); -ms-transform: translate(-35%, -50%); -o-transform: translate(-35%, -50%); transform: translate(-35%, -50%); } .banner .inner-container .title-1 { margin-top: 15px; line-height: 1.2; max-width: none; font-size: 36px; text-shadow: 0 0 17px rgba(0, 0, 0, 0.5); } @media only screen and (min-width: 768px) { .banner .inner-container .title-1 { max-width: 600px; } } @media screen and (max-width: 768px) { .banner .inner-container .title-1 { font-size: 1.714rem; } } .banner .inner-container .title-1.text-center { max-width: none; } .banner .inner-container .sub-title { border-radius: 4px; background-color: rgba(0, 0, 0, 0.5); color: #FFF; font-weight: 600; padding: 0 10px; line-height: 30px; display: inline-block; } @media only screen and (min-width: 768px) { .banner .inner-container .sub-title { background-color: #FFF; color: #1c2e36; } } .premier.banner .inner-container .sub-title { background: #e5b351; color: #fff; } .banner .inner-container span { /*margin-top: 50px;*/ display: inline-block; } .banner .inner-container span.btn { padding-right: 55px; } .banner .inner-container span.btn:before { content: "\2192"; position: absolute; font-size: 20px; right: 30px; opacity: 1; top: -2px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .banner .inner-container span.btn:hover:before { right: 25px; opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .banner .inner-container .share-info { margin-top: 25px; } .banner .inner-container .share-info p.share-text { font-weight: normal; margin-bottom: 10px; } .banner .inner-container .share-info .share-icon li a { margin: 0; } .banner .banner-scrolldown { padding-left: 20px; bottom: 30px; margin: 0 auto; position: relative; max-width: 1220px; } .banner .banner-scrolldown a { float: left; margin-top: -52px; color: #f5f5f5; padding-top: 25px; position: relative; } .banner .banner-scrolldown a:before { left: 3px; top: 0; content: ""; position: absolute; width: 13px; height: 13px; border-right: 2px solid #FFF; border-bottom: 2px solid #FFF; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .banner .banner-scrolldown a:hover:before { top: 10px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .banner.main-banner { position: relative; height: 100vh; overflow: hidden; max-height: 840px; } .banner.main-banner .inner-container { text-align: left; } .banner.main-banner .box-avatar { width: 110px; height: 110px; border-radius: 100%; border: 2px solid #e5b351; -webkit-background-size: cover; background-size: cover; } .banner.main-banner .box-gift { float: left; width: 80px; margin-right: 10px; margin-top: 18px; margin-bottom: 20px; } .banner.main-banner .birthday-wish { max-width: 500px; line-height:20px; } .banner.main-banner--smartbanking .inner-container { margin-top: 60px; } .banner.main-banner--smartbanking .inner-container ._bnr-ab-img { top: 50%; margin-top: -200px; } .banner.main-banner--smartbanking .inner-container ._bnr-ab-img img { max-height: 500px; } @media only screen and (max-width: 767px) { .banner.main-banner--smartbanking .inner-container .title-1 { text-align: center; } } .banner.main-banner--smartbanking .download-list { margin-top: 40px; font-size: 0; } @media only screen and (min-width: 768px) { .banner.main-banner--smartbanking .download-list { max-width: 450px; } } @media only screen and (min-width: 1024px) { .banner.main-banner--smartbanking .download-list { max-width: 580px; } } @media only screen and (max-width: 767px) { .banner.main-banner--smartbanking .download-list { text-align: center; } } .banner.main-banner--smartbanking .download-list li { margin: 0 10px 15px 10px; display: inline-block; } .banner.main-banner--smartbanking .download-list li:last-child { margin-right: 0; } .banner.main-banner--smartbanking .download-list li a { margin-top: 0; } @media only screen and (min-width: 768px) { .banner.main-banner--smartbanking .download-list li { float: left; margin: 0 20px 15px 0; } } .banner.main-banner--smartbanking ._des { margin-top: 15px; } @media only screen and (min-width: 768px) { .banner.main-banner--smartbanking ._des { max-width: 450px; } } @media only screen and (min-width: 1024px) { .banner.main-banner--smartbanking ._des { max-width: 580px; } } .banner.main-banner--smartbanking ._des p { line-height: 1.5; font-size: 14px; } @media only screen and (min-width: 768px) { .banner.main-banner--smartbanking ._des p { font-size: 16px; } } .banner.main-banner--smartbanking .bnr-overlay { background: rgba(16, 96, 176, 0.5); /* For browsers that do not support gradients */ background: -webkit-linear-gradient(left, rgba(16, 96, 176, 0.7), rgba(255, 255, 255, 0)); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(right, rgba(16, 96, 176, 0.7), rgba(255, 255, 255, 0)); /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */ background: -webkit-gradient(linear, left top, right top, from(rgba(16, 96, 176, 0.7)), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(left, rgba(16, 96, 176, 0.7), rgba(255, 255, 255, 0)); background: linear-gradient(to right, rgba(16, 96, 176, 0.7), rgba(255, 255, 255, 0)); } .banner.main-banner .caption { color: white; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1220px; margin: 0 auto; position: relative; z-index: 4; } .banner.main-banner .card-link { background-color: #FFF; border-radius: 4px; padding: 9px; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 300px; } .banner.main-banner .card-link > img { width: 45%; max-width: 135px; } .banner.main-banner .card-link ._short-des { width: 55%; padding: 0 20px; line-height: 1.43; position: relative; } .banner.main-banner .card-link ._short-des:before { content: ""; position: absolute; right: 0; opacity: 1; top: 50%; margin-top: -4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-top: solid 2px #212121; border-right: solid 2px #212121; width: 8px; height: 8px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .banner.main-banner .card-link ._short-des span { color: #9e9e9e; font-weight: 600; margin-top: 0px; } .banner.main-banner .card-link ._short-des p { color: #212121; font-weight: 600; margin-bottom: 0px; } .banner.main-banner .card-link:hover ._short-des:before { right: -5px; opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .banner.main-banner .carousel { overflow: hidden; /* position: absolute; bottom: 0; right: 0; left: 0; top: 0;*/ } .banner.main-banner .carousel .item { height: 100vh; max-height: 840px; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } .banner.main-banner .carousel-thumb { position: absolute; border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 20px; right: 20px; bottom: 20px; z-index: 2; width: 440px; display: none; } @media only screen and (min-width: 768px) { .banner.main-banner .carousel-thumb { display: block; } } .banner.main-banner .carousel-thumb li { width: 103px; height: 58px; margin: 0 5px; float: left; overflow: hidden; border-radius: 7px; cursor: pointer; } .banner.main-banner .carousel-thumb li img { border-radius: 4px; -webkit-filter: grayscale(100%); filter: grayscale(100%); --webkit-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .banner.main-banner .carousel-thumb li:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); --webkit-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .banner.main-banner .carousel-thumb li.slick-current img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .banner.main-banner .carousel-thumb img { height: 100%; min-width: 100%; } .banner.default-banner { position: relative; overflow: hidden; } .banner.default-banner .caption { color: white; height: 400px; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-items: center; -ms-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1220px; margin: 0 auto; position: relative; } @media only screen and (min-width: 768px) { .banner.default-banner .caption { height: 450px; } } @media only screen and (min-width: 1024px) { .banner.default-banner .caption { height: 500px; } } .banner.default-banner .caption .breadcrumbs { } .banner.default-banner .caption .breadcrumbs li a { margin-top: 15px; } .banner.default-banner .caption .breadcrumbs li a:before { color: #FFF; } .banner.default-banner .caption p { line-height: 1.5; font-size: 16px; font-weight: 600; max-width: 430px; margin: 15px auto 0; } @media only screen and (min-width: 768px) { .banner.default-banner .caption p { margin: 15px 0 0 0; } } @media only screen and (min-width: 1024px) { .banner.default-banner .title-1 { max-width: 600px; } } .banner.empty-banner { margin-top: 111px; } .banner.empty-banner .breadcrumbs { text-align: left; } .banner.empty-banner .breadcrumbs li a { color: #9e9e9e; margin: 0; } @media only screen and (max-width: 767px) { .banner .breadcrumbs, .banner p { display: none; } .banner.default-banner .caption { height: 220px; } .bidv-gallery-video .banner.default-banner .caption { height: 400px; } } .full-width-service-block { position: relative; background-color: #f5f5f5; padding: 0px 20px; z-index: 5; } @media only screen and (min-width: 768px) { .full-width-service-block { /*padding: 40px 20px;*/ } } @media only screen and (max-width: 767px) { .full-width-service-block { padding: 5px 20px; } } @media only screen and (min-width: 1024px) { .full-width-service-block { padding: 0; } } .full-width-service-block .thumb, .full-width-service-block .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-background-size: cover; background-size: cover; } .full-width-service-block .layer-bg { position: absolute; top: 0; bottom: 0; width: 100vw; } @media only screen and (min-width: 1024px) { .full-width-service-block .overlay { background: #000; opacity: 0.5; z-index: 10; } } @media only screen and (max-width: 1023px) { .full-width-service-block .overlay { display: none; } } .full-width-service-block:hover .background-layer { opacity: 1; z-index: 5; } .full-width-service-block:hover .tile { opacity: 0.5; } @media only screen and (max-width: 1023px) { .full-width-service-block:hover .tile { opacity: 1; } } .full-width-service-block .tiles { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 200; } .full-width-service-block .tiles .col { width: 100%; display: block; } .full-width-service-block .tiles .col:last-child .tile { border-bottom: none; } @media only screen and (max-width: 1023px) { .full-width-service-block .tiles .col { position: relative; } .full-width-service-block .tiles .col:after { content: '\e904'; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; right: 0; top: 25px; } } @media only screen and (max-width: 767px){ .full-width-service-block .tiles .col:nth-child(1), .full-width-service-block .tiles .col:nth-child(2), .full-width-service-block .tiles .col:nth-child(3), .full-width-service-block .tiles .col:nth-child(4), .full-width-service-block .tiles .col:nth-child(5) { border-bottom: 1px solid #e0e0e0; } } @media only screen and (max-width: 1023px) and (min-width: 768px){ .full-width-service-block .tiles .col:nth-child(1), .full-width-service-block .tiles .col:nth-child(2), .full-width-service-block .tiles .col:nth-child(3), .full-width-service-block .tiles .col:nth-child(4) { border-bottom: 1px solid #e0e0e0; } } @media only screen and (min-width: 768px) { .full-width-service-block .tiles .col { width: 47.5%; margin-right: 5%; } .full-width-service-block .tiles .col:nth-child(2n) { margin-right: 0; } } @media only screen and (min-width: 1024px) { .full-width-service-block .tiles { width: 100%; } .full-width-service-block .tiles .col { padding: 0; margin: 0; float: left; width: 16.66%; z-index: 1; } } .full-width-service-block .inplay { width: 16.6%; opacity: 1; } .full-width-service-block.show-wing .inplay { width: 100%; left: 0 !important; opacity: 1 !important; } .full-width-service-block.show-wing .layer-bg { margin-left: 0 !important; } .full-width-service-block .background-layer { display: none; } @media only screen and (min-width: 1024px) { .full-width-service-block .background-layer { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; font-size: 0; display: block; overflow: hidden; opacity: 0; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translateZ(0); transform: translateZ(0); } } .full-width-service-block .background-layer-item { position: absolute; width: 100%; height: 100%; overflow: hidden; background-color: #1b1b1c; -webkit-transition: all ease 0.6s; -o-transition: all ease 0.6s; transition: all ease 0.6s; opacity: 0.5; } .full-width-service-block .background-layer-item.active { z-index: 20; opacity: 1; } .full-width-service-block .layer-bg { position: absolute; -webkit-background-size: cover; background-size: cover; background-position: center center; } .full-width-service-block .tile { min-height: auto; height: auto; display: block; width: 100%; position: relative; } .full-width-service-block .tile:hover { opacity: 1; } .premier .full-width-service-block .tile:hover .title-2 { color: #e5b351; } .full-width-service-block .tile:after { position: absolute; content: ''; background-position: center bottom; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; width: 40px; height: 40px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 11; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .full-width-service-block .tile .desc:after { content: ''; display: block; background: #345dd4; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; z-index: -1; } .premier .full-width-service-block .tile .desc:after { background-color: rgba(20, 38, 91, 0.78); } @media only screen and (max-width: 1023px) { .full-width-service-block .tile .desc:after { background-color: transparent !important; } } .full-width-service-block .tile a { display: block; margin-bottom: 5px; color: #fff; } .full-width-service-block .tile a:hover { text-decoration: underline; } .full-width-service-block .tile .content { opacity: 0; } @media only screen and (max-width: 1023px) { .full-width-service-block .tile .content { display: none; } } .full-width-service-block .tile:hover .content { opacity: 1; } .full-width-service-block .tile:hover .desc:after { top: 0; bottom: 0; left: 0; opacity: 0.8; } @media only screen and (min-width: 1024px) { .full-width-service-block .tile { border: none; } .full-width-service-block .tile:before { sdisplay: none; } } .full-width-service-block .tile .desc { position: relative; padding: 5px; } .full-width-service-block .tile .desc .title-2 { margin-bottom: 0; padding-left: 40px; font-size: 16px; color: #1c2e36; line-height: 1.5; text-decoration: none; min-height: 50px; } @media only screen and (min-width: 1280px) { .full-width-service-block .tile .desc .title-2 { font-size: 24px; min-height: 120px; } } @media only screen and (min-width: 1024px) { .full-width-service-block .tile { overflow: hidden; padding-top: 110%; padding-bottom: 145px; } .full-width-service-block .tile .desc { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translate3d(0, 0, 0); color: white; padding: 28px 23px; } .full-width-service-block .tile .desc .title-2 { padding-left: 0; font-weight: 800; line-height: 1.3; color: #FFF; } .full-width-service-block .tile .desc .content { line-height: 1.43; } .full-width-service-block .tile:after { bottom: 10px; height: 100px; width: 100%; top: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } .full-width-service-block .tiles-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; display: none; } @media only screen and (min-width: 1024px) { .full-width-service-block .tiles-bg { display: block; } } .full-width-service-block .tiles-bg .col { width: 16.66%; float: left; padding-top: 40.6%; position: relative; } @media only screen and (min-width: 1920px) { .full-width-service-block .tile .desc .title-2 { font-size: 36px; } } .full-width-service-block .icon-transaction:before, .full-width-service-block .icon-account:before { display: none; } .thumbnail .image { height: 158px; -webkit-background-size: cover; background-size: cover; background-position: center center; border-radius: 4px; } @media only screen and (min-width: 480px) { .thumbnail .image { height: 180px; } } @media only screen and (min-width: 768px) { .thumbnail .image { height: 212px; } } .thumbnail .lightbox-url { display: block; position: relative; } .thumbnail .lightbox-url:hover .zoom-btn { opacity: 1; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .thumbnail .zoom-btn { position: absolute; opacity: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); width: 60px; height: 60px; border-radius: 4px; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .thumbnail .zoom-btn:before { -webkit-background-size: 24px 24px; background-size: 24px; width: 60px; height: 60px; content: ""; position: absolute; } .thumbnail .overlay-info { position: relative; } .thumbnail .overlay-info .brand-logo-con { height:200px; position: absolute; left: 10px; top: 10px; width: 100px; overflow: hidden; padding: 4px 0px 15px; text-align: center; border-radius: 5px; background: url('/wps/wcm/connect/5623db33-5737-4dfd-93ba-12a83ea17e50/brand_bg.svg?MOD=AJPERES') no-repeat; } @media only screen and (min-width: 480px) and (max-width: 930px) { .news-list-items .thumbnail .overlay-info .brand-logo-con{ background: url('/wps/wcm/connect/40e12c16-69bb-4148-bf76-dbd35d74f0f6/brand_bg.svg?MOD=AJPERES') no-repeat; } .news-list-items .thumbnail .overlay-info .brand-logo-con img { width: 60px!important; height: 50px!important; left: 5px; top: 5px; position: absolute; } } .thumbnail .overlay-info .brand-logo-con img { width: 90px; height: 80px; display: inline-block; } .thumbnail .overlay-info ._discount { position: absolute; right: 10px; top: 10px; display: block; border-radius: 4px; display: inline-block; line-height: 1.43; background-color: #ED1D24; color: #FFF; padding: 5px 10px; } .premier .thumbnail .overlay-info ._discount { background-color: #14265D; color: #e5b351; font-weight: bold; } .thumbnail .caption { background: white; min-height: 140px; padding: 20px 0; position: relative; } @media only screen and (max-width: 767px) { .thumbnail .caption { min-height: 10px; padding: 20px 0 0; } } .thumbnail .caption .title-3 { margin-bottom: 5px; font-weight: 600; } .thumbnail .caption ._intro { font-weight: 600; /*min-height: 46px;*/ width: 100%; overflow: hidden; display: block; } .thumbnail .caption .link-view-more { position: relative; margin-top: 10px; display: table; color: #9e9e9e; line-height: 1.43; background: none; font-weight: 600; } @media only screen and (max-width: 767px) { .thumbnail .caption .link-view-more { display: none; } } .thumbnail .caption .link-view-more:hover { color: #21409a; } .thumbnail .caption .link-view-more:before { content: ""; position: absolute; right: 15px; top: 6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-top: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; } @media only screen and (max-width: 767px) { .inner-container-2.homepage-news { padding-bottom: 0; } } #magazine-news.news-list .thumbnail .caption { background: transparent; border-top: solid 4px #e0e0e0; } #bidv-gallery.news-list .title-1 { display: block; } .news-list .news-list-items { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-list .news-list-items .thumbnail { margin-top: 10px; margin-bottom: 20px; width: 100%; } @media only screen and (min-width: 480px) { .news-list .news-list-items .thumbnail { width: 48%; margin-right: 4%; } .news-list .news-list-items .thumbnail:nth-child(2n) { margin-right: 0; } } @media only screen and (min-width: 768px) { .news-list .news-list-items .thumbnail { margin-top: 20px; width: 31%; margin-right: 3.5%; } .news-list .news-list-items .thumbnail:nth-child(2n) { margin-right: 3.5%; } .news-list .news-list-items .thumbnail:nth-child(3n) { margin-right: 0; } } @media only screen and (min-width: 1280px) { .news-list .news-list-items .thumbnail { margin-top: 50px; } } .thumbnail .image{ border: 1px solid #e0e0e0; } .news-list .news-list-items .thumbnail .image { height: 180px; -webkit-background-size: cover; background-size: cover; background-position: center center; border-radius: 4px; } @media only screen and (min-width: 480px) { .news-list .news-list-items .thumbnail .image { height: 160px; } } @media only screen and (min-width: 1024px) { .news-list .news-list-items .thumbnail .image { height: 190px; } } @media only screen and (min-width: 1280px) { .news-list .news-list-items .thumbnail .image { height: 200px; } } .news-list .news-list-items .thumbnail.others-news { margin-top: 25px; margin-bottom: 25px; } .news-list .news-list-items .thumbnail.others-news .title-2 { font-weight: 800; line-height: 1.08; margin-bottom: 22px; position: relative; padding-right: 26px; display: inline-block; } .news-list .news-list-items .thumbnail.others-news .title-2 a { font-weight: inherit; font-size: inherit; } .news-list .news-list-items .thumbnail.others-news .title-2:before { content: ""; position: absolute; right: 0; top: 7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-top: solid 2px #1c2e36; border-right: solid 2px #1c2e36; width: 8px; height: 8px; } @media only screen and (max-width: 1023px){ .full-width-service-block .tile .desc .title-2 a { color: #000000; margin-left: 10px; padding-top: 13px; } } @media only screen and (min-width: 1024px) { .news-list .news-list-items .thumbnail.others-news .title-2:before { top: 11px; } } .news-list .news-list-items .thumbnail.others-news .others-news__item { margin-bottom: 20px; } .news-list .news-list-items .thumbnail.others-news .others-news__item:last-child { margin-bottom: 0; } .news-list .news-list-items .thumbnail.others-news .others-news__item p { color: #9e9e9e; font-size: 14px; line-height: 1.43; font-weight: 600; margin: 0px; } .news-list .news-list-items .thumbnail.others-news .others-news__item a { font-size: 16px; font-weight: 600; line-height: 1.5; display: block; } .news-list .news-list-items .thumbnail .caption { padding-bottom: 0; min-height: auto; } .news-list .title-1 { display: inline-block; position: relative; } .news-list--internal .news-list-items .thumbnail { margin-top: 30px; } .news-list--internal .news-list-items .thumbnail .image { height: 280px; } @media only screen and (min-width: 480px) { .news-list--internal .news-list-items .thumbnail { width: 48%; margin-right: 4%; } .news-list--internal .news-list-items .thumbnail:nth-child(2n) { margin-right: 0; } .news-list--internal .news-list-items .thumbnail .image { height: 300px; } } @media only screen and (min-width: 768px) { .news-list--internal .news-list-items .thumbnail { margin-top: 40px; width: 22%; margin-right: 4%; max-width: auto; } .news-list--internal .news-list-items .thumbnail:nth-child(4n-1) { margin-right: 4%; } .news-list--internal .news-list-items .thumbnail:nth-child(4n-2) { margin-right: 4%; } .news-list--internal .news-list-items .thumbnail:nth-child(4n) { margin-right: 0; } .news-list--internal .news-list-items .thumbnail .image { height: 250px; } } @media only screen and (min-width: 1024px) { .news-list--internal .news-list-items .thumbnail { margin-top: 40px; width: 20%; margin-right: 6.66%; } .news-list--internal .news-list-items .thumbnail:nth-child(4n-1) { margin-right: 6.66%; } .news-list--internal .news-list-items .thumbnail:nth-child(4n-2) { margin-right: 6.66%; } .news-list--internal .news-list-items .thumbnail .image { height: 265px; } } @media only screen and (min-width: 1280px) { .news-list--internal .news-list-items .thumbnail { margin-top: 50px; width: 18%; margin-right: 9.33%; } .news-list--internal .news-list-items .thumbnail:nth-child(4n-1) { margin-right: 9.33%; } .news-list--internal .news-list-items .thumbnail:nth-child(4n-2) { margin-right: 9.33%; } .news-list--internal .news-list-items .thumbnail .image { height: 280px; } } .news-list .bidv-select-box { margin-bottom: 20px; } .news-list .bidv-select-box .select-list-items ._selection-field li { border-bottom: 1px solid #f0f0f0; } .slider-one-way .slick-list { overflow: visible; } .slider-one-way .col { width: 345px; margin-right: 20px; } .slider-one-way .col:last-child { margin-right: 0; } .slider-one-way .slick-arrow { position: absolute; top: 55px; z-index: 10; padding: 5px; } .slider-one-way .slick-arrow:before { width: 40px; height: 40px; } @media only screen and (min-width: 480px) { .slider-one-way .slick-arrow { top: 67px; } } @media only screen and (min-width: 768px) { .slider-one-way .slick-arrow { padding: 8px; } .slider-one-way .slick-arrow:before { width: 50px; height: 50px; } } @media only screen and (min-width: 1280px) { .slider-one-way .slick-arrow { padding: 10px; } .slider-one-way .slick-arrow:before { width: 65px; height: 65px; } } .slider-one-way .slick-prev { left: -10px; } @media only screen and (min-width: 768px) { .slider-one-way .slick-prev { left: 10px; } } @media only screen and (min-width: 1280px) { .slider-one-way .slick-prev { left: -40px; } } .slider-one-way .slick-next { left: auto; right: -10px; } @media only screen and (min-width: 768px) { .slider-one-way .slick-next { right: 10px; } } @media only screen and (min-width: 1280px) { .slider-one-way .slick-next { right: auto; left: 1137px; } } .breadcrumbs li { display: inline-block; } .breadcrumbs li a { line-height: 1.43; font-weight: 600; display: inline-block; position: relative; padding-right: 24px; } .breadcrumbs li a:before { content: "\e904"; font-family: 'icomoon' !important; position: absolute; right: 8px; color: #9e9e9e; font-size: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .country-select img, .country-select span { vertical-align: middle; display: inline-block; } .country-select img { margin-right: 5px; width: 21px; height: 15px; } @media only screen and (min-width: 480px) { .country-select img { margin-right: 10px; } } .country-select li { padding: 5px 0; } .no-touch.desktop .country-select a:hover img { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } .currency { overflow: hidden; position: relative; } @media only screen and (max-width: 1023px) { .currency { height: auto; } } .currency .tab-header { border-bottom: 1px solid #e0e0e0; padding-bottom: 9px; margin-bottom: 1px; } .currency .tab-header li { margin: 0; text-align: center; width: 33.33%; float: left; padding-right: 6%; } .currency .tab-header li:nth-child(3n-1) { padding: 0 3%; } .currency .tab-header li:nth-child(3n) { padding-right: 0; padding-left: 6%; } .currency .tab-header a { display: block; line-height: 20px; } .currency .tab-header a:before { height: 3px; background: #345dd4; bottom: -11px; } .premier .currency .tab-header a:before { background: #e5b351; } .no-touch.desktop .currency .tab-header a:hover { text-shadow: 0 0 16px white; } .currency .tab-header--mobile { margin-bottom: 30px; } .currency .tab-header--mobile li { border-bottom: 1px solid #E0E0E0; } .currency .tab-header--mobile li a { display: block; line-height: 1.43; padding: 18px 20px 18px 0; background: url(/wps/wcm/connect/10b16bae-98d7-431a-a37e-af7b7cf093cf/icn-arrow-right-center.svg?MOD=AJPERES) no-repeat right center; -webkit-background-size: 18px 18px; background-size: 18px; font-size: 16px; font-weight: 600; } .currency .link-view-more { float: right; font-size: 14px; font-weight: 600; line-height: 1.43; color: #9e9e9e; background: none; position: relative; } .currency .link-view-more:before { content: ""; position: absolute; right: 15px; top: 6px; --webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; } .currency-list { padding: 13px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); } .currency-list:before, .currency-list:after { display: table; content: ""; } .currency-list:after { clear: both; } .currency-list:first-child { border: none; } .currency-list.full .default-wrap { position: absolute; bottom: 30px; left: 30px; right: 30px; } @media only screen and (max-width: 1023px) { .currency-list.full .default-wrap { left: 20px; right: 20px; } } .currency-list tr { border-bottom: 1px solid #e0e0e0; } .currency-list td { padding: 9px 10px 10px; height: 40px; } .currency-list td, .currency-list th { padding-left: 5px; padding-right: 5px; } .currency-list td:first-child, .currency-list th:first-child { padding-left: 0; } .currency-list td:last-child, .currency-list th:last-child { text-align: right; } @media only screen and (min-width: 480px) { .currency-list td, .currency-list th { padding-left: 10px; padding-right: 10px; } .currency-list td:last-child, .currency-list th:last-child { padding-right: 30px; } } .currency-list table { text-align: left; width: 100%; margin-bottom: 11px; } .currency-list table tr th { font-weight: 600; padding-bottom: 4px; } @media only screen and (max-width: 1023px) { .currency-list table tr th, .currency-list table tr td { padding-right: 5px; padding-left: 5px; } } .currency-list .text-x-small { letter-spacing: -0.1px; line-height: 1.43; } .currency-converter { padding: 15px 15px 10px; border-radius: 4px; background: #f7f9fb; width: 100%; margin-bottom: 20px; } @media only screen and (min-width: 480px) { .currency-converter { width: 48.5%; margin-right: 3%; float: left; min-height: 278px; margin-bottom: 0; } } .currency-converter .sub-title-medium { font-size: 18px; margin: -3px 0 0 6px; } .converter { padding: 11px 0 0; } .converter .country-checked { padding-left: 6px; } .converter .convert-group { font-size: 1.285rem; margin-bottom: 16px; position: relative; } .converter .convert-group .country-select { margin-bottom: 9px; } .converter .convert-group .country-select span { text-transform: uppercase; margin: 0 7px 0 0; font-size: 16px; font-weight: 600; vertical-align: middle; position: relative; } .converter .convert-group .country-select span.country-converter-checked { padding-right: 20px; cursor: pointer; } .converter .convert-group .country-select span.country-converter-checked:before { content: ""; position: absolute; right: 0; top: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-bottom: solid 2px #212121; border-right: solid 2px #212121; width: 8px; height: 8px; } .converter .convert-group .country-select span.country-converter-checked.dropdown:before { border-bottom: 0; border-right: 0; top: 10px; border-top: solid 2px #212121; border-left: solid 2px #212121; } .converter .convert-group .country-select .country-converter { display: none; padding: 0 10px; background-color: #FFF; border: 1px solid #e0e0e0; z-index: 5; max-height: 250px; overflow: auto; position: absolute; left: -10px; border-radius: 3px; top: 32px; width: 170px; } .converter .convert-group .country-select .country-converter li { padding: 10px 0; display: block; cursor: pointer; border-bottom: 1px solid #e0e0e0; } .converter .convert-group .country-select .country-converter li:last-child { border-bottom: 0; } .converter .convert-group .country-select .country-converter li .country-converter-checked { padding-right: 0; } .converter .convert-group .country-select .country-converter li .country-converter-checked:before { display: none; } .converter .convert-group:after { position: absolute; right: 20px; font-size: 9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; } .no-touch.desktop .converter .convert-group:hover:after { -webkit-animation: wobble-vertical 0.75s alternate; -o-animation: wobble-vertical 0.75s alternate; animation: wobble-vertical 0.75s alternate; } .converter .convert-group input { text-align: right; } @media only screen and (max-width: 1023px) { .converter .convert-group input { padding-right: 10px; } } .converter .mt10 { margin: -2px 0 0 0; line-height: 1.43em; letter-spacing: -0.3px; text-align: center; } .btn-convert { background: white; color: #2b2b2b; display: block; width: 100%; font-family: 'Muli-Bold'; text-align: left; } .btn-convert:after { font-size: 25px; font-weight: bold; position: absolute; right: 10px; top: 13px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .no-touch.desktop .btn-convert:hover:after { -webkit-transform: scaleX(1.3); -ms-transform: scaleX(1.3); -o-transform: scaleX(1.3); transform: scaleX(1.3); } .estimate-survey { padding: 15px 15px 10px; border-radius: 4px; background: #f7f9fb; width: 100%; display: none; } @media only screen and (min-width: 480px) { .estimate-survey { width: 48.5%; float: left; min-height: 278px; display: block; } } .estimate-survey h3 { line-height: 1.33; font-size: 18px; margin: -5px 0 10px 0px; } .estimate-survey a.btn { line-height: 46px; display: block; border-radius: 4px; background-color: #21409a; border: 1px solid #21409a; color: #FFF; text-align: center; margin-bottom: 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .premier .estimate-survey a.btn { background-color: #14265D; border-color: #14265D; color: #e5b351; } .estimate-survey a.btn:hover { background-color: #FFF; color: #21409a; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .premier .estimate-survey a.btn:hover { background-color: #fff; border-color: #e5b351; color: #e5b351; } .estimate-survey .estimate-group .estimate-selection { margin-bottom: 53px; position: relative; } .estimate-survey .estimate-group .estimate-selection-field { display: none; /*padding: 0 15px;*/ background-color: #FFF; border: 1px solid #e0e0e0; z-index: 5; max-height: 250px; /*overflow: auto;*/ position: absolute; border-radius: 3px; width: 100%; } .estimate-survey .estimate-group .estimate-selection-field li { line-height: 1.43; padding: 10px; border-bottom: 1px solid #E0E0E0; cursor: pointer; } .estimate-survey .estimate-group .estimate-selection-field li:last-child { border-bottom: 0; } .estimate-survey .estimate-group p { line-height: 1.43; margin-bottom: 5px; } .estimate-survey .estimate-group .estimate-selected { display: block; padding: 14px 30px 14px 15px; position: relative; font-weight: 600; line-height: 1.43; cursor: pointer; background-color: #FFF; border-radius: 4px; } .estimate-survey .estimate-group .estimate-selected:before { content: ""; position: absolute; right: 20px; top: 50%; margin-top: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; } .estimate-survey .estimate-group .estimate-selected.dropdown:before { border-bottom: 0; border-right: 0; margin-top: -2px; border-top: solid 2px #9e9e9e; border-left: solid 2px #9e9e9e; } #footer-expand { background-color: #fff; } #footer-expand .expand-field { background-color: #f7f9fb; } #footer-expand .expand-field .f-breadcrumbs { max-width: 1030px; float: left; } #footer-expand .expand-field .f-breadcrumbs li { float: left; padding: 24px 0; } #footer-expand .expand-field .f-breadcrumbs li a { padding-right: 44px; display: inline-block; position: relative; cursor: pointer; line-height: 1.5em; color: #9e9e9e; } #footer-expand .expand-field .f-breadcrumbs li a:hover { color: #1c2e36; } #footer-expand .expand-field .f-breadcrumbs li a:before { content: ""; position: absolute; right: 18px; top: 8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-top: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 7px; height: 7px; } #footer-expand .expand-field .f-breadcrumbs li:last-child a:before { display: none; } #footer-expand .expand-field .expand-text { padding: 24px 0 24px 28px; display: inline-block; position: relative; cursor: pointer; line-height: 1.5em; float: right; } #footer-expand .expand-field .expand-text:before { content: ""; width: 15px; height: 2px; background-color: #979797; position: absolute; left: 0; top: 50%; -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); opacity: 1; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } #footer-expand .expand-field .expand-text:after { content: ""; width: 2px; height: 15px; background-color: #979797; position: absolute; left: 7px; top: 50%; -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); opacity: 1; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } #footer-expand .expand-field .expand-text.dropdown:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } #footer-expand .expand-field .expand-text.dropdown:after { opacity: 0; margin-top: -6px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } #footer-expand [class*="inner-container"] { padding-top: 0; padding-bottom: 0; } #footer-expand .sitemap-expand { display: none; padding: 27px 0 29px; } @media only screen and (max-width: 1023px) { #footer-expand .sitemap-expand { display: block; padding: 0px; } } #footer-expand .sitemap-expand dt { line-height: 1.5em; color: #1c2e36; font-weight: 600; font-size: 16px; margin-bottom: 10px; } #footer-expand .sitemap-expand dd { margin-bottom: 10px; } #footer-expand .sitemap-expand dd a:hover { color: #345dd4; } #footer-expand .sitemap-expand .right-side-title { line-height: 1.5em; color: #1c2e36; font-weight: 600; font-size: 16px; margin-bottom: 19px; } @media only screen and (max-width: 1023px) { #footer-expand .sitemap-expand .right-side-title { text-align: center; border-top: solid 1px #e0e0e0; padding-top: 20px; } } #footer-expand .sitemap-expand .__contact-us p { margin-bottom: 10px; } #footer-expand .sitemap-expand .__contact-us a { display: inline-block; } #footer-expand .sitemap-expand .__contact-us a img { display: inline-block; width: 30px; vertical-align: middle; } #footer-expand .sitemap-expand .__contact-us a span { display: inline-block; vertical-align: middle; font-size: 24px; font-weight: 600; line-height: 1.25; color: #212121; margin-left: 17px; } @media only screen and (max-width: 1023px) { #footer-expand .sitemap-expand .download-apps { float: none !important; text-align: center; padding-bottom: 20px; } } #footer-expand .sitemap-expand .download-apps .download-app li { float: left; } #footer-expand .sitemap-expand .download-apps .download-app.download-app-1 { padding-bottom: 21px; border-bottom: solid 1px #e0e0e0; } @media only screen and (max-width: 1023px) { #footer-expand .sitemap-expand .download-apps .download-app.download-app-1 { text-align: center; } } #footer-expand .sitemap-expand .download-apps .download-app.download-app-1 li { margin-right: 4%; width: 48%; max-width: 172px; } #footer-expand .sitemap-expand .download-apps .download-app.download-app-1 li:last-child { margin-right: 0; } @media only screen and (max-width: 1023px) { #footer-expand .sitemap-expand .download-apps .download-app.download-app-1 li { float: none; display: inline-block; width: 172px; margin-bottom: 20px; } #footer-expand .sitemap-expand .download-apps .download-app.download-app-1 li:last-child { margin-bottom: 0; } } @media only screen and (max-width: 402px) { #footer-expand .sitemap-expand .download-apps .download-app.download-app-1 li{ width:180px; max-width:180px; margin-right: 0%; } } #footer-expand .sitemap-expand .download-apps .download-app.download-app-2 { margin-top: 10px; margin-bottom: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -10px; padding-bottom: 20px; } #footer-expand .sitemap-expand .download-apps .download-app.download-app-2 li { padding: 0px 10px; width: 48%; max-width: 200px; margin-top: 20px; } #footer-expand .sitemap-expand .download-apps .download-app.download-app-2 li:last-child { margin-right: 0; } #footer-expand .sitemap-expand .download-apps .download-app.download-app-2 li p { margin-bottom: 20px; line-height: 1.43; font-weight: 600; } #footer-expand .sitemap-expand .download-apps .download-app.download-app-2 li a { display: inline-block; width: 23px; vertical-align: bottom; margin: 0 10px 0 7px; } .anchor-link { min-height: 61px; display: none !important; } @media only screen and (min-width: 768px) { .anchor-link { display: block !important; } } .anchor-link .anchor-url-list { text-align: center; padding: 15px 20px; margin: 0 auto; position: relative; --webkit-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .anchor-link .anchor-url-list li { display: inline-block; margin: 0 8px; } .anchor-link .anchor-url-list li a { display: block; padding: 5px 30px; line-height: 1.43; color: #1c2e36; font-weight: 600; background-color: #e0e0e0; border-radius: 4px; --webkit-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .anchor-link .anchor-url-list li a.current, .anchor-link .anchor-url-list li a:hover { color: #FFF; background-color: #21409a; --webkit-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .premier .anchor-link .anchor-url-list li a.current, .premier .anchor-link .anchor-url-list li a:hover { background-color: #14265b; color: #e5b351; } .anchor-link.is-sticky .anchor-url-list { position: fixed; top: 71px; --webkit-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; width: 100%; z-index: 22; background-color: #FFF; } @media only screen and (min-width: 1024px) { .anchor-link.is-sticky .anchor-url-list { top: 51px; } } .bidv-cards-detail--premier .anchor-link .anchor-url-list li a.current, .bidv-cards-detail--premier .anchor-link .anchor-url-list li a:hover { background-color: #DAA520; } .news-detail-container { display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-detail-container .published-info { position: relative; } .news-detail-container .published-info .share-info { position: relative; margin-top: 47px; } @media only screen and (max-width: 767px) { .news-detail-container .published-info .share-info { margin: 15px 0; display:none; } } .news-detail-container .published-date { line-height: 1.43; font-weight: 600; text-transform: uppercase; } .news-detail-container .title-1 { line-height: 1.2; margin-bottom: 30px; } @media only screen and (min-width: 768px) { .news-detail-container .title-1 { max-width: 600px; margin-bottom: 40px; } } @media only screen and (min-width: 1024px) { .news-detail-container .title-1 { max-width: 700px; } } @media only screen and (min-width: 1280px) { .news-detail-container .title-1 { margin-bottom: 50px; } } @media screen and (max-width: 768px) { .news-detail-container .title-1 { font-size: 1.714rem; } } .news-detail-container .title-2 { font-weight: 800; line-height: 1.08; color: #212121; margin-bottom: 20px; position: relative; } .news-detail-container ._rules.color-blue { padding-right: 25px; display: inline-block; line-height: 1.33; position: relative; font-size: 16px; } .news-detail-container ._rules.color-blue:before { content: ">"; position: absolute; right: 0; top: 2px; font-size: 14px; color: #21409A; } @media only screen and (min-width: 768px) { .news-detail-container ._rules.color-blue { padding-right: 35px; font-size: 1.285rem; } .news-detail-container ._rules.color-blue:before { font-size: 16px; } } @media only screen and (min-width: 1024px) { .news-detail-container ._rules.color-blue { font-size: 1.714rem; padding-right: 50px; } .news-detail-container ._rules.color-blue:before { top: 5px; font-size: 18px; } } @media screen and (max-width: 767px) { .news-detail-container .recent-news { width: 100%; margin-top: 50px; } } .news-detail-container .news-info ._img { margin-top: 25px; margin-bottom: 25px; } @media only screen and (min-width: 768px) { .news-detail-container .news-info ._img { margin-top: 30px; margin-bottom: 30px; } } .news-detail-container .news-info ._img:first-child { margin-top: 0; } .news-detail-container .news-info .share-info { margin-top: 50px; } .news-detail-container .news-info .share-info img { width: 45px; } .news-detail-container .news-info h3 { margin-bottom: 20px; line-height: 1.25; font-weight: 800; font-size: 1.285rem; } @media only screen and (min-width: 1024px) { .news-detail-container .news-info h3 { font-size: 1.714rem; } } .news-detail-container .recent-news__block dl { padding: 20px 0; border-top: solid 2px #e0e0e0; } .news-detail-container .recent-news__block dt, .news-detail-container .recent-news__block dd { line-height: 1.43; font-weight: 600; } .news-detail-container .recent-news__block dt a, .news-detail-container .recent-news__block dd a { font-weight: 600; } .news-detail-container .recent-news__block dt a:hover, .news-detail-container .recent-news__block dd a:hover { color: #345dd4; } .news-detail-container .recent-news__block dt { margin-bottom: 20px; text-transform: uppercase; } @media only screen and (max-width: 767px) { .news-detail-container .recent-news__block dt { margin-bottom: 10px; } } .news-detail-container .interesting-promotions__block { background-color: #F7F9FB; border-radius: 4px; padding: 15px; margin-bottom: 30px; } @media only screen and (min-width: 1024px) { .news-detail-container .interesting-promotions__block { margin-bottom: 50px; } } .news-detail-container .interesting-promotions__block .title-3 { font-weight: 800; margin-bottom: 20px; } .news-detail-container .interesting-promotions__block ul li { display: table; padding: 10px 0; } .news-detail-container .interesting-promotions__block ul li img { display: table-cell; vertical-align: top; min-width: 24px; margin-top: 5px; } .news-detail-container .interesting-promotions__block ul li ._des { display: table-cell; vertical-align: top; padding-left: 15px; } .news-detail-container .interesting-promotions__block ul li p { margin: 0px; } .news-detail-container .interesting-promotions__block ul li ._title { color: #14265B; font-weight: 600; } .video-thumb { position: relative; } .video-thumb img { border-radius: 4px; } .video-thumb .video-play { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; background: #ed1d24; border-radius: 4px; margin: -30px 0px 0 -30px; z-index: 300; } .video-thumb .video-play:before { content: ''; display: block; position: absolute; width: 0px; height: 0px; border-left: 20px solid #fffffe; border-bottom: 13px solid transparent; border-top: 14px solid transparent; margin: 17px 0 0 24px; } .premier #attractive-services .inner-container > .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 480px) { .premier #attractive-services .inner-container > .row > [class*="col"] { width: 100%; } } #attractive-services .grid-item { position: relative; width: 100%; padding: 30px; height: 355px; margin-bottom: 20px; border-radius: 4px; overflow: hidden; } #attractive-services .grid-item .overlay-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: rgba(0, 0, 0, 0.7); background: -webkit-linear-gradient(rgba(0, 0, 0, 0.25), #000000); background: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.25), #000000); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(#000000)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25), #000000); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.25), #000000); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), #000000); } .ie8 #attractive-services .grid-item .overlay-bg { background: #000; filter: alpha(opacity=70); } #attractive-services .grid-item:hover .overlay-bg { background: #21409a; background: rgba(33, 64, 154, 0.9); } .premier #attractive-services .grid-item:hover .overlay-bg { background-color: rgba(20, 38, 91, 0.9); } #attractive-services .grid-item .bg-image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #attractive-services .grid-item .caption { position: absolute; z-index: 1; bottom: 30px; color: #FFF; } #attractive-services .grid-item .caption span { font-weight: 600; line-height: 1.43; display: inline-block; } #attractive-services .grid-item .title-1 { line-height: 1.12; padding-bottom: 25px; position: relative; margin-bottom: 10px; } #attractive-services .grid-item .title-1:before { content: ""; width: 30px; height: 4px; bottom: 0; position: absolute; background-color: #ed1d24; border-radius: 5px; } .premier #attractive-services .grid-item .title-1:before { background-color: #daa520; } #attractive-services .grid-item .has_discount { line-height: 1.3; color: #F5F5F5; font-weight: 800; font-size: 1.714rem; margin: 0px; } .updates-list .list-items li { position: relative; padding: 20px 0 20px 41px; background: transparent url('/wps/wcm/connect/b31dc7f1-f9fb-42ad-931b-6c8052ba5aed/icn-speaker.svg?MOD=AJPERES') left top 2px no-repeat; -webkit-background-size: 21px 52px; background-size: 21px 52px; border-top: solid 1px #e0e0e0; } .updates-list .list-items li:first-child { border-top: 0; } @media only screen and (min-width: 480px) { .updates-list .list-items li { padding-right: 90px; } } .updates-list .list-items li a, .updates-list .list-items li span { font-size: 14px; font-weight: 600; line-height: 1.43; } .updates-list .list-items li a { display: inline-block; } .updates-list .list-items li span._date { display: inline-block; color: #9e9e9e; right: 0; top: 0; margin-top: 5px; } @media only screen and (min-width: 480px) { .updates-list .list-items li span._date { position: absolute; max-width: 80px; color: #1c2e36; margin-top: 21px; } } .three-col-card > .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .three-col-card .card-type { overflow: hidden; max-width: 250px; height: 100%; margin: 0 auto; text-align: center; } .premier .three-col-card .card-type { max-width: 330px; } .three-col-card .card-type .card-info { position: relative; } .three-col-card .card-type .card-info p { font-weight: 600; line-height: 1.43; margin-bottom: 20px; } @media only screen and (min-width: 768px) { .three-col-card .card-type .card-info p { max-height: 60px; overflow: hidden; } } .three-col-card .card-type .card-info .card-detail { color: #9e9e9e; font-size: 16px; line-height: 1.38; font-weight: 600; display: inline-block; } .three-col-card .card-type .card-info .card-detail:hover { color: #345dd4; } .three-col-card .card-type .card-info .btn-blue { margin-top: 20px; display: inline-block; } .three-col-card .card-type .title-2 { margin-bottom: 5px; font-weight: 800; } .three-col-card .card-type.debit-card .title-2 { color: #21409a; } .premier .three-col-card .card-type.debit-card .title-2 { color: #212121; } .three-col-card .card-type.credit-card .title-2 { color: #212121; } .three-col-card .card-type.premier-card .title-2 { color: #daa520; } .three-col-card .card-type p { margin-bottom: 10px; } .three-col-card .card-type img { height: 146px; position: relative; display: block; margin: 0 auto 50px; margin-top: 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } @media only screen and (min-width: 768px) { .three-col-card .card-type:hover img { margin-top: -180px; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } } .three-col-card .card-type .btn-gold{ display:none; } .three-col-card .card-type:hover .btn-gold { display:inline-block; } @media only screen and (max-width: 767px) { .three-col-card .card-type .card-info { margin-top: -17px; } } @media only screen and (min-width: 768px) { .three-col-card .invisible-block { display: block; } } .three-col-card .card-col { padding-top: 10px; padding-bottom: 15px; margin-bottom: 15px; } @media only screen and (min-width: 768px) { .three-col-card .card-col { border-right: 1px solid #E0E0E0; margin-bottom: 0; height: 344px; } .three-col-card .card-col:last-child { border-right: none; } } @media only screen and (max-width: 767px) { .three-col-card .card-col { margin-bottom: 38px; } } #choose-your-card .range-slider, #calculator-tool .range-slider { width: 100%; max-width: 750px; margin: 0 auto; position: relative; } #choose-your-card .title-1, #calculator-tool .title-1 { text-align: center; } #choose-your-card a.btn-blue, #calculator-tool a.btn-blue { min-width: 240px; margin-top: 50px; } #choose-your-card .range-slider__field, #calculator-tool .range-slider__field { margin-top: 30px; } @media only screen and (min-width: 768px) { #choose-your-card .range-slider__field, #calculator-tool .range-slider__field { margin-top: 40px; } } @media only screen and (min-width: 1024px) { #choose-your-card .range-slider__field, #calculator-tool .range-slider__field { margin-top: 50px; } } #choose-your-card .range-slider__field p, #calculator-tool .range-slider__field p { font-size: 1.285rem; font-weight: 600; line-height: 1.22; margin-bottom: 30px; } #choose-your-card .range-slider__field label, #calculator-tool .range-slider__field label { max-width: 12.5%; font-weight: 600; line-height: 1.22; font-size: 14px; } @media only screen and (min-width: 480px) { #choose-your-card .range-slider__field label, #calculator-tool .range-slider__field label { max-width: 10%; font-size: 1.285rem; } } @media only screen and (min-width: 768px) { #choose-your-card .range-slider__field label, #calculator-tool .range-slider__field label { max-width: 7%; } } #choose-your-card .range-slider__order, #calculator-tool .range-slider__order { font-size: 14px; font-weight: 600; line-height: 1.43; display: inline-block; vertical-align: middle; width: 30px; color: #FFF; padding-top: 4px; margin-right: 25px; height: 30px; background-color: #21409a; border-radius: 4px; text-align: center; } .premier #choose-your-card .range-slider__order, .premier #calculator-tool .range-slider__order { background-color: #14265b; } #choose-your-card input[type="range"], #calculator-tool input[type="range"] { -webkit-appearance: none !important; -moz-apperance: none !important; } #choose-your-card .rangeslider, #calculator-tool .rangeslider, #choose-your-card .rangeslider__fill, #calculator-tool .rangeslider__fill { display: block; -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3); border-radius: 10px; } #choose-your-card .rangeslider, #calculator-tool .rangeslider { background: #e6e6e6; position: relative; } #choose-your-card .rangeslider--horizontal, #calculator-tool .rangeslider--horizontal { width: 75%; height: 8px; border-radius: 4px; background: #e0e0e0; outline: none; padding: 0; margin: 0; display: inline-block; } @media only screen and (min-width: 480px) { #choose-your-card .rangeslider--horizontal, #calculator-tool .rangeslider--horizontal { width: 80%; } } @media only screen and (min-width: 768px) { #choose-your-card .rangeslider--horizontal, #calculator-tool .rangeslider--horizontal { width: 86%; } } #choose-your-card .rangeslider--vertical, #calculator-tool .rangeslider--vertical { width: 20px; min-height: 150px; max-height: 100%; } #choose-your-card .rangeslider--disabled, #calculator-tool .rangeslider--disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } #choose-your-card .rangeslider__fill, #calculator-tool .rangeslider__fill { background: #21409a; position: absolute; } .premier #choose-your-card .rangeslider__fill, .premier #calculator-tool .rangeslider__fill { background: #daa520; } #choose-your-card .rangeslider--horizontal .rangeslider__fill, #calculator-tool .rangeslider--horizontal .rangeslider__fill { top: 0; height: 100%; } #choose-your-card .rangeslider--vertical .rangeslider__fill, #calculator-tool .rangeslider--vertical .rangeslider__fill { bottom: 0; width: 100%; } #choose-your-card .rangeslider__handle, #calculator-tool .rangeslider__handle { background: white; cursor: pointer; display: inline-block; width: 28px; height: 28px; position: absolute; background-color: #FFF; border: solid 6px #21409a; border-radius: 50%; } .premier #choose-your-card .rangeslider__handle, .premier #calculator-tool .rangeslider__handle { border-color: #daa520; } #choose-your-card .rangeslider__handle:hover, #calculator-tool .rangeslider__handle:hover { border-color: #ed1d24; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #choose-your-card .rangeslider__handle:active, #calculator-tool .rangeslider__handle:active, #choose-your-card .rangeslider--active .rangeslider__handle, #calculator-tool .rangeslider--active .rangeslider__handle { border-color: #ed1d24; } #choose-your-card .rangeslider--horizontal .rangeslider__handle, #calculator-tool .rangeslider--horizontal .rangeslider__handle { top: -10px; touch-action: pan-y; -ms-touch-action: pan-y; } #choose-your-card .rangeslider--vertical .rangeslider__handle, #calculator-tool .rangeslider--vertical .rangeslider__handle { left: -10px; touch-action: pan-x; -ms-touch-action: pan-x; } #choose-your-card input[type="range"]:focus + .rangeslider .rangeslider__handle, #calculator-tool input[type="range"]:focus + .rangeslider .rangeslider__handle { -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); box-shadow: 0 0 8px rgba(255, 0, 255, 0.9); } #choose-your-card .rangeslider__value-bubble, #calculator-tool .rangeslider__value-bubble { border: 1px solid #ccc; visibility: hidden; display: block; opacity: 0; position: absolute; top: 100%; margin-top: 20px; width: 118px; margin-left: -59px; text-align: center; border-radius: 4px; background-color: #345dd4; font-size: 16px; color: #FFF; line-height: 1.5; padding: 3px 15px; } .premier #choose-your-card .rangeslider__value-bubble, .premier #calculator-tool .rangeslider__value-bubble { background-color: #14265b; } #choose-your-card .rangeslider__value-bubble:before, #calculator-tool .rangeslider__value-bubble:before { content: ""; display: block; margin: auto; width: 10px; position: absolute; left: 0; right: 0; border-bottom: 5px solid #345dd4; border-left: 7px solid transparent; border-right: 6px solid transparent; top: -5px; } .premier #choose-your-card .rangeslider__value-bubble:before, .premier #calculator-tool .rangeslider__value-bubble:before { border-bottom: 5px solid #14265b; } #choose-your-card .rangeslider--active .rangeslider__value-bubble, #calculator-tool .rangeslider--active .rangeslider__value-bubble, #choose-your-card .rangeslider:hover .rangeslider__value-bubble, #calculator-tool .rangeslider:hover .rangeslider__value-bubble { opacity: 1; visibility: visible; } #choose-your-card .range-slider__value, #calculator-tool .range-slider__value { display: inline-block; position: relative; color: #21409a; line-height: 1.43; font-size: 1.714rem; font-weight: 800; margin: 0 5px; margin-bottom: 10px; min-width: 120px; text-align: center; border-bottom: 2px dashed #c4e1f7; max-width: 300px; } @media only screen and (min-width: 768px) { #choose-your-card .range-slider__value, #calculator-tool .range-slider__value { width: 150px; line-height: 1.22; } } @media only screen and (min-width: 1024px) { #choose-your-card .range-slider__value, #calculator-tool .range-slider__value { font-size: 32px; width: 175px; } } @media only screen and (min-width: 1280px) { #choose-your-card .range-slider__value, #calculator-tool .range-slider__value { font-size: 2.571rem; min-width: 200px; } } #choose-your-card ::-moz-range-track, #calculator-tool ::-moz-range-track { background: #d7dcdf; border: 0; } #choose-your-card input::-moz-focus-inner, #calculator-tool input::-moz-focus-inner, #choose-your-card input::-moz-focus-outer, #calculator-tool input::-moz-focus-outer { border: 0; } #choose-your-card .range-slider-results, #calculator-tool .range-slider-results { margin-top: 50px; } @media only screen and (min-width: 768px) { #choose-your-card .range-slider-results, #calculator-tool .range-slider-results { margin-top: 60px; } } @media only screen and (min-width: 1024px) { #choose-your-card .range-slider-results, #calculator-tool .range-slider-results { margin-top: 80px; } } @media only screen and (min-width: 1280px) { #choose-your-card .range-slider-results, #calculator-tool .range-slider-results { margin-top: 100px; } } #choose-your-card .range-slider-results .col-sm-9, #calculator-tool .range-slider-results .col-sm-9 { border-bottom: 1px solid #E0E0E0; margin-bottom: 25px; padding-bottom: 10px; } @media only screen and (min-width: 768px) { #choose-your-card .range-slider-results .col-sm-9, #calculator-tool .range-slider-results .col-sm-9 { border-right: 1px solid #e0e0e0; border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } } #choose-your-card .range-slider-results ._block-result, #calculator-tool .range-slider-results ._block-result { background-color: #ffffff; border: solid 1px #e0e0e0; padding: 15px; border-radius: 4px; margin-bottom: 15px; } @media only screen and (min-width: 768px) { #choose-your-card .range-slider-results ._block-result, #calculator-tool .range-slider-results ._block-result { padding: 20px; margin-bottom: 20px; } } @media only screen and (min-width: 1024px) { #choose-your-card .range-slider-results ._block-result, #calculator-tool .range-slider-results ._block-result { padding: 30px 30px 20px 30px; } } #choose-your-card .range-slider-results ._block-result ._title, #calculator-tool .range-slider-results ._block-result ._title { font-size: 1.285rem; font-weight: 600; line-height: 1.33; margin-bottom: 25px; text-align: center; } @media only screen and (min-width: 768px) { #choose-your-card .range-slider-results ._block-result ._title, #calculator-tool .range-slider-results ._block-result ._title { text-align: left; } } #choose-your-card .range-slider-results ._block-result .card-information .card-image, #calculator-tool .range-slider-results ._block-result .card-information .card-image { text-align: center; margin-bottom: 20px; } @media only screen and (min-width: 768px) { #choose-your-card .range-slider-results ._block-result .card-information .card-image, #calculator-tool .range-slider-results ._block-result .card-information .card-image { float: left; width: 21%; margin-right: 4%; margin-bottom: 0; } } @media only screen and (min-width: 768px) { #choose-your-card .range-slider-results ._block-result .card-information ul, #calculator-tool .range-slider-results ._block-result .card-information ul { float: left; width: 75%; } } #choose-your-card .range-slider-results ._block-result .card-information ul li, #calculator-tool .range-slider-results ._block-result .card-information ul li { font-weight: 600; margin-bottom: 15px; line-height: 1.43; } #choose-your-card .range-slider-results ._block-result .card-information ul li span, #calculator-tool .range-slider-results ._block-result .card-information ul li span { float: right; line-height: 1.43; font-weight: normal; } @media only screen and (min-width: 480px) { #choose-your-card .range-slider-results ._block-result .card-information ul li, #calculator-tool .range-slider-results ._block-result .card-information ul li { float: left; width: 33.33%; padding-right: 2%; padding-top: 5px; } #choose-your-card .range-slider-results ._block-result .card-information ul li:nth-child(3n), #calculator-tool .range-slider-results ._block-result .card-information ul li:nth-child(3n) { padding-right: 0; } #choose-your-card .range-slider-results ._block-result .card-information ul li span, #calculator-tool .range-slider-results ._block-result .card-information ul li span { display: block; float: none; margin-top: 3px; } } @media only screen and (min-width: 768px) { #choose-your-card .range-slider-results ._block-result .card-information ul li, #calculator-tool .range-slider-results ._block-result .card-information ul li { padding-right: 3.33%; } #choose-your-card .range-slider-results ._block-result .card-information ul li:nth-child(3n), #calculator-tool .range-slider-results ._block-result .card-information ul li:nth-child(3n) { padding-right: 3.33%; } } #choose-your-card .range-slider-results ._block-result .refund, #calculator-tool .range-slider-results ._block-result .refund { text-align: center; } @media only screen and (min-width: 768px) { #choose-your-card .range-slider-results ._block-result .refund, #calculator-tool .range-slider-results ._block-result .refund { padding-left: 30px; text-align: left; } } #choose-your-card .range-slider-results ._block-result .refund ._price, #calculator-tool .range-slider-results ._block-result .refund ._price { font-size: 1.714rem; font-weight: 800; color: #21409a; line-height: 1.25; } #choose-your-card .range-slider-results ._block-result .refund p, #calculator-tool .range-slider-results ._block-result .refund p { font-weight: 600; line-height: 1.43; margin-bottom: 0px; } #choose-your-card .range-slider-results ._block-result .refund .btn-control, #calculator-tool .range-slider-results ._block-result .refund .btn-control { margin-top: 20px; text-align: center; } #choose-your-card .range-slider-results ._block-result .refund .btn-control a.btn, #calculator-tool .range-slider-results ._block-result .refund .btn-control a.btn { min-width: auto; width: 100%; display: block; max-width: 240px; margin-top: 10px; padding: 0 10px; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 768px) { #choose-your-card .mob-range, #calculator-tool .mob-range { display: none; } } @media only screen and (max-width: 767px) { #choose-your-card .mob-range, #calculator-tool .mob-range { display: inline-block; text-align: center; font-size: 24px; font-weight: 800; width: 190px; margin-top: 16px; padding-bottom: 5px; border-bottom: 2px dashed #c4e1f7; } #choose-your-card a.btn-blue, #calculator-tool a.btn-blue { margin-top: 0; } #choose-your-card .range-slider__field, #calculator-tool .range-slider__field { margin-top: 45px; } #choose-your-card .range-slider__order, #calculator-tool .range-slider__order { margin-right: 10px; } #choose-your-card .range-slider__field p, #calculator-tool .range-slider__field p { font-size: 1.1rem; } #choose-your-card .range-slider-block, #calculator-tool .range-slider-block { display: none; } } .deposit-panel { font-size: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .deposit-panel .col-sm-6 { margin-bottom: 20px; display: inline-block; float: none; font-size: 16px; text-align: left; vertical-align: top; } .deposit-panel .title-2 { line-height: 1.08; font-weight: 800; padding-left: 44px; padding-right: 30px; position: relative; display: inline-block; } .deposit-panel .title-2 .ico { position: absolute; left: 0; max-width: 30px; } .deposit-panel .title-2:before { position: absolute; left: 0px; } .deposit-panel .title-2:after { content: ""; position: absolute; right: 0; background: url(/wps/wcm/connect/10b16bae-98d7-431a-a37e-af7b7cf093cf/icn-arrow-right-center.svg?MOD=AJPERES) right center no-repeat; width: 20px; height: 20px; -webkit-background-size: 100% 100%; background-size: 100%; } @media only screen and (min-width: 1024px) { .deposit-panel .title-2:after { top: 4px; } } .deposit-panel .deposit-block { background-color: #f7f9fb; border-radius: 4px; cursor: default; position: relative; padding: 20px; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 768px) { .deposit-panel .deposit-block { padding: 20px 30px; } } .deposit-panel .deposit-block:hover { background-color: #FFF; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .deposit-panel .deposit-block:hover .title-2 { color: #345DD4; } .deposit-panel .deposit-block:hover .btn { background-color: #21409a; border: 1px solid #21409a; color: #FFF; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .deposit-panel .deposit-block .title-2:before, .deposit-panel .deposit-block .reg-btn:before { font-family: 'icomoon' !important; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 20px; padding-left: 2px; color: #000; } .deposit-panel .deposit-block .reg-btn:before { padding-right: 10px; float: left; color: inherit; } @media only screen and (max-width: 767px) { .deposit-panel .deposit-block .btn { margin-top: 100px; } } .deposit-panel .deposit-block[data-ico*="tien-gui-thanh-toan"] .title-2:before { background: url(/wps/wcm/connect/c538106e-c145-4290-900f-27b726a53e79/icn-tien-gui-thanh-toan.svg?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="tien-gui-tiet-kiem"] .title-2:before { background: url(/wps/wcm/connect/864a38d0-58e2-4dd2-ba4b-345c8dd8be65/icn-tien-gui-tiet-kiem.svg?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="tien-gui-tich-luy"] .title-2:before { background: url(/wps/wcm/connect/e06930a0-0c56-4610-bf02-92e1bbf7c73a/icn-tien-gui-tich-luy.svg?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="tien-gui-online"] .title-2:before { background: url(/wps/wcm/connect/13be9acc-787c-4f57-944a-34bfbefac325/icn-tien-gui-online-ca-nhan.svg?MOD=AJPERES) right center no-repeat; } /*.deposit-panel .deposit-block[data-ico*="ngan-hang-di-dong"] .title-2:before,*/ .deposit-panel .deposit-block[data-ico*="ngan-hang-di-dong"] .reg-btn:before { content: "\e902"; } /*.deposit-panel .deposit-block[data-ico*="ngan-hang-dien-tu"] .title-2:before { content: "\e948"; }*/ .deposit-panel .deposit-block[data-ico*="ngan-hang-dien-tu"] .reg-btn:before { content: "\e911"; } /*.deposit-panel .deposit-block[data-ico*="dich-vu-atm"] .title-2:before { content: "\e949"; }*/ .deposit-panel .deposit-block[data-ico*="dich-vu-atm"] .reg-btn:before { content: "\e919"; } /*.deposit-panel .deposit-block[data-ico*="cong-nghe-moi"] .title-2:before { content: "\e920"; }*/ .deposit-panel .deposit-block[data-ico*="cong-nghe-moi"] .reg-btn:before { content: "\e911"; } .deposit-panel .deposit-block[data-ico*="bao-quan-tai-san"] .title-2:before { background: url(/wps/wcm/connect/830b8841-7224-47f8-b610-3f97508ed619/icn-bao-quan-tai-san.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="dich-vu-thue-ket"] .title-2:before { background: url(/wps/wcm/connect/ccee159b-aa96-40eb-8281-bc0bbebfc2a2/icn-dich-vu-thue-ket.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="thu-doi-tien-khong-du-chuan"] .title-2:before { background: url(/wps/wcm/connect/0d3ad748-a0d5-443e-a653-7a5ada808442/icn-thu-doi-tien-khong-du-chuan.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="doi-bao-bi-vang-mieng"] .title-2:before { background: url(/wps/wcm/connect/ddf45069-926c-4149-b001-2e790cf2f4b2/icn-doi-bao-bi-vang-mieng.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="thu-giu-ho-tien-mat-qua-dem"] .title-2:before { background: url(/wps/wcm/connect/e4d35a35-d27c-401b-a77c-47ee229c01b5/icn-thu-giu-ho-tien-mat-qua-dem.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="thu-tien-theo-tui-niem-phong"] .title-2:before { background: url(/wps/wcm/connect/721dae5d-e37d-49f6-abbe-a937d2edfdeb/icn-thu-tien-theo-tui-niem-phong.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="thu-chi-tien-mat-luu-dong"] .title-2:before { background: url(/wps/wcm/connect/40a34b98-d181-4915-b311-37b2eaae7b05/icn-thu-chi-tien-mat-luu-dong.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="cam-co-cho-vay-chung-khoan-niem-yet"] .title-2:before { background: url(/wps/wcm/connect/d7c269b4-850b-4e56-8c74-3d7b98b34dc7/icn-cam-co-cho-vay-chung-khoan-niem-yet.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="dich-vu-nhan-tin-sms"] .title-2:before { background: url(/wps/wcm/connect/a9e61264-8cff-4c1b-a958-20983b2cc91d/icn-dich-vu-nhan-tin-sms.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="giao-dich-qua-dien-thoai"] .title-2:before { background: url(/wps/wcm/connect/0d3d3ec3-91d2-4af1-8187-66bad0057d76/icn-giao-dich-qua-dien-thoai.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="giao-dich-qua-internet"] .title-2:before { background: url(/wps/wcm/connect/fd5f8779-664a-414e-801b-aa0f8c8fc94c/icn-giao-dich-qua-internet.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="luu-ky-chung-khoan"] .title-2:before { } .deposit-panel .deposit-block[data-ico*="mo-tai-khoan-giao-dich-chung-khoan"] .title-2:before { background: url(/wps/wcm/connect/19484175-0f44-47fc-9402-ac03e75375ee/icn-mo-tai-khoan-giao-dich-chung-khoan.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="mo-gioi-chung-khoan"] .title-2:before { background: url(/wps/wcm/connect/6fd12ba8-aa21-47cf-ade1-cde7a251f461/icn-mo-gioi-chung-khoan.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="nhuong-quyen-nhan-tien-ban-ck"] .title-2:before { background: url(/wps/wcm/connect/137f8fd2-fa5d-4d11-916f-23bf25b3b073/icn-nhuong-quyen-nhan-tien-ban-ck.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="bao-hiem-nhan-tho"] .title-2:before { background: url(/wps/wcm/connect/53db459b-0fd5-4718-affa-db37a498ec7a/icn-bao-hiem-nhan-tho.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="bao-hiem-phi-nhan-tho"] .title-2:before { background: url(/wps/wcm/connect/df737eeb-40d5-4183-9429-c1a43fa676ba/icn-bao-hiem-phi-nhan-tho.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="mua-ban-ngoai-te"] .title-2:before { background: url(/wps/wcm/connect/02fb048d-323a-4e2b-a318-b04388767738/icn-mua-ban-ngoai-te.png?MOD=AJPERES) right center no-repeat; } .deposit-panel .deposit-block[data-ico*="dau-tu-co-cau"] .title-2:before { background: url(/wps/wcm/connect/896626e3-5aa9-4970-b9c9-e39a5c9cdf70/icn-dau-tu-co-cau.png?MOD=AJPERES) right center no-repeat; } .deposit-panel ._des { margin-top: 20px; overflow: hidden; position: relative; } @media only screen and (min-width: 768px) { .deposit-panel ._des { height: 140px; } } .deposit-panel ._des p, .deposit-panel ._des span { line-height: 1.5; } .deposit-panel ._des p:not(:last-child) { margin-bottom: 10px; } .deposit-panel a { margin-top: 10px; } .deposit-panel .reg-btn { position: absolute; bottom: 35px; right: 20px; font-size: 14px; display: none; } @media only screen and (min-width: 480px) { .deposit-panel .reg-btn { display: block; } } .deposit-panel .reg-btn img { margin-right: 10px; } .deposit-panel .reg-btn span { line-height: 1.43; font-weight: 600; } .deposit-panel .reg-btn img, .deposit-panel .reg-btn span { display: inline-block; vertical-align: middle; } .deposit-panel--night-mode .deposit-block { -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } .deposit-panel--night-mode .deposit-block:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(33, 33, 33, 0.9); } .deposit-panel--night-mode .deposit-block:hover:before { background-color: rgba(33, 64, 154, 0.9); } .deposit-panel--night-mode .title-2:after { background: url(/wps/wcm/connect/81eace60-d017-43f0-9068-0d2990de943b/icn-arrow-right-center-white.svg?MOD=AJPERES) right center no-repeat; } .deposit-panel--night-mode p, .deposit-panel--night-mode span { color: #FFF; } .pagination-link { text-align: center; margin-top: 40px; margin-bottom: 10px; } @media only screen and (min-width: 768px) { .pagination-link { margin-top: 50px; margin-bottom: 10px; } } @media only screen and (min-width: 1280px) { .pagination-link { margin-top: 60px; margin-bottom: 20px; } } .pagination-link li { display: inline-block; width: 30px; height: 30px; margin: 0 3px; border-radius: 50%; background-color: #F5F5F5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .pagination-link li a { line-height: 30px; display: block; } .pagination-link li.active, .pagination-link li:hover { background-color: #21409A; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .premier .pagination-link li.active, .premier .pagination-link li:hover { background-color: #14265b; } .premier .pagination-link li.active a, .premier .pagination-link li:hover a { color: #e5b351; } .pagination-link li.active a, .pagination-link li:hover a { color: #FFF; } .filter-panel .filter-block { position: relative; margin-bottom: 10px; } @media only screen and (min-width: 1024px) { .filter-panel .filter-block { margin-bottom: 0; } } @media only screen and (max-width: 767px) { .filter-panel .pull-left, .filter-panel .pull-right { float: none !important; } .filter-panel .pull-left .title-1, .filter-panel .pull-right .title-1 { margin-bottom: 30px; } } .filter-panel .checked-item { display: block; padding: 14px 30px 14px 15px; position: relative; font-weight: 600; line-height: 1.43; cursor: pointer; background-color: #FFF; border: 1px solid #E0E0E0; border-radius: 4px; } .filter-panel .checked-item:before { content: ""; position: absolute; right: 20px; top: 50%; margin-top: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; } .filter-panel .checked-item.dropdown:before { border-bottom: 0; border-right: 0; margin-top: -2px; border-top: solid 2px #9e9e9e; border-left: solid 2px #9e9e9e; } .filter-panel .checked-item.icn-filter { background: url('/wps/wcm/connect/1a7aa654-e515-47e3-b898-47b950878d0b/icn-filter.svg?MOD=AJPERES') no-repeat; -webkit-background-size: 20px 20px; background-size: 20px; padding-left: 40px; background-position: left 10px center; } @media only screen and (min-width: 1024px) { .filter-panel .checked-item.icn-filter { padding-left: 50px; background-position: left 20px center; } } .filter-panel .filter-options { display: none; padding: 0 15px; background-color: #FFF; border: 1px solid #e0e0e0; z-index: 5; max-height: 250px; overflow: auto; position: absolute; border-radius: 3px; width: 100%; } .filter-panel .filter-options li { line-height: 1.43; padding: 13px 0; border-bottom: 1px solid #E0E0E0; cursor: pointer; } .filter-panel .filter-options li:last-child { border-bottom: none; } .filter-panel.filter-account .filter-list { text-align: center; border-bottom: 2px solid #e0e0e0; font-size: 0; } .filter-panel.filter-account .filter-list .slick-list { overflow: visible; } .filter-panel.filter-account li { display: inline-block; line-height: 1.33; font-weight: 600; position: relative; font-size: 14px; padding: 0 10px 10px; cursor: pointer; vertical-align: bottom; } @media only screen and (max-width: 767px) { .filter-panel.filter-account li { height: 47px; } } @media only screen and (min-width: 768px) { .filter-panel.filter-account li { padding: 0 15px 10px; } } @media only screen and (min-width: 1280px) { .filter-panel.filter-account li { padding: 0 20px 10px; } } .filter-panel.filter-account li:before { content: ""; position: absolute; bottom: -3px; width: 0px; height: 4px; background-color: #345dd4; left: 50%; border-radius: 2px; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; } @media only screen and (min-width: 1280px) { .filter-panel.filter-account li:hover:before { left: 0; width: 100%; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; } } .filter-panel.filter-account li.mixitup-control-active:before { left: 0; width: 100%; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; } @media only screen and (min-width: 768px) { .filter-panel.filter-account li { font-size: 16px; padding: 0 15px 15px; } } @media only screen and (min-width: 1280px) { .filter-panel.filter-account li { font-size: 16px; padding: 0 20px 20px; } } .filter-panel.filter-account li a { font-weight: inherit; color: inherit; } .filter-panel.filter-cards .filter-list { text-align: center; margin-top: 20px; } @media only screen and (min-width: 480px) { .filter-panel.filter-cards .filter-list { margin-top: 0; } } .filter-panel.filter-cards .filter-list li { display: inline-block; height: 100px; width: 130px; margin: 0 2px; background-color: #F5F5F5; border-radius: 4px; padding: 22px 5px 15px; cursor: pointer; border: 1px solid #e0e0e0; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; margin-bottom: 5px; } .filter-panel.filter-cards .filter-list li span { display: inline-block; line-height: 1.43; font-weight: 600; } .filter-panel.filter-cards .filter-list li:hover, .filter-panel.filter-cards .filter-list li.mixitup-control-active { background-color: #FFF; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } @media only screen and (min-width: 480px) { .filter-panel.filter-cards .filter-list li { width: 180px; margin: 0 8px; padding: 22px 15px 15px; margin-top: 20px; } } .filter-panel.filter-cards .filter-list .brand-logo { margin-bottom: 10px; height: 30px; } .filter-content { padding-top: 35px; } @media only screen and (min-width: 768px) { .filter-content { padding-top: 40px; } } @media only screen and (min-width: 1280px) { .filter-content { padding-top: 50px; } } .cards-listing-panel .cards-col { margin-top: 20px; } @media only screen and (min-width: 480px) and (max-width: 767px) { .cards-listing-panel .cards-col { width: 50%; float: left; } } @media only screen and (min-width: 768px) { .cards-listing-panel .cards-col { margin-top: 30px; } } @media only screen and (min-width: 1024px) { .cards-listing-panel .cards-col { margin-top: 40px; } } .cards-listing-panel .cards-col .cards-info { border: 1px solid #E0E0E0; border-radius: 4px; padding: 20px; text-align: center; position: relative; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .cards-listing-panel .cards-col .cards-info:not(.no-compare) { cursor: pointer; } .cards-listing-panel .cards-col .cards-info:not(.no-compare):hover, .cards-listing-panel .cards-col .cards-info:not(.no-compare).checked { border-color: #345DD4; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .cards-listing-panel .cards-col .cards-info:not(.no-compare):hover:before, .cards-listing-panel .cards-col .cards-info:not(.no-compare).checked:before { content: ""; position: absolute; left: -12px; top: 50%; margin-top: -12px; width: 25px; height: 25px; background: url('/wps/wcm/connect/ba82a8dc-a650-4162-b869-7bca0e41f3f1/icn-checked.png?MOD=AJPERES') center no-repeat; -webkit-background-size: 100% 100%; background-size: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0; } .cards-listing-panel .cards-col .cards-info:not(.no-compare).checked:before { opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .cards-listing-panel .cards-col .cards-desc { margin-top: 22px; min-height: 130px; overflow: hidden; } @media only screen and (min-width: 480px) { .cards-listing-panel .cards-col .cards-desc { text-align: left; } } .cards-listing-panel .cards-col p { line-height: 1.43; margin-bottom: 10px; } .cards-listing-panel .cards-col ._title { font-size: 16px; line-height: 1.38; font-weight: 600; } .cards-listing-panel .cards-col .btn-control a.btn { margin-top: 10px; display: block; } .cards-listing-panel .cards-col .btn-control a.btn.btn-white { border-color: #e0e0e0; } #comparison-field { position: fixed; bottom: 0; z-index: 20; width: 100%; background-color: #FFCB2E; display: none; } #comparison-field .inner-container { padding-top: 10px; padding-bottom: 10px; height: 100px; } #comparison-field ._items { float: left; } #comparison-field ._items li { width: 125px; cursor: pointer; float: left; position: relative; border-radius: 4px; } #comparison-field ._items li.no-card:hover { opacity: 0.8; } #comparison-field ._items li:not(.no-card) { margin-right: 45px; } #comparison-field ._items li:not(.no-card):before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; background-color: rgba(0, 0, 0, 0.73); z-index: 1; border-radius: 4px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #comparison-field ._items li:not(.no-card):after { content: ""; position: absolute; width: 25px; height: 25px; left: 50%; top: 50%; opacity: 0; margin: -12px 0 0 -12px; background: url(/wps/wcm/connect/429c0c77-d2e0-4ad9-a7a6-b97ec2bf55ea/close.svg?MOD=AJPERES) center no-repeat; -webkit-background-size: 100% 100%; background-size: 100%; z-index: 2; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #comparison-field ._items li:not(.no-card):hover:before { opacity: 1; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #comparison-field ._items li:not(.no-card):hover:after { opacity: 1; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #comparison-field .compare-button { float: right; padding-right: 20px; padding-top: 15px; } @media only screen and (max-width: 767px) { #comparison-field .inner-container { height: auto; padding: 20px 20px 10px; } #comparison-field .compare-button { padding: 0 23px; } #comparison-field .compare-button, #comparison-field .btn-white { width: 100%; } #comparison-field ._items { margin-bottom: 18px; margin-left: 23px; } #comparison-field ._items li { width: 63px; } #comparison-field ._items li:not(.no-card) { margin-right: 22px; } } @media only screen and (max-width: 767px) { .card-slider-block .inner-container { padding-left: 0; padding-right: 0; } } .slider-comparison-card { margin-top: 40px; opacity: 0; -webkit-transition: opacity .25s ease; -o-transition: opacity .25s ease; transition: opacity .25s ease; padding: 0 68px; } .slider-comparison-card .item-wrapper { padding: 0 22px; } @media only screen and (max-width: 767px) { .slider-comparison-card .item-wrapper { padding: 0 15px; } } @media only screen and (max-width: 767px) { .slider-comparison-card .item-slider { width: 250px; } } .slider-comparison-card .cards-info { border: 1px solid #E0E0E0; border-radius: 4px; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 27px; background-color: #fff; position: relative; } .slider-comparison-card .cards-info img { display: inline-block; width: 125px; max-width: 100%; } .slider-comparison-card .cards-info .title-2 { font-size: 14px; line-height: 1.45; margin-top: 20px; } .slider-comparison-card .cards-info.checked { border-color: #345DD4; } .slider-comparison-card .cards-info.checked:before { content: ""; position: absolute; left: -12px; top: 50%; margin-top: -12px; width: 25px; height: 25px; background: url('/wps/wcm/connect/ba82a8dc-a650-4162-b869-7bca0e41f3f1/icn-checked.png?MOD=AJPERES') center no-repeat; -webkit-background-size: 100% 100%; background-size: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 1; } .slider-comparison-card.slick-initialized { opacity: 1; } @media only screen and (max-width: 767px) { .slider-comparison-card { margin-bottom: 30px; } } .collapse .title { font-size: 14px; padding: 20px 30px 20px 50px; cursor: pointer; text-transform: uppercase; color: #14265B; position: relative; line-height: 1.5; } .collapse .title:before { content: '\e91b'; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; color: #fff; line-height: 20px; border-radius: 20px; text-align: center; background: #21409a; font-size: 10px; position: absolute; width: 20px; height: 20px; left: 20px; top: 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .collapse .title.show { color: inherit; background: #f5f5f5; } .collapse .title.show:before { background: transparent; color: #9e9e9e; content: "\e946"; font-size: 19px; } .collapse .content { padding-top: 30px; padding-bottom: 40px; } @media only screen and (max-width: 767px) { .card-comparison-block .inner-container { padding-left: 0; padding-right: 0; } } .comparison-board .selected-cards img { display: block; margin-bottom: 24px; } .comparison-board .selected-cards .title-2 { font-size: 1.285rem; line-height: 1.22; } @media only screen and (min-width: 768px) { .comparison-board .row { margin-left: 0; margin-right: 0; } } @media only screen and (min-width: 768px) { .comparison-board .col-sm-3, .comparison-board .col-sm-4 { padding-left: 30px; padding-right: 30px; } } .comparison-board .info-title { clear: left; color: #9e9e9e; } .selected-cards-detail img { margin-left: 20px; } .selected-cards-detail .btn { width: 100%; } @media only screen and (min-width: 768px) { .selected-cards-detail .btn { margin-top: 40px; } } @media only screen and (min-width: 768px) { .selected-cards-detail .info-content { padding-left: 0; padding-right: 0; display: block !important; } } @media only screen and (max-width: 767px) { .selected-cards-detail .info-content { padding-bottom: 0 !important; } } @media only screen and (max-width: 767px) { .selected-cards-detail .info-content .has-title { padding-top: 10px; padding-bottom: 10px; } } @media only screen and (max-width: 767px) { .selected-cards-detail .info-content .has-title:nth-child(2n+2) { background: #f5f5f5; } } @media only screen and (max-width: 767px) { .selected-cards-detail .collapse .content > .row { margin-bottom: 10px; } } .selected-cards-detail .collapse .content > .row .info-content, .selected-cards-detail .collapse .content > .row .info-title { line-height: 1.43; padding-top: 8px; padding-bottom: 8px; } @media only screen and (max-width: 767px) { .selected-cards-detail .info-title { background-color: #c5e1f7; padding: 10px 30px; color: #1c2e36; position: relative; } .selected-cards-detail .info-title:before { content: '\e907'; font-family: 'icomoon' !important; font-size: 12px; display: block; width: 10px; height: 10px; position: absolute; top: 50%; right: 30px; z-index: 2; margin-top: -5px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } .selected-cards-detail .info-title.show::before { content: '\e906'; } } .selected-cards-detail .info-title.closed:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .selected-cards-detail .title-mobile { clear: left; } .selected-cards-detail .title-mobile .title-2 { font-size: 14px; color: #9e9e9e; font-weight: 400; } @media only screen and (max-width: 767px) { .selected-cards-detail .has-title { position: relative; overflow: hidden; } .selected-cards-detail .has-title .title-mobile, .selected-cards-detail .has-title .text { float: left; width: 50%; padding: 0 20px; } .selected-cards-detail .has-title .title-mobile { padding-right: 0; } .selected-cards-detail .has-title .text { text-align: right; } } @media only screen and (max-width: 767px) { .selected-cards-detail .content { padding: 0; } } @media only screen and (max-width: 767px) { .selected-cards-detail .content#detail-1 .info-title { display: none; } } .selected-cards-detail .content#detail-1 .text { text-align: left; } .accordion-wrap { border: 1px solid #e0e0e0; } @media only screen and (min-width: 768px) { .accordion-wrap { position: relative; border-radius: 4px; } } .accordion-wrap .accordion-block, .accordion-wrap .sub-accordion-block { position: relative; } .accordion-wrap .accordion-block ._title, .accordion-wrap .sub-accordion-block ._title { font-weight: 600; font-size: 16px; line-height: 1.5; padding: 18px 10px 18px 50px; display: block; position: relative; cursor: pointer; color: #14265B; } @media only screen and (min-width: 1024px) { .accordion-wrap .accordion-block ._title, .accordion-wrap .sub-accordion-block ._title { padding-left: 70px; } } .accordion-wrap .accordion-block .accordion-hidden-content, .accordion-wrap .sub-accordion-block .accordion-hidden-content, .accordion-wrap .accordion-block .sub-accordion-hidden-content, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content { display: none; position: relative; width: 100%; } .accordion-wrap .accordion-block .accordion-hidden-content.active, .accordion-wrap .sub-accordion-block .accordion-hidden-content.active, .accordion-wrap .accordion-block .sub-accordion-hidden-content.active, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content.active { display: block; } .accordion-wrap .accordion-block .accordion-hidden-content ul li, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul li, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul li, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li { padding: 10px 20px; line-height: 1.43; } @media only screen and (min-width: 1024px) { .accordion-wrap .accordion-block .accordion-hidden-content ul li, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul li, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul li, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li { padding-left: 70px; padding-right: 70px; } } .accordion-wrap .accordion-block .accordion-hidden-content ul li:nth-child(even), .accordion-wrap .sub-accordion-block .accordion-hidden-content ul li:nth-child(even), .accordion-wrap .accordion-block .sub-accordion-hidden-content ul li:nth-child(even), .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li:nth-child(even) { background-color: #F5F5F5; } .accordion-wrap .accordion-block .accordion-hidden-content ul li .clearfix > span, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul li .clearfix > span, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul li .clearfix > span, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li .clearfix > span { float: left; display: block; line-height: 1.43; font-weight: 600; padding-right: 10px; width: 60%; } .accordion-wrap .accordion-block .accordion-hidden-content ul li .clearfix > span:nth-child(2n), .accordion-wrap .sub-accordion-block .accordion-hidden-content ul li .clearfix > span:nth-child(2n), .accordion-wrap .accordion-block .sub-accordion-hidden-content ul li .clearfix > span:nth-child(2n), .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li .clearfix > span:nth-child(2n) { width: 40%; } @media only screen and (min-width: 480px) { .accordion-wrap .accordion-block .accordion-hidden-content ul li .clearfix > span, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul li .clearfix > span, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul li .clearfix > span, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li .clearfix > span { width: 50% !important; } } .accordion-wrap .accordion-block .accordion-hidden-content ul li p + p, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul li p + p, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul li p + p, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li p + p { margin-top: 20px; } .accordion-wrap .accordion-block .accordion-hidden-content ul li .has-max-width, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul li .has-max-width, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul li .has-max-width, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li .has-max-width { max-width: 700px; } .accordion-wrap .accordion-block .accordion-hidden-content ul._step-list, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list { padding: 30px 0; } .accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li { position: relative; background-color: transparent; } .accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li ._step-info, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li ._step-info, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li ._step-info, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li ._step-info { padding-left: 45px; position: relative; margin-bottom: 30px; } @media only screen and (min-width: 1024px) { .accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li ._step-info, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li ._step-info, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li ._step-info, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li ._step-info { padding-left: 60px; padding-right: 60px; } } .accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li:last-child ._step-info, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li:last-child ._step-info, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li:last-child ._step-info, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li:last-child ._step-info { margin-bottom: 0; } .accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li ._step-num, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li ._step-num, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li ._step-num, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li ._step-num { line-height: 28px; width: 30px; border-radius: 50%; font-weight: 600; color: #21409a; border: 2px solid #21409a; vertical-align: middle; text-align: center; display: inline-block; position: absolute; left: 0; background-color: #FFF; top: -5px; z-index: 2; } .accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li p, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li p, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li p, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li p { line-height: 1.43; } .accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li:not(:last-child):before, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li:not(:last-child):before, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li:not(:last-child):before, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li:not(:last-child):before { content: ""; position: absolute; left: 34px; width: 2px; height: 100%; background-color: #21409a; z-index: 1; } @media only screen and (min-width: 1024px) { .accordion-wrap .accordion-block .accordion-hidden-content ul._step-list li:not(:last-child):before, .accordion-wrap .sub-accordion-block .accordion-hidden-content ul._step-list li:not(:last-child):before, .accordion-wrap .accordion-block .sub-accordion-hidden-content ul._step-list li:not(:last-child):before, .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul._step-list li:not(:last-child):before { left: 84px; } } .accordion-wrap .accordion-block ._title { background-color: #FFF; text-transform: uppercase; } .accordion-wrap .accordion-block ._title { text-transform: inherit; } .accordion-wrap .accordion-block ._title:before { content: '\e91b'; font-family: 'icomoon' !important; font-style: normal; font-weight: normal; font-variant: normal; color: #fff; line-height: 20px; border-radius: 20px; text-align: center; background: #21409a; font-size: 10px; position: absolute; width: 20px; height: 20px; left: 20px; top: 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .premier .accordion-wrap .accordion-block ._title:before { background: #e5b351; color: #14265b; } .accordion-wrap .accordion-block ._title.dropdown { background-color: #14265B; color: #FFF; } .premier .accordion-wrap .accordion-block ._title.dropdown { color: #e5b351; } .accordion-wrap .accordion-block ._title.dropdown:before { background: #C4E1F7; color: #21409a; content: "\e943"; } .premier .accordion-wrap .accordion-block ._title.dropdown:before { color: #14265b; background: #e5b351; } @media only screen and (min-width: 1024px) { .accordion-wrap .accordion-block ._title:before { left: 30px; } } .accordion-wrap .accordion-block:first-of-type ._title.dropdown { border-radius: 4px 4px 0px 0px; } .accordion-wrap .sub-accordion-block { margin-top: 10px; } #bidv-insurance-accordion .accordion-wrap .sub-accordion-block:first-child { margin-top: 0px; } .accordion-wrap .sub-accordion-block > ._title { background-color: #F7F9FB; padding-left: 80px; padding-right: 30px; } @media only screen and (min-width: 1024px) { .accordion-wrap .sub-accordion-block > ._title { padding-left: 105px; padding-right: 40px; } } .accordion-wrap .sub-accordion-block > ._title:before { position: absolute; width: 20px; height: 20px; -webkit-background-size: 100% 100%; background-size: 100%; left: 50px; top: 20px; } .accordion-wrap .sub-accordion-block > ._title:after { content: ''; position: absolute; width: 20px; height: 20px; -webkit-background-size: 100% 100%; background-size: 100%; right: 10px; top: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .accordion-wrap .sub-accordion-block > ._title.dropdown:after { border-color: #fff; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .accordion-wrap .sub-accordion-block > ._title:before { content: ''; background: url(/wps/wcm/myconnect/e7754bf9-9603-424e-a656-591ea088b50e/icn-question.svg?MOD=AJPERES) center center no-repeat; } .accordion-wrap .sub-accordion-block > ._title.dropdown:before { background: #C4E1F7; color: #21409a; content: "\e943"; } #bidv-insurance-accordion .accordion-wrap .sub-accordion-block > ._title { background-color: #c4e1f7; color: #14265B; } #bidv-insurance-accordion .accordion-wrap .sub-accordion-block > ._title:before { visibility: hidden; } #bidv-insurance-accordion .accordion-wrap .sub-accordion-block > ._title.dropdown:after { border-color: #9e9e9e; } @media only screen and (min-width: 1024px) { .accordion-wrap .sub-accordion-block > ._title:before { left: 70px; } .accordion-wrap .sub-accordion-block > ._title:after { right: 20px; } } .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li { padding-left: 50px; } @media only screen and (min-width: 1024px) { .accordion-wrap .sub-accordion-block .sub-accordion-hidden-content ul li { padding-left: 105px; } } .accordion-wrap ol { margin-bottom: 20px; } .accordion-wrap ol li { padding: 0 0 5px 70px !important; } .accordion-wrap ol li:before { display: none; } .bidv-cards-detail--premier a.btn.btn-blue { background-color: #DAA520; border-color: #DAA520; } .bidv-cards-detail--premier .accordion-wrap .accordion-block ._title { color: #DAA520; } .bidv-cards-detail--premier .accordion-wrap .accordion-block ._title:before { background: #DAA520; } .bidv-cards-detail--premier .accordion-wrap .accordion-block ._title.dropdown { color: #FFF; background-color: #DAA520; } .bidv-cards-detail--premier .accordion-wrap .accordion-block ._title.dropdown::before { color: #DAA520; background: #fff; } .fast-register-block { text-align: center; font-size: 0; margin-bottom: 50px; } .fast-register-block ._step { display: inline-block; vertical-align: top; margin-bottom: 50px; } .fast-register-block ._step:last-child { margin-bottom: 0; } @media only screen and (min-width: 768px) { .fast-register-block ._step { width: 200px; margin-right: 20px; margin-bottom: 0; } .fast-register-block ._step:first-child { margin-right: 0; } .fast-register-block ._step:first-child ._icon:before { display: none; } } @media only screen and (min-width: 1024px) { .fast-register-block ._step { width: 230px; margin-right: 30px; } .fast-register-block ._step:last-child { margin-right: 0; } } @media only screen and (min-width: 1280px) { .fast-register-block ._step { width: 250px; margin-right: 40px; } .fast-register-block ._step:last-child { margin-right: 0; } } .fast-register-block ._step ._icon { width: 60px; height: 60px; position: relative; padding: 20px; display: table; margin: 0 auto; background-color: #FFF; border-radius: 50%; } .premier .fast-register-block ._step ._icon { background-color: #e5b351; } @media only screen and (min-width: 768px) { .fast-register-block ._step ._icon:before { content: ""; position: absolute; height: 5px; top: 50%; margin-top: -2px; background-color: #FFF; width: 160px; right: 60px; } .premier .fast-register-block ._step ._icon:before { background-color: #e5b351; } } @media only screen and (min-width: 1024px) { .fast-register-block ._step ._icon:before { width: 200px; } } @media only screen and (min-width: 1280px) { .fast-register-block ._step ._icon:before { width: 230px; } } .fast-register-block ._step ._icon img { display: table-cell; vertical-align: middle; width: 100%; } .fast-register-block ._info { font-size: 14px; } .fast-register-block ._info ._short-des { line-height: 1.43; margin-top: 12px; } .fast-register-block ._info ._title { font-weight: 600; line-height: 1.43; margin-top: 20px; } @media only screen and (min-width: 768px) { .fast-register-block ._info ._title { margin-top: 15px; } } .select-list-items { position: relative; } .select-list-items ._selected-text { display: block; padding: 14px 0px 14px 10px; position: relative; line-height: 1.3; cursor: pointer; background-color: #FFF; border: 1px solid #E0E0E0; border-radius: 4px; } .premier .select-list-items ._selected-text:hover, .premier .select-list-items ._selected-text.dropdown { background: #e5b351; color: #fff; } .premier .select-list-items ._selected-text:hover:after, .premier .select-list-items ._selected-text.dropdown:after { border-color: #fff !important; } .select-list-items ._selected-text[class*='icon']:before { margin-right: 10px; font-size: 24px; float: left; margin: -1px 5px 0px 7px; color: #979797; } .select-list-items ._selected-text:after { content: ""; position: absolute; right: 20px; top: 50%; margin-top: -5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; } .select-list-items ._selected-text.dropdown:after { border-bottom: 0; border-right: 0; margin-top: -2px; border-top: solid 2px #9e9e9e; border-left: solid 2px #9e9e9e; } .premier .select-list-items ._selected-text.dropdown:after { border-color: #fff; } .select-list-items ._selected-text .select-label { padding-right: 10px; display: inline-block; vertical-align: middle; font-weight: 600; } @media only screen and (max-width: 767px) { .select-list-items ._selected-text .select-label { display: none; } } .select-list-items ._selected-text .select-value { display: inline-block; vertical-align: middle; font-weight: 600; } .select-list-items ._selected-text .select-value.highlight-changing { color: #345DD4; } .select-list-items ._selected-text .select-value input { font-size: inherit; color: inherit; height: auto; line-height: inherit; background: transparent; } .select-list-items ._selection-field { display: none; padding: 10px 0px; background-color: #FFF; border: 1px solid #e0e0e0; border-top: 0; z-index: 5; max-height: 200px; overflow: auto; position: absolute; border-radius: 4px; width: 100%; } .select-list-items ._selection-field li { line-height: 1.43; padding: 13px 15px; cursor: pointer; } .select-list-items ._selection-field li:last-child { border-bottom: 0; } .select-list-items ._selection-field li:hover { background: #f5f5f5; } .bidv-select-box select { display: none; } ._blur ._selected-text { color: #9E9E9E; } [data-icon^='icon'] ._selection-field { padding-left: 20px; padding-right: 10px; } [data-icon^='icon'] ._selection-field li { padding-left: 42px; padding-right: 40px; } [data-icon^='icon'] ._selection-field .mCSB_container { margin-right: 27px; } .transaction-info { background-color: #f7f9fb; border: 1px dashed #e0e0e0; max-width: 780px; padding: 20px; margin: 0 auto 30px; } @media only screen and (min-width: 768px) { .transaction-info { padding: 30px 50px; margin-bottom: 40px; } } @media only screen and (min-width: 1024px) { .transaction-info { padding: 30px 100px; margin-bottom: 50px; } } .transaction-info ._title { font-size: 14px; font-weight: 800; margin-bottom: 15px; line-height: 1.43; } @media only screen and (min-width: 768px) { .transaction-info ._title { font-size: 16px; } } @media only screen and (min-width: 1024px) { .transaction-info ._title { font-size: 18px; } } .transaction-info ._des { margin-bottom: 25px; } .transaction-info ._des p { line-height: 1.43; margin-bottom: 10px; } .transaction-info ._des p:last-child { margin-bottom: 0; } .transaction-info ._des:last-child { margin-bottom: 0; } .transaction-info .code { background-color: #21409a; line-height: 30px; padding: 0 20px; border-radius: 15px; display: inline-block; vertical-align: middle; font-weight: 600; margin-left: 5px; color: #FFF; } #calculator-tool .range-slider__field:first-child { margin-top: 0; } #calculator-tool .range-slider__field p { font-size: 14px; margin-bottom: 20px; } #calculator-tool .range-slider__field .range-slider__value { font-size: 1.714rem; color: #1c2e36; border-color: #9e9e9e; min-width: 130px; } #calculator-tool .range-slider__field label { width: 17%; max-width: 17%; font-size: 14px; display: inline-block; float: left; } @media only screen and (min-width: 768px) { #calculator-tool .range-slider__field label { width: 15%; max-width: 15%; } } #calculator-tool .range-slider__field .range-slider-block:after { content: ''; clear: both; display: block; } #calculator-tool .range-slider__field .rangeslider--horizontal { float: left; width: 63%; margin-left: 0%; margin-right: 3%; margin-top: 5px; } @media only screen and (min-width: 768px) { #calculator-tool .range-slider__field .rangeslider--horizontal { width: 67%; } } #calculator-tool .range-slider__field.small-value .range-slider__value { min-width: 40px; } #calculator-tool .calculator-tool.mix { position: relative; margin-top: 25px; } #calculator-tool .calculator-tool.mix > .row > div { padding-top: 20px; } @media only screen and (min-width: 1280px) { #calculator-tool .calculator-tool.mix > .row > div { padding-left: 50px; padding-right: 50px; } } #calculator-tool .calculator-tool.mix > .row .col-range-slider { position: relative; } @media only screen and (min-width: 768px) { #calculator-tool .calculator-tool.mix > .row .col-range-slider:after { content: ""; background: #e0e0e0; display: block; width: 1px; position: absolute; right: 0; top: 0; bottom: 0; } } @media only screen and (max-width: 767px) { #calculator-tool .calculator-tool.mix > .row .calculator-result { padding-top: 50px; } } @media only screen and (min-width: 768px) { #calculator-tool .calculator-tool.mix > .row .calculator-result { padding-left: 50px; } } #calculator-tool .calculator-tool.mix > .row .calculator-result h3 { font-size: 2.571rem; font-weight: 600; line-height: 1.28; color: #21409a; margin-top: 10px; } @media only screen and (max-width: 767px) { #calculator-tool .calculator-tool.mix > .row .calculator-result h3 { font-size: 2.143rem; } } .premier #calculator-tool .calculator-tool.mix > .row .calculator-result .title-2 { color: #daa520; font-weight: 800; } #calculator-tool .calculator-tool.mix > .row .calculator-result .result-sub-info { padding-top: 60px; } @media only screen and (max-width: 767px) { #calculator-tool .calculator-tool.mix > .row .calculator-result .result-sub-info { padding-top: 30px; } } #calculator-tool .calculator-tool.mix > .row .calculator-result .result-sub-info .item { margin-bottom: 20px; } #calculator-tool .calculator-tool.mix > .row .calculator-result .result-sub-info h4 { line-height: 1.25; font-size: 1.714rem; margin-top: 10px; } @media only screen and (min-width: 768px) { #calculator-tool .calculator-tool.mix.tool-1 .calculator-result { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } .bidv-insurance-info .filter-content.has-filter { visibility: hidden; } .about-header { text-align: center; } .about-header img { margin-bottom: 15px; } .about-header .caption { max-width: 580px; display: inline-block; margin-top: 30px; line-height: 1.43; line-height: 1.5; } .blue-slider .item-slider { padding: 20px 10px; } .blue-slider .item-slider .item-wrapper { background: #21409A; border-radius: 4px; padding: 30px; min-height: 210px; -webkit-transition: background ease 0.5s; -o-transition: background ease 0.5s; transition: background ease 0.5s; color: #fff; } .blue-slider .item-slider .item-wrapper:hover { background: transparent; color: inherit; -webkit-box-shadow: 0 10px 20px 0 #e0e0e0; box-shadow: 0 10px 20px 0 #e0e0e0; } .blue-slider .item-slider .item-wrapper:hover a { color: #21409a; } @media only screen and (max-width: 480px) { .blue-slider .item-slider .item-wrapper { min-height: 120px; } } .blue-slider .item-slider .item-wrapper .title-2 { margin-bottom: 10px; font-weight: 600; display: block; } #core-services { margin: 0px -10px; } #core-services .item-wrapper { padding: 30px 0px; } @media only screen and (max-width: 480px) { #core-services .item-wrapper { text-align: center; } #core-services .item-wrapper img { display: inline-block; } } #core-services .item-wrapper .title-2 { margin-top: 10px; margin-bottom: 10px; font-weight: bold; } @media only screen and (max-width: 480px) { #core-services .item-wrapper .title-2 { font-weight: normal; } } #core-services .item-wrapper .caption { line-height: 1.5; } #bidv-brand-info { position: relative; padding-top: 50px; padding-bottom: 50px; } @media only screen and (max-width: 767px) { #bidv-brand-info { background: #f7f9fb; } } #bidv-brand-info:before { content: ""; position: absolute; background: url('/wps/wcm/connect/90c0ebf8-8bc1-4e69-b8ef-c5f0921fc7a2/icn-dropdown-2.svg?MOD=AJPERES') center no-repeat; width: 20px; height: 10px; bottom: 20px; -webkit-background-size: 100% 100%; background-size: 100%; left: 50%; margin-left: -10px; opacity: 0; } @media only screen and (max-width: 767px) { #bidv-brand-info:before { position: static; height: 300px; width: 100%; display: block; -webkit-background-size: contain; background-size: contain; background-position: center center; margin-bottom: -70px; } } #bidv-brand-info .params-info .col-sm-3 { margin-bottom: 60px; } @media only screen and (min-width: 768px) { #bidv-brand-info .params-info .col-sm-3:nth-child(4) { clear: left; } } @media only screen and (max-width: 767px) { #bidv-brand-info .params-info .col-sm-3 { margin-bottom: 10px; } } @media only screen and (max-width: 767px) { #bidv-brand-info .params-info .title-2 { color: #888; font-size: inherit; font-weight: normal; } } #bidv-brand-info .title-info { min-height: 75px; display: table; margin-bottom: 10px; } @media only screen and (max-width: 767px) { #bidv-brand-info .title-info { min-height: 50px; } } #bidv-brand-info .title-2 { font-weight: bold; display: table-cell; font-size: 1.14rem; vertical-align: bottom; } #bidv-brand-info .num { mix-blend-mode: multiply; font-size: 60px; font-weight: 600; line-height: 0.8; text-align: left; color: #21409a; } @media only screen and (max-width: 767px) { #bidv-brand-info .num { font-size: 36px; } } #bidv-brand-info .extra { display: inline-block; font-weight: bold; line-height: 1.5; vertical-align: top; margin-left: 10px; } @media only screen and (max-width: 767px) { #bidv-brand-info .extra { font-weight: normal; color: #888; } } #bidv-brand-info .branch-logo { float: left; margin-right: 20px; margin-top: 30px; margin-bottom: 30px; vertical-align: top; min-width: 130px; height: 30px; } @media only screen and (max-width: 767px) { #bidv-brand-info .branch-logo { width: 50%; margin-right: 0px; } #bidv-brand-info .branch-logo:nth-of-type(2n+1) { clear: left; } } #bidv-commitments .commit-item { padding-left: 20px; } #bidv-commitments .commit-content { background-color: #f7f9fb; max-width: 700px; padding: 30px; position: relative; margin: 60px auto; line-height: 1.5; } #bidv-commitments .commit-content:before { content: ""; width: 70px; height: 45px; display: block; position: absolute; top: -29px; left: -18px; } #bidv-commitments .filter-panel.filter-account { max-width: 800px; margin: 0 auto; } #bidv-commitments .filter-panel.filter-account li { margin-top: 30px; } @media only screen and (min-width: 1280px) { #bidv-commitments .filter-panel.filter-account li { margin-left: 70px; } #bidv-commitments .filter-panel.filter-account li:first-child { margin-left: 0; } } #bidv-social-activities { background: #f5f5f5; } #bidv-social-activities .caption { max-width: 580px; margin: auto; line-height: 1.5; } #bidv-awards { text-align: center; padding-bottom: 50px; } #bidv-awards .caption { max-width: 580px; margin: auto; line-height: 1.5; } #bidv-awards .award-item { display: inline; padding: 0px 33px; } #bidv-awards .award-item:nth-child(4)::after { content: ""; display: block; } #bidv-awards .award-item:nth-child(n+5) { padding-left: 23px; padding-right: 23px; } #bidv-awards .award-item img { margin-bottom: 30px; } @media only screen and (max-width: 767px) { #bidv-awards .award-item { height: 100px; } #bidv-awards .award-item img { position: relative; top: 50%; margin-bottom: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } #bidv-awards .slick-dots { text-align: center; bottom: -30px; } #bidv-awards .slick-dots li { margin: 0 3px; } #bidv-awards .slick-dots li button:before { background-color: rgba(196, 225, 247, 0.4); } #bidv-awards .slick-dots li.slick-active button:before { background-color: #21409A; } #bidv-history { position: relative; } #bidv-history .history-tree { position: relative; } #bidv-history .history-tree .section-content { border-left: 1px solid #e0e0e0; padding-left: 20px; padding-top: 10px; padding-right: 110px; } @media only screen and (max-width: 1023px) { #bidv-history .history-tree .section-content { padding-right: 10px; } } #bidv-history .history-tree .section-group { max-width: 680px; } #bidv-history .history-tree .section-group:not(:last-child) { margin-bottom: 100px; } @media only screen and (max-width: 767px) { #bidv-history .history-tree .section-group:not(:last-child) { margin-bottom: 30px; } } #bidv-history .history-tree .section-group .item-list { margin-bottom: 40px; position: relative; } @media only screen and (max-width: 767px) { #bidv-history .history-tree .section-group .item-list { margin-bottom: 30px; } } #bidv-history .history-tree .section-group .item-list.root::before { content: ""; position: absolute; top: 0px; left: -28px; width: 16px; height: 16px; background-color: #d3d1d3; border: solid 4px #f0f0f0; border-radius: 100%; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } #bidv-history .history-tree .section-group .item-list .title-2 { font-size: inherit !important; font-weight: bold; margin-bottom: 10px; } @media only screen and (min-width: 768px) { #bidv-history .history-tree .section-group .item-list .caption { padding-left: 20px; } } #bidv-history .history-tree .section-group.active .root::before { background-color: #21409a !important; } #bidv-history .sync-pointers { position: absolute; top: 0px; right: 0px; width: 100%; } @media only screen and (max-width: 1023px) { #bidv-history .sync-pointers { display: none; } } #bidv-history .sync-pointers.is-sticky { position: fixed; top: 60px; } #bidv-history .sync-pointers .pointer-wrapper { border-left: 1px solid #e0e0e0; padding-left: 20px; padding-top: 50px; float: right; } #bidv-history .sync-pointers .pointer-wrapper .pointer { position: relative; margin-bottom: 95px; display: block; cursor: pointer; } #bidv-history .sync-pointers .pointer-wrapper .pointer:last-child { margin-bottom: -7px; margin-top: -60px; } #bidv-history .sync-pointers .pointer-wrapper .pointer::before { content: ""; position: absolute; top: 0px; left: -28px; width: 16px; height: 16px; background-color: #d3d1d3; border: solid 4px #f0f0f0; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; border-radius: 100%; } #bidv-history .sync-pointers .pointer-wrapper .pointer.current::before { background-color: #21409a; } #bidv-identity-summary .accordion-block ._title { text-transform: uppercase; } #bidv-download-brochure { color: #fff; position: relative; } #bidv-download-brochure:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(30, 53, 121, 0.9); } #bidv-download-brochure .caption { max-width: 500px; margin: auto; } #bidv-download-brochure .btn-while { background: #fff; border-radius: 4px; color: #333; padding: 15px 50px; font-weight: bold; color: #1c2e36; display: inline-block; } #bidv-leaders .members .top-member { margin-bottom: 100px; } @media only screen and (min-width: 768px) { #bidv-leaders .members .top-member { padding: 0px 100px; } } #bidv-leaders .members .top-member .thumbnail { width: 200px; max-width: 100%; display: inline-block; vertical-align: top; margin-right: 50px; margin-bottom: 30px; } #bidv-leaders .members .top-member .info { text-align: left; display: inline-block; width: 500px; max-width: 100%; margin-top: 20px; } #bidv-leaders .members .top-member .info .position { max-width: 210px; margin-bottom: 20px; } #bidv-leaders .members .normal-member { margin: 0px -25px; text-align: center; } #bidv-leaders .members .normal-member .item-member { margin-bottom: 50px; width: 200px; max-width: 100%; padding: 0px 25px; display: inline-block; vertical-align: top; } #bidv-leaders .members .normal-member .item-member .thumbnail { display: inline-block; margin-bottom: 30px; } #bidv-ceo .title-1 { margin-bottom: 55px; } .about-quocte .quocte-item { background: #F8F9FB; padding: 30px 48px; margin: 35px 0 33px; font-size: 24px; } .about-quocte .quocte-item .quocte-content { line-height: 1.3; margin-bottom: 0; } .about-quocte .quocte-item .quocte-author { font-size: 14px; margin: 8px 0 0; } .about-quocte .quocte-item:before { color: #C3E2F7; top: -40px; left: -14px; font-size: 70px; } .salient-features__item { position: relative; border-radius: 4px; cursor: pointer; background-color: #F7F9FB; padding: 30px 15px 15px; margin-bottom: 20px; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .salient-features__item ._title { font-size: 16px; font-weight: 600; margin-bottom: 8px; line-height: 1.43; } @media only screen and (min-width: 768px) { .salient-features__item ._title { font-size: 1.285rem; } } .salient-features__item ul { margin-bottom: 80px; } .salient-features__item ul li { padding-left: 25px; line-height: 1.43; position: relative; } .salient-features__item ul li:before { content: ""; position: absolute; background-color: #1C2E36; top: 10px; left: 0; width: 2px; height: 2px; border-radius: 1px; } .salient-features__item ._icon { position: absolute; bottom: 15px; left: 15px; width: 70px; height: 70px; border-radius: 50%; background-color: #FFF; padding: 20px; } .salient-features__item ._icon img { width: 30px; height: 30px; } .salient-features__item ._icon.add_icon { position: relative; margin: 35px auto 18px; left: auto; bottom: auto; } .salient-features__item:hover { background-color: #FFF; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .salient-features__item:hover ._icon { background-color: #F7F9FB; } #support-tab { max-width: 1000px; margin: auto; } @media only screen and (max-width: 767px) { #support-tab .col-sm-4 { width: 33%; float: left; padding-left: 0px; padding-right: 0px; } #support-tab .col-sm-4 ._des { display: none; } } #support-tab .supporter-block { border-radius: 4px; background-color: #F7F9FB; padding: 25px 15px 40px; position: relative; cursor: pointer; -o-transition: 0.3s all; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; text-align: center; } @media only screen and (min-width: 768px) { #support-tab .supporter-block { min-height: 300px; padding: 85px 15px; } } @media only screen and (max-width: 767px) { #support-tab .supporter-block { padding-left: 5px; padding-right: 5px; } } #support-tab .supporter-block:before { content: ""; position: absolute; width: 20px; height: 10px; bottom: 20px; -webkit-background-size: 100% 100%; background-size: 100%; left: 50%; margin-left: -10px; opacity: 0; } #support-tab .supporter-block:hover { background-color: #FFF; -webkit-box-shadow: 0 10px 20px 0 #E0E0E0; box-shadow: 0 10px 20px 0 #E0E0E0; -o-transition: 0.3s all; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; } #support-tab .supporter-block:hover:before { opacity: 1; -o-transition: 0.3s all; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; } #support-tab .supporter-block:hover ._title { color: #345DD4; -o-transition: 0.3s all; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; } #support-tab .supporter-block ._img { height: 32px; } #support-tab .supporter-block ._img img { max-height: 50px; display: inline-block; margin: 0 auto; vertical-align: bottom; } #support-tab .supporter-block ._des { max-width: 225px; margin: 0 auto; } #support-tab .supporter-block ._title { line-height: 1.33; font-size: 16px; margin-top: 15px; font-weight: 800; } @media only screen and (min-width: 768px) { #support-tab .supporter-block ._title { margin-top: 20px; } } #support-tab .supporter-block p:not(._title) { margin-top: 10px; line-height: 1.43; font-size: 14px; margin-bottom: 0px; } #support-tab .mixitup-control-active .supporter-block { background-color: #FFF; -webkit-box-shadow: 0 10px 20px 0 #E0E0E0; box-shadow: 0 10px 20px 0 #E0E0E0; } #support-tab .mixitup-control-active .supporter-block:before { opacity: 1; } #support-tab .mixitup-control-active .supporter-block ._title { color: #345DD4; -o-transition: 0.3s all; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; } .support-block { position: fixed; right: 0px; bottom: 0px; width: 380px; max-width: 100%; z-index: 10; } .support-block .support-header { border-radius: 4px 4px 0px 0px; background-color: #15234e; padding: 20px; color: #e5b351; position: relative; font-size: 13px; font-weight: bold; text-transform: uppercase; cursor: pointer; } .support-block .support-header .dropdown { position: absolute; right: 20px; top: 50%; font-size: 20px; margin-top: -15px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .support-block .support-header.dropup .dropdown { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .support-block .support-body { background: #fff; padding: 0px 10px; display: none; } .support-block .support-body .item { padding: 20px 0px; border-bottom: 1px solid #ececec; } .support-block .support-body .item:last-child { border: none; } .support-block .support-body .item .ico { font-size: 20px; margin-right: 20px; color: #e5b351; margin-left: 30px; display: inline-block; vertical-align: middle; } .sm-guide { position: relative; border-radius: 4px; -webkit-box-shadow: 0 10px 30px 0 #E0E0E0; box-shadow: 0 10px 30px 0 #E0E0E0; background-color: #FFF; } @media only screen and (min-width: 768px) { .sm-guide { margin-top: -20px; } } .sm-guide .smart-banking-guide { text-align: center; margin-bottom: 30px; padding: 0 20px; } @media only screen and (min-width: 768px) { .sm-guide .smart-banking-guide { margin-bottom: 35px; } } @media only screen and (min-width: 1280px) { .sm-guide .smart-banking-guide { margin-bottom: 40px; } } .sm-guide .smart-banking-guide p { line-height: 1.43; } .sm-guide .smart-banking-guide ._title { margin-top: 30px; font-weight: 600; font-size: 16px; } @media only screen and (min-width: 768px) { .sm-guide .smart-banking-guide ._title { font-size: 1.285rem; } } .sm-guide .smart-banking-guide ._des { margin-top: 10px; } .sm-guide .video-guild-btn { line-height: 46px; display: inline-block; border-radius: 4px; padding: 0 20px; text-align: center; position: relative; background-color: #ED1D24; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .sm-guide .video-guild-btn span { color: #FFF; display: inline-block; vertical-align: middle; } .sm-guide .video-guild-btn img { display: inline-block; vertical-align: middle; margin-right: 10px; } .sm-guide .video-guild-btn:hover { opacity: 0.8; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .bidv-atms-branches #footer, .bidv-atms-branches #footer-expand, .bidv-atms-branches #copyright { display: none !important; } #canvas-map { height: 600px; } @media only screen and (min-width: 1280px) { #canvas-map { height: 100vh; width: 100vw; position: fixed !important; } } @media only screen and (max-width: 480px) { #canvas-map { height: 400px; } } @media only screen and (min-width: 1280px) { #map-filter { position: fixed; bottom: 0px; width: 100%; } } #map-filter .filter-section { position: absolute; z-index: 1; right: 0px; background: #fff; bottom: 100%; margin-bottom: 130px; } @media only screen and (min-width: 1280px) { #map-filter .filter-section { bottom: 50px; margin-bottom: 0px; right: -35px; } } #map-filter .filter-section .filter-item { padding: 15px 15px; width: 300px; border-bottom: 1px solid #e0e0e0; cursor: pointer; } @media only screen and (max-width: 767px) { #map-filter .filter-section .filter-item { width: auto; } } #map-filter .filter-section .filter-item:last-child { border: none; } #map-filter .filter-section .filter-item img { display: inline-block; vertical-align: middle; margin-right: 15px; width: 40px; } @media only screen and (max-width: 767px) { #map-filter .filter-section .filter-item img { margin-right: 0px; } } #map-filter .filter-section .filter-item .filter-title { font-weight: bold; } @media only screen and (max-width: 767px) { #map-filter .filter-section .filter-item .filter-title { display: none; } } @media only screen and (min-width: 1280px) { #map-filter .search-section { position: absolute; z-index: 1; bottom: 50px; left: -40px; max-width: 440px; width: 100%; height: 100vh; padding-top: 200px; } } #map-filter .search-section .section-wrapper { background: #fff; height: 100%; position: relative; overflow: hidden; } #map-filter .search-section .section-wrapper .form-search { width: 100%; background: #fff; padding: 20px 0px 0px 0px; } @media only screen and (min-width: 1280px) { #map-filter .search-section .section-wrapper .form-search { padding-left: 20px; padding-right: 20px; } } #map-filter .search-section .section-wrapper .form-search .filter-list { border-color: transparent !important; margin-bottom: 1px; text-align: left; } #map-filter .search-section .section-wrapper .form-search .filter-list li { padding-left: 0px; padding-right: 0px; margin-right: 30px; height: auto; font-size: 18px; } #map-filter .search-section .section-wrapper .maps-search-form .form-item { margin-bottom: 20px; } #map-filter .search-section .section-wrapper .maps-search-form .form-item label { margin-bottom: 5px; font-weight: 600; display: block; } #map-filter .search-section .section-wrapper .maps-search-form .form-input { padding: 15px 50px; padding-left: 40px; background-repeat: no-repeat; background-position: 15px center; -webkit-background-size: 20px 20px; background-size: 20px; background-color: #f5f5f5; position: relative; } @media only screen and (min-width: 1280px) { #map-filter .search-section .section-wrapper .maps-search-form .form-input { margin-left: -20px; margin-right: -20px; } } #map-filter .search-section .section-wrapper .maps-search-form .form-input:after { content: ""; width: 20px; height: 20px; position: absolute; right: 10px; top: 50%; margin-top: -10px; } #map-filter .search-section .section-wrapper .maps-search-form input { font-size: inherit; padding: 0px 15px; line-height: 1.5; background: transparent; color: #333; height: auto; } #map-filter .search-section .section-wrapper .map-search-result { overflow-y: auto; height: 100%; width: 100%; padding-left: 20px; } @media only screen and (min-width: 1280px) { #map-filter .search-section .section-wrapper .map-search-result { padding-left: 20px; } } #map-filter .search-section .section-wrapper .map-search-result::-webkit-scrollbar { width: 0px; } #map-filter .search-section .section-wrapper .map-search-result .mCSB_container { margin-right: 20px !important; padding-bottom: 300px; } @media only screen and (max-width: 767px) { #map-filter .search-section .section-wrapper .map-search-result .mCSB_container { margin-right: 0px !important; } } #map-filter .search-section .section-wrapper .map-search-result .mCSB_dragger_bar { background: #ccc; } #map-filter .search-section .section-wrapper .map-search-result .bank-item { padding: 10px 0px; line-height: 1.5; float: left; width: 100%; border-bottom: 1px solid #e0e0e0; } #map-filter .search-section .section-wrapper .map-search-result .bank-item:last-child { border: none; } #map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-title { font-weight: bold; cursor: pointer; } #map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-title .bank-type { width: 10px; height: 10px; background-color: #21409a; display: inline-block; border-radius: 100%; margin-right: 10px; } #map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-title .bank-type.branch { background-color: #ed1d24; } #map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-workinghour { width: 70%; float: left; } #map-filter .search-section .section-wrapper .map-search-result .bank-item .bank-distance { width: 30%; float: right; border-radius: 100px; background-color: #f5f5f5; text-align: center; padding: 5px 0px; } .link-table { width: 100%; text-align: center; } .link-table .slick-list { overflow: visible; } .link-table li { display: inline-block; position: relative; } .link-table li a { font-weight: bold; padding: 19px 20px 20px; display: inline-block; text-align: center; } .premier .link-table li a { color: #e5b351; } .link-table li:before { content: ""; position: absolute; bottom: -3px; width: 0px; height: 4px; background-color: #345dd4; left: 50%; border-radius: 2px; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .premier .link-table li:before { background-color: #e5b351; } .link-table li.active::before { left: 0; width: 100%; -webkit-transition: .3s all; -o-transition: .3s all; transition: .3s all; } .ir-event-item { background: #f7f9fb; border-radius: 4px; position: relative; min-height: 154px; padding: 30px 10px 10px 168px; } .ir-event-item .event-day { position: absolute; left: 30px; top: 21px; width: 95px; padding-top: 9px; background: #fff; border-radius: 4px; text-align: center; } .ir-event-item .event-day .date { font-size: 13px; } .ir-event-item .event-day .month { font-size: 40px; font-weight: 600; display: block; line-height: 1.3; } .ir-event-item .event-day .year { display: block; background: #21409a; border-radius: 0 0 4px 4px; color: #fff; padding: 4px; } .ir-event-item .event-info .event-title { font-size: 18px; font-weight: 600; display: block; margin-bottom: 12px; } .ir-event-item .event-info .event-hour, .ir-event-item .event-info .event-add { padding-left: 30px; min-height: 24px; line-height: 24px; margin-bottom: 5px; } .ir-event-item .event-info .event-add { } .filter-panel.filter-investor-ceo { border-bottom: 2px solid #e0e0e0; margin-bottom: 40px; } .filter-panel.filter-investor-ceo .slick-list { overflow: visible; } .filter-panel.filter-investor-ceo li { display: inline-block; margin-right: 30px; padding: 27px 0px 22px; cursor: pointer; position: relative; font-weight: 600; } .filter-panel.filter-investor-ceo li:before { content: ""; display: block; width: 0; height: 3px; background: #345dd4; border-radius: 3px; position: absolute; left: 0; bottom: -2px; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } @media only screen and (min-width: 1280px) { .filter-panel.filter-investor-ceo li:hover:before { width: 100%; } } .filter-panel.filter-investor-ceo li.mixitup-control-active:before { width: 100%; } .filter-investor-content:before, .filter-investor-content:after { display: table; content: ""; } .filter-investor-content:after { clear: both; } .filter-investor-content .title-2 { font-size: 1.285rem; font-weight: 800; display: inline-block; margin-bottom: 20px; } .filter-investor-content #credit-ratings .credit-title { margin-bottom: 30px; } .filter-investor-content #credit-ratings .credit-title img { display: inline-block; margin-left: 30px; margin-top: -5px; } @media only screen and (min-width: 768px) { .filter-investor-content #credit-ratings .section-download-list { margin-bottom: 40px; } } .filter-investor-content #bidv-awards { text-align: left; max-width: 950px; } .filter-investor-content #bidv-awards .award-item { padding-left: 0px; padding-right: 60px; } .filter-investor-content #bidv-awards .award-item:nth-child(4)::after { display: none; } .filter-investor-content #bidv-awards .award-item img { margin: 20px 0px; } .quocte-item { padding-top: 60px; margin-bottom: 20px; position: relative; } .quocte-item:before { content: "\e93f"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; left: 0; top: 10px; font-size: 50px; color: #e0e0e0; } .quocte-item .quocte-content { line-height: 1.4; margin-bottom: 15px; } .quocte-item .quocte-author { margin-bottom: 32px; } .stock-detail { background: #f7f9fb; border-radius: 4px; padding: 22px 30px; font-size: 18px; min-height: 380px; } .stock-detail dl { border-top: 2px solid #e0e0e0; font-size: 0; } .stock-detail dt, .stock-detail dd { display: inline-block; font-size: 18px; width: 50%; margin-top: 13px; } .stock-detail dd { text-align: right; } .stock-detail .stock-name { display: block; margin-bottom: 2px; } .stock-detail .stock-arrow { display: inline-block; margin: -2px 5px 0 0; } .stock-detail .stock-arrow:before { color: inherit; font-size: 26px; } .stock-detail .stock-value { color: red; } .stock-detail .stock-value.stock-green { color: #21a451; } .stock-detail .stock-value .stock-price { font-size: 3.6rem; line-height: 1.4; font-weight: bold; } .stock-detail .stock-value .stock-change1, .stock-detail .stock-value .stock-change2 { float: right; } .stock-detail .stock-value .stock-change1 { margin: 10px 0 -2px; } .stock-detail .stock-value .stock-change2 { clear: right; } .stock-detail .stock-date-update { font-size: 14px; margin: -2px 0 15px; color: #9e9e9e; } .stock-chart { background: #f7f9fb; border-radius: 4px; padding: 24px 20px; min-height: 380px; } .stock-chart .ie-note { display: none; } .stock-chart .chart-time { background: #fff; border-radius: 4px; float: left; font-size: 0; } .stock-chart .chart-time li { display: inline-block; padding: 3px 10px; font-size: 12px; border-left: 1px solid #9e9e9e; cursor: pointer; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .stock-chart .chart-time li:first-child { border-left: 0; border-radius: 4px 0 0 4px; } .stock-chart .chart-time li:last-child { border-radius: 0 4px 4px 0; } .stock-chart .chart-time li:hover, .stock-chart .chart-time li.active { background: #345DD4; color: #fff; } .stock-chart div.chart-time { float: right; padding: 2px 20px 2px 10px; margin-left: 10px; font-size: 13px; position: relative; } .stock-chart div.chart-time:after { content: '\e90b'; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; position: absolute; right: 6px; top: 7px; font-size: 9px; } @media only screen and (max-width: 1023px) { .stock-detail { padding: 20px 10px; min-height: 340px; } .stock-detail .stock-value .stock-arrow:before { font-size: 16px; } .stock-detail .stock-value .stock-price { font-size: 2.8rem; } .stock-detail .stock-value .stock-change1, .stock-detail .stock-value .stock-change2 { font-size: 14px; } .stock-detail .stock-value .stock-change1 { margin: 7px 0 -2px; } .stock-detail .stock-date-update { font-size: 12px; } .stock-detail dt, .stock-detail dd { font-size: 16px; width: auto; } .stock-detail dt { float: left; clear: both; } .stock-detail dd { float: right; } .stock-chart { min-height: 340px; } .stock-chart { padding: 20px 10px; } .stock-chart div.chart-time { font-size: 12px; } .stock-chart .chart-time li { font-size: 11px; } } .page-title .icon-arr_type1_1 { font-size: 20px; display: inline-block; margin-left: 25px; } .foreign-tranfter-table { width: 100%; padding-top: 40px; } .foreign-tranfter-table table { width: 100%; border-bottom: 3px solid #e0e0e0; } .foreign-tranfter-table th { padding: 10px 0; border-bottom: 3px solid #e0e0e0; } .foreign-tranfter-table td { text-align: right; padding: 10px 0; border-bottom: 1px solid #e0e0e0; } .foreign-tranfter-table td:first-child { text-align: left; } .foreign-chart-label { font-size: 14px; text-transform: uppercase; width: 140px; font-weight: bold; text-align: left; margin-top: 4px; position: absolute; } .foreign-chart-legend { min-height: 40px; text-align: right; padding: 7px 0 14px; border-bottom: 2px solid #e0e0e0; margin-bottom: 20px; position: relative; } .foreign-chart-legend div { position: relative; padding-right: 53px; margin-top: 3px; } .foreign-chart-legend div:after { content: ""; display: block; width: 35px; height: 10px; position: absolute; right: 0; top: 7px; } .foreign-chart-legend div.legend-1:after { background-color: #ed1d24; } .foreign-chart-legend div.legend-2:after { background-color: #21409a; } .chart-wrap { position: relative; display: table; width: 100%; } .chart-wrap .chart-label { display: table-cell; vertical-align: middle; text-align: right; } .chart-wrap .ownership-data { display: block; position: relative; padding-right: 40px; margin-bottom: 10px; } .chart-wrap .ownership-data .bg { display: block; width: 20px; height: 20px; position: absolute; right: 0; top: 0; border-radius: 20px; } .foreign-chart { clear: both; position: relative; } .ownership-chart { display: table-cell; max-width: 380px; padding-right: 20px; position: relative; } .ownership-chart canvas { width: 280px; } @media only screen and (min-width: 1024px) { .ownership-chart { padding-left: 100px; } .foreign-chart { padding-left: 45px; } .foreign-chart-legend { margin-left: 100px; } .foreign-tranfter-table { padding-right: 90px; } } @media only screen and (max-width: 767px) { .ir-event-item { padding: 16px 10px 10px 100px; margin-bottom: 20px; } .ir-event-item .event-day { left: 10px; top: 20px; width: 80px; } .ir-event-item .event-day .month { font-size: 30px; } .stock-detail { margin-bottom: 20px; } .stock-chart ul.chart-time { margin-bottom: 10px; } .foreign-tranfter-table { margin-bottom: 20px; } .ownership-chart { margin-top: 20px; display: block; } .chart-wrap { display: block; } .chart-wrap .chart-label { display: block; margin: 20px 0 0; } } #filter-financial-reports .col-sm-4 { margin-bottom: 20px; } @media only screen and (min-width: 768px) { .table-report .list-row .left-col { width: 50%; float: left; padding-right: 10px; } } @media only screen and (max-width: 767px) { .table-report .list-row .left-col { padding-bottom: 10px; } } .table-report .list-row .right-col { text-align: right; } @media only screen and (min-width: 768px) { .table-report .list-row .right-col { width: 50%; float: right; padding-left: 10px; } } .table-report .list-row.theader { padding-bottom: 10px; } @media only screen and (max-width: 767px) { .table-report .list-row.theader { display: none; } } .table-report .list-row.sub-row { padding: 10px 0px 0px; padding-left: 20px; position: relative; } @media only screen and (max-width: 767px) { .table-report .list-row.sub-row:before { content: '�; font-size: 15px; position: absolute; top: 8px; left: 0px; } } .table-report .list-row .col { position: relative; } .table-report .list-row .col .mobile-thead { float: left; width: 50%; text-align: left; } @media only screen and (min-width: 768px) { .table-report .list-row .col .mobile-thead { display: none; } } .table-report .violet { color: #345dd4; } .table-footer { color: #9e9e9e; } @media only screen and (max-width: 767px) { .table-footer { text-align: center; } } @media only screen and (max-width: 767px) { .table-footer .table-action::before { content: ""; display: table; } } .table-footer i { display: inline-block; vertical-align: middle; margin-right: 10px; margin-left: 20px; font-size: 18px; } .table-footer i:first-child { margin-left: 0px; } @media only screen and (min-width: 768px) { .table-footer .col-sm-4 { text-align: right; } } @media only screen and (min-width: 768px) { #bidv-finance-reports .filter-list li { padding-left: 30px; padding-right: 30px; margin-left: 30px; margin-right: 30px; } } @media only screen and (min-width: 768px) { .bidv-data-table .data-filter { padding-right: 200px; position: relative; } .bidv-data-table .data-filter .form-action { position: absolute; top: 0px; right: 0px; } } .bidv-data-table .icon-arr_type1_1 { font-size: 50%; display: inline-block; vertical-align: middle; margin-left: 10px; } @media only screen and (min-width: 768px) { .bidv-data-table .icon-arr_type1_1 { margin-left: 40px; } } .bidv-data-table .bidv-select-date-box { margin-bottom: 20px; } .bidv-data-table .price-increase, .bidv-data-table .price-decrease { min-width: 105px; color: #72d604; font-weight: bold; } .bidv-data-table .price-increase:after, .bidv-data-table .price-decrease:after { content: "\e929"; margin-left: 5px; font-size: 12px; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bidv-data-table .price-decrease { color: #d0011b; } .bidv-data-table .price-decrease:after { content: "\e92a"; } .bidv-data-table table td { text-align: right; } .bidv-data-table table td:first-child { text-align: left; } .bidv-data-table table td.center { text-align: center; } .bidv-data-table table tbody tr:last-child td { border: none; } @media only screen and (min-width: 768px) { .bidv-data-table table tbody { border-bottom: 3px solid #e0e0e0; } } .bidv-data-table .pagination-link { margin: 0px; float: right; } @media only screen and (max-width: 767px) { .bidv-data-table .pagination-link { float: none; margin-top: 20px!important; } } .bidv-data-table .violet { color: #21409a; } .table-with-title .title-2 { text-transform: uppercase; font-weight: 800; border-bottom: 3px solid #e0e0e0; width: 390px; max-width: 100%; padding-bottom: 10px; margin-bottom: 10px; } #bidv-event-schedule .tabnav { margin: 0px; } @media only screen and (min-width: 768px) { #bidv-event-schedule thead { display: none; } } #bidv-event-schedule tbody tr { padding: 0px 20px; } #bidv-event-schedule tbody tr:nth-child(2n) { background-color: #f7f9fb; } @media only screen and (min-width: 768px) { #bidv-event-schedule tbody td { text-align: center; } #bidv-event-schedule tbody td:first-child { padding-left: 20px; text-align: left; } #bidv-event-schedule tbody td:last-child { text-align: right; padding-right: 20px; } } #bidv-event-schedule tbody .mobile-thead { font-weight: 800; } #bidv-event-schedule tbody .mobile-content { text-align: left !important; } .section-download-list li { display: block; padding: 11px 20px; border-top: 1px solid #e0e0e0; } .bidv-notifi.section-download-list li { padding: 25px 10px 25px 0px; } .section-download-list li:first-child { border-top: 0; padding-top: 0; } .section-download-list li:nth-child(2n) { background-color: #f7f9fb; } .section-download-list .left-col { margin-bottom: 10px; } @media only screen and (min-width: 768px) { .section-download-list .left-col { float: left; width: 75%; margin-bottom: 0px; } } @media only screen and (max-width: 767px) { .bidv-notifi.section-download-list .right-col { margin-left:45px; } } .bidv-notifi.section-download-list .left-col [class*="icon-ico"] { position: absolute; } .section-download-list .left-col [class*="icon-ico"] { font-size: 25px; margin-top: -8px; display: inline-block; vertical-align: top; margin-right: 20px; color: #9e9e9e; float: left; height: 40px; } @media only screen and (min-width: 768px) { .section-download-list .right-col { float: right; width: 25%; text-align: right; } } .section-download-list .download-group, .section-download-list .date-created { position: relative; display: inline-block; } .section-download-list .date-created { /*margin-left: 10px;*/ } @media only screen and (min-width: 768px) { .section-download-list .date-created { margin-left: 50px; } } .section-download-list .file-size, .section-download-list .date-created { color: #bababa; font-weight: 600; } .bidv-notifi.section-download-list .download-filename { left: 45px; } .section-download-list .download-filename { font-weight: 600; line-height: 20px; position: relative; top: -5px; } .section-download-list .downicon { position: absolute; left: 0px; width: 100px; opacity: 0; top: -10px; -webkit-transition: top ease 0.3s, opacity ease 0.3s; -o-transition: top ease 0.3s, opacity ease 0.3s; transition: top ease 0.3s, opacity ease 0.3s; } @media only screen and (min-width: 768px) { .section-download-list .downicon { left: inherit; right: 0px; } } @media only screen and (min-width: 768px) { .section-download-list .downicon { text-align: right; } } .section-download-list .downicon:before { content: "\e911"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 22px; margin-right: 7px; display: inline-block; vertical-align: middle; } .section-download-list a { display: block; position: relative; } .section-download-list a:hover .downicon { opacity: 1; top: 0px; } .section-download-list a:hover .file-size { opacity: 0; color: transparent; } .section-download-list a:hover .file-size, .section-download-list a:hover .date-created, .section-download-list a:hover [class*="icon-ico"] { color: inherit; } .sitemap-list { padding-top: 12px; } .sitemap-list h4 { font-size: 24px; font-weight: 800; line-height: 1.08; margin-bottom: 22px; } .sitemap-list > li { margin-bottom: 45px; } .sitemap-list li li:after, .sitemap-list h4:after { content: '\e904'; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 10px; display: inline-block; margin-left: 12px; } .sitemap-list li li { font-size: 18px; font-weight: 600; color: #1c2e36; margin-bottom: 8px; } .sitemap-list a { color: inherit; font-weight: inherit; } .sitemap-list a:hover { text-decoration: underline; } .title-styleguide { margin: 20px 0 10px; font-size: 30px; border-bottom: 1px solid #666; } .styleguide-item { padding: 10px; } .styleguide-content { padding: 10px 0; margin-bottom: 20px; } .styleguide-color { display: inline-block; margin-right: 30px; } .styleguide-color > div { width: 50px; height: 50px; border: 1px solid #333; } .styleguide-color .color1 { background: #1c2e36; } .styleguide-color .color2 { background: #21409a; } .styleguide-color .color3 { background: #345dd4; } .styleguide-color .color4 { background: #9e9e9e; } .styleguide-color .color5 { background: #e0e0e0; } #bidv-guarantee-search .caption { color: #9e9e9e; } #bidv-guarantee-search form { max-width: 400px; margin: auto; } #bidv-guarantee-search form .form-row { margin-bottom: 20px; } #bidv-guarantee-search form input[type="text"] { border: 1px solid #e0e0e0; background: #fff; border-radius: 4px; } #bidv-guarantee-search form input[type="text"] { height: 48px; } #bidv-guarantee-search form .btn-submit { text-transform: uppercase; padding-left: 55px; padding-right: 55px; } .comment-list .comment-header { text-transform: uppercase; } .comment-list .comment-header .comment-label { padding: 15px 0px; color: #1c2e36; font-weight: 600; } .comment-list .comment-header .comment-switch .bidv-select-box { clear: both; display: inline-block; font-size: 12px; text-transform: capitalize; } .comment-list .comment-header .comment-switch .bidv-select-box ._selected-text { padding: 7px 10px; min-width: 170px; border: 2px solid #e0e0e0; } .comment-list .comment-header .comment-switch .bidv-select-box .select-value { padding: 0px 25px 0px 15px; } .comment-list .comment-type { display: none; } .comment-list .comment-type.active { display: block; } .comment-list .comment-filter { text-align: right; border-bottom: 2px solid #e0e0e0; } @media only screen and (max-width: 480px) { .comment-list .comment-filter { text-align: left; } } .comment-list .comment-filter .filter-list li { display: inline-block; margin-left: 20px; position: relative; padding: 15px 0px; cursor: pointer; color: #9b9b9b; font-weight: 600; } .comment-list .comment-filter .filter-list li:first-child { margin-left: 0px; } .comment-list .comment-filter .filter-list li::before { content: ""; display: block; width: 0; height: 4px; background: #345dd4; border-radius: 3px; position: absolute; left: 0; bottom: -2px; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .comment-list .comment-filter .filter-list li.mixitup-control-active { color: #1c2e36; } .comment-list .comment-filter .filter-list li.mixitup-control-active:before { width: 100%; } .comment-list .comment-item { padding: 20px 0px; border-bottom: 2px solid #e0e0e0; position: relative; padding-left: 50px; } .comment-list .comment-item.sub-comment { margin-left: 50px; border-bottom: none; } .comment-list .comment-item .comment-avatar { width: 30px; height: 30px; border-radius: 100%; border: 1px solid #e0e0e0; overflow: hidden; position: absolute; top: 20px; left: 0px; } .comment-list .comment-item .comment-name { font-weight: bold; margin-bottom: 15px; } .comment-list .comment-item .comment-activities { padding: 5px 0px; } .comment-list .comment-item .comment-activities:before, .comment-list .comment-item .comment-activities:after { content: ""; display: table; clear: both; } .comment-list .comment-item .comment-activities .comment-count { float: left; width: 50%; position: relative; color: #9b9b9b; font-weight: 600; padding-right: 20px; } .comment-main .comment-count { width: 50%; position: relative; color: #9b9b9b; font-weight: 600; padding-right: 20px; cursor: pointer; top: -10px; } .comment-list .comment-item .comment-activities .comment-count:after { content: ""; display: inline-block; margin-left: 10px; vertical-align: middle; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } .comment-main .comment-count:after { content: ""; display: inline-block; margin-left: 10px; vertical-align: middle; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } .comment-list .comment-item .comment-activities .comment-count.close::after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } .comment-list .comment-item .comment-activities .activities { float: right; width: 50%; text-align: right; } .comment-list .comment-item .comment-activities .activities li { display: inline-block; margin-left: 20px; } .comment-list .comment-item .comment-activities .activities li a { color: #000000; font-weight: 600; } .comment-list .comment-item .comment-activities .activities li .like-count, .liked-count { padding-left: 30px; display: inline-block; height: 22px; position: relative; } .comment-list .comment-item .comment-activities .activities li .like-count:before { content: ""; width: 23px; height: 23px; background: url(/wps/wcm/connect/c619a489-b47f-4d67-b1d7-4c8035d45bb1/icon-hand.svg?MOD=AJPERES) no-repeat left top / 23px; display: block; position: absolute; left: 0px; top: -3px; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .comment-list .comment-item .comment-activities .activities li .liked-count:before { content: ""; width: 23px; height: 23px; background: url(/wps/wcm/connect/47318363-f775-4895-9efc-e4e4dbf9c151/icon-hand-active.svg?MOD=AJPERES) no-repeat left top / 23px; display: block; position: absolute; left: 0px; top: -3px; -webkit-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; } .see-more{ height: 30px; background: #21409a; width: 200px; color: #ffffff; border-radius: 10px; margin: auto; text-align: center; line-height: 30px; box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, .5); cursor: pointer; margin-top: 10px; } #view_more_comment{ border-top: 2px solid #8e8e8e; margin-top: 20px; } .comment-list .comment-item .comment-activities .activities li .like-count:hover:before { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); -webkit-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; transform-origin: left; } .comment-list .comment-item .comment-form { display: none; } .comment-list .mix > .comment-item:first-child { border-top: none; } .comment-list .comment-form { text-align: right; } .comment-list .comment-form textarea { min-height: 102px; border-radius: 4px; background-color: #ffffff; border: solid 1px #979797; font-size: 14px; font-weight: 600; padding: 20px 40px; margin-top: 20px; margin-bottom: 20px; text-align: left; } .comment-list .comment-form textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } .comment-list .comment-form textarea::-moz-placeholder { color: inherit; opacity: 1; } .comment-list .comment-form textarea:-ms-input-placeholder { color: inherit; opacity: 1; } .comment-list .comment-form textarea::placeholder { color: inherit; opacity: 1; } .comment-list .comment-form textarea:-ms-input-placeholder { color: inherit; } .comment-list .comment-form textarea::-ms-input-placeholder { color: inherit; } .comment-list .comment-form .btn { padding-left: 60px; padding-right: 60px; } .steps-block { text-align: center; font-size: 0; margin-bottom: 20px; } .steps-block ._step { display: inline-block; vertical-align: top; margin-bottom: 40px; position: relative; width: 100px; margin-right: 20px; } @media only screen and (max-width: 480px) { .steps-block ._step { margin-right: 5px; width: 85px; } } .steps-block ._step:last-child { margin-bottom: 0; } .steps-block ._step:not(:last-child):before { content: ""; position: absolute; height: 5px; top: 22px; border-bottom: 2px dashed #e9e9e9; width: 100%; left: 50%; z-index: 0; } @media only screen and (min-width: 768px) { .steps-block ._step { width: 200px; margin-right: 20px; } .steps-block ._step:last-child { margin-right: 0; } .steps-block ._step:last-child:before { display: none; } } @media only screen and (min-width: 1024px) { .steps-block ._step { width: 230px; margin-right: 30px; } .steps-block ._step:last-child { margin-right: 0; } } .steps-block ._step.active ._icon { background: #21409a; color: #fff; } .steps-block ._step ._icon { width: 50px; height: 50px; position: relative; z-index: 1; padding: 5px; margin: 0 auto; background-color: #fff; color: #9e9e9e; border-radius: 50%; font-weight: bold; font-size: 24px; border: 1px solid #e0e0e0; } .steps-block ._step ._icon span[class^="icm2"] { font-size: 32px; position: relative; z-index: 10; } .steps-block ._step ._icon img { display: table-cell; vertical-align: middle; width: 100%; } .steps-block ._info { font-size: 14px; } .steps-block ._info ._short-des { line-height: 1.43; margin-top: 12px; } .steps-block ._info ._title { font-weight: 600; line-height: 1.43; margin-top: 20px; } @media only screen and (min-width: 768px) { .steps-block ._info ._title { margin-top: 15px; } } #bidv-login.banner-login { position: relative; height: 100vh; min-height: 800px; max-height: none; } #bidv-login.banner-login .caption { min-height: 800px; } #bidv-login .virtual-keyboard { margin: 140px 50px; float: left; } @media only screen and (max-width: 1280px) { #bidv-login .virtual-keyboard { margin: 20px 20px; text-align: center; float: none; } #bidv-login .virtual-keyboard .keyboard { display: inline-block; } #bidv-login .virtual-keyboard::before, #bidv-login .virtual-keyboard:after { content: ""; display: table; } } #bidv-login .login-form { width: 400px; max-width: 100%; background: #fff; margin: auto; margin-top: 40px; float: right; border-radius: 4px; overflow: hidden; } @media only screen and (max-width: 768px) { #bidv-login .login-form { margin-top: -220px!important; } } @media only screen and (max-width: 1280px) { #bidv-login .login-form { margin-top: 80px; float: none; } } #bidv-login .login-form .form-header { background: #3c009d; text-transform: uppercase; } .premier #bidv-login .login-form .form-header { background-color: #15234e; color: #e5b351; } #bidv-login .login-form .form-header .form-icon { font-size: 20px; margin: 20px; display: inline-block; vertical-align: middle; } #bidv-login .login-form .form-header .form-title { font-weight: bold; font-size: 13px; } #bidv-login .login-form .form-header .form-close { float: right; width: 20px; margin: 20px; margin-top: 25px; } #bidv-login .login-form .form-body { padding: 20px 20px 0px; } #bidv-login .login-form .form-body .form-group { position: relative; padding-left: 30px; border-bottom: 1px solid #ececec; margin-bottom: 20px; } #bidv-login .login-form .form-body .form-group [class*="icm2-"] { position: absolute; top: 50%!important; left: 0px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; color: #9e9e9e; } #bidv-login .login-form .form-body .form-group input { color: #9e9e9e; font-size: 14px; padding: 0px 10px; } #bidv-login .login-form .form-body .form-actions { text-transform: uppercase; margin: 40px 0px; margin-bottom: 0px; } #bidv-login .login-form .form-body .form-actions .action { margin-bottom: 10px; } #bidv-login .login-form .form-body .form-actions .action .btn { width: 240px; max-width: 100%; height:50px; } #bidv-login .login-form .form-footer { color: #1c2e36; padding: 0px 40px 70px; text-align: center; } #bidv-login .login-form .form-footer a { margin: 0px; } #bidv-login .login-form .form-footer .remember { margin-right: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #bidv-login .login-left { color: #fff; margin: 20px 0px; } @media only screen and (max-width: 767px) { #bidv-login .login-left { text-align: center; } #bidv-login .login-left .title-1 { text-align: center; } } #bidv-login .form-error { color: #ff445b; font-weight: 600; } .premier .table-footer#calculator-tool .pagination-link { margin-top: 0px; } .premier .table-footer#calculator-tool .note ul { display: inline-block; vertical-align: top; padding-left: 20px; } .premier .table-footer#calculator-tool .note ul li { list-style: circle; line-height:20px; text-align:left; } .premier #bidv-profile-form { background-color: #f7f9fb; padding-top: 160px; } .premier #bidv-profile-form .common-form { max-width: 980px; margin: auto; position: relative; } .premier #bidv-profile-form .common-form .form-title { color: #212121; font-size: 24px; font-weight: bold; } .premier #bidv-profile-form .common-form .inline-icon { position: relative; } .premier #bidv-profile-form .common-form .inline-icon:before { top: 50%; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; font-size: 30px; color: #999 !important; right: 10px; } .premier #bidv-profile-form .common-form .captcha { margin-bottom: 20px; } .premier #bidv-profile-form .avatar-form { padding-top: 100px; padding-bottom: 70px; } .premier #bidv-profile-form .avatar-form .form-avatar { width: 200px; height: 200px; position: absolute; top: -100px; left: 50%; margin-left: -100px; border-radius: 100%; overflow: hidden; -webkit-background-size: cover; background-size: cover; } .premier #bidv-profile-form .avatar-form .form-avatar label { height: 100px; text-align: center; position: absolute; width: 100%; background: rgba(255, 255, 255, 0.65); top: 100px; padding: 30px 0px; } .premier #bidv-profile-form .avatar-form .form-avatar input { display: none; } .premier #bidv-profile-form .avatar-form .form-file { max-width: 380px; margin: auto; margin-bottom: 20px; } .premier #bidv-profile-form .avatar-form .form-file input { display: none; } .premier #bidv-profile-form .avatar-form .form-image { width: 100%; padding: 10px 20px; border: 2px dashed #e9e9e9; color: #9e9e9e; border-radius: 4px; position: relative; } .premier #bidv-profile-form .avatar-form .form-image:after { content: "+"; right: 0px; top: 0px; bottom: 0px; border-left: 2px dashed #e9e9e9; position: absolute; padding: 0px 10px; font-size: 35px; color: #e0e0e0; line-height: 35px; } .jp-desk { font-family: 'HiraKakuPro-W3-AlphaNum'; } .jp-desk h1, .jp-desk h2, .jp-desk h3, .jp-desk h4, .jp-desk h5, .jp-desk h6 { font-weight: 800; } .jp-desk .filter-panel .filter-list li { font-size: 18px; font-weight: 800; } @media only screen and (min-width: 768px) { .jp-desk .filter-panel .filter-list li { margin-left: 50px; margin-right: 50px; } } .jp-desk .filter-panel.investor-filter li { margin-left: 0px; margin-right: 35px; } .jp-desk .thumbnail .caption .title-3, .jp-desk .thumbnail .caption ._intro { font-weight: 800; } .jp-desk .published-date, .jp-desk .share-info .share-text { font-weight: 800; } .jp-desk .business-matching { max-width: 680px; margin: auto; } .jp-desk .btn { min-width: 180px; text-align: center; } .jp-desk .business-matching-request-form { width: 100%; margin-top: 20px; } .jp-desk .business-matching-request-form .form-item { margin: 0px -40px; } .jp-desk .business-matching-request-form .form-item > li { padding: 0px 40px; } .jp-desk .business-matching-request-form label { font-weight: 800; } .jp-desk #support-tab .supporter-block { display: block; } .jp-desk .headquarters-content .title-2 { margin-bottom: 10px; } @media only screen and (min-width: 768px) { .jp-desk .headquarters-content .branch { margin-top: 30px; } .jp-desk .headquarters-content .branch:first-child { margin-top: 50px; } } .jp-desk .headquarters-content .branch .set-center-map { color: #345dd4; cursor: pointer; } .jp-desk .supporter .title-2 { margin-bottom: 10px; } .jp-desk .supporter .contact-phone { max-width: 430px; margin: auto; } .jp-desk .supporter .contact-phone .phone-list { margin-top: 30px; color: #345dd4; } .jp-desk .supporter .contact-phone .phone-list li { position: relative; padding-left: 40px; margin-bottom: 20px; } .jp-desk .supporter .contact-phone .phone-list li .icon { position: absolute; left: 0px; top: 0px; font-size: 18px; } .jp-desk .supporter .contact-phone .phone-list li .item { display: block; font-weight: 800; } .jp-desk #email-us-form label { font-weight: 800; } .jp-desk #bidv-finance-report .tabnav li { font-weight: 800; font-size: 14px; } .jp-desk #bidv-finance-report .download-filename { font-weight: 800; } .jp-desk .section-download-list .downicon { width: 120px; font-weight: 800; } .jp-desk .bidv-data-table .price-increase, .jp-desk .bidv-data-table .price-decrease { font-weight: normal; } .jp-desk #bidv-faqs .filter-panel .checked-item, .jp-desk #bidv-faqs .filter-panel .filter-options li { font-weight: 800; } .jp-desk #bidv-faqs .accordion-block ._title { font-weight: 800; } .jp-desk #bidv-faqs .sub-accordion-block ._title { font-size: 16px; font-weight: 800; color: #1c2e36; } .jp-desk #bidv-faqs .sub-accordion-block ._title.dropdown { color: #fff; } .app-slides .item { -webkit-background-size: cover; background-size: cover; } .app-slides .item .inner-container { padding-top: 8%; padding-bottom: 8%; } .app-slides .item .caption { max-width: 520px; } .app-slides .item .sub-title { font-size: 18px; font-weight: 800; } .app-slides .item .sub-text { margin: 30px 0px; } .app-slides .slick-arrow { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media only screen and (min-width: 1280px) { .app-slides .slick-prev { margin-left: -30px; } } @media only screen and (max-width: 767px) { .app-slides { margin-bottom: 30px; } .app-slides .slick-dots { bottom: -30px; } } .ebanking #header .logo .slogan { color: #345dd4; font-weight: 800; text-transform: uppercase; display: inline-block; margin-left: 20px; padding-top: 1px; vertical-align: middle; } .ebanking #header .left-links .has-options a { position: relative; z-index: 20; } .ebanking #header .left-links .has-options a:after { content: ''; display: block; width: 20px; height: 20px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; border-radius: 4px; position: absolute; top: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; left: 50%; top: 4px; z-index: -1; margin-left: -12px; } .ebanking #header .left-links .has-options .options { padding-top: 20px; right: inherit; left: -60px; min-width: 235px; } .ebanking #header .left-links .has-options:hover a:after { top: 20px; } .ebanking #header .right-links .link-text { border-left: none; } .ebanking #header.compact .right-links .link-text a { width: auto !important; } .ebanking #copyright ._rules, .ebanking #copyright address { max-width: 600px; margin-left: auto; margin-right: auto; text-align: center; } .ebanking .btn { text-align: center; } @media only screen and (min-width: 768px) { .ebanking .btn { min-width: 170px; } } @media only screen and (min-width: 768px) { .ebanking #ebanking-register-online .sub-text, .ebanking #ebanking-foreign-currency .sub-text { font-size: 16px; } } @media only screen and (min-width: 1024px) { .ebanking #ebanking-register-online .sub-text, .ebanking #ebanking-foreign-currency .sub-text { font-size: 1.285rem; } } .ebanking #ebanking-foreign-currency { background-color: blue; position: relative; } .ebanking #ebanking-foreign-currency::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(4, 0, 107, 0.81); } .ebanking #ebanking-foreign-currency .title-1, .ebanking #ebanking-foreign-currency .sub-text { color: #fff; } .ebanking #ebanking-foreign-currency .slider-4-items .slick-dots { bottom: -75px; } .ebanking #ebanking-foreign-currency .item-wrapper { border-radius: 4px; background-color: #f7f9fb; margin-top: 30px; margin-bottom: 30px; padding: 50px; text-align: center; display: block; } .ebanking #ebanking-foreign-currency .item-wrapper .item-amount { font-weight: 800; margin: 20px 0px; color: #21409a; } .ebanking #ebanking-foreign-currency .item-wrapper .item-image { width: 70px; height: 70px; border-radius: 100%; background: #fff; padding: 20px; display: inline-block; } .ebanking #ebanking-foreign-currency .item-wrapper .item-image img { display: inline-block; } .ebanking #ebanking-foreign-currency .btn { background: #fff !important; color: #21409a !important; font-weight: 600; } .ebanking .form-bg-grey { background: #f7f9fb; } .ebanking .form-note .label { display: block; font-size: 16px; font-weight: 800; margin-bottom: 15px; } @media only screen and (min-width: 768px) { .ebanking .common-form .form-wrapper { padding-top: 60px; padding-bottom: 60px; } } .ebanking .common-form .form-wrapper .title-2 { padding-bottom: 30px; } @media only screen and (min-width: 768px) { .ebanking .filter-panel li { font-size: 1.285rem; margin-left: 60px; margin-right: 60px; } } .ebanking #introduce { max-width: 867px; margin: auto; } .ebanking #introduce .title-2 { font-size: 1.142rem; font-weight: bold; margin-bottom: 16px; margin-top: 30px; } .ebanking #introduce li:before { content: "\e91b"; font-family: 'icomoon2' !important; color: #005790; margin-right: 5px; display: inline-block; vertical-align: middle; } @media only screen and (max-width: 767px) { .ebanking .selected-cards-detail .info-title { display: none; } } .ie9 { /* menu */ /* home page */ /* news page */ } .ie9 #header .sub-menu-container .sub-menu .info-menu-wrapper .sub-menu-info .__desc li:last-child { width: 73%; } .ie9 .page > .container { z-index: 20; } .ie9 .main-banner.banner .caption { display: table; width: 100%; } .ie9 .main-banner.banner .carousel { z-index: 100; } .ie9 .main-banner.banner .carousel-thumb, .ie9 .banner-scrolldown { z-index: 1022; } .ie9 .banner .inner-container { display: table-cell; vertical-align: middle; /* margin-left: 0; */ } .ie9 .news-list .news-list-items { display: block; } .ie9 .news-list .news-list-items:after { content: ""; display: table; clear: both; } .ie9 .news-list .news-list-items .thumbnail { float: left; } .ie9 .default-banner.banner .caption { display: table; width: 100%; } .ie9 .popreg-show .page > .container { z-index: auto; } .ie9 .online-reg-form .form-wrapper { margin-top: 20px; height: calc(100% - 40px); } .ie9 .online-reg-form .btn-blue.btn { margin-bottom: 30px; } .yt-iframe > p { display: none; } .ie8 { /* news page */ } .ie8 .yt-iframe p { display: block; text-align: center; padding: 30px; background: #ddd; } .ie8 .yt-iframe iframe { display: none; } .ie8 .page > .container { z-index: 20; } .ie8 #header .inner-header { width: 100%; padding-right: 65px; } .ie8 #header .group-languages { width: 65px; position: absolute; right: 0; overflow: visible; } .ie8 #header .sub-menu-container .sub-menu .sub-menu-info .__desc li { width: 72%; padding-left: 20px; } .ie8 #header .sub-menu-container .sub-menu .sub-menu-info .__desc li:first-child { width: 26%; padding-left: 0; } .ie8 #header .sub-menu-container .sub-menu .info-menu-wrapper .child-link li a { padding-right: 30px; } .ie8 .is-sticky#header .right-links > li > a { display: block; } .ie8 .is-sticky#header .right-links > li > a span { visibility: hidden; } .ie8 #footer-expand .expand-field .expand-text:after { margin-top: -6px; } .ie8 .main-banner.banner { height: 700px; } .ie8 .main-banner.banner .carousel .item { height: 700px; } .ie8 .main-banner.banner .caption { display: table; width: 100%; height: 700px; } .ie8 .main-banner.banner .inner-container { display: table-cell; vertical-align: middle; } .ie8 .main-banner.banner .inner-container a.btn-blue:before { height: 12px; border: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')"; } .ie8 .main-banner.banner .carousel-thumb, .ie8 .main-banner.banner .banner-scrolldown { z-index: 1022; } .ie8 .main-banner.banner .banner-scrolldown a:before { border: 0; width: 18px; } .ie8 .full-width-service-block .change-bg.__background-layer:before, .ie8 .full-width-service-block .__background-layer:before { display: none; } .ie8 .full-width-service-block .overlay { display: block; background: #000; position: absolute; width: 100%; height: 100%; z-index: 20; filter: alpha(opacity=70); } .ie8 .fullscreen-slider .slick-prev, .ie8 .fullscreen-slider .slick-next { width: 82px; height: 82px; } .ie8 .thumbnail .caption .link-view-more, .ie8 .link-view-more, .ie8 .f-breadcrumbs li a { } .ie8 .thumbnail .caption .link-view-more:before, .ie8 .link-view-more:before, .ie8 .f-breadcrumbs li a:before { display: none; } .ie8 .estimate-selected { } .ie8 .estimate-selected:before { display: none; } .ie8 .default-banner.banner .caption { display: table; width: 100%; } .ie8 .default-banner.banner .inner-container { display: table-cell; vertical-align: middle; } .ie8 .thumbnail .image { background-repeat: no-repeat; } .ie8 .news-list .news-list-items { display: block; margin-left: -3.5%; } .ie8 .news-list .news-list-items:after { content: ""; display: table; clear: both; } .ie8 .news-list .news-list-items .thumbnail { float: left; width: 33.3%; margin-right: 0; padding-left: 3.5%; } .ie8 .news-list .news-list-items .others-news.thumbnail .title-2 { } .ie8 .news-list .news-list-items .others-news.thumbnail .title-2:before { display: none; } .ie8 .news-list--internal .news-list-items { margin-left: -7%; } .ie8 .news-list--internal .news-list-items .thumbnail { width: 25%; padding-left: 7%; } .ie8 .breadcrumbs li a:before { top: 0; } .ie8 .bg-img { top: 0; left: 0; } .ie8 .news-detail-container .color-blue._rules:before { top: 0; } .ie8 .filter-panel .checked-item { } .ie8 .filter-panel .checked-item:before { display: none; } .ie8 .slider-comparison-card .cards-info.checked:before { } .ie8 .card-info__slider .item-slider.slick-current ._inner-content { border: 2px solid #999; } .ie9 .empty-banner.banner, .ie8 .empty-banner.banner { max-width: 1220px; margin-left: auto; margin-right: auto; } .ie9 .news-detail-container, .ie8 .news-detail-container { min-height: 100px; } .ie9 .news-detail-container .published-info, .ie8 .news-detail-container .published-info { position: static; } .ie9 .news-detail-container .share-info, .ie8 .news-detail-container .share-info { bottom: 50px; } .ie9 .banner .inner-container ._bnr-ab-img, .ie8 .banner .inner-container ._bnr-ab-img { padding-top: 14%; width: 33%; } .ie9 .banner .inner-container ._bnr-ab-img img, .ie8 .banner .inner-container ._bnr-ab-img img { position: absolute; } .ie9 .popreg-show .page > .container, .ie8 .popreg-show .page > .container { z-index: auto; } .ie9 .online-reg-form .screen-overlay, .ie8 .online-reg-form .screen-overlay { background: #000; filter: alpha(opacity=60); } .ie9 .online-reg-form .form-wrapper, .ie8 .online-reg-form .form-wrapper { position: absolute; width: 980px; left: 50%; margin-left: -490px; top: 20px; bottom: 20px; } .ie9 .online-reg-form ._customer-infos, .ie8 .online-reg-form ._customer-infos { margin-left: -5%; margin-right: -5%; } .ie9 .online-reg-form ._customer-infos > li, .ie8 .online-reg-form ._customer-infos > li { width: 50%; padding: 0 5%; } .ie9 .online-reg-form .btn-blue.btn, .ie8 .online-reg-form .btn-blue.btn { margin-bottom: 30px; } a:hover, a:focus{text-decoration:none;} /* title tab menu*/ .filter-list li{ max-width: 200px; } /* line-heght content about BIDV*/ .caption p, .description, .position{ line-height: 1.5; } .slick-track .col .thumbnail .border-top { background: transparent; border-top: solid 4px #e0e0e0; } .news-list-items .thumbnail .border-top { background: transparent; border-top: solid 4px #e0e0e0; } /*line height s? m?nh BIDV*/ .item-wrapper .caption{ line-height:20px; } /*css iframe detail video*/ .news-info iframe,.news-info .iframe-vimeo{ width:100%; /*height:-webkit-fill-available;*/ } @media only screen and (min-width: 480px) and (max-width: 620px){ .news-info iframe,.news-info .iframe-vimeo{ height:320px; } } @media only screen and (max-width: 479px){ .news-info iframe,.news-info .iframe-vimeo{ height:250px; } } @media only screen and (min-width: 768px) and (max-width: 850px){ .news-info iframe,.news-info .iframe-vimeo{ height:275px; } } .video-container{ width: 100%; height: 21.875em; position: relative; } @media (max-width: 767px){ .video-detail .col-sm-7{width:100%;} } @media (min-width: 768px){ .video-container { height: 35.7142857143em; } } /*hover tag a result suggestions*/ .suggestion-0 .suggestion-item, .suggestion-1 .suggestion-item, .pagination-link a, .newsletter-selected:hover{ cursor: pointer; } .deposit-panel .title-2 .ico { position: absolute; left: 0; max-width: 30px; } .search-item li a{ color:#000000!important ; } /*fix with (search engine tags)*/ .range-slider .range-slider__value{ width:auto!important; } /*fix layout*/ .info .title-2, .item-member .title-2{ font-size: 18px; font-weight: bold; margin-bottom: 6px; } .item-member .position{ width: 150px; margin: auto; } .blue-slider .item-slider .item-wrapper a{ color:#ffffff; } .link-arrow:hover{ color:#000000; } .caption p{ margin-bottom:15px; } input::-webkit-input-placeholder { font-size: 14px; } input::placeholder { color: #847b7b; opacity: 1; } .news-info i{ line-height:20px; } .content-leader{ width: 1100px; margin: auto; margin-top: 20px; } .deposit-block .btn-white{ /*fix white button see-more*/ height:50px; } .f-card{ /*fix float card*/ height:460px; } .section{ line-height:20px; } .birth-day{ /*display:none;*/ } .title-2 a{ text-decoration: none!important; font-weight: bold; } #login{ top:0px; } .promt{ border: 1px solid; position: fixed; z-index: 999; bottom: 10px; background: #ffffff; height: 50px; line-height: 50px; padding: 0 20px; right: 60px; } #bidv-profile-form .form-wrapper{ height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } .tabnavthongbao li { display: table-cell; margin-top: 11px; padding: 15px 0px 19px; font-size: 18px; cursor: pointer; font-weight: 600; position: relative; text-align: center; vertical-align: bottom; } .tabnavthongbao li:before { content: ""; display: block; width: 0; height: 3px; background: #345dd4; border-radius: 3px; position: absolute; left: 0; bottom: -2px; } .tabnavthongbao { border-bottom: 1px solid #e0e0e0; margin-bottom: -40px; display: table; width: 100%; } .tabnavthongbao li.active:before { width: 100%; } .tabnavthongbao li:hover:before { width: 100%; } /*css comment*/ #popuplogin, #popuplogin_rat{ position: fixed; font-size: 1em; line-height: normal; width: 320px; height: 255px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #ffffff; /* border: 1px solid #3d3d3d; */ z-index: 100; border-radius: 7px; /*box-shadow: 0 0 3px 3px #CCCCCC;*/ } #popuplogin #post-comment .ttOline, #popuplogin_rat #post-comment .ttOline { font-size: 14px; padding: 10px 20px; background-color: #21409A; color: #ffffff; border-top-left-radius: 5px; border-top-right-radius: 5px; line-height:30px; } #popuplogin #post-comment .post-content, #popuplogin_rat #post-comment .post-content { background: #ffffff; padding: 10px 20px; height: 215px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; } #popuplogin .post-left, #popuplogin_rat .post-left { width: 380px; float: left; } #login-closed { float: right; width: 17px; display: block; text-align: center; border-radius: 9px; color: #ffffff; background: #21409A; cursor: pointer; } #popuplogin .post-left .wrap-social .lg-facebook, #popuplogin_rat .post-left .wrap-social .lg-facebook { background: url(/wps/wcm/connect/6e3ee003-53b6-4dc3-af67-d26dc3a223ff/icon_popup.png?MOD=AJPERES) no-repeat; margin-right: 10px; } #popuplogin .post-left .wrap-social .lg-google , #popuplogin_rat .post-left .wrap-social .lg-google{ background: url(/wps/wcm/connect/6e3ee003-53b6-4dc3-af67-d26dc3a223ff/icon_popup.png?MOD=AJPERES) no-repeat 0px; } #popuplogin .post-left .wrap-social a, #popuplogin_rat .post-left .wrap-social a { display: block; width: 110px; height: 30px; float: left; margin-right: 10px; } #popuplogin .post-right, #popuplogin_rat .post-right { width: 265px; float: left; padding-left: 10px; border-left: 1px solid #fff; } #popuplogin .caption-txt, #popuplogin_rat .caption-txt { font-weight: bold; color: #1c2e36; line-height:20px; } #popuplogin .post-right .form_group input, #popuplogin .post-right .form_group button, #popuplogin_rat .post-right .form_group input, #popuplogin_rat .post-right .form_group button { padding: 5px; } .form_group.complete { margin-top:10px; } #popuplogin .post-right .form_group button, #popuplogin_rat .post-right .form_group button { background: #2343a0; color: #ffffff; border-radius: 5px; height: 30px; font-size: 14px; text-transform: uppercase; padding: 0px 30px; height: 35px; margin-left: 75px; display: block; margin: auto; } #popuplogin .post-left .wrap-social, #popuplogin_rat .post-left .wrap-social { margin: 26px auto; width: 250px; } .form_group input { height: 50px; margin: 10px 0 5px 0; cursor: text; padding: 10px; border-width: 1px; font-size: 14px; border-style: solid; border-color: #e5e5e5; } .popuplogin_bg, .popuplogin_bg_rat { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000000; z-index: 100; opacity: 0.6; margin: auto; } .full-img { width: 13px; height: 13px; background: url(/wps/wcm/connect/ff9471e4-c61f-4f90-a582-9da90d32095b/icon_vne.png?MOD=AJPERES) no-repeat; display: inline-block; vertical-align: middle; margin-top: -5px; background-position: -452px -21px; } .full-img{ cursor: pointer; } .userLogin{ float: left; position: relative; top: 15px; } .user_cmt{ float: left; margin-right: 10px; font-weight: bold; color: #284cb7; } .logout_cmt{ float: right; text-decoration: underline; cursor: pointer; } /*advertisement*/ .close-adv{ z-index: 999; position: relative; height: 18px; width: 18px; top: 21px; right: -2px; background: #ffffff; padding: 0px 2px; cursor: pointer; } .adv img{ max-width:none; } .advertisement, .advertisement-video{ position: absolute; z-index: 23; width: 25%; right: 50px; } @media only screen and (max-width: 768px) { .advertisement, .advertisement-video{ left:10px!important; } } .adv-note{ padding: 10px 20px 0px; background: rgb(204, 204, 204); background: rgba(86, 77, 77, 0.5); position: absolute; bottom: 0px; color: #ffffff; } .adv-note .title-adv{ font-weight: bold; } .adv-note:hover{ color:#e2e1ff; } /*rating*/ .rating-pro li img{ height:35px; width:35px; cursor: pointer; } .rating-pro .rating-item{ float:left; width: 35px; height: 35px; background-size: cover; } .rating-pro .rating-item:hover{ cursor: pointer; } .rating-pro .check{ background-image: url("/wps/wcm/connect/3119dd97-ef21-4e53-8a28-cbc18daff54f/star.png?MOD=AJPERES"); } .rating-pro .checked{ background-image: url("/wps/wcm/connect/a3d64c34-c9af-49b5-8171-4c124ea7e223/Star-check.png?MOD=AJPERES"); } .rating-pro .checked_part{ background-image: url("/wps/wcm/connect/e2fe5def-e6bc-47cf-b2c4-49b074d97204/Star-part.png?MOD=AJPERES"); } .rating-pro{ margin: auto; width: 175px; height: 35px; margin-top: -10px; } .rating-scale{ margin: auto; width: 170px; text-align: left; margin-bottom:10px; } .rating-scale ._scale{ font-weight: bold; } .rating-scale .number_scale{ line-height: 40px; } .rating-scale > .number_scale:after{ /*content: "";*/ background-image: url(/wps/wcm/connect/2f4bbc09-c85c-4210-9b9d-ad787c25a3ca/user-icon.png?MOD=AJPERES); background-size: cover; height: 25px; width: 25px; position: absolute; margin: 5px 2px; } /*fix image ban lanh dao*/ .slick-center{ margin-bottom: 20px; } abbr{ text-decoration-line: none; color: #21409a; font-weight: bold; border-bottom: 0px!important; } .btn-detai-control{ margin:10px auto 0px; } .ifr-inves{ margin-top:40px; } .meta{ border-radius: 5px; background: #ccc2c2; padding: 2px 7px; margin-right:5px; line-height:28px; cursor: pointer; } .meta-tag{ margin-top:10px; } .metaTag{ background-repeat: no-repeat; background-position: left; background-size: 17px 18px; padding: 2px 12px 2px 0px; font-weight: bold; } .event-oth{ margin-top:10px; } .z-max{ z-index:999; } /*search tag*/ .close-tag{ background: #c3caf3; padding: 3px 9px; cursor: pointer; border: 1px solid; text-align:center; } @media only screen and (max-width: 1023px) { .post-tag{ width: 90%; left: 5%; } } .post-tag{ position: fixed; top: 90px; background: #f7f9ff; width: 70%; z-index: 1000; left: 15%; } .main-tag{ border:1px solid; overflow: auto; height:500px; } .tag-item{ display: flex; margin: 20px; border-bottom: 1px solid; padding-bottom: 10px; } .tag-item .avatar{ max-width: 30%; margin-right: 30px; } .tag-item .title{ font-weight: bold; margin-bottom: 10px; } .tag-item .decription{ font-style: italic; } .dis-post{ margin-bottom:20px; display:block; } @media only screen and (max-width: 764px) { .youtube-embed iframe{ width:100%!important; height:350px!important; } } #clickSearch{ text-transform:uppercase; } @media only screen and (max-width: 767px) { .col-sm-4 .btn{ padding:0 10px; } #clickSearch{ margin-top:10px; padding:0 25px; } } .modal { z-index:120; position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.59); top: 0; z-index: 999; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 20px; } .modal.popup-modal .modal-container { max-width: 500px; background-color: #FFF; border: solid 1px #e0e0e0; border-radius: 4px; position: relative; padding: 60px 45px 45px; } .modal.popup-modal .modal-container .modal-thumb { left: 50%; position: absolute; top: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .modal.popup-modal .modal-container .btn-group { margin-top: 30px; } .modal.popup-modal .modal-container .btn-group [class*="btn-"] { min-width: 140px; margin: 5px 10px; display: inline-block; } .modal-container p{ line-height:20px; } @media only screen and (max-width: 767px) { .modal.popup-modal .modal-container { padding: 50px 20px 30px; } .modal.popup-modal .modal-container .btn-group { margin-top: 20px; } .modal.popup-modal .modal-container .btn-group [class*="btn-"] { min-width: 100px; margin: 5px; } } .div-scroll table td{ padding: 0px 5px; } @media only screen and (max-width: 768px) { .div-scroll{ width:100%!important; } .div-scroll table{ margin-left: 0px!important; width: 100%!important; } } @media only screen and (max-width: 767px){ .main-banner .slick-dots { bottom: 20px; } } @media only screen and (min-width: 768px) and (max-width: 930px){ .bg-card img { height: 130px!important; width: 190px!important; } } .bg-card img { height: 220px; width: 350px; } .note{ margin: auto; text-align: left; margin-top: 40px; color: #908e8e; } ::-ms-clear{ display:none; } @media only screen and (max-width: 768px) { #calculator-tool{ font-size: 13px; } #calculator-tool .col-sm-9{ width:100%!important; } } @media only screen and (width: 768px) { #attractive-services .col-sm-6{ width: 48%!important; } } .g-recaptcha div { margin: auto; } input[type="submit"]{ -webkit-appearance: none; } .logo-search{ position: absolute; top: -40px; } .inner-container .sitemap{ margin-top:30px; } @media only screen and (min-width: 768px) { .data-filter.pad-bot .col-sm-4 { padding-left: 5px; padding-right: 5px; } } .news-info p, .news-info ul, .news-info ol{ line-height:20px; margin-bottom: 10px!important; } .attachment a{ font-weight:bold; } .news-detail-container .hidden-xs{ display: block!important; } ul p, ol p{ line-height:20px!important; } p.published-date{ margin-bottom: 10px; } .bidv-select-box #mCSB_1{ max-height:179px!important; } .estimate-selection #mCSB_1{ max-height:248px!important; } .news-detail-container .published-info .share-info .sp-share-button { display: none !important; } @media only screen and (max-width: 767px) { .news-detail-container .published-info .share-info { margin: 15px 0; display: block !important; } .news-detail-container .published-info .share-info .desktop-share-button { display: none !important; } .news-detail-container .published-info .share-info .sp-share-button { display: block !important; } #u_0_6{ display: none !important; } } /*style popup tet*/ .popup-newyear { position: relative; max-width: 1300px; z-index: 1; display: none; max-width: 1300px; margin: auto; } .popup-newyear img{ max-width: 325px; } .show-popup { display: block !important; } @media only screen and (max-width: 1149px) { .popup-newyear { position: fixed; top: 70px; left: 0px; } .popup-newyear img{ width: 60%; } } #header .has-sub-options { position: relative; z-index: 0; } #header .has-sub-options:hover { z-index: 1; } #header .has-options .options li.has-sub-options:hover a { font-weight: 700; color: inherit !important; } #header .has-options .options li.has-sub-options:hover ul li a { color: #1c2e36 !important; font-weight: normal; } #header .has-options .options li.has-sub-options:hover ul li:hover a { color: inherit !important; font-weight: 600; } #header .has-sub-options .sub-options { max-height: 0; overflow: hidden; position: absolute; left: auto; min-width: 190px; width: 100%; right: 0 !important; top: 100% !important; -webkit-transition: all 800ms; -o-transition: all 800ms; transition: all 800ms; } #header .has-sub-options .sub-options li:first-child { border-top: 1px solid #e0e0e0 !important; } #header .has-sub-options .sub-options li { border-top: 1px solid #e0e0e0 !important; } #header .has-sub-options .sub-options a { padding-left: 40px; } #header .has-sub-options .sub-options a:after { display: none; } #header .has-sub-options:hover > a:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #header .mobile-header .main-header .login-links .nav-container li.expand a:after{ display: none; } #header .mobile-header.show-expanded-mobile .mobile-primary-menu { width: 100%; overflow-x: hidden; overflow-y: scroll; } #header .mobile-header.show-expanded-mobile .mobile-primary-menu li { display: none; opacity: 1; -webkit-transition: opacity ease 1000ms; -o-transition: opacity ease 1000ms; transition: opacity ease 1000ms; } #header .mobile-header.show-expanded-mobile .mobile-primary-menu li.current { display: block; } #header .mobile-header.show-expanded-mobile .mobile-primary-menu li.current li { display: block; } #header .mobile-header.show-expanded-mobile .mobile-primary-menu li.hide-menu { position: absolute; z-index: -1; opacity: 0; display: none; } #header .mobile-header.show-expanded-mobile .mobile-primary-menu .mobile-back-menu { display: none !important; } #header .mobile-header.show-expanded-mobile .mobile-primary-menu ul.current > .mobile-back-menu { display: block !important; } #header .mobile-header.show-expanded-mobile .register-nav { left: -100% !important; height: 0px; overflow: hidden; } #header .mobile-header .mobile-primary-menu { overflow: hidden; } #header .mobile-header .mobile-primary-menu .menu-expand { position: relative; -webkit-transition: all ease 500ms; -o-transition: all ease 500ms; transition: all ease 500ms; left: 0%; } #header .mobile-header .mobile-primary-menu .menu-expand[data-level="1"] { left: -100%; } #header .mobile-header .mobile-primary-menu .menu-expand[data-level="2"] { left: -200%; } #header .mobile-header .mobile-primary-menu .menu-expand[data-level="3"] { left: -300%; } #header .mobile-header .mobile-primary-menu .menu-expand[data-level="4"] { left: -400%; } #header .mobile-header .mobile-primary-menu .mobile-back-menu { display: none; background-color: #f5f5f5; text-align: center; position: relative; } #header .mobile-header .mobile-primary-menu .mobile-back-menu::before { content: ""; position: absolute; left: 20px; top: 50%; margin-top: -4px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #header .mobile-header .mobile-primary-menu .current .mobile-back-menu { display: block; } #header .mobile-header .nav-container .nav-block.link-nav li.expand:after { content: ""; position: absolute; right: 25px; top: 50%; margin-top: -4px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom: solid 2px #9e9e9e; border-right: solid 2px #9e9e9e; width: 8px; height: 8px; -webkit-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; } #header.is-sticky.compact .popup-newyear{ display:none!important; }.table-responsive { overflow-x: auto; min-height: 0.01%; } .table-responsive .text-small { margin: 1rem 0 0!important; } .table-responsive .text-small + .text-small { margin: 0!important; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; margin-bottom: 1rem; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } html, body, div, span, embed, object, iframe, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, output, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, form, fieldset, legend, label, main, section, article, aside, canvas, details, summary, figure, figcaption, header, footer, hgroup, menu, nav, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: normal; } html { text-size-adjust: 100%; box-sizing: border-box; font-size: 14px; position: relative; } *, *:before, *:after { box-sizing: inherit; } body { background: white; color: #1c2e36; font-family: 'Muli', sans-serif; font-size: 100%; line-height: 1.5; font-weight: 400; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke: 1px transparent; } main, section, article, aside, details, summary, figure, figcaption, header, footer, hgroup, menu, nav { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table, caption, tbody, thead, tfoot, tr, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset { margin: 0; padding: 0; border: 1px solid #c0c0c0; } textarea { overflow: auto; vertical-align: top; resize: none; } input, textarea, select { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; appearance: none; } button, input, textarea, select, optgroup { color: inherit; font-family: inherit; border: none; } input, select { vertical-align: middle; } select, button { text-transform: none; } .clickable, label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="file"], input[type="checkbox"] { cursor: pointer; } button, input[type="button"], input[type="reset"], input[type="submit"] { appearance: button; } input[type="search"] { box-sizing: content-box; appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } sub, sup { position: relative; line-height: 0; font-size: 75%; vertical-align: baseline; } sup { top: -0.5em; } sub { font-size: 0.6em; padding-left: 0.5em; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight: 600; } h1 { font-weight: bold; } h2 { font-size: 18px; } h3 { font-size: 1.23rem; } h4 { font-size: 1rem; } h5 { font-size: 12px; } h6 { font-size: 10px; } b, strong, optgroup { font-weight: bold; } dfn { font-style: italic; } small { font-size: 80%; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff0; color: #000; font-style: italic; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } code, kbd, pre, samp { font-size: 1em; } hr { display: block; margin: 1em 0; padding: 0; height: 1px; border: 0; border-top: 1px solid #ccc; } a { text-decoration: none; color: inherit; } .no-touch.desktop a { -webkit-transition: all 0.3s; transition: all 0.3s; } :focus { outline: 0; } address { font-style: normal; line-height: 1.7; } noscript { position: fixed; top: 0; width: 100%; padding: 5px; text-align: center; color: white; background: gray; } @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } .visible-print-block { display: block !important; } .visible-print-inline { display: inline !important; } .visible-print-inline-block { display: inline-block !important; } .hidden-print { display: none !important; } } .grid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .grid { width: 740px; } } @media (min-width: 992px) { .grid { width: 960px; } } @media (min-width: 1200px) { .grid { width: 1160px; } } .grid-fluid { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .row { margin-left: -10px; margin-right: -10px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .visible-xs, .visible-sm, .visible-sm-up, .visible-md, .visible-md-up, .visible-lg { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) { .visible-sm-up { display: block !important; } table.visible-sm-up { display: table; } tr.visible-sm-up { display: table-row !important; } th.visible-sm-up, td.visible-sm-up { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) { .visible-md-up { display: block !important; } table.visible-md-up { display: table; } tr.visible-md-up { display: table-row !important; } th.visible-md-up, td.visible-md-up { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 768px) { .hidden-sm-up { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 992px) { .hidden-md-lg { display: none !important; } } @media (max-width: 992px) { .hidden-md-down { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } @media (max-width: 768px) { .hidden-sm-xs { display: none !important; } } .clearfix:before, .clearfix:after, .grid:before, .grid:after, .grid-fluid:before, .grid-fluid:after, .row:before, .row:after { display: table; content: ""; } .clearfix:after, .grid:after, .grid-fluid:after, .row:after { clear: both; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; visibility: hidden; } .invisible { visibility: hidden; } .hidden { display: none !important; visibility: hidden !important; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .text-left { text-align: left !important; } @media only screen and (min-width: 992px) { .text-right-md { text-align: right; } } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .text-uppercase { text-transform: uppercase; } .bold { font-weight: bold; } .bolder { font-weight: 800; } img { max-width: 100%; vertical-align: middle; } .img-responsive { width: 100%; } .display-block { display: block; } .display-in-block { display: inline-block; } .display-table-cell { display: table-cell; } .pos { position: absolute; } .wrap-block { overflow: hidden; } .dark-grey { color: #373737; } .black { color: #000 !important; } .list-inline { text-align: center; } .list-inline li { display: inline-block; vertical-align: middle; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #e0e0e0; } ::-moz-placeholder { /* Firefox 19+ */ color: #e0e0e0; } :-ms-input-placeholder { /* IE 10+ */ color: #e0e0e0; } :-moz-placeholder { /* Firefox 18- */ color: #e0e0e0; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 300; src: local('Muli Light'), local('Muli-Light'), url(//fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-adZnkOCr2z24PMFk-0g.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 300; src: local('Muli Light'), local('Muli-Light'), url(//fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-adZnkOCv2z24PMFk-0g.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 300; src: local('Muli Light'), local('Muli-Light'), url(//fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-adZnkOCX2z24PMFk.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: local('Muli Regular'), local('Muli-Regular'), url(//fonts.gstatic.com/s/muli/v11/7Auwp_0qiz-afT3GLQjUwkQ1OQ.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: local('Muli Regular'), local('Muli-Regular'), url(//fonts.gstatic.com/s/muli/v11/7Auwp_0qiz-afTzGLQjUwkQ1OQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 400; src: local('Muli Regular'), local('Muli-Regular'), url(//fonts.gstatic.com/s/muli/v11/7Auwp_0qiz-afTLGLQjUwkQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 600; src: local('Muli SemiBold'), local('Muli-SemiBold'), url(//fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-ade3iOCr2z24PMFk-0g.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 600; src: local('Muli SemiBold'), local('Muli-SemiBold'), url(//fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-ade3iOCv2z24PMFk-0g.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 600; src: local('Muli SemiBold'), local('Muli-SemiBold'), url(//fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-ade3iOCX2z24PMFk.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* vietnamese */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 800; src: local('Muli ExtraBold'), local('Muli-ExtraBold'), url(//fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-adZXgOCr2z24PMFk-0g.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 800; src: local('Muli ExtraBold'), local('Muli-ExtraBold'), url(//fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-adZXgOCv2z24PMFk-0g.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 800; src: local('Muli ExtraBold'), local('Muli-ExtraBold'), url(//fonts.gstatic.com/s/muli/v11/7Au_p_0qiz-adZXgOCX2z24PMFk.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .wpthemeSplitView .wpthemeFrame {min-width: 1225px;}.wpthemeSplitView .wpthemeMainContent > div {width: 1135px;}.wpthemeSplitView .wpthemeLayoutContainers {width: 850px;}.wpthemeSideNavigation {width: 275px; margin: 10px 10px 10px 0;}.wpthemeSideNavigation ul.wpthemeNavList {list-style-type: none; margin:0; padding:0;}.wpthemeSideNavigation a.wpthemeSelected:before {color: #DD731C; content: "�; font-family: Arial,Helvetica,sans-serif; margin: 0 4px 0 -8px}.wpthemeSideNavigation .wpthemeSelected {font-weight: bold;}.wpthemeSideNavigation a,.wpthemeSideNavigation a:visited,.wpthemeSideNavigation a:hover,.wpthemeSideNavigation a:active {text-decoration: none;}.wpthemeSideNavigation ul li > span {padding: 5px 15px; margin: 2px 0;}.wpthemeSideNavigation .wpthemeNavContainer li > span:hover {background: #e1f4f9;}.wpthemeSideNavigation > ul.wpthemeNavContainer > li {padding: 3px 0px;}.wpthemeSideNavigation .wpthemeNavContainer li {padding: 3px 0px 3px 25px;}.wpthemeSideNavigation .wpthemeClose,.wpthemeSideNavigation .wpthemeClose:focus,.wpthemeSideNavigation .wpthemeClose:hover,.wpthemeSideNavigation .wpthemeClose:active {margin: 0 7px; padding: 0 2px !important;}.wpthemeSplitView .wptheme1Col .wpthemeCol {width:850px;}.wpthemeSplitView .wptheme2Col .wpthemeCol {width:400px;}.wpthemeSplitView .wptheme3Col .wpthemeCol {width:260px;}.wpthemeSplitView .wptheme2Col.wpthemeUnequal .wpthemePrimaryContainer {width:545px;}.wpthemeSplitView .wptheme2Col.wpthemeUnequal .wpthemeSecondaryContainer {width:260px;}.wpthemeSplitView .wptheme3Col.wpthemeUnequal .wpthemePrimaryContainer {width:434px;}.wpthemeSplitView .wptheme3Col.wpthemeUnequal .wpthemeSecondaryContainer,.wpthemeSplitView .wptheme3Col.wpthemeUnequal .wpthemeTertiaryContainer {width:175px;}.wpthemeSplitView .wpthemeTopCol .wpthemeHeadlineContainer {width: 830px; margin-right: 15px; margin-bottom: 20px;}.wpthemeSplitView .wpthemeRow {margin: 0 0 20px 20px;}.wpthemeSplitView #layoutContainers .layoutRow .layoutColumn .component-control {width: 850px;} .portlet-dlg-icon-label {font-weight: bold;color: #000000;white-space: nowrap;}.portlet-icon-label {color: #000000;}.portlet-section-header {font-weight: bold;color: #333333;}.portlet-section-header-highlight {background-color: #F0F0F0;}.portlet-font {font-family: Helvetica, Arial, sans-serif;font-size: 1em;color: #333333;}.portlet-section-subheader {color: #333333;}.portlet-table-selected {color: #333333;background-color: #c5d1de;}.portlet-table-alternate {color: #333333;}.portlet-table-header {font-weight: normal;color: #000000;text-align: left;background-color: #ffffff;border-width: 0px 0px 0px 0px;border-style: none;border-color: #aaaaaa;}.portlet-table-body {text-align: left;border-width: 1px 0px 0px 0px ! important;border-style: solid ! important;border-color: #aaaaaa ! important;}.portlet-table-subheader {font-weight: bold;color: #000000;text-align: left;}.portlet-form-input-field {border: 1px solid #999999;}.portlet-form-button {text-decoration: none;text-align: center;background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/ButtonBackground.gif");background-repeat: repeat-x;background-position: left center; border: 1px solid #919191;padding: 0px 2px;margin: 0px;overflow: visible;font-weight: normal;color: #000000;cursor: pointer;}.portlet-form-field, .portlet-form-field-label {color: #333333;}.portlet-font-dim {color: #808080;}.portlet-form-label {color: #333333;}.portlet-msg-error {color: #000000;}.portlet-msg-alert {color: #000000;}.portlet-msg-success {color: #000000;}.portlet-msg-info {color: #000000;}.portlet-section-text {color: #666666;}.portlet-msg-status {color: #333333;}.portlet-menu, .portlet-menu-cascade {background-color: #EEEEEE;border-style: solid;border-color: #333333;border-width: 1px;padding: 3px;}.portlet-menu-item {background-color: #EEEEEE;border-style: solid;border-color: #333333;border-width: 1px;padding: 3px;}.portlet-menu-item-selected {background-color: #aaaaaa;border-style: solid;border-color: #333333;border-width: 1px;padding: 3px;}.portlet-menu-item-hover, .portlet-menu-cascade-item-hover {background-color: #cccccc;border-style: solid;border-color: #333333;border-width: 1px;padding: 3px;}.portlet-menu-item-hover-selected, .portlet-menu-cascade-item-hover-selected {background-color: #cccccc;border-style: solid;border-color: #333333;border-width: 1px;padding: 3px;}.portlet-menu-cascade-item {background-color: #eeeeee;border-style: solid;border-color: #333333;border-width: 1px;padding: 3px 3px 3px 3px;}.portlet-menu-cascade-item-selected {background-color:#cccccc;border-style: solid;border-color: #333333;border-width: 1px;padding: 3px 3px 3px 3px;}.portlet-menu-separator, .portlet-menu-cascade-separator {background-color: #999999;}.portlet-menu-content, .portlet-menu-content-selected {background-color: #eeeeee;}.portlet-menu-content-hover, .portlet-menu-content-hover-selected {background-color: #cccccc;}.portlet-menu-caption {border-style: solid;border-color: #333333; border-width: 1px;}.portlet-separator {background-color: #999999;height: 1px;}div.portlet-separator {background-color: #999999;margin: 2px 0 2px 0;}.help {font-size: 1em; color: #000000;}.help_indent {font-size: 1em; color: #000000; background-color: #ffffff}A.help {font-size: 1em; color: #3366CC}A.help:visited {font-size: 1em; color: #666699}A.help:active {font-size: 1em; color: #3366CC}A.help:hover {font-size: 1em; color: #3366CC}H2.help {padding-left: 8px; font-weight: bold; font-size: 1.1667em; color: #000000; padding-top: 22px; border-bottom: 1px solid #B0B0B0; background-color: #F0F0F0; text-align: left}H3.help {font-size: 1.1667em; padding-left: 8px; font-weight: bold; padding-top: 3px; background-color: #F0F0F0}H3 A.help {font-size: 1.1667em; color: #000000; background-color: #F0F0F0; text-decoration: none}H4.help {padding-left: 8px; margin: 16px 20px 0px 20px; color: #000000; padding-top: 3px; background-color: #F0F0F0; text-align: left}H4 A.help {font-weight: normal; font-size: 1em; color: #000000; font-style: italic; background-color: #F0F0F0}P.help {padding-bottom: 0px; margin: 2px 20px 0px 30px; padding-top: 4px}P.help_indent {padding-bottom: 0px; margin: 2px 20px 0px 0px; padding-top: 4px}UL.help {margin-left: 56px; margin-right: 20px}OL.help {margin-left: 56px; margin-right: 20px}DL.help {margin-left: 56px; margin-right: 20px}PRE.help {margin-left: 30px; font-family: monospace; font-size: 1.1667em;}DT A.help {font-weight: 900; color: #000000}DD.help {padding-bottom: 20px; padding-top: 2px}LI.help {padding-bottom: 2px; padding-top: 2px}TABLE.help {padding-right: 20px; padding-left: 30px; margin-left: 28px}TH.help {text-align: center; padding-top: 5px; padding-bottom: 5px; vertical-align: top;}TD.help {padding-bottom: 3px; vertical-align: top; padding-top: 3px; text-align: left}.lotus_rtl TD.help {text-align:right;}samp, samp.help {font-family: monospace; font-size: 1.1667em;}TABLE.dataTable {color:black;width:90%;border-collapse: collapse;border-color:Black;background-color:white;margin-left:28px;}.dataTable TH {font-weight:bold;font-size:0.8em;color:black;background-color:#F0F0F0;}.wpsTableAdminHead {color:#333333;background-color:#CCCCCC;}.wpsAdminHeadSeparator {background-color:#999999;height:1px;}.wpsStatusMsg {color: #000000;background-color: #E7EFF7;margin: 10px 0px;padding: 5px;border: solid 2px #ABCACA;-moz-border-radius: 8px;}.wpsStatusMsg img {vertical-align: middle;}.wpsInstructionText {color: #6B6B6B;margin: 0.6em 0px 0px 0px;}.wpsInstructionText em {font-weight: bold;font-style: normal;color: #8A59A6;}.wpsInstructionHeadText {font-weight: bold;font-size: 1em;color: #405380;}.wpsIndentXSmall {padding-left: 4px;}.wpsIndentSmall {padding-left: 8px;}.wpsIndentMedium {padding-left: 16px;}.wpsIndentLarge {padding-left: 32px;}.wpsIndentXLarge {padding-left: 48px;}.wpsTaskIconText {font-weight: bold;color: #000000; white-space: nowrap;}.wpsTaskDisabledIconText {font-weight: bold;white-space: nowrap;color: #888888;}.wpsTaskIconBorderTable, .wpsTaskDisabledIconBorderTable {border: 0px;}.wpsTaskIconTextBackground {background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/ButtonBackground.gif");background-repeat: repeat-x;background-position: left center; border: 1px solid #919191;padding: 2px 4px;margin: 0px;text-align: center;vertical-align: middle;white-space: nowrap;}.wpsTaskDisabledIconTextBackground {background-color: #DDDDDD;background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/ButtonBackground.gif");background-repeat: repeat-x;background-position: left center; border: 1px solid #919191;padding: 2px 4px;margin: 0px;text-align: center;vertical-align: middle;white-space: nowrap;}.wpsDialogIconText {color: #000000; padding-left:5px;}.wpsDialogDisabledIconText {color: #888888;}.wpsDialogIconBackground {text-align: center;vertical-align: middle;background-color: #DDDDDD;background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/DialogIconBackground.gif");background-repeat: repeat-x;background-position: left center; border-top: 1px solid #919191;border-right: 0px none #919191;border-bottom: 1px solid #919191;border-left: 1px solid #919191;padding: 0px 0px;margin: 0px;}.wpsDialogIconTextBackground {text-align: center;vertical-align: middle;background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/DialogIconTextBackground.gif");background-repeat: repeat-x;background-position: left center; border-top: 1px solid #919191;border-right: 1px solid #919191;border-bottom: 1px solid #919191;border-left: 0px none #919191;padding: 2px 4px;margin: 0px;white-space: nowrap;}.wpsDialogDisabledIconBackground {text-align: center;vertical-align: middle;background-color: #DDDDDD;background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/DialogIconBackground.gif");background-repeat: repeat-x;background-position: left center; border-top: 1px solid #919191;border-right: 0px none #919191;border-bottom: 1px solid #919191;border-left: 1px solid #919191;padding: 0px 0px;margin: 0px;}.wpsDialogDisabledIconTextBackground {text-align: center;vertical-align: middle;background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/DialogIconTextBackground.gif");background-repeat: repeat-x;background-position: left center; border-top: 1px solid #919191;border-right: 1px solid #919191;border-bottom: 1px solid #919191;border-left: 0px none #919191;padding: 2px 4px;margin: 0px;white-space: nowrap;}.lotus_rtl .wpsDialogIconBackground, .lotus_rtl .wpsDialogDisabledIconBackground{border-left: 0;border-right: 1px solid #919191;}.lotus_rtl .wpsDialogIconTextBackground, .lotus_rtl .wpsDialogDisabledIconTextBackground{border-right: 0;border-left: 1px solid #919191;}.wpsDialogIcon {width: 16px;height: 16px;}.wpsButtonBarTop, .wpsButtonBarBottom {background-color: #DFDFDF;}.wpsPortletBack {background-color: #FFFFFF;}.wpsEditBack, .wpsConfigureBack {background-color: #FFFFFF;}.wpsAdvancedOptions {background-color: #e4e4e4;border: solid 1px #4A4A4A;margin-left: 10px;}.wpsPortletColorBack {background-color: #CCCCCC;}.wpsPortletHead, .wpsEditHead {font-weight: bold;color: #333333;}.wpsPortletText, .wpsEditText, .wpsPortletSmText, .wpsEditSmText, .wpsPortletTinyText {font-family: Helvetica, Arial, sans-serif;font-size: 1em;color: #333333;}.wpsCopyrightText {font-size: 0.9166em;color: #999999;}.wpsTableHead {font-weight: bold;color: #222222.;text-align: left;}.lotus_rtl .wpsTableHead {text-align: right;}.wpsTableHead th {padding: 3px;}.wpsTableRow, .wpsTableNrmRow {color: #333333;background-color: #ffffff;}.wpsTableSelectedRow {color: #333333;background-color: #c5d1de;}.wpsTableShdRow {color: #333333;}.wpsTableRow td, .wpsTableNrmRow td, .wpsTableShdRow td {border-width: 1px 0px 0px 0px;border-style: solid;border-color: #aaaaaa;padding: 3px;}.wpsTableHeadLink, .wpsTableHeadLink:visited, .wpsTableHeadLink:hover, .wpsTableHeadLink:active {font-weight: normal;color: #000000;}.wpsTable {border-width: 1px;border-style: solid;border-color: #aaaaaa;}.wpsTable td {vertical-align:top;}.wpsTable a:focus, .wpsTable .wpsLink:focus {outline-color: -moz-use-text-color;outline-style:dotted;outline-width:2px;}.wpsTableHeadStart, .wpsTableHeadMiddle, .wpsTableHeadEnd {font-weight: normal;color: #000000;text-align: left;background-color: #ffffff;border-width: 0px 0px 0px 0px;border-style: none;border-color: #aaaaaa;}.wpsTableHeadStartAlignCenter, .wpsTableHeadMiddleAlignCenter, .wpsTableHeadEndAlignCenter {font-weight: normal;color: #000000;text-align: center;background-color: #ffffff;border-width: 0px 0px 0px 0px;border-style: none;border-color: #aaaaaa;}.wpsTableHeadStartNumeric, .wpsTableHeadMiddleNumeric, .wpsTableHeadEndNumeric {font-weight: normal;color: #000000;text-align: right;background-color: #ffffff;border-width: 0px 0px 0px 0px;border-style: none;border-color: #aaaaaa;}.wpsTableDataStart, .wpsTableDataMiddle, .wpsTableDataEnd {text-align: left;border-width: 1px 0px 0px 0px ! important;border-style: solid ! important;border-color: #aaaaaa ! important;}.wpsTableDataStartAlignCenter, .wpsTableDataMiddleAlignCenter, .wpsTableDataEndAlignCenter {text-align: center;border-width: 1px 0px 0px 0px ! important;border-style: solid ! important;border-color: #aaaaaa ! important;}.wpsTableDataStartNumeric, .wpsTableDataMiddleNumeric, .wpsTableDataEndNumeric {text-align: right;border-width: 1px 0px 0px 0px ! important;border-style: solid ! important;border-color: #aaaaaa ! important;}.wpsPagingTable, .wpsPagingTableHeader, .wpsPagingTableFooter, .wpsPagingTableBody {border: 0px;margin: 10px 0;}.wpsPagingTableHeaderIcon, .wpsPagingTableFooterIcon {width: 16px;height: 16px;}.wpsPagingTableHeaderStart {background-color: #F0F0F0;border-top: 1px solid #aaaaaa;border-right: 0px none #aaaaaa;border-bottom: 0px none #aaaaaa;border-left: 1px solid #aaaaaa;}.wpsPagingTableHeaderMiddle {background-color: #F0F0F0;border-top: 1px solid #aaaaaa;border-right: 0px none #aaaaaa;border-bottom: 0px none #aaaaaa;border-left: 0px none #aaaaaa;}.wpsPagingTableHeaderEnd {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PagingTableTopRight.gif");background-repeat: no-repeat;background-position: right top;background-color: transparent;}.wpsPagingTableFooterStart {background-color: #F0F0F0;border-top: 0px none #aaaaaa;border-right: 0px none #aaaaaa;border-bottom: 1px solid #aaaaaa;border-left: 1px solid #aaaaaa;}.wpsPagingTableFooterMiddle {background-color: #F0F0F0;border-top: 0px none #aaaaaa;border-right: 0px none #aaaaaa;border-bottom: 1px solid #aaaaaa;border-left: 0px none #aaaaaa;}.wpsPagingTableFooterEnd {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PagingTableBottomRight.gif");background-repeat: no-repeat;background-position: right bottom; background-color: transparent;}.wpsPagingTableHeaderEmpty {height:7px;width:7px;line-height:1px;}.wpsTableRowDetail td {border-width:0px;text-align: left;border-width: 0px ! important;padding:2px 3px 5px 3px;}.wpsTableSectionHead {font-weight: bold;color: #000000;text-align: left;}.wpsTableSectionHead th {border-width: 1px 0px 0px 0px;border-style: solid;border-color: #aaaaaa;padding: 3px 0 3px 5px;}.wpsTableTopRow td {border-color: #aaaaaa ! important;}.wpsPagingTableHeaderEmpty {height: 7px;width: 7px;line-height: 1px;}.wpsTableRowDetail td {border-width: 0px;text-align: left;border-width: 0px ! important;padding: 2px 3px 5px 3px;}.wpsCompactCheckBox, .wpsCompactRadioButton {height: 16px;margin-top: 0px;margin-bottom: 0px;}.wpsEditField{border: 1px solid #999999;}.wpsButtonText{font-weight: bold;color: #000000;background-color: #DDDDDD;background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/ButtonBackground.gif");background-repeat: repeat-x;background-position: left center; border: 1px solid #919191;padding: 2px 4px;margin: 0px;text-align: center;}.wpsButtonDisabledText {font-weight: bold;color: #888888;background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/ButtonBackground.gif");background-repeat: repeat-x;background-position: left center; border: 1px solid #919191;padding: 2px 4px;margin: 0px;text-align: center;}.wpsLabelText, wpsRequiredLabelText {color: #333333;}.wpsRequiredLabelText strong {color: #ff0000;}.wpsDescriptionText {color: #707070;}.wpsFieldErrorText {color: #000000;}.wpsFieldWarningText {color: #000000;}.wpsFieldSuccessText {color: #000000;}.wpsFieldInfoText {color: #000000;}.wpsInlineHelpText {color: #666666;}.wpsFieldMonospaced {font-family: monospace;font-size: 1.1667em;}.wpsFlagText {font-size: 0.9166em;color: #FF0000;}.wpsPortletTabBarSeparator {background: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/portletTabSeparator.gif");background-repeat: repeat-x;background-color: #95a5b9;margin: 0px;padding: 0px;height: 3px;}.wpsPortletTabSet {border: 0px;background-color: transparent;}.wpsPortletTab {border: 0px;background-color: transparent;}.wpsPortletSelectedTab {border: 0px;background-color: transparent;}.wpsPortletTabTopStart {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabTopLeft.jpg");background-repeat: no-repeat;background-position: bottom left;padding: 0px 2px 0px 2px;width: 5px;height: 5px;}.wpsPortletTabTopCenter {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabTopMiddle.jpg");background-repeat: repeat-x;background-position: bottom;}.wpsPortletTabTopEnd {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabTopRight.jpg");background-repeat: no-repeat;background-position: bottom right;border-style: none;background-color: transparent;padding: 0px 2px 0px 2px;width: 5px;height: 5px;}.wpsPortletTabMiddleStart {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabCenter.jpg");background-repeat: repeat-x;background-color: #FFFFFF;border-top: 0px none #C0C0C0;border-right: 0px none #C0C0C0;border-bottom: 0px none #C0C0C0;border-left: 1px solid #C0C0C0;}.wpsPortletTabMiddleCenter {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabCenter.jpg");background-repeat: repeat-x;background-color: #FFFFFF;white-space: nowrap;border-style: none;}.wpsPortletTabMiddleEnd {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabCenter.jpg");background-repeat: repeat-x;background-color: #FFFFFF;border-top: 0px none #C0C0C0;border-right: 1px solid #C0C0C0;border-bottom: 0px none #C0C0C0;border-left: 0px none #C0C0C0;}.wpsPortletTabBottomStart {background-color: #FFFFFF;border-top: 0px none #C0C0C0;border-right: 0px none #C0C0C0;border-bottom: 0px none #C0C0C0;border-left: 1px solid #C0C0C0;width: 5px;height: 5px;}.wpsPortletTabBottomCenter {background-color: #FFFFFF;border-style: none;}.wpsPortletTabBottomEnd {background-color: #FFFFFF;border-top: 0px none #C0C0C0;border-right: 1px solid #C0C0C0;border-bottom: 0px none #C0C0C0;border-left: 0px none #C0C0C0;width: 5px;height: 5px;}.wpsPortletSelectedTabTopStart {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabTopLeft.jpg");background-repeat: no-repeat;background-position: bottom left;padding: 0px 2px 0px 2px;width: 5px;height: 5px;}.wpsPortletSelectedTabTopCenter {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabTopMiddle.jpg");background-repeat: repeat-x;background-position: bottom;border-top: 0px solid #AAC2E6;border-right: 0px none #AAC2E6;border-bottom: 0px none #AAC2E6;border-left: 0px none #AAC2E6;}.wpsPortletSelectedTabTopEnd {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabTopRight.jpg");background-repeat: no-repeat;background-position: bottom right;border-style: none;background-color: transparent;padding: 0px 2px 0px 2px;width: 5px;height: 5px;}.wpsPortletSelectedTabMiddleStart {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabCenterMid.jpg");background-repeat: repeat-x;border-top: 0px none #AAC2E6;border-right: 0px none #AAC2E6;border-bottom: 0px none #AAC2E6;border-left: 1px solid #AAC2E6;}.wpsPortletSelectedTabMiddleCenter {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabCenterMid.jpg");background-repeat: repeat-x;border-style: none;white-space: nowrap;}.wpsPortletSelectedTabMiddleEnd {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabCenterMid.jpg");background-repeat: repeat-x;border-top: 0px none #AAC2E6;border-right: 1px solid #AAC2E6;border-bottom: 0px none #AAC2E6;border-left: 0px solid #AAC2E6;}.wpsPortletSelectedTabBottomStart {background-color: #FFFFFF;border-top: 0px none #AAC2E6;border-right: 0px none #AAC2E6;border-bottom: 0px none #AAC2E6;border-left: 1px solid #AAC2E6;width: 5px;height: 5px;}.wpsPortletSelectedTabBottomCenter {background-color: #FFFFFF;border-style: none;}.wpsPortletSelectedTabBottomEnd {background-color: #FFFFFF;border-top: 0px none #AAC2E6;border-right: 1px solid #AAC2E6;border-bottom: 0px none #AAC2E6;border-left: 0px none #AAC2E6;width: 5px;height: 5px;}.wpsPortletTabLink, .wpsPortletTabLink:visited, .wpsPortletTabLink:active, .wpsPortletTabLink:hover {color: #333333;}.wpsPortletSelectedTabLink, .wpsPortletSelectedTabLink:hover, .wpsPortletSelectedTabLink:visited, .wpsPortletSelectedTabLink:active {color: #2056A0;font-weight: bold;}.wpsPortletToolbar {background-color: #c5d1de;border-top: 1px solid #e4edf5;border-right: 1px solid #95a5b9;border-bottom: 1px solid #95a5b9;border-left: 1px solid #e4edf5;}.wpsPortletToolbarSection {border-width: 0px;}.wpsPortletToolbarButton {background-color: #c5d1de;padding: 3px;border-width: 1px;border-style: solid;border-color: #c5d1de;}.wpsPortletToolbarButtonRollover {background-color: #c5d1de;padding: 3px;border-top: 1px solid #e4edf5;border-right: 1px solid #95a5b9;border-bottom: 1px solid #95a5b9;border-left: 1px solid #e4edf5;}.wpsPortletToolbarButtonPressed {background-color: #dadfe5;padding: 3px;border-top: 1px solid #95a5b9;border-right: 1px solid #e4edf5;border-bottom: 1px solid #e4edf5;border-left: 1px solid #95a5b9;}.wpsPortletToolbarButtonSelected {background-color: #aeb8c4;padding: 3px;border-top: 1px solid #95a5b9;border-right: 1px solid #e4edf5;border-bottom: 1px solid #e4edf5;border-left: 1px solid #95a5b9;}.wpsPortletToolbarButtonSelectedRollover {background-color: #aeb8c4;padding: 3px;border-top: 1px solid #e4edf5;border-right: 1px solid #95a5b9;border-bottom: 1px solid #95a5b9;border-left: 1px solid #e4edf5;}.wpsPortletToolbarButtonIcon {width: 16px;height: 16px;}.wpsPortletToolbarControl {padding: 3px;}.wpsPortletToolbarText {color: #333333;}.wpsPortletToolbarDisabledText {color: #999999;}.wpsPortletToolbarLink, .wpsPortletToolbarLink:hover, .wpsPortletToolbarLink:visited, .wpsPortletToolbarLink:active {color: #333333;}.wpsPortletToolbarSeparator {background-color: #95a5b9;width: 1px;margin: 0px;padding: 0px;border-top: 0px none #95a5b9;border-right: 1px solid #e4edf5;border-bottom: 0px none #e4edf5;border-left: 0px none #95a5b9;}.wpsPortletToolbarSpacer {padding: 0px 2px 0px 2px;}.wpsPortletToolbarHandle {background-color: #c5d1de;padding: 0px;margin: 0px;width: 1px;border-top: 1px solid #e4edf5;border-right: 1px solid #95a5b9;border-bottom: 1px solid #95a5b9;border-left: 1px solid #e4edf5;}.wpsBreadcrumbTrail {font-weight: bold;}.wpsBreadcrumbTrailLink, .wpsBreadcrumbTrailLink:hover, .wpsBreadcrumbTrailLink:visited, .wpsBreadcrumbTrailLink:active {font-weight: bold;color: #3366CC;text-decoration: underline;}.wpsPortletAccentArea {background-color: #c5d1de;color: #333333;}.wpsPortletAccentArea3DHighlight {background-color: #e4edf5;color: #333333;}.wpsPortletAccentArea3DShadow {background-color: #95a5b9;color: #333333;}.wpsWizardTitle {font-weight: bold;background-color: #c1c1c1;color: black;padding-left: 5px;padding-top: 5px;padding-bottom: 5px;}.wpsWizardStepNotification {background-color: #dfdfdf;color: black;padding-left: 5px;padding-top: 5px;padding-bottom: 5px;}.wpsWizardBottomSubmit {background-color: #c1c1c1;color: black;padding-left: 5px;padding-top: 5px;padding-bottom: 25px;}.wpsCursorPointer {cursor: pointer;}a.wpsPersonName {text-decoration: none;white-space: nowrap;color: #3366CC;}a.wpsPersonName:visited {text-decoration: none;white-space: nowrap;color: #666699;}a.wpsPersonName:hover {text-decoration: underline;white-space: nowrap;color: #666699;}.wpsGettingStartedTitle{font-size: 1.1667em;font-weight: normal;color: #2055A3;}.wpsGettingStartedHeader{font-size: 1em;font-weight: normal;color: #2055A3;}.wpsGettingStartedBody{font-size: 0.9166em;color: #616161;padding-top: 10px;}.wpsSearchInfoBar{font-family: Helvetica, Arial, sans-serif;font-size: 1em;color: #333333;background-color: #c7d9f1;}.wpsSearchUrl, a.wpsSearchUrl {font-weight: bold;}.wpsSearchUrlAddressText{color: #008000;font-style: italic;}.wpsSearchAttributeText{color: #c1c1c1;font-style: italic;}.wpsEditorToolbar {max-height: 24px;background-color: #D8D8D8;border-top: 1px solid #aebccf;border-right: 1px solid #355787;border-bottom: 1px solid #355787;border-left: 1px solid #aebccf;border-top: 1px solid #cccccc;}.wpsEditorToolbarSection {border-width: 0px;}tr.wpsEditorToolbar {padding: 0px 2px 0px 2px;} table.wpsEditorToolbar {padding: 0px 0px 0px 0px;width: 100%;height: 24px; background-color: #f0f0f0;border-top: 1px solid #cccccc;border-bottom: 0px solid #cccccc;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;background-color: white;background-image: url(/wps/DocEditor/images/editor_toolbar_gradient.gif);background-repeat: repeat-x;background-position: 0px 0px;} .wpsEditorToolbarButton {padding: 3px;margin: 0px;border-width: 1px;border-style: none;}.wpsEditorToolbarButtonRollover {background-color: WHITE;margin:0px;padding: 2px;border-top: 1px solid WHITE;border-right: 1px solid WHITE;border-bottom: 1px solid WHITE;border-left: 1px solid WHITE;}.wpsEditorToolbarButtonPressed {background-color: #d8d8d8;margin:0px;padding: 2px;border-top: 1px solid #888888;border-right: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;border-left: 1px solid #888888;}.wpsEditorToolbarButtonSelected {background-color: #aeb8c4;margin:0px;padding: 2px;border-top: 1px solid #95a5b9;border-right: 1px solid #e4edf5;border-bottom: 1px solid #e4edf5;border-left: 1px solid #95a5b9;}.wpsEditorToolbarButtonSelectedRollover {background-color: #aeb8c4;margin:0px;padding: 2px;border-top: 1px solid #e4edf5;border-right: 1px solid #95a5b9;border-bottom: 1px solid #95a5b9;border-left: 1px solid #e4edf5;}.wpsEditorToolbarButtonIcon {width: 18px;height: 18px;margin:0px;padding:0px;}.wpsEditorToolbarControl {padding: 1px 1px;}select.wpsEditorToolbarControl {border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;}.wpsEditorToolbarText {color: #333333;}.wpsEditorToolbarLink, .wpsEditorToolbarLink:hover, .wpsEditorToolbarLink:visited, .wpsEditorToolbarLink:active {color: #333333 ;}.wpsEditorToolbarSeparatorNew {background-color: #355787;height: 18px;width: 5px;margin: 0px;padding: 0px;border-top: 0px none #305080;border-bottom: 0px none #305080;border-left: 1px none #aebccf;}.wpsEditorToolbarSeparator {background-image: url(/wps/DocEditor/images/separator.gif);margin: 0px;padding: 0px 7px 0px 7px;}.wpsEditorToolbarSpacer {padding: 0px 2px 0px 2px;}.wpsEditorToolbarHandle {background-color: #c5d1de;padding: 0px;margin: 0px;width: 1px;border-top: 1px solid #e4edf5;border-right: 1px solid #95a5b9;border-bottom: 1px solid #95a5b9;border-left: 1px solid #e4edf5;}.wpsEditorTextArea {background-color: #fff;border: 1px solid #cccccc;padding: 0px;margin: 0px;}.wpsEditorTextAreaText {margin: 0px; padding: 0px;border: 0px none;}.clearing {clear: both;}.layoutRow {width: 99%;}.layoutColumn {width: 100%;}.generalErrorText {color: red;}.portlet-separator {margin:0px; line-height:1px;background-color: #999999;}.ibm-portlet-section-header {border-bottom: 1px solid #E0E0E0;}.information {color: #888; margin-bottom: 0.4em;}.ibm-portlet-section-body {width: 100%;clear: both;}.ibm-portlet-item-summary-list {padding:0;margin:0}.ibm-portlet-item-summary-list UL {padding: 0; margin: 0;}.ibm-portlet-item-summary-list LI {padding: 0; margin: 0; list-style: none;}.ibm-portlet-item-summary-list .ibm-portlet-item-summary {margin-bottom: 2em;}.centered-div-outer {overflow: hidden;position: relative; width: 100%;}.centered-div-outer[class] {display: table; position: static;}.centered-div-outer .centered-div-middle {position: absolute; top: 50%; text-align: center; width: 100%;} .centered-div-outer .centered-div-middle[class] {display: table-cell; vertical-align: middle; position: static;}.centered-div-outer .centered-div-middle .centered-div-inner {position: relative; top: -50%} .ibm-portlet-item-summary-list .ibm-portlet-item-summary {margin-bottom: 2em;}.ibm-portlet-item-summary H3 {margin:0;padding:0;display:inline; ;font-weight:normal;}.ibm-portlet-item-summary UL.property-list {margin: 0.05em 0; padding:0; width: 100%;}.ibm-portlet-item-summary UL.property-list LI {display: inline; color: gray; float: left; margin: 0; margin-right:0.5em; padding: 0; list-style-type: none;}.ibm-portlet-item-summary PRE.text {font-family: Helvetica, Arial, sans-serif; font-size: 1em;margin:0;padding:0;}.ibm-portlet-item-summary .abstract {padding: 0; margin-top: 0.75em;}.ibm-portlet-item-summary .abstract P {margin-top:0;padding-top:0;}.ibm-portlet-item-summary .item-affordance TD {padding-top: 0.7em; padding-bottom: 0.7em;}.ibm-portlet-item-summary .item-affordance TD.locked-icon {padding:0; vertical-align: top; text-align: right;}.ibm-portlet-item-summary .item-affordance TD.icon {vertical-align: middle; padding-left: 1.5em; padding-right: 1.5em;}.ibm-portlet-item-summary .item-affordance UL.property-list {padding-left: 0.7em;}.ibm-portlet-item-summary .item-affordance TD.folder .abstract {padding: 0 0.6em; margin-top: 0.75em;}.ibm-portlet-item-summary .item-affordance TD.document .abstract {padding: 0 0.6em; margin-top: 0.75em;}* HTML .ibm-portlet-item-summary .item-affordance TD .drag-image {margin-right: 10px;}*:first-child+html .ibm-portlet-item-summary .item-affordance TD .drag-image {margin-right: 10px;}TABLE.ibm-portlet-table-summary .ibm-portlet-item-summary DIV.name-indent {padding: 0 0.6em;}TABLE.ibm-portlet-table-summary .ibm-portlet-item-summary H3 A.folder-link,TABLE.ibm-portlet-table-summary .ibm-portlet-item-summary H3 A.folder-link:visited {color: #0063DC;}TABLE.ibm-portlet-table-summary .ibm-portlet-item-summary H3 A.document-link,TABLE.ibm-portlet-table-summary .ibm-portlet-item-summary H3 A.document-link:visited {color: #0063DC;}A.document-link {color: #0063DC; text-decoration: none;}A.document-link:visited {color: #0063DC;}A.document-link:hover {text-decoration: underline;}.ibm-portlet-sidebar .info-section UL.property-list {margin: 0;padding: 0;}.ibm-portlet-sidebar .info-section UL.property-list LI {margin: 0;padding: 0;margin-bottom: 0.5em;list-style: none;}.ibm-portlet-sidebar .info-section UL.property-list LI LABEL {color: #888;}.palette h5{color: #FFFFFF !important;background-color: #578adb;background: #578adb url(/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/toolbar_background.gif) repeat-x;font-size: 1.333em;border: 1px solid;border-right: 0px;border-color: #97A9C1;height: 48px;margin-top: 0px; margin-bottom: 0px;}.palette h5 div{margin-top: 18px;margin-left: 10px;}.palette form{display: inline;}.contentTypeSearch{background-color: #E8EBF1;color: #7A93BB;margin-top: 0px;margin-bottom: 0px;}.contentTypeSearch table{margin-left: 10px;} .categoryTitleExpanded{background: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/palette_selected_cat.gif") repeat-x;background-position: top;background-color: #E8EBF1;font-size: 0.9166em;font-family: arial;padding: 5px 10px;color: #7A93BB;margin-bottom: 0px;}.categoryTitleCollapsed{background: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/palette_unselected_cat.gif") repeat-x;background-position: top;background-color: #E8EBF1;font-family: arial;font-size: 0.9166em;color: #7A93BB;padding: 5px 10px;margin-bottom: 0px;}.contentItemListCollapsed{display: none;}.contentItem{font-weight: normal;font-family: arial;font-size: 0.9166em;color: #4E4E4E;}.contentItemGrayed{font-weight: normal;font-family: arial;font-size: 0.9166em;color: #C6C6C6;}.contentItemHover{font-weight: normal;font-family: arial;font-size: 0.9166em;color: #4E4E4E;}.contentItemGrayedHover{font-weight: normal;font-family: arial;font-size: 0.9166em;color: #C6C6C6;}.contentItemIcon{vertical-align: middle; border: 0px;} .contentItem button{visibility: hidden;}.contentItemHover button{visibility: visible;}.contextMenu{border: 0px; background-color: transparent;} .actionMainArea{margin: 4px;}.actionFooter{margin-top: 4px;}.dropActive{border: 1px solid #FF9000;}.dropAware{border: 1px solid #FFEBC5;}.dijitRtl .wpsPagingTableHeaderEnd {background-image: url(/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PagingTableTopRight_rtl.gif); background-position: left top;}.dijitRtl .wpsPagingTableFooterEnd {background-image: url(/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PagingTableBottomRight_rtl.gif); background-position: left bottom;}.dijitRtl .wpsPagingTableHeaderStart {border-width: 1px 1px 0 0; border-style: solid solid none none;}.dijitRtl .wpsPagingTableFooterStart {border-width: 0 1px 1px 0; border-style: none solid solid none;}.dijitRtl .wpsPortletSelectedTabTopStart {background-image: url(/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabTopRight.jpg); background-position: right bottom;}.dijitRtl .wpsPortletTabTopStart {background-image: url(/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabTopRight.jpg); background-position: right bottom;}.dijitRtl .wpsPortletSelectedTabMiddleStart, .dijitRtl .wpsPortletTabMiddleStart, .dijitRtl .wpsPortletSelectedTabBottomStart, .dijitRtl .wpsPortletTabBottomStart {border-width: 0 1px 0 0; border-style: none solid none none;}.dijitRtl .wpsPortletSelectedTabTopEnd {background-image: url(/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletSelectedTabTopLeft.jpg); background-position: left bottom;}.dijitRtl .wpsPortletTabTopEnd {background-image: url(/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/PortletTabTopLeft.jpg); background-position: left bottom;}.dijitRtl .wpsPortletSelectedTabMiddleEnd, .dijitRtl .wpsPortletTabMiddleEnd, .dijitRtl .wpsPortletSelectedTabBottomEnd, .dijitRtl .wpsPortletTabBottomEnd {border-width: 0 0 0 1px; border-style: none none none solid;}.dijitRtl .wpsTableDataStart, .dijitRtl .wpsTableDataMiddle, .dijitRtl .wpsTableDataEnd {text-align: right;}.dijitRtl .wpsTableHeadStart, .dijitRtl .wpsTableHeadMiddle, .dijitRtl .wpsTableHeadEnd {text-align: right;}.dijitRtl H2.help {text-align: right;}#mainSitemContainer .dijitContentPane {width:50% !important}#mainSitemContainer #dijit_layout_ContentPane_1{left:50% !important;right:50% !important;} #mainSitemContainer .dijitSplitContainerSizerH {left:49% !important;right:49% !important;cursor:default;}.lwpMenuItem, a.lwpMenuItem, a.lwpMenuItem:visited, a.lwpMenuItem:hover a.lwpMenuItem:active {color: #000000;text-decoration: none;background-color: #ffffff;}.lwpSelectedMenuItem, a.lwpSelectedMenuItem:visited, a.lwpSelectedMenuItem:hover, a.lwpSelectedMenuItem:active{background-color: #284888;color: #ffffff !important;text-decoration: none;cursor: pointer;}.lwpMenuItemDisabled, a.lwpMenuItemDisabled, a.lwpMenuItemDisabled:visited, a.lwpMenuItemDisabled:hover, a.lwpMenuItemDisabled:active {color: #888888 !important;text-decoration: none;background-color: #ffffff;font-style: italic;}.lwpBorderAll {border-right: 1px solid #DCDCDC;border-left: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC;}.lwpShadowBorder {border-right: 1px solid #888888;border-bottom: 1px solid #888888;}.lwpPpkList {width: 250px;height: 200px;border-right: 1px solid #c0c0c0;border-bottom: 1px solid #c0c0c0;border-left: 1px solid black;border-top: 1px solid black;overflow: auto;}.lwpPpkListBorder {width: 250px;height: 200px;border-left: 1px solid #a0a0a0;border-top: 1px solid #a0a0a0;border-bottom: 2px solid #c0c0c0;}.lwpPpkNormalText {background-color: white; color: black;}.lwpPpkSelectedText {background-color: #284888;color: white;}.wpthemeImagesOff .portlet-form-input-field,.wpthemeImagesOff .portlet-menu,.wpthemeImagesOff .wpsButtonText,.wpthemeImagesOff .wpsEditField {border-style: outset;}.weekday_header {font-size: 1em;background-color: #999999;color: #333333;}.other_month_header {background-color: #E4E3E3;color: #7E7001;height: 20px;}.current_month_header {background-color: #CBDBF3;color: #333333;height: 20px;}.other_month_cell {background-color: #F0F0F0;}.current_month_cell {background-color: #FFFFFF;color: Black;}.current_day_header {font-size: 1em;background-color: #92B5E6;color: #333333;height: 20px;}a.current_day_header:link {background-color: transparent;color: #333333;}a.other_month_header:link {background-color: transparent;color: #0000ff;}a.current_month_header:link {background-color: transparent;color: #0050C9;}.lwp-teamSpace-title, .lwp-webConference-title {font-weight: bold;background-color: #5C5C5C;color: #FFFFFF;}.popup-background {background-color: #eeeeee;}.lwp-middleToolbar {font-size: 1em;color: #737373; background-color: #FFFFFF;border-bottom: 0px solid #D8D8E0;padding: 4px 4px;margin: 0px;}.lwpAdminButton {font-size: 1em;color: #FFFFFF; background-color: #A0A0A0;text-decoration: none;padding: 0px 5px;margin: 0px;}.lwpAdminButtonLink, .lwpAdminButtonLink:hover, .lwpAdminButtonLink:active, .lwpAdminButtonLink:visited {font-size: 1em;font-weight: normal;color: #FFFFFF; background-color: #A0A0A0;margin: 0px;text-decoration: none;}.lwpNavButton {color: #FFFFFF; background-color: #70A8F0;margin: 0px;text-decoration: none;padding: 0px 5px;}.lwpNavButtonLink, .lwpNavButtonLink:hover, .lwpNavButtonLink:active, .lwpNavButtonLink:visited {font-weight: normal;color: #FFFFFF; background-color: #70A8F0;margin: 0px;text-decoration: none;}.button-link, a.button-link, a.button-link:hover, a.button-link:visited {text-decoration: none;color: #000000;}.lwpIconOnly, .lwpIconOnlyDisabled {border:0px;background-color:white;}.lwpDialogDisabledIconBackground, .lwpDialogIconBackgroundDisabled {text-decoration: none;text-align: center;vertical-align: top;background-color: #DDDDDD;background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/DialogIconTextBackground.gif");background-repeat: repeat-x;background-position: left center;border: 1px solid #919191;padding: 0px 2px;margin: 0px;overflow: visible;font-weight: normal;color: #888888;}.lwpSeparatorBg {background-color: #999999;height: 1px;}div.lwpSeparatorBg {background-color: #999999;margin: 2px 0 2px 0;}.borderNone {border-width: 0 ! important;}.lwpPortletTitleBorder {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/skin_border.gif");background-position: bottom;background-repeat: repeat-x;}.lwpSearchBar{margin: 5px 0;background-color: #ECECEC; text-align: right;} .lwpSearchBar table{margin-right: 0;margin-left: auto;}.lwpSearchBar td{padding: 5px 3px 5px 2px;}.lwpSearchBar .portlet-form-field-label{padding-left: 10px;}.lwpInlineHelp td{padding: 5px 10px 5px 1px;vertical-align: top;}.lwpMenuHeader, a.lwpMenuHeader, a.lwpMenuHeader:visited, a.lwpMenuHeader:hover {background-color: #F0F0F0;color: #000000;text-decoration: none;font-weight: normal;cursor: pointer;}.lwpMenuBackground {background-color: #ffffff;}.lwpLastReadMark {font-weight: bold;color: #FFFFFF;background-color: #666666;text-align: center;padding: 3px 0;}.lwpDateStampMark {font-weight: bold;color: #666666;background-color: #999999;text-align: center;padding: 3px 0px;}a.lwpCalLinkText {text-decoration: none;}a.lwpCalLinkText:hover {text-decoration: underline;}a.lwpCalDateLinkText, a.lwpCalDateLinkText:visited {text-decoration: none;color: #000000;}a.lwpCalDateLinkText:hover {text-decoration: underline;color: #666699;}a.lwpCalInactiveDateLinkText, a.lwpCalInactiveDateLinkText:visited {text-decoration: none;color: #a0a0a0;}a.lwpCalInactiveDateLinkText:hover {text-decoration: underline;color: #666699;}.lwpCal1WeekCellRow {height: 6em;font-weight: normal;}.lwpCalCellRow {height: 2.2em;font-weight: normal;}.lwpCalLDivider {border-left: solid 1px #aaaaaa;}.lwpCalNoBottom {border-bottom: none;}.lwpCalHeaderImage {padding: 12px 3px 2px 0px; margin-bottom: 5px;}.lwpCalAttendeeHeading {color: #898989;}.lwpCalSectionHeader {font-weight: bold;color: black;padding-top: 12px;padding-bottom: 2px;margin-bottom: 5px;display: block;}.lwpCalInviteeSection {padding-left:2px;}.lwpCalWeekNumber {color: #808080;}.lwpCalEntryHoverDetail {border : solid 1px #000000;position: absolute; visibility: hidden; width: 400px;overflow: hidden;}.lwpCalEventField {padding:5px 0px 3px 0px;}.lwpCalEntryHoverPosition {padding-left: 5px;}.lwpCalBgMeeting, .lwpCalBgWebConf {background-color: #C3D3E6;}.lwpCalBgAppointment{background-color: #D8F8D8;}.lwpCalBgAnniversary{background-color: #F8E8D0;}.lwpCalBgReminder{background-color: #F8F8D0;}.lwpCalBgAllDayEvent{background-color: #F8E0E0;}.lwpCalTodayCell {border: solid 1px #000000;}.lwpCalMonthDayCell {border-top: solid 1px #AAAAAA;height: 6.4em;width: 14%;}.lwpCalInactiveDayCell {background-color: #efefef;}.lwpCalInactiveDay {color: #a0a0a0;}.lwpCalSeperator {border-bottom: solid 1px #ffffff;}.lwpCalConflict {border-left: solid 2px #000000;}.lwpCalTimeText {text-align: right;}.lwpCalEntryPosition {padding-top: 2px;}.lwpCalBDivider {border-bottom: solid 1px #aaaaaa;}.chat_background {background-color: #FFFFFF;}.chat_partner_presence {border-top : 1px solid #AAAAAA;border-left : 1px solid #AAAAAA;border-color : #AAAAAA;padding: 3px;background-color: #EEEEEE;}.chat_partner_presence_corner {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/chat_presence_corner.gif");background-repeat: no-repeat;background-position: top;background-color: transparent;background-color: #FFFFFF;}.chat_partner_alert {border-top : 1px solid #AAAAAA;border-left : 1px solid #AAAAAA;border-right : 1px solid #AAAAAA;border-color : #AAAAAA;padding: 3px;background-color: #FFFFFF;color: #666666;}.chat_transcript {border-left : 1px solid #AAAAAA;border-right : 1px solid #AAAAAA;border-bottom : 1px solid #AAAAAA;border-top : 1px solid #AAAAAA;border-color : #AAAAAA;}.chat_transcript_nway {border-top : 1px solid #456A8B;border-left : 1px solid #456A8B;border-right : 1px solid #456A8B;border-bottom : 1px solid #456A8B;border-color : #456A8B;}.chat_message_input {border-top : 1px solid #AAAAAA;border-left : 1px solid #AAAAAA;border-right : 1px solid #AAAAAA;border-bottom : 1px solid #AAAAAA;border-color : #AAAAAA;background-color: #FFFFFF;}.chat_statusbar {border-top : 1px solid #AAAAAA;border-color : #AAAAAA;background-color: #EEEEEE;color: #AAAAAA;}.chat_participants {border-bottom : 1px solid #D8D8D8;border-color : #D8D8D8;}.lwp-agendaItemDocument {color: #585858;padding-top: 3px;padding-bottom: 3px;}.lwp-agendaItem-ul {padding-top: 3px;list-style-type: none;margin-left: 0px;margin-right: 20px;padding-bottom: 0px;}.lwp-agendaItem-li {padding-top: 0px;padding-bottom: 0px;}.lwp-agendaItem, .lwp-agendaItem:visited, a.lwp-agendaItem, a.lwp-agendaItem:active, a.lwp-agendaItem:visited, .lwp-agendaItemPage, a.lwp-agendaItemPage, .lwp-agendaItemSlide, .lwp-agendaItemPage:visited, .lwp-agendaItemSlide:visited {background-color: rgb(246,246,246);text-decoration: none;color: #7080A8;font-weight: normal;padding-top: 1px;padding-bottom: 1px;}a.lwp-agendaItem:hover, .lwp-agendaItemPage:hover, .lwp-agendaItemSlide:hover {text-decoration: underline;color: #639ACE;font-weight: normal;}.lwp-selectedAgendaItem, a.lwp-selectedAgendaItem {background-color: rgb(49, 106, 197);padding-top: 1px;padding-bottom: 1px;color:#FFFFFF;line-height: 150%;text-decoration: none;font-weight: bold;}.lwp-selectedAgendaItem:visited, a.lwp-selectedAgendaItem:visited {color: #FFFFFF;}a.lwp-selectedAgendaItem:hover {background-color: rgb(49, 106, 197);padding-top: 1px;padding-bottom: 1px;color:#FFFFFF;line-height: 150%;text-decoration: underline;font-weight: bold;}.lwpProjectorHeaderStart {background-color: #70A8F0; border-top: 1px solid #777777;border-right: 0px none #777777;border-bottom: 0px none #777777;border-left: 1px solid #777777;}.lwpProjectorHeaderMiddle {background-color: #70A8F0;border-top: 1px solid #777777;border-right: 0px none #777777;border-bottom: 0px none #777777;border-left: 0px none #777777; color: #343434;font-weight: bold;}.lwpProjectorHeaderEnd {background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/projectorTableTopRight.gif");background-repeat: no-repeat;background-position: right top;background-color: transparent;}.lwpSlideTable {border-width: 1px;border-style: solid;border-color: #000000;}.lwpSlideTableHeadStart, .lwpSlideTableHeadMiddle, .lwpSlideTableHeadEnd {font-weight: bold;color: #989898;text-align: left;background-color: #ffffff;border-width: 0px 0px 0px 0px;border-style: solid;border-color: #000000;}.lwpSlideBorder{border-color: #b0b0c0;border-style: solid;border-width: 1px 1px 1px 1px;}.lwpAgendaFrameDiv{position:absolute;width:100%;visibility:hidden;bottom:0;border:1px solid rgb(233, 233, 233);background-color: rgb(246, 246, 246);top:80px;}.lwpAttendeesFrameDiv{width:100%;position:absolute;bottom:0;border:1px solid rgb(233, 233, 233);background-color: rgb(246, 246, 246);visibility:hidden;overflow:auto;top:26px;}.lwpDownloadsFrameDiv{width:100%;position:absolute;bottom:2px;visibility:hidden;top:26px;}.lwpHostingStarted {font-size: 1.1667em;font-weight: bold;color: #FFFFFF;}.lwpHostingStartedLarge {font-size: 1.1667em; font-weight: bold;color: #FFFFFF;}.lwp_labelNormalStyle, a.lwp_labelNormalStyle, a.lwp_labelNormalStyle:visited, a.lwp_labelNormalStyle:active {color: #000000; text-decoration: none;}.lwp_labelHighlightStyle, a.lwp_labelHighlightStyle, a.lwp_labelHighlightStyle:active, a.lwp_labelHighlightStyle:visited {font-weight: bold;text-decoration: none;color: #FFFFFF; background-color: #A0A0A0; padding-right: 5px;}.lwp_labelMouseoverStyle, a.lwp_labelMouseoverStyle:hover, a.lwp_labelMouseoverStyle:active {font-weight: normal;text-decoration: underline;color: #000000;}.lwp_labelDragoverStyle{font-weight: normal;text-decoration: underline;color: #000000;}.lwpFldNodeLableSpacing, .lwpFldNodeLabelSpacing {padding-left: 5px;}.lwpPeopleFlyoutExpanded {background-color: #DEDEDE;border-left: 1px solid #9A9A9A;border-right: 0px;border-top: 0px;border-bottom: 1px solid #DEDEDE;}.lwpPeopleFlyoutCollapsed {background-color: #DEDEDE;border-left: 1px solid #686868;border-right: 0px;border-top: 0px;border-bottom: 1px solid #DEDEDE;}.lwpPeopleFlyoutFrame {background-color: #DEDEDE;border-left: 1px solid #686868;border-right: 1px solid #686868;border-top: 1px solid #686868;border-bottom: 1px solid #686868;}.lwpTimeDateBorder {border:0px;} .lwpTimeDateCalBorder {background-color: white;border-top: 1px none #aaaaaa;border-right: 1px solid #aaaaaa;border-bottom: 1px solid #aaaaaa;border-left: 1px solid #aaaaaa;}.lwpTimeDateCalText {font-weight: bold;}.lwpTimeDateDayName {text-align: center;font-weight: normal;vertical-align: middle;background-color: white;border-top: 1px none #aaaaaa;border-right: 1px none #aaaaaa;border-bottom: 1px solid #aaaaaa;border-left: 1px none #aaaaaa;}.lwpTimeDateDay {text-align: center;vertical-align: middle;background-color: white;border-width: 0px 0px 0px 0px;border-style: solid;border-color: #aaaaaa;}.lwpTimeDateWeekendDay {text-align: center;vertical-align: middle;background-color: white;border-width: 0px 0px 0px 0px;border-style: solid;border-color: #aaaaaa;}.lwpTimeDateDayLink {text-decoration:none;}.lwpTimeDateCalTop {border: 1px solid #aaaaaa;background-color: #eeeeee;}.lwpTimeDateSelectedCalTop {border: 1px solid #606098;background-color: #d0d0d0;}.lwpTimeDateSelectedDay {text-align: center;vertical-align: middle;background-color: #ffffff;}.lwpTimeDateSelectedDayLink {text-decoration:none;text-align: center;vertical-align: middle;background-color: #d0d0d0;}.lwpTimeDateSelectedWeek {text-decoration:none;text-align: center;vertical-align: middle;background-color: #d0d0d0;}.lwpTimeDateSelectedAllWeeks {text-decoration:none;text-align: center;vertical-align: middle;background-color: #e8e8e8;}.lwpTimeDateWeek {text-decoration:none;text-align: center;vertical-align: middle;background-color: #ffffff;border: 1px solid #aaaaaa;}.lwpTimeDateMonthRadio {text-decoration:none;text-align: center;vertical-align: middle;width:15px;border-right: 1px solid #aaaaaa;}.lwpTimeDateWeekRadioOn {text-decoration:none;text-align: center;vertical-align: middle;background-color: #d0d0d0;width:15px;border-color: #aaaaaa;border-right: 1px solid #aaaaaa;border-left: 1px solid #aaaaaa;}.lwpTimeDateWeekRadioOff {text-decoration:none;text-align: center;vertical-align: middle;background-color: #ffffff;width:15px;border-color: #aaaaaa;border-right: 1px solid #aaaaaa;border-left: 1px solid #aaaaaa;}.lwpTimeDateEmptyDayName {font-weight: normal;text-align: center;vertical-align: middle;background-color: #ffffff;width:15px;border-right: 1px solid #aaaaaa;border-left: 1px none #aaaaaa;border-bottom: 1px solid #aaaaaa;}.outerTreeStyle{color: WindowText;border-width: 0px;border-style: none;padding:0px;font-weight: 400;}.nodeStyle{padding: 0px;letter-spacing: 0;border-collapse: collapse;}.scrollStyle{overflow: auto;width: 200px;}.tdStyle{padding: 0px;width: 200px;}.labelDragoverStyle{font-size: 11px;color: #000000;font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-style: italic;}.linkTextStyle{text-decoration: none}.classForTreeSysIcons {}.tdTreeTabStyle{padding: 0px;width: 200px;margin:0px}.tdTableStyle{width: 200px;padding:0px;margin:0px}.headerStyle{width: 200px;background-color: ThreeDFace;color: WindowText;border-width: 1px;border-style: solid;border-color: ThreeDShadow;margin:0px;padding:0px;}.tree_outerTreeStyle{color: WindowText;border-width: 0px;border-style: none;padding: 0px;font-weight: 400;}.tree_nodeStyle {padding: 0px;letter-spacing: 0;border-collapse: collapse;margin: 0px;}.tree_scrollStyle{overflow: auto;width: 200px;}.tree_tdStyle{padding: 0px;width: 200px;}.tree_labelNormalStyle {font-size: 11px;color: #000000;font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;}.tree_nodeImageStyle {border-right: 0px;border-top: 0px;border-left: 0px;width: 19px;border-bottom: 0px;height: 16px}.tree_labelHighlightStyle{font-size: 11px;color: #000000;font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-weight: bold;}.tree_labelMouseoverStyle{font-size: 11px;color: #000000;font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-style: italic;}.tree_labelDragoverStyle{font-size: 11px;color: #000000;background-color: #bbbbbb;font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-style: italic;}.tree_linkTextStyle{text-decoration: none}.tree_classForTreeSysIcons {}.tree_tdTreeTabStyle{padding: 0px;width: 200px;margin:0px}.tree_tdTableStyle{width: 200px;padding:0px;margin:0px}.tree_headerStyle{width: 200px;background-color: ThreeDFace;color: WindowText;border-width: 1px;border-style: solid;border-color: ThreeDShadow;margin:0px;padding:0px;}.personMenu .personMenuActions {-moz-border-radius: 7px;}.personMenu .personMenuActions tr, .personMenu .personMenuActions.toggle {float:right; margin:1px 1px 1px 1px; padding:0px;}.toggle img {float:right;}.personMenu .businessCardExtended {width:390px;}.personMenu .toggle {width:390px;}.personMenu .toggle img{float:right;}.X-person-display-inline .personMenu .personMenuActions a:link, .X-person-display-inline .personMenuActions a:visited{}.lwpDialogIconBackground {text-decoration: none;text-align: center;vertical-align: top;background-color: #DDDDDD;background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/DialogIconTextBackground.gif");background-repeat: repeat-x;border: 1px solid #919191;padding: 0px 2px;margin: 0px;overflow: visible;font-weight: normal;color: #000000;cursor: pointer;}.lwpCalHeader {color: #3366CC;font-weight: bold;vertical-align: top;}.lwpCalTDivider {border-top: solid 1px #aaaaaa;}.lwpCalViewMenuPosition {padding-left: 2px;padding-top: 8px;padding-bottom: 8px;}.lwpCalFsizeX {font-size: 1.1667em;}.lwpButtonText {font-weight: bold;text-decoration: none;color: #000000;vertical-align: middle;background-color: #DDDDDD; background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/ButtonBackground.gif");background-repeat: repeat-x;background-position: left center; border-top: 1px solid #919191;border-bottom: 1px solid #919191;border-right: 1px solid #919191;border-left: 1px solid #919191;padding: 0px 2px;overflow: visible;margin: 0px;text-align: center;cursor: pointer;}.lwpButtonTextDisabled {text-decoration: none;text-align: center;vertical-align: middle;background-color: #DDDDDD;background-image: url("/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/common-resources/ibm/css/portal/images/ButtonBackground.gif");background-repeat: repeat-x;background-position: left center;border-top: 1px solid #919191;border-bottom: 1px solid #919191;border-right: 1px solid #919191;border-left: 1px solid #919191;padding: 0px 2px;margin: 0px;overflow: visible;font-weight: bold;color: #888888;}.lwpButtonSpacer {margin-right: 2px;}.lwpButtonGroup{margin: .25em 4px;}.lwpTreePanel {overflow: auto;height: 100%;width: 18em;}.lwpTreePanelBody {border-left: 1px solid #aaaaaa;border-right: 0px;border-top: 0px;border-bottom: 0px;}.lwpTreePanelHeader {background-color: #F0F0F0;border-left: 1px solid #aaaaaa;border-right: 0px;border-top: 1px solid #aaaaaa;border-bottom: 1px solid #aaaaaa;}.lwpTreePanelFooter {background-color: #F0F0F0;border-left: 1px solid #aaaaaa;border-right: 0px;border-top: 1px solid #aaaaaa;border-bottom: 1px solid #aaaaaa;}.lwpAlignRight {text-align: right;}.lwpMailboxRecipientAnchor, a.lwpMailboxRecipientAnchor {color: black;text-decoration: underline;cursor: pointer;}.lwpMailboxRecipientAnchor:hover, a.lwpMailboxRecipientAnchor:hover {color: black;text-decoration: underline;cursor: pointer;}.lwpMailboxRecipientAnchor:visited, a.lwpMailboxRecipientAnchor:visited {color:black;}.unreadMailText, a.unreadMailText {font-weight: bold;text-decoration: underline;color: #3366CC;}.lwp_nodeStyle {border-collapse: collapse; border-spacing:0px;}.lwp_tdStyle {white-space:nowrap; padding:0px;}.lwp_nodeImageStyle {border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}.lwp_linkTextStyle {text-decoration:none;}.wpthemeImagesOff .lwpButtonText {border-style: outset;}.wpToolbarActionBarImages-Administration{width:26px;height:18px;background-position:0 0} .wpToolbarActionBarImages-AdministrationSelected{width:26px;height:18px;background-position:0 -28px} .wpToolbarActionBarImages-AdministrationSelected-rtl{width:26px;height:18px;background-position:0 -56px} .wpToolbarActionBarImages-Administration-rtl{width:26px;height:18px;background-position:0 -84px} .wpToolbarActionBarImages-Applications{width:26px;height:18px;background-position:0 -112px} .wpToolbarActionBarImages-ApplicationsSelected{width:26px;height:18px;background-position:0 -140px} .wpToolbarActionBarImages-ApplicationsSelected-rtl{width:26px;height:18px;background-position:0 -168px} .wpToolbarActionBarImages-Applications-rtl{width:26px;height:18px;background-position:0 -196px} .wpToolbarActionBarImages-Close{width:18px;height:18px;background-position:0 -224px} .wpToolbarActionBarImages-Close-rtl{width:18px;height:18px;background-position:0 -252px} .wpToolbarActionBarImages-Dashboard{width:18px;height:18px;background-position:0 -280px} .wpToolbarActionBarImages-DashboardHover{width:18px;height:18px;background-position:0 -308px} .wpToolbarActionBarImages-DashboardHover-rtl{width:18px;height:18px;background-position:0 -336px} .wpToolbarActionBarImages-Dashboard-rtl{width:18px;height:18px;background-position:0 -364px} .wpToolbarActionBarImages-InfoMode{width:18px;height:18px;background-position:0 -392px} .wpToolbarActionBarImages-InfoModeHover{width:18px;height:18px;background-position:0 -420px} .wpToolbarActionBarImages-InfoModeHover-rtl{width:18px;height:18px;background-position:0 -448px} .wpToolbarActionBarImages-InfoModeSelected{width:18px;height:18px;background-position:0 -476px} .wpToolbarActionBarImages-InfoModeSelected-rtl{width:18px;height:18px;background-position:0 -504px} .wpToolbarActionBarImages-InfoMode-rtl{width:18px;height:18px;background-position:0 -532px} .wpToolbarActionBarImages-More{width:26px;height:18px;background-position:0 -560px} .wpToolbarActionBarImages-MoreSelected{width:26px;height:18px;background-position:0 -588px} .wpToolbarActionBarImages-MoreSelected-rtl{width:26px;height:18px;background-position:0 -616px} .wpToolbarActionBarImages-More-rtl{width:26px;height:18px;background-position:0 -644px} .wpToolbarActionBarImages-Open{width:18px;height:18px;background-position:0 -672px} .wpToolbarActionBarImages-OpenHover{width:18px;height:18px;background-position:0 -700px} .wpToolbarActionBarImages-OpenHover-rtl{width:18px;height:18px;background-position:0 -728px} .wpToolbarActionBarImages-Open-rtl{width:18px;height:18px;background-position:0 -756px} .wpToolbarActionBarImages-Preview{width:26px;height:18px;background-position:0 -784px} .wpToolbarActionBarImages-PreviewSelected{width:26px;height:18px;background-position:0 -812px} .wpToolbarActionBarImages-PreviewSelected-rtl{width:26px;height:18px;background-position:0 -840px} .wpToolbarActionBarImages-Preview-rtl{width:26px;height:18px;background-position:0 -868px} .wpToolbarActionBarImages-Sites{width:26px;height:18px;background-position:0 -896px} .wpToolbarActionBarImages-SitesSelected{width:26px;height:18px;background-position:0 -924px} .wpToolbarActionBarImages-SitesSelected-rtl{width:26px;height:18px;background-position:0 -952px} .wpToolbarActionBarImages-Sites-rtl{width:26px;height:18px;background-position:0 -980px} .wpToolbarActionBarImages-Toolbar{width:18px;height:18px;background-position:0 -1008px} .wpToolbarActionBarImages-ToolbarSelected{width:18px;height:18px;background-position:0 -1036px} .wpToolbarActionBarImages-ToolbarSelected-rtl{width:18px;height:18px;background-position:0 -1064px} .wpToolbarActionBarImages-Toolbar-rtl{width:18px;height:18px;background-position:0 -1092px} .wpToolbarActionBarImages{background-image:url('/wps/toolbarModules/modules/common/css/images/commonActionBar.png');background-repeat:no-repeat;display:-moz-inline-box;display:inline-block} .lotusImagesOff .wpToolbarActionBarImages{display:none} .wpToolbarCommon .wpToolbarAltText, .wpToolbarCommon .wpToolbarImagesOff { display: none; } .lotusImagesOff .wpToolbarCommon img, .wpthemeImagesOff .wpToolbarCommon img, .lotusImagesOff.wpToolbarCommon img, .wpthemeImagesOff.wpToolbarCommon img { display: none !important; } .wpthemeImagesOff .wpToolbarCommon .wpToolbarImagesOff, .lotusImagesOff .wpToolbarCommon .wpToolbarImagesOff, .wpthemeImagesOff.wpToolbarCommon .wpToolbarImagesOff, .lotusImagesOff.wpToolbarCommon .wpToolbarImagesOff { display: inline; } /** * CSS for building toggle links and toggle buttons. * Both can have a label or an image. * * Examples: * *
* ... * * ... * * ... *
* * * *
Alt text
*
* ... *
* flamengo x fluminense: * My Label * *
Alt text
*
*
* */ .wpToolbarCommon .wpToolbarToggle, .wpToolbarCommon .wpthemeMenuShow.wpToolbarToggleLink { display: inline-block; } .wpToolbarCommon .wpToolbarToggle > a, .wpToolbarCommon .wpToolbarToggleLink > a { box-sizing: border-box; display: inline-block; position: relative; min-width: 48px; min-height: 24px; padding: 3px; text-decoration: none; text-align: center; color: #000; } /* center the img element */ .wpToolbarCommon .wpToolbarToggle a img, .wpToolbarCommon .wpToolbarToggleLink a img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .wpToolbarCommon .wpToolbarToggle:hover a .wpToolbarAltText, .wpToolbarCommon .wpToolbarToggleLink:hover a .wpToolbarAltText { color: #222; text-decoration: underline; } /* * Overrides for toggle button */ .wpToolbarCommon .wpToolbarToggle > a { border-radius: 2px; border: 1px solid #c4c4c4; box-shadow: inset 0px 0px 2px #fff, inset 0px -2px 1px #d4d4d4, 0px 1px 0px #fff; -webkit-box-shadow: inset 0px 0px 2px #fff, inset 0px -2px 1px #d4d4d4, 0px 1px 0px #fff; -moz-box-shadow: inset 0px 0px 2px #fff, inset 0px -2px 1px #d4d4d4, 0px 1px 0px #fff; background-color: #f2f2f2; background: linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%); background: -o-linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%); background: -moz-linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%); background: -webkit-linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%); background: -ms-linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f2f2f2), color-stop(1.0, #e0e0e0) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#f2f2f2' ); } .wpToolbarCommon .wpToolbarToggle > a:hover, .wpToolbarCommon .wpToolbarToggle > a:focus { box-shadow: inset 0px 0px 2px #fff, inset 0px -2px 1px #c4c4c4, 0px 1px 0px #fff; -webkit-box-shadow: inset 0px 0px 2px #fff, inset 0px -2px 1px #c4c4c4, 0px 1px 0px #fff; -moz-box-shadow: inset 0px 0px 2px #fff, inset 0px -2px 1px #c4c4c4, 0px 1px 0px #fff; background-color: #f2f2f2; background: linear-gradient(top, #e0e0e0 0%, #d8d8d8 100%); background: -o-linear-gradient(top, #e0e0e0 0%, #d8d8d8 100%); background: -moz-linear-gradient(top, #e0e0e0 0%, #d8d8d8 100%); background: -webkit-linear-gradient(top, #e0e0e0 0%, #d8d8d8 100%); background: -ms-linear-gradient(top, #e0e0e0 0%, #d8d8d8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #e0e0e0), color-stop(1.0, #d8d8d8) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#e0e0e0' ); } .wpToolbarCommon .wpToolbarToggle.selected > a { box-shadow: inset 0px 1px 2px #646464, inset 0px -2px 1px #d4d4d4, 0px 1px 0px #FFFFFF; -webkit-box-shadow: inset 0px 1px 2px #646464, inset 0px -2px 1px #d4d4d4, 0px 1px 0px #FFFFFF; -moz-box-shadow: inset 0px 1px 2px #646464, inset 0px -2px 1px #d4d4d4, 0px 1px 0px #FFFFFF; background-color: #aaaaaa; background: linear-gradient(top, #aaa 0%, #cfcfcf 100%); background: -o-linear-gradient(top, #aaa 0%, #cfcfcf 100%); background: -moz-linear-gradient(top, #aaa 0%, #cfcfcf 100%); background: -webkit-linear-gradient(top, #aaa 0%, #cfcfcf 100%); background: -ms-linear-gradient(top, #aaaaaa 0%, #cfcfcf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #aaa), color-stop(1.0, #cfcfcf) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#aaaaaa' ); border: 1px solid #aaaaaa; }.wpthemeMenuAnchor {display:inline-table !important;}.wpthemeMenuBorder {top: -9999px; border:3px solid #454545; border:3px solid rgba(23, 23, 23, 0.8); -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0; z-index: 10000; position: absolute; padding:0; display: none;}.wpthemeMenuBorder .wpthemeMenuNotchBorder {position:absolute; background-image: url(/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/css/images/cam_sharkfin_normal_top.png); background-position: center; background-repeat: no-repeat; width: 13px; height: 10px; padding: 0 20px; top: -10px;}.wpthemeMenuBorder .wpthemeMenuDropDown {list-style: none outside none; margin: 0; white-space: nowrap; padding: 7px 10px; background-color:white; cursor:default;}.wpthemeMenuBorder .wpthemeMenuDropDown li {color:#222; margin: 1px; padding: 2px 8px; font-family: arial; font-size: 1.1em; text-align: left; border: 1px solid transparent;}.wpthemeMenuBorder .wpthemeMenuDropDown li:focus,.wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li:hover{background-color:#F0FAFA; border: 1px solid rgb(215,230,232);}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeMenuitem:focus .wpthemeMenuText, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeMenuitem:hover .wpthemeMenuText {text-decoration: underline;}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeMenuitem {cursor:pointer;}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader {font-weight:bold; color:#000; font-size: 1.15em;}.wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuError:focus,.wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:focus, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:hover,.wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:focus, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:hover {background-color: transparent;}.wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuError:focus .wpthemeMenuText,.wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:focus .wpthemeMenuText, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:hover .wpthemeMenuText,.wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:focus .wpthemeMenuText, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:hover .wpthemeMenuText {text-decoration: none;}.wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuError:focus,.wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:focus, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:hover {border: 1px solid transparent;}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:focus, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:hover {border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent;}.wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuDisabled {color: #CCCCCC;}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator {border-top: thin solid #e0e0e0; background-color: transparent; padding: 0px 10px; font-size:0px; line-height:0;}.wpthemeMenuBorder .wpthemeMenuDropDown .wpthemeMenuText {display:inline; width:100%;}.wpthemeMenuLoading {top: -99999px !important; white-space: nowrap; margin: 1px; padding: 5px 10px 5px 25px; position: absolute; background-image:url(/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/css/images/loading.gif); background-repeat:no-repeat; background-position:5px center;}.wpthemeMenuLoadingText {color:#222; font-family: arial; font-size: 1.1em;}.wpthemeMenuNotchBorder {visibility:hidden;}.wpthemeMenuShow .wpthemeMenuNotchBorder {visibility: visible;}.wpthemeMenuBadge {border-radius: 3px; color: #FFFFFF; font-size: 0.95em; font-weight: bold; margin-left: 6px; padding: 1px 4px; line-height: 1em; vertical-align: 1px;}.wpthemeMenuBadgeInfo {background-color: #009900;}.wpthemeMenuBadgeWarn {background-color: #EE8800;}.wpthemeMenuBadgeError {background-color: #CC0000;}.wpthemeMenuShow .wpthemeAnchorSubmenu.wpthemeTemplateSubmenu .wpthemeMenuBorder.wpthemeMenuSubmenu {top: -9999px;}.wpthemeMenuDropDown li.typeSubmenu {}.wpthemeMenuDropDown .wpthemeAnchorSubmenu {position: relative;}.wpthemeMenuShow .wpthemeMenuDropDown .typeSubmenu.wpthemeMenuShow .wpthemeAnchorSubmenu.wpthemeTemplateSubmenu .wpthemeMenuSubmenu {top: -2em;}.wpthemeMenuSubmenu .wpthemeMenuDropDown li {font-size: 1.1em;}.wpthemeMenuSubmenu .wpthemeMenuDropDown .wpthemeMenuLoading {font-size: 1.1em;}.wpthemeMenuOverlay {visibility:hidden; position: absolute;}.wpthemeMenuShow .wpthemeMenuOverlay {visibility: visible; z-index: 10000;}.lotusui_ie7 .wpthemeControlBody .lotusSection,.lotusui_ie7 .wpthemeControlBody .lotusWelcomeBox {position: static;}.wpthemePlain .wpthemeControlHeader .wpthemeMenuFocus,.wptheme_ie7 .wpthemePlain .wpthemeControlHeader .wpthemeMenuFocus {display:none;}.wptheme_ie7 .wpthemeMenuDropDown {min-height: 0;} .wpthemeMenuLeft {color: #000; float:left; position: absolute; z-index:10000; font-size: 0.9em;}.wpthemeMenuRight {color: #000; float:right; position: absolute; z-index:10000; font-size: 0.9em;}.lotusui_ie7 .wpthemeMenuRight {float: none;}.wpthemeMenuLeft .wpthemeMenuBorder .wpthemeMenuNotchBorder {left: 0px;}.wpthemeIcon .wpthemeMenuLeft .wpthemeMenuBorder .wpthemeMenuNotchBorder {left: -20px;}.wpthemeMenuRight .wpthemeMenuBorder .wpthemeMenuNotchBorder {right: 0px;}.wpthemeActionsMenu .wpthemeMenuRight .wpthemeMenuBorder .wpthemeMenuNotchBorder {padding: 0 30px;}.wpthemeIcon .wpthemeMenuRight .wpthemeMenuBorder .wpthemeMenuNotchBorder {right: -5px;}.wpthemeMenuBorder .wpthemeMenuDropDown li.rtl {text-align: right;}.wpthemeMenuShow .wpthemeMenuLeft .wpthemeMenuBorder {left: -10px; top: 25px; display: block;}.wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuBorder {right: -10px; top: 25px; display: block;}.wpthemeIcon.wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuBorder {right: 0px;}.wpthemeMenuShow .wpthemeMenuLeft .wpthemeMenuLoading {position: static;}.wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuLoading {position: static;}.wpthemeMenuLeft .typeSubmenu.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu {left: 104%;}.wpthemeMenuLeft .typeSubmenu.rtl.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu {left: auto; right: 102%;}.wpthemeMenuRight .typeSubmenu.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu {right: 102%;}.wpthemeMenuRight .typeSubmenu.rtl.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu {left: 104%; right: auto;} .wpthemeMenuBorder .wpthemeMenuNotchBorder {background-image: url(/wps/contenthandler/!ut/p/digest!1ZE9Umy1eVNSvwoh7BCY5w/dav/fs-type1/themes/ThemeBIDVPremium/css/images/master.png); background-position: 30px -111px;} /** CSS styles for the project mode container (project menu + edit mode toggle) */ .wpToolbarProjectModeContainer { line-height: 1.5em; display: inline-block; padding: 0px; } .wpToolbarProjectModeContainer > div { float: left; display: block; padding: 4px 12px; } /* CSS styles for edit mode switch */ .wpPageModeLabel { float: left; padding-right: 7px; cursor: text; text-shadow: 0 1px 0 rgba(255,255,255,.8); } .wpPageModeToggle { min-width: 64px; line-height: 1.35em; overflow: hidden; position: relative; border-radius: 2px; color: #FEFEFE; cursor: pointer; float: left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 1px; box-shadow: inset 0px 1px 2px #1a1a1a, 0px 1px 0px #eee; -webkit-box-shadow: inset 0px 1px 2px #1a1a1a, 0px 1px 0px #eee; -moz-box-shadow: inset 0px 1px 2px #1a1a1a, 0px 1px 0px #eee; background: linear-gradient(top, #454545 0%, #8b8b8b 100%); background: -o-linear-gradient(top, #454545 0%, #8b8b8b 100%); background: -moz-linear-gradient(top, #454545 0%, #8b8b8b 100%); background: -webkit-linear-gradient(top, #454545 0%, #8b8b8b 100%); background: -ms-linear-gradient(top, #454545 0%, #8b8b8b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #454545), color-stop(1.0, #8b8b8b)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#8b8b8b'); background-color: #454545; } .wpPageModeToggle .off, .wpPageModeToggle .on, .wpPageModeToggle .knob { white-space: nowrap; overflow: hidden; } .wpPageModeToggle .off { padding-right: 6px; text-shadow: 0 0 2px rgba(0,0,0,1); text-align: right; } .a11yHighContrast .wpPageModeToggle.disabled .off, .a11yHighContrast .wpPageModeToggle.disabled .on, .lotusImagesOff .wpPageModeToggle.disabled .off, .lotusImagesOff .wpPageModeToggle.disabled .on, .wpThemeImagesOff .wpPageModeToggle.disabled .off, .wpThemeImagesOff .wpPageModeToggle.disabled .on { font-style: italic; } .wpPageModeToggle .on span { padding-left: 6px; text-overflow: ellipsis; } .wpPageModeToggle .on { position: absolute; top: 1px; text-align: left; text-shadow: 0 1px 0 rgba(0,0,0,.5); border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: inset 0px 1px 3px #262626; -webkit-box-shadow: inset 0px 1px 3px #262626; -moz-box-shadow: inset 0px 1px 3px #262626; background: linear-gradient(top, #3079af 0%, #4993c9 100%); background: -o-linear-gradient(top, #3079af 0%, #4993c9 100%); background: -moz-linear-gradient(top, #3079af 0%, #4993c9 100%); background: -webkit-linear-gradient(top, #3079af 0%, #4993c9 100%); background: -ms-linear-gradient(top, #3079af 0%, #4993c9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #3079af), color-stop(1.0, #4993c9)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3079af', endColorstr='#4993c9'); background-color: #3079af; margin: -1px; padding: 1px; width: 100%; } .lotusui_ie8 .wpPageModeToggle .disabled, .lotusui_ie9 .wpPageModeToggle .disabled, .lotusui_ie8 .wpPageModeToggle .on, .lotusui_ie9 .wpPageModeToggle .on { margin: 0; padding: 0; } .wpPageModeToggle .disabled { display: none; color: #000; position: absolute; cursor: default; top: 1px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: rgba(240, 240, 240, 0.5); margin: -1px; padding: 1px; width: 100%; } .a11yHighContrast .wpPageModeToggle .disabled, .lotusImagesOff .wpPageModeToggle .disabled, .wpThemeImagesOff .wpPageModeToggle .disabled { background-color: rgba(240, 240, 240, 0); } .wpPageModeToggle.disabled .disabled { display: block; } .wpPageModeToggle .filler { display: inline-block; width: 28px; } .wpPageModeToggle .knob a { width: 22px; border: 1px solid #666; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; display: block; background-color: #eaeaea; background: linear-gradient(top, #eaeaea 0%, #b5b5b5 100%); background: -o-linear-gradient(top, #eaeaea 0%, #b5b5b5 100%); background: -moz-linear-gradient(top, #eaeaea 0%, #b5b5b5 100%); background: -webkit-linear-gradient(top, #eaeaea 0%, #b5b5b5 100%); background: -ms-linear-gradient(top, #eaeaea 0%, #b5b5b5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaeaea), color-stop(1.0, #b5b5b5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b5b5', endColorstr='#eaeaea'); box-shadow: inset 0px 0px 2px #d9d9d9; -webkit-box-shadow: inset 0px 0px 2px #d9d9d9; -moz-box-shadow: inset 0px 0px 2px #d9d9d9; text-decoration: none; } .wpPageModeToggle .knob { position: absolute; top: 0px; bottom: 0px; } .wpPageModeToggle .knob span { color: #000; background-color: #eaeaea; } .wpPageModeToggle.valueon .knob { right: 0px; } .wpPageModeToggle.valueon .on { left: 1px; } .wpPageModeToggle.valueoff .knob { left: 0px; } .wpPageModeToggle.valueoff .on { left: -100%; } /* defect #93231 HCM should be OneUI independent */ .a11yHighContrast .wpPageModeToggle, .wpthemeImagesOff .wpPageModeToggle, .lotusImagesOff .wpPageModeToggle { border: 1px solid #C4C4C4; } /* General CSS style definitions for action bar */ .wpthemeComplementaryContent #actionBar { display: none; } .wpToolbarActionBar { background-color: #f3f3f3; border-bottom: 1px solid #d3d3d3; position: relative; height: 3em; line-height: 3em; min-height: 36px; max-height: 48px; z-index: 5; } .wpToolbarActionBar > ul, .wpToolbarActionBar > ul > li, .wpToolbarActionBar > ul > li > div, .wpToolbarActionBar > ul > li > div > a, .wpToolbarProjectModeContainer > div, .wpToolbarMoreMenuContainer > div, .wpToolbarMoreMenuContainer > div > a { height: 100%; box-sizing: border-box; } .wpToolbarActionBar > ul { padding: 0; margin: 0; list-style-type: none; } .wpToolbarActionBar .wpToolbarActionArea, .wpToolbarActionBar .wpToolbarToggleLink, .wpToolbarActionBar .wpToolbarToggle { float: left; } .wpToolbarActionBar .wpToolbarToggleLink a { padding-top: 0; padding-bottom: 0; } .wpToolbarActionBar .toolbarToggle { visibility: visible; } .wpToolbarActionBar .toolbarToggle .disabled { visibility: hidden; } .wpToolbarActionBar .wpToolbarActionArea.toolbarToggle a { width: 54px; } .a11yHighContrast .wpToolbarActionBar .wpToolbarActionArea.toolbarToggle a, .wpthemeImagesOff .wpToolbarActionBar .wpToolbarActionArea.toolbarToggle a, .lotusImagesOff .wpToolbarActionBar .wpToolbarActionArea.toolbarToggle a { width: 100px; } .wpToolbarActionBar .wpToolbarActionArea.modeToggle { padding: 6px 6px 4px; } .wpToolbarActionBar .wpToolbarActionArea.modeToggle .wpToolbarToggle > a{ cursor: default; padding: 0px 11px; } .wpToolbarActionBar .wpToolbarActionArea.modeToggle .wpToolbarToggle.selected > a{ border: 1px solid #adadad; box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 1px 1px 0px 4px rgba(0, 0, 0, 0.1); background: linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%); background: -o-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%); background: -moz-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%); background: -webkit-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%); background: -ms-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #D1D1D1), color-stop(0.9, #DBDBDB)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#D1D1D1'); } .a11yHighContrast .wpToolbarActionBar img { display: none; } .a11yHighContrast .wpToolbarActionBar .wpToolbarMenu .wpToolbarAltText, .a11yHighContrast .wpToolbarActionBar .selected .wpToolbarImagesOff.on, .wpthemeImagesOff .wpToolbarActionBar .selected .wpToolbarImagesOff.on, .lotusImagesOff .wpToolbarActionBar .selected .wpToolbarImagesOff.on, .a11yHighContrast .wpToolbarActionBar .wpToolbarImagesOff.off, .wpthemeImagesOff .wpToolbarActionBar .wpToolbarImagesOff.off, .lotusImagesOff .wpToolbarActionBar .wpToolbarImagesOff.off { display: inline; } .a11yHighContrast .wpToolbarActionBar .wpToolbarImagesOff.on, .wpthemeImagesOff .wpToolbarActionBar .wpToolbarImagesOff.on, .lotusImagesOff .wpToolbarActionBar .wpToolbarImagesOff.on, .a11yHighContrast .wpToolbarActionBar .selected .wpToolbarImagesOff.off, .wpthemeImagesOff .wpToolbarActionBar .selected .wpToolbarImagesOff.off, .lotusImagesOff .wpToolbarActionBar .selected .wpToolbarImagesOff.off { display: none; } .wpToolbarLeft { float: left; } .wpToolbarRight { float: right; } .wpToolbarToggle .wpthemeMenu { z-index: 5000; } /** Login link */ .wpToolbarActionBar .wpToolbarLoginContainer { width: 100%; position: absolute; z-index: 5000; } .wpToolbarActionBar .wpToolbarLogin { position: absolute; left: 50%; z-index: 5000; } .wpToolbarActionBar .wpToolbarLogin > div { position: relative; left: -50%; height: 20px; } .wpToolbarActionBar .wpToolbarLogin a, .wpToolbarActionBar .wpToolbarLogin a:visited, .wpToolbarActionBar .wpToolbarLogin a:hover, .wpToolbarActionBar .wpToolbarLogin a:active, .wpToolbarActionBar .wpToolbarLogin a:focus, .wpToolbarActionBar .wpToolbarLogin a:link { color: #1970B0; } .typeMenuitem.wpthemeSelected { background-color: #e1f5fa; border: 1px solid #c8e1eb !important; } .wpToolbarToggle .wpthemeMenuBorder .wpthemeMenuDropDown li { text-align: left; } .wpToolbarActionBar .wpToolbarLogo { position: relative; width: 60px; } .wpToolbarActionBar .wpToolbarLogo img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .selected .wpToolbarActionBarImages-Toolbar, .wpToolbarActionBarImages-ToolbarSelected, .selected .wpToolbarActionBarImages-InfoMode, :hover > .wpToolbarActionBarImages-InfoMode, .wpToolbarActionBarImages-InfoModeSelected, .wpToolbarActionBarImages-InfoModeHover, .selected:hover .wpToolbarActionBarImages-InfoModeHover, .selected .wpToolbarActionBarImages-Sites, :hover > .wpToolbarActionBarImages-Sites, .wpToolbarActionBarImages-SitesSelected, .selected .wpToolbarActionBarImages-Applications, :hover > .wpToolbarActionBarImages-Applications, .wpToolbarActionBarImages-ApplicationsSelected, .selected .wpToolbarActionBarImages-Administration, :hover > .wpToolbarActionBarImages-Administration, .wpToolbarActionBarImages-AdministrationSelected, .wpToolbarActionBarImages-DashboardHover, :hover > .wpToolbarActionBarImages-Dashboard { display: none; } .selected .wpToolbarActionBarImages-ToolbarSelected, .selected .wpToolbarActionBarImages-InfoModeSelected, :hover > .wpToolbarActionBarImages-SitesSelected, :hover > .wpToolbarActionBarImages-ApplicationsSelected, :hover > .wpToolbarActionBarImages-AdministrationSelected, .selected .wpToolbarActionBarImages-SitesSelected, .selected .wpToolbarActionBarImages-ApplicationsSelected, .selected .wpToolbarActionBarImages-AdministrationSelected, :hover > .wpToolbarActionBarImages-InfoModeHover, :hover > .wpToolbarActionBarImages-DashboardHover { display: inline-block; } @media (max-width: 979px) { .wpToolbarActionBar .wpToolbarLogo { display: none; } } /* * If the screen is smaller than 768 pixels, * we want to hide the controls to open the toolbar. */ @media (max-width: 767px) { .wpToolbarActionBar .toolbarToggle, .wpToolbarActionBar .infoModeToggle, .wpToolbarActionBar .wpPageModeToggleContainer { display: none; } } /* * If the screen is smaller than 480 pixels, * we only want to display the navigation controls. */ @media (max-width: 479px) { .wpToolbarActionBar .wpToolbarPreviewMenu, .wpToolbarActionBar .wpToolbarMoreMenu { display: none; } } /* * Draft ribbon overrides */ body.toolbar-closed .wpthemeDraftRibbonLeft, body.toolbar-closed .wpthemeDraftRibbonRight { top: calc(3em + 1px); } /* * Hide the Create Page link on the No Content Available screen. */ #ibm\.portal\.home\.createpage, #ibm\.portal\.home\.createpage + br { display: none; } /* * Show the Create Page link on the No Content Available screen for edit mode. */ .edit-mode #ibm\.portal\.home\.createpage, .edit-mode #ibm\.portal\.home\.createpage + br { display: inline-block; }.wptheme_ic4_wai .wpthemeCommonActions > li > span, .wptheme_ic4_wai .wpthemeCommonActions li a, .wptheme_ic4_wai .wpthemeCommonActions li a:active, .wptheme_ic4_wai .wpthemeCommonActions li a:visited {padding: 0 10px 0 0 !important; color: #FFFFFF !important;}.wptheme_ic4_wai .wpthemePrimaryNav li a, .wptheme_ic4_wai .wpthemePrimaryNav li a:visited {padding: 18px 20px !important;}.wptheme_ic4_wai .wpthemeHeaderNav ul li a, .wptheme_ic4_wai .wpthemeHeaderNav ul li a:active, .wptheme_ic4_wai .wpthemeHeaderNav ul li a:visited {padding: 3px 13px !important;}.wptheme_ic4_wai .wpthemeFooter {background-color: #EDEDED;}.wptheme_ic4_wai .wpthemeFooter li {display: block !important;}.wptheme_ic4_wai .wpthemeFooter a, .wptheme_ic4_wai .wpthemeFooter a:hover, .wptheme_ic4_wai .wpthemeFooter a:focus, .wptheme_ic4_wai .wpthemeFooter a:active, .wptheme_ic4_wai .wpthemeFooter a:visited {padding: 0 !important;}body.lotusui30_body.wptheme_ic4_wai {background-color: #EDEDED;}.lotusui30_body.wptheme_ic4_wai .lotusFrame {background-color: #FFFFFF;}.lotusui30.wptheme_ic4_wai .lotusBanner {border: none; padding: 0;}.lotusui30.wptheme_ic4_wai div.lotusTitleBar h2 {padding-top: 4px;}.lotusui30.wptheme_ic4_wai a.lotusVCardHover, .lotusui30.wptheme_ic4_wai a.lotusVCardHover:visited {color: #10498F;}.lotusui30.wptheme_ic4_wai .lotusFooter {padding: 0; font-size: inherit;}.lotusui30.wptheme_ic4_wai .lotusBoard ul.lotusCommentList li.lotusCommentItem {margin: 0px;}.lotusui30.wptheme_ic4_wai .lotusPost .lotusPostMore {position: relative; right: 0;}.lotusui30.wptheme_ic4_wai .lotusBoard ul.lotusCommentList li.lotusFirst {padding-top: 0px;}.lotusui30.wptheme_ic4_wai .lotusBoard .lotusCommentList {margin: 3px 0 0 5px; padding: 0; width: 100%;}.lotusui30.wptheme_ic4_wai .lotusVCard .lotusDetails {padding: 0 16px 20px;}.lotusui30.wptheme_ic4_wai .lotusVCard .lotusPersonInfo {margin: 14px 0 0;}.lotusui30.wptheme_ic4_wai .lotusVCard h2 {color: #003F69; font-size: 18px; font-weight: normal;}.lotusui30.wptheme_ic4_wai .lotusVCard .lotusPhoto {border: 0 none; margin-top: 14px; padding: 5px;}.lotusui30.wptheme_ic4_wai .lotusVCard .lotusPersonActions {border: medium none; padding: 0 16px 12px;}.lotusui30.wptheme_ic4_wai .vcard .hasHover {border: none;}.wptheme_ie7 .lotusui30.wptheme_ic4_wai .profileHeader .lotusActionBar {padding-bottom: 20px;}.wptheme_ie7 .lotusui30.wptheme_ic4_wai .lotusDialogBorder .lotusDialog {position: relative;}.lotusui30.wptheme_ic4_wai .lotusHelp .lotusInfoBox h3 {float: none;}.lotusui30.wptheme_ic4_wai_rtl .dijitMenuItem{text-align: right;} .wpToolbarPreview { width:100%; position: absolute; z-index: 5000; } .wpToolbarPreview .wpToolbarPreviewContainer { position:fixed; left: 50%; z-index: 5000; } .wpToolbarPreview .wpToolbarPreviewContainer .wpToolbarStopPreview { position: relative; left: -50%; } .wpToolbarPreview .wpToolbarStopPreview button { border-radius: 0px 0px 3px 3px; color: #000; text-decoration: none !important; vertical-align: top; padding: 3px 40px; cursor: pointer; display: inline; font-size: 1.2em; border: 1px solid #BBB; border-left-color: #FFF; border-top-color: #FFF; border-right-color: #FFF; -webkit-box-shadow: 0px 2px 5px rgba(40, 40, 40, 0.8); -moz-box-shadow: 0px 2px 5px rgba(40, 40, 40, 0.8); box-shadow: 0px 2px 5px rgba(40, 40, 40, 0.8); background-color: #EDEDED; background: linear-gradient(top, #EDEDED 10%, #E1E1E1 90%); background: -o-linear-gradient(top, #EDEDED 10%, #E1E1E1 90%); background: -moz-linear-gradient(top, #EDEDED 10%, #E1E1E1 90%); background: -webkit-linear-gradient(top, #EDEDED 10%, #E1E1E1 90%); background: -ms-linear-gradient(top, #EDEDED 10%, #E1E1E1 90%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #EDEDED), color-stop(0.9, #E1E1E1) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1E1E1', endColorstr='#EDEDED' ); max-height: 100px; -webkit-transition: max-height 0.5s, color 0.5s; -moz-transition: max-height 0.5s, color 0.5s; transition: max-height 0.5s, color 0.5s; } .wpToolbarPreview .wpToolbarStopPreview button:hover, .wpToolbarPreview .wpToolbarStopPreview button:focus, .wpToolbarPreview .wpToolbarStopPreview button:active { border-bottom-color: #888; border-right-color: #FFF; border-left-color: #FFF; border-top-color: #FFF; -webkit-box-shadow: 0px 3px 5px rgba(30, 30, 30, 0.8); -moz-box-shadow: 0px 3px 5px rgba(30, 30, 30, 0.8); box-shadow: 0px 3px 5px rgba(30, 30, 30, 0.8); } .wpToolbarPreview .wpToolbarStopPreview.minimized button { max-height: 7px; color: transparent; } .wpToolbarPreview .wpToolbarStopPreview button:focus { max-height: inherit; color: inherit; } .selected .wpToolbarActionBarImages-Preview, :hover > .wpToolbarActionBarImages-Preview, .wpToolbarActionBarImages-PreviewSelected, .selected .wpToolbarActionBarImages-Preview-rtl, :hover > .wpToolbarActionBarImages-Preview-rtl, .wpToolbarActionBarImages-PreviewSelected-rtl { display: none; } .selected .wpToolbarActionBarImages-PreviewSelected, :hover > .wpToolbarActionBarImages-PreviewSelected, .selected .wpToolbarActionBarImages-PreviewSelected-rtl, :hover > .wpToolbarActionBarImages-PreviewSelected-rtl { display: inline-block; }.selected .wpToolbarActionBarImages-More, :hover > .wpToolbarActionBarImages-More, .wpToolbarActionBarImages-MoreSelected, .selected .wpToolbarActionBarImages-More-rtl, :hover > .wpToolbarActionBarImages-More-rtl, .wpToolbarActionBarImages-MoreSelected-rtl { display: none; } .selected .wpToolbarActionBarImages-MoreSelected, :hover > .wpToolbarActionBarImages-MoreSelected, .selected .wpToolbarActionBarImages-MoreSelected-rtl, :hover > .wpToolbarActionBarImages-MoreSelected-rtl { display: inline-block; } .wpthemeMessage {background-color: #FFEBE6; border-color: #F08137; border-radius: 3px 3px 3px 3px; font-size: 0.9em; padding: 10px; margin-bottom: 12px; overflow: hidden; position: relative; border-style: solid; border-width: 1px;} .wpthemeMessage .wpthemeDetails {background-color: #FFF; padding: 6px; margin-top: 6px; color: #333; border-radius: 0px 0px 3px 3px;}.wpthemeMessage .wpthemeMsgIcon {margin-right: 7px; margin-top: 0; float: left;}.wpthemeMsgIcon16 {background-image: url("/wps/themeModules/modules/pagebuilder/css/images/statusSprite.png"); background-repeat: no-repeat; height: 16px; width: 16px;}.wpthemeMessage.wpthemeMoreMsg {margin-left: 10px;}.wpthemeMessage.wpthemeInfo {background-color: #D9F1FB; border-color: #00B0DA;}.wpthemeMessage.wpthemeWarning {background-color: #FDF4C8; border-color: #E48617;}.wpthemeMessage.wpthemeSuccess {background-color: #ECF9DF; border-color: #108F53;}.wpthemeMsgIconInfo {background-position: 0px -26px;}.wpthemeMsgIconError {background-position: 0px 0px;}.wpthemeMsgIconWarning {background-position: 0px -78px;}.wpthemeMsgIconSuccess {background-position: 0px -52px;}.wpthemeMsgIconInfo, .wpthemeMsgIconError, .wpthemeMsgIconWarning,.wpthemeMsgIconSuccess {background-image: url("/wps/themeModules/modules/pagebuilder/css/images/statusSprite.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px;}.wpthemeMessage span.wpthemeAltText {float: left; margin-left: 5px; margin-right: 5px;}.wpthemeMessage .wpthemeMessageBody {margin: 0 20px;}a.wpthemeHideShow {position: absolute; right: 22px; top: 5px;}.wpthemeMsgIconHide {background-position: 0 -104px; opacity: 0.55; height: 12px; width: 12px;}.wpthemeMsgIconShow {background-position: 0 -126px; opacity: 0.55; height: 12px; width: 12px;}a.wpthemeHideShow img {opacity: 0.60; filter: alpha(opacity=60); margin: 7px;}a.wpthemeHideShow:hover img, a.wpthemeHideShow:focus img, a.wpthemeHideShow:active img {opacity: 0.85; filter: alpha(opacity=85);}.wpthemeMessage .wpthemeDelete {right: 10px; top: 10px; position: absolute; background-repeat: no-repeat;}a.wpthemeDelete img {background-image: url("/wps/themeModules/modules/pagebuilder/css/images/statusSprite.png"); background-position: 0px -148px; height: 12px; opacity: 0.45; vertical-align: top; width: 12px; float: none; margin-top: 2px;}.wpToolbarProjectModeContainer > div.divider { display: block !important; } .wpToolbarProjectInfoBox > div { display: none; } .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled > div { display: block; } .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink, .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:link, .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:active, .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:focus, .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:hover { display: none; } .wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink, .wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:link, .wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:active, .wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:visited, .wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:hover { color: #222; } .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled .wpToolbarProjectLabel:hover, .wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled .wpToolbarPublishedSiteLabel:hover, .wpToolbarProjectInfoBox a { text-decoration: none !important; } .wpToolbarProjectInfoBox .wpToolbarProjectLabel, .wpToolbarProjectInfoBox .wpToolbarPublishedSiteLabel { padding-right: 1px; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,.8); } .wpToolbarProjectInfoBox .wpToolbarProjectLabel:hover, .wpToolbarProjectInfoBox .wpToolbarPublishedSiteLabel:hover { text-decoration: underline; } .wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink img { width: 9px; height: 9px; } .lotus_rtl .wpToolbarProjectInfoBox .wpToolbarProjectLabel, .lotus_rtl .wpToolbarProjectInfoBox .wpToolbarPublishedSiteLabel { padding-left: 1px; padding-right: 0px; } /* * If the screen is smaller than 768 pixels, * we just want to display the label but not * let the user open the project menu. */ @media (max-width: 767px) { .wpToolbarProjectInfoBox > div { display: block !important; } .wpToolbarProjectInfoBox > a { display: none !important; } } /* * If the screen is smaller than 480 pixels, * we want to hide the entire UI control. */ @media (max-width: 479px) { .wpToolbarProjectInfoBox { display: none !important; } }.oobSampleContentContainer{ position: relative; } .oobSampleContentContainer:focus{ outline: 0; } .oobSampleHeading{ color: #333333; font-family: Georgia,Times New Roman,sans-serif; font-size: 32px; font-weight: normal; line-height: 140%; margin: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); border-bottom: 1px solid #999999; padding-bottom: 9px; } .wpthemeSecondaryContainer .oobSampleHeading, .wpthemeTertiaryContainer .oobSampleHeading{ color: #444444; font-size:16px; padding-bottom: 5px; border-bottom: 1px solid #bfbfbf; text-shadow:none; } .wpthemeHeadlineContainer .oobSampleHeading { font-size: 46px; border-bottom: 1px solid #bfbfbf; padding-bottom: 12px; } .oobSampleRichText h2{ color: #333333; font-family: georgia,serif; font-size: 1.7em; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); margin-bottom: 0.5em; } .wpthemeSecondaryContainer .oobSampleRichText h2, .wpthemeTertiaryContainer .oobSampleRichText h2{ font-size: 1.3em; font-weight: bold; color: #000000; text-shadow: none; } .wpthemeHeadlineContainer .oobSampleRichText h2{ font-size: 3em; } .oobSampleRichText h3{ color: #333333; font-family: georgia,serif; font-size: 1.3em; margin-top: 0.5em; margin-bottom: 1em; } .wpthemeSecondaryContainer .oobSampleRichText h3, .wpthemeTertiaryContainer .oobSampleRichText h3{ font-size: 1em; color: #444444; } .wpthemeHeadlineContainer .oobSampleRichText h3{ font-size: 1.7em; } .oobSampleRichText p{ color: #696969; font-size: 1em; } .wpthemeSecondaryContainer .oobSampleRichText p, .wpthemeTertiaryContainer .oobSampleRichText p { font-size: 0.8em; } .wpthemeHeadlineContainer .oobSampleRichText p { color: #000000; font-size: 1.1em; } .oobSampleImage{ max-width: 100%; } .contentEditContainer:focus { outline:0; } .contentInlineEditBar { width:28px; position:absolute; z-index:100; margin: 0px -40px; top:10px; padding:3px; background-color:rgba(0,0,0,0.3); -moz-border-radius:3px 3px 3px 3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; border-radius:3px 3px 3px 3px; display:none; outline:0; } .edit-mode .component-control:hover .contentInlineEditBar { display:block; } .component-control:focus { outline:0; } .contentInlineEditBar .container { background-color:#f4f4f4; background:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#eaeaea)); background:-moz-linear-gradient(top, #f4f4f4, #eaeaea); background:-o-linear-gradient(top, #f4f4f4, #eaeaea); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#EAEAEA'); border:1px solid #757575; } .contentInlineEditBar .button { text-align:center; font-size:1em; color:#000000; padding:4px 0; border-top:1px solid #ffffff; border-bottom:1px solid #dedede; } .contentInlineEditBar .first { } .contentInlineEditBar .button:hover { background-color:#e3e3e3; } .contentInlineEditBar .newButtonsPopup { display:none; position:absolute; top:-7px; right:26px; background-color:rgba(0,0,0,0.3); -moz-border-radius:3px 3px 3px 3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; border-radius:3px 3px 3px 3px; padding:3px; width:123px; text-align:left } .contentInlineEditBar .newButtonsPopupInner { background-color:white; padding:12px; } .contentInlineEditBar .newButtonsPopup .sharkfin { position:absolute; top:13px; right:-8px; } .contentInlineEditBar .newButtonsPopup .popupTitle { font-size:1.2em; font-weight:bold; color:black; border-bottom:2px solid #A0A0A0; padding-bottom:8px; margin-bottom:10px; } .contentInlineEditBar .newButtonsPopup .actionLink { font-size:1.2em; } .contentInlineEditBar .newButtonsPopup .actionLink a { color:#115D94; text-decoration:none; } .contentInlineEditBar .newButtonsPopup .actionLink a:hover { color:#0F5283; text-decoration:underline; } .contentInlineEditBar .popupTrigger:hover .newButtonsPopup { display:block; } .list .contentInlineEditBar { padding:1px; -moz-border-radius:1px 1px 1px 1px; -webkit-border-top-left-radius:1px; -webkit-border-top-right-radius:1px; -webkit-border-bottom-left-radius:1px; -webkit-border-bottom-right-radius:1px; border-radius:1px 1px 1px 1px; width:24px; } .list .contentInlineEditBar .button { padding:2px 0; border-top:1px solid #ffffff; border-bottom:1px solid #dedede; border-left:1px solid #ffffff; border-right:1px solid #dedede; } .list .item:focus { outline:0; } .edit-mode .list .item .contentInlineEditBar { display:block; } .oobLeft { float:left; text-align:left; } .oobRight { float:right; text-align:right; }