/*override styles */
body {
	
	background-color: #F2F2F2;
}

/* Font Style */
html, body, h1, h2, h3, h4, h5, h6 { 
	font-family: 'Montserrat', sans-serif;
	
}  
h3 {
    text-transform: none; 
}
.sub-text {
	font-size: 16px;   
}
p {
	font-family:'Montserrat'!important;
	line-height: normal!important;
}
#pageTemplateContent {
    margin-top: 120px;
}
.modal-backdrop{
	z-index: 999998;
}
.modal{
	z-index: 999999 !important;
}
body{
	padding-right: 0 !important;
}
.anchor    {
	display: block;
	height: 120px;
	margin-top: -120px;
	visibility: hidden;
	z-index: -9999;
	position: absolute;
	
}

/* PRELOADER */

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #FFF;
    z-index: 99999;
}

.preloader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#preloader h1{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -275%);
}
.preloader span {
    display: inline-block;
	background-size: cover;
	background:red;
    width: 25px;
    height: 25px;
    -webkit-animation: 1s preload ease-in-out infinite;
	animation: preload 1s ease-in-out infinite;
    -webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
    border-radius:50%;
    box-sizing: border-box;    
	background: url(https://lrc.learn.taleo.net/files/upload/web_files/player_development/images/tennis-ball-shadow.png) !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
}

.preloader span:nth-child(1) {
    -webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.preloader span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}

.preloader span:nth-child(3) {
    -webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.preloader span:nth-child(4) {
    -webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

@-webkit-keyframes preload {
	0% {
		height: 25px;
        width: 25px;
        transform: translate(0, 0);
	}
	30% {
		height: 25px;
        width: 23px;
		margin-right: 2px;
	}
	50% {
		height: 20px;
        width: 29px;
		margin-right: -4px;
        transform: translate(0, 30px);
	}
	75% {
		height: 25px;
        width: 27px;
		margin-right: -2px;
	}
	100% {
        transform: translate(0, 0);
	}
}

@keyframes preload {
	0% {
		height: 25px;
        width: 25px;
        transform: translate(0, 0);
	}
	30% {
		height: 25px;
        width: 23px;
		margin-right: 2px;
	}
	50% {
		height: 20px;
        width: 29px;
		margin-right: -4px;
        transform: translate(0, 30px);
	}
	75% {
		height: 25px;
        width: 27px;
		margin-right: -2px;
	}
	100% {
        transform: translate(0, 0);
	}
}


/* mobile menu */

html.mm-slide.mm-right.mm-opening .mm-menu {
    background: #418FDe!important;
}
.mm-menu {
    background: #418FDE !important;
} 
/* mobile menu */
#page .header a {
    display: block;
    width: 50px;
    height: 51px;
    position: absolute;
    top: -70px;
    border-radius: 0px;
    z-index: 99999;
    right: 0;
    background-color: #00143E!important;
}
/* mobile menu */
#page header.sticky {
    box-shadow: none;
    min-height: 75px;
    background: transparent!important;
}
#page header.sticky a {
    display:none;
}
.logo img {
    width: auto;
}
header.sticky .logo img {
    width: auto;
	margin: 0px;
}

.header {
    padding: 5px 0 !important;
    min-height: 38px;
    background: #FFF;
    color: #00143F;
    border-bottom: solid 5px #418FDE;
    box-shadow: 0 10px 6px -6px rgba(0, 20, 63, 0.5);
}

/*header nav hover override */

.header .nav li a {
    display: initial;
    color: #00143F;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    padding: 12px 24px !important;
	font-weight: 600;
}

.header .nav li:hover {
	background: transparent!important; /* This is the hover - yay!*/
	border-radius: 0, 0, 0, 0!important;
	color: #00143E;
}


header.sticky {
    border-bottom: solid 5px #418FDE;
    padding: 5px 0;
    min-height: 38px;
    background: #FFF;
    /* height: 118px; */
    color: #00143F;
    box-shadow: 0 10px 6px -6px rgba(0, 20, 63, 0.5);
    background-color: #FFF;
    color: #00143E;
    z-index: 6667;
    transition: all 0.4s ease;
}
/*image override */
.dark-testi {
    background: linear-gradient(to right, rgba(0, 20, 51, 0.7), rgba(255, 255, 0, 0.1)), url(https://lrc.learn.taleo.net/files/upload/eskillz/design/images/tsr-banner2.jpg) no-repeat fixed;
    height: 320px;
    width: 100%;
    text-align: left;
    background-size: 120%;
    background-position: 0px -250px;
	
}

.dr-quote {
    background: linear-gradient(rgba(0, 25, 51, 0.8), rgba(0, 0, 51, 0.2)), url(https://lrc.learn.taleo.net/files/upload/eskillz/design/images/usta-group.jpeg) no-repeat fixed;
    background-size: cover;
}
/*Removes bottom white bar after gray footer */
#pageTemplateFooter.row {
	height: 150px;
	
}

/* ====DESIGNER PAGE FRIENDLY // TESTED // PASSED *hide angle on mobile==== */

/*BREAKER STYLE 1 =====*/
.angle-section {
	clip-path: polygon(0 0, 100% 0, 100% 56%, 0 100%);
    background: linear-gradient(to bottom, rgba(0, 20, 51, 0.8), rgba(0, 0, 139, 0.1)), url(https://lrc.learn.taleo.net/files/upload/TSR/Templates/Group-Photo.jpg) no-repeat fixed;
    background-size: cover;
    height: 350px;
    color: white;
    padding: 25px;
	
}

/*BREAKER STYLE 2 - BOTTOM =====*/ 
.angle-section2 {
	clip-path: polygon(50% 30%, 100% 0, 100% 100%, 50% 100%, 0 100%, 0 0);
    background: linear-gradient(rgba(0, 0, 139, 0.2), rgba(0, 0, 139, 0.2)), url(https://lrc.learn.taleo.net/files/upload/eskillz/design/images/sample-hero-tsr.png) no-repeat fixed;
    height: 350px;
    background-size: 115%;
    background-position: 0px 157px;
    color: white;
    padding: 25px;
	
}


/*MOBILE BREAKER STYLE 1 first=====*/
.mobile-breaker1 {
	background: linear-gradient(165deg, #00143F 82%, #88888D 82%);   
	height: auto;
	color: white;       
	padding: 25px;
}
/*MOBILE BREAKER STYLE 2 second UPDATE=====*/
.mobile-breaker2 {
    background: linear-gradient(165deg, #88888D 82%, #00143F 82%);   
	height: auto;
	color: white;       
	padding: 25px;
}

/*removed borders from top bar */
.top-bar .get-touch li{ 
	float:left; 
	border-left: none; 
	border-right:none;
}
.top-bar .social-icons li:last-child{ 
	border-right: none; 
}

.top-bar {
    background: #FFF;
    height: 33px;
	font-size:10px;
}
.top-bar span{ 
	font-weight:400;	
	
	font-family: 'Montserrat', sans-serif; 
	color:#00143E;   
	margin: 14px 0 0 0;  
	float: left;
}

.top-bar .get-touch li a{
    color: #00143E;
    
}
.top-bar .get-touch {
	margin-right: 15px;
}
.footer {
	background: #00143e;
	
    height: 500px;
}

.footer-bottom {
	background: #00143e;
	padding: 15px;
	
}

/* HOME BANNER STYLES */


.thin-banner {
    background: url('/files/upload/web_files/player_development/images/pd_banner_small.JPG') top center no-repeat !important;
	background-size: auto;
    background-size: cover !important;
	transition: .3s ease-in-out;
}
.transcript-banner {
    background: url('/files/upload/web_files/player_development/images/pd_transcript_small.JPG') top center no-repeat !important;
	background-size: auto;
    background-size: cover !important;
	transition: .3s ease-in-out;
}
.banner-content-container {
    height: 100%;
    max-width: 85%;
    margin: auto;
    position: relative;
}
.banner-content {
    width: 100%;
    background: rgba(0, 0, 0, 0.65);
	height: 100%;
	overflow: hidden;
	padding: 25px;
}
.banner-content h1 {
    color: #fff;
    font-weight: bold;
    font-size: 45px;
}
.banner-content button {
    display: inline-block;
    margin: 0px;
    width: 100%;
    padding: 12px 5px !important;
    border-radius: 0px;
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
    text-transform: uppercase;
    font-family: 'Montserrat';
	background: #418fde !important;
	color: #fff !important;
	border: 0;
	position: relative;
	transition: 0.3s;
}
.banner-content button:hover {
    background: #fff !important;
    color: #418fde !important;
}
.banner-content p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
}
#homeHeroBanner .w3-row-padding{
	text-align: center;
}
#homeHeroBanner .w3-quarter{
	display: inline-block !important;
	float: none;
}

/* TABS CONTAINER STYLES AND WIDGETS */

.tabs-container {
    height: 0;
    overflow: hidden;
    transition: 0.3s;
    background: #fafafa;
    position: relative;
    box-shadow: 0 7px 13px -8px #9b9b9b inset, 0 -7px 13px -8px #9b9b9b inset;
}
#closeTab {
    color: #666;
    right: 50px;
    top: 30px;
    font-size: 35px;
	position: absolute;
}
.tabs-container > div {
    max-width: 1100px;
    margin: 25px auto;
}
.ui-learn-widget-lp-status-actions{
	display: table-cell !important;
}
#myTraining .ui-learn-widget-lp-status-icons, #myTraining .ui-learn-widget-content .ui-learn-list-item-actions{
	display: none !important;
}
#myTraining .ui-learn-widget-mapped-item-details .ui-learn-list-item-actions{
	display: block !important;
}
.ui-learn-widget-header {
	background-color:  #06143f;
	color: #fff !important;
	overflow: hidden;
}
.ui-learn-widget-header h1{
	padding: 3px 15px !important;
	font-family: 'Montserrat', sans-serif;
}
.ui-learn-widget-header a{
	padding: 8px 15px 8px 0 !important;
	color: #fff !important;
	font-size: 16px;
}
.ui-learn-widget-header .ui-learn-widget-header-actions .disabled a{
	color: #418FDE !important;
}
.ui-learn-widget-header-actions{
	margin: 0 !important;
}
.ui-learn-widget-header .ui-learn-ico{
	display: none;
}

.new-course-player { /*this and the :after style below is used to create a course launch button; overrides the default course launch icon*/
	background:none !important;
	background-position:unset !important;
	background-color:#0277bd !important;
	border-color: #fff !important;
	display:block !important;
	width: 100% !important; 
	height: 32px !important; 
	padding:  10px 15px; 
	color:  #fff; 
	border-radius:  6px; 
	text-shadow: 0 1px 0 rgba(13, 107, 115, .2);
	transition: .3s;
}
.new-course-player {background-color:#418fde !important;padding: 10px 25px;border-radius: 0px;text-transform: uppercase;font-family:'Montserrat'; }
.new-course-player:hover {background-color: #c8102e !important;}
.new-course-player:after { /*this is used in conjunction with the above to insert text content for the course launch button*/
	content:"Launch" !important;
}

/* ################ Discipline Course Cards ################ */

.dis-course-cards{
	padding: 15px 0;
	max-width: 1100px;
	margin: auto;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

@media (min-width: 768px) and (max-width: 991px) {
	.course-card {
	padding: 15px;
	flex: 0 0 50%;
	}
}
	
@media (max-width: 768px) {
	.course-card {
	padding: 15px;
	flex: 0 0 100%;
	}
}	

@media (min-width: 991px) {
	.course-card {
	padding: 15px;
	flex: 0 0 33.33%;
	}
}	
	
.course-card-content{
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
}
.course-card-bg{
	height: 200px;
}
.bg-tcp{
	background: url('/files/upload/web_files/player_development/images/teaching_coaching.jpg');
	background-size: cover;
	background-position: 50%;
}
.course-card-body{
	padding: 10px 15px;
}
.card-header{
	font-size: 20px !important;
	font-family: 'Nunito Sans' !important;
	margin: 0;
	font-weight: bold;
	color: #000;
	min-height: 95px;
}
.card-header:after{
	content: " ";
	border-bottom: 3px solid #c8102e;
	display: block;
	width: 25px;
}
.card-action-btn{
	font-family: 'Montserrat';
	text-transform: uppercase;
	position: absolute !important;
	bottom: 9px;
	right: 10px;
	display: inline-block;
	cursor: pointer;
	background: #418fde;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 10px 15px;
	font-size: 12px;
	-webkit-user-select:unset;
	-moz-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	transition: 0.3s ease-in-out;
}
.card-action-btn:hover{
	background: #fff;
	border-color: #418fde;
	color: #418fde;
}
.w-100{
	flex: 0 0 100%;
	width: 100% !important;
}

/* Fixes for LC Designer page bugs*/    
element.style {
	width: 150px;
	margin: 0 auto;
}

.modal    {
	opacity: 1;
}

.carousel-indicators {
	margin-right: 20%;
	margin-left: 20%;  
}   


/* unvisited link */
a:link {
	text-decoration: none;
}

/* visited link */
a:visited {
	text-decoration: none;
}

/* mouse over link */
a:hover {
	text-decoration: none;
	color: #E87722;
}

/* selected link */
a:active {
	text-decoration: none;
}

/* Make a carousel image fully responsive */
.carousel-inner img {
	width: 100%;
	height: 100%;
}
/* Bootstrap Carousel indicators */
.carousel-indicators .active{
	background-color: #f00;
	height: 3px;
	width: 15px;
	margin: 1px 3px;
	
}

.carousel-indicators li {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 15px;
	height: 3px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #00143F;
	background-clip: padding-box;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: .5;
	transition: opacity .6s ease;
}

/* Bootstrap card */    
card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: transparent; 
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}
/*Bootstrap modal */
.modal-header .close {
	padding: 1rem 1rem; 
	/* margin: -1rem -1rem -1rem auto; */
}
.modal-header {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-radius: 0px !important; 
}
.modal-footer {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-radius: 0px !important;
	border-top: 1px solid #00143F; 
}
.modal{
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important; 
	border-bottom: none;
	border-left: none;
	border-right: none;
} 
.modal-content { 
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.modal-dialog {
	border: 0px !important;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
/*Territory w3-Panel inside modal no margins */
.w3-panel {
	margin-top: 0px;
	margin-bottom: 0px;
}  
.w3-indigo, .w3-hover-indigo:hover {
	color: #fff!important;
	background-color: #00143F!important;
}
.w3-text-indigo, .w3-hover-text-indigo:hover {
	color: #00143E!important;
}
.w3-blue, .w3-hover-blue:hover {
	color: #fff!important;
	background-color: #418FDE!important;
} 
.w3-text-blue, .w3-hover-text-blue:hover {
	color: #418FDE!important;
}
.w3-border-indigo, .w3-hover-border-indigo:hover {
	border-color: #00134E!important;
} 
.w3-border-blue, .w3-hover-border-blue:hover {
	border-color: #418FDE!important;
}
.bg-dark {
	background-color: #00143F!important;
} 
/* END CUSTOM MY TEAM SLIDER AND MODAL CSS */
/*home page banner adjustments*/

Large devices (laptops/desktops, 992px and up) 
@media only screen and (min-width: 992px) {
	.dark-testi {
		background: linear-gradient(to right, rgba(0, 20, 51, 0.7), rgba(255, 255, 0, 0.1)), url(https://lrc.learn.taleo.net/files/upload/eskillz/design/images/tsr-banner2.jpg) no-repeat fixed;
		height: 320px;
		width: 100%;
		text-align: left;
		background-size: 120%;
		background-position: 0px -250px;
		
	}
	.tabs-container {padding:0px !important;}
}
/* Medium devices (iPad landscape mode) */
@media only screen and (width: 1024px) {
	.dark-testi {
		background: linear-gradient(to right, rgba(0, 20, 51, 0.7), rgba(255, 255, 0, 0.1)), url(https://lrc.learn.taleo.net/files/upload/eskillz/design/images/tsr-banner2.jpg) no-repeat fixed;
		height: 320px;
		width: 100%;
		text-align: left;
		background-size: 120%;
		background-position: 0px -125px;
		
	}
	p { font-size: 15px;}
}
/* Medium devices (iphone x landscape) */
@media only screen and (width: 812px) {
	.dark-testi {
		background: linear-gradient(to right, rgba(0, 20, 51, 0.7), rgba(0, 20, 51, 0.7)), url(https://lrc.learn.taleo.net/files/upload/eskillz/design/images/tsr-banner2.jpg) no-repeat fixed;
		height: 220px;
		width: 100%;
		text-align: left;
		background-size: 100%;
	}
}
/* Medium devices (portrait tablets, 768px and below) */
@media only screen and (max-width: 768px) {
	.dark-testi {
		background: linear-gradient(to right, rgba(0, 20, 51, 0.7), rgba(0, 20, 51, 0.7)), url(https://lrc.learn.taleo.net/files/upload/eskillz/design/images/tsr-banner2.jpg) no-repeat fixed;
		height: 220px;
		width: 100%;
		text-align: left;
		background-size: 100%;
		
	}
}
Medium devices (landscape tablets, 769px and up)
@media only screen and (min-width: 769px) {
	.dark-testi {
		background: linear-gradient(to right, rgba(0, 20, 51, 0.7), rgba(0, 20, 51, 0.7)), url(https://lrc.learn.taleo.net/files/upload/eskillz/design/images/tsr-banner2.jpg) no-repeat fixed;
		height: 220px;
		width: 100%;
		text-align: left;
		background-size: 100%;
		background-position: 0 -120px;
	} 
	.thin-banner {height:1100px !important;}       
} 
/* Small devices (portrait, listed px and below) */
@media only screen and (max-width: 320px) {
	.dark-testi {
		background: linear-gradient(to right, rgba(0, 20, 51, 0.7), rgba(0, 20, 51, 0.7)), url(https://lrc.learn.taleo.net/files/upload/eskillz/design/images/tsr-banner2.jpg) no-repeat fixed;
		height: 170px;
		width: 100%;
		background-size: 100%;
		text-align: left;
	}
	
}

@media only screen and (max-width: 480px) {
	.dark-testi {
        background: linear-gradient(to right, rgba(0, 20, 51, 0.7), rgba(0, 20, 51, 0.7)), url(https://lrc.learn.taleo.net/files/upload/eskillz/design/images/tsr-banner2.jpg) no-repeat fixed;
		height: 170px;
		width: 100%;
		background-size: 100%;
		text-align: left;
		
	}
	
}
/*iPhone X*/
@media only screen 
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) {     
	.thin-banner {height:1200px !important;}       
	.tabs-container{padding:0px;}
	h1.nunito  {line-height: 2em;}
	.modal-content {width:90% !iimportant;}
}

/* ############# Control Panel Pass Styles ############# */

#management-acces-code-prompt {
	background-color: rgba(0,0,0,0.75);
}
#management-acces-code-prompt .modal-content{
	margin-top: 0px !important;
	width: unset !important;
	height: 220px;
	background-color: #eaeaea;
	padding: 0;
}
#management-acces-code-prompt .modal-title{
	font-family: "Segoe UI",Arial,sans-serif;
	font-weight: 400;
	margin: 0 !important;
}
#management-acces-code-prompt {
	background-color: rgba(0,0,0,0.75);
}
#management-acces-code-prompt .modal-content{
	margin-top: 0px !important;
	width: unset !important;
	height: 220px;
}
#management-acces-code-prompt .close{
	padding: 3px !important;
	margin: -15px -10px 0 0 !important;
	font-family: Verdana,sans-serif;
}

/* Modal Content */

.modal-content {
    border-radius: 0px;
    background-color: #eaeaea;
    margin: auto;
    padding: 0px;
    border: 0px solid #888;
    width: 45% !important;
    height: 400px;
}
.modal-content h3 {
    font-weight: 600;
    margin: 30px 0 10px;
	font-family:Montserrat;
	font-size:30px;
}

/*Modal corner image*/

img.w3-display-topleft.modal-img {
    position: absolute;
    top: -16px;
}
.w3-blue, .w3-hover-blue:hover {
    background-color: #408FDE!important;
}
.thin-banner, .transcript-banner {
    height: 425px;
	overflow: hidden;
}
li.modal-li {
    list-style: inherit;
}
.card-description-cc:before {
    content: "";
    background: #c8102e;
    margin-bottom: 10px;
    width: 34px;
    height: 4px;
    display: inline-block;
    margin-left: 40%;
    margin-right: 40%;
}
p.card-description-cc {
    font-size: 14px;
    height: 130px;
}
/*iPhone X*/
@media only screen 
and (device-width : 375px) 
and (device-height : 812px) 
and (-webkit-device-pixel-ratio : 3) {     
	.modal-content {width:90% !important;}
}

/* ########## Learning Plans List Order ########## */

#myTraining .ui-learn-widget-card-view {
	display: flex;
	flex-flow: wrap;
}
#myTraining .ui-learn-widget-card-view li:first-child {
	order: 4;
}
#myTraining .ui-learn-widget-card-view li:nth-child(2) {
	order: 6;
}
#myTraining .ui-learn-widget-card-view li:nth-child(3) {
	order: 1;
}
#myTraining .ui-learn-widget-card-view li:nth-child(4) {
	order: 5;
}
#myTraining .ui-learn-widget-card-view li:nth-child(5) {
	order: 3;
}
#myTraining .ui-learn-widget-card-view li:nth-child(6) {
	order: 2;
}
@media only screen and (max-width: 991px) {
	#myTraining .ui-learn-widget-card-view li {
		width: 50%;
		padding: 10px 15px;
		box-sizing: border-box !important;
	}
	.ui-learn-widget-card-view{
		margin: 0;
	}
	#myTraining .ui-learn-widget-card-view .ui-learn-widget-list-item{
		padding: 0;
		margin: 0;
	}
	#myTraining{
		padding: 0 10px;
	}
	#pageTemplateContent {
		margin: 95px 0 0;
	}
	.thin-banner {
		height: unset !important;
	}
	#myTraining ul .ui-learn-widget-item{
		background-size: 100% auto;
	}
	#myTraining ul .ui-learn-widget-item .ui-learn-widget-item-description{
		overflow-wrap: break-word;
		background: #fff;
		width: 100%;
		position: absolute;
		bottom: 0;
		height: 100px;
		z-index: 0;
		left: 0;
	}
	
	.modal-content{
		width: 90% !important;
	}
}
@media only screen and (max-width: 768px) {
	#myTraining .ui-learn-widget-card-view li {
		width: 100%;
		box-sizing: border-box !important;
	}
	#myTraining .progress{
		margin-bottom: 0;
	}
	.ui-learn-widget-card-view .ui-learn-widget-list-item .ui-learn-list-item-main{
		padding: 0 15px;
	}
	.banner-content h1{
		font-size: 38px
	}
	.banner-content h2{
		font-size: 25px;
		margin-top: 15px !important;
	}
	#myTraining .ui-learn-widget-card-view .ui-learn-widget-progress .ui-learn-widget-progress-bar{
		width: 45%;
	}
	#myTraining ul .ui-learn-widget-item {
		background-size: 130% auto;
		background-position: 50% 0%;
	}
	.ui-learn-widget-list-item .ui-learn-list-item-actions{
		top: 50px;
	}
	.ui-learn-widget-list-item .ui-learn-list-item-main{
		margin-bottom: 45px;
	}
	#myTraining .ui-learn-widget-list-item .ui-learn-list-item-properties .ui-learn-field{
		width: 100% !important;
	}
}
.ui-learn-widget-mapped-item-details .ui-learn-widget-item .ui-learn-widget-item-header a{
	bottom: initial;
}
.ui-learn-widget-item .ui-learn-widget-item-header a, .ui-learn-widget-item .ui-learn-widget-item-header span.ui-learn-widget-item-name{
	z-index: 100;
}
#myPolicies .ui-learn-widget-content{
	margin-top: 35px;
}