body#PSACourse {padding-top:0;}
body#PSACourse, body#PSACourse #crsTopRow {background:#f7f5f6;}
body#PSACourse #MainNavbar-collapse::before {width: 300%;}
body#PSACourse #copyright {margin-top: 50px; margin-bottom: 0;}
body#PSACourse > .navbar {z-index:1; margin-bottom:0;}

#addCalendarModal .list-group-item {position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd;}

body#PSACourse .btn.btn-raised.btn-primary.btn-academy,
body#PSACourse .btn.btn-raised.btn-primary.btn-academy:active:not(.btn-link),
body#PSACourse .btn.btn-raised.btn-primary.btn-academy:hover:not(.btn-link),
body#PSACourse .btn.btn-raised.btn-primary:focus:not(.btn-link) {background-color: #81F200; color:#000;}

/* HP */
#academySliderHP {background: #e4e2e2; display:flex; margin-top:50px;}
#academySliderHP .slick-track {padding:25px 0;}
#academySliderHP a:hover, #academySliderHP a h4:hover {text-decoration:none;}
#academySliderBody {}
#academySliderSide {background: #fff; overflow: hidden; text-align: right; padding-right: 0;}
#academySliderBody:after {content:""; background:#e4e2e2; display:block; bottom:0; top:0; width:80px; left:100%; background: linear-gradient(to bottom right, #e4e2e2 50%,transparent 0); position:absolute; z-index:1; }

#academySliderLogo {max-height: 100px; margin:0px 10px 30px; width:80px; height:auto;}
#academySliderHP .slick-dotted.slick-slider {margin-bottom:0;}
#academySliderHP .slick-prev, #academySliderHP .slick-next {z-index:1; bottom:0; top:auto; left:auto;}
#academySliderHP .slick-slider .slick-prev:before,
#academySliderHP .slick-slider .slick-next:before {background: transparent; color: #333; }
#academySliderHP .slick-slider .slick-prev {right: -115px;}
#academySliderHP .slick-slider .slick-next {right: -175px;}
#academySliderHP .academySliderItemDate {display:block; float:left; margin-right:8px;}
#academySliderHP .academySliderItemDate * {color:white; margin:0; text-align:center;}
#academySliderHP .academySliderItemBody {display:block; float:left; width:80%;}
#academySliderHP h6 {font-size:10px; margin:0; margin-bottom:5px; letter-spacing:1px; line-height: 1;}
#academySliderHP h4 {font-size:14px; margin:0; line-height: 1; clear:both; float:none; line-height: 1; margin-top: 15px;}
#academySliderHP .academySliderItemDate h4 {font-size:24px; font-weight:bold;}
#academySliderHP .academySliderItemBody small {color:rgba(51,51,51,0.5); display:inline-block; font-size:10px; text-transform:uppercase; float: left;line-height: 1;}
#academySliderHP .academySliderItemBody small + .crsRating {float:left;}
.academySliderItemBody .rating {line-height:0;}
.academySliderItemBody .rating i {font-size:11px;}

#academySliderHP .crsCourseStatus img {height: 25px; display: inherit;}
#academySliderHP .crsCourseStatus span:first-child {color:white; margin-right:3px; font-size: 18px;}
#academySliderHP .crsCourseStatus span:last-child {color:white; text-transform:uppercase; font-size:11px;}
.crsCourseStatus span {display:inline-block;}
.crsCourseStatus span:first-child {width:20px;}

/* COURSE PAGE */

body#PSACourse #postBody {padding:30px 15px;}
body#PSACourse #postImage:before { content: ''; position: absolute; top: 50%; right: 0; bottom: 0; left: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00020101', GradientType=0 );
z-index:0;
}

body#PSACourse #crsInnerBody {background:white; padding:45px 15px;}

body#PSACourse #crsInnerBodySX {padding:0 45px; 
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 100px;
}

#PSACourse #crsInnerBodySX h4 {margin-bottom: 10px; margin-top: 30px; text-transform:uppercase;}
#PSACourse #crsInnerBodySX h4:first-child {margin-top:15px;}

body#PSACourse #crsInnerBodySide {font-size:13px;}
body#PSACourse #crsInnerBodySide .crsInfoBlock h4 {text-transform:uppercase;}

/* trainer bio */
#crsInnerBodySX .trainerBio {}
#crsInnerBodySX .trainerBio .media {}
#crsInnerBodySX .trainerBio .media-left a {width:80px; height:80px; border:none;}
#crsInnerBodySX .trainerBio .media-body h5 a {border:none;}
#crsInnerBodySX .trainerBio .media-body h5 a:hover {}
#crsInnerBodySX .trainerBio .media-body p {font-size:13px;}

#crsInnerBodySide ul, #crsInnerBodySide ol {list-style-position: inside; padding: 0;}
#crsBlockTrainers ul {list-style: none; padding: 0; margin-bottom: 5px;}
#crsBlockTrainers ul li:first-child {font-weight:400;}
.crsInfoBlock span {display:inline-block; vertical-align: middle;}
.crsInfoBlock span.material-icons {font-size:18px; margin-right:5px;}
#postBody .crsInfoBlock a {color: #333; border:none;}
#postBody .crsInfoBlock a:hover {color: #e1412d; border-bottom: 1px solid #e1412d;}
.crsInfoBlock li {padding: 3px 0;}
.crsInfoBlock .courseICO + span {text-transform:uppercase;}


.talksAvailDates, .talksAvailSeatsSide, .talksAvailSeatsSide-Soldout {display: inline; margin-left: 18px; vertical-align: unset;}
.talksAvailSeatsSide-Numb {display: inline; vertical-align: unset; font-weight:400;}
.talksAvailDates {margin-left:0; font-weight: 400;}
.talksAvailSeatsSide, .talksAvailSeatsSide-Numb, .talksAvailSeatsSide-Soldout {font-size:90%;}
.talksAvailDates::first-letter {text-transform:uppercase;}

.caSecondaryIcon:hover {cursor:pointer;}

body#PSACourse #contentRoundCA {position:fixed; right: 30px; top: auto; bottom: 50px;}
body#PSACourse #postImage {height:350px; background-size:cover; background-repeat:no-repeat;}
body#PSACourse #crsImgOver { height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
body#PSACourse #crsMainInfo {height: 100%; background: rgba(1,1,1,0.4); color: white; padding:30px 15px;}
/*#crsMainInfoDates li.expiredDate * {color:rgba(255,255,255,0.4)!important;}*/
body#PSACourse .introNews {margin-bottom:25px;}

body#PSACourse #crsMainInfo * {color:white;}
body#PSACourse #crsMainInfoBody {position: absolute; z-index: 1; color: white; text-transform: uppercase; transform: translateY(-50%); top: 50%; width: 100%; display: block; left: 0; padding: 0 15px;}
body#PSACourse #postImage h2 { padding: 0; text-transform: uppercase; margin: 0; position:static; font-size:28px;}
#crsInnerBodySX h3:first-child,
#crsInnerBodySide .crsInfoBlock:first-child h4 {margin-top:15px;}

body#PSACourse #crsMainInfoDates ul {list-style:none; padding:0; z-index:1000}
body#PSACourse #crsMainInfoDates li {display:inline-block; text-align: center; padding:0;}
body#PSACourse #crsMainInfoDates li:first-child {padding-left:0;}
body#PSACourse #crsMainInfoDates h4 {font-size: 28px; text-align: center; margin:0;}
body#PSACourse #crsMainInfoDates h6 {text-align: center; margin: 0; letter-spacing: 1.5px;}

body#PSACourse .coursesDatesSlider {margin:0; position: relative;}
body#PSACourse .coursesDatesSlider .slick-arrow { position:absolute; bottom: -25px; top: auto; transform: none; width:20px!important; height:20px!important; background:none!important;}
body#PSACourse .coursesDatesSlider .slick-arrow:before {color:#81F200!important; font-size: 20px; background:none;}
body#PSACourse .coursesDatesSlider .slick-arrow.slick-disabled:before {color:white!important; opacity: .6;}
body#PSACourse .coursesDatesSlider .slick-prev {right:30px!important; left:auto!important; background:none; }
body#PSACourse .coursesDatesSlider .slick-next {right:0!important; left:auto!important; background:none;}

body#PSACourse .coursesDatesSlider .slick-prev:before {content: "\E5CB"; font-family:'Material Icons'; }
body#PSACourse .coursesDatesSlider .slick-next:before {content: "\E5CC"; font-family:'Material Icons'; }

body#PSACourse #crsMainInfoFooter {position:absolute; bottom:15px; left:15px; right:15px;}
body#PSACourse #crsMainInfoFooter ul {list-style: none; padding: 0; margin-bottom: 0; float:left;}

#crsSingleTrainer .media-left a {width:48px; height:48px; line-height:48px; color:#333!important;}
#crsSingleTrainer .media-left a span {color:#333!important;}
#crsSingleTrainer p {font-size: 11px; margin: 5px 0;}
#crsSingleTrainer h4 {font-size:14px;}

#crsTrAvatarList li {display:inline-block; width: 40px; height: 40px; margin: 0; padding: 0; vertical-align: middle;}
#crsTrAvatarList li:not(:first-child) { margin-left:-10px;}
#crsTrAvatarList li img {width: 40px; height:auto;}
#crsTrAvatarList li .userThumb {background: #f4f4f4; display: block; width: 100%; height: 100%; color: #333!important; line-height: 40px; text-align: center; border-radius: 100%; font-weight: bold; border: 1px solid #ccc;}
#crsTrNamesList {margin-left:10px;}
#crsTrNamesList li {display:block; text-transform: uppercase; font-size:11px; line-height:1.1;}
#crsTrNamesList li:first-child {text-transform: none; font-size:10px; margin-bottom:3px;}

/* rating (read only) */
#crsRating {margin-top:10px;}
.rating i {color:rgba(0,0,0,0.3)!important; position:relative; margin: 0 1px; font-size: 16px;}
.rating i::after {content:"\f089"; position:absolute; display:block; top:0; left:0; color:transparent;}

.rating[data-rating^='0.5'] i.rating-1::after {color:rgb(255, 204, 0)!important;}
.rating[data-rating^='1'] i.rating-1 {color:rgb(255, 204, 0)!important;}
.rating[data-rating^='1.5'] i.rating-2::after {color:rgb(255, 204, 0)!important;}
.rating[data-rating^='2'] i.rating-1,
.rating[data-rating^='2'] i.rating-2 {color:rgb(255, 204, 0)!important;}
.rating[data-rating^='2.5'] i.rating-3::after {color:rgb(255, 204, 0)!important;}
.rating[data-rating^='3'] i.rating-1,
.rating[data-rating^='3'] i.rating-2,
.rating[data-rating^='3'] i.rating-3 {color:rgb(255, 204, 0)!important;}
.rating[data-rating^='3.5'] i.rating-4::after {color:rgb(255, 204, 0)!important;}
.rating[data-rating^='4'] i.rating-1,
.rating[data-rating^='4'] i.rating-2,
.rating[data-rating^='4'] i.rating-3,
.rating[data-rating^='4'] i.rating-4 {color:rgb(255, 204, 0)!important;}
.rating[data-rating^='4.5'] i.rating-5::after {color:rgb(255, 204, 0)!important;}
.rating[data-rating^='5'] i.rating-1,
.rating[data-rating^='5'] i.rating-2,
.rating[data-rating^='5'] i.rating-3,
.rating[data-rating^='5'] i.rating-4,
.rating[data-rating^='5'] i.rating-5 {color:rgb(255, 204, 0)!important;}

small + .crsRating {display: inline-block;}
small + .crsRating .rating:before {content:'|'; margin: 0 5px; color:#dedede; font-size:12px;}
small + .crsRating .rating * {font-size:12px; margin:0;}


body#PSACourse #crsTopRow {border-bottom:2px solid #d2d2d2; height: 60px;
    display: flex; align-items: center; overflow: hidden;}

body#PSACourse .sticky { position: fixed; top: 0; width: 100%; z-index:5;}
body#PSACourse.stickyBody #postBody {margin-top:88px;}

body#PSACourse #crsMainC2A {background:#e4e4e4; height:100%; position: relative;}
body#PSACourse #crsBottom {position:relative;}
body#PSACourse #detail_comments {clear:both!important; float:none!important;}

body#PSACourse #crsMainC2A div { position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%;}
body#PSACourse #crsC2AregistrDone {font-size: 16px; white-space: nowrap;}
body#PSACourse #crsC2AregistrDone * {vertical-align: middle;}
body#PSACourse #crsC2AregistrDone span:first-child {color:#A1B611; margin-right:5px;}
body#PSACourse #crsC2AregistrDone span:last-child {text-transform: uppercase}

body#PSACourse #crsC2AcourseDone {width:100%; height:100%; text-align:center;
background: rgb(129,242,0);
background: -moz-linear-gradient(38deg, rgba(129,242,0,1) 0%, rgba(40,29,163,1) 100%);
background: -webkit-linear-gradient(38deg, rgba(129,242,0,1) 0%, rgba(40,29,163,1) 100%);
background: linear-gradient(38deg, rgba(129,242,0,1) 0%, rgba(40,29,163,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#81f200",endColorstr="#281da3",GradientType=1);
}

#crsCourseBadge {display: inline-block; width: 60px;}
#crsCourseBadge img {max-height:50px; margin-top: 5px;}
#crsCourseBadge + span {color:white;}

#crsC2AcourseExpired, #crsC2AcourseDisabled {position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); text-transform:uppercase;}
#crsC2AcourseExpired:before {  font-family: 'Material Icons'; content: '\e888'; margin-right: 5px; vertical-align: top;}

#crsC2AcourseDisabled {width:80%; text-align:center;}

body#PSACourse #crsTopRow > .container {display: flex; align-items: center; height:100%;}
#crsStickyTitle * {vertical-align: middle;}
#crsStickyTitle h4 {margin:0;}
#crsImageICOFixed {margin-right:15px; display:inline-block;}
#crsImageICOFixed img {width: 30px; }
#crsStickyTitleLabel {display: inline-block; width:75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase;}

body#PSACourse #crsImageICO {position:absolute; bottom:30px; left:30px; width:50px; display:block;}
body#PSACourse #crsImageButtons {position:absolute; right:35%; bottom:10px;}
body#PSACourse #crsImageButtons .btn { padding: 10px; border-radius: 100%; text-align: center; position:relative;}
body#PSACourse #crsImageButtons .btn i {color:white;}
body#PSACourse #crsImageButtons .btn.favActive i, .btn.favActive i {color: #81F200;}
body#PSACourse #favStutusLabel {position: absolute; left: 50%; transform: translateX(-50%); font-size: 8px; color: #81F200; bottom: -12px; font-weight: normal;}

body#PSACourse #crsStickyTitle {}
body#PSACourse #crsStickyTitle h4 {transform: translateY(-500%); position:absolute; padding-left:15px; left:0px; top:50%; font-size:21px;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }
body#PSACourse.stickyBody #crsStickyTitle h4 {width:100%; transform: translateY(-50%);}

#crsStickyButtons {padding-left:30px;}
#crsStickyButtons a.btn { padding: 10px; border-radius: 100%; text-align: center; }




body#PSACourse .crsInfoBlock {margin-bottom: 30px;}
body#PSACourse .expiredDate *, body#PSACourse .expiredDate {opacity:0.5!important;}

body#PSACourse .crsInfoBlock li.selectedDate {border:5px solid #81F200; list-style-type: none; margin-top: 10px;}
body#PSACourse .crsInfoBlock li.selectedDate span {font-size:15px;}
body#PSACourse .crsInfoBlock li.selectedDate a,
body#PSACourse .crsInfoBlock li.selectedDate a:hover {border-bottom:none;}
body#PSACourse .crsInfoBlock li.selectedDate a.btn.btn-primary {margin-bottom:0; background:#81F200;}

body#PSACourse .crsInfoBlock li.selectedDate h5:after {
    content: "";
    display: block;
    margin: 15px auto;
    border-bottom: 1px solid #d2d2d2;
    width: 20%;
}

li.selectedDate .list-group-item i {float:left; margin-right:10px;}
li.selectedDate .crsCourseMap {padding-left:35px;}
.selectedDate li.list-group-item { padding: 5px 15px; }
.selectedDate h4 { margin: 20px 0 5px; padding:0 15px;}
.selectedDate h4 + p {padding:0 15px;}
.selectedDate h4 + p, .crsCourseMap {font-size:10px; text-transform:uppercase;}
.selectedDate h4 + p i {font-size:14px;}

/* course DONE */
#crsCourseDone, #crsCourseUsrRegist {display:flex; margin-top:30px; margin-bottom:30px; }

.crsDoneInnerDiv {background:white; height:100%; padding:15px;}
.crsDoneInnerDiv .media {margin-top:10px;} 
.crsDoneInnerDiv a {border-bottom:none!important;}

#crsCourseMatesSlider.slick-slider .slick-prev:before,
#crsCourseMatesSlider.slick-slider .slick-next:before {color: #333; background:none;}
#crsCourseMatesSlider {position: relative;}
#crsCourseMatesSlider.slick-slider .slick-prev { top: -20px; right: 30px; left:auto;}
#crsCourseMatesSlider.slick-slider .slick-next { top: -20px; right: -5px;}

/* Icons */
.courseICO {display:inline-block; border:1px solid #d2d2d2; border-radius: 50%; width:40px; height:40px; background-color:white; background-size:cover; background-repeat:no-repeat; vertical-align: middle; margin-right: 8px;}
.courseB2BICO {background-image:url(/includes/tools/talks/icons/courseB2BICO.svg);}
.courseProductoICO {background-image:url(/includes/tools/talks/icons/courseProductoICO.svg);}
.courseMarketingICO {background-image:url(/includes/tools/talks/icons/courseMarketingICO.svg);}
.coursePostventaICO {background-image:url(/includes/tools/talks/icons/coursePostventaICO.svg);}
.courseVOICO {background-image:url(/includes/tools/talks/icons/courseVOICO.svg);}
.courseFinanceICO {background-image:url(/includes/tools/talks/icons/courseFinanceICO.svg);}
.courseStellantisFinanceICO {background-image:url(/includes/tools/talks/icons/courseFinanceICO.svg);}
.courseCommunityICO {background-image:url(/includes/tools/talks/icons/courseCommunityICO.svg);}
.courseElectrificacionICO {background-image:url(/includes/tools/talks/icons/courseElectrificacionICO.svg);}
.courseServiciosConectadosICO {background-image:url(/includes/tools/talks/icons/courseServiciosConectadosICO.svg);}
.courseHerramientasICO {background-image:url(/includes/tools/talks/icons/courseHerramientasICO.svg);}


body#PSACourse .img {position:relative;}
.img .courseICO { position: absolute; bottom: -25px; right: 15px; margin: 0; width: 50px; height: 50px; background-size: 90%; background-position:center center;}

/* file repository */
.crsDoneInnerDiv .panel-group {margin-bottom:0;}
.crsDoneInnerDiv .panel-default {display:block; margin-top:5px;}
.crsDoneInnerDiv .panel-body {padding:0!important;}
.crsReposFilesList {list-style:none; padding:0; margin:0;}
.crsReposFilesList span {display: inline-block; vertical-align:middle; font-size:13px;}
.crsReposFilesList li, .crsReposFilesList a {display:block; clear: both;}
.crsReposFilesList li {border-bottom: 1px solid #d2d2d2;}
.crsReposFilesList li:last-child {border:none;}
.crsReposFilesList a:hover {background:#f6f6f6;}
.crsReposFilesList a span:last-child {font-size:18px;}
.crsReposFilesList a,
.crsDoneInnerDiv .panel-title > a {padding:5px 10px 5px 15px!important; display: block; line-height:24px;}
.crsDoneInnerDiv .panel-heading,
.crsDoneInnerDiv .panel-heading h4 {padding:0!important;}
.crsDoneInnerDiv .panel-title > a {background-color:#C7DCE1; position:relative;}
.crsDoneInnerDiv .panel-title > a:after,
.crsDoneInnerDiv .panel-title > a.collapsed:after {font-family: 'Material Icons'; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.crsDoneInnerDiv .panel-title > a:after {content:'\e15d';}
.crsDoneInnerDiv .panel-title > a.collapsed {background-color:#A0BDC5;}
.crsDoneInnerDiv .panel-title > a.collapsed:after {content:'\e148';}

.crsReposFileIco {width:15px; height:15px; margin-right:5px; line-height:0;}

#crsCourseMatesSlider .media-body {vertical-align: middle;}
#crsCourseMatesSlider h4.media-heading {font-size: 14px; margin: 0;}
#crsCourseMatesSlider h4.media-heading small {display:block; line-height:1.1; margin-top: 2px;}

/* ACADEMY PAGE */
body#PSACourse .fullWidthBoxes .img {background-size:cover; background-position: center center; display:block;}
body#PSACourse .fullWidthBoxes .panel {height:230px; margin-top: 20px;}
body#PSACourse .fullWidthBoxes .panel *:hover,
body#PSACourse .fullWidthBoxes .panel *:active,
body#PSACourse .fullWidthBoxes .panel *:focus {text-decoration: none;}
body#PSACourse .fullWidthBoxes .panel h4 {font-size: 14px; margin:0;}
body#PSACourse .fullWidthBoxes .panel small {text-transform: uppercase; font-size:10px; color:rgba(51,51,51,0.5); margin-bottom:10px; display: inline-block;}
body#PSACourse .fullWidthBoxes .panel a.contentBox {height:100%; display:block; position:relative;}
body#PSACourse .fullWidthBoxes .panel .panel-body {padding:10px 15px;}

#crsCHSliderNews .panel a.contentBox .img {background-size:cover; background-position: center center; height:100%;}
#crsCHSliderNews .panel a.contentBox .img + .panel-body { position: absolute; bottom: 0; background: rgba(0,0,0,0.5); width:100%; min-height:80px;}
#crsCHSliderNews .panel .panel-body * {color:white;}

.fullWidthBoxes ul.postList .panel:hover, #academyArchiveList .panel:hover {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

#crsCHBar {
height:80px;
background: #796f6e;
/*background: rgb(129,242,0);
background: -moz-linear-gradient(38deg, rgba(129,242,0,1) 0%, rgba(40,29,163,1) 100%);
background: -webkit-linear-gradient(38deg, rgba(129,242,0,1) 0%, rgba(40,29,163,1) 100%);
background: linear-gradient(38deg, rgba(129,242,0,1) 0%, rgba(40,29,163,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#81f200",endColorstr="#281da3",GradientType=1);
*/
position:relative;
}

#crsFullCatalogueLink {color:white; text-transform: uppercase; font-size:12px; display:block; text-align:right;}

#crsCHDashboard {min-height:200px; max-height: 280px; background:#ebebeb; overflow: hidden;}

.sticky + #crsCHDashboard {margin-top:80px;}
#crsCHBarBody {position:relative; height:100%;}
#crsCHBarLogo, #crsCHBarBOContacts {position:absolute; top:50%; transform:translateY(-50%);}
#crsCHBarLogo {max-width: 190px; left:15px; height:60px;}
#crsCHBarLogo img {width:100%; height:100%;}
#crsCHBarBOContacts {right:15px;}
#crsCHBarBOContacts * {color:white;}
#crsCHBarBOContacts ul {list-style-type: none; padding:0; margin:0;}
#crsCHBarBOContacts h4 {margin:0; font-size:16px;}
#crsCHBarBOContacts span {vertical-align:middle; font-size:12px;}
#crsCHBarBOContacts li span:first-child {display:inline-block; margin-right:8px; font-size:14px;}


ul.crsDashBoxList {padding:0; margin:0; list-style:none;}
ul.crsDashBoxList li {margin-bottom: 20px;}

.crsDashBox {position:relative;}
.crsDashBox .courseICO {position:absolute; left:-20px; top:50%; transform:translateY(-50%); background-color:#ffffff;}

.crsRegListDate {position:absolute; display: block; top: 50%; transform: translateY(-50%); text-align:center;}
.crsDashBoxBody {background: rgba(255,255,255,1); padding: 5px 15px 5px 30px; position:relative; margin-left: 55px; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb;}
.crsDashBoxBody h4 {margin: 5px 0 0; font-size: 14px;}
.crsDashBoxBody small {color: rgba(51,51,51,0.5); font-size:10px; text-transform:uppercase;}
.crsDashBoxBadge {position: absolute; width: 30px; right: -15px; bottom: 4px;}
.crsRegListDate h4 {font-size: 21px; font-weight: bold; margin:0; }
.crsRegListDate h6 {letter-spacing: 1px; margin:0;}
.crsDashBoxBody h4 a {
text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;}


/* USER PROFILE */
#crsPROFBox {padding:30px;}
#crsPROFBoxTOP {text-align: center;}
#crsPROFBoxTOP img {height:30px; margin:0px auto;}
#crsPROFBoxTOP p {font-size:13px; color:white; margin:15px 0;}

#crsPROFBox {
background: rgb(129,242,0);
background: -moz-linear-gradient(38deg, rgba(129,242,0,1) 0%, rgba(40,29,163,1) 100%);
background: -webkit-linear-gradient(38deg, rgba(129,242,0,1) 0%, rgba(40,29,163,1) 100%);
background: linear-gradient(38deg, rgba(129,242,0,1) 0%, rgba(40,29,163,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#81f200",endColorstr="#281da3",GradientType=1);
position:relative;
}

#crsPROFBoxBody {text-align:center;}
#crsPROFBoxBody ul {list-style:none; text-align:center; margin: 0; padding: 0;}
#crsPROFBoxBody li {display:inline-block; width:90px; padding:8px; vertical-align:top;}
#crsPROFBoxBody li h6, #crsPROFBoxBody li h6 * {margin:0; color:white; font-size:10px;}
#crsPROFBoxBody li:hover { background:rgba(255,255,255,0.1); cursor:pointer; border-radius:3px;}
#crsPROFBoxBody li h6 {margin-top:3px;}

#crsPROFBoxBody .modal-header {position:absolute; right:0; z-index: 1;}
#crsPROFBoxBody .modal-dialog {width:500px;}
#crsPROFBoxBody .modal-content .modal-body {padding:0;}
#crsPROFBoxBody .modal-content .crsModalInfo {padding:30px 15px 15px;}
#crsPROFBoxBody .modal .close {color: #fff; text-shadow: 1px 2px 0 rgba(0,0,0,0.5); opacity: .6;}
#crsPROFBoxBody .modal-content h4 {font-size: 24px;}
#crsPROFBoxBody .modal-content h4 + p {font-size:13px; font-weight:400;}
#crsPROFBoxBody .modal-content h4 + p span:before {
  font-family: 'Material Icons';
  content: '\e8df'; margin-right:5px; font-size:15px; vertical-align:top;
}

#crsPROFBoxBody .crsModalImage {position:relative;}
#crsPROFBoxBody .crsModalImage:before {
    content: ''; position: absolute; top: 0; right: 0; bottom: 50%; left: 0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

#crsPROFBoxBody .crsModalImage .courseICO {position:absolute; width:60px; height:60px; right:15px; bottom:-30px; background-size: 80%; background-position: center center;}
#crsPROFBoxBody .crsModalInfo .rating {display:inline-block;}
#crsPROFBoxBody .crsModalInfo div:first-child * {font-size: 13px;}

#crsPROFBoxBody .crsModalInfo div:first-child span:first-child {text-transform:uppercase;}
#crsPROFBoxBody .crsModalInfo div:first-child span:not(:last-child):after {content:"|"; margin-left:5px; margin-right:5px; color: #ddd;}


/* ARCHIVE */

#academyArchiveList {margin-top:30px;}
#academyArchiveList .media-left {width:25%; float: left; position:relative; padding-right: 0;}
#academyArchiveList .media-body { width: 75%; float: left; position:relative; padding-left: 35px;}
#academyArchiveList .media-left .courseICO {position:absolute; right:-25px; top:50%; transform:translateY(-50%); margin: 0; width: 50px; height: 50px; background-size: 85%; background-position: center center;}

body#PSACourse .crsArchiveInfoDates ul {list-style:none; padding:0; margin-top:10px;}
body#PSACourse .crsArchiveInfoDates li {display:inline-block; text-align: center; padding:0 10px;}
body#PSACourse .crsArchiveInfoDates li:first-child {padding-left:0;}
body#PSACourse .crsArchiveInfoDates h4 {font-size: 18px; text-align: center; margin:0;}
body#PSACourse .crsArchiveInfoDates h6 {font-size: 11px; text-align: center; margin:0; letter-spacing: 1px;}

#academyArchiveList .crsArchiveInfo {float:left; font-size:11px; color:#666; text-transform: uppercase;}
#academyArchiveList .crsArchiveInfo:after {content:'|'; opacity:0.3; margin-left:5px; margin-right:5px;}
#academyArchiveList .crsArchiveInfo:last-child:after {display:none;}
#academyArchiveList .crsArchiveInfo .rating i {font-size: 13px;}

#academyArchiveList h4.media-heading {clear:both; margin-top: 10px;}
.crsArchiveMainInfo {margin-top:15px;}

#academyArchiveList .crsStutus {position:absolute; right:15px; top:15px; border:1px solid #ddd; font-size: 10px; text-transform:uppercase; padding:3px 5px; border-radius:2px;}
#academyArchiveList .crsStutus * {vertical-align: middle; line-height: 1; display: inline-block;}

#academyArchiveList .crsStutus.crsStutusRegistered {border:1px solid rgb(161, 182, 17); color: rgb(161, 182, 17); }
#academyArchiveList .crsStutus.crsStutusRegistered:before { vertical-align: middle; font-family: 'Material Icons'; content: '\e5ca'; color: rgb(161, 182, 17); font-size:13px; margin-right:3px;}

#academyArchiveList .crsStutus.crsStutusDone {background: rgb(129,242,0);
background: -moz-linear-gradient(38deg, rgba(129,242,0,1) 0%, rgba(40,29,163,1) 100%);
background: -webkit-linear-gradient(38deg, rgba(129,242,0,1) 0%, rgba(40,29,163,1) 100%);
background: linear-gradient(38deg, rgba(129,242,0,1) 0%, rgba(40,29,163,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#81f200",endColorstr="#281da3",GradientType=1);
border: none; padding:5px;}

#academyArchiveList .crsStutus.crsStutusDone span:first-child { display: inline-block; width: 15px; margin: -6px 3px -4px 0px;}
#academyArchiveList .crsStutus.crsStutusDone img {max-height:25px; display:inline-block;}
#academyArchiveList .crsStutus.crsStutusDone span:last-child {color:white;}

#academyArchiveList .crsStutus.crsStutusExpired {border:1px solid #999; color: #999;}
#academyArchiveList .crsStutus.crsStutusExpired:before { vertical-align: middle; font-family: 'Material Icons'; content: '\e888'; font-size:12px; color: #999; margin-right:3px;}

#crsCHBar.sticky + #academyArchive {margin-top:80px;}


.modal .crsCloseModal:before {
  font-family: 'Material Icons';
  content: '\e5cd';
}

/*************/
/**  TALKS  **/
/*************/

body#PSACourse.modal-open {padding-right: 0px !important;}
#talksAvailabDates {padding:0; margin-bottom:30px;}
#talksAvailabDates .slick-slide {padding:5px;}
#talksAvailabDates .slick-slide input {display:none;}
#talksAvailabDates .slick-slide input + label {border:5px solid #f4f4f4; border-radius:3px; width:100%; height:95px; position:relative;}
#talksAvailabDates .slick-slide input + label:hover {cursor:pointer; border:5px solid #eb6428; }
#talksAvailabDates .slick-slide input:checked + label {border:5px solid #eb6428; }
#talksAvailabDates .slick-arrow {bottom:-30px; top: auto; z-index:1;}
#talksAvailabDates .slick-prev {left: 5px;}
#talksAvailabDates .slick-next {right: 15px;}

#talksAvailabDates h4 {margin:5px 0 2px; font-size:24px;}
#talksAvailabDates h6 {margin:0px;}
#talksAvailabDates .slick-dots li.slick-active button:before {color:#eb6428!important;}

#talksRegDisclaimer {margin:50px 0 5px; font-size:13px; line-height:1.4;white-space: pre-wrap;}

#talksRegUserData .form-group {margin-top:0px;}
#talksRegUserData .form-group:first-child {padding-left:0;}
#talksRegUserData h3 {color:#333; text-transform: none; margin-top: 10px;}
#talksRegUserData h3, #talksRegUserData .form-group input {font-family: 'Citroen','Arial',sans-serif; font-size:24px; font-weight:400;}
#talksRegUserData .form-group .help-block {bottom:-15px;}

#register-modal .modal-footer {
    padding: 10px 0;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    background: white;
    box-shadow: 0 10px 20px -12px rgb(0 0 0 / 42%), 0 3px 20px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 10px 20px -12px rgb(0 0 0 / 42%), 0 3px 20px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

#talksAvailabDates .talksDateSeats {display:block; text-transform: uppercase; color: #333; font-size: 12px; line-height: 18px; position: absolute; bottom: 0; width: 100%;}
#talksAvailabDates .talksDateSeats span:last-child {font-weight: bold; margin-left:5px;}
#talksAvailabDates .slick-slide input:checked + label .talksDateSeats {color:#eb6428; }

#talksAvailabDates h6 .material-icons {font-size:12px; vertical-align:bottom; margin-right:3px;}
#talkEditBTN {margin:0;}
#talkEditBTN span:last-child {font-size:12px!important;}

#crsBlockDates .selectedDate ul {margin-bottom:0;}

/* ==================== */
/* === MEDIAQUERIES === */
/* ==================== */


@media only screen and (max-width: 1200px) {
#academySliderLogo {margin:0px 0px 30px;}
#crsStickyTitleLabel {width:70%;}
#academySliderHP .slick-slider .slick-prev {right: -95px;}
#academySliderHP .slick-slider .slick-next {right: -145px;}
}


@media only screen and (max-width: 992px) {
  body#PSACourse #crsInnerBodySX {position:relative; top: inherit; padding: 0 15px;}

body#PSACourse #crsImageButtons {right:52%;}
#crsTopRow #crsStickyButtons {display:none!important;}

div#crsInnerBodySide:before {
    content: '';
    border-bottom: 1px solid #d2d2d2;
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
}

#academySliderHP .slick-slider .slick-prev {right: -115px;}
#academySliderHP .slick-slider .slick-next {right: -175px;}





}

@media only screen and (max-width: 767px) {

body#PSACourse #postBody,
body#PSACourse.stickyBody #postBody {margin-top:15px; padding-top:0; }
body#PSACourse #crsInnerBodySX {padding:0 15px;}



.container>.navbar-header { margin-right: 0; margin-left: 0;}
body#PSACourse #crsTopRow.sticky {top:auto; bottom:0;}
#crsCHBarLogo {}
#crsImgOver { width: 100%; left: 0; transform: none; padding: 0;}
body#PSACourse #crsMainInfo {width:100%;}
body#PSACourse #crsImageButtons {right:15px; z-index:2;}
#crsMainC2A {position: fixed; height: 80px; bottom: 0; left: 0; right: 0; top: auto;}
#crsMainInfoDates {padding-left:50px;}
body#PSACourse #crsTopRow {display:block; padding:0;}
body#PSACourse #crsTopRow .container {padding:0;}
body#PSACourse #crsImageICO { top: 30px; left: 15px; bottom:auto; width: 40px; z-index: 2;}

#academySliderLogo {margin-right:0px;}
#crsCHDashboard {height:auto;}

#crsCHBarLogo {width:auto;}
#crsCHBarLogo img.visible-xs-block {width:50px;}
#crsCHBarLogo img.visible-xs-block, #crsFullCatalogueLink {display:inline-block!important;}

#crsCourseUsrRegist, #crsCourseUsrRegist {display:block;}
#crsCourseUsrRegist div:first-child,
crsCourseUsrRegist div:first-child {margin-bottom:15px;}

}

@media only screen and (min-width: 550px) {
#academySliderLogoXS {display:none!important;}
}

@media only screen and (max-width: 550px) {

#academySliderHP {position:relative; display:block; width:100%; height:auto;} 
#academySliderBody { margin-top:50px; display:block; float:none; width:100%;}
#academySliderSide { top:-10px; position:absolute; display:block; /*height:50px;*/ float:none; width:100%; padding:0;}
#academySliderLogo {display:none!important;}
#academySliderLogoXS {display:block!important; /*max-width:40%;*/ height: 60px; padding-bottom: 10px;}
#academySliderBody:after {display:none!important;}
#academySliderHP .slick-slider .slick-prev {right: 45px; top: -40px; bottom:auto;}
#academySliderHP .slick-slider .slick-next {right: 0; top: -40px; bottom:auto;}

#academyArchiveList .media-left {width:100%;}
#academyArchiveList .media-body {width:100%; padding:15px;}

#academyArchiveList .media-left .courseICO {transform:none; bottom:-25px; top:auto; right:15px; left:auto;}
#academyArchiveList .crsStutus {background:rgba(255,255,255,1);}


}





#crsCHBarBOContacts li:last-child, #crsBlockTrainers li:last-child, #crsBlockTrainers li:nth-child(3) {display:none !important;}

/**/