/* CSOD OVERRIDE */
#course-frames {
	display: none;
}

#ctl00_pnlBR {
	display: none;
}
.widgetDropped {
	margin: 0 !important;
}
/*#mainContainer {
  padding:0!important;
}
#ctl00_ContentPlaceHolder1_widgetLayout_rptWidgets_ctl00_widgetContainer_ctl00_pnlFeaturedTraining {
  display:none;
}
#ctl00_ContentPlaceHolder1_widgetLayout_rptWidgets_ctl01_widgetContainer_ctl00_pnlSuggestedTraining {
  display:none;
}
/* GENERAL */
body,
html {
	font-family: "deliveryregular", sans-serif !important;
	font-size: 14px;
	overflow-x: hidden;
}

::selection {
	background: #ffcc01;
	color: white;
}

#course_image_link {
	height: 100%;
}

/* .grid-margin-x.large-up-4 > .cell {
  width: calc(25% - 1.876rem);
} */

.course-block .show-on-load {
	display: none;
}
.course-block .show-before-load {
	display: block;
}

.course-block.active .show-on-load {
	display: block;
}
.course-block.active .show-before-load {
	display: none;
}

.banner-top {
	height: 60vh;
	width: 100%;
	background-image: url("../images/banner-a.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#it,
#hr,
#air_freight,
#finance,
#solutionsDesigns,
#operationsExcellence,
#warehouse,
#sales_marketing {
	display: none;
	opacity: 0;
	transition: all 3s;
	-webkit-transition: all 3s;
}
#it.active,
#hr.active,
#finance.active,
#air_freight.active,
#solutionsDesigns.active,
#operationsExcellence.active,
#warehouse.active,
#sales_marketing.active {
	opacity: 1;
}
.f_height {
	height: 100%;
}
.f_width {
	width: 100%;
}
.shadow {
	-webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
.profile_pic img {
	border-radius: 50%;
	height: 120px;
	width: 120px;
}
.quick_icons img {
	height: 62px;
	width: auto;
}
.circle {
	height: 40px;
	width: 40px;
	border-radius: 50%;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	box-sizing: initial;
	background-color: #0699ff;
}
hr.blue_hr {
	width: 80px;
	height: 2px;
	background-color: #0699ff;
	margin: 1.25rem 0;
	border: 0;
}
.page-number {
    font-size: 20px;
    padding: 5px 10px;
    color: #fff;
    background-color: #ffcc01;
    border-radius: 7px;
    margin: 0px 6px;
    font-weight: 500;
    cursor: pointer;
}

.page-number.active {
  opacity: 0.5;
  cursor: auto;
}
.left_offset {
	margin-left: -20.75%;
	z-index: 0;
}
.z-1 {
	z-index: 1;
}
.learningImages {
	background-size: cover;
	background-repeat: no-repeat;
	height: 210px;
}
.cscs_img img {
	width: 60px;
	height: auto;
}
.banner_background {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 34vh;
	width: auto;
	background-image: url("../images/dgf-banner.jpg");
	margin-top: -20px;
}
.cscs_banner_background {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 34vh;
	width: auto;
	background-image: url("../images/cscs-banner-image.jpg");
}

.background-image-controller {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 320px;
	width: auto;
}
.tile_1 {
	background-image: url("../images/hr.jpg");
}
.tile_2 {
	background-image: url("../images/bpo&it.jpg");
}
.tile_3 {
	background-image: url("../images/finance.jpg");
}
.tile_4 {
	background-image: url("../images/sales&marketing.jpg");
}
.tile_5 {
	background-image: url("../images/air-freight.jpg");
}
.tile_6 {
	background-image: url("../images/ocean-freight.jpg");
}
.tile_7 {
	background-image: url("../images/road-freight.jpg");
}
.tile_8 {
	background-image: url("../images/custom-cdz.jpg");
}
.tile_9 {
	background-image: url("../images/industrial-products.jpg");
}
.tile_10 {
	background-image: url("../images/global.jpg");
}

/* WO Tiles */
.wotile_1 {
	background-image: url("../images/front-line-operator.png");
}
.wotile_2 {
	background-image: url("../images/warehouse-operations-first-line-manager.jpg");
}
.wotile_3 {
	background-image: url("../images/warehouse-operations-second-line-manager.jpg");
}
.wotile_4 {
	background-image: url("../images/Site-Leader.png");
}

/* IT Tiles */
.ittile_1 {
	background-image: url("../images/it-digital-trans.png");
}
.ittile_2 {
	background-image: url("../images/it-digital-transformation.jpg");
}
.ittile_3 {
	background-image: url("../images/it-wms.jpg");
}
.ittile_4 {
	background-image: url("../images/it-asm.png");
}

/* Air Freight Tiles */
.airtile_1 {
	background-image: url("../images/af-operator.jpg");
}
.airtile_2 {
	background-image: url("../images/af-supervisor.jpeg");
}
.airtile_3 {
	background-image: url("../images/af-manager.jpeg");
}

/* Sales & Marketing Tiles */
.sales_marketing_1 {
	background-image: url("../images/Field_Sales_AFR.jpg");
}
.sales_marketing_2 {
	background-image: url("../images/Field_Sales_OFR.jpg");
}
.sales_marketing_3 {
	background-image: url("../images/Sales_Management.jpg");
}
.sales_marketing_4 {
	background-image: url("../images/Country_KAM_BD.jpg");
}
.sales_marketing_5 {
	background-image: url("../images/MNC_KAM_BD.jpg");
}
.sales_marketing_6 {
	background-image: url("../images/Sales_Support.jpg");
}
.sales_marketing_7 {
	background-image: url("../images/Indoor_Sales.jpg");
}
.sales_marketing_8 {
	background-image: url("../images/Marketing.jpg");
}
.sales_marketing_9 {
	background-image: url("../images/Sector_Dedicated_Teams.jpg");
}

/* HR Tiles */
.hrtile_1 {
	background-image: url("../images/hr-business-partner.jpg");
}
.hrtile_2 {
	background-image: url("../images/hr-compensation-and-benefits.jpg");
}
.hrtile_3 {
	background-image: url("../images/hr-talent-management-acquisition-certified.jpg");
}
.hrtile_4 {
	background-image: url("../images/hr-programs-and-performance.jpg");
}

/* Finance Tiles */

.financetile_1 {
	background-image: url("../images/finance-controlling-and-data-analytics.jpg");
}
.financetile_2 {
	background-image: url("../images/hr-talent-management.png");
}
.financetile_3 {
	background-image: url("../images/finance-compliance.jpg");
}
.financetile_4 {
	background-image: url("../images/finance-commercial-investment-controlling-merges-and-acquisitions.jpg");
}

/* Solutions Design Tiles */
.solutionstile_1 {
	background-image: url("../images/solutions-design-facility-design.jpg");
}

.solutionstile_2 {
	background-image: url("../images/solutions-desgin-transport-design.jpg");
}

.solutionstile_3 {
	background-image: url("../images/solutions-design-facility.png");
}

/* Operations Excellence Tiles */
.oetile_1 {
	background-image: url("../images/operations-excellence-quality.jpg");
}

.oetile_2 {
	background-image: url("../images/ops-excellence-gogreen.png");
}

.oetile_3 {
	background-image: url("../images/operations-excellence-project-delivery.jpg");
}

.oetile_4 {
	background-image: url("../images/operations-excellence-health-safety-and-security.jpg");
}

.oetile_5 {
	background-image: url("../images/operations-excellence-oms-first-choice.jpg");
}

.oetile_6 {
	background-image: url("../images/operations-excellence-operations-development.jpg");
}

.tile_height {
	height: 320px;
}
.rel_cont {
	position: relative;
}
.yellow-flag {
	position: absolute;
	z-index: 10;
	width: 0px;
	height: 0px;
	top: 0;
	right: 0;
	border-style: solid;
	border-width: 0 55px 55px 0;
	border-color: transparent #fecc01 transparent transparent;
}
.yellow-flag img {
	width: 16px;
	height: 20px;
	max-width: 20px;
}
.flag_icon {
	right: -50px;
	top: 5px;
	position: absolute;
	font-size: 1.4rem;
}
.sticky {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	z-index: 20;
}
.has-tip {
	border-bottom: dotted 0px #8a8a8a;
	font-weight: normal;
}
.tooltip {
	background-color: #fff;
	font-size: 100%;
	color: #000;
	-webkit-box-shadow: 0px 2px 3px #00000029;
	box-shadow: 0px 2px 3px #00000029;
}
.tooltip.bottom::before {
	border-color: transparent transparent #fff;
}
.input-group select:focus {
	outline: none;
}
/* FONTS */
@font-face {
	font-family: "deliverybold";
	src: url("../fonts/delivery_bd-webfont.woff2") format("woff2"),
		url("../fonts/delivery_bd-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "deliverylight";
	src: url("../fonts/delivery_lt-webfont.woff2") format("woff2"),
		url("../fonts/delivery_lt-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "deliveryregular";
	src: url("../fonts/delivery_rg-webfont.woff2") format("woff2"),
		url("../fonts/delivery_rg-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
.bold_font {
	font-family: "deliverybold", sans-serif;
}
.bold_reg_font {
	font-family: "deliveryregular", sans-serif;
}
.light_font {
	font-family: "deliverylight", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-family: "deliverybold", sans-serif;
	margin-bottom: 0px;
}
.font_075 {
	font-size: 0.75rem;
}

.font_1 {
	font-size: 1rem;
}
.font_1-2 {
	font-size: 1.2rem;
}
.font_1-4 {
	font-size: 1.4rem;
}
.font_2 {
	font-size: 2rem;
}
.font_3 {
	font-size: 3rem;
}
/* LINKS AND BUTTONS */
.green_pill a {
	padding: 0.75rem 1.5rem;
	border-radius: 20px 20px;
	border: 1px #a3d624 solid;
	background: transparent;
	color: #203965;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.green_pill a:hover {
	padding: 0.75rem 1.5rem;
	border-radius: 20px 20px;
	border: 1px #a3d624 solid;
	background: #a3d624;
	color: #fff;
}

#breadcrumbs .fa-home {
	font-size: 1.1rem;
}

.flex-container.dd {
	height: 42px;
}

.breadcrumb_link_w a,
.breadcrumb_link_w a:visited,
.breadcrumb_link_w a:active,
.breadcrumb_link a,
.breadcrumb_link a:visited,
.breadcrumb_link a:active {
	color: #000;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.breadcrumb_link a:hover {
	color: #d40511;
}
.breadcrumb_link_end a,
.breadcrumb_link_end a:visited,
.breadcrumb_link_end a:active {
	color: #000;
	font-weight: bold;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.breadcrumb_link_end a:hover {
	color: #ffcd00;
	font-weight: bold;
}
.breadcrumb_link_w a:hover {
	color: #d40511;
}
.breadcrumb_link_end_w a:hover {
	color: #d40511;
}

a.tile_link {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a.tile_link .continue_arrow {
	color: #fff;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a.tile_link:hover .continue_arrow {
	color: #fff;
	opacity: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a.tile_link .fa-arrow-right {
	padding-left: 0px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a.tile_link:hover .fa-arrow-right {
	padding-left: 10px;
}

a.tile_link:hover > .black_trans_bg {
	background: rgba(0, 0, 0, 0.6);
}
.black_link a {
	color: #000;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.black_link a:hover {
	color: #fecc01;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.course-drop {
	color: #000;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
}
.course-drop:hover {
	color: #fecc01;
}
/* COLOURS */
.white {
	color: #fff;
}
.white_bg {
	background-color: #fff;
}
.red {
	color: #d40511;
}
.red_bg {
	background-color: #d40511;
}
.yellow {
	color: #fecc01;
}
.yellow_bg {
	background-color: #fecc01;
}
.black_trans_bg {
	background: rgba(0, 0, 0, 0.4);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

/* PADDING */
.t_padding_1 {
	padding-top: 1rem;
}
.t_padding_2 {
	padding-top: 2rem;
}
.t_padding_3 {
	padding-top: 3rem;
}
.t_padding_4 {
	padding-top: 4rem;
}
.t_padding_6 {
	padding-top: 6rem;
}
.tb_padding_2 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.padding_1 {
	padding: 1rem;
}
.padding_2 {
	padding: 2rem;
}
.padding_3 {
	padding: 3rem;
}
.padding_4 {
	padding: 4rem;
}
.l_padding_41perc {
	padding-left: 31.5%;
}
.l_padding_0-65rem {
	padding-left: 0.65rem;
}
.l_padding_1rem {
	padding-left: 1rem;
}

/* MARGINS */
.t_margin_m_2 {
	margin-top: -2rem;
}
.t_margin_1 {
	margin-top: 1rem;
}
.t_margin_2 {
	margin-top: 2rem;
}
.t_margin_3 {
	margin-top: 3rem;
}
.t_margin_4 {
	margin-top: 4rem;
}
.t_margin_6 {
	margin-top: 6rem;
}
.t_margin_8 {
	margin-top: 8rem;
}
.b_margin_0-5 {
	margin-bottom: 0.5rem;
}
.b_margin_1 {
	margin-bottom: 1rem;
}
.b_margin_2 {
	margin-bottom: 2rem;
}
.b_margin_3 {
	margin-bottom: 3rem;
}
.b_margin_4 {
	margin-bottom: 4rem;
}
.b_margin_6 {
	margin-bottom: 6rem;
}
.b_margin_8 {
	margin-bottom: 8rem;
}
.b_margin_m_2 {
	margin-bottom: -2rem;
}
.l_margin_0-5 {
	margin-left: 0.5rem;
}
/* FORM OVERRIDES */
.dd {
	background: #fff;
	cursor: pointer;
	padding: 0.65rem 1rem;
}
.filter-option {
	background-color: #fff;
	color: #000;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	padding: 0.65rem 1rem;
	cursor: pointer;
}
.filter-option:hover {
	background-color: rgba(0, 0, 0, 0.1);
	color: #d40511;
}
.dropdown-pane {
	padding: 0rem;
	z-index: 25;
}
.input-group-label.dhl_form_label {
	border: none;
	background: #fff;
}
[type="text"].dhl_form_label {
	border-left: 0px;
	height: 42px;
	border: none;
	background-color: #fff;
	-webkit-box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.1);
	box-shadow: inset 0 0px 0px rgba(10, 10, 10, 0.1);
}

#category-dd {
	width: 100%;
	font-size: 1.2rem;
	text-align: center;
	border-bottom: solid 2px #d40511;
	padding: 2.2rem 2rem;
}

#example-dropdown-cat {
	width: 100%;
	font-size: 1.2rem;
	text-align: center;
}
#example-dropdown-cat .cell {
	padding: 1.1rem 0rem;
}
.tab-dropdown:hover {
	cursor: pointer;
}

select.dhl_form_label {
	height: 42px;
	border: none;
	background-color: #fff;
}
legend {
	margin-right: 0.5rem;
	display: block;
	margin-top: 2px;
	vertical-align: baseline;
}
input[type="radio"] {
	-webkit-appearance: none;
	width: 30px;
	height: 30px;
	border: 1px solid #cacaca;
	background-color: #fff;
	border-radius: 50%;
	outline: none;
	box-shadow: 0 0 0px 0px gray inset;
}

input[type="radio"]:hover {
	box-shadow: 0 0 0px 0px orange inset;
}

input[type="radio"]:before {
	content: "";
	display: inline-block;
	width: 70%;
	height: 70%;
	margin: auto;
	border-radius: 50%;
}
input[type="radio"]:checked:before {
	background: #d40511;
	top: 0.28rem;
	left: 0.28rem;
	position: relative;
}
select:focus {
	outline: none;
	border-left: 0px;
	border-right: 1px solid #cacaca;
	border-top: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	background-color: #fff;
	-webkit-box-shadow: 0 0 0px #cacaca;
	box-shadow: 0 0 0px #cacaca;
}
/* TABS OVERRIDES */
.tabs {
	margin: 0;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 1px solid #cacaca;
	-webkit-box-shadow: 0 0 10px rgba(202, 202, 202, 0.75);
	box-shadow: 0 0 10px rgba(202, 202, 202, 0.75);
	position: relative;
	z-index: 5;
}
.tabs-content {
	border: 0px;
	background: #fff;
}
.tabs-title > a {
	display: block;
	padding: 1.25rem 1.5rem;
	font-size: 1.2rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border-bottom: 6px solid #fff;
}
.tabs-title > a:focus,
.tabs-title > a[aria-selected="true"] {
	background: #fff;
	color: #000;
	border-bottom: 6px solid #d40511;
}
.tabs-title > a:hover {
	background: #fff;
	color: #d40511;
}
.accordion-title {
	position: relative;
	display: block;
	padding: 1.25rem 1rem;
	border: 1px solid #e6e6e6;
	border-bottom: 0;
	font-size: 1.2rem;
	line-height: 1;
	color: #000;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.accordion-title:hover,
.accordion-title:focus {
	background-color: #fff;
	color: #d40511;
}
/* CARD OVERRIDES */
.card {
	-webkit-box-shadow: 2px 3px 5px rgba(202, 202, 202, 0.25);
	box-shadow: 2px 3px 5px rgba(202, 202, 202, 0.25);
}
/* SWIPER OVERRIDES */
.swiper-pagination {
	position: relative !important;
}
.swiper-pagination-bullet {
	width: 40px !important;
	height: 6px !important;
	border-radius: 4px !important;
	border: 1px solid #fff !important;
	background-color: transparent !important;
	margin-left: 10px;
	opacity: 1 !important;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff !important;
}
@media only screen and (max-width: 600px) {
	#category-dd {
		width: 100%;
		font-size: 1.2rem;
		text-align: center;
		border-bottom: solid 2px #d40511;
		padding: 1.2rem 2rem;
		height: 100%;
	}
	.left_offset {
		margin-left: 0;
		z-index: 0;
	}
	.padding_zero {
		padding: 0 !important;
	}
	.margin_zero {
		margin: 0 !important;
	}
	.l_padding_41perc {
		padding: 0;
	}
	.b_margin_3_m {
		margin-bottom: 3rem !important;
	}
	.t_margin_3_m {
		margin-top: 3rem !important;
	}
}
#courses-container {
	min-height: 50vh;
}
#courses-container .fa-spinner {
	font-size: 2rem;
	color: #fecc01;
}

.course-dropdown {
	background-color: #fff;
	width: auto;
	padding: 0.5rem 2rem 0.5rem 0.5rem;
	-moz-box-shadow: 3px 3px 5px 6px #ccc;
	-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.2);
	border: none;
	border-radius: 7px;
	margin-left: -3px;
}
.course-dropdown .black_link a:hover {
	color: #d40511;
}
a.course_title_link {
	color: #000;
}

.card-image {
	min-height: 1px;
	height: 160px;
	overflow: hidden;
}
.card-image img#course_image {
	width: 100%;
	height: 100%;
}

/*============= DGF Roles Styles ===============*/
.share-feedback {
	background: #f4f4f4;
	margin-bottom: 40px;
	padding: 2rem;
	border-radius: 5px;
}

.share-feedback p {
	font-family: "deliverylight";
	font-size: 16px;
	font-weight: lighter;
	padding: 20px 0;
}

.btn_red {
	background: #c6000c;
	border-radius: 3px;
	color: white;
	font-family: "deliveryregular", sans-serif !important;
	padding: 15px 25px;
	transition: background 200ms ease-in-out;
}

.btn_red:hover {
	background: #aa020e;
}
@media only screen and (max-width: 440px) {
	.grid-margin-x.xsmall-up-1 > .cell {
		width: calc(100% - 1.25rem);
	}
}