@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,700,800,400"); @import url("https://fonts.googleapis.com/css?family=Lato:400,700,900,400italic,700italic,900italic"); /* $Revision: 1.69 $ This script file will be applied to all portals */ /* ==|== primary styles ===================================================== Author: Ronald Jusuf - ronald.jusuf@seertechsolutions.com ========================================================================== */ /* hiding for desktop - no media queries ------ */ .slideleftmenu-close {display:none;} /* iPhone 5 (portrait & landscape) ----------- */ @media only screen and (min-width : 320px) and (max-width : 568px) { #shop-payment-pages.shoppingcartV2 .shoppingcart-recomendation-courses {/*height:auto;*/} #shop-payment-pages.shoppingcartV2 .shoppingcart-recomendation-courses .tiles-layout.one-col-tiles.box{/*display:block; width: auto;*/} } /* iphone 5 and iPads (portrait and landscape) ----------- */ @media only screen and (min-width : 320px) and (max-width : 1024px){ textarea.tsandcs {width: 100%;} } @media screen and (max-width : 768px){ /*calendar*/ .fc-day-grid-container{height:auto!important;} .fc-view-container .fc-event-container {padding: 5px !important;} /* TEMPORARY DEV PURPOSES */ #header #headerInner #headerInnerRight #dashboard, #learner-page #footer {display:none!important; float:none;} /* TEMPORARY DEV PURPOSES */ body,html {width:100% !important; font-size:14px !important; margin:0; padding:0; -webkit-text-size-adjust:none;} body.scroll-locked {position: fixed; overflow: hidden; height: 100%; width: 100%; } .desktop-only-el {display:none !important;} h1, h2, h3, h4, h5, h6 {} h1, h1.new-page-headings, div.details_box h1, #pagetitle, #breadcrumb div#pagetitle {font-size:1.5em; line-height:35px; font-weight:600;} h1, h1.new-page-headings, .heading-action h1.new-page-headings, div.details_box h1, #pagetitle, #breadcrumb div#pagetitle {float:none; margin-left:5px;} h2 {font-size:1.2em;} h3, .box h3 {font-size:1em;} #learner-page {width:100% !important; /*height:100% !important;*/} .XLR8LOGINLOGIN #learner-page {height:auto !important;} #container {} #col_right, #col_left, #bodycontent, #bodycontent #bodycontent_inner {float:none; width:auto; padding:0;} #bodycontent #bodycontent_inner {} #col_right {display:block !important; padding: 0; width: 100%; margin:0!important;} #bodycontent {padding-top:20px;} #bodycontent #bodycontent_inner {padding:0;} .box, .wrapper.tabcontent, div.details_box {/*padding: 0 5px;*/margin-bottom:15px;} .actBtn-wrp {line-height:50px;} .ui-dialog {top:1em !important;} .ui-dialog, #dialogBox, #iplusOverlayContainer, #iplusOverlayContainer #iplusOverlayOuter, #iplusOverlayContainer #iplusOverlayOuter #iplusOverlayContent {width:100% !important; left: 0 !important; min-width:100%;} #iplusOverlayContainer #iplusOverlayOuter #iplusOverlayContent, #dialogBox #dialogBoxContent, .ui-dialog .ui-dialog-content {padding:0;} span.pageination-wrapper {display:block; margin-top:10px;} #headerInnerRight {display:none;} .content-2cols {display: block; width: 100%;} .actBtn-wrp a.action.small, .actBtn-wrp a.action.small:link, .actBtn-wrp a.action.small:visited, #breadcrumb .actBtn-wrp a.action.small{margin:0 15px 15px 0 !important;} /* ==|== primary navigation styles ===================================================== */ /*input[type=checkbox]{display: none;} input[type=checkbox]:checked ~ #main-menu{display: block; opacity:1;}*/ #header {display:block; width:100%; height:50px; padding:0;} #header #headerInner {width:100%;} #header #headerInner #headerInnerLeft {margin-left:0; width:100%; float:none;} #header #headerInner #headerInnerRight {float:none; width:100%;} #header .mobile-header{padding:12px 0;background-color: #fff;} #header .mobile-header.header-not-top{position: static;} #logo {display:none !important;} #header #logoMobile {display:inline-block; position: absolute; top: 10px; left: 45%; margin:0;} #header #logoMobile img {} #header #top-search-wrp{display:none;} .slideleftmenu-close, .sliderightmenu-close {display: block; padding: 20px; width: 100%; color: #fff; background-color: #333; border:none; border-bottom:1px solid rgba(120, 120, 120, 0.2); cursor: pointer; font-size: 16px; font-weight:bold;} .main-nav, .secondary-nav { display:block; position: relative; width: 27px; height: 27px; padding-top:0; font-size: 1.3em; font-weight: bold; color:#333333; cursor: pointer; } .main-nav{margin-left: 15px;} .secondary-nav{margin-right: 15px; border:solid 1px #aaa; border-radius:50%;} .main-nav:before{ content: ""; position: absolute; left: 0; top: 0.17em; width: 1em; height: 0.2em; background: #424242; box-shadow: 0 0.35em 0 0 #424242, 0 0.7em 0 0 #424242; font-size:1.2em; } .secondary-nav { background:url(../images/icons/2015/icon-user.png) no-repeat center bottom; cursor:pointer;} .sliderightmenu-close {background:url(../images/icons/2015/icon-cross-light.png) no-repeat 15px center;} .slideleftmenu-close {background:url(../images/icons/2015/icon-cross-light.png) no-repeat right 15px center;} .main-nav.primNavActive {} #primary_navigation {padding:0; margin-top:0; /*display:inline-block;*/} #primary_navigation #primNavInner {width:100%;} #primary_navigation li a, #primary_navigation li a:link, #primary_navigation li a:active, #primary_navigation li a:visited {font-size:1em !important;} #primary_navigation li.prim-nav-active a {background-color: transparent;} #primary_navigation ul {width:100% !important; top:60px; margin:0; padding:0; z-index:9999 !important;} #primary_navigation ul li {display:inline-block; width:100% !important; border-right:0; float:none; background-color:#333333 !important; border-bottom:1px solid rgba(120, 120, 120, 0.2);} #primary_navigation ul li {display:inline-block; width:100% !important; border-right:0; float:none; background-color:#333333 !important; border-bottom:1px solid rgba(120, 120, 120, 0.2);} #primary_navigation ul li:last-child {} #primary_navigation ul li a {border-top:none;} #primary_navigation li.dd a span, #primary_navigation li.dd a:active span, #primary_navigation li.dd a:visited span, #primary_navigation li.dd.prim-nav-active a span {border-left:0;display:block; background:transparent url(../images/framework/prim-nav-arrow-white.png) right 8px no-repeat;} #primary_navigation li.dd.prim-nav-hover a span{background:transparent url(../images/framework/prim-nav-arrowup-white.png) right 8px no-repeat;} #primary_navigation li a, #primary_navigation li a:link, #primary_navigation li a:active, #primary_navigation li a:visited, #primary_navigation ul li a:hover, #primary_navigation ul li.prim-nav-hover a, #primary_navigation ul li.prim-nav-active a, #primary_navigation ul li.prim-nav-active.prim-nav-hover a, #primary_navigation li.dd.prim-nav-hover a {background-color:#333; color:#FFF; padding:15px 20px 15px 35px;} /* 2nd level */ #primary_navigation ul li ul {position: static;} #primary_navigation ul li ul li {display:inline-block;} #primary_navigation ul li.dd > ul, #primary_navigation ul li.dd ul { border-color: -moz-use-text-color #e7e7e7 #e7e7e7; border-image: none; border-style: none solid solid; border-width: 0; box-shadow:none !important; top:0; left: 0; margin: 0; min-width: 100%; height: auto; padding: 0; position: relative; width: auto; z-index: 96; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; } #primary_navigation li.dd.prim-nav-hover a, #primary_navigation li.dd.prim-nav-active a, #primary_navigation li.dd ul li {border-bottom:1px solid rgba(120, 120, 120, 0.1);} #primary_navigation li.dd ul li:last-child {border-bottom:none;} #primary_navigation li.dd ul li a, #primary_navigation li.dd ul li a:link, #primary_navigation li.dd ul li a:active, #primary_navigation li.dd ul li a:visited {padding:15px 15px 15px 40px; background-color:#424242; color:#ccc;} #primary_navigation li.dd.prim-nav-hover a {background-color:transparent;} #primary_navigation li.prim-nav-hover a span::after, #primary_navigation li.prim-nav-active a span::after, #primary_navigation li.prim-nav-active.prim-nav-hover a span::after, #primary_navigation li.nav-home a:hover span::after, #primary_navigation li.dd a:hover span::after, #primary_navigation li.dd.prim-nav-hover span::after, #primary_navigation li.dd.prim-nav-active span::after, #primary_navigation li.dd a:active span::after {border-top:none;} #header #headerInner a, #header #headerInner a:link, #header #headerInner a:active, #header #headerInner a:visited {background:transparent; color:#FFF;} /* ==|== Secondary Navigation - Badge Icons ===================================================== */ .mobile-headerwidgets {float:right; display:block;padding:10px 0;} #header #headerInner #headerInnerLeft #secondary_navigation {float:none; width:100%;} #header #headerInner #headerInnerLeft #secondary_navigation:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;} #header #headerInner #headerInnerLeft #secondary_navigation .notif-badge-wrapper {display:block; width:100%;} .notif-badge-link, .notif-badge-link:link, .notif-badge-link:active, .notif-badge-link:visited, .notif-badge-link:hover, #secondary_navigation a span.notif-badge, #secondary_navigation #location .notif-badge-link {padding:0 !important; width:100%; height: 40px; line-height: 40px; border:none !important; border-bottom: 1px solid rgba(120, 120, 120, 0.2) !important; color:#FFF !important; text-align:center;} #secondary_navigation #location .notif-badge-link {background: transparent url(/st_toolkit/common/images/icons/region_16-light.png) 10px center no-repeat !important;} #secondary_navigation a span.notif-badge {display:inline-block; text-align:center;} .notif-badge-link:hover, .notif-badge-link.active {background-color: #333 !important;} #secondary_navigation #location .notif-badge-link { background: none !important; } #header #headerInner #location a strong { background: transparent url("/st_toolkit/common/images/icons/region_16-light.png") no-repeat left center !important; padding-left:20px; } #header #headerInner #location a, #header #headerInner #location a strong {font-weight:700 !important;} .notif-badge-content{right:0; position:relative; box-shadow:none;} #secondary_navigation .notif-badge-content ul.badge-content-list { background-image:none; background-position:0 0 !important; border:none; margin: 0; padding: 0; top: 0 !important; width: 100% !important; z-index: 98; } #secondary_navigation .notif-badge-content ul.badge-content-list li {background-color:#333; border-top:1px solid rgba(120, 120, 120, 0.2); border-bottom:1px solid rgba(120, 120, 120, 0.2);} #secondary_navigation .notif-badge-content ul.badge-content-list li.badge-content-title {} #secondary_navigation .notif-badge-content ul li h3 { background: #333 none repeat scroll 0 0; color:#FFF; border: 0 none; border-top:1px solid rgba(120, 120, 120, 0.2); font-size: 14px; font-weight:700; margin: 0; padding: 15px 20px; text-align: left; } #secondary_navigation .notif-badge-content ul.badge-content-list li a { background-color: #333 !important; background-image: none !important; border:none; color: #FFF !important; display: block !important; padding: 15px 20px; text-align: left !important; } #secondary_navigation .notif-badge-content ul.badge-content-list li a:hover, #secondary_navigation #shop-cart .notif-badge-content ul.badge-content-list li a, #secondary_navigation #shop-cart .notif-badge-content ul.badge-content-list li a:hover { background-color: #333 !important; cursor: pointer; text-decoration: none; } #secondary_navigation .notif-badge-content ul.badge-content-list li a.more {border-top:1px solid rgba(120, 120, 120, 0.2); padding:18px 35px 18px 18px;} #secondary_navigation .notif-badge-content ul.badge-content-list li .badge-content-full {padding:15px 30px 15px 15px;} /* Secondary Navigation - Roles */ #headerInnerRight {display:block;} #header #headerInner #headerInnerRight #iplusRoles{display:block; float:none;} #header #headerInner #headerInnerRight #iplusRoles a#userRolesLink, #header #headerInner #headerInnerRight #iplusRoles.userroles-hover a#userRolesLink { height: auto; background-color:#333 !important; border:none !important; border-bottom: 1px solid rgba(120, 120, 120, 0.2) !important; color: #fff !important; line-height: normal; padding:15px 35px 15px 20px; } #header #headerInner #headerInnerRight #iplusRoles.userroles-hover a#userRolesLink span:after {border-top:none;} #header #headerInner #headerInnerRight #iplusRoles a#userRolesLink span { background: rgba(0, 0, 0, 0) url(../images/framework/prim-nav-arrow-white.png) no-repeat scroll right center; display: block; border-left: 0; line-height: normal; padding:0 25px 0 0; font-weight:normal; } #header #headerInner #headerInnerRight #iplusRoles.userroles-hover a#userRolesLink span{background:transparent url(../images/framework/prim-nav-arrowup-white.png) no-repeat scroll right center; color:#fff;} #header #headerInner #headerInnerRight form.user-roles-menu {width:100% !important; position:relative; box-shadow:none;} #header #headerInner #headerInnerRight #iplusRoles li {display:block; background-color: #333 !important; border:0; border-bottom: 1px solid rgba(120, 120, 120, 0.1);} #header #headerInner #headerInnerRight form.user-roles-menu li button, #header #headerInner #headerInnerRight form.user-roles-menu li button:hover { width:100%; height: 100%; padding: 15px 20px; background-color: #424242; border:none; color: #ccc; cursor: pointer; display: block; font-size: 14px; text-align: left; white-space: nowrap; border-radius:0 !important; } /* ==|== Secondary Navigation - Portal Help ===================================================== */ #header #headerInner #headerInnerRight #help_link {display: none; float:none;} #header #headerInner #headerInnerRight #help_link a.help-top{ height: auto; background-color: #333 !important; border: none !important; border-bottom: 1px solid rgba(120, 120, 120, 0.2) !important; color: #fff !important; line-height: normal; padding: 15px 35px 15px 20px;} #header #headerInner #headerInnerRight #help_link a.help-top span{background: none; display: block; line-height: normal; padding: 0 25px 0 0; font-weight: normal;} /* ==|== Secondary Navigation - User Settings ===================================================== */ #header #headerInner #headerInnerRight #login_details{display: block; float:none; /*border-bottom: 1px solid rgba(120, 120, 120, 0.2);*/} #header #headerInner #headerInnerRight #login_details a#userSettingsLink, #header #headerInner #login_details.usersettings-hover a#userSettingsLink, #header #headerInner #headerInnerRight #login_details.usersettings-hover a#userSettingsLink {color: #fff;background-color:#333; border:0; border-bottom: 1px solid rgba(120, 120, 120, 0.2); white-space:nowrap; padding:15px 35px 15px 20px;} #header #headerInner #headerInnerRight #login_details a#userSettingsLink span, #header #headerInner #headerInnerRight #login_details.usersettings-hover a#userSettingsLink span {border-left: 0;display: block; height: auto; padding:0 25px 0 0; background: rgba(0, 0, 0, 0) url(../images/framework/prim-nav-arrow-white.png) no-repeat scroll right center; line-height: normal; font-weight:normal; text-indent: 0px; overflow: hidden; } #header #headerInner #headerInnerRight #login_details.usersettings-hover a#userSettingsLink span{background:transparent url(../images/framework/prim-nav-arrowup-white.png) no-repeat scroll right center;color:#fff;} #header #headerInner #headerInnerRight #login_details.usersettings-hover a#userSettingsLink span:after {border-top:none;} #header #headerInner #headerInnerRight #login_details.usersettings-hover a#userSettingsLink span {display:block; text-indent: 0; overflow: hidden; width:auto;} #header #headerInner #login_details .user-settings-menu, #header #headerInner #login_details.usersettings-hover .user-settings-menu {position:relative; background-color:#333; box-shadow:none; width:100% !important; border:none;} #header #headerInner #headerInnerRight .user-settings-menu li {background-color:transparent; border:0; border-bottom: 1px solid rgba(120, 120, 120, 0.1);} #header #headerInner #login_details .user-settings-menu a {background-color:#424242 !important; border:0;} #header #headerInner #login_details .user-settings-menu li a, #header #headerInner #login_details .user-settings-menu li a:hover {color:#ccc;} #header #headerInner #login_details .user-settings-menu a.profile span{background:url(/st_toolkit/common/images/icons/2015/icon-mydetails-light.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.mypreferences span{background:url(/st_toolkit/common/images/icons/2015/icon-mypreferences-light.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.secondnav-help { display: block;} #header #headerInner #login_details .user-settings-menu a.secondnav-help span{background:url(/st_toolkit/common/images/icons/2015/icon-help-light.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.contact span{background:url(/st_toolkit/common/images/icons/2015/icon-contactus-light.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.password span{background:url(/st_toolkit/common/images/icons/2015/icon-password-light.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.secnav-changeusername span{background:url(/st_toolkit/common/images/icons/2015/icon-username.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.edit span{background:url(/st_toolkit/common/images/icons/2015/icon-edit-light.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.logout{padding:0;} #header #headerInner #login_details .user-settings-menu a.logout span{ background:url(/st_toolkit/common/images/icons/2015/icon-logout.png?1) no-repeat 0 center; padding:18px 18px 18px 70px; display:inline-block;} #header #headerInner #headerInnerRight #dashboard a.dashboard.selected span:after, #header #headerInner #headerInnerRight #dashboard a.dashboard:hover span:after {border-top:none;} #learner-page #homePage {width:100% !important; height:100% !important; min-height:100% !important;} #learner-page #homePage h2.table_heading, .homepagewidget-container h2.header-wrp {font-size:1em; padding:5px 0 5px 5px;} h2.table_heading.homepagewidget-header .homepagewidget-header-txt, h2.table_heading.header-wrp .header-txt { vertical-align: top; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; } h2.table_heading.homepagewidget-header.exp .homepagewidget-header-txt {max-width: 75%;} h2.table_heading.homepagewidget-header.coll .homepagewidget-header-txt {max-width: 63%;} h2.table_heading.header-wrp.exp .header-txt{max-width: 75%;} /*h2.table_heading.header-wrp.coll .header-txt{white-space: normal; display: inline;}*/ #courseStructureHeader h2.table_heading.header-wrp.exp .header-txt{max-width: 95%;} .box h2.table_heading {padding-top: 7px; padding-bottom: 7px;} .homepagewidget-container h2.table_heading.homepagewidget-header .homepagewidget-header-total, h2.table_heading.header-wrp .header-total { background-color: #fff; border: 1px solid #d6dfe6; border-radius: 30px; display: inline-block; font-size: 0.8em; font-weight: normal; line-height: 20px; min-width: 18px; padding: 0 5px; text-align: center; text-indent: 0; vertical-align: middle; } #homePageLeftWidgets {min-height:100%; /*padding:0 15px;*/} #learner-page #homePage #col_right .box {/*margin:0 15px 15px 15px;*/margin-bottom:15px;} .heading-action {display: inline-block; width: 100%; margin: 0 0 20px 0;} .heading-action .heading-buttons {float: none; margin: 5px 0 0 5px; padding: 0;} .heading-action .heading-buttons:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;} .Grid-layout {/*padding:0 15px;*/} /* ------------------------------ Announcement widget------------------*/ div#main_announce ul li span.announce-item div.desc-full {width:auto;} .tiles-layout {} label.label-text {font-size:12px; color:#333; /*font-weight:bold;*/ margin-right:5px;} span.value-text {font-size:12px; color:#aaa; } span.value-text.desc, .tiles-layout.table-tiles.three-col-tiles .desc-txt { overflow: hidden; max-width: 99%; width: 300px; display: inline-block; white-space: nowrap; text-overflow: ellipsis; } #homePageLeftWidgets span.value-text.desc, #catalogSearchBrowseResult span.value-text.desc { overflow: hidden; max-width: 100%; width:270px; display: inline-block; white-space: nowrap; text-overflow: ellipsis;} span.value-text img{height:14px;} div.details_box h1:before, div.details_box h2:before, div.details_box h1:after, div.details_box h2:after {display:none;} /* WHITE version icons - to work on dark mobile background ------ */ .icon.standard-user-group.small {background-image: url(../images/icons/2015/icon-standard-user-group-small-white.png);} .two-col-tiles {} .tiles-layout.two-col-tiles .tiles-col-l .box {margin:0;} .threecol-wrapper {} .tiles-layout.three-col-tiles {} .tiles-layout.table-tiles {padding: 10px 0; border-bottom:1px solid #eee;} .tiles-layout.table-tiles.three-col-tiles, .tiles-layout.table-tiles.three-col-tiles{flex-direction: column; height: auto; min-height: 50px; /*padding:8px 8px 8px 0;*/} #course-structure-v2 .tiles-layout.table-tiles, #search_results .tiles-layout.table-tiles{position: relative;} #course-structure-v2 .tiles-layout.table-tiles {display: block; height: auto;} .tiles-layout.table-tiles.sectionHeader{/*padding: 7px 0;*/padding:0;} .tiles-layout.table-tiles:hover { background-color: #ebeced;} .tiles-layout.table-tiles.noBox:hover,.tiles-layout.table-tiles.sectionHeader:hover { background-color: transparent; } .tiles-layout.table-tiles.indent-10, .tiles-layout.table-tiles.indent-20, .tiles-layout.table-tiles.indent-30, .tiles-layout.table-tiles.indent-40, .tiles-layout.table-tiles.indent-50, .tiles-layout.table-tiles.indent-60, .tiles-layout.table-tiles.indent-70, .tiles-layout.table-tiles.indent-80, .tiles-layout.table-tiles.indent-90, .tiles-layout.table-tiles.indent-100{} .tiles-layout.table-tiles.indent-0{padding:20px 0;} .tiles-layout.table-tiles.indent-10{padding:20px 0 20px 20px;} .tiles-layout.table-tiles.indent-20{padding:20px 0 20px 40px;} .tiles-layout.table-tiles.indent-30{padding:20px 0 20px 60px;} .tiles-layout.table-tiles.indent-40{padding:20px 0 20px 80px;} .tiles-layout.table-tiles.indent-50{padding:20px 0 20px 100px;} .tiles-layout.table-tiles.indent-60{padding:20px 0 20px 120px;} .tiles-layout.table-tiles.indent-70{padding:20px 0 20px 140px;} .tiles-layout.table-tiles.indent-80{padding:20px 0 20px 160px;} .tiles-layout.table-tiles.indent-90{padding:20px 0 20px 180px;} .tiles-layout.table-tiles.indent-100{padding:20px 0 20px 200px;} .tiles-layout.table-tiles:last-child,.tiles-layout.table-tiles:only-of-type {border-bottom:solid 1px #d6dfe6;} .tiles-layout.table-tiles:first-child {border-top:solid 1px #d6dfe6;} .collapsible-header .tiles-layout.table-tiles, .collapsible-header .tiles-layout.table-tiles:first-child {border:0;} .tiles-layout.table-tiles.sectionHeader {} .tiles-layout.table-tiles.sectionHeader h2.table_heading.exp{border:0 !important; background-color:transparent;} .tiles-layout.table-tiles.noBox {padding:20px 0;border: 0;} .tiles-layout.three-col-tiles .tiles-col-l {float:left; width:87%; margin-right:0px; } #course-structure-v2 .collapsible-content .tiles-layout.three-col-tiles .treeNode, #search_results .tiles-layout.three-col-tiles .treeNode{padding:0; display: inline-block; vertical-align: top;} .tiles-layout.three-col-tiles.sectionHeader.locked{opacity:0.4;} .tiles-layout.three-col-tiles.sectionHeader.locked .tiles-col-l{background:url(../images/icons/2015/icon-locked-large) right 10px no-repeat;} .tiles-layout.three-col-tiles .tiles-col-l-l {/*float:left;*/ display: table-cell; vertical-align: top;} .tiles-layout.three-col-tiles .tiles-col-l-r {display: table-cell; padding-left: 5px;} .tiles-layout.table-tiles.sectionHeader .tiles-col-l-l , .tiles-layout.table-tiles.sectionHeader .tiles-col-l-r {display:block;} .tiles-layout .desc-wrp {clear:both;} .tiles-layout .desc-wrp.collapsible .desc-txt {display:none; padding: 15px 0; flex-direction: column;} .tiles-layout.table-tiles.three-col-tiles.noBox .desc-txt .desc-txt-l, .tiles-layout.table-tiles.three-col-tiles.noBox .desc-txt .desc-txt-r {display: block;} .tiles-layout.table-tiles.three-col-tiles.noBox .desc-txt .desc-txt-l img, .tiles-layout.table-tiles.three-col-tiles.noBox .desc-txt .desc-txt-r img{display: block;width:100%;} .tiles-layout .desc-wrp.collapsible .desc-txt .togglecourse .value-text {border:solid 1px #d6dfe6; padding:11px 25px 11px 15px; display: inline-block; border-radius: 3px;color:#333; background:url("/st_toolkit/common/images/framework/prim-nav-arrow-dark.png") no-repeat right 8px center;} .tiles-layout .desc-wrp.collapsible .desc-txt img {float:left; margin:0 10px 10px 0;} .tiles-layout .desc-wrp.collapsible .desc-tgl .show-desc {display:none;} .tiles-layout .desc-wrp.collapsible .desc-tgl.hiddentxt .show-desc {display:inline;} .tiles-layout .desc-wrp.collapsible .desc-tgl.hiddentxt .hide-desc {display:none;} .tiles-layout .desc-wrp .desc-tgl {font-weight:700; color:#333 ;padding-left:20px;background:transparent url(../images/icons/2015/icon-minus.png) no-repeat left center;} .tiles-layout .desc-wrp .desc-tgl.hiddentxt {background:transparent url(../images/icons/2015/icon-plus.png) no-repeat left center;} .tiles-layout .desc-wrp .desc-tgl:hover {text-decoration: none;} .tiles-layout.three-col-tiles .tiles-title, .tiles-layout.three-col-tiles dl.tiles-content dt a {font-size:18px;} .tiles-layout.three-col-tiles dl.tiles-content dt a:hover {text-decoration: none; color: #2d1d85;} .tiles-layout dl.tiles-content {margin-right:0px; text-align:left; font-size:12px;} .tiles-layout dl.tiles-content .title-2col:after{content: ''; display: block; clear: both;} .tiles-layout dl.tiles-content .title-2col .title-leftcol {float:left; width:auto; margin-top:5px; /*margin-right:5px;*/} .tiles-layout dl.tiles-content .title-2col .title-rightcol {float:left; width:80%;} .tiles-layout dl.tiles-content .header-txt{line-height: normal;} .tiles-layout dl.tiles-content dt {margin-bottom:6px; font-size: 18px;} .tiles-layout dl.tiles-content dd {} .tiles-layout dl.tiles-content ul {list-style:none; margin:0; padding:0;} .collapsible-header .tiles-layout dl.tiles-content dd {padding-left:35px;} .tiles-layout dl.tiles-content ul li.label-value {float:left; /*margin-right:15px; */margin-bottom:5px;} .tiles-layout dl.tiles-content ul li.label-value.attrAction{float: right; margin:0;} .tiles-layout dl.tiles-content ul li.label-value .actionlabel{background:none; padding:0; display:inline-block; border:0;} .tiles-layout dl.tiles-content ul li.label-value .actionlabel:after{background:none;height:auto;width: auto; position: static;} .tiles-layout dl.tiles-content ul li.date-label {float:left; height:100%; margin-right:20px; margin-bottom:5px; font-size:12px; color:#757575; background: transparent url(/st_toolkit/common/images/icons/2015/icon-date12.png) no-repeat scroll left center; padding-left: 20px;} .tiles-layout dl.tiles-content ul li.location-label, .tiles-layout dl.tiles-content ul li.address-label {float:left; height:100%; margin-right:20px; margin-bottom:5px; font-size:12px; color:#757575; background: transparent url(/st_toolkit/common/images/icons/location_16.png) no-repeat scroll left center; padding-left: 20px;} .tiles-layout dl.tiles-content ul li.session-label {float:left; height:100%; margin-right:20px; margin-bottom:5px; font-size:12px; color:#757575; background: transparent url(/st_toolkit/common/images/icons/2015/icon-session12.png) no-repeat scroll left center; padding-left: 20px;} .tiles-layout .progress-bar {/*float:left;*/box-sizing: border-box; height:18px; /*margin-top:1px;*/ margin-right:20px; margin-bottom:5px; font-size:12px; color:#333; display: inline-block; vertical-align: top; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow: hidden;} .tiles-layout a.action.small, .tiles-layout a.action.small:link, .tiles-layout a.action.small:visited {padding:5px !important;display: block; text-transform: uppercase;margin: 5px 5px 0 5px!important;} .tilelargeview .one-col-tiles.narrow .tiles-details.tile-details-rowext a.action.small {margin:0 !important;} #learner-page #homePage .homepagewidget #more-onavd, #dialogBox .homepagewidget #more-onavd { width: 100%; margin: 0 auto 0 auto;} .tilelargeview .tiles-layout.one-col-tiles.narrow {width:49%!important; margin: 0 1% 15px 0 !important; float:left;box-sizing: border-box;height:252px;} .tilelargeview .tiles-layout.one-col-tiles.type-250{max-height: 252px; height: 252px;} #learner-page #homePage .mand-legend-cont {/*margin-top: -40px;*/} .tilelargeview .tiles-layout.one-col-tiles.narrow:nth-child(2n+0) {margin-right: 0!important;} .tiles-layout .action-but-wrapper, #learner-page .tiles-layout .actions-withtext.multi-action-btns, #learner-page .tiles-layout .actions-withtext.multi-action-btns dt, #learner-page .tiles-layout .actions-withtext.multi-action-btns dt a.small.action.multi, #learner-page .tiles-layout .actions-withtext.multi-action-btns dt a.action.small.multi span {display: block !important;} .tiles-layout a.action.small span, .tiles-layout a.action.small:link span, .tiles-layout a.action.small:visited span {line-height:20px; white-space:normal;display: block; text-align: center;} .tiles-layout dl.tiles-content dt a.action.small, .tiles-layout dl.tiles-content dt a.action.small:link, .tiles-layout dl.tiles-content dt a.action.small:visited {padding:0 !important;} .tiles-layout .icon.small{width:18px; height: 18px; border:18px;margin:0 5px; background-size: 18px;} .tiles-layout.three-col-tiles .tiles-col-l {width:100%;} .tiles-layout.three-col-tiles.fc-head-r .tiles-col-l {margin-top:10px;} .tiles-layout.three-col-tiles .tiles-col-r {/*float:none; */width:100%;/* margin-left:50px;*/ text-align: left;} /*.tiles-layout.three-col-tiles .tiles-col-l-l {float:none; margin-right:0;}*/ span.type-icon {margin: 0;} /* ==|== col-r with icon/donut ===================================================== */ .tiles-layout.three-col-tiles.fc-head-r .tiles-col-r {float:left; width:25%; margin-left:0;} /* ==|== Course Details - Ratings Widget ===================================================== */ #offeringRatingsContent {} .rating-wrp.tiles-layout.two-col-tiles {} .rating-wrp.tiles-layout.two-col-tiles .tiles-col-l, .rating-wrp.tiles-layout.two-col-tiles .tiles-col-r {float:none; width:100%;} .rating-wrp.tiles-layout.two-col-tiles .tiles-col-r {margin-top:20px;} .rating-wrp .ratingBars {margin-top:15px; text-align:center;} .rating-wrp .ratingBars .rating-bar-wrp {text-align:left;} .tiles-layout.two-col-tiles.rating-commnet-wrp {/*background-color:#FFF;*/} .tiles-layout.two-col-tiles.rating-commnet-wrp .reviewer-img {} .tiles-layout.two-col-tiles.rating-commnet-wrp .rating-comment {width:70%;} .tiles-layout.two-col-tiles.rating-commnet-wrp .rating-comment:before {display:none;} #ratingsSummary{margin:0 auto; margin-bottom:20px; background-color: #f6f6f6; width: 90%; padding: 5%;} #ratingsParent{margin:0 auto;width: 100%;} /* ==|== Course Details - Course Structure ===================================================== */ #courseStructure .tiles-layout.three-col-tiles .tiles-col-r {/*margin-left:90px;*/width:100%; text-align: left;} /* ==|== FORMS ===================================================== */ #mobile-search-btns-cont, #collapsible-search #adv-search-toggle, #collapsible-search #adv-search-toggle-2, #collapsible-search td.first-search-field, #collapsible-search td.search-btns-cont, #collapsible-search .adv-search-wrapper td, #collapsible-search table, #collapsible-search tbody, #collapsible-search tr {display:block;} #collapsible-search td {display:block;} #collapsible-search td.inp-txt-label, #collapsible-search td.left, #collapsible-search td.search-btns-cont {float:left;} #collapsible-search .summ-page-search-btns {text-align:left !important;} .search-wrapper, .search-wraper, #dialogBoxContent .search-wrapper, #dialogBoxContent .search-wraper { background-color: #fff; border: 0; padding: 10px; z-index: 9; font-size: 100%; color: #757575; border: solid 1px #d6dfe6; /*border-bottom:0;*/ } .adv-search-wrapper, .adv-search-wraper { background-color: #FFF; padding: 10px; font-size: 100%; border: solid 1px #d6dfe6; border-bottom:0; border-top: 0; overflow: hidden; z-index: 8; } .adv-search-wrapper td, .adv-search-wraper td {color: #757575 !important;} #collapsible-search td.search-btns-cont#learner-adv-search-toggle-cont {float:none; padding:0 5px !important;} #mobile-search-btns-cont {background-color: #fff; padding: 5px; border-left:1px solid #d6dfe6; border-right1px solid #d6dfe6; border-bottom:1px solid #d6dfe6;} #mobile-search-btns-cont input, #collapsible-search input.btn.search, #collapsible-search input.btn.clear-fields {width:100%; /*margin-bottom:15px;*/ /*margin-right:5px;*/ display: block;} ul.form-col {} ul.form-col li.form-fields {} ul.form-col li.form-fields input[type='text'], ul.form-col li.form-fields textarea, ul.form-col li.form-fields select {display:inline-block !important; width:100%;} ul.form-col li.form-fields input.hasDatepicker {width:auto;} .multi-col-form ul.form-col, .multi-col-form ul.form-col li.form-fields {display:block; width:100%;} .multi-col-form ul.form-col.btns {text-align: center;} .multi-col-form ul.form-col.btns li.form-fields {width: auto; display: inline-block; min-width: 49%;} .multi-row-form ul.form-col {padding: 0; margin: 0;} .multi-row-form ul.form-col li.form-fields {margin-right:0; display: block;} #collapsible-search .search-wrapper:after, #collapsible-search .adv-search-wrapper:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;} ul.form-col.btns.btnRight {text-align:right;} ul.form-col li.form-fields label.lbl.psw-chng {width:auto;} /* ==|== Tables ===================================================== */ h2.table_heading .table-heading-wrapper {width: 100%;} #search-result-container h2.table_heading {padding: 5px; border-bottom: 1px solid #f3f3f3;} /* ==|== TABS structure ===================================================== */ .tabbing-ctrl-wrapper {/*-webkit-user-select: none;*/ display: block; /*overflow-y: hidden;*/ padding: 0; position: relative;/* -webkit-overflow-scrolling: touch; overflow-x: scroll;*/ height: 40px; margin: 8px 5px; /*background-color: #f6f6f6;*/} .tabbing-ctrl-wrapper::-webkit-scrollbar{display:none;} .tabbing-ctrl-wrapper:after {content: ''; display: block; width:20px; height:40px; position: absolute; right:0; top:0; z-index: 51; background: #f6f6f6; background: -webkit-linear-gradient( right, rgba(246,246,246,0), rgba(246,246,246,1)); background: -o-linear-gradient( right, rgba(246,246,246,0), rgba(246,246,246,1)); background: -moz-linear-gradient( right, rgba(246,246,246,0), rgba(246,246,246,1)); background: linear-gradient( to right, rgba(246,246,246,0), rgba(246,246,246,1));} .tabbing-ctrl-wrapper .tabbing-ctrl, .tabbing-ctrl-wrapper #login-tabs.tabbing-ctrl {display:block !important; position:relative !important; white-space:nowrap !important; background-color:#f6f6f6; overflow:hidden; border:0; font-size:0; -webkit-user-select: none; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-x: scroll;} .tabbing-ctrl-wrapper .tabbing-ctrl::-webkit-scrollbar, .tabbing-ctrl-wrapper #login-tabs.tabbing-ctrl::-webkit-scrollbar{display:none;} .tabbing-ctrl-wrapper .tabbing-ctrl:after, .tabbing-ctrl-wrapper #login-tabs.tabbing-ctr:after{clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;} .tabbing-ctrl-wrapper .tabbing-ctrl li, .tabbing-ctrl-wrapper #login-tabs.tabbing-ctrl li {float:none; display:inline-block; margin:0 !important; padding:0 !important;} .tabbing-ctrl-wrapper .tabbing-ctrl li a, .tabbing-ctrl-wrapper .tabbing-ctrl li a:link, .tabbing-ctrl-wrapper #login-tabs.tabbing-ctrl li a, .tabbing-ctrl-wrapper #login-tabs.tabbing-ctrl li a:link {border:none; margin:0 !important; box-shadow:none !important; font-size:14px;background-color:#f6f6f6; font-weight: 700; color: #333; text-transform: uppercase;} .tabbing-ctrl-wrapper .tabbing-ctrl li a.active, .tabbing-ctrl-wrapper #login-tabs.tabbing-ctrl li a.active {border-bottom:3px solid #0572ce !important; padding-bottom:8px; background-color:#f6f6f6; color: #0572ce;} .wrapper.tabcontent, .login-tabs-content {border:0; margin-top:0;} /* Manager Assessment Widget*/ /*#mgrassessWidget .widget-table td{display:block; width: auto !important;}*/ #collapsible-search.l-type-a table td.objcond-search-td {display: block;} .new-page-headings a.action.small, .new-page-headings a.action.small:link {margin:10px 0 !important;} /* LOGIN PAGE*/ .XLR8LOGINLOGIN #login-page .login-wrapper .form-col .form-fields input.btn.login {margin: 20px 0 0 0;} .XLR8LOGINLOGIN #learner-page #header {} .XLR8LOGINLOGIN #learner-page #footer {display:block; width: 100%;} .XLR8LOGINLOGIN #footer {position: relative;} .XLR8LOGINLOGIN #footer #footerInner {width:auto;} .XLR8LOGINLOGIN #footer #footerInner #footer_links, .XLR8LOGINLOGIN #footer #footerInner #footerRight { width:300px; margin:0 auto; text-align: center; float:none;} .XLR8LOGINLOGIN #footer #footerInner #footer_links li, .XLR8LOGINLOGIN #footer #footerInner #footerRight li { display: inline-block; float: none; } body.container-resize-module-js.ios.landscape { background-position: center bottom; background-repeat: no-repeat; background-size: cover; } body.container-resize-module-js.ios.landscape.everythingFits { overflow-y: auto; } #learner-page.login-page-v2.ios.landscape #login-page { position: absolute; top: 0px !important; padding-top: 2em !important; } #learner-page.login-page-v2.ios.landscape div#bodycontent, #learner-page.login-page-v2.ios.landscape div#bodycontent_inner, #learner-page.login-page-v2.ios.landscape div.bg-overlay { overflow: hidden; } #learner-page.login-page-v2.ios.landscape #footer { padding-top: initial !important; top: 5em; position: relative !important; } /* two column login*/ .XLR8LOGINLOGIN #login-page.two-col{ width: auto; padding: 0; border: 0; background-color: transparent;} .XLR8LOGINLOGIN #login-page.two-col #welcomeBanner, .XLR8LOGINLOGIN #login-page.two-col .login-wrapper {width: auto; display: block; float: none; box-sizing: border-box;border:0;} .XLR8LOGINLOGIN #login-page.two-col #welcomeBanner{margin:0 0 10px; padding:0; } .XLR8LOGINLOGIN #login-page.two-col .login-wrapper{padding:10px 0 0 0; border-top:solid 1px #d6d6d6;} /* --------------- Shopping cart ------------------*/ #bodycontent .steps-wrapper {display:table; width:100%;padding: 0; margin: -1px 0 0 0 ; max-width: none; /*background-color: #f6f6f6;*/ /*border: solid 1px #d6d6d6 !important; border-width: 0 1px 0 1px !important;*/} #bodycontent .steps-wrapper li.steps {display:table-cell;width:auto;min-width: 25px;float: none;vertical-align: top;} #bodycontent .steps-wrapper li.steps .steps-lnk { border-top: solid 3px #d6d6d6; background:none;height: auto;} #bodycontent .steps-wrapper li.steps.first .steps-lnk, #bodycontent .steps-wrapper li.steps.last .steps-lnk { border-top: solid 3px transparent;} #bodycontent .steps-wrapper li.steps .steps-lnk .step-title {white-space:normal; text-indent:0; font-weight: normal; color: #aaa; white-space: normal; background:none;font-size: 12px;} #bodycontent .steps-wrapper li.steps .steps-lnk.step-completed {} #bodycontent .steps-wrapper li.steps .steps-lnk.step-completed span.step-no { background-size: 14px; background: #0572ce url(/st_toolkit/common/images/icons/step-completed.png) center center no-repeat; border: solid 3px #0572ce;} #bodycontent .steps-wrapper li.steps .steps-lnk.step-curr .step-title, #bodycontent .steps-wrapper li.steps .steps-lnk.step-completed .step-title {color: #333; } #bodycontent .steps-wrapper li.steps .steps-lnk.step-curr .step-title {font-weight: bold;margin: 15px 0;} #bodycontent .steps-wrapper li.steps .steps-lnk span.step-no {/*font-size: 10px;*/ /*border: 0;*/ width:12px; height: 12px; line-height: 12px; font-weight:normal; color: #fff; font-size:0;/*background-color: #d6d6d6;*/ top:-11px;} #bodycontent .steps-wrapper li.steps .steps-lnk.step-curr span.step-no { border: solid 5px #0572ce;width:16px; height: 16px; top:-15px;background-color: #fff;} #bodycontent .steps-wrapper li.steps .steps-lnk.step-completed span.step-no { /*border: 0;*/width:12px; height: 12px; line-height: 12px;background-color: #0572ce; background-size:10px; top:-11px;} #bodycontent .steps-wrapper li.steps .steps-lnk .top-border {background-color: #d6d6d6;} #bodycontent .steps-wrapper li.steps .steps-lnk.step-completed .top-border, #bodycontent .steps-wrapper li.steps .steps-lnk.step-curr .top-border { background-color: #0572ce;} #bodycontent #shop-payment-pages .shop-cart-summary #payment_methods, #bodycontent #shop-payment-pages .shop-cart-total {display: table;width:calc(100% - 32px); clear: both;float: none;} #bodycontent #shop-payment-pages #msg_list{font-size:14px; margin:10px 0 50px; padding: 0 0 0 30px; } #bodycontent #shop-payment-pages .actBtn-wrp{text-align: center;clear: both;} #bodycontent #shop-payment-pages .actBtn-wrp:after{content:'';display:block;clear:both;} .user-address-container .user-address-wrapper li{width:100%;} #shop-payment-pages .promo-payment-wrapper .promo-payment-l{width:auto; float: none;} #bodycontent #shop-payment-pages .promo-payment-wrapper dl.shop-cart-paymenttype dd.ext-btn {margin:0; padding:10px 0; clear: both;} #shop-payment-pages .groupbox h2.group-heading .titletxt{font-size:22px;} .groupbox{padding:0;} /* --------------- Shopping cart V2 ------------------*/ #shop-payment-pages.shoppingcartV2, #pdpPage{font-size: 14px;} #bodycontent #shop-payment-pages.shoppingcartV2 .shop-cart-total, #pdpPage .shop-cart-total{font-size:14px;} #bodycontent #shop-payment-pages.shoppingcartV2 .shop-cart-total input.input-fake, #pdpPage .shop-cart-total input.input-fake {text-align: right;} #shop-payment-pages.shoppingcartV2 table.shopping-items, #pdpPage table.shopping-items { margin: 20px 0!important;} #bodycontent #shop-payment-pages.shoppingcartV2 .shopping-items td, #pdpPage .shopping-items td{display:inline-block;border:0!important;} #shop-payment-pages.shoppingcartV2 table.shopping-items tr.sku-vals:last-of-type, #pdpPage table.shopping-items tr.sku-vals:last-of-type{border-bottom:solid 1px #d6d6d6;} /*#shop-payment-pages.shoppingcartV2 table.shopping-items tr.sku-vals:last-of-type td.tbl-td-block-mobile{border-bottom:0;}*/ #shop-payment-pages.shoppingcartV2 table.shopping-items tr.sku-vals.odd, #shop-payment-pages.shoppingcartV2 table.shopping-items tr.sku-vals.even, #pdpPage table.shopping-items tr.sku-vals.odd, #pdpPage table.shopping-items tr.sku-vals.even{/*background-color: #fff;*/ /*text-align: center;*/} #shop-payment-pages.shoppingcartV2 table.shopping-items tr.sku-vals:after, #pdpPage table.shopping-items tr.sku-vals:after {content:' ';display: block; width:100%;border-bottom:solid 1px #aaa;} #shop-payment-pages.shoppingcartV2 table.shopping-items tr.sku-vals .tiles-layout.table-tiles, #pdpPage table.shopping-items tr.sku-vals .tiles-layout.table-tiles{padding:15px 0;} #shop-payment-pages.shoppingcartV2 table.shopping-items tr.sku-vals .tiles-layout.table-tiles:hover, #pdpPage table.shopping-items tr.sku-vals .tiles-layout.table-tiles:hover{background-color: transparent;} #shop-payment-pages.shoppingcartV2 table.shopping-items td.tbl-td-block-mobile .tiles-layout dl.tiles-content dt, #pdpPage table.shopping-items td.tbl-td-block-mobile .tiles-layout dl.tiles-content dt{font-size: 16px;} #bodycontent #shop-payment-pages.shoppingcartV2 .shopping-items td.right, #pdpPage .shopping-items td.right {float:right;} #bodycontent #shop-payment-pages.shoppingcartV2 .shopping-items td.right.col-amount{float: none;} #bodycontent #shop-payment-pages.shoppingcartV2 .shopping-items .tbl-head-mobile{display:none;} #bodycontent #shop-payment-pages.shoppingcartV2 .shopping-items .tbl-td-block-mobile{/*display:block;border:0!important; border-top:solid 1px #aaa!important;*/} #bodycontent #shop-payment-pages.shoppingcartV2 .shopping-items .tbl-td-block-mobile .multi-col-form ul.form-col{display:inline-block; width: auto;} #shop-payment-pages.shoppingcartV2 table.shopping-items td a.delete, #pdpPage table.shopping-items td a.delete{margin:0 0 0 10px;} #bodycontent #shop-payment-pages.shoppingcartV2 table.shopping-items td.col-qty, #bodycontent #shop-payment-pages.shoppingcartV2 table.shopping-items td.col-amount, #bodycontent #shop-payment-pages.shoppingcartV2 table.shopping-items td.col-unit-price, #bodycontent #shop-payment-pages.shoppingcartV2 table.shopping-items td.col-subsc-startdate, #bodycontent #shop-payment-pages.shoppingcartV2 table.shopping-items td.col-service-credit{font-size:14px;padding-bottom:10px!important;} #shop-payment-pages.shoppingcartV2 table.shopping-items td.col-qty, #bodycontent #shop-payment-pages.shoppingcartV2 table.shopping-items td.col-amount, #bodycontent #shop-payment-pages.shoppingcartV2 table.shopping-items td.col-unit-price{/*font-weight:bold;*/} #bodycontent #shop-payment-pages.shoppingcartV2 table.shopping-items td.col-qty:after{content:'x';display: inline-block;margin:0 8px;font-weight:bold;} #bodycontent #shop-payment-pages.shoppingcartV2 table.shopping-items td.col-unit-price:after{content:'=';display: inline-block;margin:0 0 0 8px;font-weight:bold;} #bodycontent #shop-payment-pages.shoppingcartV2 .promo-payment-wrapper .promo-payment-l, #bodycontent #shop-payment-pages.shoppingcartV2 .promo-payment-wrapper .promo-payment-r{width:auto; float: none;clear: both;} #bodycontent #shop-payment-pages.shoppingcartV2 .promo-payment-wrapper .promo-payment-r{margin-top:15px;} #shop-payment-pages.shoppingcartV2 input.btn.next{width:47%;float:right;margin:0;} #shop-payment-pages.shoppingcartV2 input.btn.paid{width:47%;float:right;margin:0;} #shop-payment-pages.shoppingcartV2 input.btn.back{width:47%;float:left;margin:0;} #shop-payment-pages.shoppingcartV2 input.input-fake{text-align: left;padding:0;} #shop-payment-pages.shoppingcartV2 .shoppingcart-recomendation-courses{height:340px;overflow-x: auto;white-space: nowrap;} #shop-payment-pages.shoppingcartV2 .shoppingcart-recomendation-courses .tiles-layout.one-col-tiles.box{} #shop-payment-pages.shoppingcartV2 #cc_details .cc-details-left, #shop-payment-pages.shoppingcartV2 #cc_details .cc-details-right{width:auto;display:block;float:none;margin:15px 0;} #shop-payment-pages.shoppingcartV2 #cc_details .cc-col .cc-inputs{float: none;} #shop-payment-pages.shoppingcartV2 #billing_address div div, #shop-payment-pages.shoppingcartV2 #contact_details div div, #shop-payment-pages.shoppingcartV2 #credit_card_address div div, #shop-payment-pages.shoppingcartV2 #shipping_address div div, #shop-payment-pages.shoppingcartV2 #licence_key div div { padding: 0 15px;} #shop-payment-pages.shoppingcartV2 .groupbox{padding:0;margin:10px 0;} #shop-payment-pages.shoppingcartV2 #col_right .groupbox {margin:0 0 15px 0;} #shop-payment-pages .steps-wrapper li.steps .steps-lnk span.step-no, #pdpPage .steps-wrapper li.steps .steps-lnk span.step-no{border: solid 3px #d6d6d6; height: 12px; width: 12px;} #shop-payment-pages .steps-wrapper li.steps .steps-lnk .step-title, #pdpPage .steps-wrapper li.steps .steps-lnk .step-title{display: none} #shop-payment-pages .steps-wrapper li.steps .steps-lnk.step-curr .step-title, #pdpPage .steps-wrapper li.steps .steps-lnk.step-curr .step-title{display: inline-block;} #shop-payment-pages.shoppingcartV2 #cc_details .cc-saved table.ccsave-tbl th{display: none;} #shop-payment-pages.shoppingcartV2 #cc_details .cc-saved table.ccsave-tbl td.ccsavecol{border-bottom:0;display:inline-block;} #shop-payment-pages.shoppingcartV2 #cc_details .cc-saved table.ccsave-tbl td.ccsavecol:before{content: attr(data-title);display: inline-block;float: left; margin:0 20px 0 0; font-weight:bold;} #shop-payment-pages.shoppingcartV2 #cc_details .cc-saved table.ccsave-tbl td.ccsavecol.ccsavecol-action:before{display: none;} #shop-payment-pages.shoppingcartV2 #cc_details .cc-saved table.ccsave-tbl td.ccsavecol.ccsavecol-action{border-bottom: solid 1px #d6d6d6; display: block;} #shop-payment-pages.shoppingcartV2 #cc_details .cc-saved table.ccsave-tbl td.ccsavecol-action a.action.small.delete{padding:0!important; font-size:12px!important;color: #1466b2!important; background-image: none!important;} #shop-payment-pages.shoppingcartV2 #cc_details .cc-saved table.ccsave-tbl td.ccsavecol-action a.action.small.delete span{color: #1466b2!important;} /* Survey */ .survey-cotent .main-title, .survey-cotent .title-1, .survey-cotent .title-2, .survey-cotent .answers-title, .survey-cotent .question-row, .survey-cotent .question, #survey-page .survey-cotent .question-row .option{display: block;} #survey-page .survey-cotent .question-row .option { padding: 0 10px 5px 10px!important;} #survey-page .survey-cotent .question-row td{border:0!important;} #survey-page .survey-cotent .question-row .question{border-bottom:solid 1px #aaa!important;padding: 40px 10px 5px 10px!important;} #survey-page .survey-cotent .question-row .option .title-clone{display:inline-block;padding-left:25px;} #survey-page .survey-cotent .answers-title {display: none;} #survey-page table.data td span.survey-label {width:auto; display: inline; float: none;} /* Course Catalogue V2 */ #catalogSearchBrowsePage .adv-search-wrapper.two-col-advancedsearch {border-bottom:solid 1px #d6dfe6;} #catalogSearchBrowsePage .adv-search-wrapper.two-col-advancedsearch .adv-search-l {float:none; width:100%; border-right:0;} #catalogSearchBrowsePage .adv-search-wrapper.two-col-advancedsearch .adv-search-r {float:none; width:100%; padding-left:0px;} #catalogSearchBrowsePage .ant-select {width:23em !important;} /*PDP */ #bodycontent #pdpPage .steps-wrapper{box-sizing: border-box;} #pdpPage .tiles-layout.table-tiles.title-box {padding:10px;} #pdpPage .pdp-blurb.title-style{margin:20px 0;} .table-tiles h2.table_heading{padding-left: 30px; text-indent: -30px;} .table-tiles.sectionHeader h2.table_heading {padding-left: 0; text-indent: 0;} #pdpPage .pdp-nested-summary .pdp-nested-parent{padding:0 5px;} #pdpPage .three-col-tiles .pdp-nested-parent .tiles-col-l, #pdpPage .three-col-tiles .pdp-nested-parent .tiles-col-r, #pdpPage .three-col-tiles .pdp-nested-parent .tiles-col-r .tiles-col-r-l, #pdpPage .three-col-tiles .pdp-nested-parent .tiles-col-r .tiles-col-r-r{width: auto; float: none; clear: both;} #pdpPage .pdp-nested-summary .pdp-nested-child, #pdpPage .pdp-no-nested-summary{padding: 0 10px 0 30px} #pdpPage .pdp-main-cta input.btn.save, .pdp-bottom-nav input.btn.save{ font-size: 0!important; background-position: center!important;} #pdpPage .pdp-main-cta input:nth-child(3), #pdpPage .pdp-main-cta input.btn.next, #pdpPage .pdp-bottom-nav input:nth-child(3), #pdpPage .pdp-bottom-nav input.btn.next, #pdpPage .pdp-main-cta input.btn.back, .pdp-bottom-nav input.btn.back {overflow:hidden; display: inline-block; max-width:45%; white-space: nowrap; text-overflow: ellipsis;} #pdpPage .tiles-layout.four-col-tiles.type-b.b1 .tiles-col-l, #pdpPage .tiles-layout.four-col-tiles.type-b.b1 .tiles-col-r, #pdpPage .tiles-layout.four-col-tiles.type-b.b1 .tiles-col-r1, #pdpPage .tiles-layout.four-col-tiles.type-b.b1 .tiles-col-r2, #pdpPage .tiles-layout.four-col-tiles.type-b.b1 .tiles-col-r3, #pdpPage .three-col-tiles .pdp-nested-parent .tiles-col-l.threeeightpercent, #pdpPage .three-col-tiles .pdp-nested-parent .tiles-col-r.threeeightpercent, #pdpPage .two-col-tiles .pdp-nested-parent .tiles-col-l.eightypercent, #pdpPage .two-col-tiles .pdp-nested-parent .tiles-col-r.eightypercent, #pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-l, #pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r, #pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r1, #pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r2, #pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r3 { float: none!important; clear: both; width: auto; text-align: left;} #pdpPage .tiles-layout.four-col-tiles.type-b.b1 .tiles-col-r, #pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r, #pdpPage .three-col-tiles .pdp-nested-parent .tiles-col-r.threeeightpercent, #pdpPage .two-col-tiles .pdp-nested-parent .tiles-col-r.eightypercent{padding:0 5px;} #pdpPage .pdp-nested-summary .parent-pdp-firstCol .parent-pdp-name, #pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r1, #pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r2, #pdpPage .tiles-layout.four-col-tiles.type-c .tiles-col-r3{padding-right:0; margin-right:0;} #pdpPage #mgrpdpWidget .tiles-layout span.type-icon img, #pdpPage #employeeDetailsContent .tiles-layout span.type-icon img, #pdpPage #SummScreenWidgetSearchResults .tiles-layout span.type-icon img {-webkit-filter: none; -moz-filter: none; filter: none; width:28px;height: 28px;margin:-5px;} } @media only screen and (min-device-width : 568px) and (max-width : 1024px) and (orientation : portrait) { /*#homePageLeftWidgets .collapsible-header .widget-type-set {display:none !important;}*/ #homePageLeftWidgets .collapsible-header h2.table_heading.exp .widget-type-set {display:none !important;} /* Course Catalogue V2 */ #catalogSearchBrowsePage .ant-select {width:50em !important;} } @media only screen and (min-device-width : 568px) and (max-width : 1024px) and (orientation : landscape) { #homePageLeftWidgets .collapsible-header .widget-type-set {display:block !important;} } /* iPads (portrait) ----------- */ @media only screen and (min-width : 768px) and (max-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) { /*calendar*/ .fc-day-grid-container{height:auto!important;} /* TEMPORARY DEV PURPOSES */ #header #headerInner #headerInnerRight #dashboard, #footer {display:none !important;} /* TEMPORARY DEV PURPOSES */ body,html {width:100% !important; font-size:100% !important; margin:0; padding:0; -webkit-text-size-adjust:none;} body.scroll-locked {position: fixed; overflow: hidden; height: 100%; width: 100%; } .desktop-only-el {display:none !important;} h1, h2, h3, h4, h5, h6 {} h1, h1.new-page-headings, div.details_box h1, #pagetitle, #breadcrumb div#pagetitle {font-size:1.5em; line-height:35px; font-weight:600;} h1, h1.new-page-headings, .heading-action h1.new-page-headings, div.details_box h1, #pagetitle, #breadcrumb div#pagetitle {float:none; margin-left:5px;} h2 {font-size:1.2em;} h3, .box h3 {font-size:1em;} #learner-page {width:100% !important; /*height:100% !important;*/} #container {} #col_right, #col_left, #bodycontent, #bodycontent #bodycontent_inner {float:none; width:auto; padding:0;} #bodycontent #bodycontent_inner {} #col_right {display:block !important; padding: 0; width: 100%; margin:0!important;} #bodycontent {padding-top:20px;} #bodycontent #bodycontent_inner {padding:0 15px;} .box, .wrapper.tabcontent, div.details_box {/*padding: 0 5px;*/} .actBtn-wrp {line-height:50px;} .ui-dialog, #iplusOverlayContainer, #iplusOverlayContainer #iplusOverlayOuter, #iplusOverlayContainer #iplusOverlayOuter #iplusOverlayContent {width:100% !important; left: 0 !important; min-width:100%;} #iplusOverlayContainer #iplusOverlayOuter #iplusOverlayContent {padding:0;} span.pageination-wrapper {display:block; margin-top:10px;} #headerInnerRight {display:none;} .content-2cols {display: block; width: 100%;} .actBtn-wrp a.action.small, .actBtn-wrp a.action.small:link, .actBtn-wrp a.action.small:visited, #breadcrumb .actBtn-wrp a.action.small{margin:0 15px 15px 0 !important;} /* ==|== primary navigation styles ===================================================== */ /*input[type=checkbox]{display: none;} input[type=checkbox]:checked ~ #main-menu{display: block; opacity:1;}*/ #header {display:block; width:100%; height:50px; padding:10px 0 0 0;} #header #headerInner {width:100%;} #header #headerInner #headerInnerLeft {margin-left:0; width:100%; float:none;} #header #headerInner #headerInnerRight {float:none; width:100%;} #logo {display:none !important;} #header #logoMobile {display:inline-block; position: absolute; top: 10px; left: 45%; margin:0;} #header #logoMobile img {} #header #top-search-wrp{display:none;} .slideleftmenu-close, .sliderightmenu-close {display: block; padding: 20px; width: 100%; color: #fff; background-color: #333; border:none; border-bottom:1px solid rgba(120, 120, 120, 0.2); cursor: pointer; font-size: 16px; font-weight:bold;} .main-nav, .secondary-nav { display:block; position: relative; width: 27px; height: 27px; padding-top:0; font-size: 1.3em; font-weight: bold; color:#333333; cursor: pointer; } .main-nav{margin-left: 15px;} .secondary-nav{margin-right: 15px; border:solid 1px #aaa; border-radius:50%;} .main-nav:before{ content: ""; position: absolute; left: 0; top: 0.17em; width: 1em; height: 0.2em; background: #424242; box-shadow: 0 0.35em 0 0 #424242, 0 0.7em 0 0 #424242; font-size:1.2em; } .secondary-nav { background:url(../images/icons/2015/icon-user.png) no-repeat center bottom; cursor:pointer;} .sliderightmenu-close {background:url(../images/icons/2015/icon-cross-light.png) no-repeat 15px center;} .slideleftmenu-close {background:url(../images/icons/2015/icon-cross-light.png) no-repeat right 15px center;} .main-nav.primNavActive {} #primary_navigation {padding:0; margin-top:0; /*display:inline-block;*/} #primary_navigation #primNavInner {width:100%;} #primary_navigation li a, #primary_navigation li a:link, #primary_navigation li a:active, #primary_navigation li a:visited {font-size:1em !important;} #primary_navigation li.prim-nav-active a {background-color: transparent;} #primary_navigation ul {width:100% !important; top:60px; margin:0; padding:0; z-index:9999 !important;} #primary_navigation ul li {display:inline-block; width:100% !important; border-right:0; float:none; background-color:#333333 !important; border-bottom:1px solid rgba(120, 120, 120, 0.2);} #primary_navigation ul li {display:inline-block; width:100% !important; border-right:0; float:none; background-color:#333333 !important; border-bottom:1px solid rgba(120, 120, 120, 0.2);} #primary_navigation ul li:last-child {} #primary_navigation ul li a {border-top:none;} #primary_navigation li.dd a span, #primary_navigation li.dd a:active span, #primary_navigation li.dd a:visited span, #primary_navigation li.dd.prim-nav-active a span {display:block; background:transparent url(../images/framework/prim-nav-arrow-white.png) right 8px no-repeat;} #primary_navigation li.dd.prim-nav-hover a span{background:transparent url(../images/framework/prim-nav-arrowup-white.png) right 8px no-repeat;} #primary_navigation li a, #primary_navigation li a:link, #primary_navigation li a:active, #primary_navigation li a:visited, #primary_navigation ul li a:hover, #primary_navigation ul li.prim-nav-hover a, #primary_navigation ul li.prim-nav-active a, #primary_navigation ul li.prim-nav-active.prim-nav-hover a, #primary_navigation li.dd.prim-nav-hover a {background-color:#333; color:#FFF; padding:15px 20px 15px 35px;} /* 2nd level */ #primary_navigation ul li ul {position: static;} #primary_navigation ul li ul li {display:inline-block;} #primary_navigation ul li.dd > ul, #primary_navigation ul li.dd ul { border-color: -moz-use-text-color #e7e7e7 #e7e7e7; border-image: none; border-style: none solid solid; border-width: 0; box-shadow:none !important; top:0; left: 0; margin: 0; min-width: 100%; height: auto; padding: 0; position: relative; width: auto; z-index: 96; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; } #primary_navigation li.dd.prim-nav-hover a, #primary_navigation li.dd.prim-nav-active a, #primary_navigation li.dd ul li {border-bottom:1px solid rgba(120, 120, 120, 0.1);} #primary_navigation li.dd ul li:last-child {border-bottom:none;} #primary_navigation li.dd ul li a, #primary_navigation li.dd ul li a:link, #primary_navigation li.dd ul li a:active, #primary_navigation li.dd ul li a:visited {padding:15px 15px 15px 40px; background-color:#424242; color:#ccc;} #primary_navigation li.dd.prim-nav-hover a {background-color:transparent;} #primary_navigation li.prim-nav-hover a span::after, #primary_navigation li.prim-nav-active a span::after, #primary_navigation li.prim-nav-active.prim-nav-hover a span::after, #primary_navigation li.nav-home a:hover span::after, #primary_navigation li.dd a:hover span::after, #primary_navigation li.dd.prim-nav-hover span::after, #primary_navigation li.dd.prim-nav-active span::after, #primary_navigation li.dd a:active span::after {border-top:none;} #header #headerInner a, #header #headerInner a:link, #header #headerInner a:active, #header #headerInner a:visited {background:transparent; color:#FFF;} /* ==|== Secondary Navigation - Badge Icons ===================================================== */ .mobile-headerwidgets {float:right; display:block;} #header #headerInner #headerInnerLeft #secondary_navigation {float:none; width:100%;} #header #headerInner #headerInnerLeft #secondary_navigation:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;} #header #headerInner #headerInnerLeft #secondary_navigation .notif-badge-wrapper {display:block; width:100%;} .notif-badge-link, .notif-badge-link:link, .notif-badge-link:active, .notif-badge-link:visited, .notif-badge-link:hover, #secondary_navigation a span.notif-badge, #secondary_navigation #location .notif-badge-link {padding:0 !important; width:100%; height: 40px; line-height: 40px; border:none !important; border-bottom: 1px solid rgba(120, 120, 120, 0.2) !important; color:#FFF !important; text-align:center;} #secondary_navigation #location .notif-badge-link {background: transparent url(/st_toolkit/common/images/icons/region_16-light.png) 10px center no-repeat !important;} #secondary_navigation a span.notif-badge {display:inline-block; text-align:center;} .notif-badge-link:hover, .notif-badge-link.active {background-color: #333 !important;} #secondary_navigation #location .notif-badge-link { background: none !important; } #header #headerInner #location a strong { background: transparent url("/st_toolkit/common/images/icons/region_16.png") no-repeat left center !important; padding-left:20px; } #header #headerInner #location a, #header #headerInner #location a strong {font-weight:700 !important;} .notif-badge-content{right:0; position:relative; box-shadow:none;} #secondary_navigation .notif-badge-content ul.badge-content-list { background-image:none; background-position:0 0 !important; border:none; margin: 0; padding: 0; top: 0 !important; width: 100% !important; z-index: 98; } #secondary_navigation .notif-badge-content ul.badge-content-list li {background-color:#333; border-top:1px solid rgba(120, 120, 120, 0.2); border-bottom:1px solid rgba(120, 120, 120, 0.2);} #secondary_navigation .notif-badge-content ul.badge-content-list li.badge-content-title {} #secondary_navigation .notif-badge-content ul li h3 { background: #333 none repeat scroll 0 0; color:#FFF; border: 0 none; border-top:1px solid rgba(120, 120, 120, 0.2); font-size: 14px; font-weight:700; margin: 0; padding: 15px 20px; text-align: left; } #secondary_navigation .notif-badge-content ul.badge-content-list li a { background-color: #333 !important; background-image: none !important; border:none; color: #FFF !important; display: block !important; padding: 15px 20px; text-align: left !important; } #secondary_navigation .notif-badge-content ul.badge-content-list li a:hover, #secondary_navigation #shop-cart .notif-badge-content ul.badge-content-list li a, #secondary_navigation #shop-cart .notif-badge-content ul.badge-content-list li a:hover { background-color: #333 !important; cursor: pointer; text-decoration: none; } #secondary_navigation .notif-badge-content ul.badge-content-list li a.more {border-top:1px solid rgba(120, 120, 120, 0.2); padding:18px 35px 18px 18px;} #secondary_navigation .notif-badge-content ul.badge-content-list li .badge-content-full {padding:15px 30px 15px 15px;} /* Secondary Navigation - Roles */ #headerInnerRight {display:block;} #header #headerInner #headerInnerRight #iplusRoles{display:block;} #header #headerInner #headerInnerRight #iplusRoles a#userRolesLink, #header #headerInner #headerInnerRight #iplusRoles.userroles-hover a#userRolesLink { height: auto; background-color:#333 !important; border:none !important; border-bottom: 1px solid rgba(120, 120, 120, 0.2) !important; color: #fff !important; line-height: normal; padding:15px 35px 15px 20px; } #header #headerInner #headerInnerRight #iplusRoles.userroles-hover a#userRolesLink span:after {border-top:none;} #header #headerInner #headerInnerRight #iplusRoles a#userRolesLink span { background: rgba(0, 0, 0, 0) url(../images/framework/prim-nav-arrow-white.png) no-repeat scroll right center; display: block; line-height: normal; padding:0 25px 0 0; font-weight:normal; } #header #headerInner #headerInnerRight #iplusRoles.userroles-hover a#userRolesLink span{background:transparent url(../images/framework/prim-nav-arrowup-white.png) no-repeat scroll right center;} #header #headerInner #headerInnerRight form.user-roles-menu {width:100% !important; position:relative; box-shadow:none;} #header #headerInner #headerInnerRight #iplusRoles li {display:block; background-color: #333 !important; border:0; border-bottom: 1px solid rgba(120, 120, 120, 0.1);} #header #headerInner #headerInnerRight form.user-roles-menu li button, #header #headerInner #headerInnerRight form.user-roles-menu li button:hover { width:100%; height: 100%; padding: 15px 20px; background-color: #424242; border:none; color: #ccc; cursor: pointer; display: block; font-size: 14px; text-align: left; white-space: nowrap; border-radius:0 !important; } /* ==|== Secondary Navigation - User Settings ===================================================== */ #header #headerInner #headerInnerRight #login_details{display: block; /*border-bottom: 1px solid rgba(120, 120, 120, 0.2);*/} #header #headerInner #headerInnerRight #login_details a#userSettingsLink, #header #headerInner #login_details.usersettings-hover a#userSettingsLink, #header #headerInner #headerInnerRight #login_details.usersettings-hover a#userSettingsLink {color: #fff;background-color:#333; border:0; border-bottom: 1px solid rgba(120, 120, 120, 0.2); white-space:nowrap; padding:15px 35px 15px 20px;} #header #headerInner #headerInnerRight #login_details a#userSettingsLink span, #header #headerInner #headerInnerRight #login_details.usersettings-hover a#userSettingsLink span {display: block; height: auto; padding:0 25px 0 0; background: rgba(0, 0, 0, 0) url(../images/framework/prim-nav-arrow-white.png) no-repeat scroll right center; line-height: normal; font-weight:normal; text-indent: 0px; overflow: hidden; } #header #headerInner #headerInnerRight #login_details.usersettings-hover a#userSettingsLink span{background:transparent url(../images/framework/prim-nav-arrowup-white.png) no-repeat scroll right center;} #header #headerInner #headerInnerRight #login_details.usersettings-hover a#userSettingsLink span:after {border-top:none;} #header #headerInner #headerInnerRight #login_details.usersettings-hover a#userSettingsLink span {display:block; text-indent: 0; overflow: hidden; width:auto;} #header #headerInner #login_details .user-settings-menu, #header #headerInner #login_details.usersettings-hover .user-settings-menu {position:relative; background-color:#333; box-shadow:none; width:100% !important; border:none;} #header #headerInner #headerInnerRight .user-settings-menu li {background-color:transparent; border:0; border-bottom: 1px solid rgba(120, 120, 120, 0.1);} #header #headerInner #login_details .user-settings-menu a {background-color:#424242 !important; border:0;} #header #headerInner #login_details .user-settings-menu li a {color:#ccc;} #header #headerInner #login_details .user-settings-menu a.profile span{background:url(/st_toolkit/common/images/icons/2015/icon-mydetails-light.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.mypreferences span{background:url(/st_toolkit/common/images/icons/2015/icon-mypreferences-light.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.secondnav-help span{background:url(/st_toolkit/common/images/icons/2015/icon-help-light.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.contact span{background:url(/st_toolkit/common/images/icons/2015/icon-contactus-light.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.password span{background:url(/st_toolkit/common/images/icons/2015/icon-password-light.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.secnav-changeusername span{background:url(/st_toolkit/common/images/icons/2015/icon-username.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.edit span{background:url(/st_toolkit/common/images/icons/2015/icon-edit-light.png) no-repeat 0 center;padding-left:40px;} #header #headerInner #login_details .user-settings-menu a.logout{padding:0;} #header #headerInner #login_details .user-settings-menu a.logout span{ background:url(/st_toolkit/common/images/icons/2015/icon-logout.png?1) no-repeat 0 center; padding:18px 18px 18px 70px; display:inline-block;} #header #headerInner #headerInnerRight #dashboard a.dashboard.selected span:after, #header #headerInner #headerInnerRight #dashboard a.dashboard:hover span:after {border-top:none;} #learner-page #homePage {width:100% !important; height:100% !important; min-height:100% !important;} #learner-page #homePage h2.table_heading, .homepagewidget-container h2.header-wrp {font-size:1em; padding:5px 0 5px 5px;} h2.table_heading.homepagewidget-header .homepagewidget-header-txt, h2.table_heading.header-wrp .header-txt {vertical-align: top;} .homepagewidget-container h2.table_heading.homepagewidget-header .homepagewidget-header-total, h2.table_heading.header-wrp .header-total { background-color: #fff; border: 1px solid #d6dfe6; border-radius: 30px; display: inline-block; font-size: 0.8em; font-weight: normal; line-height: 20px; min-width: 18px; padding: 0 5px; text-align: center; text-indent: 0; vertical-align: middle; } #homePageLeftWidgets {min-height:100%; /*padding:0 15px;*/} #learner-page #homePage #col_right .box {/*margin:0 15px 15px 15px;*/} .heading-action {display: inline-block; width: 100%; margin: 0 0 20px 0;} .heading-action .heading-buttons {float: none; margin: 5px 0 0 5px; padding: 0;} .heading-action .heading-buttons:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;} .Grid-layout {/*padding:0 15px;*/} /* ------------------------------ Announcement widget------------------*/ div#main_announce ul li span.announce-item div.desc-full {width:auto;} .tiles-layout {} label.label-text {font-size:12px; color:#333; font-weight:bold; margin-right:5px;} span.value-text {font-size:12px; color:#333; } span.value-text img{height:14px;} div.details_box h1:before, div.details_box h2:before, div.details_box h1:after, div.details_box h2:after {display:none;} /* WHITE version icons - to work on dark mobile background ------ */ .icon.standard-user-group.small {background-image: url(../images/icons/2015/icon-standard-user-group-small-white.png);} .two-col-tiles {} .tiles-layout.two-col-tiles .tiles-col-l .box {margin:0;} .threecol-wrapper {} .tiles-layout.three-col-tiles {} .tiles-layout.table-tiles {padding: 10px 0; border-bottom:1px solid #eee;} #course-structure-v2 .tiles-layout.table-tiles, #search_results .tiles-layout.table-tiles{position: relative;} .tiles-layout.table-tiles.sectionHeader{padding: 15px;} .tiles-layout.table-tiles:hover { background-color: #ebeced;} .tiles-layout.table-tiles.noBox:hover,.tiles-layout.table-tiles.sectionHeader:hover { background-color: transparent; } .tiles-layout.table-tiles.indent-10, .tiles-layout.table-tiles.indent-20, .tiles-layout.table-tiles.indent-30, .tiles-layout.table-tiles.indent-40, .tiles-layout.table-tiles.indent-50, .tiles-layout.table-tiles.indent-60, .tiles-layout.table-tiles.indent-70, .tiles-layout.table-tiles.indent-80, .tiles-layout.table-tiles.indent-90, .tiles-layout.table-tiles.indent-100{} .tiles-layout.table-tiles.indent-0{padding:20px 0;} .tiles-layout.table-tiles.indent-10{padding:20px 0 20px 20px;} .tiles-layout.table-tiles.indent-20{padding:20px 0 20px 40px;} .tiles-layout.table-tiles.indent-30{padding:20px 0 20px 60px;} .tiles-layout.table-tiles.indent-40{padding:20px 0 20px 80px;} .tiles-layout.table-tiles.indent-50{padding:20px 0 20px 100px;} .tiles-layout.table-tiles.indent-60{padding:20px 0 20px 120px;} .tiles-layout.table-tiles.indent-70{padding:20px 0 20px 140px;} .tiles-layout.table-tiles.indent-80{padding:20px 0 20px 160px;} .tiles-layout.table-tiles.indent-90{padding:20px 0 20px 180px;} .tiles-layout.table-tiles.indent-100{padding:20px 0 20px 200px;} .tiles-layout.table-tiles:last-child,.tiles-layout.table-tiles:only-of-type {border-bottom:solid 1px #d6dfe6;} .tiles-layout.table-tiles:first-child {border-top:solid 1px #d6dfe6;} .collapsible-header .tiles-layout.table-tiles, .collapsible-header .tiles-layout.table-tiles:first-child {border:0;} .tiles-layout.table-tiles.sectionHeader {} .tiles-layout.table-tiles.sectionHeader h2.table_heading.exp{border:0 !important; background-color:transparent;} .tiles-layout.table-tiles.noBox {padding:20px 0;border: 0;} .tiles-layout.three-col-tiles .tiles-col-l {float:left; width:87%; margin-right:0px; } #course-structure-v2 .collapsible-content .tiles-layout.three-col-tiles .treeNode, #search_results .tiles-layout.three-col-tiles .treeNode{padding:0; display: inline-block; vertical-align: top;} .tiles-layout.three-col-tiles.sectionHeader.locked{opacity:0.4;} .tiles-layout.three-col-tiles.sectionHeader.locked .tiles-col-l{background:url(../images/icons/2015/icon-locked-large) right 10px no-repeat;} .tiles-layout.three-col-tiles .tiles-col-l-l {float:left; display: table-cell;} .tiles-layout.three-col-tiles .tiles-col-l-r {display: table-cell; padding-left: 5px;} .tiles-layout.table-tiles.sectionHeader .tiles-col-l-l , .tiles-layout.table-tiles.sectionHeader .tiles-col-l-r {display:block;} .tiles-layout .desc-wrp {clear:both;} .tiles-layout .desc-wrp.collapsible .desc-txt{display:none; padding: 15px 0;} .tiles-layout .desc-wrp.collapsible .desc-txt .togglecourse .value-text{border:solid 1px #d6dfe6; padding:11px 25px 11px 15px; display: inline-block; border-radius: 3px;color:#333; background:url("/st_toolkit/common/images/framework/prim-nav-arrow-dark.png") no-repeat right 8px center;} .tiles-layout .desc-wrp.collapsible .desc-txt img{float:left; margin:0 10px 10px 0;} .tiles-layout .desc-wrp.collapsible .desc-tgl .show-desc {display:none;} .tiles-layout .desc-wrp.collapsible .desc-tgl.hiddentxt .show-desc {display:inline;} .tiles-layout .desc-wrp.collapsible .desc-tgl.hiddentxt .hide-desc {display:none;} .tiles-layout .desc-wrp .desc-tgl{font-weight:700; color:#333 ;padding-left:20px;background:transparent url(../images/icons/2015/icon-minus.png) no-repeat left center;} .tiles-layout .desc-wrp .desc-tgl.hiddentxt{background:transparent url(../images/icons/2015/icon-plus.png) no-repeat left center;} .tiles-layout .desc-wrp .desc-tgl:hover{text-decoration: none;} .tiles-layout.three-col-tiles .tiles-title, .tiles-layout.three-col-tiles dl.tiles-content dt a {font-size:18px;} .tiles-layout.three-col-tiles dl.tiles-content dt a:hover {text-decoration: none; color: #2d1d85;} .tiles-layout dl.tiles-content {margin-right:0px; text-align:left; font-size:12px;} .tiles-layout dl.tiles-content .title-2col:after{content: ''; display: block; clear: both;} .tiles-layout dl.tiles-content .title-2col .title-leftcol {float:left; width:auto; margin-top:5px; margin-right:5px;} .tiles-layout dl.tiles-content .title-2col .title-rightcol {float:left; width:80%;} .tiles-layout dl.tiles-content .header-txt{line-height: normal;} .tiles-layout dl.tiles-content dt {margin-bottom:6px; font-size: 18px;} .tiles-layout dl.tiles-content dd {} .tiles-layout dl.tiles-content ul {list-style:none; margin:0; padding:0;} .collapsible-header .tiles-layout dl.tiles-content dd {padding-left:35px;} .tiles-layout dl.tiles-content ul li.label-value {float:left; margin-right:15px; margin-bottom:5px;} .tiles-layout dl.tiles-content ul li.label-value.attrAction{float: right; margin:0;} .tiles-layout dl.tiles-content ul li.label-value .actionlabel{background:none; padding:0; display:inline-block; border:0;} .tiles-layout dl.tiles-content ul li.label-value .actionlabel:after{background:none;height:auto;width: auto; position: static;} .tiles-layout dl.tiles-content ul li.date-label {float:left; height:100%; margin-right:20px; margin-bottom:5px; font-size:12px; color:#757575; background: transparent url(/st_toolkit/common/images/icons/2015/icon-date12.png) no-repeat scroll left center; padding-left: 20px;} .tiles-layout dl.tiles-content ul li.location-label, .tiles-layout dl.tiles-content ul li.address-label {float:left; height:100%; margin-right:20px; margin-bottom:5px; font-size:12px; color:#757575; background: transparent url(/st_toolkit/common/images/icons/location_16.png) no-repeat scroll left center; padding-left: 20px;} .tiles-layout dl.tiles-content ul li.session-label {float:left; height:100%; margin-right:20px; margin-bottom:5px; font-size:12px; color:#757575; background: transparent url(/st_toolkit/common/images/icons/2015/icon-session12.png) no-repeat scroll left center; padding-left: 20px;} .tiles-layout .progress-bar {/*float:left;*/box-sizing: border-box; height:18px; /*margin-top:1px;*/ margin-right:20px; margin-bottom:5px; font-size:12px; color:#333; display: inline-block; vertical-align: top; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow: hidden;} .tiles-layout a.action.small, .tiles-layout a.action.small:link, .tiles-layout a.action.small:visited {padding:11px 15px !important;display: block; text-transform: uppercase;margin-right: 0 !important; margin-top: 20px !important;} .tiles-layout .action-but-wrapper, #learner-page .tiles-layout .actions-withtext.multi-action-btns, #learner-page .tiles-layout .actions-withtext.multi-action-btns dt, #learner-page .tiles-layout .actions-withtext.multi-action-btns dt a.small.action.multi, #learner-page .tiles-layout .actions-withtext.multi-action-btns dt a.action.small.multi span {display: block !important;} .tiles-layout a.action.small span, .tiles-layout a.action.small:link span, .tiles-layout a.action.small:visited span {line-height:20px; white-space:normal;display: block; text-align: center;} .tiles-layout dl.tiles-content dt a.action.small, .tiles-layout dl.tiles-content dt a.action.small:link, .tiles-layout dl.tiles-content dt a.action.small:visited {padding:0 !important;} .tiles-layout .icon.small{width:18px; height: 18px; border:18px; background-size: 18px;} .tiles-layout.three-col-tiles .tiles-col-l {width:100%;} .tiles-layout.three-col-tiles.fc-head-r .tiles-col-l {margin-top:10px;} .tiles-layout.three-col-tiles .tiles-col-r {/*float:none; */width:100%;/* margin-left:50px;*/ text-align: left;} /*.tiles-layout.three-col-tiles .tiles-col-l-l {float:none; margin-right:0;}*/ span.type-icon {margin: 0;} /* ==|== col-r with icon/donut ===================================================== */ .tiles-layout.three-col-tiles.fc-head-r .tiles-col-r {float:left; width:25%; margin-left:0;} /* ==|== Course Details - Ratings Widget ===================================================== */ #offeringRatingsContent {} .rating-wrp.tiles-layout.two-col-tiles {} .rating-wrp.tiles-layout.two-col-tiles .tiles-col-l, .rating-wrp.tiles-layout.two-col-tiles .tiles-col-r {float:none; width:100%;} .rating-wrp.tiles-layout.two-col-tiles .tiles-col-r {margin-top:20px;} .rating-wrp .ratingBars {margin-top:15px; text-align:center;} .rating-wrp .ratingBars .rating-bar-wrp {text-align:left;} .tiles-layout.two-col-tiles.rating-commnet-wrp {/*background-color:#FFF;*/} .tiles-layout.two-col-tiles.rating-commnet-wrp .reviewer-img {} .tiles-layout.two-col-tiles.rating-commnet-wrp .rating-comment {width:70%;} .tiles-layout.two-col-tiles.rating-commnet-wrp .rating-comment:before {display:none;} #ratingsSummary{margin:0 auto; margin-bottom:20px; background-color: #f6f6f6; width: 90%; padding: 5%;} #ratingsParent{margin:0 auto;width: 100%;} /* ==|== Course Details - Course Structure ===================================================== */ #courseStructure .tiles-layout.three-col-tiles .tiles-col-r {/*margin-left:90px;*/width:100%; text-align: left;} /* ==|== FORMS ===================================================== */ #mobile-search-btns-cont, #collapsible-search #adv-search-toggle, #collapsible-search #adv-search-toggle-2, #collapsible-search td.first-search-field, #collapsible-search td.search-btns-cont, #collapsible-search .adv-search-wrapper td, #collapsible-search table, #collapsible-search tbody, #collapsible-search tr {display:block;} #collapsible-search td {display:block;} #collapsible-search td.inp-txt-label, #collapsible-search td.left, #collapsible-search td.search-btns-cont {float:left;} #collapsible-search .summ-page-search-btns {text-align:left !important;} .search-wrapper, .search-wraper, #dialogBoxContent .search-wrapper, #dialogBoxContent .search-wraper { background-color: #fff; border: 0; padding: 10px; z-index: 9; font-size: 100%; color: #757575; border: solid 1px #d6dfe6; border-bottom:0; } .adv-search-wrapper, .adv-search-wraper { background-color: #FFF; padding: 10px; font-size: 100%; border: solid 1px #d6dfe6; border-bottom:0; border-top: 0; overflow: hidden; z-index: 8; } .adv-search-wrapper td, .adv-search-wraper td {color: #757575 !important;} #collapsible-search td.search-btns-cont#learner-adv-search-toggle-cont {float:none; padding:0 5px !important;} #mobile-search-btns-cont {background-color: #fff; padding: 5px; border-left:1px solid #d6dfe6; border-right1px solid #d6dfe6; border-bottom:1px solid #d6dfe6;} #mobile-search-btns-cont input, #collapsible-search input.btn.search, #collapsible-search input.btn.clear-fields {width:100%; margin-bottom:15px; /*margin-right:5px;*/ display: block;} ul.form-col {} ul.form-col li.form-fields {} ul.form-col li.form-fields input[type='text'], ul.form-col li.form-fields textarea, ul.form-col li.form-fields select {display:inline-block !important; width:100%;} ul.form-col li.form-fields input.hasDatepicker {width:auto;} .multi-col-form ul.form-col, .multi-col-form ul.form-col li.form-fields {display:block; width:100%;} .multi-col-form ul.form-col.btns {/*margin-top:0;*/} .multi-col-form ul.form-col.btns li.form-fields {} .multi-row-form ul.form-col {padding: 0; margin: 0;} #collapsible-search .search-wrapper:after, #collapsible-search .adv-search-wrapper:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;} /* ==|== Tables ===================================================== */ h2.table_heading .table-heading-wrapper {width: 100%;} #search-result-container h2.table_heading {padding: 5px; border-bottom: 1px solid #f3f3f3;} /* ==|== TABS structure ===================================================== */ .tabbing-ctrl-wrapper {/*-webkit-user-select: none;*/ display: block; /*overflow-y: hidden;*/ padding: 0; position: relative;/* -webkit-overflow-scrolling: touch; overflow-x: scroll;*/ height: 40px; margin: 8px 5px; /*background-color: #f6f6f6;*/} .tabbing-ctrl-wrapper::-webkit-scrollbar{display:none;} .tabbing-ctrl-wrapper:after {content: ''; display: block; width:20px; height:40px; position: absolute; right:0; top:0; z-index: 51; background: #f6f6f6; background: -webkit-linear-gradient( right, rgba(246,246,246,0), rgba(246,246,246,1)); background: -o-linear-gradient( right, rgba(246,246,246,0), rgba(246,246,246,1)); background: -moz-linear-gradient( right, rgba(246,246,246,0), rgba(246,246,246,1)); background: linear-gradient( to right, rgba(246,246,246,0), rgba(246,246,246,1));} .tabbing-ctrl-wrapper .tabbing-ctrl {display:block !important; position:relative !important; white-space:nowrap !important; background-color:#f6f6f6; overflow:hidden; border:0; font-size:0; -webkit-user-select: none; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-x: scroll;} .tabbing-ctrl-wrapper .tabbing-ctrl::-webkit-scrollbar{display:none;} .tabbing-ctrl-wrapper .tabbing-ctrl:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;} .tabbing-ctrl-wrapper .tabbing-ctrl li {float:none; display:inline-block; margin:0 !important; padding:0 !important;} .tabbing-ctrl-wrapper .tabbing-ctrl li a, .tabbing-ctrl-wrapper .tabbing-ctrl li a:link {border:none; margin:0 !important; box-shadow:none !important; font-size:14px;background-color:#f6f6f6; font-weight: 700; color: #333; text-transform: uppercase;} .tabbing-ctrl-wrapper .tabbing-ctrl li a.active {border-bottom:3px solid #0572ce !important; padding-bottom:8px; background-color:#f6f6f6; color: #0572ce;} .wrapper.tabcontent {border:0; margin-top:0;} /* Manager Assessment Widget*/ /*#mgrassessWidget .widget-table td{display:block; width: auto !important;}*/ #collapsible-search.l-type-a table td.objcond-search-td {display: block;} .new-page-headings a.action.small, .new-page-headings a.action.small:link {margin:10px 0 !important;} /* LOGIN PAGE*/ .XLR8LOGINLOGIN #login-page .login-wrapper .form-col .form-fields input.btn.login {margin: 10px 0 0 0;} .XLR8LOGINLOGIN #learner-page #footer {display:block; visibility:hidden;} .XLR8LOGINLOGIN #footer #footerInner {width:auto;} .XLR8LOGINLOGIN #footer #footerInner #footer_links, .XLR8LOGINLOGIN #footer #footerInner #footerRight { width:300px; margin:0 auto; text-align: center; float:none;} .XLR8LOGINLOGIN #footer #footerInner #footer_links li, .XLR8LOGINLOGIN #footer #footerInner #footerRight li {display: inline-block; float: none;} } /* iPads (landscape) ----------- */ @media only screen and (min-width : 768px) and (max-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : landscape) { }