.epy_explore_slidercontainer{
    width: 100%;
    height: auto;
    position: relative;
}

#epy_explore_prev{
    left: 10px;
    position: absolute;
    padding-top: 267px;
    z-index: 99;
    height: 554px;
    background-repeat: repeat;
    margin-top: 84px;
    width: 100px;
}

#epy_explore_next{
    position: absolute;
    right: 10px;
    z-index: 99;
    margin-top: 84px;
    padding-top: 267px;
    height: 554px;
    background-repeat: repeat;
    width: 100px;
    text-align: right;
}

#epy_explore_edupathway{
    width: auto;
    height: 720px !important;
}

.bx-wrapper .bx-viewport{
    background: transparent;
    box-shadow: 0 0 0px;
    border: 0px solid #fff;
    left: 0px;
}

.pathwayselectedtextyears{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 9px;
}

#ExplorePathwayList_Container_main .selected:before{
    content: none !important;
}

.pathwayInfo{
    cursor: pointer;
}

.pathwayEdit{
    padding-left: 10px;
}

.explorewayHeader .pathName{
    padding-top: 5px;
    color: #333333;
    font-family: "Gotham Runded Bold" !important;
}
.exploreWayFavComSpan{
    color: #e68717;
}
.pathShowContent{
    font-family: "Source Sans Pro Bold";
    font-size: 15px;
    color: #ffffff;
    padding-top: 0px;
}

#ExplorePathwayList_Container_main a,
#ExplorePathwayList_Container_main a:link,
#ExplorePathwayList_Container_main a:visited
{color: #333 !important;
text-decoration: none}


.educationPathway  .bx-wrapper{
    margin: 0px auto;
    height: auto !important;
    padding-left: 44px;
    padding-right: 44px;
}

.PathContent .closebtn{
    display: none;
    cursor: pointer;
}

#ExplorePathwayList_Container_main input[type='checkbox']{
    display: none !important;
}


.pathway-table-block .pathway-block{
    margin-top: 15px;
}

.pathway-table-block .pathway-link{
    margin-top: 15px;
}


.pahtwayNameErrorMSg{
    width: 100%;
    display: inline-table;
    color: 3D82631 !important;
}


.pathway-table-block .pathway-block.SelectableShow{
    display: inline-block !important;
}

.pathway-table-block .pathway-block.SpecialEducation,.pathway-table-block .pathway-block.PrimarySchools
,.pathway-table-block .pathway-block.PSLE
{
   background-color:  #AF6318 !important;
}
.pathway-table-block .pathway-block.SpecialEducation .eduPahtwayInfoIcon, .pathway-table-block .pathway-block.PrimarySchools .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.PSLE .eduPahtwayInfoIcon{
    fill: #AF6318 !important;
}


.pathway-table-block .pathway-block.SpecialEducationSchools,.pathway-table-block .pathway-block.IntegratedProgramme
,.pathway-table-block .pathway-block.PrivatelyFundedSchools
,.pathway-table-block .pathway-block.SpecialisedIndependentSchools
,.pathway-table-block .pathway-block.Express
,.pathway-table-block .pathway-block.NormalAcademicNA
,.pathway-table-block .pathway-block.NormalTechnicalNT
,.pathway-table-block .pathway-block.SpecialisedSchools
,.pathway-table-block .pathway-block.GCENALevel
,.pathway-table-block .pathway-block.GCENTLevel
,.pathway-table-block .pathway-block.GCEOLevel
{
    background-color:  #CA313A !important;
}


.pathway-table-block .pathway-block.SpecialEducationSchools .eduPahtwayInfoIcon,
.pathway-table-block .pathway-block.IntegratedProgramme .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.PrivatelyFundedSchools .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.SpecialisedIndependentSchools .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.Express .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.NormalAcademicNA .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.NormalTechnicalNT .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.SpecialisedSchools .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.GCENALevel .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.GCENTLevel .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.GCEOLevel .eduPahtwayInfoIcon{
    fill: #CA313A !important;
}


.pathway-table-block .pathway-block.JuniorColleagesCentralisedInstitutes
,.pathway-table-block .pathway-block.InstituteofTechnicalEducation
,.pathway-table-block .pathway-block.GCEALevel
,.pathway-table-block .pathway-block.Polytechnics
,.pathway-table-block .pathway-block.ArtsInstitutions
,.pathway-table-block .pathway-block.Universities
,.pathway-table-block .pathway-block.AlternativeQualifications2
,.pathway-table-block .pathway-block.AlternativeQualifications
,.pathway-table-block .pathway-block.AlternativeQualifications1
,.pathway-table-block .pathway-block.PolytechnicFoundation
,.pathway-table-block .pathway-block.DirectEntrySchemetoPolytechnic
{
    background-color:  #8c4198 !important;
}

.pathway-table-block .pathway-block.JuniorColleagesCentralisedInstitutes .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.InstituteofTechnicalEducation .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.GCEALevel .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.Polytechnics .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.ArtsInstitutions .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.Universities .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.AlternativeQualifications2 .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.AlternativeQualifications .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.AlternativeQualifications1 .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.PolytechnicFoundation .eduPahtwayInfoIcon
,.pathway-table-block .pathway-block.DirectEntrySchemetoPolytechnic .eduPahtwayInfoIcon{
    fill: #8c4198 !important;
}



.pathway-table-block .pathway-block.WorkandLifelongLearning{
    background-color:  #3154a4 !important;
}

.pathway-table-block .pathway-block.WorkandLifelongLearning .eduPahtwayInfoIcon{
    fill:#3154a4;
}
#ExplorePathwayList_Container_main .heading{
    width: auto;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    line-height: 37px !important;
}

/*-- artsModal cc--*/
#artsModal{
    width: 70%;
    margin: 0 auto;
    padding: 0px;
    overflow: hidden;
}
#artsModal .modal-content{
    top:25%;
}
#artsModal .contentblock{
    text-align: center;
}
#artsModal .modal-header{
    border-bottom: none;
    padding-bottom: 15px;
    background-color: #fff;
}
#artsModal .artsText{
    padding: 15px;
}
#artsModal .artsmsg{
    color: #333;
    overflow: hidden;
    word-break: break-word;

}
#artsModal .closepanel .contentblock{
    padding: 10px 15px 20px 15px;
    color: #333;
}
#artsModal .closebutton{
    background: #e68717 !important;
    color: #fff !important;
    border: none !important;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    width: 170px;
    height: 36px;
    border-radius: 18px;
    display: inline-block;
    margin-top: 12px;
    margin-bottom: 25px;
    font-family: "Source Sans Pro Bold";
    outline: none;
}
#artsModal a, #artsModal a:link, #artsModal a:visited, #artsModal a:focus{
    color: #e68717 !important;
}
svg#Education_Pathway
{
    font-weight:bolder;
}

#epy_explore_edupathway svg #Header{
    font-family: "Gotham Runded Bold";
}
#jumbo_container .GetStartedTools_box .col-md-4 .heading a {
    color: white;
}

.video-thumbnail-whatis {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background: url(secondary/images/prepareforwork_mostreadstory.jpg) no-repeat center;
}
@media (max-width: 767px){
    .video-thumbnail-whatis{
        height: 300px;
        margin: auto;
    }
}

#featurevideo_container .what_is_button{
color: #fff;
border: 1px solid #fff;
}
#featurevideo_container .what_is_button:hover,#featurevideo_container .what_is_button:focus{
    background: #fff;
    color: #000;
}
.custom-assement-groups .selected {
    background: #812990;
}

.msf_preu_overviewpage .overview_page_know_yourself, 
.msf_preu_overviewpage #knowyourself_controller_know_yourself, 
.msf_preu_overviewpage #assessment_list_know_yourself, 
.msf_preu_overviewpage #knowyourself {
    height: 100%;
    min-height: 100%;
}

.resume-listing-custom .item-type {
	width: 23% !important;
}
@media (max-width: 991px) and (min-width: 768px){
.resume_listing_stu #MyFavouritePathways_container .table-row .item-name{
width:24%!important;
}
}
@media (max-width: 767px) and (min-width: 641px){
.resume_listing_stu #MyFavouritePathways_container .table-row .item-name{
width:24%!important;
}
}

@media (max-width: 640px) and (min-width: 481px){
.resume_listing_stu #MyFavouritePathways_container .table-row .item-name{
width:24%!important;
}
}

@media (max-width: 767px) and (min-width: 641px){
.resume_listing_stu #MyFavouritePathways_container .item-type {
	width: 18% !important;
}
    }

@media (max-width: 768px){
.resume_listing_stu #MyFavouritePathways_container .item-type {
    width: 20% !important;
}
}

.stu-radio {
    display: inline-block;
    min-width: 146px;
    margin-right: 10px;
}
.resume-listing-stu-download .resume-print-form{
	margin-bottom: 20px;
}

.resume-listing-stu-download .save-attachments{
	background-color: #FFF;
	padding: 5px 0;
}

.resume-listing-stu-download .select-attachments .select-title{
	margin-bottom: 15px;
}

.resume-listing-stu-download .select-attachments .select-coverletter{
	padding-bottom: 1px !important;
}

.resume-listing-stu-download input[readonly]{
	background: #fff;
}


/* SEC AND PREU */

.resume-listing-stu-common .modal-header .modal-title{
	color: white;
	font-size: 18px;
}

/* SEC */

.resume-listing-stu-common.secondary .modal-header{
	background-color: #315484;
	max-height: 52px;
}

.resume-listing-stu-common.secondary .modal-header .close{
	opacity: 1;
}
    
.resume-listing-stu-common.secondary .modal-header .close span {
	color: white;
	font-size: 30px;
}

.resume-listing-stu-common.secondary .myAEMBtn{
	border: 0px;	
}

/* PREU */

.resume-listing-stu-common.preu .modal-header{	
	background-color: #812990;	
	max-height: 52px;
}

.resume-listing-stu-common.preu .modal-header .close{
	opacity: 1;
}
    
.resume-listing-stu-common.preu .modal-header .close span {
	color: white;
	font-size: 30px;
}

.resume-listing-stu-common.preu .myAEMBtn{
	border: 0px;	
}

.resume-listing-stu-download .resume_btn_download span{
	background: url("preu/images/actionicon_bar_attach_categ.png") -22px top no-repeat!important;
   display: inline-block;
    width: 23px;
    height: 21px;
    margin: 0px;
    margin-left: -9px;
    vertical-align: top;
}

.resume-listing-stu-download .resume_btn_download:hover span{
	background: url("preu/images/actionicon_bar_attach_categ.png") left top no-repeat;
   display: inline-block;
    width: 23px;
    height: 21px;
    margin: 0px;
    margin-left: -9px;
    vertical-align: top;

}
.resume-listing-stu-download .resume_btn_download{
  background:#fff!important;
  border-color: #fff!important;
  margin-top: -2px!important;

}
.resume-listing-stu-download .resume_btn_download:hover{
  background:#ccc!important;
  border-color: #ccc!important;
 }

.stu-radio {
	display: inline-block;
	min-width: 146px;
	margin-right: 10px;
}

#listingShareContent .stu-radio {
	display: inline-block;
}

/* prepare for work - print, download, share */
#listingShareContent .buttons{
    text-align: center;
}


#resumeListingstuDownload .modalCloseBtn{
    top: 16px;
}

.resume-listing-stu-print .download-print-subtitle{
	font-size: 15px;
    font-weight: bold;
    margin: 10px 0 0 0;
}

.resume-listing-stu-print .select-coverletter{
	padding-bottom: 1px !important;
        background: #eee;
}

.resume-listing-stu-print input[readonly]{
	background: #fff;
}



/* SEC AND PREU */

.resume-listing-stu-common .modal-header .modal-title{
	color: white;
	font-size: 18px;
}

/* SEC */

.resume-listing-stu-common.secondary .modal-header{
	background-color: #315484;
	max-height: 52px;
}

.resume-listing-stu-common.secondary .modal-header .close{
	opacity: 1;
}
    
.resume-listing-stu-common.secondary .modal-header .close span {
	color: white;
	font-size: 30px;
}

.resume-listing-stu-common.secondary .myAEMBtn{
	border: 0px;	
}

/* PREU */

.resume-listing-stu-common.preu .modal-header{	
	background-color: #812990;	
	max-height: 52px;
}

.resume-listing-stu-common.preu .modal-header .close{
	opacity: 1;
}
    
.resume-listing-stu-common.preu .modal-header .close span {
	color: white;
	font-size: 30px;
}

.resume-listing-stu-common.preu .myAEMBtn{
	border: 0px;	
}


#resumeListingstuPrint .modalCloseBtn{
    top: 16px;
}

/* 
this file apply to components: 
resume_listing_stu_share, 
resume_builder_stu_preview 
*/

.resume-listing-stu-share .share-title,
.resume-listing-stu-share .share-agreement-title{
	font-size: 26px;
}

.resume-listing-stu-share .share-form{
	margin: 30px 0;
}

.resume-listing-stu-share textarea{
    height: 100px;
}

.resume-listing-stu-share div.form-group{
	margin-bottom: 15px !important;
	word-wrap: break-word;
    word-break: break-word;
}

.resume-listing-stu-share .inline-left,
.resume-listing-stu-share .inline-right{
	width: 49%;
    display: inline-block;
}

.resume-listing-stu-share .inline-left{
	margin-right: 1%;
	vertical-align: top;
}

@media (max-width: 500px){
	.resume-listing-stu-share .inline-left,
	.resume-listing-stu-share .inline-right{
	    width: 100%;
	}
}

.resume-listing-stu-share hr{
	margin: 20px 0;
}


.resume-listing-stu-share .modal-header{
	border: 0;
}

.resume-listing-stu-share div.select-coverletter,
.resume-listing-stu-share div.select-file,
.resume-listing-stu-share div.checkbox-list{
   	margin-left: 20px;
}

.resume-listing-stu-share div.checkbox-list div.checkbox{
 	margin-right: 10px;
    display: inline-block;
	min-width: 146px;
}

.resume-listing-stu-share input[type="checkbox"]{
	width: 14px;
    left: 19px;
    height: 15px;
    display: block;
}

.resume-listing-stu-share div.select-coverletter{
	margin: 20px 0;
    padding: 20px 20px 0 20px;
   background: #eee;
}

.resume-listing-stu-share div.select-coverletter div.select-file input[type="text"]{
    display: inline;
    margin-right: -44px;
    border-radius: 0;
}

.resume-listing-stu-share .btn-file {
    position: relative;
    margin-top: -3px;
    overflow: hidden;
    
    border-radius: 0;
}

.resume-listing-stu-share .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.resume-listing-stu-share .myAEMBtn{
	margin: 10px 0;
	min-width: 200px;
	margin-right:4px;
}

.resume-listing-stu-share .myAEMBtn[disabled]{
	background: #ccc;
}

.resume-listing-stu-share .share-agreement-content{
	margin-left: 10px;
}

.resume-listing-stu-share .share-agreement-desc{
	margin: 30px 0 20px 0px;
}

.resume-listing-stu-share .agreement-desc{
	margin-top: 10px;
}

.resume-listing-stu-share .share-agreement-content .checkbox{
	margin-top: 20px;
}

.resume-listing-stu-share .share-agreement-content .buttons{
	margin-top: 20px;
    text-align: center;
}



/* SEC AND PREU */

.resume-listing-stu-common .modal-header .modal-title{
	color: white;
	font-size: 18px;
}

/* SEC */

.resume-listing-stu-common.secondary .modal-header .close{
	opacity: 1;
}
    
.resume-listing-stu-common.secondary .modal-header .close span {
	color: white;
	font-size: 30px;
}

.resume-listing-stu-common.secondary .myAEMBtn{
	border: 0px;	
}

/* PREU */

.resume-listing-stu-common.preu .modal-header .close{
	opacity: 1;
}
    
.resume-listing-stu-common.preu .modal-header .close span {
	color: white;
	font-size: 30px;
}

.resume-listing-stu-common.preu .myAEMBtn{
	border: 0px;	
}


/* SPU-695 */
.resume-listing-stu-common .notetxt{
    font-style: italic;
    color: #777;
}
.resume-listing-stu-common .remaining-characters{
    text-align: right;
}
/* SPU-695 */


.resume-listing-stu-common.preu .select-file .with-errors{
   color:#ef4125!important;
            }

.resume-listing-stu-share .resume_btn_share span{
	background: url("preu/images/actionicon_bar_attach_categ.png") -22px top no-repeat!important;
   display: inline-block;
    width: 23px;
    height: 21px;
    margin: 0px;
    margin-left: -9px;
    vertical-align: top;
}

.resume-listing-stu-share .resume_btn_share:hover span{
	background: url("preu/images/actionicon_bar_attach_categ.png") left top no-repeat;
   display: inline-block;
    width: 23px;
    height: 21px;
    margin: 0px;
    margin-left: -9px;
    vertical-align: top;

}
.resume-listing-stu-share .resume_btn_share{
  background:#fff!important;
  border-color: #fff!important;
  margin-top: -2px!important;

}
.resume-listing-stu-share .resume_btn_share:hover{
 background:#ccc!important;
  border-color: #ccc!important;
 }

.form-group .left-box{
    width: 49%;
    float: left;
}

.form-group .right-box{
    width: 49%;
    float: left;
    margin-left: 10px;
}


#resumeListingstuShare .modalCloseBtn{
    top: 16px;
}



#ResumeChrono_mainwrap .slider-table{
	min-height: 1066px;
}

#ResumeChrono_mainwrap .form-group{
	margin-bottom: 0;
}

#ResumeChrono_mainwrap .heading1 img,
#ResumeChrono_mainwrap .right-col .section_box li{
	cursor: pointer;
}

#ResumeChrono_mainwrap .slider-tables,
#ResumeChrono_mainwrap .slider-tables .slider-table-row{
	display: none;
}

#ResumeChrono_mainwrap .slider-tables.active,
#ResumeChrono_mainwrap .slider-tables.active .slider-table-row.active{
	display: block;
}

#slider-table-content .slider-table-row .form-box .form-control[disabled],
#slider-table-content .slider-table-row .form-box .form-control[readonly]{
	background-color: #fff;
}

#ResumeChrono_mainwrap .add_subsections,
#ResumeChrono_mainwrap .delete_subsections{
	cursor: pointer;
	font-size: 16px;
    font-weight: bold;
    color: #5aacb4;
}

#ResumeChrono_mainwrap .add_subsections{
	text-align: left;
    padding: 10px 16px;
}

#ResumeChrono_mainwrap .delete_subsections{
	text-align: right;
    padding: 10px 0;

}

#ResumeChrono_mainwrap .heading-desc{
	margin-bottom: 10px;
}

#ResumeChrono_mainwrap #menuoptions{
    width: 100%;
    color: #ffbd00;
    margin-top: 10px;
    font-size: 16px;
    padding: 5px;
}

#ResumeChrono_mainwrap textarea{
    resize: none;
    height: 200px !important;
}

#ResumeChrono_mainwrap .checkbox input[type="checkbox"]{
    width: 15px !important;
    margin-top: 1px;
    display: block;
}

#ResumeChrono_mainwrap .checkbox input[type="checkbox"]:hover {
	cursor:pointer !important;
}

/* datetimepicker */
#ResumeChrono_mainwrap .datetimepicker-input-group{
	border: 0;
    background: #fff;
    display: block;
    padding: 8px 10px;
    margin-bottom: 10px;
}

#ResumeChrono_mainwrap .datetimepicker-input-group .form-box{
	margin-bottom: 0;	
}

#ResumeChrono_mainwrap #slider-table-content .input-group .form-box .form-control{
	float: left;
    width: 85% !important;	
}

#ResumeChrono_mainwrap .datetimepicker-input-group .form-box .input-group-addon{
	width: 40px;
    float: right;
}

#ResumeChrono_mainwrap .form-group.active .input-group-addon {
    cursor: pointer;
}


#ResumeChrono_mainwrap #slider-table-content .whitemask {
    height: 163px;
}
#GettingStarted_container .mid-col .ctabox .btn_builder{
    width: 210px;
    height: 41px;
    line-height: 37px;
    padding-top: 0;
    padding-bottom: 0;

}

#GettingStarted_container .mid-col .btn_block{
    text-align: center !important;
}
@media(max-width: 1199px){
    #GettingStarted_container .mid-col .btn_block{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

#GettingStarted_container .mid-col .ctabox .list_link a{
font-size:16px;
cursor: pointer;
}

#ResumeChrono_mainwrap .builder_errorMsg{
color: red;
    font-size: 15px;
	background-color: #d6d6d6;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 20px;


}
.slider-table-row .telephoneNumberError{
    color: #ef4125;
    font-weight: bold;
}


@media(max-width: 480px){
    #ResumeChrono_mainwrap #GettingStarted_container{
        margin-top: -35px !important;
    }
    
    #ResumeChrono_mainwrap .delete_subsections{
   	    display: inline-block;
   		width: 50%;
   		height: 21px;
    }
    
    #ResumeChrono_mainwrap .add_subsections{
   	    width: 50%;
   	    height: 21px;
   	    padding: 10px 0;
    }
    
}


#listingShareContent .select-from-eportfolio label{
	display: inline !important;
}

#listingShareContent .select-from-eportfolio div.radio label{
	display: inline-block !important;
}












.employment-history .left-title .bottom-area,
.employment-history .right-menu .bottom-area{
    min-height: 699px;
}

.monthyear .table-condensed thead tr:nth-child(2),
.monthyear .table-condensed tbody {
  display: none
}

.daterangepicker th.month {
    width: 100%;
}

.glyphicon-calendar{
    padding-top: 9px;
    height: 30px;
    margin: -8px -13px;
    width: 40px;
}
.stu-summary .left-title .bottom-area,
.stu-summary .right-menu .bottom-area{
    min-height: 389px;
}

.stu-summary textarea{
    height: 353px;
}
.stu-academic-quli .left-title .bottom-area,
.stu-academic-quli .right-menu .bottom-area{
    min-height: 821px;
}

.stu-academic-quli textarea{
	width: 527px;
}

.resume_builder_stu_academic_qualification .bootstrap-datetimepicker-widget table {
    background-color: white;
}

.resume_builder_stu_academic_qualification .bootstrap-datetimepicker-widget .picker-switch td span {
    display: none;
}

.resume_builder_stu_academic_qualification #ResumeChrono_mainwrap #slider-table-content .input-group .form-box select.form-control {
    width: 100% !important;
}


.stu-award .left-title .bottom-area,
.stu-award .right-menu .bottom-area{
    min-height: 724px;
}

.stu-award textarea{
    height: 150px;
}

.glyphicon-calendar{
    padding-top: 9px;
    height: 30px;
    margin: -8px -13px;
    width: 40px;
}
.stu-language .left-title .bottom-area,
.stu-language .right-menu .bottom-area{
    min-height: 400px;
}

.stu-language .center-content .subsections {
    border-bottom: 1px solid #ddd;
}
.stu-skills .left-title .bottom-area,
.stu-skills .right-menu .bottom-area{
    min-height: 377px;
}

.stu-skills textarea{
    height: 150px;
}
.stu-preview .left-title .bottom-area,
.stu-preview .right-menu .bottom-area{
    min-height: 380px;
}

.stu-preview .resume-list-section .resumetype-decription,
.stu-preview .resume-list-section .radiobox-list,
.stu-preview .resume-list-section .select-resumetype-title{
	margin: 0 20px 0 20px;
}

.stu-preview .resume-list-section .select-resumetype-title{
    margin-top: 20px;
    font-size: 15px;
    font-weight: bold;
}

.stu-preview .radio-box{
    display: inline-block;
    width: 30%;
}

.stu-preview .radio-box input[type="radio"]{
    height: 55px;
    width: 18px;
}

.stu-preview .radio-box span{
    padding-left: 8px;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    color: #777;
}

.stu-preview .center-buttons {
	margin: 35px 0 10px 0;
    text-align: center;
}

.stu-preview .resume-list-section{
	border: 1px solid #ddd;
    -webkit-box-shadow: 0px 9px 30px 2px rgba(163,160,163,1);
    -moz-box-shadow: 0px 9px 30px 2px rgba(163,160,163,1);
    box-shadow: 0px 9px 30px 2px rgba(163,160,163,1);
    padding: 20px 0;
}

.resume-builder-stu-viewpreview .view-preview-title{
	font-size: 25px;
}

.resume-builder-stu-viewpreview .preview-section{
	margin-bottom: 25px;
}

.resume-builder-stu-viewpreview .preview-subtitle{
	margin-bottom: 15px;
	font-size: 18px;
    font-weight: bold;
	color: #333;
}

.resume-builder-stu-viewpreview .preview-section .inline-left,
.resume-builder-stu-viewpreview .preview-section .inline-right{
	margin-bottom: 20px;
    display: inline-block;
    width: 45%;
    vertical-align: top;
    font-size: 16px;
    color: #666;
    line-height: 1;
}

.resume-builder-stu-viewpreview .preview-summary div:last-child{
    font-size: 16px;
    color: #666;
}

.resume-builder-stu-viewpreview .preview-section .inline-right{
	margin-left: 10px;
}

.resume-builder-stu-viewpreview .preview-section .inline-left label,
.resume-builder-stu-viewpreview .preview-section .inline-right label{
    display: block;
}




/* SEC AND PREU */

.resume-builder-stu-viewpreview .modal-header .modal-title{
	color: white;
	font-size: 18px;
}

/* SEC */

.resume-builder-stu-viewpreview.secondary .modal-header{
		/* background-color: #315484;*/
	background-color: #894198;
	max-height: 52px;
}

.resume-builder-stu-viewpreview.secondary .modal-header .close{
	opacity: 1;
}

.resume-builder-stu-viewpreview.secondary .modal-header .close span {
	color: white;
	font-size: 30px;
}

.resume-builder-stu-viewpreview.secondary .myAEMBtn{
	border: 0px;
}

.resume-builder-stu-viewpreview.secondary .myAEMBtn a {
	color: white;
}

/* PREU */

.resume-builder-stu-viewpreview.preu .modal-header{
		/*background-color: #812990;*/
    background-color: #8ec449;
	max-height: 52px;
}

.resume-builder-stu-viewpreview.preu .modal-header .close{
	opacity: 1;
}

.resume-builder-stu-viewpreview.preu .modal-header .close span {
	color: white;
	font-size: 30px;
}

.resume-builder-stu-viewpreview.preu .myAEMBtn{
	border: 0px;
}

.resume-builder-stu-viewpreview.preu .myAEMBtn a {
	color: white;
}

.resume-builder-stu-viewpreview .modal-dialog{
	width:800px;
}

div#stuBuilderViewPreview {
    overflow-x: auto;
}
.stu-reference .left-title .bottom-area,
.stu-reference .right-menu .bottom-area{
    min-height: 380px;
}

.stu-reference .reference-search input {
	width: 80%;
    float: left;
    margin-right: 15px;
}

.stu-reference .reference-list {
	padding-left: 10px;
}

.stu-reference .reference-list div {
	margin-bottom: 10px;
}

.stu-reference .resume-list-section .reference-decription,
.stu-reference .resume-list-section .select-reference-title,
.stu-reference .subsections-list,
.stu-reference div.checkbox-list{
	margin: 0 20px 0 20px;
}

.stu-reference .resume-list-section{
	border: 1px solid #ddd;
    -webkit-box-shadow: 0px 9px 30px 2px rgba(163,160,163,1);
    -moz-box-shadow: 0px 9px 30px 2px rgba(163,160,163,1);
    box-shadow: 0px 9px 30px 2px rgba(163,160,163,1);
    padding: 20px 0;
}

.stu-reference div.checkbox-list div.checkbox{
    min-width: 146px;
    border: 1px solid #eee;
    padding: 8px 20px;
}

.stu-reference div.checkbox-list div.checkbox input[type="checkbox"]{
	width: 14px;
    left: 35px;
    height: 15px;
}


.resume_builder_stu_reference .reference-referencelist{
	margin-left: 22px;
}

.radio label, .checkbox label {
    cursor: default;
}

.resume_builder_stu_reference #slider-table-content .content-heading .content {
    margin-bottom: 20px;
}
.stu-cca .left-title .bottom-area,
.stu-cca .right-menu .bottom-area{
    min-height: 440px;
}

.resume_builder_stu_cca .bootstrap-datetimepicker-widget table {
    background-color: white;
}

.resume_builder_stu_cca .bootstrap-datetimepicker-widget .picker-switch td span {
    display: none;
}

.resume_builder_stu_cca #ResumeChrono_mainwrap #slider-table-content .input-group .form-box select.form-control {
    width: 100% !important;
}

#portfolio .chart-box.changed{
    margin: 5px auto;
    margin-top: 10px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    display: block;
    width: 210px;
    height: 210px;
    position: relative;
}

#portfolio input[type="checkbox"]:checked + label {
    color: #fff;
}

#portfolio input[type="checkbox"]:checked + label span {
    background: url('primary/images/check_sheet.png') -28px top no-repeat;
    display: inline-block;
}

#portfolio input[type="checkbox"] + label span {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0px 15px 0px 0px;
    vertical-align: middle;
    background: url('primary/images/check_sheet.png') left top no-repeat;
    cursor: pointer;
}


.my-profile-category-sections-sec .scroll-panel-body {
    height: 280px !important;
    color: #333333;
    margin: 0px;
}

.my-profile-category-sections-sec .slick-item .scroll-panel-body {
    height: 230px !important;
    color: #333333;
    margin: 0px;
    width: 97%;
}


#my_profile_info,
#system_defined_categories,
#user_defined_categories{
display: inline;
}

.my-profile-category-sections-sec .slick-dots {
    bottom: -30px!important;
}

.my-profile-category-sections-sec #myinterestbox .scroll-panel-body p,
.my-profile-category-sections-sec #myskillsbox .scroll-panel-body p,
.my-profile-category-sections-sec #myvaluesbox .scroll-panel-body p,
.my-profile-category-sections-sec #mylearningstylesbox .scroll-panel-body p {
    color: #333333!important;
}


/*
.my-profile-category-sections-sec a.ctabtn.reverse {
    color: white!important;
}
*/
/*
.my-profile-category-sections-sec a.ctabtn.reverse:link, a.ctabtn.reverse:visited {
	color: white!important;
}

.my-profile-category-sections-sec a.ctabtn.reverse:hover{
	color: black!important;
}

.my-profile-category-sections-sec .ctabtn.smaller.reverse{
	border: 2px solid #fff!important;
}
*/


/* FOR PRE_U */
#mycategory .my-profile-category-sections-preu .btn-icon-circle > .plus {
    background-image: url("preu/images/icon-plus-01.png")!important;
}

#mycategory .my-profile-category-sections-preu .progress-card > .card-holder > .slick-single .slick-item > p {
    margin-top: 0px!important;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
}
#mycategory .my-profile-category-sections-preu .progress-card > .card-holder > .slick-single .slick-item > p:last-child {
    border-bottom: none!important;
}

#mycategory .my-profile-category-sections-preu .progress-card .card-holder .slick-single .slick-item .color-purple {
    min-height: 0px;
    margin-top: 0px;
}

#mycategory .my-profile-category-sections-preu .progress-card .card-holder .slick-single .slick-dots {
    bottom: -30px;
}

.my-profile-category-sections-preu .scroll-panel {
    height: 100%;
}

.my-profile-category-sections-preu .scroll-panel > .scroll-panel-body {
    height: 100%;
}

.my-profile-category-sections-preu .slick-slide img {
    display: inline;
}

#mycategory .progress-card .card-holder .slick-single .slick-track .slick-item {
    height: 240px;
    padding: 0 30px;
    overflow: auto;
    margin-top: 0px;
}

#mycategory .progress-card .card-holder .slick-single .slick-track .slick-item .scroll-panel{
    height: auto;
}

.my-profile-category-sections-preu .slick-slide img {
    display: inline;
    margin-top: 10px;
}

#mycategory .my-profile-category-sections-preu .progress-card .card-holder .keypoint li {
    border-bottom:2px dotted #ccc;
    font-weight: bold;
    padding: 5px 0px;
}

#mycategory .my-profile-category-sections-preu .progress-card .card-holder .keypoint {
    list-style: none;
    margin-left: -35px;
}

#mycategory .my-profile-category-sections-preu .progress-card.yellow-box .holland-code-message {
    margin-top: -83px;
    margin-left: 43px;
    position: absolute;
}
#mycategory .my-profile-category-sections-preu .progress-card.yellow-box .mg-b-10 {
    margin-bottom: 10px;
    position: relative;
    height: 131px;
    max-width: 148px;
}

/* FOR PRI */

.my-profile-category-sections-pri .itemName{
    color: black!important;
	padding-top: 1px!important;
    padding-bottom: 1px!important;
}

.my-profile-category-sections-pri .slick-dots {
     bottom: -50px!important;
}

.my-profile-category-sections-pri .scroll-panel {
    height: 257px!important;
}

.my-profile-category-sections-pri .scroll-panel > .scroll-panel-body {
    height: 100%!important;
}

.my-profile-category-sections-pri .preso_type {
    position: inherit!important;
}

.my-profile-category-sections-pri .slick-slide img {
    display: inline;
}

.my-profile-category-sections-pri #myInterestsCard .itemName {
    color: white !important;
    font-size: 20px;
    padding-top: 10px !important;
}

.my-profile-category-sections-pri #myInterestsCard .content li,
.my-profile-category-sections-pri #mySkillsCard .content li,
.my-profile-category-sections-pri #myValuesCard .content li{
     font-size: 20px;
    border-bottom: 2px dotted #ccc;
    padding-bottom: 7px;
    }

.my-profile-category-sections-pri #myInterestsCard .itemName,
.my-profile-category-sections-pri #mySkillsCard .itemName,
.my-profile-category-sections-pri #myValuesCard .itemName {
    color: white !important;
    border-bottom: 2px dotted #ccc;
    font-size: 20px;
    padding-top: 10px !important;
    padding-bottom: 10px!important;
}
.my-profile-category-sections-pri #myInterestsCard .itemName:last-child,
.my-profile-category-sections-pri #mySkillsCard .itemName:last-child,
.my-profile-category-sections-pri #myValuesCard .itemName:last-child {
    border-bottom: none;
}

.my-profile-category-sections-pri .Iaction{
font-size:22px;
        }


#mycategory .my-profile-category-sections-preu .slick-item .scroll-panel p{
border-bottom:2px dotted #ccc;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 12px;
    padding-bottom: 10px;
}
#mycategory .my-profile-category-sections-preu .slick-item .scroll-panel p:last-child{
    border-bottom:none;
}
#mycategory .my-profile-category-sections-preu .slick-item .scroll-panel .no-record-preu{
    border-bottom:0px ;
    margin-top:-37px;
    position: absolute;
    bottom: -6px;
}
#mycategory .my-profile-category-sections-preu .slick-item .no-record-preu-text{
    border-bottom:0px!important;
    margin-top:-38px!important;
    font-weight: bold!important;
}
#mycategory .my-profile-category-sections-preu .slick-item .scroll-panel .slick-item-result-header,
#mycategory .my-profile-category-sections-preu .slick-item .scroll-panel .empty-item{
border-bottom:0px;
        }

#mycategory .my-profile-category-sections-preu .slick-dots li.slick-active button::before{
color: #412B87!important;

}

#mycategory .my-profile-category-sections-preu .slick-dots li button:before{
color: #cccccc!important;

}

.my-profile-category-sections-sec #myinterestbox .scroll-panel-body p,
.my-profile-category-sections-sec #myskillsbox .scroll-panel-body p,
.my-profile-category-sections-sec #myvaluesbox .scroll-panel-body p,
.my-profile-category-sections-sec #mylearningstylesbox .scroll-panel-body p{
border-bottom: 2px dotted rgba(255,255,255,0.5);
 font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.my-profile-category-sections-sec #myinterestbox .scroll-panel-body .Idid1:last-child p,
.my-profile-category-sections-sec #myskillsbox .scroll-panel-body .Idid1:last-child p,
.my-profile-category-sections-sec #myvaluesbox .scroll-panel-body .Idid1:last-child p,
.my-profile-category-sections-sec #mylearningstylesbox .scroll-panel-body .Idid1:last-child p{
    border-bottom: none;
}

.my-profile-category-sections-sec #myinterestbox .scroll-panel-body .no-record-text,
.my-profile-category-sections-sec #myskillsbox .scroll-panel-body .no-record-text,
.my-profile-category-sections-sec #myvaluesbox .scroll-panel-body .no-record-text,
.my-profile-category-sections-sec #mylearningstylesbox .scroll-panel-body .no-record-text{
border:0px!important;
}

.my-profile-category-sections-sec .preso_icon_full img,.my-profile-category-sections-sec .preso_icon img{
   /* height: 89px;
    //width: 69px;*/
    }


.my-profile-category-sections-preu .long_word_break_profile{
word-break: break-word;
}
.my-profile-category-sections-sec .long_word_break_profile{
word-break: break-word;
text-align:center;
}
.my-profile-category-sections-pri .long_word_break_profile{
word-break: break-word;
text-align:center;

}


.my-profile-category-sections-sec .heading{
    margin-bottom:5px;
}

#category_list_category_listing_stu .col-md-2 .text-right{
    padding-left: 0px;
}

.text-right.category_actions{
    padding-left: 0px;
    padding-right:12px;
}
#category_list_category_listing_stu .sub_category .col-md-2 .text-right{
    padding-right: 41px!important;
}
.my-profile-category-sections-sec .preso_plate{
  margin-bottom:20px!important;
}
.my-profile-category-sections-sec .myclass .card .ctabox{
    bottom:0px!important;
 }
.update_profile_image_popup_container #MyInformation{
    padding: 0px 20px!important;
}

.preu-imagepopup_container img .img-icon {
    background-image: url("preu/images/icon-plus-01.png")!important;
}

#hidden-input-file-div{
visibility: hidden;
    display: none;
}

#add-attachment-placeholder-id.add-cat-attachment{
height: 62%;
 display: block;
border-radius: 28px;
border: 4px solid #fff !important;
}

.profile_upload.add-cat-attachment{
border: 4px solid #fff !important;
 }

 #add-attachment-placeholder-id.add-cat-placeholder
{
    border-radius: 28px;
    height: 56px;
    pointer-events: none;
    cursor: default;

}

/* to standardized pop up */
.bootbox .ctabtn:hover {
    background-color: #412B87;
}

.btn-default-change {
    color: #fff;
    background-color: #412B87;
    border-color: #412B87;    
    border-radius: 28px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 53px;
    width: 100px;
}

.file-upload .add-cat-attachment .btn-default-change:hover {
    background-color: #412B87;
    border-color: #412B87;
}
.file-upload .add-cat-attachment .btn-default-change {
    background-color: #412B87;
    border-color: #412B87;
}

/*
.pri-imagepopup_container
*/
#MyInformation .profile-img.secondary-profile-img{
    width: 142px !important;
    height: 142px !important;
}

.bootbox.primary .ctabtn {
    background-color: #412B87;
}

.bootbox.primary .ctabtn:hover {
    background-color: #412B87;
}

.bootbox.primary .btn-default-change {
    color: #fff;
    background-color: #412B87;
    border-color: #412B87;    
    border-radius: 28px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 53px;
    width: 100px;
}

.bootbox.primary .btn-default-change:hover {
    background-color: #412B87;
    border-color: #412B87;
}

.mynamebox_text .name_block{
    display: block !important;
	width: 100% !important;
	word-wrap: break-word !important;;
    line-height: 31px !important;;
    font-size: 34px !important;
}

@media(max-width:330px){
	.mynamebox_text .name_block{
		width: auto !important;
	}
}
    
#profileimage_popup_update_profile_image_popup .name_container{
padding: 38px 40px !important;
    text-align: center;
}

#profileimage_popup_update_profile_image_popup .class_block{
    /*padding: 30px 10px !important;*/
    padding: 30px 0px !important;
}

.profile_upload .input-group-btn .profile_upload_button span{
background: url("preu/images/actionicon_bar_attach_categ.png") left top no-repeat;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: 0px;
    margin-left: -20px;
    vertical-align: top;
}

.profile_upload .input-group-btn .profile_upload_button:hover span{
background: url("preu/images/actionicon_bar_attach_categ.png") -22px top no-repeat;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: 0px;
    margin-left: -20px;
    vertical-align: top;
}
.profile_vision_statement .my-vision-statement{
	border: 1px solid #e1e1e1;
    text-align: center;
    background-color: #f0f0f0;
}

.profile_vision_statement .my-vision-statement div{
	margin: 10px 20px;
}

.profile_vision_statement .my-vision-statement .statement-title{
	font-size: 20px;
    font-weight: bold;
}

.profile_vision_statement .enter-vision-statement{
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}

.profile_vision_statement textarea{
    height: 153px;
}

.profile_vision_statement #editVisionStatement .myAEMBtn{
    float: left;
    border:0px;
}

.disable-add-image-button {
	background: #ccc !important;
}

/* PRE-U*/

.vision-preu a span.pencil {
    background-image: url("preu/images/icon-pencil-01.png")!important;
}

.vision-preu a span.photo {
    background-image: url("preu/images/icon-photo-01.png")!important;
}

/* PRI- */
.bootbox.primary .modal-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.modal-title-primary {
    margin: 0;
    line-height: 1.42857143;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
}

/* SEC AND PREU */


/* SEC */


.bootbox.secondary .modal-header .close{
	opacity: 1;
}
    
.bootbox.secondary .modal-header .close span {
	color: white;
	font-size: 30px;
}

.bootbox.secondary .myAEMBtn{
	border: 0px;	
}

.vision_image.add-cat-attachment{
border: 4px solid #fff !important;
 }

/* PREU */

.bootbox.preu .modal-header .close{
	opacity: 1;
}
    
.bootbox.preu .modal-header .close span {
	color: white;
	font-size: 30px;
}

.bootbox.preu .myAEMBtn{
	border: 0px;	
}
.bootbox.primary #updateVisionStatement{

    font-size: 16px;
    width: auto;
    min-width: 180px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    height: 37px;
     float:none;
}

.vision_image .input-group-btn .upload_vision_icon span{
background: url("preu/images/actionicon_bar_attach_categ.png") left top no-repeat;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: 0px;
    margin-left: -20px;
    vertical-align: top;
}

.vision_image .input-group-btn .upload_vision_icon:hover span{
background: url("preu/images/actionicon_bar_attach_categ.png") -22px top no-repeat!important;
 display: inline-block;
    width: 21px;
    height: 21px;
    margin: 0px;
    margin-left: -20px;
    vertical-align: top;
}

.profile_vision_statement .with-errors{
    color: #ef4125!important;
    }
.msf_secondary_overviewpage #overview_sliderplate_top > div,
.msf_secondary_overviewpage #overview_sliderplate_bottom > div {
    display: inline-block;
}

.msf_secondary_overviewpage #overview_sliderplate_top > div,
.msf_secondary_overviewpage #overview_sliderplate_bottom > div {
    vertical-align: top;
}

.msf_secondary_overviewpage .game_achievement_common_container .slick-dots {
    /*bottom: 20px !important;*/
}

.msf_secondary_overviewpage .game_achievement_common_container .slick-dots li.slick-active button:before {
    color: white;
}

.msf_secondary_overviewpage .game_achievement_common_container .slick-dots li button:hover, 
.msf_secondary_overviewpage .game_achievement_common_container .slick-dots li button:focus {
     color: white;
}

.msf_secondary_overviewpage .game_achievement_common_container .slick-item .Idid {
    margin-top: 0px;
}

.msf_secondary_overviewpage .game_achievement_common_container .ctabtn.reverse {
    background: transparent;
    border: 2px solid #fff;
}

.msf_secondary_overviewpage .game_achievement_common_container a.ctabtn.reverse, 
.msf_secondary_overviewpage .game_achievement_common_container a.ctabtn.reverse:link, 
.msf_secondary_overviewpage .game_achievement_common_container a.ctabtn.reverse:visited {
    color: white;
}

.msf_secondary_overviewpage .game_achievement_common_container a.ctabtn.reverse:hover, 
.msf_secondary_overviewpage .game_achievement_common_container a.ctabtn.reverse:focus {
    background: #fff;
    color: #000;
    text-decoration: none;
}

.msf_secondary_overviewpage .game_achievement_common_container .slick-item .Idid {
    font-size: 14px;
    line-height: 16px;
    padding-left: 16px!important;
    padding-right: 16px!important;
    max-height: 65px;
    overflow: hidden;
}

/* World Of Work */
.msf_secondary_overviewpage #gameachievmnt_controller_world_of_work {
    
}

/* Education Guide */
.msf_secondary_overviewpage #gameachievmnt_controller_education_guide {
    
}

/* Reflection */
.msf_secondary_overviewpage #gameachievmnt_controller_reflection {
    
}

/* Feedback */
.msf_secondary_overviewpage #gameachievmnt_controller_feedback {
    
}

.msf_secondary_overviewpage #gameachievmnt_controller_reflection .ctabtn.tiffany,
.msf_secondary_overviewpage #gameachievmnt_controller_feedback .ctabtn.tiffany {
    background: #5aacb4 !important;
}

.msf_secondary_overviewpage #gameachievmnt_controller_reflection .preso_type,
.msf_secondary_overviewpage #gameachievmnt_controller_feedback .preso_type {
    color: black;
}


.msf_secondary_overviewpage .dragscroll_innerbox {
    padding-bottom: 0px; 
}

/* Medium and smaller */
@media(max-width:1199px) {
    .msf_secondary_overviewpage #rightsliderplate > div {
        width: 49%;
        display: inline-block;
    }
     
    .msf_secondary_overviewpage #portfolio, 
    .msf_secondary_overviewpage #MyFavourites {
        width: 100%;
    }
}

@media(max-width:991px) { 
    .msf_secondary_overviewpage .dragscroll_outterbox {
        margin-bottom: -38px;
    }
}

.msf_preu_overviewpage .game_achievement_common_container .slick-dots {
    bottom: -15px !important;
}
@media (max-width: 767px) {
    .msf_preu_overviewpage .game_achievement_common_container .slick-dots {
        bottom: -10px !important;
    }
}


.msf_preu_overviewpage .game_achievement_common_container #game_list_education_guide .progress-card.card-left, 
.msf_preu_overviewpage .game_achievement_common_container #game_list_feedback .progress-card.card-left {
    border-left: none;
    border-right: 0px solid #fbb02f !important;
}

.msf_preu_overviewpage #knowyourself-worldwork .dragscroll-item-right .progress-card > .card-holder.slick {
    padding-bottom: 38px !important;
}

.msf_preu_overviewpage #mygoals-reflection .dragscroll-item-right .progress-card > .card-holder.slick {
    padding: 20px 0 !important;
}

#mygoals_controller_overview_page_my_goa .scroll-panel-tab {
    display: block;
    padding: 7px 12px;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
    background-color: #611f6c;
    margin-bottom: 5px;
}


.msf_preu_overviewpage .overview_page_my_goals, 
.msf_preu_overviewpage #mygoals_controller_my_goals, 
.msf_preu_overviewpage #goal_list_my_goals, 
.msf_preu_overviewpage #mygoals {
    height: 100%;
    min-height: 100%;
}
.overview-goal-card-nonAcademic p{
    white-space: normal;
}
div.category_list_title {
    font-weight: bold;
    padding-right: 20px;
}

div.category_list_title .category_actions {
    padding-top: 30px;
}

div.category_list_title .category_actions .btn.edit,
div.category_list_title .category_actions .btn.delete {
    padding-left: 1px;
    padding-right: 1px;
}

div.category_list .row {
    line-height: 25px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.category_list .row a {
    font-weight: bold;
}

.CreateUpdateBox a{
    display: inline-flex;
}

div.category_list .sub_category {
    padding: 15px 0;
    font-size: 25px;
}

div.category_list .sub_category_item span.description {
    display: block;
    padding-left: 55px;
    line-height: 25px;
    color: #333;
    font-size: 14px;
    overflow: hidden;
}

div.category_list .sub_category_item_attach a {
    padding-left: 10px;
}

div.category_list .btn.attach, 
div.category_list .btn.edit,
div.category_list .btn.delete {
    padding-left: 1px;
    padding-right: 1px;
}

#category_detail_listing a span {
	padding-right: 0px;
}


#category_detail_listing div {
    padding: 5px 5px;
}

#category_detail_listing .headingTitle {
    background-color: #f2f2f2;
    margin-top: 5px;
}

.sub_category a {
    font-size: 16px !Important;
	color: #333 !Important;
}

div.category_list .sub_category_item {
    border-bottom: 1px solid #fff;
    background-color: #f7f7f7;
    margin-left: 0px;
    margin-right: 0px;
}

div.category_list .sub_category_item.remove_border{
    border-bottom: 1px solid #fff;
}

div.category_list .sub_category_item_attach {
    padding-left: 30px;
	padding-right: 0px;
    border-bottom: 1px solid #fff;
}

.sub_category_item div {
    padding-top:10px !important;
    padding-bottom:10px !important;
}

.text-right img {
	padding: 0 10px;
}

.add-item {
	font-size: 14px;
	font-weight: bold;
}

.sub_category div {
	padding-left: 0;
}

.sub_category_item .add-item {
	background: url(student-common/images/add_item_icn.png) center no-repeat;
	padding: 0px 20px;
}

.sub_category_item .add-sub-category {
	background: url(secondary/images/icon_plus.png) top no-repeat;
	padding: 5px 20px;
}

.sub_category_item .add-item-text {
	font-size: 15px;
	color: #5aacb4;
}

.sub_category_item .add-item-text:hover {
	font-size: 15px;
	color: #2A51FE;
}

.add-sub-category-container {
    padding: 7px;
    background: #5aacb4;
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline;
    border-radius: 50%;
    margin: 0 auto;
    padding-top: 13px !important;
    display: inline-block;
}

.add-sub-category-container:hover {
    padding: 7px;
    background: #e85d43;
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline;
    border-radius: 50%;
    margin: 0 auto;
    padding-top: 13px !important;
    display: inline-block;
}


.custom_pointer {
	cursor: pointer;
}

.add-sub-category-container .add-sub-category {
	background: url(secondary/images/icon_plus.png) top no-repeat!important;
	padding: 5px 20px;
}

.subcategory_block{
	padding:10px 10px;
    margin-top: 20px;
}

div.subcategory_block .sub_category_item_attach{
    margin-left: 1px;
}

div.subcategory_block  .sub_category_item.footer.remove_border{
	background: #fff;
}

.subcategory_block a span{
    font-size: 17px;
    font-family: 'PT Sans', sans-serif;
}

.primary #category_detail_listing a span{
	color:#5aacb4 !important;
}

.subcategory_block .dotted_line{
	border-bottom: 2px dotted #ccc;
    margin-left: 88px;
}

.subcategory_block .remove_dotted_line{
    border-bottom: 0px !important;
}

.subcategory_block a span.add-item {
    font-size: 20px;
}

#category_detail_listing .subcategory_block .sub_category_item_attach_box,
#category_detail_listing .subcategory_block .sub_category_item_attach_box .attachment_title_position{
    padding: 10px 20px 10px 55px !important;
}
.subcategory_block .sub_category_item_attach{
    margin: 0 !important;
}

.category_detail_listing_title .delete_button_box,
.subcategory_block .delete_button_box{
    padding-right: 0 !Important;
    text-align: right;
    float: right;
}

.delete_button_box img{
    padding-right:0 !important;
}

span.expand-icon.icon-category.header-control-collapse{
    padding: 3px 25px !important;
}

.category_listing_stu #category_detail_listing .subcategory_block .sub_category_item_attach:before{
    content: none !Important;
}


.primary .icon-minus {
	background: url(primary/images/subcategory_collapse.png) top no-repeat;
	padding:6px 50px;
}

.primary .icon-plus {
	background: url(primary/images/subcategory_expand.png) top no-repeat;
	padding:6px 50px;
}

.primary #category_detail_listing a {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    display: inline-flex;
}

.primary div.category_list .sub_category {
    font-size: 25px;
    background: #d82631;	/* SPU-1803 */
    margin-right:15px;
    border-bottom: 1px solid #fff;
}
.primary div.category_list .sub_category_item{
    margin-right:15px;
}

.primary .category-header a {
	color: #fff !important;
}

.primary .header-control-expand {
	background: url(primary/images/subcategory_expand_header.png) top no-repeat;
	padding:4px 20px;
}

.primary .header-control-collapse {
	background: url(primary/images/subcategory_collapse_header.png) top no-repeat;
	padding:4px 20px;
}

/*.primary .subcategory-edit {
	background: url(primary/images/sub_category_edit.png) top no-repeat;
	padding:0px 20px;
}

.primary .subcategory-delete {
	background: url(primary/images/sub_category_delete.png) top no-repeat;
	padding:0px 20px;
}*/

/*SPU-430* starts*/


.primary .subcategory-edit div,
.primary .subcategory-edit:link div,
.primary .subcategory-edit:visited div
{
	content:'';
    width:23px;
    height:26px;
    background:url('primary/images/actionicon_bar_edit.png') top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;

}

.primary .subcategory-edit:hover div,
.primary .subcategory-edit:focus div,
.primary .subcategory-edit:active div
{
	background:url('primary/images/actionicon_bar_edit.png') top left -23px no-repeat;

}



.primary .subcategory-delete div,
.primary .subcategory-delete:link div,
.primary .subcategory-delete:visited div
{

    content:'';
    width:23px;
    height:26px;
    background: url(primary/images/actionicon_bar_delete.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}
.primary .subcategory-delete:hover div{

    background:url('primary/images/actionicon_bar_delete.png') top left -23px no-repeat;
}

.primary .subcategory-attach div,
.primary .subcategory-attach:link div,
.primary .subcategory-attach:visited div
{

    content:'';
    width:22px;
    height:26px;
    background: url(primary/images/actionicon_attach.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}
.primary .subcategory-attach:hover div{

    background:url('primary/images/actionicon_attach.png') top left -23px no-repeat;
}
.primary .profileIconClass{
    display:inline-block;
    vertical-align:middle;
    padding-right: 17px!important;

}
.primary .text-right-header{

     display:inline-block;
    vertical-align:middle;
    padding-right:17px!important;

}
.primary .profileIconClass-subcat{
    display:inline-block;
    vertical-align:middle;
    padding-right: 20px!important;

}

.primary .text-right-header-edit{

     display:inline-block;
    vertical-align:middle;
    padding-right:17px!important;
}
.primary .text-right-header-delete{
   display:inline-block;
    vertical-align:middle;
    padding-right: 31px!important;
}

/*SPU-430* ends*/

.primary .file-extension-default {
	background: url(primary/images/icon_image.png) top no-repeat;
	padding: 10px 15px;
}

.primary .file-extension-jpg {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-bmp {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-pcx {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-tiff {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-gif {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-jpeg {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-tga {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-exif {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-fpx {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-svg {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-psd {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-cdr {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-pcd {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-dxf {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-ufo {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-eps {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-ai {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-hdri {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-ram {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-wmf {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.primary .file-extension-emf {
    background: url(primary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}
.primary .file-extension-png {
	background: url(primary/images/icon_image.png) top no-repeat;
	padding: 10px 15px;
}

.primary .file-extension-pdf {
	background: url(primary/images/icon_pdf.png) top no-repeat;
	padding: 10px 15px;
}

.primary .file-extension-xls {
	background: url(primary/images/icon_xls.png) top no-repeat;
	padding: 10px 15px;
}

.primary .file-extension-doc {
	background: url(primary/images/icon_doc.png) top no-repeat;
	padding: 10px 15px;
}

.primary .file-extension-mp3 {
	background: url(primary/images/icon_audio.png) top no-repeat;
	padding: 10px 15px;
}

.primary .file-extension-mp4 {
	background: url(primary/images/icon_video.png) top no-repeat;
	padding: 10px 15px;
}

.primary .file-extension-flv {
	background: url(primary/images/icon_video.png) top no-repeat;
	padding: 10px 15px;
}

.primary .file-extension-docx {
	background: url(primary/images/icon_docx.png) top no-repeat;
	padding: 10px 15px;
}


.primary .category_list_title .category_actions{
padding-top:38px
            }

/*
.primary .breadcrumb{
margin-left:-17px
}*/

.secondary .icon-minus {
	background: url(secondary/images/subcategory_collapse_header.png) top no-repeat;
	padding:6px 50px;
}

.secondary .icon-plus {
	background: url(secondary/images/subcategory_expand_header.png) top no-repeat;
	padding:6px 50px;
}

.secondary #category_detail_listing a {
    font-size: 16px;
    font-weight: bold;
    color: #5aacb4;
    text-decoration: none;
    display: inline-flex;
}

#category_detail_listing div {
    padding: 5px 5px!important;
    margin-left: 0px;
}

.secondary div.category_list .sub_category {
    padding: 15px 15px;
    font-size: 25px;
    background: #3154a4;
    margin-left: 0;
    border-bottom: 1px solid #fff;
    margin-right: 0px;
}

.secondary .category-header a {
	color: #fff !important;
}

.secondary .header-control-expand {
	background: url(secondary/images/subcategory_expand_header.png) top no-repeat;
	padding:4px 20px;
}

.secondary .header-control-collapse {
	background: url(secondary/images/subcategory_collapse_header.png) top no-repeat;
	padding:4px 20px;
}

/*SPU-430* starts*/
.subcategory-edit div,
.subcategory-edit:link div,
.subcategory-edit:visited div
{
	content:'';
    width:23px;
    height:26px;
    background:url('secondary/images/actionicon_bar_edit.png') top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;

}

.subcategory-edit:hover div,
.subcategory-edit:focus div,
.subcategory-edit:active div
{
	background:url('secondary/images/actionicon_bar_edit.png') top left -23px no-repeat;

}



.subcategory-delete div,
.subcategory-delete:link div,
.subcategory-delete:visited div
{

    content:'';
    width:23px;
    height:26px;
    background: url(secondary/images/actionicon_bar_delete.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}
.subcategory-delete:hover div{

    background:url('secondary/images/actionicon_bar_delete.png') top left -23px no-repeat;
}

.subcategory-attach div,
.subcategory-attach:link div,
.subcategory-attach:visited div
{

    content:'';
    width:22px;
    height:26px;
    background: url(secondary/images/actionicon_attach.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}
.subcategory-attach:hover div{

    background:url('secondary/images/actionicon_attach.png') top left -23px no-repeat;
}

.profileIconClass{
    display:inline-block;
    vertical-align:middle;
    padding-right: 17px!important;

}
.text-right-header{

     display:inline-block;
    vertical-align:middle;
    padding-right:14px!important;

}

.secondary .profileIconClass-subcat{
    display:inline-block;
    vertical-align:middle;
    padding-right: 17px!important;

}
.secondary .text-right-header-edit{

     display:inline-block;
    vertical-align:middle;
    padding-right:15px!important;

}
.secondary .text-right-header-delete{
  display:inline-block;
    vertical-align:middle;
    padding-right: 0px!important;

}

/*SPU-430* ends*/
.secondary .file-extension-default {
	background: url(secondary/images/icon_image.png) top  no-repeat;
	padding: 10px 15px;
}

.secondary .file-extension-png {
	background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px 15px 15px;
}

.secondary .file-extension-jpg {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-bmp {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-pcx {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-tiff {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-gif {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-jpeg {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-tga {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-exif {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-fpx {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-svg {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-psd {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-cdr {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-pcd {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-dxf {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-ufo {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-eps {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-ai {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-hdri {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-ram {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-wmf {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-emf {
    background: url(secondary/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.secondary .file-extension-pdf {
	background: url(secondary/images/icon_pdf.png) top no-repeat;
	padding: 10px 15px;
}

.secondary .file-extension-xls {
	background: url(secondary/images/icon_xls.png) top no-repeat;
	padding: 10px 15px;
}

.secondary .file-extension-doc {
	background: url(secondary/images/icon_doc.png) top no-repeat;
	padding: 10px 15px;
}

.secondary .file-extension-mp3 {
	background: url(secondary/images/icon_audio.png) top no-repeat;
	padding: 10px 15px;
}

.secondary .file-extension-mp4 {
	background: url(secondary/images/icon_video.png) top no-repeat;
	padding: 10px 15px;
}

.secondary .file-extension-flv {
	background: url(secondary/images/icon_video.png) top no-repeat;
	padding: 10px 15px;
}

.secondary .file-extension-docx {
	background: url(secondary/images/icon_docx.png) top no-repeat;
	padding: 10px 15px;
}

.secondary .category_list_title .category_actions{
	padding-top:38px
}

.secondary .breadcrumb{
	margin-left:-17px
}

.secondary .sub_category .category-header a {
    font-size: 20px !important;
}

.secondary .category_actions.title_edit_position{
    float: right;
}

.textarea_description.description p:only-child,.textarea_description.description p:last-child{
    color: unset;
    font-size: 16px;	
}

.secondary #category_detail_listing .attachment_delete_button_box{
    padding-right: 10px !important;
}

.primary #category_detail_listing .attachment_delete_button_box{
    padding-right: 29px !important;
}
.primary #category_detail_listing .sub_category_delete_button_box{
    padding-right: 17px !important;
}
.primary #category_detail_listing .category_delete_button_box{
    padding-right: 16px !Important;
}





.preu .icon-minus {
	background: url(preu/images/subcategory_collapse_header.png) top no-repeat;
	padding:6px 50px;
}

.preu .icon-plus {
	background: url(preu/images/subcategory_expand_header.png) top no-repeat;
	padding:6px 50px;
}

.preu #category_detail_listing a {
    font-size: 15px;
    font-weight: bold;
    color: #7f499E;
    text-decoration: none;
    display: inline-flex;
}

.preu div.category_list .sub_category {
    padding: 15px 15px;
    font-size: 25px;
    background: #812990;
    margin-left: 0;
    border-bottom: 1px solid #fff;
    margin-right: 0px;
}

.preu .category-header a {
	color: #fff !important;
}

.preu .header-control-expand {
	background: url(preu/images/subcategory_expand_header.png) top no-repeat;
	padding:4px 20px;
}

.preu .header-control-collapse {
	background: url(preu/images/subcategory_collapse_header.png) top no-repeat;
	padding:4px 20px;
}

/*.preu .subcategory-edit {
	background: url(preu/images/sub_category_edit.png) top no-repeat;
	padding:0px 20px;
}

.preu .subcategory-delete {
	background: url(preu/images/sub_category_delete.png) top no-repeat;
	padding:0px 20px;
}*/

/*SPU-430* starts*/
.preu .subcategory-edit div,
.preu .subcategory-edit:link div,
.preu .subcategory-edit:visited div
{
	content:'';
    width:23px;
    height:26px;
    background:url('preu/images/actionicon_bar_edit.png') top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;

}

.preu .subcategory-edit:hover div,
.preu .subcategory-edit:focus div,
.preu .subcategory-edit:active div
{
	background:url('preu/images/actionicon_bar_edit.png') top left -23px no-repeat;

}



.preu .subcategory-delete div,
.preu .subcategory-delete:link div,
.preu .subcategory-delete:visited div
{

    content:'';
    width:23px;
    height:26px;
    background: url(preu/images/actionicon_bar_delete.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}
.preu .subcategory-delete:hover div{

    background:url('preu/images/actionicon_bar_delete.png') top left -23px no-repeat;
}

.preu .subcategory-attach div,
.preu .subcategory-attach:link div,
.preu .subcategory-attach:visited div
{

    content:'';
    width:22px;
    height:26px;
    background: url(preu/images/actionicon_attach.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}
.preu .subcategory-attach:hover div{

    background:url('preu/images/actionicon_attach.png') top left -23px no-repeat;
}

.preu .profileIconClass{
    display:inline-block;
    vertical-align:middle;
    padding-right: 17px!important;

}
.preu .text-right-header{
	display:inline-block;
    vertical-align:middle;
    padding-right:14px!important;

}
.preu .profileIconClass-subcat{
    display:inline-block;
    vertical-align:middle;
    padding-right: 17px!important;

}
.preu .text-right-header-edit{
display:inline-block;
vertical-align:middle;
padding-right:14px!important;
}
.preu .text-right-header-delete{
 display:inline-block;
 vertical-align:middle;
 padding-right: 0px!important;
}

/*SPU-430* ends*/


.preu .file-extension-default {
	background: url(preu/images/icon_image.png) top no-repeat;
	padding: 10px 15px;
}

.preu .file-extension-png {
	background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px 15px 15px;
}

.preu .file-extension-jpg {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-bmp {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-pcx {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-tiff {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-gif {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-jpeg {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-tga {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-exif {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-fpx {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-svg {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-psd {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-cdr {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-pcd {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-dxf {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-ufo {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-eps {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-ai {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-hdri {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-ram {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-wmf {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-emf {
    background: url(preu/images/icon_image.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-pdf {
	background: url(preu/images/icon_pdf.png) top no-repeat;
	padding: 10px 15px;
}

.preu .file-extension-xls {
	background: url(preu/images/icon_xls.png) top no-repeat;
	padding: 10px 15px;
}

.preu .file-extension-doc {
	background: url(preu/images/icon_doc.png) top no-repeat;
	padding: 10px 15px;
}

.preu .file-extension-mp3 {
	background: url(preu/images/icon_audio.png) top no-repeat;
	padding: 10px 15px;
}

.preu .file-extension-mp4 {
	background: url(preu/images/icon_video.png) top no-repeat;
	padding: 10px 15px;
}

.preu .file-extension-flv {
	background: url(preu/images/icon_video.png) top no-repeat;
	padding: 10px 15px;
}

.preu .file-extension-docx {
	background: url(preu/images/icon_docx.png) top no-repeat;
	padding: 10px 15px;
}

.preu .category_list_title .category_actions{
	padding-top:38px
}

.preu .breadcrumb{
	margin-left:-18px
}

.preu .sub_category .category-header a {
    font-size: 20px !important;
}

.textarea_description.description p:only-child,.textarea_description.description p:last-child{
    color: unset;
    font-size: 16px;	
}

.preu .sub_category_item .icon.expand-icon.glyphicon {
    padding: 13px 48px;
    vertical-align: text-bottom;
}









.video-thumbnail {
    width: 350px;
    height: 175px;
    vertical-align: middle;
    background: url(secondary/images/prepareforwork_interviewskills.jpg);
}
/* Extra Small */
@media(max-width:640px){
    #interviewskills_container { display: block; height:auto; }
    #interviewskills_container .image { width:100%; display: block; float:none;}
    #interviewskills_container .image img { width:100%; height:auto;}
    #interviewskills_container .content { display: block;}
}

@media(min-width:641px) and (max-width:767px){
    #interviewskills_container { display: block; height:auto;}
    #interviewskills_container .image { /*min-height:300px;*/ width:100%; display:block;float:none;}
    #interviewskills_container .image img { width:100%; height:auto;}
    #interviewskills_container .content { display: block; }
}

#interviewskills_fluidcontainer #interviewskills_container .video-title.transparent{
    -webkit-font-smoothing: antialiased;
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0px;
    color: rgb(51, 51, 51);
    display: block;
    font-family: 'Source Sans Pro Bold';
    font-size: 14px;
    font-weight: normal;
    height: 60px;
    line-height: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    position: absolute;
    text-rendering: optimizeLegibility;
    width: 100%;
}

#interviewskills_fluidcontainer #interviewskills_container .overlay{
    -webkit-font-smoothing: antialiased;
    bottom: 0px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    text-rendering: optimizeLegibility;
    top: 0px;
    width: 100%;
    cursor: pointer;
}

#interviewskills_container .nopadding {
    padding: 0 !important;
    margin: 0 !important;
}


#interviewskills_container .image {
    position:relative;
}

#interviewskills_fluidcontainer #interviewskills_container .content {
    padding: 25px 15px;
}

@media (max-width: 575px){
    #interviewskills_container .image {
        width:100%;
    }

    #interviewskills_container .content {
        width:100%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    #interviewskills_container .image {
        width:100%;
    }

    #interviewskills_container .content {
        width:100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #interviewskills_container .image {
        width:40%
    }

    #interviewskills_container .content {
        width:60%
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    #interviewskills_container .image {
        width:40%
    }

    #interviewskills_container .content {
        width:60%
    }
}

@media (min-width: 1200px){
    #interviewskills_container .image {
        width:27%
    }

    #interviewskills_container .content {
        width:72%
    }
}

.theme1 {
	color: #000 !important;
	background-color: #fff !important
}

.theme2 {
	color: #000 !important;
	background-color: #fff !important
}

.theme3 {
	color: #000 !important;
	background-color: #fff !important
}

.theme4 {
	color: #000 !important;
	background-color: #fff !important
}

#theme {
	margin-right: 33px;
}

.radio-btn-theme-selector {
	padding-left: 0px;
	padding-top: 10px;
}

.settings.form-box {
	border-radius: 6px;
	border: 1px solid #ccc;
	background: #fff;
	display: block;
	overflow: hidden;
	padding: 8px 10px;
	margin-bottom: 10px;
	max-width: 530px;
	height: 95px;
}

.security.form-control {
	color: #333;
	font-size: 16px;
	line-height: 19px;
	height: 52px;
	display: block;
	width: auto;
	padding: 0px 0px;
	border: 0;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

@media (max-width:530px){
	.security.form-control {
		height: 80%;
		white-space: pre-wrap;
		width: 100%;
	}
}

.settings .form-group {
	margin-left: 39px;
}

.settings {
	background-color: #f2f2f2;
}

.settings h3 {
	color: #D42531;
}
.settings #mycontroller_settings #mycontainer_settings  h3{
	margin-top: 20px;
}
.settings #mycontroller_settings #mycontainer_settings  p{
	white-space: normal;
	margin-top:-15px;
}
.settings .ctabtn.small{
	width: 190px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 40px;
    margin-top: 60px;
	color: #FFF;
}
.cat-container-profile,.cat-container-overview,.cat-container-portfolio,.share-container,.download-container,.print-container{
    margin-left: 0px;
    padding-left: 0px;
    font-weight:bold;
    list-style: none;
}

.category_list_user,.category_list_sys{
    position: relative;
    display: block;
    width: auto;;
    height: 100%;

/*
    border: 1px solid rgba(0,0,0,0.1);
    background-color: #f5f5f5;
*/
    overflow: hidden;
    border-radius: 4px;
    
}

.imgTextPrint,.imgTextDownload{
    padding-right: 18px;
    cursor: pointer;
    cursor: hand;
}

.container_popup .downloadicon,.shareicon,.printicon{
    padding-right: 5px;
}

.container_popup #email,#subject{
    width:100%;
}
.container_popup #msgtxt{
    height:93px;
    width:100%;
    font-weight:normal;
}
.container_popup .notetxt{
    font-style: italic;
   	color: #777;
}

.category_list_sys>.subcatcheckbox{
 display: block;
    float: left;
    width: 25%;
    }

 .container_popup .subcatDiv {
    display: table;
    width: 100%;
    margin-left: -9px;
    /*margin-top: 10px;*/

}

/*my_prof_my_ep_print_share_download popup*/

/*my_prof_my_ep_print_share_download popup end*/

 .container_popup .resBlock {
    display: table;
    width: 116%;
    margin-left: 0px;
    margin-top: 10px;

}
 .subcat,.resElement{
    display: inline-block;
	overflow:hidden;
    width:48%;
}
 
 @media (max-width: 767px) {
     .subcat{
          width: 100%;
      }

}

.container_popup .chtxt{
    font-weight:bold !important;
    color: #333 !Important;
	vertical-align: top;
	max-width: 80%;
}
.container_popup .chsubtxt{
    color: black !important;
    font-weight: normal;
    font-style: normal;
    vertical-align: top;
    max-width: 80%;
}

.share-container .remaining-chars{
    font-weight:lighter;
    color:#333;
    text-align:right;
}

.container_popup .formatImg{
        height:30px;
        width:30px;
    }

.container_popup #format{
    display: inline-block;
    margin:20px;
}

.container_popup .formatDiv{
    display:block;
    padding-top:10px;
    }

.container_popup input[type='text']{
    
font-weight:normal;
}

/*CSS */

.share_profile_controller-psd-container {
float: right;
width: 100%;
margin-right: 20px;
}

.share_profile_controller-psd-container ul.action-widget {    
    text-align: right;
    float: right;
}

.share_profile_controller-psd-container ul.action-widget > li
{
	display: table-cell;
}

@media (max-width: 991px) and (min-width: 768px){
    .page-header .breadcrumb_header_right_position #share_profile_controller_my_prof_my_ep_print_ .action-widget.action-psd-icons{
        margin-top: 0px;
        margin-right: 0px !important;
        margin-left: 0px !important;
        float: right;
    }
    .page-header .breadcrumb_header_right_position .my_prof_my_ep_print_share_download .share_profile_controller-psd-container#share_profile_controller_my_prof_my_ep_print_{
        margin-right: 0px;
    }
    .page-header .breadcrumb_header_right_position #share_profile_controller_my_prof_my_ep_print_ ul.action-widget{
        margin-top: 10px;
    }
}

@media (max-width: 320px){
    .page-header .breadcrumb_header_right_position #share_profile_controller_my_prof_my_ep_print_ .action-widget.action-psd-icons{
        float: left;
    }
    .page-header .breadcrumb_header_right_position .my_prof_my_ep_print_share_download .share_profile_controller-psd-container#share_profile_controller_my_prof_my_ep_print_{
        margin-right: 20px;
    }
}
.action-psd-icons {
/*float: right;*/
}

.action-psd-icons li {
    display: table-cell;
	padding-left: 30px;
}


.preview-profile-class.myAEMBtn[disabled],.download-profile-class.myAEMBtn[disabled],.print-profile-class.myAEMBtn[disabled],.share-profile-class.myAEMBtn[disabled]{
	background: #ccc;
}


/* SEC AND PREU */


/* SEC */


.bootbox.secondary .modal-header .close{
	opacity: 1;
	color: white;
	font-size: 30px;
}

.bootbox.secondary .myAEMBtn{
	border: 0px;
    margin-right: 4px;
}

/* PREU */


.bootbox.preu .modal-header .close{
	opacity: 1;
	color: white;
	font-size: 30px;
}
.myAEMBtn.ctabtn.tiffany.smaller,
.bootbox.preu .myAEMBtn{
	border: 0px;
    margin-right: 4px;
}

.container_popup input[type=checkbox]{
    display:inline;
    margin-right: 6px;
    opacity: 0;
    z-index: 1;
}

.container_popup input[type=checkbox] + label::before{
    content: "";
    display: inline-flex;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    margin-right: 5px;
    border: 2px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
}

.container_popup input[type=checkbox] + label::after{
    display: block;
    width: 19px;
    height: 19px;
    margin-left: -17px;
    margin-top: -19px;
    font-size: 10px;
    color: #e68717;
}

.container_popup input[type=checkbox]:checked  + label::after{
    font-family: "FontAwesome";
    content: "\f00c";
}

/*Changing color of Placeholder text */
#msgtxt::-webkit-input-placeholder {
   color: #ccc;
}
#msgtxt::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
#msgtxt:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
#msgtxt:-moz-placeholder { /* Firefox 18- */
 color: #ccc;
}

.modal-body-change {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 30px;
}

.container_popup input[type=checkbox]:checked + label{
color:#333;
}


/*.container_popup .label_txt{
margin-left: -4px;
}*/

/* SPU-695 */
.modal-footer .myAEMBtn[disabled]{
    background: #ccc;
}

.bootbox.modal input[type="checkbox"]:checked + label {
    color: black !important;
    font-weight:normal;
    font-style:normal;
}

.preu .subcat_li{
margin-left: -30px;
margin-top: -3px;
}

.container_popup .subcat_li_all{
margin-left: -30px;
margin-top: -3px;
}
.container_popup .subcatDiv_all {
margin-top:2px;
}
.bootbox.preu .myAEMBtn{
	border: 0px;
}

.msf_primary_overviewpage .bootbox .send-profile-class,.msf_primary_overviewpage .bootbox .share-profile-class,
.msf_primary_overviewpage .bootbox .download-profile-class,.msf_primary_overviewpage .bootbox .print-profile-class{
    margin-right: 4px;
 }

.msf_pri_profilepage .bootbox .send-profile-class,.msf_pri_profilepage .bootbox .share-profile-class,
.msf_pri_profilepage .bootbox .download-profile-class,.msf_pri_profilepage .bootbox .print-profile-class{
    margin-right: 4px;
 }

.primaryonecol .bootbox .send-profile-class,.primaryonecol .bootbox .share-profile-class,
.primaryonecol .bootbox .download-profile-class,.primaryonecol .bootbox .print-profile-class{
   margin-right: 4px;
 }
.bootbox .modal-header .close{
    color: white;
    font-size: 30px;
 }
  .bootbox .modal-header .close{
    color: white;
    font-size: 30px;
    opacity: 1;
 }
.share-container .inline-left-li{
margin-right: 1%;
    vertical-align: top;
    width: 49%;
    display: inline-block;
  }
.share-container .inline-right-li{
width: 49%;
display: inline-block;
}
.msf_primary_overviewpage .modal-body,.primaryonecol .modal-body,.msf_pri_profilepage .modal-body{
padding: 15px;
}
.container_popup .with-errors{
color:#ef4125!important;
    }
    
/*--all reports download and print popUp checkbox tick alignments preu.--*/
.container_popup input[type=checkbox] + label::after{
  -ms-transform : translateY(-10%);
}

/*--checkbox alignment issue--*/
.container_popup .subcat  {
    margin-top:2px;
}

.container_popup .subcat_li_all{
 margin-top:1px;
}

/* --download checkbox flickering issue--on eportfolio,myprofile,overview --*/

.container_popup .download-container input[type=checkbox] + label::before
{
margin-top: 5px;
} 
.coverletter-listing-stu-share .modal-header{
	border: 0;
}

.coverletter-listing-stu-share .share-title,
.coverletter-listing-stu-share .share-agreement-title{
	font-size: 26px;
}

.coverletter-listing-stu-share .share-form{
	margin: 30px 0;
}

.coverletter-listing-stu-share input[type="checkbox"]{
	width: 14px;
    left: 19px;
    height: 15px;
    display: block;
}

.coverletter-listing-stu-share textarea{
    height: 100px;
}

.coverletter-listing-stu-share div.select-coverletter,
.coverletter-listing-stu-share div.select-file,
.coverletter-listing-stu-share div.checkbox-list{
   	margin-left: 20px;
}

.coverletter-listing-stu-share div.checkbox-list div.checkbox{
 	margin-right: 10px;
    display: inline-block;
	min-width: 146px;
}

.coverletter-listing-stu-share div.form-group{
	margin-bottom: 15px !important;
    word-wrap: break-word;
    word-break: break-word;
}

.coverletter-listing-stu-share .inline-left,
.coverletter-listing-stu-share .inline-right{
	width: 49%;
    display: inline-block;
}

.coverletter-listing-stu-share .inline-left{
	margin-right: 1%;
	vertical-align: top;
}

@media (max-width: 500px){
	.coverletter-listing-stu-share .inline-left,
	.coverletter-listing-stu-share .inline-right{
	    width: 100%;
	}
}

.coverletter-listing-stu-share hr{
	margin: 20px 0;
}

.coverletter-listing-stu-share div.select-resume{
	margin: 20px 0;
    padding: 20px 20px 1px 20px;
    background: #eee;
}

.coverletter-listing-stu-share div.select-resume div.select-file input[type="text"]{
    display: inline;
    margin-right: -44px;
    border-radius: 0;
}

.coverletter-listing-stu-share .btn-file {
    position: relative;
    margin-top: -3px;
    overflow: hidden;
    background: #ccc;
    border-radius: 0;
}

.coverletter-listing-stu-share .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.coverletter-listing-stu-share .myAEMBtn{
	margin: 10px 0;
	min-width: 200px;
	margin-right:4px;
}

.coverletter-listing-stu-share .myAEMBtn[disabled]{
	background: #ccc;
}

.coverletter-listing-stu-share .share-agreement-content{
	margin-left: 10px;
}

.coverletter-listing-stu-share .share-agreement-desc{
	margin: 30px 0 20px 0px;
}

.coverletter-listing-stu-share .agreement-desc{
	margin-top: 10px;
}

.coverletter-listing-stu-share .share-agreement-content .checkbox{
	margin-top: 20px;
}

.coverletter-listing-stu-share .share-agreement-content .buttons{
	margin-top: 20px;
}




/* SEC AND PREU */

.coverletter-listing-stu-common .modal-header .modal-title{
	color: white;
	font-size: 18px;
}

/* SEC */

.coverletter-listing-stu-common.secondary .modal-header{
	background-color: #315484;
	max-height: 52px;
}

.coverletter-listing-stu-common.secondary .modal-header .close{
	opacity: 1;
}
    
.coverletter-listing-stu-common.secondary .modal-header .close span {
	color: white;
	font-size: 30px;
}

.coverletter-listing-stu-common.secondary .myAEMBtn{
	border: 0px;	
}

/* PREU */

.coverletter-listing-stu-common.preu .modal-header{	
	background-color: #812990;	
	max-height: 52px;
}

.coverletter-listing-stu-common.preu .modal-header .close{
	opacity: 1;
}
    
.coverletter-listing-stu-common.preu .modal-header .close span {
	color: white;
	font-size: 30px;
}

.coverletter-listing-stu-common.preu .myAEMBtn{
	border: 0px;	
}


/* SPU-695 */
.cover_letter_listing_stu_share .notetxt{
    font-style: italic;
    color: #777;
}
.resume-listing-stu-share .myAEMBtn{
    border: 0;
}
.cover_letter_listing_stu_share .remaining-characters{
    text-align: right;
}
/* SPU-695 */

.coverletter-listing-stu-common.preu .select-file .with-errors{
   color:#ef4125!important;
            }



.coverletter-listing-stu-share .btn-share span {
	background: url("preu/images/actionicon_bar_attach_categ.png") -22px top no-repeat!important;
   display: inline-block;
    width: 23px;
    height: 21px;
    margin: 0px;
    margin-left: -9px;
    vertical-align: top;
}

.coverletter-listing-stu-share .btn-share:hover span {
	background: url("preu/images/actionicon_bar_attach_categ.png") left top no-repeat;
   display: inline-block;
    width: 23px;
    height: 21px;
    margin: 0px;
    margin-left: -9px;
    vertical-align: top;

}
.coverletter-listing-stu-share .btn-share{
  background:#fff!important;
  border-color: #fff!important;
  margin-top: -2px!important;
}
.coverletter-listing-stu-share .btn-share:hover{
  background:#ccc!important;
  border-color: #ccc!important;
 }

.form-group .left-box{
    width: 49%;
    float: left;
}

.form-group .right-box{
    width: 49%;
    float: left;
    margin-left: 10px;
}

#coverLetterListingstuShare .modalCloseBtn{
    top: 16px;
}



.main-box-design2{
    margin: 10px;
    border-width: 0px;
    border-style: solid;
    border-color: grey;
}

.summary_header_info{
	border-width: 0px;
    border-style: solid;
    border-color: grey;
}

.summary_info{
padding:10px;
}

#hidden-input-file-div{
visibility: hidden;
    display: none;
}

.submit-button{
    min-width: 200px;
	background-color: #A7AAAB;
    color: white;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

#submit-button-id.submit-button:hover {
    color: #000;
}

/* 
 * to standardized attachment
 */

#add-category-form-id .add-cat-placeholder
{
    border-radius: 28px;
    height: 56px;
    pointer-events: none;
    cursor: default;

}

#add-category-form-id .add-cat-attachment{
    height: 62%;
    display: block;
    border-radius: 28px;
    border: 3px solid #fff;
}

#add-category-form-id .attach-icon{
    z-index: 2;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    margin-left: 83.1%;
    margin-top: -57px;
    height: 58px;
    width: 17%;
}

#add-category-form-id .attach-icon input[type="checkbox"] + label span {
    display:inline-block;
    width:21px;
    height:21px;
    margin:0px auto;
    vertical-align:top;
    background:url('preu/images/actionicon_bar_attach_categ.png') left top no-repeat;
    cursor:pointer;
}


#add-category-form-id .attach-icon:hover input[type="checkbox"] + label span {
    background:url('preu/images/actionicon_bar_attach_categ.png') -22px top no-repeat;
}

#attach-button-id .fa-paperclip {
    font-size: 20px;
    padding: 10px;
}

/* for primary */
.theme1.primary #add-category-form-id .attach-icon:hover{
    background-color: #eca935;
    border-color: #eca935;
    color: #fff;
}

.theme1.primary #submit-button-id.submit-button:hover {
    background-color: #eca935;
    color: #000;
}

.theme1.primary a#attach-button-id{
    font-size: medium;
}

.theme1.primary a#attach-button-id:hover{
    font-size: medium;
}

#add-category-form-id .form-control[readonly]{
    color:#999!important;

}

.sub_category_item .textarea_description p{
    margin-top: 15px;
    margin-bottom: 15px;
}

#add-category-form-id .attach-icon label span {
    display:inline-block;
    width:21px;
    height:21px;
    margin:0px auto;
    background:url('preu/images/actionicon_bar_attach_categ.png') left top no-repeat;
    cursor:pointer;
    vertical-align: middle;
}
#add-category-form-id .attach-icon:hover label span {
    background:url('preu/images/actionicon_bar_attach_categ.png') -22px top no-repeat;
}

#add-category-form-id fieldset{
    margin-top: 10px;
}
#my_testimonial {
    background-color: #f2f2f2;
    padding-bottom: 20px;
}

#my_testimonial .title {
    margin: 0px 0px !important;
}

#my_testimonial .row {
    #line-height: 40px;
    margin-right: 0px;
}

#my_testimonial .row.title {
    font-size: 16px;
    font-weight: bold;
    padding: 30px 0px;
}

#my_testimonial .row.content {
    text-align: center;
}

#my_testimonial .row.content > div {
    padding: 10px 0px;
}

#my_testimonial .row.footer {

}

#my_testimonial .row .subcategory,
#my_testimonial .row .item {
    font-weight: bold;
}

#my_testimonial button {
    background-color: darkgray;
    color: whitesmoke;
}

#testimonial_container.container {
   margin-bottom: 0px;
}

.testimonial h5 {
    height: auto;
    margin-top: 30px;
}

.testimonial h6 {
    height: auto;
}

/*preu*/

.testimonial.long_word_break h5 {
    height: auto;
    width: 315px;
    margin-bottom: 0px;
    display: inline-block;
    font-family: "Source Sans Pro";
}

.testimonial.long_word_break h6 {
    height: auto;
}

.testimonial.long_word_break p {
    line-height: normal;
}
#resumecoverletter_container ul {
    margin-bottom: 0px !important;
}

#resumecoverletter_container .resumecoverletter_text {
    font-size: 24px !important;
    font-weight: 300 !important;
    color: #333 !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
}
#resumecoverletter_container li {
    font-size: 16px !important;
    letter-spacing: -0.3px !important;
    padding: 15px !important;
}
#resumecoverletter_container {
    padding: 0px 0px !important;
    text-align: center;
}
#my_resume {
    margin-top: 30px !important;
}
#resumecoverletter_container #my_resume .resume_box{
    min-height: 203px !important;
}
.panelcard{
    min-height: 359px !important;
}

.listpanel_item .listpanel_icon{
    width: 10%;
    display: inline-block;
}

.resume-item .item-icon{
    margin: 5px auto;
    height: 40px;
    width: 40px;
}

.listpanel_item .item-icon{
    margin: 10px auto;
    height: 31px;
}

.resume_box .resume-item-row{
    line-height: 43px !important;
}

/*SPU-2027*/
.resume-item-row{
    display: inline-table;
}
/*SPU-2027*/

.listpanel_item .item-vertical-line{
    display: inline;
    margin: auto 5px;
    font-weight: 600;
    color: #ccc;

}
.scroll-panel-body-small{
    height: 142px !important;
}
.secondary-reflections #my_reflections #reflections .ctabox {
    margin-top:9px!important;
}
/* SPU-642 */
.theme1 #mygoals{
	width: 100%;
}
/* SPU-642 */

/*

.secondaryonecol .ctabtn.reverse {
    background: transparent;
    border: 2px solid #fff;
    padding-top: 5px;
    padding-bottom: 10px;
}

.secondaryonecol a.ctabtn, a.ctabtn:link, a.ctabtn:visited {
    color: #fff !important;
}

.secondaryonecol a.ctabtn.reverse:hover, a.ctabtn.reverse:focus {
    background: #fff !important;
    color: #333 !important;
    text-decoration: none !important;
}

.secondaryonecol a.ctabtn, a.ctabtn:link, a.ctabtn:visited {
    color: #fff !important;
    text-decoration: none !important;
}

.primaryonecol .theme1 .ctabtn {
    background: #fbb02f !important;
}

.primaryonecol a.ctabtn:hover, a.ctabtn:focus {
    color: #333 !important;
    text-decoration: none !important;
}

    color: #fff;
    font-size:16px;
    font-weight:bold;
    text-align: center;
    width: 180px;
    height: 52px;
    border-radius: 26px;
    display: inline-block;
    margin-top:0px;
    margin-bottom:50px;
    padding-top:15px;
    padding-bottom:3px;



*/


.theme1 .ctabtn.yellow {
     width: 250px;
    color:#fff; 
    background:#fbb02f; 
    text-align: center;!important;
}


/* SPU-642 */
/* .actionpanel_content .highlight {
	width: 218px !important;
}*/
#my_favourites .actionpanel_content{
	width: 200px;
}

@media (max-width: 1199px) and (min-width: 992px){
    #my_favourites .actionpanel_content{
        width: 170px;
    }
}
/* SPU-642 */

.actionitem_content .actionitem_wrap .text{
    word-break: break-all;
    word-break: break-word;
}
#my_coverletter {
    margin-top: 30px !important;
}
#resumecoverletter_container #my_coverletter .coverletter_box{
    min-height: 203px !important;
}
.panelcard{
    min-height: 359px !important;
}

.listpanel_item .listpanel_icon{
    width: 10%;
    display: inline-block;
}

.listpanel_item .item-icon{
    margin: 10px auto;
    height: 31px;
}

.coverletter_box .resume-item-row{
    line-height: 43px !important;
}

.listpanel_item .item-vertical-line{
    display: inline;
    margin: auto 5px;
    font-weight: 600;
    color: #ccc;

}

.secondary .file-extension-coverLetter {
    background: url(preu/images/myresume-icon-cover-01.png) top no-repeat;
    padding: 10px 15px;
}
#reference-list-pagination-div {
    
}

#reference-list-pagination-div table .action_buttons a {
    padding: 0 5px;
}

.bootbox .modal-dialog .modal-footer {
    text-align: center;
}


.bootbox .modal-dialog {
    text-align: left;
}

/* SEC AND PREU */


.resume_listing_stu #MyFavouritePathways_container .table-row .item-name{
    display: inline-block;
    width: 35%;
    vertical-align: top;
    padding-left: 20px;   
}
@media(max-width: 480px){
	.resume_listing_stu #MyFavouritePathways_container .table-row .item-name,
	.resume_listing_stu #MyFavouritePathways_container .table-row .item-type,
	.resume_listing_stu #MyFavouritePathways_container .table-row .item-actions{
		width: 100% !important;
		padding-left: 20px;
	}
}

/* SEC */


.bootbox.secondary .modal-header .close{
	opacity: 1;
}
    
.bootbox.secondary .modal-header .close{
	color: white;
	font-size: 30px;
}

.bootbox.secondary .myAEMBtn{
	border: 0px;	
}

/* PREU */


.bootbox.preu .modal-header .close{
	opacity: 1;
}
    
.bootbox.preu .modal-header .close{
	color: white;
	font-size: 30px;
}

.bootbox.preu .myAEMBtn{
	border: 0px;	
}


@media (max-width: 480px) and (min-width: 321px){
	.reference_builder_reference_listing #MyFavouritePathways_container .item-name{
		display: inline-block !important;
	    width: 100% !important;
	    vertical-align: middle !important;
	    /*padding-left: 20px !important;*/
	}
	
}

/* SPU-695 */
.reference-listing-stu-common .notetxt{
    font-style: italic;
    color: #777;
}
.share-agreement-content .myAEMBtn[disabled]{
    background: #ccc;
}
.reference-listing-stu-common .remaining-characters{
    text-align: right;
}
/* SPU-695 */
.share-agreement-content {
    margin-left: 10px;
}
.share-agreement-desc {
    margin: 30px 0 20px 0px;
}
.agreement-desc {
    margin-top: 10px;
}

#referenceShareModal button.close{
	margin-top: -8px !important;
}
#referenceShareModal button.close:after {
    font-family: "Glyphicons Halflings";
    content: "\e014";
    color: #FFFFFF;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}


#shareRefAgreementPage .share-agreement-content .buttons{
	text-align: center;
}









.reference_builder {
    
}

.reference_builder textarea {
    height: 200px !important;
}

.reference_builder textarea[disabled] {
    background-color: #eee !important;
    color: #ccc !important;
}

.reference_builder textarea {
    color: #333 !important;
}

.reference_builder form#reference_name_form input.reference_name {
   width: 100%;
}

.theme1 .reference_builder #GettingStarted_container .section_box ul li,
.theme1 .reference_builder #GettingStarted_container .section_box ul.submenu li {
    cursor: pointer;
}

.theme1 .reference_builder #GettingStarted_container .section_box ul li.disable {
    cursor: default;
}

.validationMessage{
	color:#a94442;
}

#reference_name_form .heading1 span.validationMessage {
    font-size: 15px;
}

#GettingStarted_container .mid-col .btn_block_refernce{
    text-align: center !important;
}
@media(max-width: 1199px){
    #GettingStarted_container .mid-col .btn_block_refernce{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

#GettingStarted_container .remaining-characters #enteredMsgLength{
 color:#333!important;
}


.reference_builder #GettingStarted_container .testi_attach_icon span{
background: url("preu/images/actionicon_bar_attach_categ.png") -22px top no-repeat!important;
       display: inline-block;
    width: 21px;
    height: 21px;
    margin: 0px;
    margin-left: -2px;
    vertical-align: top;
}

.reference_builder #GettingStarted_container .testi_attach_icon:hover span{
background: url("preu/images/actionicon_bar_attach_categ.png") left top no-repeat;
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: 0px;
    margin-left: -2px;
    vertical-align: top;
}

.reference_builder #GettingStarted_container #add-attachment-placeholder-id{
    width: 100%;

    }
.reference_builder #GettingStarted_container .testi_attach_icon{
    width: 41px;
        }


.theme1 .atext{
color:#fff!important;
        }

.theme1 .atext:hover, .theme1 .atext:active, .theme1 .atext:focus {
    color: #ffffff!important;
}
.pseiContainer #DataAnalyst_jumbo_container .jumboleft {
      float: left;
      padding-top: 94px;
}
.pseiContainer .openclose_icon{
      cursor: pointer;
      margin-top: -29px;
      float: right;
}

.pesileftitems{
      border-bottom: 2px dotted rgba(0,0,0,0.3);
      padding-bottom: 20px;
}

.pesileftitems:first-child{

}

.admissionExerciseItems{
      margin-bottom: 30px;
}

@media (max-width:360px){
      #pseiDetailDropDownContainer #closed_tabs_container .openclose_icon {
            padding-right: 35px !important;
      }
}

.pseiContainer #DataAnalyst_jumbo_container {
      height: 250px;
      background: #8C4198 !important;
}

#admissionExerciseContainer .table-row .right-col P{
	font-size: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #333333;
}

@media (max-width: 568px) {
      .pseiContainer #DataAnalyst_jumbo_container {
            height: 450px;
            background-repeat: no-repeat;
            background-position: 90% bottom;
            background-size: auto 250px;
            background-color: #8c4299;
      }

      .pseiContainer #DataAnalyst_jumbo_container .jumboleft {
            padding-top: 30px !important;
      }

      .pseiContainer #DataAnalyst_jumbo_container .contentblock h1 {
            font-size: 30px !important;
      }
}

@media (max-width: 470px) {
      .pseiContainer #DataAnalyst_jumbo_container {
            background-position: 83% bottom;
      }
}

@media (max-width: 320px) {
      .pseiContainer #DataAnalyst_jumbo_container {
            background-size: auto 185px;
      }
}

@media(min-width:568px) and (max-width: 900px) {
      .pseiContainer #DataAnalyst_jumbo_container .contentblock h1 {
            width: 400px;
      }
}

.video-overlay {	
    width: 300px;
    height: 160px;
    float: left;
    position: absolute;
}

.modal-content.video-popup {
	background: transparent;
}

.view-all-sector-videos-description {
	height: 70px;	
}
.view-all-sector-articles-description {
	height: 70px;	
}
#slider-table-content .slider-table-row.active .form-box .form-textarea{
        height:100%;
    }


#coverletter_name_form .heading1 span.validationMessage {
    font-size: 15px;
    color:#a94442;
}


#GettingStarted_container .mid-col .btn_block_coverletter{
    /*width: 680px;*/
    text-align: center !important;
}
@media(max-width: 1199px){
    #GettingStarted_container .mid-col .btn_block_coverletter{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

#slider-table-content .slider-table-row.active .form-box .form-textarea:-ms-input-placeholder {
color:#999!important;

}

.resume-name-group .validationMessage2.builder_errorMsg{
	display: block;
}

/*SPU 1848*/
.goalAvatarHelpPopupItemContent{
    padding-left: 15px;
}
.goalAvatarHelpPopupItemContent p{
    font-size: 17px !important;
    line-height: 26px !important;
    color: #333333 !important;
    font-weight: normal;
    margin-top: 15px;
    white-space: normal;
}
.chatbubbleTextContainer a{
    color: white !important;
    text-decoration: underline;
}
.goalAvatarHelpPopupSubtitle{
    font-size: 17.0px;
    color: #333333;
    font-weight: bold;
}
.goalAvatarHelpPopupItemContent{
    padding-left: 15px;
}

/*SPU 1848*/

.createnewgoaltitle img{
    cursor: pointer;
}

.createnewgoaltitle input{
    color: black !important;
}

.newGoalSectionItemUl li{
    cursor: pointer;
}

.errorMsg{
    color: red;
    font-size: 15px;
    width: 100%;
}

.primary_school_options{
    height: 336px !important;
    overflow-y: scroll !important;
}
#primary_general_goal_info .selected:before{
    content: none !important;
}
#GettingStarted_container_Goal .selected:before{
   content: none !important;
}

#primary_general_goal_info .modal-content-wrap{
    /*cursor: pointer;*/
}

#primary_general_goal_info .primary_general_school_info_tab li.item a{
    padding: 0px !important;
    border: 0px !important;
    margin: 0 auto;
    height: 175px;
}

.primary_general_school_info_tab .item.active a{
    background-color: #e03c31 !important;
    cursor: pointer;
    background-position: top right -3px;
}

.primary_general_school_info_tab .item.active .centered{
    color: white !important;
}

.schooloptions_table tr td:nth-child(odd) {
    width: 36px;
}

.schooloptions_table tr td .checkbox_select,.mynextSteps_table tr td .checkbox_select{
    width: 26px !important;
}

.schooloptions_table tr td:nth-child(even) {
    width: 284px;
}

.userCustomFactorsBtn{
    width: auto !important;
    margin-bottom: 10px !important;
}

.userNewFactorContent,.userUpdateFactorContentWell textarea{
    width: 100% ;
    height: auto;
}

.userNewFactorContentConfirm{
    margin-top:10px !important;
    margin-bottom: 10px !important;
}

.schooloptions_table  td .item-action-unit{
    float: right;
    margin-right: 5px;
}

.userUpdateFactorContentWell .errorMsg{
    margin-top: 10px;
    margin-bottom: 5px
}

.dot_border_line{
    border-bottom: 2px dotted rgba(0,0,0,0.3);
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
}

.primary_general_school_info_tab .item.active{
    cursor: pointer;
}
.table_move_up,.table_move_down{
    background-color: gainsboro;
    text-align: center;
    margin-bottom: 3px;
}

.table_move_up .glyphicon ,.table_move_down .glyphicon {
    width:100% !important;
}

@media(max-width: 562px) {
    .primary_goal_table td .card-view span.title{
        width: 144px !important;
    }
}

@media (min-width: 458px){
    .schooloptions_table td .card-view span{
        float: left;
    }
    .schooloptions_table td .card-view span.value {
        height: 36px;
    }
    .schooloptions_table td .card-view span.table_reason_text_td {
        height: 36px;
        width:300px;
        margin-left: 10px;
    }
}


@media(max-width: 457px) {
    .schooloptions_table td .card-view span{
        float: left;
    }
    .schooloptions_table td .card-view span.value {
        height: 36px;
    }
    .schooloptions_table td .card-view span.table_reason_text_td {
        height: 36px;
        margin-left: 10px;
    }
}

.new_goal_container #GettingStarted_container_Goal .left-col h2{
    color: #ffbd00;
}

.primarydefindedSteps .item-action-unit div{
    height: 41px;
}

#userDefinedStep{
    font-family: "Source Sans Pro";
    font-size: 18px;
    color: #333;
}

.goal_previous_btn{
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
    margin-right: 23px !important;
}
.goal_next_btn{
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-right: 22px !important;
}

/*.goal_save_exit_btn{
    width: 229px !important;
}*/
.panel_body_section_title{
    font-size: 20px;
    font-family: "Gotham Runded Bold";
}

.primary_goal_table .input-group .form-control{
    height: auto !important;
}


.goal_academic_term_table  input[type="text"],.reminderSection input[type="text"],.actionstoatrgetSection input[type="text"]{
    height: 36px;
    border: 1px solid gainsboro;
    border-radius: 9px;
    padding-left: 6px;
    width: 100%;
}
.fixed-table-container,
.goal_overall_table,
.goal_overall_table tr,
.goal_overall_table th,
.goal_overall_table td,
.goal_academic_term_table,
.goal_academic_term_table tr,
.goal_academic_term_table th,
.goal_academic_term_table td{
    border: none !important;
}

.goal_term1_panel_body .fixed-table-container{
    border: 0px !important;
}

.goal_overall_table_theader{
    word-wrap: break-word;
    white-space: normal;
    font-size: 12px;
}
.goal_target_circle_default{
    background: gainsboro;
    border-radius: 50%;
    color: white;
    height: 75px;
    font-weight: bold;
    width: 75px;
    padding: 0px;
    border: none;
}
.goal_target_circle_default p {
    vertical-align: middle;
    display: table-cell;
    line-height: 75px;
    font-size: 14px;
    margin: 0 auto;
}

.goal_target_circle_default .file-preview-frame{
    margin: 0 auto;
    padding: 0px;
    height: auto !important;
    background: none;
    border: none;
    border-radius: 50%;
}

.goal_target_circle_default img{
    box-shadow: 0 0 0 2pt #e85d43;
    height: 75px !important;
    width: 75px !important;
    padding: 0px;
    border-radius: 50%;
}

.goal_nonacademic_panel_body .heading{
    height: 90px;
}


.goal_nonacademic_header{
    text-align: left;
    margin-top: 21px;
}

.goal_nonacademic_header span{
    border-bottom: 1px dashed black !important;
}

.goal_nonacademic_header_title{
    font-weight: bold;
    color: #812990;
    font-size: 30px;
}

.reminderSectionTime span{
    color: #636363;
    font-size: 18px;
}

.reminderSectionStartDate input,.reminderSectionEndDate input,.actionstoatrget input{
    height: 49px !important;
    margin-top: 5px;
}

.reminderSection,.actionstoatrgetSection  {
    margin-left: 0px;
    margin-right: 0px;
}
.actionstoatrgetSection{
    margin-top: 20px;
}

.psleAggregate_table_rowspan_hader{
    color: #9f72b7;
    font-size: 20px;
}

.psleAggregate_table_detail_header{
    color: #9f72b7;
    font-size: 16px;
}

.psleAggregate_table tbody tr td{
    font-size: 16px;
    font-weight: bold;
    color: #5aacb4;
}

@media(min-width: 562px) {
    .psleAggregate_table_rowspan_hader_hidden{
        visibility: hidden;
        display: none;
    }
    .psleAggregate_table,
    .psleAggregate_table tr,
    .psleAggregate_table th,
    .psleAggregate_table td{
        border: none !important;
    }

    #PSLEAggregate .fixed-table-container{
        border: 0px !important;
    }

    .goal_term_panel_body .fixed-table-container{
        border: 0px !important;
    }

    .psleAggregate_table tbody{
        border-top-style: dashed;
        border-top-width: 1px;
        border-top-color: #999;
    }

    .goal_overall_table_theader_hidden{
        visibility: hidden;
        display: none;
    }

}
@media(max-width: 562px) {
    .psleAggregate_table span.value{
        margin-left: 30px;
    }

    .goal_overall_table tbody td span.title{
        width: 70%;
    }
}
.psleAggregate_table_tr_norecord{
    text-align: center;
    width:100%;
}

.goal_nonacademic_header{
    margin-bottom:25px ;
}


.nonacademic-notifications{
    margin-top: -4px;
}
.nonacademic-notifications dl dt{
    font-size: 13px;
    font-weight: normal;
}


.goal_nonacademic_panel_body input{
    font-size: 20px;
}

.primary_new_goal_content .panel-item-row{
    background-color: white !important;
}

.primary-general-school-select-icon{
    padding-top: 8px;
    padding-left: 5px !important;
}

.goal-general-help-tooltip{
    z-index: 9999;
}


.goalSettingsInput{
    border: 1px solid gainsboro;
    border-radius: 9px;
    padding-left: 6px;
    width: 100%;
    color: black !important;
    font-size: 18px;
}
.nonAcademicSectoin{
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 18px;
}
.nonAcademicSectoin span{
    font-size: 18px;
    color: #636363;
}
.nonAcademicSectoin input{
    height: 36px;
    border: 1px solid gainsboro;
    border-radius: 9px;
    padding-left: 6px;
    width: 100%;
}


.actionstoatrget textarea{
    resize: none;
    width: 100%;
}

.acadmemic-tooltip-header{
    font-size: 11px;
    font-weight: bold;
}

.acadmemic-tooltip-score{
    font-weight: 400;
    font-style: normal;
}
.acadmemic-tooltip-text{
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333333;
    text-align: left;
    line-height: normal;
}

.goal_academic_overall_input{
    height: 36px;
    border: 1px solid gainsboro;
    border-radius: 9px;
    padding-left: 6px;
}


.actionstoatrget textarea{
    border-radius: 5px;
}

.userNewFactorContent,.userCustomStepsText {
    height: 36px;
    border: 1px solid gainsboro;
    border-radius: 9px;
    padding-left: 6px;
    width: 100%;
}

.goal_academic_common_general_input{
    height: 50px;
    font-size: 18px;
}

.goal-academic-term-field-input,.goal-academic-term-field-select{
    padding-left: 5px !important;
    padding-right: 5px !important;
    height: 50px !important;
    font-size: 18px;
}

.goal-academic-term-field-select{
    min-width: 105px !important;
}

.goal-academic-term-field-input{
    min-width: 61px !important;
}

.goal-academic-term-subject-title-input{
    border: 1px solid gainsboro;
    border-radius: 9px;
}

.goal_panel_group_content .panel-item-row .ctatext{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}

.goal_panel_group_content .panel-item-row .ctatext a{
    text-decoration: none;
}

.goal-common-general-panel .es-list li, .primary_general_section .es-list li{
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    padding-left: 25px;
}

.goalSubjectDeleteIconLabel{
    padding-top: 15px;
}

.preu-tbody tr td:first-child,
.secondary-tbody tr td:first-child{
    padding-right: 0px !important;
}
#GettingStarted_container_Goal .btn.dropdown-toggle::-ms-expand,
#GettingStarted_container_Goal .goal-common-edit-dropdownmenu select::-ms-expand
{
    display: none !important;
}
#GettingStarted_container_Goal .btn.dropdown-toggle,
#GettingStarted_container_Goal .goal-common-edit-dropdownmenu select{
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance:none;
}
.goal_panel_group_content .ui-autocomplete {
    max-height: 300px;
    height: auto;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 999999;
}

.es-list li.selected {
    background: #8653a0
}
.goal_panel_group_content .ui-autocomplete li{
    color: #FFFFFF;
    cursor: pointer;
    padding: 0px;
    margin: 0;
}
.goal_panel_group_content .ui-autocomplete li div{
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 10px;
    margin: 0;
    padding-left: 25px;
    background-color: #412B87;
}

#GettingStarted_container_Goal .goal_academic_term_common_table  .custom-icon-drop-down,
#GettingStarted_container_Goal .newGoalSectionItemUl .custom-icon-drop-down,
#GettingStarted_container_Goal .goal-common-edit-dropdownmenu .input-group-btn,
#GettingStarted_container_Goal .custom-combobox{
    text-align: right;
    position: relative;
    width: 100%;
    display: table;
}
#GettingStarted_container_Goal .nonAcademicSectoin .input-group-btn::before,
#GettingStarted_container_Goal .primary_new_goal_content .input-group-btn::before,
#GettingStarted_container_Goal .goal_academic_term_common_table  .custom-icon-drop-down::before,
#GettingStarted_container_Goal .newGoalSectionItemUl .custom-icon-drop-down::before,
#GettingStarted_container_Goal .goal-common-edit-dropdownmenu .input-group-btn::before,
#GettingStarted_container_Goal .custom-combobox::before{
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: -10px;
    padding-top: 17px;
    z-index: 99999;
    display: table-cell;
}
#GettingStarted_container_Goal .nonAcademicSectoin .input-group-btn::before{
    right: 6px !important;
}
#GettingStarted_container_Goal .newGoalSectionItemUl .custom-icon-drop-down::before{
    right: -4px;
    padding-top: 13px;
}
#GettingStarted_container_Goal .goal-common-edit-dropdownmenu .input-group-btn::before{
    right: 7px;
    padding-top: 16px;
}
#GettingStarted_container_Goal .custom-icon-drop-down::before{
    padding-right: 15px ;
    padding-top: 13px;
    z-index: 99 !important;
}
#GettingStarted_container_Goal .primary_new_goal_content .input-group-btn::before{
    padding-right: 18px !important;
    z-index: 99 !important;
}
.goal_panel_group_content .ui-autocomplete li.ui-menu-item:disabled {
    pointer-events: none;
}
.goal_panel_group_content .ui-autocomplete li[disabled] div {
    font-weight: bold;
    padding-left: 10px;
}


.es-list{
    max-height: 300px !important;
    background-color: #812990 !important;
}
.es-list li{
    background-color: #812990;
    word-break: normal;
    width: 100% !important;
}


.goal-academic-add-new-target{
    line-height: 15px;
    margin-top: 10px;
    padding-left: 15px;
    font-size: 18px;
    cursor: pointer;
}
.goal_nonacademic_panel_body .avatar.parbase{
    visibility: hidden;
}

.primarydefindedSteps{
    padding-top: 5px;
}

.primarydefindedSteps .item-action-unit{
    float: right;
}

.targetTr{
    width:45%;
}

.chatbubbleTextContainer a{
    color: white !important;
    text-decoration: underline;
}
li.es-visible {
    z-index: 99999;
}

.mynextSteps_table .table_move_up,
.mynextSteps_table .table_move_down{
    cursor: pointer;
}

.goal_nonacademic_panel_body .nonacademic_content_div  .heading .goal_nonacademic_header  {
    padding-left: 15px;
    padding-right: 15px;
}

.mynextSteps_table.primary_goal_table.table-striped thead th:not(:first-child) {
    width: 95px;
}

.new_goal_container .errorMsg{
    text-align: left !important;
}

.new_goal_container .text-align-left{
    text-align: left !important;
}

#primary_general_goal_info  .fixed-table-container{
    border: 1px solid #ddd !important;
}




/*for the help guide popup*/

.goalAvatarHelpPopup{
    font-family: "Source Sans Pro";
}
.goalAvatarHelpPopupTitle{
     font-size: 22px;
     color: #333333;
     text-align: left;
     font-weight: bold;
     padding-top: 20px;
     padding-bottom: 20px;
     font-family: "Source Sans Pro";
 }
.goalAvatarHelpPopupTitleContent{
    text-align: left;
}

.goalAvatarHelpPopupSubtitle{
    font-size: 17.0px;
    color: #333333;
    font-weight: bold;
}
.goalAvatarHelpPopupItemContent{
    padding-left: 15px;
}
.goalAvatarHelpPopupItemContent p{
    font-size: 17px !important;
    line-height: 26px !important;
    color: #333333 !important;
    font-weight: normal;
}
.goalAvatarHelpPopupTable{
    border-collapse: collapse;
}

.goalAvatarHelpPopupTable{
    border: 1.0px solid #DDDDDD;
}
.goalAvatarHelpPopupTable td{
    padding: 15px;
    border: 1px solid #ddd;
}
.goalAvatarHelpPopupTable td:first-child{
    font-size: 17px;
    line-height: 22px;
    color: #333333;
    font-weight: bold;
    min-width: 108px;
}
.goalAvatarHelpPopupTable td:last-child{
    font-size: 17px;
    line-height: 22px;
    color: #333333;
    font-weight: normal;
}

.goalAvatarHelpPopupNormalText{
    font-size: 18px;
    color: #333333;
    text-align: left;
}

.goalAvatarHelpPopupSubHeader{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.goalAvatarHelpPopupItemContentUL{
    list-style-type: lower-alpha;
}

.goalAvatarHelpPopupItemContentUL li{
    font-size: 18px;
    line-height: 22px;
    color: #333333;
}
.goal_overall_table thead tr:first-child .th-inner{
    text-align: center;
}
.primarydefindedSteps,
.userFactorsTR span{
    word-wrap: break-word;
    word-break: break-word;
}
.goalAvatarHelpPopupNormalText,
.goalAvatarHelpPopupTitleItem{
    padding-bottom: 15px;
}

.goalAvatarHelpPopupSubHeader{
    padding-bottom: 15px;
}
.goalAvatarHelpPopupTable {
    margin-top: 15px;
}
.acadmemic-tooltip-text{
    word-break: break-all;
    word-wrap: break-word;
}

#primary_school_overall ul li{
    font-family: "Source Sans Pro";
    font-size: 18px;
    color: #333;
}

.modal-dialog:has(.adaptive-width-text) {
    width: fit-content;
    max-width: none !important;
}

.createnewgoaltitle img{
    cursor: pointer;
}

.createnewgoaltitle input{
    color: black !important;
}

.newGoalSectionItemUl li{
    cursor: pointer;
}

.errorMsg{
    color: red;
    font-size: 15px;
    width: 100%;
}

.primary_school_options{
    height: 336px !important;
    overflow-y: scroll !important;
}
#primary_general_goal_info .selected:before{
    content: none !important;
}
#GettingStarted_container_Goal .selected:before{
   content: none !important;
}

#primary_general_goal_info .modal-content-wrap{
    /*cursor: pointer;*/
}

#primary_general_goal_info .primary_general_school_info_tab li.item a{
    padding: 0px !important;
    border: 0px !important;
    margin: 0 auto;
    height: 175px;
}

.primary_general_school_info_tab .item.active a{
    background-color: #e03c31 !important;
    cursor: pointer;
    background-position: top right -3px;
}

.primary_general_school_info_tab .item.active .centered{
    color: white !important;
}

.schooloptions_table tr td:nth-child(odd) {
    width: 36px;
}

.schooloptions_table tr td .checkbox_select,.mynextSteps_table tr td .checkbox_select{
    width: 26px !important;
}

.schooloptions_table tr td:nth-child(even) {
    width: 284px;
}

.userCustomFactorsBtn{
    width: auto !important;
    margin-bottom: 10px !important;
}

.userNewFactorContent,.userUpdateFactorContentWell textarea{
    width: 100% ;
    height: auto;
}

.userNewFactorContentConfirm{
    margin-top:10px !important;
    margin-bottom: 10px !important;
}

.schooloptions_table  td .item-action-unit{
    float: right;
    margin-right: 5px;
}

.userUpdateFactorContentWell .errorMsg{
    margin-top: 10px;
    margin-bottom: 5px
}

.dot_border_line{
    border-bottom: 2px dotted rgba(0,0,0,0.3);
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
}

.primary_general_school_info_tab .item.active{
    cursor: pointer;
}
.table_move_up,.table_move_down{
    background-color: gainsboro;
    text-align: center;
    margin-bottom: 3px;
}

.table_move_up .glyphicon ,.table_move_down .glyphicon {
    width:100% !important;
}

@media(max-width: 562px) {
    .primary_goal_table td .card-view span.title{
        width: 144px !important;
    }
}

@media (min-width: 458px){
    .schooloptions_table td .card-view span{
        float: left;
    }
    .schooloptions_table td .card-view span.value {
        height: 36px;
    }
    .schooloptions_table td .card-view span.table_reason_text_td {
        height: 36px;
        width:300px;
        margin-left: 10px;
    }
}


@media(max-width: 457px) {
    .schooloptions_table td .card-view span{
        float: left;
    }
    .schooloptions_table td .card-view span.value {
        height: 36px;
    }
    .schooloptions_table td .card-view span.table_reason_text_td {
        height: 36px;
        margin-left: 10px;
    }
}

.new_goal_container #GettingStarted_container_Goal .left-col h2{
    color: #ffbd00;
}

.primarydefindedSteps .item-action-unit div{
    height: 41px;
}

#userDefinedStep{
    font-family: "Source Sans Pro";
    font-size: 18px;
    color: #333;
}

.goal_previous_btn{
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
    margin-right: 23px !important;
}
.goal_next_btn{
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-right: 22px !important;
}

/*.goal_save_exit_btn{
    width: 229px !important;
}*/
.panel_body_section_title{
    font-size: 20px;
    font-family: "Gotham Runded Bold";
}

.primary_goal_table .input-group .form-control{
    height: auto !important;
}


.goal_academic_term_table  input[type="text"],.reminderSection input[type="text"],.actionstoatrgetSection input[type="text"]{
    height: 36px;
    border: 1px solid gainsboro;
    border-radius: 9px;
    padding-left: 6px;
    width: 100%;
}
.fixed-table-container,
.goal_overall_table,
.goal_overall_table tr,
.goal_overall_table th,
.goal_overall_table td,
.goal_academic_term_table,
.goal_academic_term_table tr,
.goal_academic_term_table th,
.goal_academic_term_table td{
    border: none !important;
}

.goal_term1_panel_body .fixed-table-container{
    border: 0px !important;
}

.goal_overall_table_theader{
    word-wrap: break-word;
    white-space: normal;
    font-size: 12px;
}
.goal_target_circle_default{
    background: gainsboro;
    border-radius: 50%;
    color: white;
    height: 75px;
    font-weight: bold;
    width: 75px;
    padding: 0px;
    border: none;
}
.goal_target_circle_default p {
    vertical-align: middle;
    display: table-cell;
    line-height: 75px;
    font-size: 14px;
    margin: 0 auto;
}

.goal_target_circle_default .file-preview-frame{
    margin: 0 auto;
    padding: 0px;
    height: auto !important;
    background: none;
    border: none;
    border-radius: 50%;
}

.goal_target_circle_default img{
    box-shadow: 0 0 0 2pt #e85d43;
    height: 75px !important;
    width: 75px !important;
    padding: 0px;
    border-radius: 50%;
}

.goal_nonacademic_panel_body .heading{
    height: 90px;
}


.goal_nonacademic_header{
    text-align: left;
    margin-top: 21px;
}

.goal_nonacademic_header span{
    border-bottom: 1px dashed black !important;
}

.goal_nonacademic_header_title{
    font-weight: bold;
    color: #812990;
    font-size: 30px;
}

.reminderSectionTime span{
    color: #636363;
    font-size: 18px;
}

.reminderSectionStartDate input,.reminderSectionEndDate input,.actionstoatrget input{
    height: 49px !important;
    margin-top: 5px;
}

.reminderSection,.actionstoatrgetSection  {
    margin-left: 0px;
    margin-right: 0px;
}
.actionstoatrgetSection{
    margin-top: 20px;
}

.psleAggregate_table_rowspan_hader{
    color: #9f72b7;
    font-size: 20px;
}

.psleAggregate_table_detail_header{
    color: #9f72b7;
    font-size: 16px;
}

.psleAggregate_table tbody tr td{
    font-size: 16px;
    font-weight: bold;
    color: #5aacb4;
}

@media(min-width: 562px) {
    .psleAggregate_table_rowspan_hader_hidden{
        visibility: hidden;
        display: none;
    }
    .psleAggregate_table,
    .psleAggregate_table tr,
    .psleAggregate_table th,
    .psleAggregate_table td{
        border: none !important;
    }

    #PSLEAggregate .fixed-table-container{
        border: 0px !important;
    }

    .goal_term_panel_body .fixed-table-container{
        border: 0px !important;
    }

    .psleAggregate_table tbody{
        border-top-style: dashed;
        border-top-width: 1px;
        border-top-color: #999;
    }

    .goal_overall_table_theader_hidden{
        visibility: hidden;
        display: none;
    }

}
@media(max-width: 562px) {
    .psleAggregate_table span.value{
        margin-left: 30px;
    }

    .goal_overall_table tbody td span.title{
        width: 70%;
    }
}
.psleAggregate_table_tr_norecord{
    text-align: center;
    width:100%;
}

.goal_nonacademic_header{
    margin-bottom:25px ;
}


.nonacademic-notifications{
    margin-top: -4px;
}
.nonacademic-notifications dl dt{
    font-size: 13px;
    font-weight: normal;
}


.goal_nonacademic_panel_body input{
    font-size: 20px;
}

.primary_new_goal_content .panel-item-row{
    background-color: white !important;
}

.primary-general-school-select-icon{
    padding-top: 8px;
    padding-left: 5px !important;
}

.goal-general-help-tooltip{
    z-index: 9999;
}


.goalSettingsInput{
    border: 1px solid gainsboro;
    border-radius: 9px;
    padding-left: 6px;
    width: 100%;
    color: black !important;
    font-size: 18px;
}
.nonAcademicSectoin{
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 18px;
}
.nonAcademicSectoin span{
    font-size: 18px;
    color: #636363;
}
.nonAcademicSectoin input{
    height: 36px;
    border: 1px solid gainsboro;
    border-radius: 9px;
    padding-left: 6px;
    width: 100%;
}


.actionstoatrget textarea{
    resize: none;
    width: 100%;
}

.acadmemic-tooltip-header{
    font-size: 11px;
    font-weight: bold;
}

.acadmemic-tooltip-score{
    font-weight: 400;
    font-style: normal;
}
.acadmemic-tooltip-text{
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    color: #333333;
    text-align: left;
    line-height: normal;
}

.goal_academic_overall_input{
    height: 36px;
    border: 1px solid gainsboro;
    border-radius: 9px;
    padding-left: 6px;
}


.actionstoatrget textarea{
    border-radius: 5px;
}

.userNewFactorContent,.userCustomStepsText {
    height: 36px;
    border: 1px solid gainsboro;
    border-radius: 9px;
    padding-left: 6px;
    width: 100%;
}

.goal_academic_common_general_input{
    height: 50px;
    font-size: 18px;
}

.goal-academic-term-field-input,.goal-academic-term-field-select{
    padding-left: 5px !important;
    padding-right: 5px !important;
    height: 50px !important;
    font-size: 18px;
}

.goal-academic-term-field-select{
    min-width: 105px !important;
}

.goal-academic-term-field-input{
    min-width: 61px !important;
}

.goal-academic-term-subject-title-input{
    border: 1px solid gainsboro;
    border-radius: 9px;
}

.goal_panel_group_content .panel-item-row .ctatext{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}

.goal_panel_group_content .panel-item-row .ctatext a{
    text-decoration: none;
}

.goal-common-general-panel .es-list li, .primary_general_section .es-list li{
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    padding-left: 25px;
}

.goalSubjectDeleteIconLabel{
    padding-top: 15px;
}

.preu-tbody tr td:first-child,
.secondary-tbody tr td:first-child{
    padding-right: 0px !important;
}
#GettingStarted_container_Goal .btn.dropdown-toggle::-ms-expand,
#GettingStarted_container_Goal .goal-common-edit-dropdownmenu select::-ms-expand
{
    display: none !important;
}
#GettingStarted_container_Goal .btn.dropdown-toggle,
#GettingStarted_container_Goal .goal-common-edit-dropdownmenu select{
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance:none;
}
.goal_panel_group_content .ui-autocomplete {
    max-height: 300px;
    height: auto;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 999999;
}

.es-list li.selected {
    background: #8653a0
}
.goal_panel_group_content .ui-autocomplete li{
    color: #FFFFFF;
    cursor: pointer;
    padding: 0px;
    margin: 0;
}
.goal_panel_group_content .ui-autocomplete li div{
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 10px;
    margin: 0;
    padding-left: 25px;
    background-color: #412B87;
}

#GettingStarted_container_Goal .goal_academic_term_common_table  .custom-icon-drop-down,
#GettingStarted_container_Goal .newGoalSectionItemUl .custom-icon-drop-down,
#GettingStarted_container_Goal .goal-common-edit-dropdownmenu .input-group-btn,
#GettingStarted_container_Goal .custom-combobox{
    text-align: right;
    position: relative;
    width: 100%;
    display: table;
}
#GettingStarted_container_Goal .nonAcademicSectoin .input-group-btn::before,
#GettingStarted_container_Goal .primary_new_goal_content .input-group-btn::before,
#GettingStarted_container_Goal .goal_academic_term_common_table  .custom-icon-drop-down::before,
#GettingStarted_container_Goal .newGoalSectionItemUl .custom-icon-drop-down::before,
#GettingStarted_container_Goal .goal-common-edit-dropdownmenu .input-group-btn::before,
#GettingStarted_container_Goal .custom-combobox::before{
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: -10px;
    padding-top: 17px;
    z-index: 99999;
    display: table-cell;
}
#GettingStarted_container_Goal .nonAcademicSectoin .input-group-btn::before{
    right: 6px !important;
}
#GettingStarted_container_Goal .newGoalSectionItemUl .custom-icon-drop-down::before{
    right: -4px;
    padding-top: 13px;
}
#GettingStarted_container_Goal .goal-common-edit-dropdownmenu .input-group-btn::before{
    right: 7px;
    padding-top: 16px;
}
#GettingStarted_container_Goal .custom-icon-drop-down::before{
    padding-right: 15px ;
    padding-top: 13px;
    z-index: 99 !important;
}
#GettingStarted_container_Goal .primary_new_goal_content .input-group-btn::before{
    padding-right: 18px !important;
    z-index: 99 !important;
}
.goal_panel_group_content .ui-autocomplete li.ui-menu-item:disabled {
    pointer-events: none;
}
.goal_panel_group_content .ui-autocomplete li[disabled] div {
    font-weight: bold;
    padding-left: 10px;
}


.es-list{
    max-height: 300px !important;
    background-color: #812990 !important;
}
.es-list li{
    background-color: #812990;
    word-break: normal;
    width: 100% !important;
}


.goal-academic-add-new-target{
    line-height: 15px;
    margin-top: 10px;
    padding-left: 15px;
    font-size: 18px;
    cursor: pointer;
}
.goal_nonacademic_panel_body .avatar.parbase{
    visibility: hidden;
}

.primarydefindedSteps{
    padding-top: 5px;
}

.primarydefindedSteps .item-action-unit{
    float: right;
}

.targetTr{
    width:45%;
}

.chatbubbleTextContainer a{
    color: white !important;
    text-decoration: underline;
}
li.es-visible {
    z-index: 99999;
}

.mynextSteps_table .table_move_up,
.mynextSteps_table .table_move_down{
    cursor: pointer;
}

.goal_nonacademic_panel_body .nonacademic_content_div  .heading .goal_nonacademic_header  {
    padding-left: 15px;
    padding-right: 15px;
}

.mynextSteps_table.primary_goal_table.table-striped thead th:not(:first-child) {
    width: 95px;
}

.new_goal_container .errorMsg{
    text-align: left !important;
}

.new_goal_container .text-align-left{
    text-align: left !important;
}

#primary_general_goal_info  .fixed-table-container{
    border: 1px solid #ddd !important;
}




/*for the help guide popup*/

.goalAvatarHelpPopup{
    font-family: "Source Sans Pro";
}
.goalAvatarHelpPopupTitle{
     font-size: 22px;
     color: #333333;
     text-align: left;
     font-weight: bold;
     padding-top: 20px;
     padding-bottom: 20px;
     font-family: "Source Sans Pro";
 }
.goalAvatarHelpPopupTitleContent{
    text-align: left;
}

.goalAvatarHelpPopupSubtitle{
    font-size: 17.0px;
    color: #333333;
    font-weight: bold;
}
.goalAvatarHelpPopupItemContent{
    padding-left: 15px;
}
.goalAvatarHelpPopupItemContent p{
    font-size: 17px !important;
    line-height: 26px !important;
    color: #333333 !important;
    font-weight: normal;
}
.goalAvatarHelpPopupTable{
    border-collapse: collapse;
}

.goalAvatarHelpPopupTable{
    border: 1.0px solid #DDDDDD;
}
.goalAvatarHelpPopupTable td{
    padding: 15px;
    border: 1px solid #ddd;
}
.goalAvatarHelpPopupTable td:first-child{
    font-size: 17px;
    line-height: 22px;
    color: #333333;
    font-weight: bold;
    min-width: 108px;
}
.goalAvatarHelpPopupTable td:last-child{
    font-size: 17px;
    line-height: 22px;
    color: #333333;
    font-weight: normal;
}

.goalAvatarHelpPopupNormalText{
    font-size: 18px;
    color: #333333;
    text-align: left;
}

.goalAvatarHelpPopupSubHeader{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}

.goalAvatarHelpPopupItemContentUL{
    list-style-type: lower-alpha;
}

.goalAvatarHelpPopupItemContentUL li{
    font-size: 18px;
    line-height: 22px;
    color: #333333;
}
.goal_overall_table thead tr:first-child .th-inner{
    text-align: center;
}
.primarydefindedSteps,
.userFactorsTR span{
    word-wrap: break-word;
    word-break: break-word;
}
.goalAvatarHelpPopupNormalText,
.goalAvatarHelpPopupTitleItem{
    padding-bottom: 15px;
}

.goalAvatarHelpPopupSubHeader{
    padding-bottom: 15px;
}
.goalAvatarHelpPopupTable {
    margin-top: 15px;
}
.acadmemic-tooltip-text{
    word-break: break-all;
    word-wrap: break-word;
}

#primary_school_overall ul li{
    font-family: "Source Sans Pro";
    font-size: 18px;
    color: #333;
}

.goal_table_list_tbody_name_td{
    font-size: 16px;
    font-weight: bold;
    color: #5aacb4;
}

.goal_list_table_th_header{
    font-size: 14px;
    font-weight: normal;
    color: #666;
}


.goal-list-table tbody tr:nth-child(odd) {
    background-color: #f7f7f7;
}

@media(min-width: 562px) {
    .goal-list-table,
    .goal-list-table tr,
    .goal-list-table th,
    .goal-list-table td{
        border: none !important;
    }

    #MyFavouritePathways_container .fixed-table-container{
        border: 0px !important;
    }

    .goal-list-table tbody td{
        padding: 11px !important;
        height:23px;
    }
}

@media(max-width: 562px) {
    .goal-list-table tbody td .card-view span.value .item-actions{
        position: relative !important;
        vertical-align: baseline !important;
    }
}

.goal-landing-page-share-popup .modal-title{
    text-align: left;
}
.goal-landing-page-share-popup .form-group label{
    display: table;
}
.goal-landing-page-share-popup .modal-body{
    padding-top: 15px;
}
.goal-landing-page-share-popup .form-group input,
.goal-landing-page-share-popup .form-group textarea{
   /* border:1px solid #ccc;*/
}

#goal-landing-page-share-popup-note .modal-dialog .modal-content-wrap.goal-share-agreement-content{
    margin-left: 10px;
}

#goal-landing-page-share-popup-note .modal-dialog .modal-content-wrap.goal-share-agreement-content .modal-body-change .checkbox label::before{
    width: 17px;
    height: 17px;
    margin-left: -20px;
    border: 1px solid #cccccc;
    outline: none;
}
#goal-landing-page-share-popup-note .modal-dialog .modal-content-wrap.goal-share-agreement-content .modal-body-change .checkbox label::after{
    width: 16px;
    height: 16px;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #e68717;
}

#goal-landing-page-share-popup-note .modal-dialog .bootbox.preu .modal-header{
    max-height: 52px;
}

#goal-landing-page-share-popup-note .modal-dialog .bootbox.primary .goal-share-agreement-content .sharGoalAgreementNotice{
    color: #000;
    font-weight: normal;
}
.goal_share_my_email_wrong_field,
.goal-share-wrong-field{
    color: red;
    text-align: left;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.goal-share-confirm-btn{
    margin-bottom: 0px;
    float: left;
    cursor: pointer;
}
.goal-landing-page-share-popup .modal-footer{
    height: 86px;
    text-align: center;
}

#goal-landing-page-share-popup .modal-dialog .modal-footer .button_align_style
{
    display: inline-block;
}

.goal-landing-page-share-popup .modal-footer a{
    cursor: pointer;
}

.goal_tempalte_table  tbody td{
    text-align: left;
}

.goallandingcreategoalbtn.ctabtn{
    font-size: 21px!important;
}

.modal {
    overflow-y:auto;
}

#filter-goal-template .formheading {
    font-size: 19px;
    padding-bottom: 5px;
    color: #333;
    text-align: left;
}

#filter-goal-template .item-set {
    padding-bottom: 15px;
}

#filter-goal-template .BottomBox {
    text-align: center;
}

#filter-goal-template .btn.btn-secondary.dropdown-toggle{
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

#filter-goal-template .multiselect-container .input-group{
    border-radius: unset;
}

#filter-goal-template .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group{
    margin-left: unset;
}


.calendar_events_search .tab-pane_list {
	-webkit-column-count: auto !important;
	column-count: auto !important;
    width: 100%;
}

.calendar_events_search .tab-pane_list li {
    float: left;
    display: inline-flex;
    padding: 30px 0px 0px 30px;
}

.calendar_events_search .event-calendar-combo {
	color: white;
}

#SearchResultsList_Container_main .Content-title {
    color: #333;
}

#SearchResultsList_Container_main .Content-description {
    color: #333;
}

#SearchResultsList_Container_main #course .big-table-row .item-Course .Content-description.description_organiser_title ,
#SearchResultsList_Container_main .pri-spcs #directory_view #directory_list_view #course .item-Course .Content-description.description_organiser_title
{
    font-family: "Source Sans Pro Bold";
    font-size: 15px;
}

.calendar_events_detail_back {
	background-color: #8C4198;
}

.school_search_box #ExploreEducationalInstituitions_jumbo_container .btn.btn-secondary.dropdown-toggle::before {
	width: 30px;
    height: 30px;
    background: url(preu/images/search_calendar_icon.png) no-repeat;
    top: 12px;
}

#SearchResultsList_Container_main .Content-Attained-checkboxes .checkbox_favourite, #SearchResultsList_Container_main .Content-Attained-checkboxes .checkbox_notification {
    display: inline-block;
}

.tile-group .tile-item .item-Attained .Content-Attained-checkboxes .checkbox_favourite {
    padding-right: 30px;
}

#SearchResultsList_Container_main .Content-Attained-checkboxes .checkbox_favourite, #SearchResultsList_Container_main .Content-Attained-checkboxes .checkbox_notification {
    display: inline-block;
}

.tile-group .tile-item .item-Attained .Content-Attained-checkboxes .checkbox_favourite {
    padding-right: 30px;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
    text-decoration: none;
}

div#ui-datepicker-div {
    visibility: hidden;
}
.feedback .italic-full-name {
	color: #737373;
	font-style: italic;
	font-weight: 100;
	font-size: 12px;
}

.feedback .help-block.with-errors {
	color:#FF0000;
}

.feedback .mandatory-field {
    color:black;
}

#feedback-form-page{
	float:none;
	margin: 0;
}

#feedback-form-page #cancel-feedback-wda-ind-btn,
#feedback-form-page #submit-feedback-wda-ind-btn{
	color: #FFF;
}

#feedback-form-page #cancel-feedback-wda-ind-btn:hover,
#feedback-form-page #submit-feedback-wda-ind-btn:hover{
	color: #333;
}

.preuonecol #feedback-form-page #cancel-feedback-wda-ind-btn,
.preuonecol #feedback-form-page #submit-feedback-wda-ind-btn{
	color: #FFF;
	background-color: #412B87;
}

.preuonecol #feedback-form-page #cancel-feedback-wda-ind-btn:hover,
.preuonecol #feedback-form-page #submit-feedback-wda-ind-btn:hover{
	color: #333;
	background-color: #412B87;
}

.feedback-helpdesk .container p {
	/*SPU-2006*/
	font-family: 'Source Sans Pro';
	color: #333333;
	/*SPU-2006*/
	line-height: 1.3;
	/*padding-left: 15px;*//*SPU-2006*/
	}

.feedback-helpdesk .container {
	padding-bottom: 10px;
}
/* CUSTOM FOR THIS PAGE ONLY */

.page-header .action-widget .ctabtn {
    margin-bottom: 30px;
}

.page-header {padding-bottom:20px;}

/* container width */
/*========================================*/
.comparison_preu_secondary .container-fluid  {
	margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}


/* dropdown menu special */
/*========================================*/


.comparison_preu_secondary .filterjobroledropdown {
    width:180px;
    margin-bottom:0px;
    float:left;
}

.comparison_preu_secondary .btn.btn-secondary.resumebuilder {
    font-weight: bold;
    color: #996caf;
    background: #f3f3f3;
    border:2px solid #e0e0e0;
    border-radius: 8px;
    height: 44px;
    padding: 10px 25px;
}

.comparison_preu_secondary .btn.btn-secondary.resumebuilder.dropdown-toggle {
    padding: auto 25px;
    min-width:180px;
}

.comparison_preu_secondary .btn.btn-secondary.resumebuilder.dropdown-toggle::before {
    font-family: 'Glyphicons Halflings';
    content:"\e114";
    font-size: 12px;
    color: #b1b1b1;
    position: absolute;
    right: 20px;
    padding-top: 2px;
}

.comparison_preu_secondary a.dropdown-item, .comparison_preu_secondary a.dropdown-item:link, .comparison_preu_secondary a.dropdown-item:visited {
    color: #996caf;
}

.comparison_preu_secondary a.dropdown-item:hover, .comparison_preu_secondary a.dropdown-item:focus {
    color: #996caf;
    background: #e0e0e0;
}
.comparison_preu_secondary .dropdown-item {
    display: block;
    padding: 8px 15px;
    margin: 1px;
    background: #f3f3f3;
}
.comparison_preu_secondary .dropdown-menu {
    font-size: 16px;
    border-radius: 8px;
    padding: 0px;
    margin: 0px;
    background: #412B87;
    border: 2px solid #e0e0e0;
}

.course_comparison #course_comparison_list_course_comparison .container-fluid .filterjobroledropdown .dropdown-menu>.active>a,
.course_comparison #course_comparison_list_course_comparison .container-fluid .filterjobroledropdown .dropdown-menu>.active>a:hover,
.course_comparison #course_comparison_list_course_comparison .container-fluid .filterjobroledropdown .dropdown-menu>.active>a:focus{
    background-color: #412B87 !important;
}
.comparison_preu_secondary .dropdown-menu {
    min-width: 230px;
}


/* Extra Small */
@media(max-width:767px){
    .comparison_preu_secondary .filterjobroledropdown {float:none; padding-top:0px;}
    .comparison_preu_secondary .btn.btn-secondary.dropdown-toggle {font-size: 16px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .comparison_preu_secondary .filterjobroledropdown {float:none; padding-top:0px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .comparison_preu_secondary .filterjobroledropdown {float:left; }
}

/* Large */
@media(min-width:1200px){
    .comparison_preu_secondary .filterjobroledropdown {float:left;}
}
/* Job Comparison Card  */ 
/*=================================================*/

.comparison_preu_secondary .card {
    width:359px;
	height: auto;
    border:1px solid #ccc;
    border-radius:4px;
    padding:0px;
    display:inline-block;
    margin-right: 25px;
    text-align: left;
}


.comparison_preu_secondary .dragscroll_wrap {
    width:1140px;
    border:0px solid;
}

/* Extra Small */
@media(max-width:767px){
    .comparison_preu_secondary .card {width:280px; margin-right:15px;}
    .comparison_preu_secondary .dragscroll_wrap {width:910px !important;overflow-y: auto; margin-left: -4px;}
}

/* Small */
@media(min-width:767px) and (max-width:991px){/*SPU-2006*/
    .comparison_preu_secondary .card {width:320px; margin-right:15px;}
    .comparison_preu_secondary .dragscroll_wrap {width:auto;}
}
@media(min-width:768px) and (max-width:1199px){
    .comparison_preu_secondary .dragscroll_wrap {width: 1140px !important;}
}
/*SPU-2006*/
@media (max-width: 992px) and (min-width: 767px){
.container.paddingxs0.occupation_comparison_text {
    padding-left: 0px;}
}
/*SPU-2006*/
.comparison_preu_secondary .dragscroll .dragscroll_wrap {
	width: auto;
    height: auto;
}

.comparison_preu_secondary .dragscroll_wrap .card:last-child {
    margin-right:0px;
} 

.comparison_preu_secondary .section {
    padding:19px;    
}

.comparison_preu_secondary .card .AddtoFavourite {
    margin-bottom: 50px;
}

.comparison_preu_secondary .ComparsionList_box {
    width:100%;
    height:135px;
    border-radius:5px;
    background-color:#ffbd00;
    display: flex;
    overflow:hidden;
    position:relative;
    color:#fff;
}

.comparison_preu_secondary .ComparsionList_box .top-right-x {
    position:absolute;
    top:6px;
    right:12px;
    cursor: pointer;
    z-index: 9999;
}

.comparison_preu_secondary .ComparsionList_content {
    font-size: 22px;
    line-height: 24px;
    font-weight: 300;
    padding-top:56px;
    text-align:center;
}


.comparison_preu_secondary .AddtoFavourite {
    margin:20px auto;
    font-size:17px;
    font-weight: bold;
    text-align: center;
    font-family: "Source Sans Pro Bold";
}

.comparison_preu_secondary .AddtoFavourite img {
    padding-right:5px;
    margin-top:-5px;
}





/* Job Role Description  */ 
/*=================================================*/

.comparison_preu_secondary .card .content a:visited {
    font-weight:bold;
}
.comparison_preu_secondary .card .title {
    font-size: 22px;
    font-weight:bold;
    line-height: 24px;
    margin-bottom:25px;
}
.comparison_preu_secondary .card .title {
    font-size: 22px;
    font-weight:bold;
    line-height: 24px;
    margin-bottom:25px;
}

.comparison_preu_secondary .card .title .icon {
    margin-right:5px;
    margin-top:-12px;
    float:left;
}

.comparison_preu_secondary .card .section {
    border-bottom:1px solid #ebebeb;
}

.comparison_preu_secondary .card .section.graybg {
    background-color:#f7f7f7;
}

.comparison_preu_secondary .Contentbox {
    margin-top: 20px;
    margin-bottom:20px;
}

.comparison_preu_secondary .card .content p {
    font-size:16px;
    line-height:19px;
    color:#606060;
    word-break: break-word;
}

.comparison_preu_secondary .card .content a,
.comparison_preu_secondary .card .content a:link,
.comparison_preu_secondary .card .content a:visited {
    font-weight:bold;
}
.comparison_preu_secondary .card .title {
    font-size: 22px;
    font-weight:300;
    line-height: 24px;
    margin-bottom:25px;
    font-family: "Gotham Runded Bold";
}

.comparison_preu_secondary .card li {
    /*margin-left: 20px;*/
    margin-bottom:5px;
    font-size:15px;
    line-height: 17px;
    color: #333;
    word-break: normal;
    list-style-image: url('secondary/images/JobRoleComparison_icon_circle.png');
}








/* Compatibility */ 
/*=================================================*/


.comparison_preu_secondary .CompatibilityBox .chart-table-container {display:block; width:100%;}

.comparison_preu_secondary .CompatibilityBox .chart-table-container div {
    vertical-align: middle;
    /*border:1px solid rgba(255,0,0,0.2); */
}

.comparison_preu_secondary .CompatibilityBox .chart-row {
    display:block;
    border-bottom:2px dotted rgba(0,0,0,0.15);
    padding-top: 10px;
    padding-bottom:5px;
}

.comparison_preu_secondary .CompatibilityBox .chart-item {
    width:30px;
    float:left;
}

.comparison_preu_secondary .CompatibilityBox .chart-bar-box {
    width: auto;
    margin-left: 30px;
}

.comparison_preu_secondary .CompatibilityBox .chart-bar-row {
    font-size:0;
    display:block;
    height:14px;
    vertical-align: middle;
    height:18px;
}

.comparison_preu_secondary .CompatibilityBox .bar {
    height:13px;
    border-radius: 5px;
    display:inline-block;
    padding:0px;
    margin:0px;
}

.comparison_preu_secondary .CompatibilityBox .chart-bar-number {
    float:right; 
    font-size:20px;
    font-weight:bold;
    line-height: 15px;
}


/* LEGEND */
.comparison_preu_secondary .CompatibilityBox .chart-legend {
    display:block;
    margin-top: 20px;
}

.comparison_preu_secondary .CompatibilityBox .legend-row {
    display:flex;
    padding:0; 
    padding-top:10px; 
    padding-right:25px;
}

.comparison_preu_secondary .CompatibilityBox .chart-legend .item {
    width:30px;
    display:inline-block;
    background-color: transparent;
    vertical-align: middle;
}

.comparison_preu_secondary .CompatibilityBox .chart-legend .item .icon {
    width:15px;
    height:15px;
    display:block;
    overflow: hidden;
    border-radius: 8px;
    font-size:0;
}

.comparison_preu_secondary .CompatibilityBox .chart-legend .text {
    display:inline-block;
    font-size:16px;
    line-height: 17px;
    vertical-align: middle;
    margin-left:-6px;
}

.theme1 .comparison_preu_secondary .CompatibilityBox .chart-item {font-size:24px; font-weight:bold; color:#606060;}
.theme1 .comparison_preu_secondary .CompatibilityBox .bar-top {background-color: #9e70b6;}
.theme1 .comparison_preu_secondary .CompatibilityBox .bar-bottom {background-color: #6ab4bb;}
.theme1 .comparison_preu_secondary .CompatibilityBox .chart-bar-number.top {color:#9461ae;}
.theme1 .comparison_preu_secondary .CompatibilityBox .chart-bar-number.bottom {color:#6ab4bb;}
.theme1 .comparison_preu_secondary .CompatibilityBox .chart-legend .item.top .icon{background-color:#9e70b6;}
.theme1 .comparison_preu_secondary .CompatibilityBox .chart-legend .item.bottom .icon{background-color:#6ab4bb;}
.theme1 .comparison_preu_secondary .CompatibilityBox .chart-legend .text.top {color:#9461ae;}
.theme1 .comparison_preu_secondary .CompatibilityBox .chart-legend .text.bottom {color:#6ab4bb;}




/* Salary Information  */ 
/*=================================================*/

.comparison_preu_secondary .salaryinformation_box h4 {
    font-weight:normal;
    padding-top:7px;
    color:#606060;
}






/* Compare List */
/*=================================================*/

.CompareList_container {
    background: #f5f5f5;
    text-align: left;
    margin-top: 60px;
    padding-bottom: 20px;
}

.CompareList_container h3 {
    margin-top:-47px;
    padding-top:15px;
    text-align:center;
}

.CompareList_container .CompareList_title {
    width:250px;
    height:47px;
    background-color:#f7f7f7;
    margin-left:-20px;
    padding-right:10px;
}

.CompareList_container .CompareList_title .icon {
    height:40px;
}

#CompareList_sliderplate {
    display:block;
    padding-top:44px;
    text-align:center;
    margin-bottom:-2px;
}

.CompareList_box {
    height:103px;
    width:270px;
    border-radius:5px;
    background-color:#9461ae;
    display:inline-block;
    margin-right:15px;
    position:relative;
    color:#fff;
    border: 2px dotted #9461ae;
}

.AddJobRole_box {
    background-color:#fff;
    border:2px dashed #ccc;
    color:#999;
    display:inline-block;
}

.CompareList_box .top-right-x {
    position:absolute;
    top:5px;
    right:12px;
    cursor: pointer;
}

.CompareList_content {
    font-size: 19px;
    font-weight: bold;
    padding-top:38px;
    text-align:center;
}

.CompareList_btns {
    display:inline-block;
    width:234px;
    height:103px;
    vertical-align: middle;
    margin-left:25px;
    margin-top:10px;
}

.CompareList_container .CompareList_btns .ctabtn {
    margin-top:0px;
    margin-bottom:0px;
    width:100%;
    height:39px;
}

.CompareList_container .CompareList_btns .CompareList_clearallbtn {
    margin-top:10px;
}

.ctabtn.reverse {
    background: #fff;
    border:2px solid #5aacb4;
    padding-top:6px;
    padding-bottom:10px;
}

a.ctabtn.reverse, a.ctabtn.reverse:link, a.ctabtn.reverse:visited {
    color:#5aacb4;
    background-color: transparent;
    text-decoration: none;
}

a.ctabtn.reverse:hover,
a.ctabtn.reverse:focus
 {  background: #5aacb4;
    color: #fff;
    text-decoration: none;
 }



@media(max-width:991px){
    .CompareList_box { width:100%; height:50px; margin-bottom:5px;}
    .CompareList_content {padding-top:10px; } 
    .CompareList_btns {margin-left:0px; margin-top: 30px;}
}

/* Medium */
@media(min-width:991px) and (max-width:1199px){
    .CompareList_btns {margin-left:0px; margin-top: 30px;}
}

/* Large */
@media(min-width:1200px){
}


/************ ADDITIONAL **************/

.comparison_preu_secondary button.multiselect.dropdown-toggle.btn.btn-default {
    color: #996caf;
    background: #f3f3f3;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 25px;
    height: 44px;
    font-weight: bold;
}

.comparison_preu_secondary .filterjobroledropdown input[type="checkbox"] {
    display: block !important;
    visibility: visible;
    opacity: 1 !important;
}

 .comparison_preu_secondary .filterjobroledropdown {
 	margin-bottom: 20px;
 	/*margin-left: -9px;/*SPU-2006*/
 }
 
 .comparison_preu_secondary .section.description {
    padding: 10px;/*SPU-2006*/
}

.comparison_preu_secondary .card .section.JobRoleComparisonDescription {
    border-bottom: 0px;
}
.goal-detail-container .goal_title{
    font-size: 32px;
    font-weight: normal;
    color: #333;
}

.goaltitleSection ,.goal_setting_modal_container{
    margin-bottom: 30px;
}
.goal-detail-container  .panel-group{
    border-left: 0px !important;;
    border-right: 0px !important;
    border-top: 0px !important;
}
.goal-detail-container #closed_tabs_container .closed_tabs_number1 {
    border-top: 2px dotted #dedede !important;
}

.viewgoalplanimagepart{
    width: 100px;
}

.view-goal-plan-nonacadeimc-title{
    height: 75px;
    padding-top: 16px;
}

.view-goal-plan-nonacadeimc-title span{
    font-size: 20px;
    font-weight: bold;
    font-size: 30px;
}

.view-goal-nonacademic-target-text{
    word-break: break-all;
    word-wrap: break-word;
}

.nonacademic-list-item table tbody td{
    min-width: 138px;
}

.nonacademic-list-item {
    margin-bottom: 30px;
}

.view-goal-plan-nonacademic-table-contianer{
    margin-top: 15px;
}

.nonacademic-list-item-header{
    margin-left: 0px;
    margin-right: 0px;
}

.edupathway-compare-content .card{
    width: 350px;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0px;
    display: inline-block;
    margin-right: 25px;
    text-align: left;
}

.edupathway-compare-content .card .AddtoFavourite {
    margin-bottom: 50px;
}
.edupathway-compare-content .AddtoFavourite {
    margin: 20px auto;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.edupathway-compare-content .card .title {
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    color: #5aacb4;
    margin-bottom: 25px;
}

.edupathway-compare-content .Contentbox {
    margin-top: 20px;
    margin-bottom: 20px;
}

.edupathway-compare-content .section {
    padding: 19px;
}

.edupathway-compare-content .ComparsionList_box {
    width: 100%;
    height: 135px;
    border-radius: 5px;
    background-color: #ffbd00;
    display: inline-block;
    overflow: hidden;
    position: relative;
    color: #fff;
}


.edupathway-compare-content .card .section {
    border-bottom: 1px solid #ebebeb;
}

.edupathway-compare-content .card .section.graybg {
    background-color: #f7f7f7;
}


.edupathway-compare-content .epy_favourite_add_button{
    margin-top: 20px;
    text-align: center;
}

.edupathway-compare-content .card{
    word-wrap: break-word;
    word-break: normal;
}

.edupathway-compare-content .exploreWayContent p{
    color: #333333;
    font-size: 14px;
}

.edupathway-compare-content .exploreWayContent span {
    color: #333333;
    font-size: 16px;
}




.radio-inline, .checkbox-inline{
	padding-left: 0!important;
}
#checkpoint-setting select{
    margin-bottom: 11px;
    background-color: #412B87;
    color: #ffffff;
    border: none;
}
#checkpoint-setting .input-group .form-control {
    font-size: 14px;
    height: 34px;
    padding: 6px 12px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    font-size: 15px;
    font-family: Gotham Runded Bold;
    color: rgba(153,153,153,1);
}
#checkpoint-setting .input-group-addon {
    color: #ffffff;
    border: 1px solid #412B87;
    background-color: #412B87;
}
#checkpoint-setting .col-md-6 {
    padding-bottom: 10px;
}
#checkpoint-setting .form-group {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.checkpoint-scrollable{
    height: 303px;
    overflow: auto;
}

#checkpoint-setting .text-align-vertical-center {
  vertical-align:middle;
}



:root{--dt-row-selected: 0, 136, 204;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 9, 10, 11;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{display:inline-block;color:rgba(0, 0, 0, 0.5);content:"▶"}table.dataTable tr.dt-hasChild td.dt-control:before{content:"▼"}html.dark table.dataTable td.dt-control:before,:root[data-bs-theme=dark] table.dataTable td.dt-control:before{color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before{color:rgba(255, 255, 255, 0.5)}table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc_disabled,table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc_disabled{cursor:pointer;position:relative;padding-right:26px}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after{position:absolute;display:block;opacity:.125;right:10px;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:before{bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:after{top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dataTables_scrollBody>table.dataTable>thead>tr>th:before,div.dataTables_scrollBody>table.dataTable>thead>tr>th:after,div.dataTables_scrollBody>table.dataTable>thead>tr>td:before,div.dataTables_scrollBody>table.dataTable>thead>tr>td:after{display:none}div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:2px;z-index:10}div.dataTables_processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dataTables_processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(0, 136, 204);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dataTables_processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dataTables_processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1){background-color:transparent}table.dataTable>tbody>tr{background-color:transparent}table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgb(0, 136, 204);box-shadow:inset 0 0 0 9999px rgb(var(--dt-row-selected));color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}table.dataTable>tbody>tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))}table.dataTable.table-striped>tbody>tr.odd>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.023)}table.dataTable.table-striped>tbody>tr.odd.selected>*{box-shadow:inset 0 0 0 9999px rgba(0, 136, 204, 0.923);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.923)}table.dataTable.table-hover>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075)}table.dataTable.table-hover>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 136, 204, 0.975);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975)}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody>table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody>table>thead .sorting:after,div.dataTables_scrollBody>table>thead .sorting_asc:after,div.dataTables_scrollBody>table>thead .sorting_desc:after{display:none}div.dataTables_scrollBody>table>tbody>tr:first-child>th,div.dataTables_scrollBody>table>tbody>tr:first-child>td{border-top:none}div.dataTables_scrollFoot>.dataTables_scrollFootInner{box-sizing:content-box}div.dataTables_scrollFoot>.dataTables_scrollFootInner>table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.table-bordered.dataTable{border-right-width:0}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:1px}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^=col-]:last-child{padding-right:0}
.admin_side_top_title{
    color: #333333;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    margin-bottom: 30px;
}
table#admin_manage_calendar_events_table thead th:last-child,
table#admin_manage_calendar_events_table thead th:first-child{
    background-image: none !important;
}


table.dataTable thead th{
    padding: 8px 10px;
}

#admin_manage_calendar_events_table_filter input[type=search]{
    height: 36px;
    border: 1px solid #ccc;
    font-size: 16px;
    border-radius: 5px !important;
}

.manage_calendar_event_container .dataTables_wrapper .dataTables_filter{
    float: left !important;
    text-align: left !important;
}

#admin_manage_calendar_events_table_wrapper div.row:first-child{
    display: none !important;
}

#admin_manage_calendar_events_table tbody td{
    max-width: 218px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-set .multiselect-container {
	width: 100% !important;
}

.tabmodule .nav-tabs > li > a{
    padding: 5px 30px;
}
.directory-grid{
	margin-left: -15px;
    margin-right: -15px;
}

#articles-directory-container{
    margin-top: -70px !important;
}

.article_directory .directory-grid .directory_col .directory_details{
	height: 200px;
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 15px 10px 15px 10px;
    border-width: .5px;
    border-color: #999;
    border-style: solid;
    margin-bottom: 20px;
}

.article_directory .directory-grid .directory_col .directory_details .occupation_title{
	height:40px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:1.1em;
}


.article_directory .directory-grid .directory_col .directory_details .occupation_education{
	height:32px;
	margin-top:5px;
	font-weight:bold;
	margin-bottom:5px;
}

.article_directory .directory-grid .directory_col .directory_details .fieid_of_study {
	height: 17px;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 8px;
    display: block;
}

.article_directory .directory-grid .directory_col .directory_details .course_divider {
    border-bottom:1px solid #cecece;
    padding-bottom: 4px;
}

.article_directory .directory-grid .directory_col .directory_details .icon-box{
	margin-top:10px;
}

.article_directory .directory-grid .directory_col .directory_details .fav-details {
	float: left;
	padding:1%;
}
.article_directory .directory-grid .directory_col .directory_details .compare-details {
	float: right;
	padding:1%;
}

.article_directory .directory-grid .directory_col .directory_details .fav-icon {
    float:left
}

.article_directory .directory-grid .directory_col .directory_details .label-text{
	font-size: 0.8em;
}

.article_directory .directory-list{
	margin-left: -15px;
    margin-right: -15px;
    
}

.article_directory .directory-list .directory_col .directory_details{
	margin-left: -15px;
    margin-right: -15px;
}


.article_directory .directory-list .directory_col{
    border-bottom: 1px solid #cecece;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.article_directory .directory-list .directory_col .directory_details .occupation_title{
	width: 33.33333333%;
	float: left;
	height: auto;
	font-weight:bold;
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.article_directory .directory-list .directory_col .directory_details .occupation_education{
	width: 33.33333333%;
	float: left;
	position: relative;
    min-height: 1px;
    padding-left: 30px;
    padding-right: 15px
}

.article_directory .directory-list .directory_col .directory_details .fieid_of_study{
	width: 25%;
	float: left;
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.article_directory .directory-list .directory_col .directory_details .course_divider{
	display:none;
}

.article_directory .directory-list .directory_col .directory_details .icon-box{
	width: 8%;
	float:left;
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}


.article_directory .directory-list .directory_col .directory_details .label-text{
	display:none;
}


.article_directory .directory-list .directory_col .directory_details .fav-details{
	height:20px;
}

.article_directory .directory-list .grid-only{
	display:none;
}

.article_directory .directory_col .directory_details .course_institution{
	height:	20px;
	font-size: 12px;
    font-weight: bold;
}

.article_directory .directory_container {
	margin: 15px;
}

.article_directory .directory_table_header {
    background: #d3d3d3;
    padding: 20px;
	margin-bottom: 20px;
}

.article_directory .directory_table_title {
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: 14px;;
}

.article_directory .directory_hidden{
	display:none;
}


#articlesSearchResultTemplate div.item-Description {
    font-size: 15px;
    color: #666666;
    word-break: break-all;
    display: inline-block;
    word-wrap: break-word;
}

#CareerTips .detail_sectioncontent.block .image img {
	max-height: 400px;
	max-width: 300px;
	padding: 0px;
}

#careerSupportProgramme .detail_sectioncontent.block p,
#careerSupportProgramme .detail_sectioncontent.block li,
#CareerTips .detail_sectioncontent.block p,
.sectorarticle .detail_sectioncontent.block p,
.sectorarticle .detail_sectioncontent.block li,
.sectorarticle #tabbedcontent .tab-content p,
.sectorarticle #tabbedcontent .tab-content li,
.detail_sectioncontent.block p i {
	word-break: break-word;
	line-height: 20px;
	color: #4a4a4a;
}

.sectorarticle .detail_sectioncontent.block li,
.sectorarticle #tabbedcontent .tab-content p,
.sectorarticle #tabbedcontent .tab-content li {
	color: #333333;
	font-size: 16px;
}

.sectorarticle .DetailsPageStyle
.detail_sectioncontent.block {
	border-bottom: 0px;
	margin: 0;
	padding: 10px 0;
}

.sectorarticle .DetailsPageStyle
.detail_sectioncontent .content {
	padding: 20px 0;
}

#CareerTips .detail_sectioncontent.block img,
.sectorarticle .detail_sectioncontent.block img,
#careerSupportProgramme .detail_sectioncontent.block img {
	max-height: 450px;
	max-width: 360px;
	float: left;
	padding-right: 30px;
	padding-bottom: 20px;
	vertical-align: middle;
	border: 0;
}
@media (max-device-width: 767px) {
    .DetailsPageStyle .detail_sectioncontent h1 {
	   	font-size: 40px;
	   	line-height: 44px;
    }

    .row.aroundmyskillsfuture_container {
        width: 600px;
    }
} 
@media (max-device-width: 450px) {
    .row.aroundmyskillsfuture_container {
        width: 340px;
    }
    
    .DetailsPageStyle .detail_sectioncontent h1 {
    	font-size: 30px;
    }
    
    #CareerTips .detail_sectioncontent.textimonialblock .message {
    	font-size: 20px;
    }
    
    .name {
    	width: 340px;
    }
    
    #CareerTips .detail_sectioncontent.block .image.right {
    	float: none !important;
    }
    
    .workforce_IndustryInsights_FeaturedTopic .article-card .contentblock .name,
	.workforce_IndustryInsights_FeaturedTopic .article-card .contentblock .description,
	.workforce_IndustryInsights_FeaturedTopic .article-card .contentblock .excerpt {
		width: 290px;
	}
}


@media (max-width: 768px) and (min-width: 700px){
    .row.aroundmyskillsfuture_container {
        width: 700px;
    }
    
    .DetailsPageStyle .detail_sectioncontent h1 {
    	font-size: 40px;
    	line-height: 44px;
    }
}

}

.landingpagestyle.CareerTipsArticle .DetailsPageStyle .detail_sectioncontent .content {
	padding-top: 0px;
}

#CareerTips .DetailsPageStyle .detail_sectioncontent.block,
.sectorarticle .DetailsPageStyle .detail_sectioncontent.block {
	display: table-row-group; 
}

/* start of page title & separator */

/* .page-header h1.article_title, h2 {
    color: #029185;
} */

.sectorarticle h2 {
    color: #ef4125;
}

#CareerTips{
	padding-top: 0px !important;
}

#CareerTips .DetailsPageStyle .detail_sectioncontent.first.withseparator {
	margin-top: 0px;
}

#CareerTips.CareerTipsArticle .sub_header .headerbar h1,
#CareerTips.CareerTipsArticle .sub_header .headerbar h2,
#CareerTips.CareerTipsArticle .sub_header .headerbar h3,
#CareerTips.CareerTipsArticle .sub_header .headerbar h4 {
	color: #4a4a4a;
	font-family: WorkSans-SemiBold;
	text-transform: capitalize;
}

.detail_sectioncontent.msf_template_separator {
    margin-top: -50px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
}

.page_title {
	padding-top: 50px;
}

/* end of page title */

/* start of last modified date */

.article_date_difference {
	color: #8d8d8d;	
	font-size: 15px;
}

.article_date_difference {
	float: right;	
}

/* end of last modified date */

/* start of video gallary */

.videophotograllery_container .videobox {
	border: 1px solid #ccc;
	padding: 2px;
	background-color: #fff;
	position: relative;
	margin-top: 20px;
	overflow: hidden;
}

#CareerTips .detail_sectioncontent.videophotograllery_container {
	padding-bottom: 50px;
}
.detail_sectioncontent {
	word-break: break-word;;
}


#video-photo-gallery-container ul,
#video-photo-gallery-container ul li.slick-slide{
	padding-left: 0px !important;
}

#videoandphotogalleryContainer .slick-slider{
	margin-bottom: 0px;
}

.videophotograllery_container .slides-show{
	margin-bottom: -10px;
}

.video-on-slider-show,
#video-photo-gallery-container .slides-show iframe,
#video-photo-gallery-container .slides-show img
{
	width: 100%;
	max-height: 330px;
	min-height: 325px;
}

.article-main-slider-nav img,
.article-main-slider-nav iframe{
	width: 100%;
	height:auto;
	max-height: 79px;
	min-height: 79px;
}

#video-photo-gallery-container .slides .consolepanel .article-main-slider-nav{
	padding-top: 20px;
}
#video-photo-gallery-container .slides{
	margin-top: -15px;
}

@media (min-width: 1200px){
	.CareerTipsArticle  {
		width: 100%;
	}
}

.paneltable .contentrow td {
	border-right: 1px solid #e0e0e0;
}


/* end of video gallary */

/* workforce article page table same to design*/

/* start of workforce article page table*/
.CareerTipsArticle  table{
	border: 2px solid #005C54;
	font-size: 13px;
	line-height: 16px;
	color: #666;
	border-radius: 3px;
	display: table;
	width: 100%;
	border-collapse: collapse;
}

.CareerTipsArticle  table tbody tr:first-child{
	padding: 0;
	font-weight: bold;
	color: #fff;
	background-color: #005C54;
	vertical-align: top;

}
.CareerTipsArticle  table tbody tr:first-child td{
	border: none;
}
.CareerTipsArticle  table tbody tr:first-child td p{
	font-weight: bold;
	color: #F2F2F2!important;
}
.CareerTipsArticle  table tbody tr:first-child td p:last-child{
	font-size: 12px;
	font-weight: normal;
}

.CareerTipsArticle  table tbody tr:not(:first-child) td{
	border: 1px solid #e0e0e0;
}

.CareerTipsArticle table tbody tr td{
	padding: 15px;
	text-align: left;
}

/* start of banner */
.article_300_x_250_banner {
	width: 300px;
	height: 250px;
}

#CareerTips.CareerTipsArticle #jumbo_container_article_banner {
    background-size: cover;
    height: 580px;
    padding-top: 200px;
}

/* end of banner */

#CareerTips .DetailsPageStyle .detail_sectioncontent ol li> ol li,
#careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol li> ol li {
    padding-left: 10px;
    font-weight: normal;
}

#CareerTips .DetailsPageStyle .detail_sectioncontent ol li,
#CareerTips .DetailsPageStyle .detail_sectioncontent ul li,
#careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol li,
#careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ul li{
	font-size: 16px;
	padding: 3px 0px;
}

#CareerTips .DetailsPageStyle .detail_sectioncontent ul,
#careerSupportProgramme .contentpanel.sectioncontent ul {
	margin-top: 0px;
}

#CareerTips .contentpanel.sectioncontent ul li,
#CareerTips .DetailsPageStyle .detail_sectioncontent ol li,
#careerSupportProgramme .contentpanel.sectioncontent ul li {
	padding-left: 10px !important;
}

#CareerTips #tabbedcontent.contentpanel.sectioncontent .tabbox ul li {
	padding: 0px !important;
}

#CareerTips .DetailsPageStyle .detail_sectioncontent ol,
#CareerTips .DetailsPageStyle .detail_sectioncontent ol li,
#CareerTips .DetailsPageStyle .detail_sectioncontent ul,
#CareerTips .DetailsPageStyle .detail_sectioncontent ul li,
#careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol,
#careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol li,
.CareerTipsArticle .DetailsPageStyle .detail_sectioncontent p, .DetailsPageStyle
.CareerTipsArticle .detail_sectioncontent ul,
.CareerTipsArticle .DetailsPageStyle .detail_sectioncontent li,
#careerSupportProgramme .DetailsPageStyle .detail_sectioncontent p, .DetailsPageStyle
#careerSupportProgramme .detail_sectioncontent ul,
#careerSupportProgramme .DetailsPageStyle .detail_sectioncontent li,
#careerSupportProgramme .detail_sectioncontent.block a,
#careerSupportProgramme .DetailsPageStyle .sectioncontent li{
	font-size:16px;
	line-height:26px;
	font-weight: normal !important;
}

#careerSupportProgramme .DetailsPageStyle p.no-margin-bottom{
	margin-bottom: 0 !important;
}

#CareerTips .DetailsPageStyle .detail_sectioncontent ol li ol {
	list-style: lower-alpha;
}

#CareerTips .DetailsPageStyle .detail_sectioncontent ol li ol li ol {
	list-style: lower-roman;
}

#CareerTips .DetailsPageStyle .detail_sectioncontent ol,
#careerSupportProgramme .DetailsPageStyle .detail_sectioncontent ol{
	padding-left: 15px;
}

#CareerTips .listing_container .itemset .description,
#careerSupportProgramme .listing_container .itemset .description {
	line-height: 26px;
}

/* start of Share Article */

#share_article_social_media .icon.st_facebook_custom {
	background: url("http://w.sharethis.com/images/facebook_32.png") no-repeat scroll left top transparent;
    background-color: #3b5998;
    background-size: 30px;
    background-position: center;
}

#share_article_social_media .icon.st_twitter_custom {
	background: url("http://w.sharethis.com/images/twitter_32.png") no-repeat scroll left top transparent;
	background-color: #00a9f1;
    background-size: 35px;
    background-position: center;
}

#share_article_social_media .icon.st_email_custom {
	background: url(http://w.sharethis.com/images/email_32.png) no-repeat scroll left top transparent;
    background-color: #787878;
   	background-size: 20px 15px;
    background-position: center;
}

#share_article_social_media {
	position: fixed;
    right: 0;
    top:30%;
}

/* end of Share Article */

/* start of Quote */

#CareerTips .detail_sectioncontent.textimonialblock .message::before, .sectorarticle .detail_sectioncontent.textimonialblock .message::before {
	line-height: 10px;
	content: '' !important;
}

#CareerTips .detail_sectioncontent.textimonialblock .message::after, .sectorarticle .detail_sectioncontent.textimonialblock .message::after {
	font-size: 32px;
	line-height: 10px;
	content: '';
}

.sectorarticle .detail_sectioncontent.textimonialblock .message {
	font-size: 32px;
	font-weight: 600;
	line-height: 36px;
	color: #666;
	padding: 0px 50px;
	width: 100% ! important;
}

.sectorarticle .detail_sectioncontent.textimonialblock {
	text-align: center;
}

.sectorarticle .detail_sectioncontent {
    word-break: break-word;
}

.sectorarticle .detail_sectioncontent.textimonialblock .name {
	font-size: 15px;
	font-weight: bold;
	color: #ef4125;
	padding-top: 10px;
	margin-top: 15px;
}

.sectorarticle .detail_sectioncontent.textimonialblock .name span {
	border-top: 2px solid #f1f1f1;
	padding-top: 5px;
}
/* end of Quote */

/* start of single youtube video */
#CareerTips .single_youtube_video,
.sectorarticle .single_youtube_video:not(.parbase) {
    position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
    padding-left:15%;
    padding-right:15%;
}

.sectorarticle .single_youtube_video.parbase > .single_youtube_video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	padding-left:15%;
	padding-right:15%;
}

body.cq-wcm-edit .single_youtube_video.parbase {
	padding-bottom: 3rem;
}

#CareerTips .single_youtube_video iframe,
.sectorarticle .single_youtube_video iframe {
 position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

}


#CareerTips .detail_sectioncontent.block.single_youtube_video,
.sectorarticle .detail_sectioncontent.block.single_youtube_video {
	text-align: center;
	display: block;
}

/* end of single youtube video */



/* start of TabPanel for Sector Article */

/* Tabs */

.sectorarticle .contentpanel.sectioncontent ul.nav-tabs {
    padding: 0 34px;
}

.sectorarticle .contentpanel.sectioncontent ul.nav-tabs li {padding-left:0px;}

.sectorarticle .sectioncontent .nav-tabs a {
    font-family: 'Source Sans Pro';
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    padding: 15px 5px;
}

.sectioncontent .nav-tabs.nav-justified > .active > a::after {bottom: -8px;}

.sectorarticle .contentpanel.sectioncontent .tab-content {
    padding:10px 0;
    position:relative;
}

.sectorarticle .tabbox {
    position:relative;
}

.sectorarticle .tabbox .leftbuttonbox,
.sectorarticle .tabbox .rightbuttonbox {
    position:absolute;
    top:0px;
    z-index: 10;
    height:65px;
    padding-top:25px;
}

.sectorarticle .tabbox .leftbuttonbox {left:0px;}
.sectorarticle .tabbox .rightbuttonbox {right:0px;}


/* Extra Small */
@media(max-width:767px){
    .sectorarticle .tabbox .leftbuttonbox, .tabbox .rightbuttonbox {display:none;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .sectorarticle .sectioncontent .nav-tabs a { height:50px;}
    .sectorarticle .tabbox .leftbuttonbox, .tabbox .rightbuttonbox {height:65px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .sectorarticle .sectioncontent .nav-tabs a { height:65px;}
    .sectorarticle .tabbox .leftbuttonbox, .tabbox .rightbuttonbox {height:80px;}
}

/* LArge */
@media(min-width:1200px){
    .sectorarticle .sectioncontent .nav-tabs a { height:50px;}
}

/* tabbox collapse */


.sectorarticle .contentpanel.sectioncontent .tabbox #Courses_Tab-accordion .panel-group .panel,
.sectorarticle .contentpanel.sectioncontent .tabbox #Categories_Tab-accordion .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}

.sectorarticle .contentpanel.sectioncontent .tabbox #Courses_Tab-accordion .panel-default,
.sectorarticle .contentpanel.sectioncontent .tabbox #Categories_Tab-accordion .panel-default
{
    border-color: transparent;
}

.sectorarticle .contentpanel.sectioncontent .tabbox #Courses_Tab-accordion .panel,
.sectorarticle .contentpanel.sectioncontent .tabbox #Categories_Tab-accordion .panel
{
    background-color: transparent;
    border: 0px solid transparent;
    box-shadow: 0 0px 0px rgba(0,0,0,0.05);
}

.sectorarticle .contentpanel.sectioncontent .tabbox #Courses_Tab-accordion .panel-heading,
.sectorarticle .contentpanel.sectioncontent .tabbox #Categories_Tab-accordion .panel-heading
{
    background-color: transparent;
    border-color: transparent;
    padding: 0px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.sectorarticle .contentpanel.sectioncontent .tabbox .panel-group .panel-heading + .panel-collapse > .panel-body,
.sectorarticle .contentpanel.sectioncontent .tabbox .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #ddd;
}

.sectorarticle .contentpanel.sectioncontent .tabbox .panel-body.js-tabcollapse-panel-body {
    padding: 20px 0px;
}

.sectorarticle .contentpanel.sectioncontent .tabbox .panel-group .panel-heading + .panel-collapse > .panel-body,
.sectorarticle .contentpanel.sectioncontent .tabbox .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #ddd;
}

.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading,
.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:link,
.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:visited
{
    color: #e88a2d;
    text-align: center;
    padding: 12px 0px 18px;
    background-color: transparent;
    display:block;
    border-bottom: 1px solid #e0e0e0;
    position:relative;
    text-transform: none;
    font-weight: bold;
    font-family: 'Source Sans Pro';
    font-size: 14px;
    line-height: 16px;
}

.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:hover,
.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:focus
{
    color: #e88a2d;
    text-decoration: none;
}

.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed,
.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed:link,
.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed:visited
{
    color: #666;
}

.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading::after,
.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:link::after,
.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading:visited::after
{
    position: absolute;
    bottom: -7px;
    left: 50%;
}

.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed::after,
.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed:link::after,
.sectorarticle .contentpanel.sectioncontent .tabbox a.js-tabcollapse-panel-heading.collapsed:visited::after
{
    content:' ';
}

.sectorarticle .tabbedcontent .tab-content .tab-pane {
	padding: 20px 50px;
}

.sectorarticle .tabbedcontent .sector_article_divider {
	text-align: center;
	width: 50%;
	margin: 0 auto;
}

.sectorarticle .tabbedcontent .sector_article_divider::after {
    content: "...................................................";
	letter-spacing: 4px;
}

.sectorarticle .tabbedcontent a.btn-orange-light {
	background-color: #ef4125;
	border: 1px solid #ef4125 !important;
	text-transform: uppercase;
	color: #fff;
	border-radius: 50px;
	width: 30px;
	height: 30px;
	padding: 5px;
}

.sectorarticle .tabbedcontent a {
	color: #606060;
}

.sectorarticle .tabbedcontent ul li.active a {
	color: #ef4125;
}

/* end of TabPanel for Sector Article */

/* start of custom date */

#CareerTips .DetailsPageStyle .detail_sectioncontent p.custom_date,
.sectorarticle .DetailsPageStyle .detail_sectioncontent p.custom_date {
	display: inline-block;
	color: #4a4a4a;
}

/* end of custom date */

#CareerTips.CareerTipsArticle .article_container .article-page-image {
	text-align: center;
}



#CareerTips .DetailsPageStyle .detail_sectioncontent.first {
	margin-top: 0px ! important;
	padding-bottom:20px;
}

#CareerTips .detail_sectioncontent.block .bootstrap_modal_text,
#CareerTips .detail_sectioncontent.block .bootstrap_modal_text a,
#CareerTips .detail_sectioncontent.block .bootstrap_modal_text p,
#careerSupportProgramme .detail_sectioncontent.block .bootstrap_modal_text,
#careerSupportProgramme .detail_sectioncontent.block .bootstrap_modal_text a,
#careerSupportProgramme .detail_sectioncontent.block .bootstrap_modal_text p {
	display: inline;
}

#CareerTips .detail_sectioncontent.block .bootstrap_modal_text {
	margin-bottom: 20px;
}

#CareerTips .DetailsPageStyle .detail_sectioncontent h2,
#careerSupportProgramme .DetailsPageStyle .detail_sectioncontent h2 {
	text-transform: none;
	padding-bottom: 10px;
}

#CareerTips.CareerTipsArticle .sub_header .headerbar h1.california,
#CareerTips.CareerTipsArticle .sub_header .headerbar h2.california,
#CareerTips.CareerTipsArticle .sub_header .headerbar h3.california,
#CareerTips.CareerTipsArticle .sub_header .headerbar h4.california,
#CareerTips.CareerTipsArticle .textwrapimage .detail_sectioncontent.block .content.california h3 {
	color: #4a4a4a;
}

#CareerTips .sub_header .headerbar h1.cyan,
#CareerTips .sub_header .headerbar h2.cyan,
#CareerTips .sub_header .headerbar h3.cyan,
#CareerTips .sub_header .headerbar h4.cyan,
#CareerTips .textwrapimage .detail_sectioncontent.block .content.cyan h3 {
	color: #005C54;
}

#CareerTips.CareerTipsArticle .sub_header .headerbar h1 {
	font-size: 50px;
}

#CareerTips.CareerTipsArticle .sub_header .headerbar h3 {
	font-size: 18px !important;
	margin-bottom: 0px;
}

#CareerTips.CareerTipsArticle .sub_header .headerbar h4 {
	font-size: 16px !important;
}

#CareerTips .detail_sectioncontent.block .image.right {
	padding-left: 30px;
	float: right;
}

/* start of Iframe Component */
.iframe_component {
	width: 300px;
	height: 250px;
	overflow: hidden;
	border: 1px solid #ccc;    
    margin:-1px;
}

.iframeLink { position:relative; display:inline-block; }
.divLink { position:absolute; 	width: 100%;height: 100%; z-index:1;}
.iframeLink iframe { z-index: 2;}

/* end of Iframe Component */

/* latest featured article */

.latest_featured_article .articleborder{
	border: 1px solid #ccc;
    margin:-1px;
 }
 
/* twitterssg */
.twitterssg .followus_cta {
    font-size:12px;
    color:#666;
    text-transform: uppercase;
    display: block;
}

.twitterssg .followus_cta a .fa-facebook-square {font-size:20px;color:#46569c;}

.twitterssg .followus_cta a .fa-twitter-square {font-size:20px; color:#559ef7;}

.twitterssg .followus_cta .text{
	font-size:14px;
	line-height:17px;
	font-weight:400;
    color:#666;
    padding:15px 0;
    text-transform: uppercase;
    display: block;
}
.twitterssg .followus_cta .text,
.twitterssg .followus_cta .icon {
    display:inline-block;
    vertical-align: middle;
    width:auto;
}

#CareerTips .sub_header .detail_sectioncontent.block .headerbar,
#CareerTips.CareerTipsArticle .textwrapimage .headerbar {
	display: inline-block;
	padding-right: 10px !important;
}

#CareerTips .sub_header .detail_sectioncontent.block .fa-external-link:before,
#CareerTips .textwrapimage .content .fa-external-link:before{
	color: #e88a2d;
}

#CareerTips .panel.detail_sectioncontent .headerbar a h2::after {
	content: none;
}

#CareerTips .DetailsPageStyle .detail_sectioncontent .content {
    padding: 0px 0;
}

#CareerTips .DetailsPageStyle .aroundmyskillsfuture_container .detail_sectioncontent ol, 
#CareerTips .DetailsPageStyle .aroundmyskillsfuture_container .detail_sectioncontent ol li {
	font-size:16px;
	line-height:26px;
}

#Guide_container .dragscroll_outterbox .article_box .title-image-desc-button-center,
#Guide_container .dragscroll_outterbox .article_box .title-video-desc {
	height: 200px;
}

#Guide_container .dragscroll_outterbox .article_box .title-image-desc-button-center img,
#Guide_container .dragscroll_outterbox .article_box .title-video-desc iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

#Guide_container .dragscroll_outterbox .article_box .title-image-desc-button-center img{
	border-bottom: 3px solid #e68717;
}

#Guide_container .dragscroll_outterbox .article_box .title-video-desc iframe {
	/*border-bottom: 3px solid #8fc448;*/
	border: 0;
}

#Guide_fluidcontainer #Guide_container .dragscroll_outterbox .article_box .title-video-desc .contentbox {
	margin-top: -8px;
}

#Guide_container .dragscroll_outterbox .article_box .title-video-desc .contentbox {
	margin-top: -5px;
}

.dragscroll .dragscroll_wrap .article_box {
	overflow: inherit;
}

.dragscroll .dragscroll {
	overflow-x: inherit !important;
}


.portal_faq_listing .faq_box{
background-color:#812990;
width: 70%;
margin-left: 159px;
margin-top: 8px;
border-radius: 5px;
}
.portal_faq_listing .dropdown-menu{
width: 100% !important;
 }
.portal_faq_listing .fancy span{
 color:#333;
}
.portal_faq_listing .mainbullet_faq{
padding: 20px;
}

.portal_faq_listing .openclose_icon {
margin-top: -27px;

}
.portal_faq_listing .panel-title{
color:#5aacb4!important;
font-size: 16px!important;
}
.portal_faq_listing .ques{
 font-weight:bold;
}
.portal_faq_listing ul.subbullet{
color:#333!important;
font-weight:normal!important;
font-size:14px!important;
}
.portal_faq_listing .panel-group{
padding:25px 60px 25px 17px!important;

}
.portal_faq_listing .faq_ans{
font-size:14px!important;
    color: #333!important;
        }

.portal_faq_listing .faq-box-drop-down-value{
    height: 43px !important;
    padding: 4px !important;
    margin: 0 auto;
    font-size: 20px;
    min-height: 43px !important;
    cursor: pointer;
    font-weight: bold;
    color: #fff!important;
    display: block;
   background-color: #822a90!important;
  border: 1px solid!important;
  height: 43px !important;
cursor: pointer;

    }

.primary-faq.portal_faq_listing  #bottom-content-container .dropdown-ques-menu{
border-radius: 4px;
    border: 1px solid #ebebeb;
    margin-top: 13px;
    }
.primary-faq.portal_faq_listing  #bottom-content-container .dropdown-ques-menu .panel-group{
    text-align: left;
	position: relative;
    margin-bottom: 0px;
    border-bottom: 7px solid #5aacb4;
    position: relative;

                }
.primary-faq.portal_faq_listing  #bottom-content-container .dropdown-ques-menu .panel-group .openclose_icon{

    width: 30px;
    display: inline-block;
    float: right;
	position: absolute;
    top: 50px;
    right: 20px;
}
 .portal_faq_listing #bottom-content-container{
    display: block;
    overflow: hidden;
    margin-bottom: 65px;
    padding: 0 150px;
}
.primary-faq  #bottom-content-container .fancy{
     color: #ffc21c;
    padding-top: 20px;
    padding-bottom: 15px;
}
.primary-faq  #bottom-content-container .mainquote{
   padding-top: 10px;
    padding-bottom: 35px;
    font-size: 16px;
    color: #606060;
    display: block;
}
.primary-faq  #bottom-content-container .panel-title{
    line-height: 21px;
    padding-top: 0px;
    padding-bottom: 5px;
    font-weight: bold;
    margin-bottom: 15px;
    }

.portal_faq_listing .faq-box-drop-down-value:before{

font-family: 'Glyphicons Halflings';
    content: "\e114";
    font-size: 12px;
	right: 20px;
    padding-top: 5px;
    color: #fff;
    position: absolute;
    width: 20px;
    height: 20px;
                }

.primary-faq #bottom-content-container ul.subbullet li:before{
    font-size: 25px;
    content: '\2022 ';
    color: #ffbd00;
    left: -18px;
    padding-right: 0.5em;
    background-image: none;

                }
.primary-faq #bottom-content-container ul.subbullet li{
    position: relative;
    list-style-type: none;
            }

.primary-faq .faq_box a.dropdown-item,
.primary-faq .faq_box a.dropdown-item:link,
.primary-faq .faq_box a.dropdown-item:visited{
   color:#5aacb4!important;
        }
.primary-faq .portal_faq_listing .faq-box-drop-down-value{
   background-color:#5aacb4!important;
                        }
.coverletter-listing-stu-download .coverletter-print-form{
	margin-bottom: 20px;
}

.coverletter-listing-stu-download .save-attachments{
	background-color: #eee;
	padding: 5px 0;
}

.coverletter-listing-stu-download .select-attachments .select-title{
	margin-bottom: 15px;
}

.coverletter-listing-stu-download .select-attachments .select-resume{
	padding-bottom: 1px !important;

}

.coverletter-listing-stu-download input[readonly]{
	background: #fff;
}


/* SEC AND PREU */

.coverletter-listing-stu-common .modal-header .modal-title{
	color: white;
	font-size: 18px;
}

/* SEC */

.coverletter-listing-stu-common.secondary .modal-header .close{
	opacity: 1;
}
    
.resume-listing-stu-common.secondary .modal-header .close span {
	color: white;
	font-size: 30px;
}

.coverletter-listing-stu-common.secondary .myAEMBtn{
	border: 0px;	
}

/* PREU */

.coverletter-listing-stu-common.preu .modal-header .close{
	opacity: 1;
}

.coverletter-listing-stu-common.preu .modal-header .close span {
	color: white;
	font-size: 30px;
}

.coverletter-listing-stu-common.preu .myAEMBtn{
	border: 0px;
}

.coverletter-listing-stu-download .btn_download span{
	background: url("preu/images/actionicon_bar_attach_categ.png") -22px top no-repeat!important;
   display: inline-block;
    width: 23px;
    height: 21px;
    margin: 0px;
    margin-left: -9px;
    vertical-align: top;
}

.coverletter-listing-stu-download .btn_download:hover span{
	background: url("preu/images/actionicon_bar_attach_categ.png") left top no-repeat;
   display: inline-block;
    width: 23px;
    height: 21px;
    margin: 0px;
    margin-left: -9px;
    vertical-align: top;

}
.coverletter-listing-stu-download .btn_download{
  background:#fff!important;
  border-color: #fff!important;
  margin-top: -2px!important;

}
 .coverletter-listing-stu-download .btn_download:hover{
  background:#ccc!important;
  border-color: #ccc!important;
 }
 
 #coverLetterListingstuPrint .modalCloseBtn,	
 #coverLetterListingstuDownload .modalCloseBtn{
    top: 16px;
}
 
.title-image-desc-button-title {
	font-size: 24px;
	font-weight: 700;
}

.title-image-desc-button-image-container {
    width:100%;
    height: 100%;
}

.title-image-desc-button-background {
    
    background-repeat: no-repeat;
    background-size: 100% 100%;
} 

.title-image-desc-button-left {
	text-align: left;
}

.title-image-desc-button-center {
	text-align: center;
}


.title-image-desc-button-center{
    width:100% !important;
}

.title-image-desc-button-image-content{
    max-width:100% !important;
    width: auto;
}




.my_eportfolio_my_doc_depo .sub_category_item div{
    padding: 4px 10px!important;
}

@media(max-width: 767px){
    .my_eportfolio_my_doc_depo .sub_category_item div{
        padding: 4px 5px!important;
    }
    .category-icon-row{
        text-align: center!important;
    }
}

@media(max-width: 500px) {
    .my_eportfolio_my_doc_depo .sub_category_item .CreateUpdateBox {
        text-align: left;
        display: inline-flex;
        padding: 0px!important;
    }
    .my_eportfolio_my_doc_depo .sub_category_item .CreateUpdateBox .add-item-text{
        font-size: 12px;
        text-align: center;
    }
}
.my_eportfolio_my_doc_depo #doc_depo_list_my_eportfolio_my_doc_depo .category_list .subcategory_block .document-list-container-RESUME .sub_category_item .listpanel_item .listpanel_content .filename{
    word-wrap: break-word;
    word-break: break-word;
}


.coverletter-list-container .listpanel_content .date,.reference-list-container .listpanel_content .date{
border:0px!important;
            }

.listpanel_item .listpanel_icon{
    width: 10%;
    display: inline-block;
}

.listpanel_item .item-icon{
    margin: 10px auto;
    background-size: contain !important;
}

.listpanel_item .item-vertical-line{
    display: inline;
    font-weight: 600;
    color: #ccc;

}

.preu .file-extension-resume{
    background: url(preu/images/icon_small_resume.png) top no-repeat;
    padding: 10px 15px;
}
.secondary .file-extension-resume {
    background: url(secondary/images/icon_small_resume.png) top no-repeat;
    padding: 10px 15px;
}

.preu .file-extension-coverLetter{
    background: url(preu/images/icon_small_coverletter.png) top no-repeat;
    padding: 10px 15px;
}
.secondary .file-extension-coverLetter {
    background: url(secondary/images/icon_small_coverletter.png) top no-repeat;
    padding: 10px 15px;
}
.preu .file-extension-reference{
    background: url(preu/images/icon_small_reference.png) top no-repeat;
    padding: 10px 15px;
}
.secondary .file-extension-reference{
    background: url(secondary/images/icon_small_reference.png) top no-repeat;
    padding: 10px 15px;
}

.sub_category_item .pull-right{
    text-align: right;
}

.doc-date{
    border: none !important;
    margin-left: auto !important;
}

.create-btn-link {
    display: none;
    background-color: #fff !important;
}
.homepage_images_video_panel .video-overlay {
    width: 300px;
    height: 160px;
    float: left;
    position: absolute;
}

.modal-content.video-popup {
	background: transparent;
}

#homepage-video-hyperlink{
	cursor: pointer;
}

.homepage-video-play-button{
	width: 34px !important;
	height: 34px;
	margin-left: 10px;
	cursor: pointer;
}


.mobile_video_list_item_container{
	display: none;
}
.web_video_list_item_container{
	display: block;
}

.home-heading-banner.list.parbase {
	padding-bottom: 50px
}

.home-heading-banner .carousel-inner > .item .panel-group .panel-header{
    font-size:16px;
    line-height:20px;
}

.home-heading-banner .carousel-inner > .item .panel-group .article-content-desktop {
    display: block;
   	max-height: 55px;
    overflow: hidden;
}

.home-heading-banner .carousel-inner > .item .panel-group .article-content-mobile {
    display:none;
}

.tabmodule .nav-tabs > li > a{
    padding: 5px 15px;
}

.tabmodule .nav-tabs {
    font-size: 15px;
    /*width: 1000px;*/
}

.student_inclusive {
    margin-left: 3px;
}

.student_inclusive .tabmodule .nav-tabs {
    font-size: 15px;
    width: 1000px;
}

@media (max-width: 767px) {
    .home-heading-banner .carousel-inner > .item .panel-group .panel-header{
        font-size:11px;
        line-height:15px;
    }

    .home-heading-banner .carousel-inner > .item .panel-group .article-content-desktop {
        display: none;
    }

    .home-heading-banner .carousel-inner > .item .panel-group .article-content-mobile {
        display:block;
    }
    .home-heading-banner .nav-tabs {
        margin-left:0;
        border-bottom: 0px solid #3972d5;
	}	
}

@media (max-width: 422px) {
	#student-homePage-content .articlelist .moreInfo{
		margin-top: 0px !important;
	}
}

#stuvideo .tab-content.student_inclusive {
	margin-bottom: 10px;
}

.home-heading-banner .videolist .videoimage.noimage {
    background:#65b8fe;
}

.home-heading-banner .videolist .videoimage.noimage img {
    width:40%;
    height:auto;
    object-fit:initial;
}

.home-heading-banner .videolist .videoimage {
    max-height: 118px;
    overflow:hidden;
    display: flex;
    justify-content: center
}

.home-heading-banner .videolist .videoimage img{
    object-position: center;
    object-fit:cover;
}

.home-heading-banner #upcoming-events .category {
	font-size:13px;
    color:#3972D5;
}

.home-heading-banner .videolist a .text .title{
    margin-top: 2px;
}

.home-heading-banner .videolist a .text .date {
	bottom: -4px;
}

.home-heading-banner .videolist a .text .favorite,
.home-heading-banner .videolist a .text .message{
    bottom:5px;
}

.home-heading-banner .videolist a .text .title {
    font-size: 18px;
    font-family: 'WorkSans-SemiBold';
    color:#4a4a4a;
    font-weight: none;
    line-height: 18px;
}

.home-heading-banner #homeBannerPlaceHolder ul.nav-tabs li {
	width: 33.33%
}

.home-heading-banner .carousel-inner > .item > img {
    object-fit: cover;
    object-position: center;
}

.home-heading-banner .foryou .videolist .videoimage {
    text-align: center;
}

.home-heading-banner .foryou .videolist .eBooksItem .videoimage {
    display: block;
}

.home-heading-banner .foryou .videolist .videoimage img {
    height: 100%;
    width: auto;
}

.home-heading-banner .foryou .videolist .videoimage.noimage img {
    width:40%;
    height:auto;
    object-fit:initial;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-duration: 1.5s;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

@media (max-width: 450px){
    .videolist a .text .date, .videolist a .text .favorite, .videolist a .text .message  {
        position: static !important;
    }
}

#tabContent5 .myskillsguide-img {
    border-radius: 4px;
    margin-left: 30px;
    margin-top: 5px;
    margin-right: 30px;
    height: 80px;
    width: 80px;
}
#tabContent5 .myskillsguide-background {
   color: white;
   background-color: #3972d5;
   height: 423px;
   margin-top: -2px;
}
#tabContent5 .column-image {
  float: left;
  width: 29.33%;
  padding: 10px;
}
#tabContent5 .column-image-title {
    padding: 10px;
    font-size: 22px;
    margin-top: 14px;
    font-family: 'WorkSans-Bold';
    color:#FFFFFF;
    margin-right: 30px;
}
#tabContent5 .column-sub-title {
   float: left;
   width: 100%;
   padding: 10px;
}
#tabContent5 .sub-title {
	font-size: 16px;
    text-align: justify;
    text-align: center;
    margin-left: 30px;
    margin-right: 30px;
    color: #FFFFFF;
    font-family: 'WorkSans-Regular';
    margin-top: -14px;
    margin-bottom: -5px;
}
#tabContent5 .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    padding: 3px !important;
}
#tabContent5 .myskillsguide-intent {
  border-radius: 50px;
  max-width: 90%;
  text-align: left;
  min-height: 50px;
  padding-left: 18px;
 /*  padding-top: 6px; */
  margin: auto;
  border: white solid;
  background: white;
  margin-top: 6px;
  display: block;
  overflow: auto;
  padding-right: 3px;
  padding-bottom: 3px;
}
#tabContent5 .myskillsguide-contenttext {
    font-size: 14px;
    font-family: 'WorkSans-Semibold';
    color: #3972d5;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
    width: 85%;
    white-space: normal;
    display: table;
    min-height: 39px;
    cursor: pointer;
}

#tabContent5 .myskillsguide-contenttext-text {
    display: table-cell;
    vertical-align: middle;
}

@media only screen and (max-width: 568px) and (min-width: 320px) {
	#tabContent5 .myskillsguide-background {
  	 	color: white;
   		background-color: #3972d5;
   		height: 480px;
	}
    #tabContent5 .column-image {
  		float: left;
  		width: 20.33%;
  		padding: 10px;
	}
	#tabContent5 .column-image-title {
   	 	padding: 10px;
    	font-size: 14px;
    	margin-top: 40px;
    	font-family: 'WorkSans-SemiBold';
    	margin-left: 120px;
    	width: 65%;
	}
	#tabContent5 .myskillsguide-img {
    	border-radius: 4px;
    	padding: 5px;
    	width: 100px;
    	margin-left: 20px;
	}
	#tabContent5 .sub-title {
    	font-size: 16px;
    	text-align: justify;
    	text-align: center;
    	margin-left: 18px;
    	margin-right: 18px;
    	margin-top: 4px;
    	font-family: 'WorkSans-Regular';
   }
   #tabContent5 .myskillsguide-intent {
  	   margin-left: 20px;
       margin-right: 20px;
	}
    #tabContent5 .icn-right-img {
    	width: 40px !important;
    	margin-left: -40px !important;
   	 	margin-top: 2px !important;
	}
}

@media only screen and (max-width: 640px) and (min-width: 360px) {
	#tabContent5 .myskillsguide-background {
  	 	color: white;
   		background-color: #3972d5;
   		height: 450px;
	}
    #tabContent5 .column-image {
  		float: left;
  		width: 20.33%;
  		padding: 10px;
  		margin-top: -8px;
	}
	#tabContent5 .column-image-title {
   	 	padding: 10px;
    	font-size: 16px;
    	margin-top: 30px;
    	font-family: 'WorkSans-SemiBold';
    	margin-left: 120px;
    	width: 65%;
	}
	#tabContent5 .myskillsguide-img {
    	border-radius: 4px;
    	padding: 5px;
    	width: 100px;
    	margin-left: 20px;
	}

	#tabContent5 .sub-title {
    	font-size: 16px;
    	text-align: justify;
    	text-align: center;
    	margin-left: 18px;
    	margin-right: 18px;
    	font-family: 'WorkSans-Regular';
   }
   #tabContent5 .myskillsguide-intent {
  	   margin-left: 20px;
       margin-right: 20px;
	}
}

@media only screen and (max-width: 667px) and (min-width: 375px) {
	#tabContent5 .myskillsguide-background {
  	 	color: white;
   		background-color: #3972d5;
   		height: 480px;
	}
    #tabContent5 .column-image {
  		float: left;
  		width: 29.33%;
  		padding: 10px;
	}
	#tabContent5 .column-image-title {
   	 	padding: 10px;
    	font-size: 18px;
    	margin-top: 24px;
    	font-family: 'WorkSans-Bold';
    	color:#FFFFFF;
    	margin-right: 30px;
	}
	#tabContent5 .myskillsguide-img {
    	border-radius: 4px;
    	padding: 5px;
    	width: 100px;
    	margin-left: 20px;
	}
	#tabContent5 .sub-title {
    	font-size: 16px;
    	text-align: justify !important;
    	text-align: center !important;
    	margin-left: 30px;
    	margin-right: 30px;
    	color: #FFFFFF;
    	font-family: 'WorkSans-Regular';
    	margin-top: -4px;
   }
   #tabContent5 .icn-right-img {
   	 	width: 40px;
    	margin-left: -43px;
   	 	margin-top: -3px;
	}
   #tabContent5 .myskillsguide-intent {
  	   margin-left: 20px;
       margin-right: 20px;
	}
   .dragscroll_wrap {
   		 width: 100px;
	}
}

@media only screen and (max-width: 736px) and (min-width : 414px){
	#tabContent5 .myskillsguide-background {
  	 	color: white;
   		background-color: #3972d5;
   		height: 480px;
	}
    #tabContent5 .column-image {
  		float: left;
  		width: 29.33%;
  		padding: 10px;
	}
	#tabContent5 .column-image-title {
   	 	padding: 10px;
    	font-size: 20px;
    	margin-top: 24px;
    	font-family: 'WorkSans-Bold';
    	color:#FFFFFF;
    	margin-right: 30px;
	}
	#tabContent5 .myskillsguide-img {
    	border-radius: 4px;
    	padding: 5px;
    	width: 100px;
    	margin-left: 20px;
	}
	#tabContent5 .sub-title {
    	font-size: 16px;
    	text-align: justify !important;
    	text-align: center !important;
    	margin-left: 30px;
    	margin-right: 30px;
    	color: #FFFFFF;
    	font-family: 'WorkSans-Regular';
    	margin-top: -4px;
   }
}

@media only screen and (max-width: 1024px) and (min-width : 768px){
	#tabContent5 .column-image {
    	float: left;
    	width: 22.33%;
   	 	padding: 10px;
	}
	#tabContent5 .icn-right-img {
    	width: 40px;
    	margin-left: -43px;
    	margin-top: -3px;
	}
	#tabContent5 .column-image-title {
    	padding: 10px;
    	font-size: 22px;
    	margin-top: 22px;
    	font-family: 'WorkSans-Bold';
    	color: #FFFFFF;
    	margin-right: 250px;
	}
    #tabContent5 .myskillsguide-intent {
    	max-width: 90%;
 	}
}

#tabContent5 input:focus{
    outline: none;
}

#tabContent5 .icn-right-img{
    width: 40px;
    margin-left: -40px;
    margin-top: 2px;
    position: absolute;
    padding: 2px;
    cursor: pointer;
}

.nav_tabs_scroll_holder {}

.nav_tabs_scroll_holder .drascroll_wrap {
	width:100%; min-width:720px;
}

#article-events .dragscroll_outterbox {
    overflow: initial;
}

.student_inclusive .dragscroll_outterbox {
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
    min-height: 30px;
}

.student_inclusive .dragscroll_innerbox {
    padding-top: 0px;
    padding-bottom: 0px;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    /* overflow-x: hidden; */
    -webkit-overflow-scrolling: touch;
    margin-bottom: -17px;
    text-align: center;
    vertical-align: top;
    display: block;
}

.student_inclusive .dragscroll_wrap {
    width: 1000px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .icn-right-img {
    	/* width: 16% !important; */
    	border-radius: 25px;
    	/* margin-top: -37px !important; */
    	float: right;
    	padding: 0px !important;
    }
	#tabContent5 {
		margin-top: -7px;
	}
	.student_inclusive .tabmodule .tabContent {
    	padding: 9px 0 10px 0 !important;
	}
}

@-moz-document url-prefix() {
 	.myskillsguide-contenttext {
		font-size: 14px;
		font-family: 'WorkSans-Semibold';
		color: #3972d5;
		max-width: 366px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		float: left;
		max-width: 291px;
		white-space: normal;
		min-height: 39px;
		display: flex !important;
		justify-content: center;
		align-items: center;
		width: auto !important;
	}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)   and (orientation: portrait)  {
    #tabContent5 .column-image-title {
    	margin-right: 50px !important;
    	margin-left: 123px !important;
    	margin-top: 5px;
   }
   #tabContent5 .myskillsguide-img {
    	margin-top: -3px !important;
  	}

  	#tabContent5 .myskillsguide-intent {
    	margin-left: 30px;
    	margin-right: 30px;
	}
}

@media only screen and (min-width: 1200px) {
	.student_inclusive .dragscroll_innerbox {
    	overflow-x: hidden;
	}
}

@media only screen and (max-width: 992px) {
	.student_inclusive .dragscroll_innerbox {
    	overflow-x: scroll !important;
	}
}

@media only screen and (max-width: 1023px) and (min-width : 485px){
	#tabContent5 .column-image-title {
   	 	margin-top: 10px;
    	margin-right: 50px;
    	margin-left: 125px;
	}
  	#tabContent5 .myskillsguide-intent {
    	margin-left: 30px;
    	margin-right: 30px;
	}
}

.student_inclusive .tabmodule .tabContent {
	padding: 19px 0 10px 0;
}

@media not all and (min-resolution:.001dpcm) {

    @media {

        .student_inclusive .tabmodule .tabContent{

           padding: 9px 0 0px 0 !important;

        }

    }

}

#stuvideo nav-tabs > li.active > a,
#stuvideo .nav-tabs > li.active > a:hover,
#stuvideo .nav-tabs > li.active > a:focus {
    color: #fff;
    background: #3972d5;
    border-radius: 0;
}

#stuvideo {
	max-height: 451px;
	overflow-y: auto;
	margin-bottom: 10px;
}

#homepage_images_video_panel .scrolling_banner_image{
    padding-left: 1px;
}

#homepage_images_video_panel .article_events {
    margin-top: 10px;
    padding-right: 37px;

}
#homepage_images_video_panel .row {
    margin-top: 10px;
    background-color: #f7f7f7;
}

#homepage_images_video_panel ul.nav.nav-tabs {
    border: 0px;
}

#stuvideo .dragscroll_outterbox .dragscroll_innerbox{
    overflow-x: hidden;
}
#stuvideo .nav-pills>li>a{
    margin: 2px 3px;
    text-align: center;
    border: 1px solid #ccc;
    padding: 2px 10px;
    border-radius: 4px;
}
#student-homePage-content .video_list_item_image {
    display: block;
    width: 100%;
    height: 100%;
	overflow: hidden;
	object-fit: cover;
	object-position: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	cursor: pointer;
}

@media {
    #student-homePage-content .col-md-6 {
        padding-bottom: 0px;
    }
}
#student-homePage-content .carousel-inner > .item {
	height: 460px;
	width: 100%;
}

@media (max-width: 767px){
	#student-homePage-content .carousel-inner > .item {
		height: 250px;
		overflow: hidden;
	}
	#student-homePage-content .carousel-inner > .item .panel-group{
		width: 178px;
    	height: 144px;
	}
	#student-homePage-content .preview-description {
		height: 50px !important;
		-webkit-line-clamp: 2 !important;
	}
	#student-homePage-content .carousel-inner > .item .panel-group .panel-header {
		padding: 5px 20px !important;
		height: 35px !important;
	}
	#student-homePage-content .carousel-inner > .item .panel-group .panel-body{
		padding: 5px 10px !important;
	}     
	#student-homePage-content .preview-link {
		margin-top: 15px !important;
	}
	#student-homePage-content .dragscroll_outterbox {
		margin-bottom: 0px;
	}
}

@media (max-width: 330px){
	#student-homePage-content .dragscroll_wrap {
		height: 24px;
	}
}

#student-homePage-content ul.articlelist{
	list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: 0px solid orange;
}

#student-homePage-content ul.articlelist .moreInfo a{
	color: #2A51FE;
}

#student-homePage-content .articlelist li:first-child {
    margin-top: 0px;
}
#student-homePage-content .articlelist li {
    border: 0;
    border-top: 3px solid #eaebec;
    margin-top: 12px;
}
#student-homePage-content .articlelist .videoimage {
    overflow: hidden;
    display: flex;
	justify-content: center;
	display: inline-block;
    width: 180px;
    vertical-align: top;
}
#student-homePage-content .articlelist .videoimage img {
    object-position: center;
    object-fit: cover;
}

#student-homePage-content .articlelist .videoimage img {
	width: 100%;
	height: 120px;
}
@media (min-width: 989px){
	#student-homePage-content .articlelist .text {
		width: 55%;
		margin-left: 10px;
	}
	#student-homePage-content .articlelist .videoimage {
		width: 40%;	
	}
}

@media (max-width: 1200px) and (min-width: 991px){	
	#student-homePage-content .articlelist .moreInfo{
		margin-top: 6px !important;
	}
	#student-homePage-content .articlelist li{
		margin-top: 10px;
	}
}
@media (max-width: 987px){
	#student-homePage-content .articlelist .text {
		width: 40%;
		margin-left: 10px;
	}
	#student-homePage-content .articlelist .videoimage {
		height: 118px;
		width: 40%;
	}
}

#student-homePage-content .articlelist .text {
    display: inline-block;
    vertical-align: top;
}

#student-homePage-content .articlelist .title {
    font-size: 16px;
    font-family: 'Gotham Runded Bold';
    color: #4a4a4a;
    line-height: 18px;
	margin-top: 10px;
	height: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#student-homePage-content .articlelist .moreInfo{
	color: #333333;
    font-family: 'Source Sans Pro';
	margin-top: 29px;
	font-size: 15px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#stuvideo .event-h4{
	color: black;
	font-size: 20px;
}
#stuvideo .event-p{
	color: black;
	font-size: 16px;
}
#stuvideo .SchollDetailList {
}
#student-homePage-content .place-holder-text {
    background-color: #d5d6da;
	width: 100%;
	margin-top: 12px;
}
#student-homePage-content .carousel-inner > .item .panel-group .panel-header {
	background-color: #4e97d7;
    color: white;
    padding: 10px 20px;
	font-size: 16px;
    font-family: 'Gotham Runded Bold';
    line-height: 27px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#student-homePage-content .carousel-inner > .item .panel-group .panel-body {
    background-color: #fff;
    padding: 10px 20px;
    height: 210px;
}
#student-homePage-content .carousel-inner > .item .panel-group {
    width: 245px;
    height: 252px;
    border-radius: 5px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 0;
}
#student-homePage-content .carousel-inner > .item .panel-group{
    width: 245px;
    height: 252px;
    border-radius: 5px;
    overflow: hidden;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 0;
}
#student-homePage-content .preview {
	height: 240px;
	border: none;
	opacity: 0.93;
}
#student-homePage-content .home-heading-banner .carousel-inner > .item .panel-group .article-content-desktop {
    display: block;
    max-height: 55px;
    overflow: hidden;
}
#student-homePage-content .place-holder-text.background-image {
    background-image: url(../static/images/tex/img_courses_thumbnail_overlay.png); 
    background-size: cover;
}
#student-homePage-content .carousel-caption {
    left: 7%;
    right: 20%;
    padding-bottom: 30px;
}
#student-homePage-content .carousel-inner > .item .panel-group .article-content-desktop {
    display: block;
    max-height: 55px;
    overflow: hidden;
}
@media (max-width: 766px){
	#student-homePage-content .carousel-inner > .item .panel-group {
		width: 150px;
    	height: 136px;
	}
	#student-homePage-content .place-holder-text{
		line-height: 13px;
		margin-top: 13px;
	}
}
#student-homePage-content .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{
	left: 16%;
}
#student-homePage-content .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{
	right: 16%;
}
#student-homePage-content a.left.carousel-control {
    border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	width: 9%;
}
#student-homePage-content .carousel-inner > .item .panel-group a.textlink {
    font-size: 14px;
	line-height: 18px;
	color: #3972D5;
	font-family: 'Gotham Runded Bold';
	cursor: pointer;
}
#student-homePage-content .carousel-caption{
	text-shadow: none;
	width: 245px;
}
#student-homePage-content .preview-description{
	color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-family: "Source Sans Pro";
    font-size: 19px;
    height: 112px;
    overflow: hidden;
}
#student-homePage-content .preview-link{
	margin-top: 30px;

}
#student-homePage-content #stuvideo .tab-pane li > a {
	font-family: 'Gotham Runded Bold';
	color: #333333;
}
#student-homePage-content #stuvideo .tab-pane li{
	padding: 10px 0 0;
}
#student-homePage-content .event-title{
	font-size: 16px;
    font-family: 'Gotham Runded Bold';
    margin-top: 10px;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 181px;
    color: #4a4a4a;
	line-height: 18px;
	margin-top: 10px;
}
#student-homePage-content .event-date{
	color: #666;
    font-family: 'Source Sans Pro';
	overflow: hidden;
	font-size: 12px;
	margin-top: 45px;
	margin-bottom: 0;
}
#student-homePage-content .event-img{
	max-height: 118px;
}

.GoalAcademicTermTableData .datetime i{
    position: absolute;
    bottom: 24px;
    right: 24px;
    top: auto;
    cursor: pointer;
    color: #412B87;
    font-size: 18px;
}
.academicTermTitle{
    font-family: "Source Sans Pro";
    font-size: 22px;
    line-height: 20px;
    font-weight: 700;
    text-align: left;
    color:#333333;
    padding-top: 20px;
    padding-bottom:20px;
}
.academicTermYear{
    padding-bottom: 20px;
}
select#Year{
    border-radius:5px;
    font-size: 16px;
    padding-left: 15px;
}
.academicDenotes{
   text-align: left;
}
.academicYear{
    font-family: "Source Sans Pro";
    font-size: 20px;
    line-height: 27px;
    font-weight: 400;
    text-align: left;
    color:#333333;
    padding-top: 20px;
    padding-bottom:10px;
}
.academicTermDate{
    font-family: "Source Sans Pro";
    text-align: left;
    font-weight: 400;
    font-size:19px;
    line-height: 27px;
    color:#333333;
    padding-bottom: 5px;
}
.startEndDate{
    margin-top: 5px;
    display: block;
    vertical-align: middle;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    overflow: auto;
    padding: 7px 15px;
    margin-bottom: 5px;
    color: #333;
    font-size: 16px;
    line-height: 19px;
    min-height: 50px;
}
.academicTermYear .errorMsg, .datetime .errorMsg{
    text-align: left;
    position: absolute;
}
.GoalAcademicTermTableData{
    padding-bottom: 20px;
}
@media(max-width:400px){
    .GoalAcademicTermTableData .col-md-6 {padding-bottom: 0px !important;}
}

@media(min-width:401px) and (max-width:767px){
    .GoalAcademicTermTableData .col-md-6 {padding-bottom: 0px !important;}
}

@media(min-width:768px) and (max-width:991px){
    .GoalAcademicTermTableData .col-md-6 {padding-bottom: 0px !important;}
}

.academicButton, .GoalSettingAcademicTermTitle{
    text-align: left;
    padding-left: 15px;
    padding-bottom: 20px;
}
.GoalSettingAcademicTermTitle span{
    color: #333333 !important;
    font-family: "Gotham Runded Bold";
    font-weight: 300 !important;
    font-size: 24px !important;
}

.daterangepicker.dropdown-menu {
    background-color: #fff
}

#Typical_Education_Filter_JobRole option.dropdown-item {
    display: block;
    padding: 5px 15px;
    margin: 1px;
    background: #e68717;
}
#resultJobRolePanel{
    overflow: hidden;
    padding-left: 40px !important;
}
.filterTitle{
    margin-top: 2px;
    font-size:22px;
}
#resultJobRolePanel .search-filter-panel-group{
    border: 1px solid #ccc;
    border-radius: 4px;
}
#resultJobRolePanel .item-set{
    padding: 15px 15px 30px 15px;
}
#resultJobRolePanel .filter-heading{
    font-size: 15px;
    padding: 5px 0px;
    color: #666666;
    font-family: Source Sans Pro;
}
#resultJobRolePanel #Typical_Education_Filter_JobRole{
    border: 0px;
    border-radius: 5px;
    min-width:auto;
    padding-top: 12px;
}

@media (min-width: 768px){
    .filterJobRoleDiv .mainbullet{
        padding-top: 0px !important;
        margin-top:-3px;
    }
}


@media (max-width:767px) {
    #resultJobRolePanel{
        padding: 5px 5px 25px 5px !important;
    }
    #resultJobRolePanel .search-filter-panel-group{
        margin-bottom: 20px;
    }
    select#Typical_Education_Filter_JobRole {
        padding-left: 15px;
    }
    .filterJobRoleDiv .mainbullet{
        padding-left: 0px;
    }
    }

#AccessCodeListData .TableTitle{
    text-align: center;
}
#AccessCodeListData .setAccessCodeButton{
    color: #000000;
}
#AccessCodeListData .set_access_code_note{
    font-style: italic;
}
.set_access_code_note p{
    font-size: 16px !important;
    color: #000000 !important;
}

.my-post-page-button-pencil{
    background:url(secondary/images/my_post_pencil.png);
    background-size:100%;
    border: none;
    margin-left: 6px;
    width: 35px;
    height: 30px;
    margin-bottom: -4px;
    cursor: pointer;
}
.my-post-page-div-pencil{
    background:url(secondary/images/my_post_pencil.png);
    background-size: 78%;
    border: none;
    background-repeat: no-repeat;
    padding-top: 10px;
    margin-left: 5px;

}

.my-post-page-div-delete{
    background-size: 78%;
    border: none;
    background-repeat: no-repeat;
    padding-top: 10px;
    margin-left: 5px;
    display: inline-block;

}

.my-post-page-div-remark-box{
    width: 700px;
    height: 500px;
}
.my-post-page-div-display-box{
    width: 780px;
    border: none;
    padding: 20px 15px;
    border: 1px solid #412B87;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 3px;
}
.my-post-page-input-box{
    padding-left: 13px;
    width: 780px;
    height: 35px;
    font-size: 15px;
    font-family: Gotham Runded Bold;
    color: #333333;
}

.my-post-page-font-black-inline{
    display: inline-block;
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 42px;
    color: #333333;
    padding-top: 10px;
    font-family: Gotham Runded Bold;
}

.my-post-page-button-cancel{
    background:none;
    border: none;
    margin-left: 6px;
    width: 55px;
    height: 30px;
    float: right;
    display: inline;
    color: #412B87;
    font-family: Gotham Runded Bold;
    margin-top: 15px;
    cursor: pointer;
}
.my-post-page-h3{
    font-size: 15px;
    color: #333333;
    margin-left:15px;
    font-family: Gotham Runded Bold;
}
#select2_otherteachers2 .select2  .select2-container .select2-container--default{
    width: 400px;
}
.my-post-confirm-button-cancel{
    background-color: #412B87;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    border-radius: 5px;
    width: 70px;
    height: 35px;
    font-family: Gotham Runded Bold;
    margin-right: 15px;
    float: right;
    margin-top: 6px;
}
.my-post-confirm-button-delete{
    background-color: white;
    border: 2px solid #a5a4a4;
    color: #a5a4a4;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    border-radius: 5px;
    width: 70px;
    height: 35px;
    font-family: Gotham Runded Bold;
    float: left;
    margin-left: 15px;
    margin-top: 6px;
}
input[id=my-post-page-input-title-box]:focus{
    border: 0;
    outline: none;
}
.post_entry_page_select {

    display: inline-block;
    width: 200px;
    height: 30px;
    border: none;
    background-color: #412B87;
    color: white;
    font-size: 13px;
    font-family: Gotham Runded Bold;
    position: relative;
    vertical-align: middle;
    z-index: 2;
    padding-left: 20px;
    margin-top: -7px;
    border-radius: 3px;
    background-size: 100%;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;

}

.post_entry_page_select::-ms-expand { display: none; }
.post_entry_page_select option {
    background: white;
    color: #412B87;
}

.post_entry_page_select:focus {
    outline: none;
}

.my_post_entry_page_input_button_add{
    background:url(secondary/images/post_entry_page_add_entry.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    height: 24px;
    width: 24px;
}
.my_post_entry_page_input_button_print{
    background:url(secondary/images/post_entry_page_print_icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    height: 24px;
    width: 24px;
}
.my_post_entry_page_div_background_1{
    width: 100%;
    height: auto;
    background: url(secondary/images/post_entry_page_Sec_1_bg.png);
    background-size: 100%;
    position: relative;
    z-index: 0;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    background-repeat: repeat-y;
}
.my_post_entry_page_div_background_2{
    width: 100%;
    height: auto;
    background: url(secondary/images/post_entry_page_Sec_2_bg.png);
    background-size: 100%;
    position: relative;
    z-index: 0;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    background-repeat: repeat-y;
}
.my_post_entry_page_div_background_3{
    width: 100%;
    height: auto;
    background: url(secondary/images/post_entry_page_Sec_3_bg.jpg);
    background-size: 100%;
    position: relative;
    z-index: 0;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    background-repeat: repeat-y;
}
.my_post_entry_page_div_background_4{
    width: 100%;
    height: auto;
    background: url(secondary/images/post_entry_page_Sec_4_bg.png);
    background-size: 100%;
    position: relative;
    z-index: 0;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    background-repeat: repeat-y;
}
.my_post_entry_page_div_background_5{
    width: 100%;
    height: auto;
    background: url(secondary/images/post_entry_page_Sec_5_bg.png);
    background-size: 100%;
    position: relative;
    z-index: 0;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    background-repeat: repeat-y;
}
.my_post_entry_page_div_card_1{
    width: 150px;
    height: 180px;
    background: url(secondary/images/post_entry_page_card.png);
    background-size: 100%;
    position: absolute;
    z-index: 5;
    margin-right: 0px;
}
.my_post_entry_page_div_card_2{
    width: 150px;
    height: 180px;
    background: url(secondary/images/post_entry_page_card.png);
    background-size: 100%;
    position: absolute;
    z-index: 5;
    margin-right: 0px;
    margin-top:10px;
}
.my_post_entry_page_div_card_3{
    width: 150px;
    height: 180px;
    background: url(secondary/images/post_entry_page_card.png);
    background-size: 100%;
    position: absolute;
    z-index: 5;
    margin-right: 0px;
    margin-top:20px;
}
.my_post_entry_page_div_card_4{
    width: 150px;
    height: 180px;
    background: url(secondary/images/post_entry_page_card.png);
    background-size: 100%;
    position: absolute;
    z-index: 5;
    margin-right: 0px;
    margin-top:30px;
}
.my_post_entry_page_div_card_5{
    width: 150px;
    height: 180px;
    background: url(secondary/images/post_entry_page_card.png);
    background-size: 100%;
    position: absolute;
    z-index: 5;
    margin-right: 0px;
    margin-top:40px;
}
.my_post_entry_page_img_card_thumbnailDocumentDepository{
    width: 123px;
    height: 90px;
    background-size: 100%;
    position: absolute;
    z-index: 6;
    margin-left: 13px;
    margin-top: 6px;
}
.my_post_entry_page_div_card_hidden{
    width: 137px;
    height: 25px;
    background: white;
    border: 1.4px solid #a5a4a4;
    position: absolute;
    z-index: 6;
    margin-left: 7px;
    margin-top: 5px;
    padding-left: 10px;
    padding-top: 2px;
    border-radius: 3px;
    color: #a9a4a4;
    font-family: Gotham Runded Bold;
    font-size: 12px;
}
.my_post_entry_page_div_card_hidden_icon{
    background: url(secondary/images/post_entry_page_hidden_icon_active.png);
    background-size: 100%;
    width: 15px;
    height: 15px;
    display: inline;
    position: absolute;
    z-index: 7;
    background-repeat: no-repeat;
    margin-left: 17px;
    margin-top: 4px;
}

.my_post_entry_page_row_card{
    width: 100%;
    height: 180px;
}
.my_post_entry_page_div_card_time{
    width: 27px;
    height: 28px;
    background: none;
    position: absolute;
    z-index: 10;
    border: 1px;
    padding-left: 105px;
    margin-top: 3px;
}
.my-post-entry-page-input-calendar-month{
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline;
    border: 1px solid #a5a4a4;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 27px;
    height: 23px;
    font-size: 8px;
    font-family: Gotham Runded Bold;

}
.my-post-entry-page-input-calendar-day{
    background-color: white;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline;
    border: 1px solid #a5a4a4;
    width: 27px;
    height: 25px;
    font-size: 10px;
    font-family: Gotham Runded Bold;
}
.my_post_entry_page_div_card_feeling_1{
    width: 25px;
    height: 23px;
    position: absolute;
    z-index: 10;
    background-image: url(secondary/images/my_entry_creation_page_smileface.jpg);
    background-size:100%;
    border: none;
    display: inline;
    margin-top: 68px;
    margin-left: 18px;
}
.my_post_entry_page_div_card_feeling_2{
    width: 25px;
    height: 23px;
    position: absolute;
    z-index: 10;
    background-image: url(secondary/images/my_entry_creation_page_Satisfied.jpg);
    background-size:100%;
    border: none;
    display: inline;
    margin-top: 68px;
    margin-left: 18px;

}

.my_post_entry_page_div_card_feeling_4{
    width: 25px;
    height: 23px;
    position: absolute;
    z-index: 10;
    background-image: url(secondary/images/my_entry_creation_page_Discouraged.jpg);
    background-size:100%;
    border: none;
    display: inline;
    margin-top: 68px;
    margin-left: 18px;

}
.my_post_entry_page_div_card_feeling_5{
    width: 25px;
    height: 23px;
    position: absolute;
    z-index: 10;
    background-image: url(secondary/images/my_entry_creation_page_sadface.jpg);
    background-size:100%;
    border: none;
    display: inline;
    margin-top: 68px;
    margin-left: 18px;
}
.my_post_entry_page_div_card_favorite_hidden{
    width: 50px;
    height: 20px;
    position: absolute;
    z-index: 10;
    background: none;
    border: none;
    display: inline;
    margin-top: -24px;
    margin-left: 89px;
}
.my_post_entry_page_div_card_favorite_ico_true{
    width: 17px;
    height: 16px;
    position: absolute;
    z-index: 12;
    background: url(secondary/images/post_entry_page_favourite_icon_active.png);
    background-size: 100%;
    border: none;
    display: inline;

}
.my_post_entry_page_div_card_delete_ico{
    width: 17px;
    height: 16px;
    position: absolute;
    z-index: 12;
    background: url(secondary/images/post_entry_page_delete_icon_active.png.PNG);
    background-size: 100%;
    border: none;
    display: inline;
    margin-top: 145px;
    margin-left: 60px;
}
.my_post_entry_page_div_card_favorite_ico_false{
    width: 17px;
    height: 16px;
    position: absolute;
    z-index: 12;
    background: url(secondary/images/post_entry_page_favourite_icon_not_active.png);
    background-size: 100%;
    border: none;
    display: inline;

}
.my_post_entry_page_div_card_not_favorite_ico{
    width: 17px;
    height: 16px;
    position: absolute;
    z-index: 12;
    background: url(secondary/images/post_entry_page_favourite_icon_not_active.png);
    background-size: 100%;
    border: none;
    display: inline;

}
.my_post_entry_page_div_card_hidden_ico{
    width: 17px;
    height: 11px;
    position: absolute;
    z-index: 12;
    background: url(secondary/images/post_entry_page_hidden_icon_hovered.png);
    background-size: 100%;
    border: none;
    display: inline;
    margin-left: 26px;
}
.my_post_entry_page_div_card_title{
    width: 120px;
    height: 33px;
    position: absolute;
    z-index: 10;
    background: none;
    border: none;
    display: inline;
    margin-top: 102px;
    margin-left: 15px;
}
.my_post_entry_page_input_card_title{
    width: 120px;
    height: 33px;
    position: absolute;
    z-index: 12;
    background: none;
    border: none;
    display: inline;
    font-size: 13px;
    font-family: Gotham Runded Bold;
    overflow: hidden;
}
.my_post_entry_page_div_card_time_month{
    margin-top: -2px;
}
.my_post_entry_page_button_card_hidden{
    border: none;
    position: absolute;
    z-index: 15;
}
.my_post_entry_page_div_card_hide_post{
    background: #412B87;
    border-radius: 6px;
    width: 100px;
    height: 23px;
    color: white;
    text-align: center;
    margin-top: -29px;
    margin-left: 1px;
    position: absolute;
    z-index: 18;
}
#post-list .col-lg-2{
    min-height: 200px;
    margin-bottom: 30px;
}

#post-list .BottomBox{
    text-align: center;
    width: inherit;
}
@media (max-width: 768px){
    #buttonAndSelect {
        text-align: left !important;
    }
}

.post_entry_page_select {

    display: inline-block;
    width: 200px;
    height: 30px;
    border: none;
    background-color: #412B87;
    color: white;
    font-size: 13px;
    font-family: Gotham Runded Bold;
    position: relative;
    vertical-align: middle;
    z-index: 2;
    padding-left: 20px;
    margin-top: -7px;
    border-radius: 3px;
    background-size: 100%;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;

}

.post_entry_page_select::-ms-expand { display: none; }
.post_entry_page_select option {
    background: white;
    color: #412B87;
}

.post_entry_page_select:focus {
    outline: none;
}

.my_post_entry_page_input_button_add{
    background:url(secondary/images/post_entry_page_add_entry.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    height: 24px;
    width: 24px;
}
.my_post_entry_page_input_button_print{
    background:url(secondary/images/post_entry_page_print_icon.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border: none;
    height: 24px;
    width: 24px;
}
.my_post_entry_page_div_background_1{
    width: 100%;
    height: auto;
    background: url(secondary/images/post_entry_page_Sec_1_bg.png);
    background-size: 100%;
    position: relative;
    z-index: 0;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    background-repeat: repeat-y;
}
.my_post_entry_page_div_background_2{
    width: 100%;
    height: auto;
    background: url(secondary/images/post_entry_page_Sec_2_bg.png);
    background-size: 100%;
    position: relative;
    z-index: 0;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    background-repeat: repeat-y;
}
.my_post_entry_page_div_background_3{
    width: 100%;
    height: auto;
    background: url(secondary/images/post_entry_page_Sec_3_bg.jpg);
    background-size: 100%;
    position: relative;
    z-index: 0;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    background-repeat: repeat-y;
}
.my_post_entry_page_div_background_4{
    width: 100%;
    height: auto;
    background: url(secondary/images/post_entry_page_Sec_4_bg.png);
    background-size: 100%;
    position: relative;
    z-index: 0;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    background-repeat: repeat-y;
}
.my_post_entry_page_div_background_5{
    width: 100%;
    height: auto;
    background: url(secondary/images/post_entry_page_Sec_5_bg.png);
    background-size: 100%;
    position: relative;
    z-index: 0;
    padding-left: 28px;
    padding-right: 28px;
    padding-top: 5px;
    display: flex;
    flex-wrap: wrap;
    background-repeat: repeat-y;
}
.my_post_entry_page_div_card_1{
    width: 150px;
    height: 180px;
    background: url(secondary/images/post_entry_page_card.png);
    background-size: 100%;
    position: absolute;
    z-index: 5;
    margin-right: 0px;
}
.my_post_entry_page_div_card_2{
    width: 150px;
    height: 180px;
    background: url(secondary/images/post_entry_page_card.png);
    background-size: 100%;
    position: absolute;
    z-index: 5;
    margin-right: 0px;
    margin-top:10px;
}
.my_post_entry_page_div_card_3{
    width: 150px;
    height: 180px;
    background: url(secondary/images/post_entry_page_card.png);
    background-size: 100%;
    position: absolute;
    z-index: 5;
    margin-right: 0px;
    margin-top:20px;
}
.my_post_entry_page_div_card_4{
    width: 150px;
    height: 180px;
    background: url(secondary/images/post_entry_page_card.png);
    background-size: 100%;
    position: absolute;
    z-index: 5;
    margin-right: 0px;
    margin-top:30px;
}
.my_post_entry_page_div_card_5{
    width: 150px;
    height: 180px;
    background: url(secondary/images/post_entry_page_card.png);
    background-size: 100%;
    position: absolute;
    z-index: 5;
    margin-right: 0px;
    margin-top:40px;
}
.my_post_entry_page_img_card_thumbnailDocumentDepository{
    width: 123px;
    height: 90px;
    background-size: 100%;
    position: absolute;
    z-index: 6;
    margin-left: 13px;
    margin-top: 6px;
}
.my_post_entry_page_div_card_hidden{
    width: 137px;
    height: 25px;
    background: white;
    border: 1.4px solid #a5a4a4;
    position: absolute;
    z-index: 6;
    margin-left: 7px;
    margin-top: 5px;
    padding-left: 10px;
    padding-top: 2px;
    border-radius: 3px;
    color: #a9a4a4;
    font-family: Gotham Runded Bold;
    font-size: 12px;
}
.my_post_entry_page_div_card_hidden_icon{
    background: url(secondary/images/post_entry_page_hidden_icon_active.png);
    background-size: 100%;
    width: 15px;
    height: 15px;
    display: inline;
    position: absolute;
    z-index: 7;
    background-repeat: no-repeat;
    margin-left: 17px;
    margin-top: 4px;
}

.my_post_entry_page_row_card{
    width: 100%;
    height: 180px;
}
.my_post_entry_page_div_card_time{
    width: 27px;
    height: 28px;
    background: none;
    position: absolute;
    z-index: 10;
    border: 1px;
    padding-left: 105px;
    margin-top: 3px;
}
.my-post-entry-page-input-calendar-month{
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline;
    border: 1px solid #a5a4a4;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 27px;
    height: 23px;
    font-size: 8px;
    font-family: Gotham Runded Bold;

}
.my-post-entry-page-input-calendar-day{
    background-color: white;
    color: black;
    text-align: center;
    text-decoration: none;
    display: inline;
    border: 1px solid #a5a4a4;
    width: 27px;
    height: 25px;
    font-size: 10px;
    font-family: Gotham Runded Bold;
}
.my_post_entry_page_div_card_feeling_1{
    width: 25px;
    height: 23px;
    position: absolute;
    z-index: 10;
    background-image: url(secondary/images/my_entry_creation_page_smileface.jpg);
    background-size:100%;
    border: none;
    display: inline;
    margin-top: 68px;
    margin-left: 18px;
}
.my_post_entry_page_div_card_feeling_2{
    width: 25px;
    height: 23px;
    position: absolute;
    z-index: 10;
    background-image: url(secondary/images/my_entry_creation_page_Satisfied.jpg);
    background-size:100%;
    border: none;
    display: inline;
    margin-top: 68px;
    margin-left: 18px;

}

.my_post_entry_page_div_card_feeling_4{
    width: 25px;
    height: 23px;
    position: absolute;
    z-index: 10;
    background-image: url(secondary/images/my_entry_creation_page_Discouraged.jpg);
    background-size:100%;
    border: none;
    display: inline;
    margin-top: 68px;
    margin-left: 18px;

}
.my_post_entry_page_div_card_feeling_5{
    width: 25px;
    height: 23px;
    position: absolute;
    z-index: 10;
    background-image: url(secondary/images/my_entry_creation_page_sadface.jpg);
    background-size:100%;
    border: none;
    display: inline;
    margin-top: 68px;
    margin-left: 18px;
}
.my_post_entry_page_div_card_favorite_hidden{
    width: 50px;
    height: 20px;
    position: absolute;
    z-index: 10;
    background: none;
    border: none;
    display: inline;
    margin-top: -24px;
    margin-left: 89px;
}
.my_post_entry_page_div_card_favorite_ico_true{
    width: 17px;
    height: 16px;
    position: absolute;
    z-index: 12;
    background: url(secondary/images/post_entry_page_favourite_icon_active.png);
    background-size: 100%;
    border: none;
    display: inline;

}
.my_post_entry_page_div_card_delete_ico{
    width: 17px;
    height: 16px;
    position: absolute;
    z-index: 12;
    background: url(secondary/images/post_entry_page_delete_icon_active.png.PNG);
    background-size: 100%;
    border: none;
    display: inline;
    margin-top: 145px;
    margin-left: 60px;
}
.my_post_entry_page_div_card_favorite_ico_false{
    width: 17px;
    height: 16px;
    position: absolute;
    z-index: 12;
    background: url(secondary/images/post_entry_page_favourite_icon_not_active.png);
    background-size: 100%;
    border: none;
    display: inline;

}
.my_post_entry_page_div_card_not_favorite_ico{
    width: 17px;
    height: 16px;
    position: absolute;
    z-index: 12;
    background: url(secondary/images/post_entry_page_favourite_icon_not_active.png);
    background-size: 100%;
    border: none;
    display: inline;

}
.my_post_entry_page_div_card_hidden_ico{
    width: 17px;
    height: 11px;
    position: absolute;
    z-index: 12;
    background: url(secondary/images/post_entry_page_hidden_icon_hovered.png);
    background-size: 100%;
    border: none;
    display: inline;
    margin-left: 26px;
}
.my_post_entry_page_div_card_title{
    width: 120px;
    height: 33px;
    position: absolute;
    z-index: 10;
    background: none;
    border: none;
    display: inline;
    margin-top: 102px;
    margin-left: 15px;
}
.my_post_entry_page_input_card_title{
    width: 120px;
    height: 33px;
    position: absolute;
    z-index: 12;
    background: none;
    border: none;
    display: inline;
    font-size: 13px;
    font-family: Gotham Runded Bold;
    overflow: hidden;
}
.my_post_entry_page_div_card_time_month{
    margin-top: -2px;
}
.my_post_entry_page_button_card_hidden{
    border: none;
    position: absolute;
    z-index: 15;
}
.my_post_entry_page_div_card_hide_post{
    background: #412B87;
    border-radius: 6px;
    width: 100px;
    height: 23px;
    color: white;
    text-align: center;
    margin-top: -29px;
    margin-left: 1px;
    position: absolute;
    z-index: 18;
}
#post-list .col-lg-2{
    min-height: 200px;
    margin-bottom: 30px;
}

#post-list .BottomBox{
    text-align: center;
    width: inherit;
}
@media (max-width: 768px){
    #buttonAndSelect {
        text-align: left !important;
    }
}

.my-post-page-font{
    font-size: 18px;
    font-weight: 300;
    line-height: 42px;
    color: #333333;
    padding-top: 10px;
    font-family: Gotham Runded Bold;
}
.my-post-page-input-title{
    outline-style: none;
    border: 1px solid #a5a4a4;
    border-radius: 8px;
    padding-left: 13px;
    width: 500px;
    height: 30px;
    font-size: 15px;
    font-family: Gotham Runded Bold;
    color: #333333;
}
.my-post-page-input-upload{
    outline-style: none;
    border: 1px solid #a5a4a4;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-left: 13px;
    width: 500px;
    height: 40px;
    font-size: 15px;
    color: #e68717;
    font-family: Gotham Runded Bold;
    vertical-align: middle;
}
.my-post-page-input-remarks{
    outline-style: none;
    border: 1px solid #a5a4a4;
    border-radius: 8px;
    padding-left: 13px;
    width: 700px;
    height: 200px;
    font-size: 15px;
    font-family: Gotham Runded Bold;
    resize: none;
    color: #333333;
}
.my-post-page-div{
    margin-top: 20px;
}
#input-title-of-post::-webkit-input-placeholder {
    color:rgba(153,153,153,1);
    text-align: left;
}
#input-title-of-post::-moz-placeholder{
    color:rgba(153,153,153,1);
    text-align: left;
}
#input-title-of-post:-ms-input-placeholder{
    color:rgba(153,153,153,1);
    text-align: left;
}


#input-upload-of-post::-webkit-input-placeholder {
    color:rgba(153,153,153,1);
    text-align: left;
}

#input-upload-of-post::-moz-placeholder{
    color:rgba(153,153,153,1);
    text-align: left;
}
#input-upload-of-post:-ms-input-placeholder{
    color:rgba(153,153,153,1);
    text-align: left;
}


#input-remarks-of-post::-webkit-input-placeholder {
    color:rgba(153,153,153,1);
    vertical-align: text-top;
}

#input-remarks-of-post::-moz-placeholder{
    color:rgba(153,153,153,1);
    vertical-align: text-top;
}
#input-remarks-of-post:-ms-input-placeholder{
    color:rgba(153,153,153,1);
    vertical-align: text-top;
}


.my-post-page-font-black{
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 42px;
    color: #333333;
    padding-bottom: 10px;
    font-family: Gotham Runded Bold;
}

.my-post-page-div-remarks{
    float:left;
}
.my-post-page-button-help{

    margin-top: -58px;
    background-color: #D82631;
    border: none;
    color: white;
    display: inline-block;
    font-size: 16px;
    border-radius: 35px;
    width: 230px;
    height: 35px;
    font-family: Gotham Runded Bold;
    animation: fade 900ms infinite;
    -webkit-animation: fade 900ms infinite;
    position: absolute;
    z-index: 1000;
    cursor: pointer;
}
.my-post-page-button-save{
    background-color: #412B87;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    border-radius: 35px;
    width: 90px;
    height: 35px;
    font-family: Gotham Runded Bold;
    cursor: pointer;
    margin-left: 5px;
}
.my-post-page-button-delete{
    background-color: white;
    border: 2px solid #333333;
    color: #333333;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    border-radius: 35px;
    width: 90px;
    height: 35px;
    font-family: Gotham Runded Bold;
    cursor: pointer;
}
.my-post-page-button-draft{
    background-color: white;
    border: 2px solid #333333;
    color: #333333;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    border-radius: 35px;
    width: 135px;
    height: 35px;
    font-family: Gotham Runded Bold;
    cursor: pointer;
}

.my-post-page-input-email{
    outline-style: none;
    border: 1px solid #333333;
    background-color: #e4e2e2;
    border-radius: 8px;
    padding-left: 13px;
    width: 400px;
    height: 30px;
    font-size: 15px;
    font-family: Gotham Runded Bold;
}
.my-post-page-font-black-inline{
    display: inline-block;
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 42px;
    color: #333333;
    padding-top: 10px;
    font-family: Gotham Runded Bold;
}
.my-post-page-button-upload-div{
    background:url(secondary/images/my_entry_creation_page_upload.png);
    background-size:100%;
    border: 1px solid #a5a4a4;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 9px 13px;
    width: 53px;
    height: 40px;
    position: relative;
    z-index: 1;
    vertical-align:middle;
    display: inline-block;
    margin-left: -3px;
}



.my-post-page-button-upload{
    text-align: center;
    text-decoration: none;
    border: 1px solid #a5a4a4;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 9px 13px;
    margin-left: -2px;
    width: 53px;
    height: 40px;
    margin-bottom: -15px;
    position: absolute;
    z-index: 5;
    margin-top: -10px;
    margin-left: -14px;
    background-color: transparent;
    cursor: pointer;
}

.my-post-page-input-calendar-month{
    background: white;
    background-size:100%;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline;
    border: 1px solid #a5a4a4;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-top: -20px;
    width: 67px;
    height: 25px;
    font-size: 15px;
    font-family: Gotham Runded Bold;
}
.my-post-page-input-calendar-day{
    background-color: #412B87;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline;
    border: 1px solid #a5a4a4;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 67px;
    height: 43px;
    font-size: 25px;
    font-family: Gotham Runded Bold;
}
.my-post-page-div-inline{
    display: inline-block;
}
#input-day-of-post::-webkit-input-placeholder {
    color: white;
    text-align: center;
}
#input-day-of-post::-moz-placeholder{
    color: white;
    text-align: center;
}
#input-day-of-post:-ms-input-placeholder{
    color: white;
    text-align: center;
}


#input-month-of-post::-webkit-input-placeholder {
    color:rgba(153,153,153,1);
    text-align: center;
}
#input-month-of-post::-moz-placeholder{
    color:rgba(153,153,153,1);
    text-align: center;
}
#input-month-of-post:-ms-input-placeholder{
    color:rgba(153,153,153,1);
    text-align: center;
}



input[class=my-post-page-range] {
    -webkit-appearance: none;
    width: 700px;
    border-radius: 10px; /*This property is set to fill the progress bar with rounded corners*/
}
input[class=my-post-page-range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}
input[class=my-post-page-range]::-webkit-slider-runnable-track {
    height: 20px;
    border-radius: 10px; /*Round the track*/
    background-color: #e4e2e2;
}
input[class=my-post-page-range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 45px;
    width: 45px;
    margin-top: -11px; /*Make the slider offset beyond the track equal*/
    background: url(secondary/images/my_entry_creation_page_slide.png);
    background-size:100%;
    border-radius: 50%; /*Appearance is set to round*/
}

input[class=my-post-page-range]:focus {
    outline: none;
}
.my-post-page-div-range{
    width: 700px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.my-post-page-font-black-cope-left{
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 32px;
    color: #333333;
    font-family: Gotham Runded Bold;
    display: inline;
    float: left;
    margin-top: -15px;
}
.my-post-page-font-black-cope-right{
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 32px;
    color: #333333;
    font-family: Gotham Runded Bold;
    display: inline;
    float: right;
    margin-top: -15px;
}
.my-post-page-div-range-endpoint{
    height: 45px;
    width: 45px;
    background: white;
    border-radius: 50%; /*外观设置为圆形*/
    border: 2px solid #e68717;
    display: inline;
    margin-top: -4px;
    margin-left: -18px;
}
input[id=input-email-parent-friends-of-post]::-webkit-input-placeholder {
    font-style:italic;
    color:rgba(153,153,153,1);
    font-family: Arial;
}
input[id=input-email-parent-friends-of-post]::-moz-placeholder{
    font-style:italic;
    color:rgba(153,153,153,1);
    font-family: Arial;
}
input[id=input-email-parent-friends-of-post]:-ms-input-placeholder{
    font-style:italic;
    color:rgba(153,153,153,1);
    font-family: Arial;
}


input[id=input-remarks-of-post]:focus,textarea:focus{
    border:2px solid #bab8e0;
    background-color:white;
}
input[id=input-title-of-post]:focus,textarea:focus{
    border:2px solid #bab8e0;
    background-color:white;
}
input[id=input-email-parent-friends-of-post]:focus,textarea:focus{
    border:2px solid #bab8e0;
    background-color:white;
}
input[id=input-email-other-teacher-of-post]:focus,textarea:focus{
    border:2px solid #bab8e0;
    background-color:white;
}

.slider-handle.custom {
	background: url(secondary/images/my_entry_creation_page_slide.png);
	background-size: 100%;
	border-radius: 50%;
    top: -6px;
    height: 45px;
    width: 45px;

}

/* Or display content like unicode characters or fontawesome icons */
#ex1Slider .slider-selection{
    height: 20px;
    border-radius: 10px; /*Round the track*/
    background: #e4e2e2;
}


#ex1Slider .slider-track {
    content: '';
    width: 100%;
    height: 20px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    z-index: 9;
    background: #e4e2e2;
}

#ex1Slider .slider-rangeHighlight {
	background: black;
}
#ex1Slider .slider-track:before {
    left:100%;
}
#ex1Slider .slider-track:after {
    width: 100%;
    left: 100%;
}

.my-post-page-div-checkbox{
    margin-top: 20px;
}

input[class=mycheckbox] {
    /*appearance: none;
          -moz-appearance: none;
          -ms-progress-appearance: none;
          -webkit-appearance: none;*/
    outline: none;
    vertical-align: text-top;
    width: 15px;
    height: 15px;
    background-position: 0 0;
    border: 1px solid #bfbdbd;
    margin-right: 5px;
    margin-top: -1px;
}


#select2_otherteachers2   .select2-container--default{
    border: 1px solid #a5a4a4;
    border-radius: 8px;
}

.my-post-page-error-msg{
    display: none;
    margin-top: -35px;
    margin-left: 10px;
}
.my-post-cope-font-div{
    width: 96px;
    text-align: center;
    display: inline-block;
    height: 20px;
}
.my-post-page-img-range-Satisfied{
    background: url(secondary/images/my_entry_creation_page_Satisfied.jpg);
    background-size:100%;
    height: 48px;
    width: 48px;
    border: none;
    display: inline;
    float: left;
    margin-top: -10px;
    margin-left: -18px;
}
.my-post-page-img-range-Discouraged{
    background: url(secondary/images/my_entry_creation_page_Discouraged.jpg);
    background-size:100%;
    height: 48px;
    width: 48px;
    border: none;
    display: inline;
    float: left;
    margin-top: -10px;
    margin-left: -18px;
}
.my-post-page-img-range-left{
    background: url(secondary/images/my_entry_creation_page_smileface.jpg);
    background-size:100%;
    height: 48px;
    width: 48px;
    border: none;
    display: inline;
    float: left;
    margin-top: -10px;
    margin-left: -18px;
}
.my-post-page-img-range-right{
    background: url(secondary/images/my_entry_creation_page_sadface.jpg);
    background-size:100%;
    height: 48px;
    width: 48px;
    border: none;
    display: inline;
    float: right;
    margin-top: -10px;
    margin-right: -29px;
}
.my-post-page-font{
    font-size: 18px;
    font-weight: 300;
    line-height: 42px;
    color: #333333;
    padding-top: 10px;
    font-family: Gotham Runded Bold;
}
.my-post-page-input-title{
    outline-style: none;
    border: 1px solid #a5a4a4;
    border-radius: 8px;
    padding-left: 13px;
    width: 500px;
    height: 30px;
    font-size: 15px;
    font-family: Gotham Runded Bold;
    color: #333333;
}
.my-post-page-input-upload{
    outline-style: none;
    border: 1px solid #a5a4a4;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding-left: 13px;
    width: 500px;
    height: 40px;
    font-size: 15px;
    color: #e68717;
    font-family: Gotham Runded Bold;
    vertical-align: middle;
}
.my-post-page-input-remarks{
    outline-style: none;
    border: 1px solid #a5a4a4;
    border-radius: 8px;
    padding-left: 13px;
    width: 700px;
    height: 200px;
    font-size: 15px;
    font-family: Gotham Runded Bold;
    resize: none;
    color: #333333;
}
.my-post-page-div{
    margin-top: 20px;
}
#input-title-of-post::-webkit-input-placeholder {
    color:rgba(153,153,153,1);
    text-align: left;
}
#input-title-of-post::-moz-placeholder{
    color:rgba(153,153,153,1);
    text-align: left;
}
#input-title-of-post:-ms-input-placeholder{
    color:rgba(153,153,153,1);
    text-align: left;
}


#input-upload-of-post::-webkit-input-placeholder {
    color:rgba(153,153,153,1);
    text-align: left;
}

#input-upload-of-post::-moz-placeholder{
    color:rgba(153,153,153,1);
    text-align: left;
}
#input-upload-of-post:-ms-input-placeholder{
    color:rgba(153,153,153,1);
    text-align: left;
}


#input-remarks-of-post::-webkit-input-placeholder {
    color:rgba(153,153,153,1);
    vertical-align: text-top;
}

#input-remarks-of-post::-moz-placeholder{
    color:rgba(153,153,153,1);
    vertical-align: text-top;
}
#input-remarks-of-post:-ms-input-placeholder{
    color:rgba(153,153,153,1);
    vertical-align: text-top;
}


.my-post-page-font-black{
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 42px;
    color: #333333;
    padding-bottom: 10px;
    font-family: Gotham Runded Bold;
}

.my-post-page-div-remarks{
    float:left;
}
.my-post-page-button-help{

    margin-top: -58px;
    background-color: #D82631;
    border: none;
    color: white;
    display: inline-block;
    font-size: 16px;
    border-radius: 35px;
    width: 230px;
    height: 35px;
    font-family: Gotham Runded Bold;
    animation: fade 900ms infinite;
    -webkit-animation: fade 900ms infinite;
    position: absolute;
    z-index: 1000;
    cursor: pointer;
}
.my-post-page-button-save{
    background-color: #412B87;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    border-radius: 35px;
    width: 90px;
    height: 35px;
    font-family: Gotham Runded Bold;
    cursor: pointer;
    margin-left: 5px;
}
.my-post-page-button-delete{
    background-color: white;
    border: 2px solid #333333;
    color: #333333;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    border-radius: 35px;
    width: 90px;
    height: 35px;
    font-family: Gotham Runded Bold;
    cursor: pointer;
}
.my-post-page-button-draft{
    background-color: white;
    border: 2px solid #333333;
    color: #333333;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    border-radius: 35px;
    width: 135px;
    height: 35px;
    font-family: Gotham Runded Bold;
    cursor: pointer;
}

.my-post-page-input-email{
    outline-style: none;
    border: 1px solid #333333;
    background-color: #e4e2e2;
    border-radius: 8px;
    padding-left: 13px;
    width: 400px;
    height: 30px;
    font-size: 15px;
    font-family: Gotham Runded Bold;
}
.my-post-page-font-black-inline{
    display: inline-block;
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 42px;
    color: #333333;
    padding-top: 10px;
    font-family: Gotham Runded Bold;
}
.my-post-page-button-upload-div{
    background:url(secondary/images/my_entry_creation_page_upload.png);
    background-size:100%;
    border: 1px solid #a5a4a4;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 9px 13px;
    width: 53px;
    height: 40px;
    position: relative;
    z-index: 1;
    vertical-align:middle;
    display: inline-block;
    margin-left: -3px;
}



.my-post-page-button-upload{
    text-align: center;
    text-decoration: none;
    border: 1px solid #a5a4a4;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 9px 13px;
    margin-left: -2px;
    width: 53px;
    height: 40px;
    margin-bottom: -15px;
    position: absolute;
    z-index: 5;
    margin-top: -10px;
    margin-left: -14px;
    background-color: transparent;
    cursor: pointer;
}

.my-post-page-input-calendar-month{
    background: white;
    background-size:100%;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline;
    border: 1px solid #a5a4a4;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-top: -20px;
    width: 67px;
    height: 25px;
    font-size: 15px;
    font-family: Gotham Runded Bold;
}
.my-post-page-input-calendar-day{
    background-color: #412B87;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline;
    border: 1px solid #a5a4a4;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    width: 67px;
    height: 43px;
    font-size: 25px;
    font-family: Gotham Runded Bold;
}
.my-post-page-div-inline{
    display: inline-block;
}
#input-day-of-post::-webkit-input-placeholder {
    color: white;
    text-align: center;
}
#input-day-of-post::-moz-placeholder{
    color: white;
    text-align: center;
}
#input-day-of-post:-ms-input-placeholder{
    color: white;
    text-align: center;
}


#input-month-of-post::-webkit-input-placeholder {
    color:rgba(153,153,153,1);
    text-align: center;
}
#input-month-of-post::-moz-placeholder{
    color:rgba(153,153,153,1);
    text-align: center;
}
#input-month-of-post:-ms-input-placeholder{
    color:rgba(153,153,153,1);
    text-align: center;
}



input[class=my-post-page-range] {
    -webkit-appearance: none;
    width: 700px;
    border-radius: 10px; /*This property is set to fill the progress bar with rounded corners*/
}
input[class=my-post-page-range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}
input[class=my-post-page-range]::-webkit-slider-runnable-track {
    height: 20px;
    border-radius: 10px; /*Round the track*/
    background-color: #e4e2e2;
}
input[class=my-post-page-range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 45px;
    width: 45px;
    margin-top: -11px; /*Make the slider offset beyond the track equal*/
    background: url(secondary/images/my_entry_creation_page_slide.png);
    background-size:100%;
    border-radius: 50%; /*Appearance is set to round*/
}

input[class=my-post-page-range]:focus {
    outline: none;
}
.my-post-page-div-range{
    width: 700px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.my-post-page-font-black-cope-left{
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 32px;
    color: #333333;
    font-family: Gotham Runded Bold;
    display: inline;
    float: left;
    margin-top: -15px;
}
.my-post-page-font-black-cope-right{
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 32px;
    color: #333333;
    font-family: Gotham Runded Bold;
    display: inline;
    float: right;
    margin-top: -15px;
}
.my-post-page-div-range-endpoint{
    height: 45px;
    width: 45px;
    background: white;
    border-radius: 50%; /*外观设置为圆形*/
    border: 2px solid #e68717;
    display: inline;
    margin-top: -4px;
    margin-left: -18px;
}
input[id=input-email-parent-friends-of-post]::-webkit-input-placeholder {
    font-style:italic;
    color:rgba(153,153,153,1);
    font-family: Arial;
}
input[id=input-email-parent-friends-of-post]::-moz-placeholder{
    font-style:italic;
    color:rgba(153,153,153,1);
    font-family: Arial;
}
input[id=input-email-parent-friends-of-post]:-ms-input-placeholder{
    font-style:italic;
    color:rgba(153,153,153,1);
    font-family: Arial;
}


input[id=input-remarks-of-post]:focus,textarea:focus{
    border:2px solid #bab8e0;
    background-color:white;
}
input[id=input-title-of-post]:focus,textarea:focus{
    border:2px solid #bab8e0;
    background-color:white;
}
input[id=input-email-parent-friends-of-post]:focus,textarea:focus{
    border:2px solid #bab8e0;
    background-color:white;
}
input[id=input-email-other-teacher-of-post]:focus,textarea:focus{
    border:2px solid #bab8e0;
    background-color:white;
}

.slider-handle.custom {
	background: url(secondary/images/my_entry_creation_page_slide.png);
	background-size: 100%;
	border-radius: 50%;
    top: -6px;
    height: 45px;
    width: 45px;

}

/* Or display content like unicode characters or fontawesome icons */
#ex1Slider .slider-selection{
    height: 20px;
    border-radius: 10px; /*Round the track*/
    background: #e4e2e2;
}


#ex1Slider .slider-track {
    content: '';
    width: 100%;
    height: 20px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    z-index: 9;
    background: #e4e2e2;
}

#ex1Slider .slider-rangeHighlight {
	background: black;
}
#ex1Slider .slider-track:before {
    left:100%;
}
#ex1Slider .slider-track:after {
    width: 100%;
    left: 100%;
}

.my-post-page-div-checkbox{
    margin-top: 20px;
}

input[class=mycheckbox] {
    /*appearance: none;
          -moz-appearance: none;
          -ms-progress-appearance: none;
          -webkit-appearance: none;*/
    outline: none;
    vertical-align: text-top;
    width: 15px;
    height: 15px;
    background-position: 0 0;
    border: 1px solid #bfbdbd;
    margin-right: 5px;
    margin-top: -1px;
}


#select2_otherteachers2   .select2-container--default{
    border: 1px solid #a5a4a4;
    border-radius: 8px;
}

.my-post-page-error-msg{
    display: none;
    margin-top: -35px;
    margin-left: 10px;
}
.my-post-cope-font-div{
    width: 96px;
    text-align: center;
    display: inline-block;
    height: 20px;
}
.my-post-page-img-range-Satisfied{
    background: url(secondary/images/my_entry_creation_page_Satisfied.jpg);
    background-size:100%;
    height: 48px;
    width: 48px;
    border: none;
    display: inline;
    float: left;
    margin-top: -10px;
    margin-left: -18px;
}
.my-post-page-img-range-Discouraged{
    background: url(secondary/images/my_entry_creation_page_Discouraged.jpg);
    background-size:100%;
    height: 48px;
    width: 48px;
    border: none;
    display: inline;
    float: left;
    margin-top: -10px;
    margin-left: -18px;
}
.my-post-page-img-range-left{
    background: url(secondary/images/my_entry_creation_page_smileface.jpg);
    background-size:100%;
    height: 48px;
    width: 48px;
    border: none;
    display: inline;
    float: left;
    margin-top: -10px;
    margin-left: -18px;
}
.my-post-page-img-range-right{
    background: url(secondary/images/my_entry_creation_page_sadface.jpg);
    background-size:100%;
    height: 48px;
    width: 48px;
    border: none;
    display: inline;
    float: right;
    margin-top: -10px;
    margin-right: -29px;
}
.modal-dialog-my-post-share{
    width: 700px;


}
.modal-header-my-post-share{
    height: 50px;
    background: #e68717;
}
.modal-body-my-post-share{
    height: 280px;
}
.modal-title-my-post-share{
    color: white;
    text-align: left;
    font-size: 17px;
    font-family: Gotham Runded Bold;
    margin-top: 1px;
}
.my-post-share-page-input{
     outline-style: none;
     border: 1px solid #a5a4a4;
     border-radius: 4px;
     padding-left: 13px;
     width: 280px;
     height: 35px;
     font-size: 15px;
     font-weight: 500;
     font-family: Gotham Runded Bold;
     color: rgba(153,153,153,1);
     margin-left: 40px;
     margin-top: 8px;
 }
.modal-body-my-post-share-box{
    margin-top: 20px;
    margin-left: 150px;

}
.modal-body-my-post-share-button{
    background-color: #e68717;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    border-radius: 35px;
    width: 140px;
    height: 35px;
    font-family: Gotham Runded Bold;
    margin-top: 30px;
    margin-left: 120px;
}
.modal-body-my-post-share-title{
    margin: 0;
    font-size: 26px;
    font-weight: 300;
    line-height: 42px;
    color: #e68717;
    padding-top: 10px;
    font-family: Gotham Runded Bold;
}

#ecgPartnerRegistration .el-select__tags-text{
    font-size:16px;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight:100;
    color: #333;
}

#ecgPartnerRegistration .el-form-item .el-select__icon {
    transform: rotateZ(360deg) !important;
}

#ecgPartnerRegistration .el-form-item .is-reverse {
    transform: rotateZ(180deg) !important;
}

#ecgPartnerRegistration .multiple_select .el-select__icon {
    transform: rotateZ(360deg) !important;
}

#ecgPartnerRegistration .multiple_select .is-reverse {
    transform: rotateZ(180deg) !important;
}

#ecgPartnerRegistration .single_select .el-select__icon {
    transform: rotateZ(360deg) !important;
}

#ecgPartnerRegistration .single_select .is-reverse {
    transform: rotateZ(180deg) !important;
}

#ecgPartnerRegistration .areaCode .el-form-item__label {
    width: auto !important;
    margin-left: 10px;
}

#ecgPartnerRegistration .contactNumber .el-form-item__label {
    width: auto !important;
    margin-left: 10px;
}

/* select input*/
#ecg-partner-registration .el-form-item .el-select--default {
    width: 100%;
}

#ecg-partner-registration .el-form-item .el-select--default .el-input__wrapper {
    background: #412B87;
}

#ecg-partner-registration .el-form-item .el-select--default .el-input__inner {
    color: #fff;
    font-size: 16px;
}

#ecg-partner-registration .el-form-item .el-select--default .el-input__inner::placeholder {
    font-size: 16px;
    color: #fff;
}

#ecg-partner-registration .el-form-item .el-select--default .el-select__icon {
    font-size: 20px;
    color: #fff;
}

/* select input v2*/
#ecg-partner-registration .el-form-item .el-form-item__content {
    min-height: 48px;
    line-height: 50px;
}

#ecg-partner-registration .el-form-item .el-select-v2 {
    width: 100%;
}

#ecg-partner-registration .el-form-item .el-select-v2__wrapper {
    width: 100%;
    background-color: #412B87;
}

#ecg-partner-registration .el-form-item .el-select-v2 .el-select-v2__placeholder {
    color: #ffffff;
}

#ecg-partner-registration .el-form-item .el-select-v2 .el-select-v2__caret {
    color: #ffffff;
    font-size: 20px;
}

#ecg-partner-registration .el-form-item .el-select-v2__selected-item {
    width: 100%;
}

#ecg-partner-registration .el-form-item .el-select-v2__selected-item input {
    height: 40px;
}

/* captcha input*/

#ecg-partner-registration .submit_btn .el-form-item__content {
    margin-left: 0 !important;
}

#ecg-partner-registration .captcha {
    margin-bottom: 0;
}

#ecg-partner-registration .captcha .el-form-item__content {
    height: 140px;
    margin-left: 0 !important;
    justify-content: start;
    flex-direction: column;
}

#ecg-partner-registration .captcha .el-form-item__error {
    position: unset;
}

#ecg-partner-registration .captcha  .captcha-content {
    height: 80%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

#ecg-partner-registration .captcha  .captcha-content-label {
    font-size: 14px;
    color: #000;
    padding-bottom: 5px;
    font-weight: 700;
}

#ecg-partner-registration .captcha-img {
    display: flex;
    justify-content: center;
}

#ecg-partner-registration .captcha-img .captcha-img-content {
    text-align: center;
}

#ecg-partner-registration .captcha-img .captcha-img-content a{
    cursor: pointer;
}
/* input */
#ecg-partner-registration .el-form-item .el-input__inner {
    height: 48px;
}

/* contact-number */
#ecg-partner-registration .contact-number .el-input__inner::placeholder  {
    font-size: 16px;
    color: #000;
}

/* error */
#ecg-partner-registration .el-form-item .el-form-item__error {
    color: #D82631;
    font-size: 12px;
}

/* label */
#ecg-partner-registration .el-form-item .el-form-item__label {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    justify-content: flex-start;
    height: 50px;
}

#ecg-partner-registration .el-form-item .el-form-item__label::before {
    content: '';
    margin-right: 0px;
}

/* select-v2 */
#ecg-partner-registration .multiple_v2_select .el-select-v2__wrapper {
    height: 48px;
}

#ecg-partner-registration .multiple_v2_select .el-select-v2__selection {
    height: 100%;
}

/* submit_btn */
#ecg-partner-registration .submit_btn .el-form-item__content {
    margin-right: 10px !important;
    margin-top: 10px  !important;
    justify-content: center !important;
}

#ecg-partner-registration .submit_btn .el-form-item__content button {
    background-color: #412B87;
    width: 150px;
    border-radius: 18px;
    height: 38px;
}

#ecg-partner-registration .submit_btn .el-form-item__content button span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.ecgPartnerLanding .msf-partners p b {
    color: #333333 !important;
}

#ecg-partner-registration .title {
    font-weight: 400;
}

#ecg-partner-registration .caption-title {
    font-weight: 700;
    font-size: 20px;
}

#ecg-partner-registration .form-group {
    margin-top: 30px;
    margin-bottom: 30px;
}

#ecg-partner-registration .reportName {
    padding: 0 15px;
    min-height: 72px;
}

#ecg-partner-registration .reportNameError {
    color: #D82631;
    font-size: 12px;
}

#ecg-partner-registration .submit {
    margin-right: 4px;
}

/* checkbox */
.aplm_el_select  .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #000 !important;
}

.aplm_el_select  .el-checkbox__input {
    margin-right: 4px;
}

.aplm_el_select .el-checkbox__inner {
    border: 2px solid #cccccc;
    border-radius: 2px;
    width: 18px !important;
    height: 18px !important;
    background: #fff;
}

.aplm_el_select .is-checked .el-checkbox__inner {
    background: #fff;
    border-color: #cccccc;
}

.aplm_el_select .el-checkbox__inner::after {
    width: 4px;
    border-width: 3px;
    border-color: #412B87;
    height: 6px;
    transition: transform .1s ease-in 50ms;
}




/* error */
#ecg-partner-registration .el-form-item .el-form-item__error {
    color: #D82631;
    font-size: 12px;
}
/* input */
#ecg-partner-registration .el-form-item .el-input__inner {
    height: 48px;
}

/* select input*/
#ecg-partner-registration .multiple_select ::-webkit-input-placeholder{/*Webkit browsers*/
	color:#fff;
}
#ecg-partner-registration .multiple_select :-moz-placeholder{/*Mozilla Firefox 4 to 8*/
    color:#fff;
}
#ecg-partner-registration .multiple_select ::moz-placeholder{/*Mozilla Firefox 19+*/
	color:#fff;
}
#ecg-partner-registration .multiple_select :-ms-input-placeholder{/*Internet Explorer 10+*/
    color:#fff;
}

#ecg-partner-registration .multiple_select .el-select .el-select__caret {
    color: #ffffff;
    font-size: 20px;
}


#ecg-partner-registration .el-form-item .el-form-item__content {
    min-height: 48px;
    line-height: 50px;
}

#ecg-partner-registration .el-form-item .el-select-v2 {
    width: 100%;
}

#ecg-partner-registration .el-form-item .el-select-v2__wrapper {
    width: 100%;
    background-color: #412B87;
}

#ecg-partner-registration .el-form-item .el-select-v2 .el-select-v2__placeholder {
    color: #ffffff;
}

#ecg-partner-registration .el-form-item .el-select-v2 .el-select-v2__caret {
    color: #ffffff;
    font-size: 20px;
}

#ecg-partner-registration .el-form-item .el-select-v2__selected-item {
    width: 100%;
}

#ecg-partner-registration .el-form-item .el-select-v2__selected-item input {
    height: 40px;
}

#ecg-partner-registration .captcha .el-form-item__content {
    min-height: 160px;
}

/* multiple */
.is-multiple .el-select-dropdown__item {
    height: auto !important;
}

#ecg-partner-registration .hasSelect {
    margin-bottom: 0 !important;
}

#ecg-partner-registration .el-input__inner {
    color: #333;
}

#ecg-partner-registration .multiple_select .el-select__input {
    color: #FFF;
}

#ecg-partner-registration .multiple_select .el-select {
    width: 100%;
}

#ecg-partner-registration .multiple_select .el-input {
    min-height: 48px;
}

#ecg-partner-registration .multiple_select .el-select .el-input__wrapper {
    background: #412B87;
}

#ecg-partner-registration .multiple_select ::-webkit-input-placeholder{/*Webkit browsers*/
	color:#fff;
}
#ecg-partner-registration .multiple_select :-moz-placeholder{/*Mozilla Firefox 4 to 8*/
    color:#fff;
}
#ecg-partner-registration .multiple_select ::moz-placeholder{/*Mozilla Firefox 19+*/
	color:#fff;
}
#ecg-partner-registration .multiple_select :-ms-input-placeholder{/*Internet Explorer 10+*/
    color:#fff;
}

#ecg-partner-registration .multiple_select .el-select .el-select__caret {
    color: #ffffff;
    font-size: 20px;
}

#ecg-partner-registration .multiple_content {
    margin-top: 0!important;
    height: auto !important;
}

#ecg-partner-registration .multiple_content .el-form-item__content {
    height: auto !important;
}

#ecg-partner-registration .multiple_content .multiple_content_element {
    width: 100%;
    padding: 12px;
}

#ecg-partner-registration .multiple_content .multiple_content_element:nth-child(odd) {
    background: #f7f7f7;
}

#ecg-partner-registration .multiple_content .multiple_content_element_label {
    display: flex;
    justify-content: space-between;
}

#ecg-partner-registration .multiple_content .multiple_content_element_label span {
    color: #412B87;
    font-size: 16px;
    font-weight: 100;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-word;
}

#ecg-partner-registration .multiple_content .multiple_content_element_label span i {
    cursor: pointer;
}

#ecg-partner-registration .multiple_content .multiple_content_element_institution {
    font-size: 14px;
    color: #333333;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-word;
}

#ecg-partner-registration  .reportLabel {
    margin-bottom: 30px;
}


#ecg-partner-registration  .el-tag__close {
    display: none;
}
.is-light .el-select__collapse-tags .el-tag__close {
    display: none;
}

.aplm_el_select .el-checkbox {
    padding-left: 18px;
}


.aplm_report_corse_title_select .el-select-dropdown__item {
    border-color:#ccc;
    border-style:solid;
    border-width:0 0 2px 0;
}

.aplm_report_corse_title_select .el-select-dropdown__item div:first-child {
    color: #412B87;
}

.aplm_report_corse_title_select .selected div:first-child{
    color: #412B87 !important;
}

.aplm_report_corse_title_select .el-select-dropdown__item {
    height: auto !important;
}

.aplm_report_corse_title_select .el-checkbox--large {
    width: 100%;
    border-color: #ccc;
    border-style: solid;
    border-width: 0 0 2px 0;
}

/* radio */
#ecg-partner-registration .el-radio .el-radio__inner {
    border-color: #412B87;
    border-width: 2px;
    width: 18px;
    height: 18px
}

#ecg-partner-registration .el-radio .el-radio__inner::after {
    width: 6px;
    height: 6px;
}

#ecg-partner-registration .el-radio__input.is-checked .el-radio__inner {
    border-color: #412B87;
    background: #412B87;
}

#ecg-partner-registration .el-radio-group .is-checked .el-radio__label {
    color: #412B87;
}

.profile .vue_common_css .el-form-item__content .is-focus {
    box-shadow: none !important;
}

/* table head icon */
#review-ecg-partnership-registrations .fa_filter:before {
    content: "\f0b0";
}

#review-ecg-partnership-registrations .fa_asc:before {
    content: "\f160";
}

#review-ecg-partnership-registrations .fa_desc:before {
    content: "\f161";
}
#review-ecg-partnership-registrations .fa-fw {
    cursor: pointer;
} 

/* status bar */
#review-ecg-partnership-registrations .status-bar {
    display: flex;
    margin-bottom: 20px;
}

#review-ecg-partnership-registrations .status-bar .approve {
   border: 8px solid #cbddbe;
   border-radius: 2px;
   height: 125px;
   width: 200px;
   margin-right: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
}

#review-ecg-partnership-registrations .status-bar .pending {
    border: 8px solid #be5b1b;
    border-radius: 2px;
    height: 125px;
    width: 200px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}


#review-ecg-partnership-registrations .status-bar .reject {
    border: 8px solid #fb0100;
    border-radius: 2px;
    height: 125px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#review-ecg-partnership-registrations .status-bar .value {
    font-size: 26px;
    font-weight: 900;
    text-align: center;
}

#review-ecg-partnership-registrations .status-bar .describletion {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

/* search */
#review-ecg-partnership-registrations #searchkeywordbox {
    text-align: center;
    margin-bottom:20px;
}

#review-ecg-partnership-registrations #searchkeywordbox h1 {
    color: #fff;
    font-size: 38px;
    font-weight: 300;
    line-height: 40px;
    margin-top: 45px;
    margin-bottom: 20px;
    font-family: Gotham Runded Bold;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 140px;
    margin-bottom: 90px;
}

#review-ecg-partnership-registrations #searchkeywordbox p {
    color: #fff;
    margin-top: 17px;
    margin-bottom: 50px;
}

#review-ecg-partnership-registrations #searchkeywordbox p.subtitle {
    font-size:20px;
}

#review-ecg-partnership-registrations #searchkeywordbox .input-group {
    width: 100%;
}

#review-ecg-partnership-registrations #searchkeywordbox .input-group .form-control {
    font-size: 17px;
    height: 53px;
    padding: 14px;
}

#review-ecg-partnership-registrations #searchkeywordbox .input-group .form-control .el-input__wrapper {
    width: 100%;
    box-shadow: none;
}

#review-ecg-partnership-registrations #searchkeywordbox .glyphicon.glyphicon-search {
    font-size: 18px;
    padding: 11px;
    color: #fff;
}

#review-ecg-partnership-registrations #searchkeywordbox .search-title {
    margin-bottom: 50px;
}

#review-ecg-partnership-registrations #searchkeywordbox .search-input {
    flex-grow: 1;
    -webkit-appearance: none;
    padding: 0;
    outline: 0;
    border: none;
    background: 0 0;
    box-sizing: border-box;
    width: 100%
}

@media (min-width: 1200px){
    #review-ecg-partnership-registrations #searchkeywordbox {
        width: 80%;
        margin: 15px 0 !important;
    }
}

#review-ecg-partnership-registrations .error-tip {
    color: #D82631;
    font-size: 12px;
}

/* select input*/
#review-ecg-partnership-registrations .reject-reason  {
    width: 100%;
}

#review-ecg-partnership-registrations .reject-reason .el-input__wrapper {
    background: #412B87;
    height: 48px;
}

#review-ecg-partnership-registrations .reject-reason .el-input__inner {
    color: #fff;
    font-size: 16px;
}

#review-ecg-partnership-registrations .reject-reason .el-input__inner::placeholder {
    font-size: 16px;
    color: #fff;
}

#review-ecg-partnership-registrations .reject-reason  .el-select__icon {
    font-size: 20px;
    color: #fff;
}

/* select input*/
#review-ecg-partnership-registrations .filters .filter-select .el-input__wrapper {
    background: #412B87;
    height: 48px;
}

#review-ecg-partnership-registrations .filters .filter-select .el-input__inner {
    color: #fff;
    font-size: 16px;
}

#review-ecg-partnership-registrations .filters .filter-select .el-input__inner::placeholder {
    font-size: 16px;
    color: #fff;
}

#review-ecg-partnership-registrations .filters .filter-select .el-select__icon {
    font-size: 20px;
    color: #fff;
}


/* select input v2*/
#review-ecg-partnership-registrations .el-select-v2 {
    width: 100%;
}

#review-ecg-partnership-registrations .el-select-v2__wrapper {
    width: 100%;
    background-color: #412B87;
}

#review-ecg-partnership-registrations .el-select-v2 .el-select-v2__placeholder {
    color: #ffffff;
}

#review-ecg-partnership-registrations .el-select-v2 .el-select-v2__caret {
    color: #ffffff;
    font-size: 20px;
}

#review-ecg-partnership-registrations .el-select-v2__selected-item {
    width: 100%;
    height: 48px;
}

#review-ecg-partnership-registrations .el-select-v2__selected-item input {
    height: 48px;
}

#review-ecg-partnership-registrations .el-select-v2__placeholder {
    font-size: 20px;
}

/* filters */
#review-ecg-partnership-registrations .filters .filter-label {
    font-size: 28px;
}

.filter-dropdown-industry .el-select-dropdown__item:first-child {
    border-bottom: #412B87 solid 2px;
}

.filter-dropdown-industry .el-select-dropdown__list {
    margin: 0 !important;
}

/* table */
#review-ecg-partnership-registrations .form-contain {
    overflow-x: auto;
}

#review-ecg-partnership-registrations .form {
    border: 1px solid#ddd;
    border-right: none;
    margin-bottom: 10px;
    width: 100%;
    display: table;

}

#review-ecg-partnership-registrations .form .form-head {
    display: flex;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid#ddd;
    min-height: 60px;
}

#review-ecg-partnership-registrations .form .form-head-item {
    border-right: 1px solid#ddd;
    padding: 8px;
}

#review-ecg-partnership-registrations .form-body .form-body-null {
    background-color: #f9f9f9;
    font-size: 14px;
    color: #000;
    text-align: center;
    height: 36px;
    padding: 8px 0;
}

#review-ecg-partnership-registrations .form-body .form-body-data-item {
    background: #fff;
    border-bottom: 1px solid#ddd;
    display: flex;
    width: 100%;
}

#review-ecg-partnership-registrations .form-body .is-even {
   background: #f9f9f9;
}

#review-ecg-partnership-registrations .form-body .is-last {
    border-bottom: 0;
}

#review-ecg-partnership-registrations .form-body-data-item .form-body-data-item-col {
    padding: 8px;
    border-right: 1px solid#ddd;
    display: flex;
    align-items: center;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-word;
}

#review-ecg-partnership-registrations .form-body-data-item .form-body-data-item-col .form-body-data-item-col-edit {
    font-size: 22px;
    margin-right: 8px;
    cursor: pointer;
}

#review-ecg-partnership-registrations .form .col-select {
    min-width: 36px;
}

#review-ecg-partnership-registrations .form .col-name {
    width:23%;
    min-width: 120px;
}

#review-ecg-partnership-registrations .form .col-name a {
    cursor: pointer;
}

#review-ecg-partnership-registrations .form .col-industry {
    width:10%;
    min-width: 100px;
}

#review-ecg-partnership-registrations .form .col-registration {
    width:calc(10% - 9px);
    min-width: 100px;
}

#review-ecg-partnership-registrations .form .col-company {
    width:22%;
    min-width: 120px;
}

#review-ecg-partnership-registrations .form .col-view {
    width:6%;
    min-width: 50px;
}

#review-ecg-partnership-registrations .form .col-contact {
    width:calc(10% - 9px);
    min-width: 80px;
}

#review-ecg-partnership-registrations .form .col-status {
    width:calc(9% - 9px);
    min-width: 70px;
}

#review-ecg-partnership-registrations .form .col-type {
    width:calc(10% - 9px);
    min-width: 100px;
}

#review-ecg-partnership-registrations .form-body-data-item .form-body-data-item-col .form-body-data-item-col-delete {
    font-size: 22px;
    cursor: pointer;
}

/* select-dropdown */
.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__option-item {
    font-size: 17px;
    color: #333333;
}

/* pagination */
#review-ecg-partnership-registrations .searchresults-container .row{
    line-height: 32px;
}

#review-ecg-partnership-registrations .searchresults-container .title{
    font-size: 14px;
    color: #000;
}

#review-ecg-partnership-registrations .searchresults-container .pagination {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}

#review-ecg-partnership-registrations .searchresults-container .ecg-pagination i, #review-ecg-partnership-registrations .searchresults-container .ecg-pagination span {
    font-size: 22px;
    font-weight: 800;
}

#review-ecg-partnership-registrations .searchresults-container .ecg-pagination {
    padding: 0;
    cursor: pointer;
}

#review-ecg-partnership-registrations .searchresults-container .super {
    font-size: 20px;
    font-weight: 300;
    color: #412B87;
}

/* box button */
#review-ecg-partnership-registrations .top-button-box {
    margin-top: 10px;
    margin-bottom: 40px;
}

#review-ecg-partnership-registrations .top-button-box .ecg-button {
    background-color: #412B87;
    width: 110px;
    border-radius: 18px;
    height: 41px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

#review-ecg-partnership-registrations .bottom-button-box {
    margin-top: 30px;
}

#review-ecg-partnership-registrations .bottom-button-box .ecg-button {
    background-color: #412B87;
    width: 200px;
    border-radius: 18px;
    height: 41px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

#review-ecg-partnership-registrations .bottom-button-box .ecg-pop-button {
    background-color: #412B87;
    border-radius: 18px;
    height: 41px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 12px 8px 16px 0px;
    float: none;
}

#review-ecg-partnership-registrations .bottom-button-box .ecg-pop-button-left {
    margin-right: 16px;
}

@media (max-width: 768px) {
    #review-ecg-partnership-registrations .bottom-button-box .ecg-pop-button {
        margin-left: 0;
        margin-right: 0;
    }
}

/* checkbox */
#review-ecg-partnership-registrations .el-checkbox--large {
    height: 26px;
    margin-bottom: 0;
}

#review-ecg-partnership-registrations.el-checkbox__input {
    margin-right: 4px;
}

#review-ecg-partnership-registrations .el-checkbox__inner {
    border: 2px solid #cccccc;
    border-radius: 2px;
    width: 18px;
    height: 18px;
    background: #fff;
}

#review-ecg-partnership-registrations .el-checkbox__inner::after {
    width: 4px;
    border-width: 3px;
    border-color: #412B87;
    height: 6px;
    transition: transform .1s ease-in 50ms;
}

#review-ecg-partnership-registrations .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #333;
}

/* pop */
#reviewEcgPartnershipRegistrations .view-pop {
    width: 54%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#reviewEcgPartnershipRegistrations .view-pop .reason-textarea {
    margin-top: 20px;
}

#reviewEcgPartnershipRegistrations .view-pop .reason-textarea .el-textarea__inner {
    height: 95px;
    padding: 7px 15px;
    border: none;
    font-size: 16px;
}

@media (min-width: 768px) {
    #reviewEcgPartnershipRegistrations .view-pop {
        min-width: 788px;
    }
}

#reviewEcgPartnershipRegistrations .el-dialog__header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #412B87;
    margin: 0;
}

#reviewEcgPartnershipRegistrations .el-dialog__header .el-dialog__title {
    font-weight: 700;
    font-size: 22px;
    color: #ffffff;
}

#reviewEcgPartnershipRegistrations .view-pop .el-dialog__body {
    white-space: normal;
    word-break: break-word;
    padding: 20px;
    font-size: 16px;
}

#reviewEcgPartnershipRegistrations .view-pop .el-dialog__header .el-dialog__close {
    font-size: 30px;
    color: #fff;
}

#reviewEcgPartnershipRegistrations .view-pop .el-dialog__body .detail-title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    padding-top: 5px;
}

#reviewEcgPartnershipRegistrations .view-pop .el-dialog__body .detail-content {
    font-size:14px;
    color: #000;
    min-height: 20px;
}

#reviewEcgPartnershipRegistrations .view-pop .detail-reject {
    margin-top: 20px;
}

#reviewEcgPartnershipRegistrations .view-pop .detail-reject .detail-reject-title1 {
    font-size:14px;
    color: #333;
}

#reviewEcgPartnershipRegistrations .view-pop .detail-reject .detail-reject-title1 {
    font-size:19px;
    color: #333;
}

#reviewEcgPartnershipRegistrations .view-pop .detail-reject .etail-reject-select {
    margin-top: 10px;
}

@media (min-width: 401px) and (max-width: 767px) {
    #reviewEcgPartnershipRegistrations .view-pop .detail .col-md-6 {
        padding-bottom: 6px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #reviewEcgPartnershipRegistrations .view-pop .detail .col-md-6 {
        padding-bottom: 6px;
    }
}

@media (max-width: 400px) {
    #reviewEcgPartnershipRegistrations .view-pop .detail .col-md-6 {
        padding-bottom: 6px;
    }
}



.aplm_el_select  .is-reverse {
    transform: rotateZ(0deg) !important;
}

.ris-selectbox .el-select .el-input .el-select__caret {
    transform: rotateZ(360deg)!important;
}

.search-select .el-select .el-input .el-select__caret {
    transform: rotateZ(360deg)!important;
}

/* select-v2 */
#courseExplore .el-select-dropdown__list {
    height: auto !important;
}

#courseExplore  .el-select-dropdown__option-item {
    display: courseExplores;
    height: auto  !important;
}

#courseExplore .el-select-dropdown__list div:nth-child(1) {
    height: auto  !important;
}

#courseExplore .line {
    width: 100%;
    height: 0;
    border-bottom: 2px solid #000;
}

#courseExplore .multiple_v2_select .el-select-v2__wrapper {
    height: 48px;
}

#courseExplore .multiple_v2_select .el-select-v2__selection {
    height: 100%;
}

/* select input*/
#courseExplore .el-form-item__courseExplore {
    height: 48px;
    line-height: 50px;
}

#courseExplore .el-select-v2 {
    width: 100%;
}

#courseExplore .el-select-v2__wrapper {
    width: 100%;
    background-color: #e68717;
}

#courseExplore .el-select-v2 .el-select-v2__placeholder {
    color: #ffffff;
    font-size: 18px;
}

#courseExplore .el-select-v2 .el-select-v2__caret {
    color: #ffffff;
    font-size: 20px;
}

#courseExplore .el-select-v2__selected-item {
    width: 100%;
}

#courseExplore .el-select-v2__selected-item input {
    height: 40px;
}

/* pagination */
#courseExplore .searchresults-container p {
    padding: 0;
}

#courseExplore .searchresults-container .pagination {
    display: flex;
    justify-content: flex-end;
}

#courseExplore .searchresults-container .course-pagination i, #courseExplore .searchresults-container .course-pagination span {
    font-size: 22px;
    font-weight: 800;
}

#courseExplore .searchresults-container .course-pagination {
    padding: 0;
}

#courseExplore .pagination-bottom {
    padding: 0;
}

#courseExplore .pagination .el-pager li {
    color: #412B87;
    font-weight: 700;
}

#courseExplore .pagination .btn-prev {
    color: #412B87;
    font-weight: 700;
}

#courseExplore .pagination .btn-next {
    color: #412B87;
    font-weight: 700;
}

/* multiple */
.is-multiple .el-select-dropdown__item {
    height: auto !important;
}

#courseExplore .hasSelect {
    margin-bottom: 0 !important;
}

#courseExplore .el-input__inner {
    color: #fff;
    font-size: 18px;
}

#courseExplore #FilterBy-body .el-input__inner {
    color: #606266;
    font-size: 16px;
}

#courseExplore .multiple_select .el-select {
    width: 100%;
}

#courseExplore .multiple_select .el-input {
    height: 48px;
}

#courseExplore .multiple_select .el-select .el-input__wrapper {
    background: #412B87;
}

#courseExplore .multiple_select ::-webkit-input-placeholder{/*Webkit browsers*/
	color:#fff;
}
#courseExplore .multiple_select :-moz-placeholder{/*Mozilla Firefox 4 to 8*/
    color:#fff;
}
#courseExplore .multiple_select ::moz-placeholder{/*Mozilla Firefox 19+*/
	color:#fff;
}
#courseExplore .multiple_select :-ms-input-placeholder{/*Internet Explorer 10+*/
    color:#fff;
}

#courseExplore .multiple_select .el-select .el-select__caret {
    color: #ffffff;
    font-size: 20px;
}

#courseExplore .multiple_courseExplore {
    margin-top: 0!important;
    height: auto !important;
}

#courseExplore .multiple_courseExplore .el-form-item__courseExplore {
    height: auto !important;
}

#courseExplore .multiple_courseExplore .multiple_courseExplore_element {
    width: 100%;
    padding: 12px;
}

#courseExplore .multiple_courseExplore .multiple_courseExplore_element:nth-child(odd) {
    background: #f7f7f7;
}

#courseExplore .multiple_courseExplore .multiple_courseExplore_element_label {
    display: flex;
    justify-content: space-between;
}

#courseExplore .multiple_courseExplore .multiple_courseExplore_element_label span {
    color: #e68717;
    font-size: 16px;
    font-weight: 100;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-word;
}

#courseExplore .multiple_courseExplore .multiple_courseExplore_element_label span i {
    cursor: pointer;
}

#courseExplore .multiple_courseExplore .multiple_courseExplore_element_institution {
    font-size: 14px;
    color: #666666;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-word;
}

#selectbox .select {
    margin-bottom: 10px;
}

#selectbox .select span {
    min-width: 140px;
    line-height: 48px;
}

/* filter-Options common */
#courseExplore .checkbox-tertiary {
    margin-top: 4px;
}

#courseExplore .checkbox-tertiary .filter-line {
    height: 0;
    width: 100%;
    margin: 10px 0;
    border-top: 1px solid #e68717;
}

#courseExplore .checkbox-tertiary .el-checkbox__label {
    white-space: pre-wrap;
    word-break: break-word;
}

#courseExplore .checkbox-tertiary .filter-search {
    margin: 8px 0 4px 0;
}  

#courseExplore .checkbox-tertiary .filter-search i {
    cursor: pointer;
}

#courseExplore .checkbox-tertiary .filter-search .el-input {
    width: 88%;
    margin-right: 10px;
}

#courseExplore .checkbox-tertiary .el-checkbox {
    height: 30px;
}

#courseExplore .checkbox-tertiary .filter-clecked {
    min-height: 40px;
    height: auto;
    margin: 6px 0;
    line-height: 14px;
}



#courseExplore .filter-heading span {
    color: #212529;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

#courseExplore .date-heading span {
    color: #9B9B9B;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

#courseExplore .collapsed span {
    font-size: 400 !important;
    color: #333333;
    
}

#courseExplore .filter-heading span:after {
    cursor: pointer;
    content: '\f068';
    font-family: 'FontAwesome';
    float: right;
    color: #412B87
}

#courseExplore .collapsed span:after {
    cursor: pointer;
    content: '\f067';
}


#courseExplore .filter-Options .panel-group {
    border-radius: 4px;
}

#courseExplore .filter-Options .panel-title {
    padding-top: 2px;
}

#courseExplore .filter-Options .panel-body .item-set {
    padding-bottom:15px;
}

#courseExplore .filter-Options .panel-body .item-set .el-select-v2 {
    background-color: #412B87;
    height: 54px;
    border-radius: 0;
}

#courseExplore .filter-Options .panel-body .item-set .el-select-v2__wrapper {
    background-color: #412B87;
    height: 54px;
}

#courseExplore .filter-Options .panel-body .item-set .el-select-v2__placeholder {
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
}

#courseExplore .filter-Options .panel-body .item-set .el-select-v2__caret {
    color: #ffffff;
    font-size: 20px;
}

#courseExplore .filter-Options .panel-body .item-set .heading {
    font-size: 16px;
    padding-bottom:5px;
    color:#333;
}


#courseExplore .filter-Options .col-md-3{
    padding-left: 25px!important;
    padding-right: 15px!important;
}

#courseExplore .filter-Options .panel-group {
    border: 1px solid #ccc;
}

#courseExplore .filter-Options .panel-heading{
    padding: 10px 15px 10px 15px;
    border-bottom: 1px solid #ccc;
}

#courseExplore .filter-Options .panel-body .item-set .heading {
    font-size: 15px;
    padding-bottom:5px;
    color:#666666;
    font-family: Source Sans Pro;
    font-weight: normal;
}  

.labelcount {
    font-weight: bold;
}  

#courseExplore .filter-Options .borderbottom {
    border-bottom: 1px solid #ccc;
    padding: 0 13px;
    font-size: 16px;
    padding-bottom:5px;
    color:#666666;
    font-family: Source Sans Pro;
    font-weight: normal;
}

#courseExplore .filter-Options .padding-panel-body {
	padding:0px 14px 0px;
}

#courseExplore .filter-Options .panel-heading {
    padding: 0px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#courseExplore .filter-Options .panel-group-header {
    border-bottom: 1px solid #ccc;
}

#courseExplore .filter-Options h4 {
    font-size: 24px;
    font-family: 'Gotham Runded Bold'; 
    margin-top: 10px;
    font-weight:600 !important;
    margin-top:10px;
    margin-bottom:10px;
}

#courseExplore .filter-Options .filterBy-body-top-margin {
	margin-top:20px;
}

#courseExplore .data-picker .el-date-editor {
    margin-top:10px;
    width: 230px;
}

#courseExplore .data-picker .el-range-input {
   font-size: 16px;
}

#courseExplore .collapsed span {
    color: #333333;
}

/* table */
#courseExplore .course_panel .pd-l-15 {
    padding-left: 15px;
}

#courseExplore .course_panel .pd-b-15 {
    padding-bottom: 15px;
}

#courseExplore .course_panel .table-title {
    font-weight: 600;
}

#courseExplore .course_panel .run-title {
    margin-right: 6px;
}


#courseExplore .course_panel .course-fee-title {
    font-size: 24px;
}


#courseExplore .course_panel .ctabtn {
    background-color: #e68717;
    color: #fff;
    font-size: 16px;
    width: 150px;
    height:36px;
}

#courseExplore  .upcoming {
    color: #e68717;
    font-size: 20px;
    height:36px;
}

#courseExplore .el-select-v2__caret {
    transform: rotateZ(180deg)
}

#courseExplore .is-reverse {
    transform: rotateZ(0deg)
}

#courseExplore .course_panel {
    width: 100%;
    height: auto;
    border: 1px solid;
    border-color: #e68717;
    border-radius: 4px;
    text-align: left;
    position: relative;
    margin: 25px 0;
    padding-left: 20px;
    padding-right: 20px;
}

#courseExplore .info-top {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
}

#courseExplore .info-top {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
}

#courseExplore .course_panel .row span {
    font-size: 16px;
}

#courseExplore .course-link {
    display: block;
    text-decoration: underline;
    font-size: 20px;
}

#courseExplore .course-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 20px;
    max-height: 80px;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    text-overflow: ellipsis;
}

#courseExplore .industry-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 20px;
    max-height: 80px;
    overflow: hidden;
    white-space: normal;
    word-break: break-word;
    text-overflow: ellipsis;
}


#courseExplore .super {
    font-size: 30px;
    color: #412B87;
    font-weight: 300;
    font-family: "Gotham Runded Bold";
}

.el-select-dropdown .is-selected {
    color: #000 !important;
    font-weight: 600 !important;
}

.el-select-dropdown .color {
    color: #000 !important;
}

.el-select-dropdown__list .selected {
    color: #000 !important;
}

#courseExplore .pagination .el-pager .is-active {
    color: #666;
    text-decoration: underline;
    font-weight: normal;
}

/* checkbox */

#courseExplore .checkbox-table .el-checkbox--large {
    height: 26px;
}

#courseExplore .checkbox-table .el-checkbox__input {
    margin-right: 4px;
}

#courseExplore .checkbox-table .el-checkbox__inner {
    border: 2px solid #cccccc;
    border-radius: 2px;
    width: 18px;
    height: 18px;
    background: #fff;
}

#courseExplore .el-checkbox__inner::after {
    width: 4px;
    border-width: 3px;
    border-color: #e68717;
    height: 6px;
    transition: transform .1s ease-in 50ms;
}

#courseExplore .el-checkbox__input.is-checked+.el-checkbox__label {
    color: #333;
}

#courseExplore .totaltitle {
    font-size: 20px !important;
    color: #333333;
    font-weight: 300;
    font-family: "Gotham Runded Bold";
}

#courseExplore .search {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

#courseExplore .search .el-button {
    min-width: 100px;
}

#courseExplore .search-btn {
    font-size: 17px;
    font-weight: 700;
    width: 120px;
    border-radius: 50px;
    height: 41px;
}

#courseExplore .ris-select {
    padding: 0px;
}

#courseExplore .ris-select .el-input__inner {
    text-align: center;
}

#courseExplore .search-select .el-input__suffix {
    min-width: 30px;
}

#courseExplore .search-select .el-input__suffix-inner {
    min-width: 30px;
}

#courseExplore .ris-title {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

#courseExplore .ris-selectbox {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

#courseExplore .ris-select-left {
    padding-right: 5px;
}

#courseExplore .ris-select-middle {
    padding-left: 5px;
}

#courseExplore .ris-select-right {
    padding-left: 10px;
}

#courseExplore .industry-select {
    padding: 0;
}

@media (max-width: 991px) {
    #courseExplore .ris-select {
        padding: 0 !important;
    }
}

#courseExplore  .view-link {
    color: #2A51FE;
    cursor: pointer;
}

@media (max-width: 375px) {
    #courseExplore .ris-selectbox {
        display: block!important;
    }

    #courseExplore .ris-select {
        margin-bottom: 10px;
    }
}



#courseExplore .industry-title {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

@media (min-width: 376px) {
    .student-picture {
        height: 220px;
        background-image: url(secondary/images/jobrole_bottom_bg_bottom.png);
        background-position: 50%, top, center, right;
        background-repeat: no-repeat;
    }
}

/* pop */
#courseExplore .view-pop .el-dialog__body {
    white-space: normal;
    word-break: break-word;
    padding: 20px;
    font-size: 16px;
}

#courseExplore .view-pop .el-dialog__header .el-dialog__headerbtn:hover .el-dialog__close {
    color: #e68717 !important;
}


/* radio */
#ecgc-feedback-form .long-label-item {
    flex-direction: column;
}

#ecgc-feedback-form .long-label-item .el-form-item__label {
    width: 100% !important;
    min-height: 50px;
    height: auto;
}

#ecgc-feedback-form .el-radio .el-radio__inner {
    border-color: #e68717;
    border-width: 2px;
    width: 22px;
    height: 22px
}

#ecgc-feedback-form .el-radio-group .is-focus {
    box-shadow: none;
}

#ecgc-feedback-form .el-radio .el-radio__inner::after {
    width: 6px;
    height: 6px;
}

#ecgc-feedback-form .el-radio__input.is-checked .el-radio__inner {
    border-color: #e68717;
    background: #e68717;
}

#ecgc-feedback-form .el-radio-group .is-checked .el-radio__label {
    color: #e68717;
}

/* single-date*/
#ecgc-feedback-form .single-date .el-input__wrapper {
    height: 48px;
}

#ecgc-feedback-form .single-date .el-input {
    height: 48px;
    width: 100%;
}

/* select input*/
#ecgc-feedback-form .el-form-item .el-select--default {
    width: 100%;
}

#ecgc-feedback-form .el-form-item .el-select--default .el-input__wrapper {
    background: #e68717;
}

#ecgc-feedback-form .el-form-item .el-select--default .el-input__inner {
    color: #fff;
    font-size: 16px;
}

#ecgc-feedback-form .el-form-item .el-select--default .el-input__inner::placeholder {
    font-size: 16px;
    color: #fff;
}
 
#ecgc-feedback-form .el-form-item .el-select--default .el-select__icon {
    font-size: 20px;
    color: #fff;
}

/* select input v2*/
#ecgc-feedback-form .el-form-item .el-form-item__content {
    height: 48px;
    line-height: 50px;
}

#ecgc-feedback-form .el-form-item .el-select-v2 {
    width: 100%;
}

#ecgc-feedback-form .el-form-item .el-select-v2__wrapper {
    width: 100%;
    background-color: #e68717;
}

#ecgc-feedback-form .el-form-item .el-select-v2 .el-select-v2__placeholder {
    color: #ffffff;
}

#ecgc-feedback-form .el-form-item .el-select-v2 .el-select-v2__caret {
    color: #ffffff;
    font-size: 20px;
}

#ecgc-feedback-form .el-form-item .el-select-v2__selected-item {
    width: 100%;
}

#ecgc-feedback-form .el-form-item .el-select-v2__selected-item input {
    height: 40px;
}

/* captcha input*/

#ecgc-feedback-form .submit_btn .el-form-item__content {
    margin-left: 0 !important;
}

#ecgc-feedback-form .captcha {
    margin-bottom: 0;
}

#ecgc-feedback-form .captcha .el-form-item__content {
    height: 140px;
    margin-left: 0 !important;
    justify-content: start;
    flex-direction: column;
}

#ecgc-feedback-form .captcha .el-form-item__error {
    position: unset;
}

#ecgc-feedback-form .captcha  .captcha-content {
    height: 80%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

#ecgc-feedback-form .captcha  .captcha-content-label {
    font-size: 14px;
    color: #000;
    padding-bottom: 5px;
    font-weight: 700;
}

#ecgc-feedback-form .captcha-img {
    display: flex;
    justify-content: center;
}

#ecgc-feedback-form .captcha-img .captcha-img-content {
    text-align: center;
}

#ecgc-feedback-form .captcha-img .captcha-img-content a{
    cursor: pointer;
}
/* input */
#ecgc-feedback-form .el-form-item .el-input__inner {
    height: 48px;
}

/* contact-number */
#ecgc-feedback-form .contact-number .el-input__inner::placeholder  {
    font-size: 16px;
    color: #000;
}

/* error */
#ecgc-feedback-form .el-form-item .el-form-item__error {
    color: #D82631;
    font-size: 12px;
}

/* label */
#ecgc-feedback-form .el-form-item .el-form-item__label {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    justify-content: flex-start;
    height: 50px;
}

#ecgc-feedback-form .el-form-item .el-form-item__label::before {
    content: '';
    margin-right: 0px;
}

/* select-v2 */
#ecgc-feedback-form .multiple_v2_select .el-select-v2__wrapper {
    height: 48px;
}

#ecgc-feedback-form .multiple_v2_select .el-select-v2__selection {
    height: 100%;
}

/* submit_btn */
#ecgc-feedback-form .submit_btn .el-form-item__content {
    margin-right: 10px !important;
    margin-top: 10px  !important;
    justify-content: center !important;
}

#ecgc-feedback-form .submit_btn .el-form-item__content button {
    background-color: #e68717;
    width: 150px;
    border-radius: 18px;
    height: 38px;
}

#ecgc-feedback-form .submit_btn .el-form-item__content button span {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
#mass-upload-ecg-partnership-registrations a{
    cursor: pointer;
}

#mass-upload-ecg-partnership-registrations .file_error_message {
    color: #D82631;
    font-size: 12px;
}

/* checkbox */
#mass-upload-ecg-partnership-registrations .checkbox-table .el-checkbox--large {
    height: 26px;
}

#mass-upload-ecg-partnership-registrations .checkbox-table .el-checkbox__input {
    margin-right: 4px;
}

#mass-upload-ecg-partnership-registrations .checkbox-table .el-checkbox__inner {
    border: 2px solid #cccccc;
    border-radius: 2px;
    width: 18px;
    height: 18px;
    background: #fff;
}

#mass-upload-ecg-partnership-registrations .el-checkbox__inner::after {
    width: 4px;
    border-width: 3px;
    border-color: #412B87;
    height: 6px;
    transition: transform .1s ease-in 50ms;
}

#mass-upload-ecg-partnership-registrations .input-group {
    background-color: #eee;
}

#mass-upload-ecg-partnership-registrations  .super {
    font-size: 20px;
    font-weight: 300;
    color: #412B87;
}

#mass-upload-ecg-partnership-registrations  .attendance_title {
    padding: 12px 0 !important;
    margin: 0 !important;
}

#mass-upload-ecg-partnership-registrations .big-table-group .title {
    margin-right: 6px;
}

#mass-upload-ecg-partnership-registrations .big-table-group .academic {
    margin-right: 6px;
}

#mass-upload-ecg-partnership-registrations .big-table-group .delete-icon {
    cursor: pointer;
}

#mass-upload-ecg-partnership-registrations .upload-title {
    font-weight: 600;
    font-size: 16px;
}

#mass-upload-ecg-partnership-registrations .input-group {
    width: 100%;
}

#mass-upload-ecg-partnership-registrations .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

#mass-upload-ecg-partnership-registrations .input-group .fa-upload {
    font-size: 16px;
}

#mass-upload-ecg-partnership-registrations .ecg-btn {
    background-color: #412B87 !important;
    color: #fff !important;
    text-decoration: none;
}

#mass-upload-ecg-partnership-registrations .big-table-row.heading {
    background-color: #8c4198;
    color: #fff;
    font-family: "Source Sans Pro Bold";
    padding-top: 5px;
    padding-bottom: 3px;
    margin: 0;
}

#mass-upload-ecg-partnership-registrations .big-table-row {
    display: table;
    position: relative;
    width: 100%;
    font-size: 16px;
    line-height: 19px;
}

#mass-upload-ecg-partnership-registrations .big-table-row .table-head-title {
    color: #fff;
    font-family: "Source Sans Pro Bold";
    text-align: center;
    margin: 0;
    font-size: 16px;
    line-height: 22px;
}

#mass-upload-ecg-partnership-registrations .text-align-right {
    text-align: right;
}

#mass-upload-ecg-partnership-registrations .line {
    height: 0;
    width: 100%;
    margin: 30px 0;
    border-top: 1px solid #412B87;
}

#mass-upload-ecg-partnership-registrations .item-Content {
    display: table-cell;
    padding: 12px 15px;
    vertical-align: top;
}
#mass-upload-ecg-partnership-registrations .border-left {
    border-left: 1px solid #412B87;
}
#mass-upload-ecg-partnership-registrations .border-right {
    border-right: 1px solid #412B87;
}

#mass-upload-ecg-partnership-registrations .info-text {
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 100;
    color: #333;
}

#mass-upload-ecg-partnership-registrations .big-table-group .title {
    margin-right: 6px;
    font-weight: 600;
}

#mass-upload-ecg-partnership-registrations .rectangle-border {
    border-bottom: 1px solid #412B87;
    border-left: 1px solid #412B87;
    border-top: 1px solid #412B87;
    border-right: 1px solid #412B87;
    margin-bottom: 10px;
}

#mass-upload-ecg-partnership-registrations .big-table-row .content-word-break {
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-word
}

#mass-upload-ecg-partnership-registrations .big-table-group .info-icon {
    display: block;
}

.el-popper.is-customized {
    /* Set padding to ensure the height is 32px */
    padding: 6px 12px;
    background: #000;
    color: #fff;
    font-size: 16px;
}

.el-popper.is-customized .el-popper__arrow::before {
    background: #000;
    right: 0;
    color: #fff;
    font-size: 16px;
}
/* status bar */
#ecgcViewPage .status-bar {
    display: flex;
    margin-bottom: 20px;
}

#ecgcViewPage .status-bar .approve {
   border: 8px solid #cbddbe;
   border-radius: 2px;
   height: 125px;
   width: 200px;
   margin-right: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
}

#ecgcViewPage .status-bar .pending {
    border: 8px solid #be5b1b;
    border-radius: 2px;
    height: 125px;
    width: 200px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}


#ecgcViewPage .status-bar .reject {
    border: 8px solid #fb0100;
    border-radius: 2px;
    height: 125px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#ecgcViewPage .status-bar .value {
    font-size: 26px;
    font-weight: 900;
    text-align: center;
}

#ecgcViewPage .status-bar .describletion {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

/* search */
#ecgcViewPage #searchkeywordbox {
    text-align: center;
    margin-bottom:20px;
}

#ecgcViewPage #searchkeywordbox h1 {
    color: #fff;
    font-size: 38px;
    font-weight: 300;
    line-height: 40px;
    margin-top: 45px;
    margin-bottom: 20px;
    font-family: Gotham Runded Bold;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 140px;
    margin-bottom: 90px;
}

#ecgcViewPage #searchkeywordbox p {
    color: #fff;
    margin-top: 17px;
    margin-bottom: 50px;
}

#ecgcViewPage #searchkeywordbox p.subtitle {
    font-size:20px;
}

#ecgcViewPage #searchkeywordbox .input-group {
    width: 100%;
}

#ecgcViewPage #searchkeywordbox .input-group .form-control {
    font-size: 17px;
    height: 53px;
    padding: 14px;
}

#ecgcViewPage #searchkeywordbox .input-group .form-control .el-input__wrapper {
    width: 100%;
    box-shadow: none;
}

#ecgcViewPage #searchkeywordbox .glyphicon.glyphicon-search {
    font-size: 18px;
    padding: 11px;
    color: #fff;
}

#ecgcViewPage #searchkeywordbox .search-title {
    margin-bottom: 50px;
}

#ecgcViewPage #searchkeywordbox .search-input {
    flex-grow: 1;
    -webkit-appearance: none;
    padding: 0;
    outline: 0;
    border: none;
    background: 0 0;
    box-sizing: border-box;
    width: 100%
}

@media (min-width: 1200px){
    #ecgcViewPage #searchkeywordbox {
        width: 80%;
        margin: 15px 0 !important;
    }
}

/* select input*/
#ecgcViewPage .filters .filter-select .el-input__wrapper {
    background: #412B87;
    height: 48px;
}

#ecgcViewPage .filters .filter-select .el-input__inner {
    color: #fff;
    font-size: 16px;
}

#ecgcViewPage .filters .filter-select .el-input__inner::placeholder {
    font-size: 16px;
    color: #fff;
}

#ecgcViewPage .filters .filter-select .el-select__icon {
    font-size: 20px;
    color: #fff;
}


/* select input v2*/
#ecgcViewPage .el-select-v2 {
    width: 100%;
}

#ecgcViewPage .el-select-v2__wrapper {
    width: 100%;
    background-color: #412B87;
}

#ecgcViewPage .el-select-v2 .el-select-v2__placeholder {
    color: #ffffff;
}

#ecgcViewPage .el-select-v2 .el-select-v2__caret {
    color: #ffffff;
    font-size: 20px;
}

#ecgcViewPage .el-select-v2__selected-item {
    width: 100%;
    height: 48px;
}

#ecgcViewPage .el-select-v2__selected-item input {
    height: 48px;
}

#ecgcViewPage .el-select-v2__placeholder {
    font-size: 20px;
}

/* filters */
#ecgcViewPage .filters .filter-label {
    font-size: 28px;
}

.filter-dropdown-industry .el-select-dropdown__item:first-child {
    border-bottom: #412B87 solid 2px;
}

.filter-dropdown-industry .el-select-dropdown__list {
    margin: 0 !important;
}

/* table head icon */
#ecgcViewPage .fa_filter:before {
    content: "\f0b0";
}

#ecgcViewPage .fa_asc:before {
    content: "\f160";
}

#ecgcViewPage .fa_desc:before {
    content: "\f161";
}
#ecgcViewPage .fa-fw {
    cursor: pointer;
}

/* table */
#ecgcViewPage .form-contain {
    overflow-x: auto;
}

#ecgcViewPage .form {
    border: 1px solid#ddd;
    border-right: none;
    margin-bottom: 10px;
    width: 100%;
    display: table;

}

#ecgcViewPage .form .form-head {
    display: flex;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid#ddd;
    min-height: 60px;
}

#ecgcViewPage .form .form-head-item {
    border-right: 1px solid#ddd;
    padding: 8px;
}

#ecgcViewPage .form-body .form-body-null {
    background-color: #f9f9f9;
    font-size: 14px;
    color: #000;
    text-align: center;
    height: 36px;
    padding: 8px 0;
}

#ecgcViewPage .form-body .form-body-data-item {
    background: #fff;
    border-bottom: 1px solid#ddd;
    display: flex;
    width: 100%;
}

#ecgcViewPage .form-body .is-even {
   background: #f9f9f9;
}

#ecgcViewPage .form-body .is-last {
    border-bottom: 0;
}

#ecgcViewPage .form-body-data-item .form-body-data-item-col {
    padding: 8px;
    border-right: 1px solid#ddd;
    display: flex;
    align-items: center;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-word;
}

#ecgcViewPage .form-body-data-item .form-body-data-item-col .form-body-data-item-col-edit {
    font-size: 22px;
    margin-right: 8px;
    cursor: pointer;
}

#ecgcViewPage .form .col-name {
    width:20%;
    min-width: 120px;
}

#ecgcViewPage .form .col-name a {
    cursor: pointer;
}

#ecgcViewPage .form .col-industry {
    width:10%;
    min-width: 100px;
}

#ecgcViewPage .form .col-registration {
    width:10%;
    min-width: 100px;
}

#ecgcViewPage .form .col-company {
    width:20%;
    min-width: 120px;
}

#ecgcViewPage .form .col-contact {
    width:8%;
    min-width: 80px;
}

#ecgcViewPage .form .col-engage {
    width:14%;
    min-width: 100px;
}

#ecgcViewPage .form .col-type {
    width:10%;
    min-width: 80px;
}

#ecgcViewPage .form .col-status {
    width:8%;
    min-width: 80px;
}

#ecgcViewPage .form-body-data-item .form-body-data-item-col .form-body-data-item-col-delete {
    font-size: 22px;
    cursor: pointer;
}

/* pagination */
#ecgcViewPage .searchresults-container .row{
    line-height: 32px;
}

#ecgcViewPage .searchresults-container .title{
    font-size: 14px;
    color: #000;
}

#ecgcViewPage .searchresults-container .pagination {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}

#ecgcViewPage .searchresults-container .ecg-pagination i, #ecgcViewPage .searchresults-container .ecg-pagination span {
    font-size: 22px;
    font-weight: 800;
}

#ecgcViewPage .searchresults-container .ecg-pagination {
    padding: 0;
    cursor: pointer;
}

#ecgcViewPage .searchresults-container .super {
    font-size: 20px;
    font-weight: 300;
    color: #412B87;
}
/* search */
#ecgc-feedback-admin #searchkeywordbox {
    text-align: center;
    margin-bottom:20px;
}

#ecgc-feedback-admin #searchkeywordbox h1 {
    color: #fff;
    font-size: 38px;
    font-weight: 300;
    line-height: 40px;
    margin-top: 45px;
    margin-bottom: 20px;
    font-family: Gotham Runded Bold;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 140px;
    margin-bottom: 90px;
}

#ecgc-feedback-admin #searchkeywordbox p {
    color: #fff;
    margin-top: 17px;
    margin-bottom: 50px;
}

#ecgc-feedback-admin #searchkeywordbox p.subtitle {
    font-size:20px;
}

#ecgc-feedback-admin #searchkeywordbox .input-group {
    width: 100%;
}

#ecgc-feedback-admin #searchkeywordbox .input-group .form-control {
    font-size: 17px;
    height: 53px;
    padding: 14px;
}

#ecgc-feedback-admin #searchkeywordbox .input-group .form-control .el-input__wrapper {
    width: 100%;
    box-shadow: none;
}

#ecgc-feedback-admin #searchkeywordbox .glyphicon.glyphicon-search {
    font-size: 18px;
    padding: 11px;
    color: #fff;
}

#ecgc-feedback-admin #searchkeywordbox .search-title {
    margin-bottom: 50px;
}

#ecgc-feedback-admin #searchkeywordbox .search-input {
    flex-grow: 1;
    -webkit-appearance: none;
    padding: 0;
    outline: 0;
    border: none;
    background: 0 0;
    box-sizing: border-box;
    width: 100%
}

@media (min-width: 1200px){
    #ecgc-feedback-admin #searchkeywordbox {
        width: 80%;
        margin: 15px 0 !important;
    }
}

/* select input*/
#ecgc-feedback-admin .filters .filter-select .el-input__wrapper {
    background: #e68717;
    height: 48px;
}

#ecgc-feedback-admin .filters .filter-select .el-input__inner {
    color: #fff;
    font-size: 16px;
}

#ecgc-feedback-admin .filters .filter-select .el-input__inner::placeholder {
    font-size: 16px;
    color: #fff;
}

#ecgc-feedback-admin .filters .filter-select .el-select__icon {
    font-size: 20px;
    color: #fff;
}


/* select input v2*/
#ecgc-feedback-admin .el-select-v2 {
    width: 100%;
}

#ecgc-feedback-admin .el-select-v2__wrapper {
    width: 100%;
    background-color: #e68717;
}

#ecgc-feedback-admin .el-select-v2 .el-select-v2__placeholder {
    color: #ffffff;
}

#ecgc-feedback-admin .el-select-v2 .el-select-v2__caret {
    color: #ffffff;
    font-size: 20px;
}

#ecgc-feedback-admin .el-select-v2__selected-item {
    width: 100%;
    height: 48px;
}

#ecgc-feedback-admin .el-select-v2__selected-item input {
    height: 48px;
}

#ecgc-feedback-admin .el-select-v2__placeholder {
    font-size: 20px;
}

/* filters */
#ecgc-feedback-admin .filters .filter-label {
    font-size: 28px;
}

.filter-dropdown-school .el-select-dropdown__item:first-child {
    border-bottom: #e68717 solid 2px;
}

.filter-dropdown-school .el-select-dropdown__list {
    margin: 0 !important;
}

/* table head icon */
#ecgc-feedback-admin .fa_filter:before {
    content: "\f0b0";
}

#ecgc-feedback-admin .fa_asc:before {
    content: "\f160";
}

#ecgc-feedback-admin .fa_desc:before {
    content: "\f161";
}
#ecgc-feedback-admin .fa-fw {
    cursor: pointer;
}

/* table */
#ecgc-feedback-admin .form-contain {
    overflow-x: auto;
}

#ecgc-feedback-admin .form {
    border: 1px solid#ddd;
    border-right: none;
    margin-bottom: 10px;
    width: 100%;
    display: table;

}

#ecgc-feedback-admin .form .form-head {
    display: flex;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid#ddd;
    min-height: 60px;
}

#ecgc-feedback-admin .form .form-head-item {
    border-right: 1px solid#ddd;
    padding: 8px;
}

#ecgc-feedback-admin .form-body .form-body-null {
    background-color: #f9f9f9;
    font-size: 14px;
    color: #000;
    text-align: center;
    height: 36px;
    padding: 8px 0;
}

#ecgc-feedback-admin .form-body .form-body-data-item {
    background: #fff;
    border-bottom: 1px solid#ddd;
    display: flex;
    width: 100%;
}

#ecgc-feedback-admin .form-body .is-even {
   background: #f9f9f9;
}

#ecgc-feedback-admin .form-body .is-last {
    border-bottom: 0;
}

#ecgc-feedback-admin .form-body-data-item .form-body-data-item-col {
    padding: 8px;
    border-right: 1px solid#ddd;
    display: flex;
    align-items: center;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-word;
}

#ecgc-feedback-admin .form-body-data-item .form-body-data-item-col .form-body-data-item-col-edit {
    font-size: 22px;
    margin-right: 8px;
    cursor: pointer;
}


#ecgc-feedback-admin .form .col-name {
    width:20%;
    min-width: 120px;
}

#ecgc-feedback-admin .form .col-schoolName {
    width:20%;
    min-width: 120px;
}

#ecgc-feedback-admin .form .col-partnerEngage {
    width:20%;
    min-width: 120px;
}

#ecgc-feedback-admin .form .col-dateEngage {
    width:16%;
    min-width: 100px;
}

#ecgc-feedback-admin .form .col-typesOfSDE {
    width:12%;
    min-width: 80px;
}

#ecgc-feedback-admin .form .col-satisfied {
    width:12%;
    min-width: 80px;
}

#ecgc-feedback-admin .form-body-data-item .form-body-data-item-col .form-body-data-item-col-delete {
    font-size: 22px;
    cursor: pointer;
}

/* pagination */
#ecgc-feedback-admin .searchresults-container .row{
    line-height: 32px;
}

#ecgc-feedback-admin .searchresults-container .title{
    font-size: 14px;
    color: #000;
}

#ecgc-feedback-admin .searchresults-container .pagination {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}

#ecgc-feedback-admin .searchresults-container .ecg-pagination i, #ecgc-feedback-admin .searchresults-container .ecg-pagination span {
    font-size: 22px;
    font-weight: 800;
}

#ecgc-feedback-admin .searchresults-container .ecg-pagination {
    padding: 0;
    cursor: pointer;
}

#ecgc-feedback-admin .searchresults-container .super {
    font-size: 20px;
    font-weight: 300;
    color: #e68717;
}
/* date */
#ecgc-feedback-admin .data-picker .el-date-editor {
    background: #fff !important;
    width: 230px;
}

#ecgc-feedback-admin .data-picker .el-range-input {
   font-size: 16px;
}

#ecgc-feedback-admin .checkbox-tertiary .filter-line {
    height: 0;
    width: 100%;
    margin: 10px 0;
    border-top: 1px solid #e68717;
}

#ecgc-feedback-admin .checkbox-tertiary .el-checkbox__label {
    white-space: pre-wrap;
    word-break: break-word;
}

#ecgc-feedback-admin .checkbox-tertiary .filter-search {
    margin: 8px 0 4px 0;
}  

#ecgc-feedback-admin .checkbox-tertiary .filter-search i {
    cursor: pointer;
}

#ecgc-feedback-admin .checkbox-tertiary .filter-search .el-input {
    width: 88%;
    margin-right: 10px;
}

#ecgc-feedback-admin .checkbox-tertiary .el-checkbox {
    height: 30px;
}


#ecgc-feedback-admin .checkbox-tertiary .filter-clecked {
    min-height: 30px;
    height: auto;
}
/**
* IMPORT CSS
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");


/**
* ROOT VALUES
*/

:root {
	/* Primary */
	--ds-mysf-primary-50: #F0F6FD;
	--ds-mysf-primary-100: #E4EEFB;
	--ds-mysf-primary-200: #CFDFF6;
	--ds-mysf-primary-300: #B1CAF0;
	--ds-mysf-primary-400: #91ACE8;
	--ds-mysf-primary-500: #778FDD;
	--ds-mysf-primary-600: #586BCE;
	--ds-mysf-primary-700: #4C5BB6;
	--ds-mysf-primary-800: #404D93;
	--ds-mysf-primary-900: #394376;

	/* Neutral */
	--ds-mysf-neutral-50: #F5F6F6;
	--ds-mysf-neutral-100: #E4E7E9;
	--ds-mysf-neutral-200: #CCD0D5;
	--ds-mysf-neutral-300: #A8AFB8;
	--ds-mysf-neutral-400: #7D8693;
	--ds-mysf-neutral-500: #626B78;
	--ds-mysf-neutral-600: #545A66;
	--ds-mysf-neutral-700: #484D56;
	--ds-mysf-neutral-800: #40444A;
	--ds-mysf-neutral-900: #313338;

	/* Neutral Warm */
	--ds-mysf-neutral-warm-50: #FAF8F4;
	--ds-mysf-neutral-warm-100: #F2EDE2;
	--ds-mysf-neutral-warm-200: #E4D9C4;
	--ds-mysf-neutral-warm-300: #D2BF9F;
	--ds-mysf-neutral-warm-400: #BFA078;
	--ds-mysf-neutral-warm-500: #B2895D;
	--ds-mysf-neutral-warm-600: #A57751;
	--ds-mysf-neutral-warm-700: #A57751;
	--ds-mysf-neutral-warm-800: #6F4F3D;
	--ds-mysf-neutral-warm-900: #30211A;

	/* Primary portal: Yellow */
	--ds-pathway-primary-portal-yellow-50: #FFFAF1;
	--ds-pathway-primary-portal-yellow-100: #FFF5DC;
	--ds-pathway-primary-portal-yellow-200: #FFEEC2;
	--ds-pathway-primary-portal-yellow-300: #FFDD9A;
	--ds-pathway-primary-portal-yellow-400: #FFC451;
	--ds-pathway-primary-portal-yellow-500: #FFA800;
	--ds-pathway-primary-portal-yellow-600: #E27F00;
	--ds-pathway-primary-portal-yellow-700: #BB5802;
	--ds-pathway-primary-portal-yellow-800: #984308;
	--ds-pathway-primary-portal-yellow-900: #7C370B;

	/* Primary portal: Violet */
	--ds-pathway-primary-portal-violet-50: #EDF1FF;
	--ds-pathway-primary-portal-violet-100: #DFE4FF;
	--ds-pathway-primary-portal-violet-200: #CFD6FF;
	--ds-pathway-primary-portal-violet-300: #AFB7FF;
	--ds-pathway-primary-portal-violet-400: #7D80FC;
	--ds-pathway-primary-portal-violet-500: #665EF6;
	--ds-pathway-primary-portal-violet-600: #5641EA;
	--ds-pathway-primary-portal-violet-700: #4A33CF;
	--ds-pathway-primary-portal-violet-800: #3D2CA7;
	--ds-pathway-primary-portal-violet-900: #342B84;

	/* Secondary portal: Red */
	--ds-pathway-secondary-portal-red-50: #FFF1F1;
	--ds-pathway-secondary-portal-red-100: #FFE0E0;
	--ds-pathway-secondary-portal-red-200: #FFC6C6;
	--ds-pathway-secondary-portal-red-300: #FF9F9F;
	--ds-pathway-secondary-portal-red-400: #FF6E6E;
	--ds-pathway-secondary-portal-red-500: #FB3232;
	--ds-pathway-secondary-portal-red-600: #E91919;
	--ds-pathway-secondary-portal-red-700: #C41111;
	--ds-pathway-secondary-portal-red-800: #A21212;
	--ds-pathway-secondary-portal-red-900: #861616;

	/* Secondary portal: Orange */
	--ds-pathway-secondary-portal-orange-50: #FBF5F1;
	--ds-pathway-secondary-portal-orange-100: #F6E7DE;
	--ds-pathway-secondary-portal-orange-200: #ECCCBC;
	--ds-pathway-secondary-portal-orange-300: #E0A991;
	--ds-pathway-secondary-portal-orange-400: #CF7659;
	--ds-pathway-secondary-portal-orange-500: #C96146;
	--ds-pathway-secondary-portal-orange-600: #BB4D3B;
	--ds-pathway-secondary-portal-orange-700: #9B3C33;
	--ds-pathway-secondary-portal-orange-800: #7D322F;
	--ds-pathway-secondary-portal-orange-900: #652C29;

	/* Pre-U portal: Teal */
	--ds-pathway-pre-u-portal-teal-50: #EEFDFD;
	--ds-pathway-pre-u-portal-teal-100: #D4F9F9;
	--ds-pathway-pre-u-portal-teal-200: #AFF0F2;
	--ds-pathway-pre-u-portal-teal-300: #77E5E9;
	--ds-pathway-pre-u-portal-teal-400: #37CED7;
	--ds-pathway-pre-u-portal-teal-500: #1DB2BD;
	--ds-pathway-pre-u-portal-teal-600: #1B8F9F;
	--ds-pathway-pre-u-portal-teal-700: #1C7482;
	--ds-pathway-pre-u-portal-teal-800: #205E6A;
	--ds-pathway-pre-u-portal-teal-900: #1F4E5A;

	/* System */
	--ds-mysf-system-error: #FF0008;
	--ds-mysf-system-warning: #FF7A00;
	--ds-mysf-system-success: #7BB42E;
}

#secondaryLeandscapeFSBB *:not(i) {
    font-family: "Nunito", sans-serif !important;
}

#secondaryLeandscapeFSBB {

    p {
        color: #333333 !important;
        line-height: 22px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .page-content-header__page-title {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        justify-content: center;
        gap: 16px;
        transition: .3s;
    }

    .page-content-header__header {
        position: relative;
        padding-top: 40px;
        padding-bottom: 80px;
        height: calc(275px + 80px);
        display: flex;
        transition: .3s;
        &::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: auto;
            height: auto;
            background-image: url(secondary/images/page-header-background-1920.png);
            background-position: center bottom;
            background-repeat: no-repeat;
        }
        &::after {
            content: "";
            position: absolute;
            z-index: 0;
            left: 0;
            right: 0;
            height: 80px;
            bottom: -1px;
            background: inherit;
            clip-path: polygon(0 99%, 100% 0%, 100% 100%, 0 100%);
            background-color: var(--ds-mysf-primary-800);
        }
    }

    .page-content-header__footer {
        background-color: var(--ds-mysf-primary-800);
        color: #ffffff;
        padding-block: 32px 40px;
        position: relative;
    }

    .page-content-header__info-holder {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        transition: .3s;
    }


    /**
    * View Completed Pathway
    */
    .fa-arrow-right::before {
        content: "\f061" !important;
    }

    .pathway-navigator-holder .rounded-pill {
        display: inline-flex !important;
        font-size: 16px !important;
        border-radius: 800px !important;
        padding: 1rem 2rem !important;
    }

    .fa-arrow-down::before {
        content: "\f063" !important;
        color: #0d6efd;
    }

    /**
    * modal
    */
    .modal {
        padding: 0px !important;
        
    }

    .modal.fade .modal-dialog {
        transform: translate(0, 0)!important;
    }

    .modal .modal-content {
        background: #ffffff !important;
    }

    .modal .modal-header {
        background-color: #ffffff !important;
        padding: 10px 30px !important;
    }

    .modal .modal-header::before {
        content: none !important;
    }

    .modal .modal-header::after {
        content: none !important;
    }

    .modal .modal-body {
        text-align: left;
        padding: 1.5rem !important;
    }


    .modal .modal-content .close span {
        font-size: 36px;
        color: #000000;
        font-weight: 700;
        opacity: .8;
    }
    .modal .modal-content .table tr {
        border-color: #dee2e6 !important;
    }
    

    .modal .modal-content .table {
        background-color: #ffffff !important;
    }
    .modal .modal-content .table th{
        background-color: #ffffff !important;
    }

    .modal .modal-content .modal-header {
        border-bottom: 1px solid#dee2e6;
    }

    .modal .modal-content .modal-body p {
        font-size: 16px !important;
        margin-bottom: 1.5rem;
    }

    .modal .modal-content .modal-body li {
        font-size: 16px !important;
    }

    .modal .modal-content .modal-body a {
        color: #0d6efd;
    }

    /**
    * selection
    */
    .sticky-section__secondary {
        margin-top: 20px;
    }


 

    .hide_selection{
        display: none;
    }

    .fsbb_selection {
        display: none;
    }

    @media (min-width: 993px) {
        .show_selection {
            display: block;
        }
    }

    @media (max-width: 767.98px) {
        .item_fsbb_work {
            height: 72px !important;
        }
    }

    /**
    * GENERAL
    */
    font-family: "Nunito", sans-serif !important;
    color: var(--ds-mysf-neutral-900)  !important;
    font-size: 18px  !important;


    .badge {
        &.bg-primary-subtle {
            background-color: var(--ds-mysf-primary-50) !important;
            color: var(--ds-pathway-primary-portal-violet-900) !important;
        }
    }

    strong {
        font-weight: 700;
    }


    .fa-solid, .fas {
        font-weight: 900 !important;
    }


    .fa-brands:before, .fa-regular:before, .fa-solid:before, .fa:before, .fab:before, .far:before, .fas:before {
        content:'\f05a';
    }



    button {
        &.btn-primary {
            &:hover, 
            &:active,
            &:focus {
                border-color: transparent;
            }
        }

        &.btn-link {
            text-decoration: none;
        }
    }


    .isDisabled {
        background-color: #E4E7E9 !important;
    }
    .selected {
        background-color: #404D93 !important;
        color: #ffffff !important;
    }

    /**
    * PATHWAY NAIGATOR
    */

    .pathway-navigator-holder {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .pathway-navigator-holder__section-holder {
        display: flex;
        flex-direction: column;

        section {
            display: flex;
            gap: 24px;
            padding: 40px 24px;
            padding-left: 16px;
            transition: .3s;

            & + section {
                border-top: 2px solid var(--ds-mysf-neutral-100);
            }

            &:first-of-type {
                border-top-left-radius: 16px;
                border-top-right-radius: 16px;
            }
            &:last-of-type {
                border-bottom-left-radius: 16px;
                border-bottom-right-radius: 16px;
            }
        }
    }

    .pathway-section-title-holder {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;

        > * {
            margin-bottom: 0;
        }
    }

    .pathway-section-title-holder__label {
        display: flex;
        gap: 8px;
        align-items: center;

        .pathway-section-title-holder__label--info {
            display: flex;
            flex-direction: column;
            gap: 4px;

            > * {
                margin-bottom: 0;
            }
            
        }
    }

    .pathway-section-title-holder__sub-info {
        font-size: 16px;
    }


    .pathway-section-content-holder {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        width: 100%;
        flex: 1 1 auto;

        .badge {
            white-space: normal;
            line-height: 1.5;
            border-radius: 12px;
            font-size: 18px;
        }
    }

    .pathway-button-selector-group-holder {
        display: flex;
        flex-direction: column;
        gap: 16px;
        width: 100%;

        .alert-div {
            padding: 16px 48px 16px 24px;
            background-color: #FFF;
            border-color: var(--ds-mysf-neutral-100);
            border-radius: 8px;
            color: var(--ds-mysf-neutral-900);
            font-weight: 600;
            padding-block: 16px;
            position: relative;
        }

        .alert-div-primary::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 6px;
            border-top-left-radius: 7px;
            border-bottom-left-radius: 7px;
            background-color: var(--ds-mysf-system-warning);
        }

        .alert-div-secondaey::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 6px;
            border-top-left-radius: 7px;
            border-bottom-left-radius: 7px;
           background-color: var(--ds-mysf-system-error);
        }

        .alert-div-post::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 6px;
            border-top-left-radius: 7px;
            border-bottom-left-radius: 7px;
            background-color: var(--ds-mysf-system-success);
        }

        .alert-div-next::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 6px;
            border-top-left-radius: 7px;
            border-bottom-left-radius: 7px;
           background-color: var(--ds-mysf-primary-600);
        }

        button {
            border-color: transparent !important;

            &.active {
                background-color: var(--ds-mysf-primary-800) !important;
                color: #FFF !important;
                font-weight: bold;

                i[class^=fa] {
                    color: #FFF !important;
                }
            
            }
        }

        .pathway-button-selector-group-holder__section-header {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 8px 24px;
            color: #FFF;
            border-radius: 8px;
            text-align: center;
            gap: 8px;
            font-weight: 600;

            > a {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                text-decoration: none !important;
            }
        }
        
        
        .btn-group {
            display: flex;
            gap: 16px;
            transition: .3s;

            .btn {
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 12px !important;
                height: 100%;
                width: 100%;
                color: var(--ds-mysf-neutral-900);
                padding-inline: 12px;
                font-size: 16px;
                transition: .3s;
                font-weight: normal !important;

                &:isDisabled,
                &.isDisabled {
                    background-color: var(--ds-mysf-neutral-100) !important;
                    color: var(--ds-mysf-neutral-500) !important;
                    opacity: 1;

                    > div {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        gap: 8px;
        
                        i[class^=fa] {
                            color: var(--ds-mysf-primary-400);
                        }
                    }
                }
                &.available-option {
                    font-weight: bold;
                }

                > div {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    gap: 8px;

                    i[class^=fa] {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 24px;
                        width: 24px;
                        min-width: 24px;
                        height: 24px;
                        color: var(--ds-mysf-primary-600);
                    }
                }
            }
        }
    }



    /**
    * PATHWAY NAIGATOR - SECTION COLOR
    */

    .pathway-navigator-holder__section-holder {
        display: flex;
        flex-direction: column;

        section {
            &.pathway-primary {
                background-color: var(--ds-pathway-primary-portal-yellow-100);

                .pathway-section-content-holder {
                    .btn {
                        &.btn-primary {
                            background-color: var(--ds-pathway-primary-portal-yellow-300);

                            &:hover {
                                background-color: var(--ds-pathway-primary-portal-yellow-400);
                            }
                        }
                    }
                }

                .pathway-button-selector-group-holder__section-header {
                    background-color: var(--ds-pathway-primary-portal-yellow-700);
                }
            }
            &.pathway-secondary {
                background-color: var(--ds-pathway-secondary-portal-red-50);

                .btn {
                    &.btn-primary {
                        background-color: var(--ds-pathway-secondary-portal-red-200);

                        &:hover {
                            background-color: var(--ds-pathway-secondary-portal-red-300);
                        }
                    }
                }

                .pathway-button-selector-group-holder__section-header {
                    background-color: var(--ds-pathway-secondary-portal-red-700);
                }
            }
            &.pathway-pre-u {
                background-color: var(--ds-pathway-pre-u-portal-teal-50);

                .btn {
                    &.btn-primary {
                        background-color: var(--ds-pathway-pre-u-portal-teal-200);

                        &:hover {
                            background-color: var(--ds-pathway-pre-u-portal-teal-300);
                        }
                    }
                }

                .pathway-button-selector-group-holder__section-header {
                    background-color: var(--ds-pathway-pre-u-portal-teal-700);
                }
            }
            &.pathway-whats-next {
                background-color: var(--ds-pathway-primary-portal-violet-50);

                .btn {
                    &.btn-primary {
                        background-color: var(--ds-pathway-primary-portal-violet-300);
                        
                        &:hover {
                            background-color: var(--ds-pathway-primary-portal-violet-400);
                        }
                    }
                }
            }
        }
    }

    .pathway-button-selector-group-holder__section-header {
        &.isDisabled {
            background-color: var(--ds-mysf-neutral-100) !important;
            color: var(--ds-mysf-neutral-600) !important;
        }
    }

    .pathway-navigator-holder__section-holder {
        section {
            .alert {
                background-color: #FFF;
                border-color: var(--ds-mysf-neutral-100);
                border-radius: 8px;
                color: var(--ds-mysf-neutral-900);
                font-weight: 600;
                padding-block: 16px;
                padding-left:24px;
                position: relative;

                &::before {
                    content: "";
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    width: 6px;
                    border-top-left-radius: 7px;
                    border-bottom-left-radius: 7px;
                }

                &.alert-primary {
                    &::before {
                        background-color: var(--ds-mysf-primary-600);
                    }
                }
                &.alert-success {
                    &::before {
                        background-color: var(--ds-mysf-system-success);
                    }
                }
                &.alert-warning {
                    &::before {
                        background-color: var(--ds-mysf-system-warning);
                    }
                }
                &.alert-danger {
                    &::before {
                        background-color: var(--ds-mysf-system-error);
                    }
                }
            }
            .alert{
                .btn-close {
                    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23586BCE'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
                    opacity: 1;
                    background-size: 14px;
                    transition: .3s;
                }
            }
        }
    }


    .pathway-pre-u {
        .row {
            --bs-gutter-x: .75rem;
            --bs-gutter-y: .75rem;
        }

        .pathway-button-selector-group-holder__section-header {
            height: 72px;
        }
    }


    @media (min-width: 1200px) {
        .pathway-section-title-holder {
            width: min(220px, 40%);
            min-width: 220px;
        }
    }



    @media (max-width: 1199.98px) {
        .pathway-navigator-holder__section-holder {
            section {
                flex-direction: column;
                gap: 24px;
            }
        }
    }


    @media (max-width: 767.98px) {
        .pathway-navigator-holder__section-holder {
            section {
                gap: 24px;
            }
        }
        .pathway-section-content-holder {
            gap: 24px;
        }
    }



    /**
    * PATHWAY HIGHLIGHT INFO
    */

    .pathway-section-highlight-info-holder {
        display: flex;
        gap: 24px;
        background-color: #FFF;
        border-left: 6px solid transparent;
        border-top-right-radius: 24px;
        border-bottom-right-radius: 24px;
        padding: 24px;
        font-size: 16px;
    }

    .pathway-navigator-holder__section-holder {
        section {
            &.pathway-whats-next {
                .pathway-section-highlight-info-holder {
                    border-color: var(--ds-pathway-primary-portal-violet-400);

                    .pathway-section-highlight-info-holder__info {
                        display: flex;
                        flex-direction: column;
                        gap: 8px;

                        > * {
                            margin-bottom: 0;
                        }

                        .fw-bolder {
                            color: var(--ds-pathway-primary-portal-violet-800);
                        }
                    }
                }
            }
        }
    }



    /**
    * PATHWAY STICKY
    */

    .pathway-navigator-holder__body--pathway-sticky {
        min-width: 240px;
        width: 240px;
    }
    .pathway-sticky-holder {
        position: sticky;
        top: 24px;
        background-color: var(--ds-mysf-primary-100);
        border-radius: 16px;
        border: 1px solid var(--ds-mysf-primary-300);
        padding: 8px;
    }
    .pathway-sticky-holder__inner-content {
        display: flex;
        flex-direction: column;
        background-color: #FFF;
        border-radius: 12px;
        padding: 8px;
    }

    .pathway-navigator-holder__body--pathway-sticky {
        .pathway-sticky-holder__inner-content {
            max-height: calc(100vh - 64px);
            overflow-y: auto;

            /* Scrollbar width */
            &::-webkit-scrollbar {
                width: 8px;
            }
            
            /* Track (background) */
            &::-webkit-scrollbar-track {
                background: var(--ds-mysf-primary-50);
                border-left: 1px solid var(--ds-mysf-primary-200);
                border-radius: 0 12px 12px 0;
            }

            /* Handle (thumb) */
            &::-webkit-scrollbar-thumb {
                background: var(--ds-mysf-primary-400);
                border-radius: 8px;
            }
        }
    }

    /**
    * PATHWAY STICKY - SECTION HEADER + BADGE
    */

    .pathway-sticky-holder__inner-content {
        > section {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
    }
    .sticky-section__header {
        color: #FFF;
        border-radius: 8px;
        font-weight: 600;
        font-size: 16px;
        padding: 4px 8px;
        text-align: center;

        &.pathway-primary-header {
            background-color: var(--ds-pathway-primary-portal-yellow-700);
        }
        &.pathway-secondary-header {
            background-color: var(--ds-pathway-secondary-portal-red-700);
        }
    }


    .sticky-section__badge-holder {
        display: flex;
        gap: 8px;
        position: relative;

        .badge {
            border-radius: 12px;
            color: var(--ds-mysf-neutral-900) !important;
            flex: 1 1 auto;
            font-size: 16px;
            font-weight: normal;
            padding: 8px;
            width: 100%;
            line-height: 1.5;
            white-space: normal;

            &.badge-bg-pathway-primary {
                background-color: var(--ds-pathway-primary-portal-yellow-300);
            }
            &.badge-bg-pathway-secondary {
                background-color: var(--ds-pathway-secondary-portal-red-200);
            }
            &.badge-bg-pathway-pre-u {
                background-color: var(--ds-pathway-pre-u-portal-teal-200);
            }
            &.badge-bg-pathway-whats-next {
                background-color: var(--ds-pathway-primary-portal-violet-300);
            }
        }
        
    }


    .modal {
        .pathway-sticky-holder__inner-content {
            border: 0;

            > section {
                align-items: center;
            }
        }
    }



    /**
    * MODAL
    */

    .modal {
        .modal-content {
            border-radius: 8px;
        }
        .modal-header {
            align-items: center;
            gap: 16px;
        }

        .modal-tab-select-holder {
            border-bottom: 1px solid var(--bs-modal-header-border-color);
            padding: 12px 24px;
            position: sticky;
        }

        .modal-tab-holder {
            display: flex;

            .nav.nav-pills {
                display: flex;
                flex-direction: column;
                flex: 0 0 auto;
                width: min(33.33333333%, 480px);
                border-right: 1px solid var(--bs-modal-header-border-color);

                .nav-item {
                    .nav-link {
                        border-radius: 0;
                        color: var(--ds-mysf-gray-100);
                        min-width: 100%;
                        padding: 16px 24px;
                        text-align: left;

                        &.active {
                            background-color: var(--ds-mysf-tertiary-light);
                            border-left: 4px solid var(--ds-mysf-tertiary);
                            padding-left: 20px;
                        }
                    }
                }
            }

            .tab-content {
                .tab-pane {
                    padding: 16px 24px;
                }
            }
        }

        .modal-filter-option {
            > .form-group {
                display: flex;
                align-items: center;
                gap: 8px;
                margin-bottom: 0;
            }
        }
    }


    @media (max-width: 991.98px) {
        .modal {
            .modal-dialog {
                &.modal-fullscreen-lg-down {
                    .modal-content {
                        border-radius: 0;
                    }
                }
            }

            .modal-tab-holder {
                .nav.nav-pills {
                    display: none;
                }
            }
        }

        .modal {
            .modal-lg {
                &:not(.modal-fullscreen-lg-down) {
                    width: calc(100% - var(--bs-modal-margin));
                    max-width: 800px;
                }
            }
        }
        
    }

    @media (max-width: 767.98px) {
        .modal {
            .modal-dialog {
                &.modal-fullscreen-md-down {
                    .modal-content {
                        border-radius: 0;
                    }
                }
            }

            .modal-tab-select-holder {
                padding-inline: 16px;
            }

            .modal-filter-option {
                flex-direction: column;

                > .form-group {
                    flex-direction: column;
                    align-items: normal;
                    width: 100%;
                }
            }
        }
    }


    /**
    * FORM
    */
    .form-holder {
        .form-select {
            border-radius: 12px;
            border-color: var(--ds-mysf-neutral-200);
            padding: 12px 16px;
        }

        .form-check {
            position: relative;
            padding-left: 36px;

            .form-check-input {
                position: absolute;
                left: 0;
                margin-top: 2px;

                &[type=checkbox] {
                    margin-left: 0;
                    width: 24px;
                    height: 24px;
                    border-radius: 4px;
                }
                &[type=radio] {
                    margin-left: 2px;
                    width: 22px;
                    height: 22px;
                }

                &:checked {
                    & + label {
                        font-weight: bold;
                    }
                }
            }
        }
    }


    /**
    * SCORE RESUTLS TABLE
    */
    .score-results-table {
        table {
            font-size: 16px;
            margin-bottom: 0;
            tr{
                th, td {
                    padding: 16px 24px;
                }
            }
        }
    }

}

@charset "UTF-8";/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
#secondaryLeandscapeFSBB {
 :root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(2.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:2.75rem}}.h4,h4{font-size:calc(2.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:2.5rem}}.h5,h5{font-size:2.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(2rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:5.6rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--bs-secondary-color);opacity:1}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;-webkit-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;-moz-appearance:none;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.form-floating>.form-control:disabled~label::after,.form-floating>:disabled~label::after{background-color:var(--bs-secondary-bg)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.in){opacity:0}.collapse:not(.in){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(var(--bs-border-width) * -1)}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(var(--bs-border-width) * -1)}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:var(--bs-accordion-btn-focus-border-color);outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button,.accordion-flush .accordion-item .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(var(--bs-border-width) * -1)}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{filter:var(--bs-btn-close-white-filter)}[data-bs-theme=dark] .btn-close{filter:var(--bs-btn-close-white-filter)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.in){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:2.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon{filter:invert(1) grayscale(100)}[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y))}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;-webkit-text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-none{-o-object-fit:none!important;object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(2rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-sm-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-sm-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-sm-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-sm-none{-o-object-fit:none!important;object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-sm-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-sm-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-sm-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-sm-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-sm-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-md-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-md-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-md-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-md-none{-o-object-fit:none!important;object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-md-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-md-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-md-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-md-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-md-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-lg-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-lg-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-lg-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-lg-none{-o-object-fit:none!important;object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-lg-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-lg-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-lg-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-lg-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-lg-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xl-none{-o-object-fit:none!important;object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{-o-object-fit:contain!important;object-fit:contain!important}.object-fit-xxl-cover{-o-object-fit:cover!important;object-fit:cover!important}.object-fit-xxl-fill{-o-object-fit:fill!important;object-fit:fill!important}.object-fit-xxl-scale{-o-object-fit:scale-down!important;object-fit:scale-down!important}.object-fit-xxl-none{-o-object-fit:none!important;object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{-moz-column-gap:0!important;column-gap:0!important}.column-gap-xxl-1{-moz-column-gap:0.25rem!important;column-gap:.25rem!important}.column-gap-xxl-2{-moz-column-gap:0.5rem!important;column-gap:.5rem!important}.column-gap-xxl-3{-moz-column-gap:1rem!important;column-gap:1rem!important}.column-gap-xxl-4{-moz-column-gap:1.5rem!important;column-gap:1.5rem!important}.column-gap-xxl-5{-moz-column-gap:3rem!important;column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
}
/*# sourceMappingURL=bootstrap.min.css.map */
#jumbo_goal_common_container .getStartedHeaderStyle{
    font-size: 30px;
    color: #ffffff;
}

#jumbo_goal_common_container .heading,
#MyGoals_top_container h3{
    font-size: 22px;
    color: #ffffff;
}
.new_goal_container .text1{
    font-size: 17px;
    color: #ffffff;
}

.new_goal_container span.createnewgoaltitle{
    font-size: 38px;
    color: #ffffff;
}

#MyGoals_top_container p{
    font-size: 20px;
    color: #ffffff;
}

.theme1 .new_goal_container .progressbar_box span{
    font-size: 17px;
    color: #ffffff;
}

.theme1 .new_goal_container .panel-group-header{
    background-color: #029185 !important;
}

.theme1 .new_goal_container .panel-title{
    font-size: 22px;
    color: #ffffff;
}

#GettingStarted_container_Goal .mid-col .panel-item-row .item-left{
    font-size: 17px;
    color:#029185 !important;
}


#GettingStarted_container_Goal .mid-col .panel-item-row .item-right{
    font-size: 17px;
    color: #333333;
}

.theme1 #GettingStarted_container_Goal .section_box h4{
    font-weight: 300 !important;
    color: #333;
    margin-top: 18px;
    margin-bottom: 0px;
    font-family: Gotham Runded Bold;
}
.theme1 #GettingStarted_container_Goal .section_box .progression {
    font-size: 72px;
    color: #333333;
    font-weight: bold;
}
.theme1 #GettingStarted_container_Goal .section_box ul li{
    font-size: 26px;
    font-weight: bold;
    color: #412B87;
}
.theme1 #GettingStarted_container_Goal .section_box ul li.active{
    font-weight:bold;
    font-size: 28px;
    color: #333333;
}
.new_goal_container .newGoalSectionAcademicUl li{
    font-size: 17px !important;
    color: #412B87 !important;
}


.newGoalSectionItemUl li.active{
    color: #333333 !important;
}
.goal_term1_table .goal_academic_term_table .goal_academic_term_common_table .table-striped .th-inner span{
    font-size: 14px;
    font-weight: bold;
    color: #333333 !important;
}

.goal-academic-term-field-input, .goal-academic-term-field-select{
    font-size: 17px;
}

.goal-academic-term-field-input{
    color: #333333;
}

.goal-academic-term-field-select{
    color: #ffffff;
    background-color: #412B87;
}
#GettingStarted_container_Goal .goal_academic_term_table.goal_academic_term_common_table thead tr th:nth-child(1){
    width: 4%;
}
#GettingStarted_container_Goal .goal_academic_term_table.goal_academic_term_common_table thead tr th{
    width: auto;
}

#GettingStarted_container_Goal .goal_academic_term_table.goal_academic_term_common_table thead tr th.targetTr{
    width: auto;
}

.goal_nonacademic_panel_body .nonacademic_content_div  .heading .goal_nonacademic_header{
    padding-right: 15px;
    padding-left: 40px;
}
span.goal_nonacademic_header_title{
    font-size: 26px !important;
    font-weight: bold;
    color: #333333 !important;
}

.nonAcademicItem select{
    background-color: #412B87 !important;
    color: #ffffff !important;
    font-size: 17px !important;
}

.goal_nonacademic_panel_body .nonAcademicItem span{
    font-size: 17px;
    color: #333333;
}

.nonAcademicItem .glyphicon-calendar:before{
    color: #412B87 !important;
}


.new_goal_container #GettingStarted_container_Goal .left-col h2{
    font-size: 26px;
    color: #333333;
}

.goal_section_title_percentage{
    color: #333333;
    font-size: 17px;
}

.goal-general-add-delete-container{
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 15px;
}

.goal-general-add-delete-container div:first-child{
    text-align: left;
}

.goal-general-add-delete-container div:last-child{
    text-align: right;
}

.goal-general-add-delete-container div span{
    font-size: 17px;
    color: #412B87;
    cursor: pointer;
}

#GettingStarted_container_Goal .mid-col .btn.btn-secondary.dropdown-toggle{
    background-color: #412B87;
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
}

.nonAcademicTargetTitleMandatory{
    position: absolute;
    margin-left: 105px;
    line-height: 15px;
    font-size: 14px;
}

.goal-common-edit-dropdownmenu .es-list li {
    background-color: #412B87 !important;
}


.goal_panel_group_content .ui-autocomplete{
    background-color: #412B87 !important;
}
.goal_panel_group_content .ui-autocomplete li .ui-state-active,
.goal_panel_group_content .ui-menu-item:hover,
.goal_panel_group_content .ui-menu-item:visited
{
    background-color: #412B87;
    border: none;
}

.goal_panel_group_content .ui-autocomplete li[disabled] .ui-state-active,
.goal_panel_group_content .ui-autocomplete li[disabled]:hover,
.goal_panel_group_content .ui-autocomplete li[disabled]:visited{
    background-color: #412B87 !important;
}

#GettingStarted_container_Goal .mid-col .panel-body .item-set .heading {
    font-size: 20px;
    padding-bottom:5px;
    color:#333333;
}


.goal-common-general-section .dropdownmenu input{
    font-size:17px;
    color: #333333;
}

#GettingStarted_container_Goal .ctabox a:hover,
#GettingStarted_container_Goal .ctabox a:visited,
#GettingStarted_container_Goal .ctabox a{
    font-size: 17px;
    color: #2A51FE;
}

#GettingStarted_container_Goal .ctatext a{
    font-size: 15px;
    color: #412B87;
}
#GettingStarted_container_Goal a.ctabtn:hover,
#GettingStarted_container_Goal a.ctabtn:visited,
#GettingStarted_container_Goal a.ctabtn{
    font-size: 17px;
    color: #ffffff;
    background-color: #412B87;
    border-radius: 50px;
}

#GettingStarted_container_Goal .btn.dropdown-toggle{
    background-color:#412B87;
    color: #ffffff;
    font-size: 17px;
    height: 50px;
    border-radius: 5px;
    padding: 10px;
    font-weight: bold;
}
.non-academic-notification-radio input:checked+span:before{
    background: #412B87;
}


#GettingStarted_container_Goal .goal_nonacademic_header .icon-edit{
    height: 16px;
    margin-left: 10px;
}
.nonAcademicDeleteItemBtn a img{
    width: 25px;
    height: 26px;
}

.goal_panel_group_content .ui-autocomplete li .ui-state-active,
.goal_panel_group_content .ui-menu-item:hover,
.goal_panel_group_content .ui-menu-item:visited
{
    background-color: #1E90FF;
    border: none;
}
.nonacademic_content_div .icon-edit div{
    width: 25px !important;
    height: 26px !important;
}

.nonacademic-notifications dl{
    float: left;
    margin-top: -10px;
    margin-left: 10px;
}

.nonacademic-notifications{
    padding: 0px;
}

.goal_term_panel_body .fixed-table-body{
    overflow: hidden;
}

#GettingStarted_container_Goal .goal_academic_term_table.goal_academic_term_common_table thead tr th{
    width: 1%;
}

#GettingStarted_container_Goal .goal_academic_term_table.goal_academic_term_common_table thead tr th:nth-child(1){
    width: 30%;
}

#GettingStarted_container_Goal .goal_academic_term_table.goal_academic_term_common_table thead tr th:nth-last-of-type(2){
    width: auto;
}

.goal_overall_table_theader{
    line-height: 14px;
}

.goal_overall_table thead tr:first-child .th-inner{
    color: #9361ae;
    font-size: 17px;
    line-height: 10px;
    font-family: 'Source Sans Pro';
}



.theme1 .textlink, 
.theme1 a.textlink:link, 
.theme1 a.textlink:visited
{color:#333;}


.theme1 a.textlink:hover, 
.theme1 a.textlink:focus, 
.theme1 a.textlink:active
{color:#000; text-decoration: none;}

.theme1 .ctabtn {background-color:#5aacb4;}
.theme1 .ctabtn.reverse {background:transparent;}

.theme1 .successstories_container h1 {color:#5aacb4;}

.theme1 #featuredarticle {background-color:#5aacb4;}

.theme1 #findingmatchingjobrole_jumbo_container {background-color:#f7f7f7;}

.theme1 .RIS_box .box1 { background:#81c6cd; color:#fff;}
.theme1 .RIS_box .box2 { background:#69b5bd; color:#fff;}
.theme1 .RIS_box .box3 { background:#5ea7ae; color:#fff;}
.theme1 .RIS_box .box3 { background:#5ea7ae; color:#fff;}
.theme1 .RIS_box .ctabtn {background:#fbb030;}

.theme1 .RIS_box .select, 
.theme1 .RIS_box a.select:link, 
.theme1 .RIS_box a.select:visited
{color:#fff;}


.theme1 .RIS_box a.select:hover, 
.theme1 .RIS_box a.select:focus, 
.theme1 .RIS_box a.select:active
{color:#412B87 ; text-decoration: none;}



.dropdown-menu {
    position: absolute;
}

#bigtop {
    text-align: center;
}





/* General */ 
/*=================================================*/

h1 {margin-top: 0px; margin-bottom: 0px;}

h3 {margin-top: 35px; margin-bottom: 25px;}




p  {padding:0px;}



/* Related Articles */
/*=================================================*/

#RelatedArticles_sliderplate {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    width:100%;
}

.RelatedArticles_box {
    width:100%;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:2px dotted rgba(0,0,0,0.14);
}

#RelatedArticles_sliderplate .RelatedArticles_box:last-child {
    border:0px;
}

.RelatedArticles_content {
    width:auto;
    max-width:280px;
}






/* Job role Search Textbox */ 
/*=================================================*/

#searchkeywordbox {
    margin:15px auto;
    left:0px;
    right:0px;
}

.input-group {
    border:1px solid #ccc;
}

.btn.btn-secondary {
    font-weight: bold;
    color:#fff;
    background:#412B87;
    border-radius: 0px;
    border:0px;
    margin:0px;
    position: relative;
    height:53px;
}

.glyphicon.glyphicon-search { 
    font-size:18px; 
    padding:11px;
}

.btn.btn-secondary.dropdown-toggle {
    font-size:16px; 
    text-align: left;
    min-width:180px;
    padding:17px 25px;
    height:53px;
}

.btn.btn-secondary.dropdown-toggle:before {
    font-family: 'Glyphicons Halflings';
    font-size:12px;
    color:#fff;
    position:absolute;
    right:20px;
    padding-top:2px;
}

.input-group .form-control {
    font-size:16px; 
    height:53px;
    padding:14px;
}

.input-group .form-control:first-child, 
.input-group-addon:first-child, 
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, 
.input-group-btn:first-child > .dropdown-toggle, 
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.form-control
{
    /*border-radius: 0px;
    border:0px;*/
}

.dropdown-menu { 
    font-size: 16px;
    border-radius:0px;
    padding: 0px; 
    margin: 0px;
    background:#85569d;
}

.dropdown-item {
    display:block;
    padding:8px 15px;
    margin:1px;
    background:#9461ae;
}

a.dropdown-item,
a.dropdown-item:link,
a.dropdown-item:visited
{color:#fff;}

a.dropdown-item:hover,
a.dropdown-item:focus,
a.dropdown-item:active
{background-color:#692175; text-decoration: none;}



.dropdown-item:last-child {
} 

.advancesearch {
    font-size:16px; 
    font-weight:bold;
    float:right;
    padding-top:12px;
}




@media(max-width:480px) and (min-width: 421px){
    .btn.btn-secondary.dropdown-toggle {
        font-size: 15px;
        padding: 17px 5px;
        min-width: 148px;
    }
}

@media(max-width:420px) and (min-width: 381px){
    .btn.btn-secondary.dropdown-toggle {
        font-size: 15px;
        padding: 17px 5px;
        min-width: 136px;
    }
}
@media(max-width:380px) and (min-width: 351px){
    .btn.btn-secondary.dropdown-toggle {
        font-size: 15px;
        padding: 17px 5px;
        min-width: 125px;
    }
}
@media(max-width:350px){
    .btn.btn-secondary.dropdown-toggle {
        font-size: 15px;
        padding: 17px 5px;
        min-width: 110px;
    }
}



/* Extra Small */
@media(max-width:640px) and (min-width: 481px){
    .btn.btn-secondary.dropdown-toggle {
        font-size: 15px;
        min-width:105px;
        padding:7px;
        height:30px;
    }
    .btn.btn-secondary.dropdown-toggle:before {
        font-family: 'Glyphicons Halflings';
        content:"\e252";
        font-size:10px;
        color:#fff;
        position:absolute;
        right:10px;
        padding-top:2px;
    }
    .input-group .form-control {
        font-size:14px; 
        height:53px;
        padding:0px 10px;
    }
    .btn.btn-secondary {
        height:30px;
    }
    .glyphicon.glyphicon-search { 
        font-size:16px; 
        padding:0px;
    }

}

@media(min-width:641px) and (max-width:767px){
}

/* Small */
@media(min-width:768px) and (max-width:991px){
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
}

/* Large */
@media(min-width:1200px){
    #searchkeywordbox {width:80%;}
    .tab-pane_list{width: 80%}
}
























/* Featured Articles*/
/*========================================*/

#featuredarticle {
    display:table;
    overflow: hidden;
    border-radius: 5px;
    height:280px;
    position:relative;
}

.featuredarticle_img {
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
}

.featuredarticle_text {
    display: table-cell;
    vertical-align: top;
    padding:30px;
    position:relative;
    color:#fff;
    background-color: #9461ae;
}

.featuredarticle_text p {
    margin-top:0px;
    margin-bottom:0px;
    line-height:19px;
    padding-left:0px;
    padding-right:0px;
    color:#fff;
}

.featuredarticle_text h3 {
    margin-top:0px;
    margin-bottom:10px;
    color:#fff;
}

.featuredarticle_text .ctabtn {
    position:absolute;
    bottom:0px;
}







/* Success Stories*/
/*===========================================*/

.successstories_container {
    /* border:1px solid; */
    padding-bottom:40px;
    display:block;
    overflow:hidden;
}


.successstories_container h1 {
    margin-top:70px;
    margin-bottom:40px;
}

.successstories_text h3 {
    margin-top:0px;
    margin-bottom:10px;
}

.successstories_text p {
    margin-top:0px;
    margin-bottom:0px;
    line-height:19px;
    padding: 10px 0px;
}

.successstories_img img {
    width:100%;
    height:auto;
}

.successstories_box {
    background:#f7f7f7;
    border-radius: 5px;
    display:block;
    overflow:hidden;
    margin-bottom: 20px;
}

.successstories_img {
    display:inline-block;
    overflow:hidden;
    vertical-align: top;
}

.successstories_text {
    display:inline-block;
    overflow:hidden;
    vertical-align: top;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 30px 30px;
}

.successstories_prevnextpanel {
    width: 150px;
    display: inline-block;
}

.successstories_prevnextpanel .btn_prev {
    padding-left:0px;
    display: inline-block;
}

.successstories_prevnextpanel .btn_next {
    margin-left:15px;
    display: inline-block;
}


.slick-dots {bottom: -40px;}

.slick-item {
    width:100%;
}

.slick-single {
    width:100%;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.slick-dots li button:before {
    font-size: 14px;
    color: #444;
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 1; 
}










/* Extra Small */
@media(max-width:640px){
    .featuredarticle_img {width:100%;max-height:250px;}
    .featuredarticle_img img {width:100%;height:auto;}
    .featuredarticle_text {display:block; padding:20px;}
    .featuredarticle_text .ctabtn {position:relative;}
    .RelatedArticles_content {max-width:200px;}
    .successstories_container {padding-left:15px; padding-right:15px;}
    .successstories_img {padding:0px; width:100%; max-height:355px;}
    .successstories_img img {width:100%;}
}

@media(min-width:641px) and (max-width:767px){
    .featuredarticle_img {width:280px;height:280px;}
    .successstories_container {padding-left:15px; padding-right:15px;}
    .successstories_img {padding:0px; width:100%; max-height:355px;}
    .successstories_img img {width:100%;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .featuredarticle_container {padding:0px;}
    .successstories_container {padding-left:0px; padding-right:0px;}
    .successstories_img {padding:0px; width:100%; max-height:355px;}
    .successstories_img img {width:100%;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .featuredarticle_container {padding:0px;}
    .featuredarticle_img {width:280px;height:280px;}
    .RelatedArticles_content {max-width:200px;}
    .successstories_container {padding-left:0px; padding-right:0px;}
    .successstories_img {padding-left:0px; width:636px; max-height:355px;}
    .successstories_text {width:315px;}/*SPU-2006*/
    .successstories_prevnextpanel {padding-top:30px;}
}

/* Large */
@media(min-width:1200px){
    .featuredarticle_container {padding:0px;}
    .featuredarticle_img {width:350px;height:280px;}
    .RelatedArticles_content {max-width:280px;}
    .successstories_container {padding-left:0px; padding-right:0px;}
    .successstories_img {padding-left:0px; width:770px; max-height:350px;}
    .successstories_text {width:380px;}/*SPU-2006*/
    .successstories_prevnextpanel {padding-top:70px;}
}





/* Find Matching Job Role */
/*===========================================*/

#findingmatchingjobrole_jumbo_container {
    background-image:url(preu/images/jobrole_bottom_bg_left.png),url(preu/images/jobrole_bottom_bg_bottomleft.png), url(preu/images/jobrole_bottom_bg_righttop.png), url(preu/images/jobrole_bottom_bg_rightbottom.png);
    background-position:left top, left bottom, right top, right bottom;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    text-align: center;
}

#findingmatchingjobrole_jumbo_container h1 {
    font-size: 38px;
    color:#333;
    padding-top: 45px;
    padding-bottom:10px;
}

#findingmatchingjobrole_jumbo_container h2 {
    font-size:24px;
    font-weight:normal;
    color:#606060;
    padding-bottom:20px;
}


#findingmatchingjobrole_jumbo_container p {
    padding-bottom:20px;
}

.RIS_box {
    position:relative;
    width:644px;
    height:200px;
    border-radius: 5px;
    display:table;
    /*overflow:hidden;*/
    margin:0px auto;
    left:0px;
    right:0px;
    white-space: nowrap;
    z-index: 9;
    font-size: 0;
}

.RIS_box .box {
    position:relative;
    display: inline-block;
    overflow: none;
    width:215px;
    height:200px;
    margin:0px;
}

.bigletter {
    font-size: 70px;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    line-height:70px;
    border-bottom: 3px dashed #fff;
    width:50px;
    margin:0px auto;
    left:0px;
    right:0px;
    padding-top: 40px;
}

.text1 {
    font-size: 19px;
    font-size: 17px;
    font-family: "Source Sans Pro Bold";
}

.text2 {
    font-size: 14px;
    font-style: italic;
}

.arrowdown {
    position: absolute;
    right:50px;
    top:64px;
    font-size: 16px;
}

/*
.RIS_box .dropdown-menu {
    font-size: 14px;
    width: 140px;
    margin:auto;
    left:0px;
    right:0px;
    background: #fff;
    border-radius: 5px;
    top:85px;
    position:absolute;
    z-index: 999;
}
*/

.RIS_box .dropdown-menu {
    font-size: 14px;
    width: 140px;
    margin:auto;
    left:0px;
    right:0px;
    background: #fff;
    border-radius: 5px;
    position:absolute;
    top:85px;
}


.RIS_box .dropdown-menu > li > a {
    display: block;
    padding: 6px 12px;
}

#findingmatchingjobrole_jumbo_container .ctabtn {
    width: 240px;
}

#findingmatchingjobrole_jumbo_container .ctabox {
    position:absolute;
    margin:0 auto;
    left:0px;
    right:0px;
    bottom:-40px;
}


/* Extra Small */
@media(max-width:660px){
    .RIS_box {
        width:215px;
        height: 600px;
        /*white-space:;*/
        font-size: 0;
        margin-bottom:0px;
    }
    .RIS_box .box {
        display:block;
        width:215px;
        height:200px;
        margin:0;
    }
    #findingmatchingjobrole_jumbo_container {background-size:70%, auto;}
    #findingmatchingjobrole_jumbo_container {height:auto; padding-bottom: 70px;}
    .RIS_box .box1 {border-top-left-radius: 5px;border-top-right-radius: 5px;} 
    .RIS_box .box3 {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} 
    #findingmatchingjobrole_jumbo_container .ctabox {left:-12px;}
    #findingmatchingjobrole_jumbo_container {background-position:left -120px top, right -120px top, right bottom;}

}

@media(min-width:661px) and (max-width:767px){
    #findingmatchingjobrole_jumbo_container {height:450px;}
    #findingmatchingjobrole_jumbo_container {height:auto; padding-bottom: 70px;}
    .RIS_box .box1 {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} 
    .RIS_box .box3 {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} 
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #findingmatchingjobrole_jumbo_container {height:450px;}
    .RIS_box .box1 {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} 
    .RIS_box .box3 {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} 
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #findingmatchingjobrole_jumbo_container {height:450px;}
    .RIS_box .box1 {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} 
    .RIS_box .box3 {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} 
}

/* Large */
@media(min-width:1200px){
    #findingmatchingjobrole_jumbo_container {height:450px;}
    .RIS_box .box1 {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} 
    .RIS_box .box3 {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} 
}


@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

@font-face {
    font-family: 'Gotham Runded Bold';
     src: url('preu/fonts/GothamRnd-Bold.otf')  format('opentype'),
		url('preu/fonts/GothamRnd-Bold.woff') format('woff'),  
		url('preu/fonts/GothamRnd-Bold.ttf')  format('truetype'), 
		url('preu/fonts/GothamRnd-Bold.svg#GothamRnd-Bold') format('svg');
}

@font-face {
    font-family: 'Gotham Runded Book';
    src: url('preu/fonts/GothamRounded-Book.eot')  format('opentype'),
    url('preu/fonts/GothamRounded-Book.otf') format('woff'),
    url('preu/fonts/GothamRounded-Book.ttf') format('woff2'),
    url('preu/fonts/GothamRounded-Book.woff')  format('truetype'),
    url('preu/fonts/GothamRounded-Book.svg') format('svg');
}

@font-face {
    font-family: 'Source Sans Pro Bold';
   	src: url('preu/fonts/source-sans-pro-bold.otf');
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('preu/fonts/source-sans-pro-regular.otf');
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
/*and (orientation : landscape)*/ {
    html, body {
        width:1000px; 
    }
}


html, body, h1, h2, h3, h4, h5, h6, p, div, span, footer {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-overflow-scrolling: touch;
}

html {
	font-family:'Source Sans Pro';
    font-weight: normal;
	  -webkit-text-size-adjust:100%;
	  -ms-text-size-adjust:100%;
}

body {
    font-family:'Source Sans Pro';
    font-weight: normal;
}

html, body {
    width: auto !important;
    /*overflow-x: hidden !important;*/
    margin: 0px !important;
    padding: 0px !important;
}

.container {
    position: relative;
}


.border {
    border: 1px solid red;
}

.right {
    float:right;
    clear:all;
}


.row {border:0px solid;}

.marginleftright0 {margin-left:0px; margin-right:0px;}

#findoutmoreaboutyourself_container {padding-left:0px; padding-right:0px;}
#findoutmoreaboutyourself_container .row {margin-left:0px; margin-right:0px;}


#blackoutbox {
    top:0px;
    left:0px;
    width:100vw;
    height:100vh;
    overflow:hidden;
    position:fixed;
    display:none;
    z-index: 998;
    background-color: rgba(0,0,0,0.8);
}







/* ----- Button ----- */
a {
  /* ----- Button Link ----- */ }
  a.btn-circle {
    border-radius: 50%; }
  a.btn-round {
    border-radius: 20px;
    padding: 8px 20px; }
    a.btn-round.btn-lg {
      border-radius: 30px;
      padding: 15px 40px; }
  a.btn-sm {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px; }
  a.btn-md {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px; }
  a.btn-lg {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px; }
  a.btn-yellow {
    background-color: #fbb02f;
    color: #fff; }
    a.btn-yellow:hover {
      background-color: #f29b05;
      color: #fff; }
  a.btn-turqoise {
    background-color: #5aacb4;
    color: #fff; }
    a.btn-turqoise:hover {
      background-color: #c3670b;
      color: #fff; }
  a.btn-turqoise-outline {
    border: 1px solid #5aacb4;
    background-color: #fff;
    color: #5aacb4; }
    a.btn-turqoise-outline:hover {
      border: 1px soild #5aacb4;
      background-color: #5aacb4;
      color: #fff; }
  a.btn-purple-outline {
    border: 1px solid #822a91;
    background-color: #fff;
    color: #822a91; }
    a.btn-purple-outline:hover {
      border: 1px soild #822a91;
      background-color: #822a91;
      color: #fff; }
  a.btn-gray-light {
    background-color: #bfbfbf;
    color: #fff; }
    a.btn-gray-light:hover {
      background-color: #999999 !important;
      color: #fff !important; }
  a.btn-link {
    font-weight: bold; }
  a.btn-link-gray-dark {
    color: #333333; }
    a.btn-link-gray-dark:hover {
      color: #0d0d0d; }








/* 
 * --------------------------------------------------
 * Navigation
 * --------------------------------------------------
 */
/* ----- Main Nav ----- */
#main-nav {
  /* ----- Branding ----- */
  /* ----- Toggle ----- */
  /* ----- Collapse ----- */
  /* ----- Navbar ----- */
  /* ----- Navbar Primary ----- */
  /* ----- Dropdown Menu ----- */
  /* ----- Navbar Secondary ----- */
  /* ----- Navbar Tertiary ----- */ }
  #main-nav a {
    transition: color 0.3s; }
    #main-nav a:hover,
    #main-nav a:focus,
    #main-nav a:active {
      outline: 0; }
  #main-nav.navbar {
    margin-bottom: 0;
    border: none;
    background-color: #fff;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #main-nav .navbar-header .search {
    display: inline-block;
    float: right; }
    #main-nav .navbar-header .search > .btn-circle {
      width: 36px;
      height: 36px;
      margin-top: 17px;
      margin-left: 15px;
      padding: 6px 6px;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      line-height: 20px; }
  #main-nav .navbar-nav {
    margin: 0; }
  #main-nav .navbar-brand {
    height: 70px;
    padding: 22px 15px; }
  #main-nav .navbar-toggle {
    position: relative;
    margin: 15px 0;
    padding: 5px 15px;
    border: none;
    background: transparent;
    color: gray;
    float: right; }
  #main-nav .navbar-toggle .fa {
    font-size: 30px; }
  #main-nav .navbar-toggle:hover,
  #main-nav .navbar-toggle:focus {
    background: transparent; }
  #main-nav .navbar-toggle .fa-fw {
    width: 1em; }
  #main-nav .navbar-toggle .fa-bars {
    opacity: 1;
    transition: opacity 0.3s; }
  #main-nav .navbar-toggle .fa-close {
    position: absolute;
    top: 5px;
    left: 15px;
    opacity: 0;
    transition: opacity 0.3s; }
  #main-nav .navbar-toggle.open .fa-bars {
    opacity: 0; }
  #main-nav .navbar-toggle.open .fa-close {
    opacity: 1; }
  @media (max-width: 1199px) {
    #main-nav .navbar-collapse {
      background-color: #f2f2f2; }
      #main-nav .navbar-collapse .navbar-nav > li {
        border-bottom: 1px dotted #cccccc; } }
  #main-nav .navbar-primary > li > a,
  #main-nav .navbar-secondary > li > a {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 25px;
    margin-bottom: 25px; }
  #main-nav .navbar-primary {
    margin-right: 15px; }
    #main-nav .navbar-primary > li > a {
      color: #f2644e; }
      #main-nav .navbar-primary > li > a > .fa {
        padding-left: 6px; }
      #main-nav .navbar-primary > li > a:hover,
      #main-nav .navbar-primary > li > a:focus {
        color: #e32d11;
        background-color: transparent; }
  #main-nav .dropdown-menu {
    width: 260px;
    left: 0;
    padding: 10px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #fbb02f; }
    #main-nav .dropdown-menu > li {
      border-bottom: 1px solid #fcc361; }
      #main-nav .dropdown-menu > li:last-child {
        border-bottom: none; }
      #main-nav .dropdown-menu > li > a {
        color: #fff;
        padding: 10px 15px;
        white-space: normal; }
        #main-nav .dropdown-menu > li > a:hover,
        #main-nav .dropdown-menu > li > a:focus {
          background-color: #f29b05; }
  #main-nav .navbar-secondary {
    margin-right: 5px; }
    #main-nav .navbar-secondary > li > a {
      color: #333333;
      padding: 0 10px; }
      #main-nav .navbar-secondary > li > a:hover,
      #main-nav .navbar-secondary > li > a:focus {
        color: #404040;
        background-color: transparent; }
    #main-nav .navbar-secondary > li:first-child > a {
      padding-left: 30px;
      border-left: 1px solid #cccccc; }
  #main-nav .navbar-tertiary > li > a {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px; }
    #main-nav .navbar-tertiary > li > a.btn-circle {
      width: 36px;
      height: 36px;
      margin-top: 17px;
      margin-left: 15px;
      padding: 8px 6px;
      text-align: center; }
    #main-nav .navbar-tertiary > li > a.btn-round {
      margin-top: 17px;
      margin-left: 10px;
      padding: 8px 12px;
      text-align: center; }
    #main-nav .navbar-tertiary > li > a.btn {
      border: none; }
    #main-nav .navbar-tertiary > li > a.btn-link-red {
      display: block;
      margin: 25px 0 25px 10px;
      padding: 0;
      background-color: transparent; }
    #main-nav .navbar-tertiary > li > a > span {
      display: none; }

/* ----- Login Nav ----- */
#sub-nav {
  background-color: #333333 !important;
  /* ----- Navbar Login Menu ----- */
  /* ----- Navbar System Menu ----- */ }
  #sub-nav a {
    transition: color 0.3s; }
    #sub-nav a:hover,
    #sub-nav a:focus,
    #sub-nav a:active {
      outline: 0; }
  #sub-nav.navbar {
      padding-left: 30px;
    margin-bottom: 0;
    min-height: 40px;
    border: none;
    border-radius: 0; }
  #sub-nav .navbar-login-menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #333333; }
    #sub-nav .navbar-login-menu > li > a:hover,
    #sub-nav .navbar-login-menu > li > a:focus {
      color: #333333;
      text-decoration: underline;
      background-color: transparent; }
  #sub-nav .navbar-login-menu > li:first-child > a {
    padding-left: 0; }
  #sub-nav .navbar-system-menu {
    margin-right: 30px; }
    #sub-nav .navbar-system-menu > li > a {
      padding: 10px 5px;
      color: #333333; }
      #sub-nav .navbar-system-menu > li > a:hover,
      #sub-nav .navbar-system-menu > li > a:focus {
        color: #333333;
        background-color: transparent; }
      #sub-nav .navbar-system-menu > li > a > .fa {
        font-size: 20px;
      margin-right: 5px}
    #sub-nav .navbar-system-menu > li .badge {
      padding: 3px 10px 3px 10px;
      margin-left: 5px;
      font-size: 14px;
      font-weight: bold;
      color: #ffffff;
      vertical-align: top;
      background-color: #ef4125; }


.btn-link-red,
a.btn-link-red:link,
a.btn-link-red:visited
{ color:#f2644e;}

a.btn-link-red:hover,
a.btn-link-red:active,
a.btn-link-red:focus
{ color:#ef4125; }


.navbar-brand { font-weight: bold; font-size: 28px; }

@media (min-width: 1200px){
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: 0px;
    }
}

#sub-nav .navbar-nav .active a:visited
{
    font-weight: bold;
}

/* 
 * --------------------------------------------------
 * Page Header
 * --------------------------------------------------
 */
.page-header {
  padding: 0;
  margin: 15px 0 5px;
  border: none; }
  .page-header ul.breadcrumb {
      font-size: 15px;
      color: #333333;
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
      font-weight:bold;
  }
    .page-header ul.breadcrumb > li > a {
      color: #333333; }
      .page-header ul.breadcrumb > li > a:hover,
      .page-header ul.breadcrumb > li > a:focus {
        color: #333333; }
    .page-header ul.breadcrumb > li + li:before {
      padding: 0 6px;
      color: #333333; }
  .page-header ul.action-widget {
    margin-bottom: 0;
    padding: 0;
    text-align: right; }
    @media (max-width: 991px) {
      .page-header ul.action-widget {
        margin-top: 30px;
        text-align: left; } }
    .page-header ul.action-widget > li {
      display: inline-block;
      padding: 0 15px; }
      .page-header ul.action-widget > li:first-child {
        padding-left: 0; }
      .page-header ul.action-widget > li:last-child {
        padding-right: 0; }
      .page-header ul.action-widget > li > a {
        color: #333333; }
        .page-header ul.action-widget > li > a:hover,
        .page-header ul.action-widget > li > a:focus {
          color: #333333; }
  .page-header h1 {
    margin: 0;
    font-size: 32px;
    font-weight: 300;
    line-height: 32px;
    color: #ef4125; 
    padding-top: 10px;}






/* Extra Small */
@media(max-width:767px){
    .navbar .divider-vertical {display: none;}
    .navbar-brand { padding: 6px 15px; }
    .navbar-header {border-bottom: 1px solid #e6e6e6;}

}

/*SPU-2006*/
@media (min-width:961px) and (max-width: 1024px) {
    a.navbar-brand.no-padding-left {margin-left: 15px;}
}
/*SPU-2006*/


/* Small */
@media(min-width:768px) and (max-width:991px){


    .navbar-toggle {
        margin-right: 0px;
    }

    .navbar .divider-vertical {display: none; }
    .navbar-brand { padding: 6px 0px; }

    /* Force hamburger appear in SM mode */
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .navbar-collapse.in {
        overflow-y: auto !important;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 0px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #999;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, 
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
        background-image:none;
    }

    .navbar-header {border-bottom: 1px solid #e6e6e6;}

}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .navbar .divider-vertical {display: block;}
    .navbar-brand { padding: 6px 0px; }
    .navbar-header {border-bottom: 1px solid #e6e6e6;}

}

/* Large */
@media(min-width:1200px){
    .navbar .divider-vertical {display: block;}
    .navbar-brand { padding: 6px 0px; }
}









/* Video custom */
/*=====================================================*/

/*

.embed-responsive-16by9 {
    padding-bottom: 50%;
}

.mainvideo_container {
    background:#e2e2e2;
    padding-left:0px; 
    padding-right:0px;
}

#mainvideo {
    width:100%;
    max-width:1200px;
    margin:0 auto;
}

*/

/* ----- Jumbotron ----- */
.jumbotron-video {
  width: 100%;
  padding: 0;
  margin-bottom: 0; }

.video-js {
    padding-top: 50% !important;
    width: auto;
    height: auto;
}








/* Customize Standard items */
/*=====================================================*/

h1 {
    font-size: 38px;
    font-weight: 300;
    color: #333;
    margin-top: 45px;
    margin-bottom:17px;
}

h2 {
    font-size: 38px;
    font-weight: 300;
    color:#333;
    margin-top: 15px;
    margin-bottom:10px;
}


h3 {
    font-size: 24px;
    font-weight: 300;
    color: #333;
    margin-top: 25px;
    margin-bottom:0px;
}

h4 {
    font-size: 30px;
    font-weight: 300;
    color: #333;
    margin-top: 18px;
    margin-bottom:0px;
}

p {
    font-size: 16px;
    color: #333;
    margin-top:15px;
    margin-bottom:15px;
    line-height:18px;
    padding-left:50px;
    padding-right:50px;
}
.SchoolComparisonAdmissionExcercise p.compare_school_descript{
    font-size: 15px !important;
    font-family: "Source Sans Pro" !important;
    color: #333333 !important;
}


/* Extra Small */
@media(max-width:480px){
    p {padding-left:0px; padding-right:0px;}
}


.aligncenter {
    text-align: center;
}

.yellow {
    color:#ffbd00;
}

.tiffany {
    color: #5aacb4;
}

.orange {
    color: #f2644e;
}

.orange_lite {
    color: #e85d43;
}

.purple {
    color: #812990;
}

.ctabtn {
    color: #fff;
    font-size:17px;
    font-family: "Source Sans Pro Bold";
    font-weight:bold;
    text-align: center;
    width: 170px;
    height: 36px;
    border-radius: 18px;
    display: inline-block;
    margin-top:12px;
    margin-bottom:25px;
    padding-top:7px;
    padding-bottom:10px;
    background-color: #412B87;
}

a.ctabtn,
a.ctabtn:link,
a.ctabtn:visited
 {color: #fff; text-decoration: none;
    background-color: #412B87;}

a.ctabtn:hover,
a.ctabtn:focus
 {color: #fff !important; text-decoration: none;
    background-color: #412B87 !important;}

.ctabtn.smaller {
    font-size:14px;
    width: auto;
    min-width: 180px;
    padding-left: 20px;
    padding-right: 20px;
}

.ctabtn.tiffany {
    background:#e68717;
}

.ctabtn.purple {
    background:#812990;
}

.ctabtn.yellow {
    background:#ffbd00;
}


.ctabtn.reverse {
    background: transparent;
    border:1px solid #fff;
    padding-top:5px;
    padding-bottom:10px;
}

a.ctabtn.reverse:hover,
a.ctabtn.reverse:focus
 {  background: #fff;
    color: #333; 
    text-decoration: none;
 }

.highlight {
    font-weight: bold;
}






/* Fancy header line across */
/*=====================================================*/
.fancy {
  text-align: center;
  margin-top:50px;
  margin-bottom:10px;
}
.fancy span {
  display: inline-block;
  position: relative;  
}
.fancy span:before,
.fancy span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-top: 1px solid #ccc;
  top: 14px;
  width: 500px;
  line-height: 0px;
}
.fancy span:before {
    overflow: hidden;
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}

h1.fancy span:before,
h1.fancy span:after {
  top: 22px;
}


h2.fancy span:before,
h2.fancy span:after {
  top: 18px;
}




.overflowhidden {
    overflow: hidden;
}

.worldOfWork {
	font-family: Gotham Runded Bold;
	font-weight: 300;
	font-size: 34px;
	line-height: 18px
}

/* Outterbox Innerbox for Dragscroll */
/*=====================================================*/
.dragscroll_outterbox {
    height: 100%;
    width: 100%;
    overflow: hidden;
    display:block;
}

.dragscroll_innerbox {
    padding-top: 0px;
    padding-bottom: 17px;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    margin-bottom: -17px; 
    text-align: center;
    vertical-align: top; /*this line*/
    display:block;
}

.dragscroll_top {
  padding-bottom:5px;
}


.padding0 {
    padding: 0px;
}

.margin0 {
    margin: 0px;
}





/* Calendar of Events */
/*=====================================================*/
#calendarofevent_sliderplate {
    text-align: center;
    padding-top:10px;
    padding-bottom:25px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.calendarofevent_box {
    margin-top:30px;
    height: auto;
    position:relative;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    margin-right:25px;
    vertical-align:top;
    margin-left: auto;
    margin-right: auto;
}

/*.calendarofevent_box:last-child {
    margin-right:0px;
}*/

.calendar_icon {
    width: 65px;
    height: 69px;
    overflow:hidden;
    display: inline-block;
    padding: 0px;
    background:url('preu/images/bg_calendar.png') no-repeat;
    position:relative;
    text-align: center;
    margin-right:15px;
    vertical-align: top;
}

.calendar_icon .month {
    padding-top:12px;
    padding-bottom:0px;
    font-size:12px;
    font-weight:bold;
    color:#fff;
}

.calendar_icon .day {
    font-size:34px;
    line-height:39px;
    font-weight: bold;
    color:#812990;
}

.calendar_content {
    width:200px;
    vertical-align: top;
    overflow:hidden;
    display: inline-block;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.calendartext {
    font-size: 19px;
    line-height: 21px;
    font-weight: normal;
    color: #333;
    padding-bottom:10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar_content a.cta,
.calendar_content a.cta:link,
.calendar_content a.cta:visited
{
    font-size:16px;
    font-weight:bold;
    color:#5aacb4;
}

.calendar_content a.cta:hover,
.calendar_content a.cta:active,
.calendar_content a.cta:focus
{
    text-decoration: none;
    color:#ef4125;
}

/* Extra Small */
@media(max-width:767px){
    #calendarofevent_sliderplate {min-width: 950px; }
    .calendarofevent_box { width: 285px; }
    /*.calendarofevent_box:first-child { margin-left:20px;}*/
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #calendarofevent_sliderplate {min-width: 930px; }
    .calendarofevent_box { width: 250px;}
    .calendar_content { width: 150px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #calendarofevent_sliderplate {min-width: 930px; }
    .calendarofevent_box { width: 285px;}
}

/* Large */
@media(min-width:1200px){
    #calendarofevent_sliderplate {min-width: 930px; }
    .calendarofevent_box { width: 285px;}
}



.event-info{
    width: 110px;
    vertical-align: top;
    overflow: hidden;
    display: inline-block !important;
    text-align: left!important;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 2px;
}

.event-info h5,
.event-info p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.event-info .venue{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-flex!important;
}
.event-info .venue a{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 95px;
}



.imgplaceholder {
    width:100%;
    border-radius: 5px;
    overflow:hidden;
    display:block;
    margin: 10px 0px;
}

.imgplaceholder img {
    width:100%;
    height:auto;
    margin: 0px;
}

.recommenderbox {
    text-align: left;
    padding:10px;
}

.recommenderbox span {
    font-size:19px;
    line-height: 21px;
    color: #333;
    font-weight: normal;
}



/* Extra Small */
@media(max-width:767px){
    .recommenderbox {padding:20px 15px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .recommenderbox {padding:20px 15px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
}

/* Large */
@media(min-width:1200px){
}







.RelatedArticles {
    background:#f5f5f5;
    text-align: left;
    margin-top:30px;
    padding-bottom: 20px;
}

.RelatedArticles h3 {
    padding-top:10px;
    padding-bottom:20px;
}

#RelatedArticles_sliderplate {
    text-align: center;
    padding-top:10px;
    padding-bottom:25px;
    display:block;
}

.RelatedArticles_box {
    height: auto;
    position:relative;
    text-align: left;
    overflow: hidden;
    margin-right:15px;
    vertical-align: top;
    display: inline-block;
}

.RelatedArticles_box:last-child {
    margin-right:0px;
}

.RelatedArticles_icon {
    width: 60px;
    height: 48px;
    border-radius: 4px;
    overflow:hidden;
    padding: 0px;
    position:relative;
    margin-right:10px;
    vertical-align: top;
    display: inline-block;
}

.RelatedArticles_content {
    width:140px;
    vertical-align: top;
    overflow:hidden;
    text-align: left;
    display: inline-block;
}

.RelatedArticles_text {
    font-size: 17px;
    line-height: 19px;
    font-weight: normal;
    color: #333333;
    padding-bottom:10px;
}

.RelatedArticles_content a.cta,
.RelatedArticles_content a.cta:link,
.RelatedArticles_content a.cta:visited
{
    font-size:17px;
    font-weight:bold;
    color:#333;
}

.RelatedArticles_content a.cta:hover,
.RelatedArticles_content a.cta:active,
.RelatedArticles_content a.cta:focus
{
    text-decoration: none;
    color:#333333;
}


/* Extra Small */
@media(max-width:767px){
    #RelatedArticles_sliderplate {width:965px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #RelatedArticles_sliderplate {width:965px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #RelatedArticles_sliderplate {width:965px;}
}

/* Large */
@media(min-width:1200px){
    #RelatedArticles_sliderplate {width:1170px;}
    .RelatedArticles_content { width:190px; }
}
/* FOOTER */
/*=====================================================*/
footer {
    color: #fff;
    background-color: #5aacb4;
    min-height: 70px;
    bottom:0px;
    margin:0px;
    padding:0px;
    position:relative;
    font-size: 14px;
}

footer .container {
    padding: 15px;
}

footer .sitemap {
    background: #444444;
}

footer .sitemap,
footer .sitemap a,
footer .sitemap a:link,
footer .sitemap a:visited
 {
    line-height:24px;
    color: #fff;
}

footer div {
    padding: 5px;
}

footer .logo {
    font-size:18px;
    font-weight: bold;
}

footer .termsofuse {
        font-size:14px;
    }

/* Extra Small */
@media(max-width:542px){
    footer .logo { text-align: left; }
    footer .termsofuse { text-align: left;}
    footer .right {text-align: left;}
    footer div {padding: 0px;}
}

@media(min-width:543px) and (max-width:767px){
    footer .logo { text-align: left; }
    footer .termsofuse { text-align: left;}
    footer .right {text-align: left;}
    footer div {padding: 0px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    footer .logo { text-align: left; }
    footer .termsofuse { text-align: right;}
    footer .right {text-align: left;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    footer .logo { text-align: left; }
    footer .termsofuse { text-align: right;}
    footer .right {text-align: right;}
}

/* Large */
@media(min-width:1200px){
    footer .logo { text-align: left; }
    footer .termsofuse { text-align: right;}
    footer .right {text-align: right;}
}



#CareerAssessment_container h3 {color:#fff;}
#CareerAssessment_container h1 {color:#fff;}
#CareerAssessment_container p {color:#fff;}

#CareerAssessment_mainwrap .main-content .result-container .heading {
    font-size: 17px;
    font-family: "Source Sans Pro Bold";
    line-height:19px;
    color:#333;
    margin-top: 20px;
}
#CareerAssessment_mainwrap .main-content .result-container .resultIcon{
    padding-left:0px;
    padding-right: 0px;
}
#CareerAssessment_mainwrap .main-content .result-container .resultIcon img{
    padding-left: 0px;
    padding-right: 20px;
}

@media (min-width: 1201px){
    #CareerAssessment_mainwrap .main-content .result-container .resultIcon{
        padding-left: 20px;
    }
    #CareerAssessment_mainwrap .main-content .result-container .resultIcon img{
        margin-left: 10px;
    }
}
@media (min-width: 620px) and (max-width: 1200px){
    #CareerAssessment_mainwrap .main-content .result-container .resultIcon{
        padding-left: 10px;
    }
    #CareerAssessment_mainwrap .main-content .result-container .resultIcon img{
        padding-right: 10px;
        max-width: 60px;
    }
}
@media (max-width: 619px) {
    #CareerAssessment_mainwrap .main-content .result-container .resultIcon img{
        max-width: 60px;
    }
}

#CareerAssessment_mainwrap .main-content .result-container .quote {
    list-style: url('secondary/images/JobRoleComparison_icon_circle.png');
    font-size: 15px;
    font-family: "Source Sans Pro Bold";
    line-height:17px;
    color:#999;
}


/* Top banner  */ 
/*=================================================*/

#CareerAssessment_mainwrap {
    text-align: center;
    padding:0 80px 20px 80px;
}

#CareerAssessment_container {
    height:298px;
    padding:0px;
    padding-top:80px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #a2a3a7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}

#CareerAssessment_container #RIS_container .RIS_box {
	width: 391px;
}

#CareerAssessment_container .icon {padding: 2px;}
#CareerAssessment_container h3 {font-size:21px; font-weight:normal; padding:0px; margin-top:14px; margin-bottom:6px;}
#CareerAssessment_container h1 {font-size:38px; padding-top: 0px; padding-bottom: 5px; margin-top:0px;}
#CareerAssessment_container p {margin-top: 15px; margin-bottom: 19px;}


/* Extra Small */
@media(max-width:480px){
    #CareerAssessment_mainwrap {padding:0 15px 20px 15px;}
    #CareerAssessment_container {padding:20px 10px; height: 100%;background-size: cover}
}

@media(min-width:481px) and (max-width:767px){
    #CareerAssessment_mainwrap {padding:0 15px 20px 15px;}
    #CareerAssessment_container {padding:20px 30px; height: 100%;background-size: cover}
}





/* Getting Started */
/*=================================================*/

/* RIS boxes */

#RIS_container {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;*/
    margin-top: -70px;
}

@media (max-width: 480px){
    #RIS_container {
        margin-top: -50px;
    }
}
@media (max-width: 356px){
    #RIS_container {
        margin-top: -20px;
    }
}

.RIS_box {
    position: relative;
    width: 400px;
    height: 150px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #4fa6ae;

}

#RIS_container .RIS_box .box {
    width: auto;
    height: 150px;
    padding-left: 12px;
    padding-right:12px;
}

#RIS_container .bigletter {
    font-size: 70px;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    color:#fff;
    border-bottom: 0px dashed #fff;
    padding-top: 28px;
}

#RIS_container .text1 {
    font-size: 15px;
    color: #fff;
    font-family: "Source Sans Pro Bold";
}


/* main-content */

.main-content {
    padding-top: 30px;
}
#CareerAssessment_mainwrap .mobiletopspace#RIS_container {
    padding-top: 0px !important;
}
#CareerAssessment_mainwrap .main-content {
    padding-top: 111px;
    margin-top: -81px;
    border:1px solid #ccc;
    border-top: 0px;
}
@media(min-width:768px){
    #CareerAssessment_mainwrap .mobiletopspace#RIS_container .main-content {
        padding-top: 54px;
        margin-top: 70px;
    }
}
@media(max-width:767px){
    #CareerAssessment_mainwrap .mobiletopspace#RIS_container .main-content {
        padding-top: 30px;
        margin-top: 30px;
    }
    #CareerAssessment_mainwrap .LSI#RIS_container .main-content {
        padding-top: 140px;
        margin-top: -97px;
    }
}
@media(min-width:768px) and (max-width:991px){
    #CareerAssessment_mainwrap .main-content {
        padding-top: 100px;
        margin-top: -70px;
    }
}
@media(max-width:767px){
    #CareerAssessment_mainwrap .main-content {
        padding-top: 140px;
        margin-top: -110px;
    }
}
.main-content .mainquote {
    padding-top: 35px;
    padding-bottom:10px;
    font-size:16px;
    color:#606060;
    display:block;
}

#CareerAssessment_container .mainquote{
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
    margin-top: 10px;
    margin-bottom: 19px;
    color: #fff;
    margin: auto;
    width: 55%;
}

.main-content .result-container {
    width:100%;
    display:block;
}

.main-content .result-container .left,
.main-content .result-container .right
 {
    width:50%;
    padding:15px;
    display:inline-block;
}

.main-content .result-container .result-box:nth-child(1) .left { border-top-left-radius: 3px;}
.main-content .result-container .result-box:nth-child(1) .right { border-top-right-radius: 3px;}
.main-content .result-container .result-box:nth-child(3) .left { border-bottom-left-radius: 3px;}
.main-content .result-container .result-box:nth-child(3) .right { border-bottom-right-radius: 3px;}

.main-content .result-container {
    text-align: left;
}

.main-content .result-container {
    width: 100%;
    display: block;
    text-align: left;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.main-content .result-container .heading {
    font-size:16px;
    font-weight: bold;
    line-height:19px;
    color:#333;
}

.main-content .result-container .quote {
    font-size:14px;
    line-height:17px;
    color:#606060;
}

.main-content .result-container .right .heading,
.main-content .result-container .right .quote {
    color:#666;
}





/* Progress bars */
/*=================================================*/

.main-content .result-container .result-box {
    padding-bottom: 25px;
}

.main-content .result-container .progressbar_box {
    text-align: left; 
    display:block;
    height: 35px;
    width: auto;
    margin-top: 0;
}

.main-content .result-container .progressbar {
    margin:0 auto;
    width: 80%;
    height:20px;
    border-radius: 10px;
    display: inline-block;
    overflow: hidden;
    text-align: left;
    margin-top: 5px;
    position: relative;
    background:#e1e1e1;
}

.main-content .result-container .progressbar .progression {
    background:#69b5bd;
    height:100%;
}
.main-content .result-container .result-box.purple .progressbar .progression {background:#9361ae;}
.main-content .result-container .result-box.purple .number_box {color:#9361ae;}
.main-content .result-container .result-box.green .progressbar .progression {background:#61da8b;}
.main-content .result-container .result-box.green .number_box {color:#61da8b;}
.main-content .result-container .result-box.yellow .progressbar .progression {background:#ff9c1c;}
.main-content .result-container .result-box.yellow .number_box {color:#ff9c1c;}

.main-content .result-container .number_box {
    display: inline-block;
    font-size:30px;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    line-height: 32px;
    text-align: left;
    color:#fbb030;
    width: 20%;
    padding-left:15px;
    float: right;
    clear:none;
}

.main-content .legendbox {margin-bottom:100px;}
.main-content .legendbox .item {display:inline-block; font-size: 15px; color:#373737;}
.main-content .legendbox .item {font-weight: bold; vertical-align: middle; padding:5px 10px;}
.main-content .legendbox .item.title {font-weight: normal;}

.main-content .legendbox .icon {margin:0px 8px;}
.main-content .legendbox .icon.low {background-color:#ff9c1c;}
.main-content .legendbox .icon.medium {background-color:#61da8b;}
.main-content .legendbox .icon.high {background-color:#9361ae;}

.main-content .ctabox {margin-bottom:50px;}

.main-content .ctabox a.ctabtn.small:focus, a.ctabtn.small:hover {
    color: #333;
    background-color:#fbb030;
}



.main-content .ctabtn { background-color:#fbb030; width:295px; position: relative; margin-right:10px; margin-bottom: 0px;}












#bottom-content-container {
    display:block;
    overflow: hidden;
    margin-bottom: 65px;
}

#bottom-content-container h2 {
    color:#333; 
    padding-top:20px;
    padding-bottom:15px;
}

#bottom-content-container .mainquote {
    padding-top: 10px;
    padding-bottom:35px;
    font-size:16px;
    color:#606060;
    display:block;
}

#bottom-content-container .tab-heading {
    text-align: left;
    width:auto;
    height:50px;
    display:block;
    overflow: hidden;
    border-radius: 3px;
    border:1px solid #ccc;
}

#bottom-content-container .tab-heading div {
    display:inline-block;
    text-align: center;
    font-size: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    color:#333;
    width:auto;
    margin:0 auto;
    width:49%;
}

#bottom-content-container .tab-heading div a,
#bottom-content-container .tab-heading div a:link,
#bottom-content-container .tab-heading div a:visited,
#bottom-content-container .tab-heading div a:hover,
#bottom-content-container .tab-heading div a:active,
#bottom-content-container .tab-heading div a:focus
{
    color:#333;
    text-decoration: none;
}

#bottom-content-container .tab-heading .active a,
#bottom-content-container .tab-heading .active a:link,
#bottom-content-container .tab-heading .active a:visited,
#bottom-content-container .tab-heading .active a:hover,
#bottom-content-container .tab-heading .active a:active,
#bottom-content-container .tab-heading .active a:focus
{
    color:#fff;
    text-decoration: none;
}








#bottom-content-container .panel-group {
    text-align: left;
    padding: 25px 60px 25px 85px;
    position: relative;
    margin-bottom: 0px;
    border-bottom: 7px solid #8fc448;
}

#bottom-content-container .tab-container .panel-group:nth-child(even) {
    background-color: #f7f7f7;
}

#bottom-content-container .tab-container {
    border-radius: 4px;
    border:1px solid #ebebeb;
    margin-top:13px;
    padding-bottom: 0px;
}

#bottom-content-container .openclose_icon {
    width: 30px;
    padding-top:30px;
    height: 110px;
    display: inline-block;
    float: right;
}

#bottom-content-container .panel-left {
    display: inline-block;
}

#bottom-content-container .panel-title {
    font-size: 20px;
    font-family: "Gotham Runded Bold";
    line-height:21px;
    padding-top:0px;
    padding-bottom:5px;
    font-weight:300;
    color:#333;
    margin-bottom:15px;
}
#industryOccupationResultContainer #bottom-content-container .panel-title {
    color: #e68717;
    padding-right: 30px;
}
#industryOccupationResultContainer #bottom-content-container .panel-title.others_title_font{
    color: #333;
}

#bottom-content-container .panel-content {
    font-size: 16px;
    line-height: 19px;
    color:#606060;
}

#bottom-content-container .panel-content p {
    margin-top: 0px;
    font-family: "Gotham Runded Bold";
    color: #333;
    font-weight: 300;
}

#bottom-content-container ul {
    font-size: 16px;
    color: #5aacb4;
    font-weight:bold;
}

#bottom-content-container ul.mainbullet li {
        position: relative;
        list-style-type: none;
        padding-bottom: 11px;
        color: #333;
    }

#bottom-content-container ul.mainbullet li:before {
        content: "";
        position: absolute;
        top: 0px;
        left: -28px;
        width: 23px;
        height: 23px;
        background-image: url(preu/images/assessment_icon_mainbullet.png);
    }

#bottom-content-container ul.subbullet {
    font-size: 14px;
    padding-bottom: 10px;
    padding-left:30px;
}

#bottom-content-container ul.subbullet li {
        position: relative;
        list-style-type: none;
    }

#bottom-content-container ul.subbullet li:before {
        /* Unicode bullet symbol */
        font-size:25px;
        content: '\2022 ';
        /* Bullet color */
        color: #2A51FE;
        left: -18px;
        padding-right: 0.5em;
        background-image: none;
    }











/* Extra Small */
@media(max-width:767px){
    .main-content .result-container {padding-left: 30px; padding-right: 30px;}
    .main-content .result-container .left, 
    .main-content .result-container .right {display:block; width:100%; padding:5px 15px;}

    #RIS_container .RIS_box {width: 80%; height: 140px; padding-left: 5px; padding-right:5px;}
    #RIS_container .RIS_box .box {width: auto; height: 140px; display: inline-block; padding-left: 0px; padding-right:0px;}
    #RIS_container .text1 {font-size: 11px;}
    #GettingStarted_container h2 {text-align: left; padding: 30px 15px 15px 15px;}

    #CareerAssessment_mainwrap .main-content .result-container {width:95%;}
    #CareerAssessment_mainwrap .main-content .result-container .result-box:nth-child(1) .left { padding-top: 15px;}
    #CareerAssessment_mainwrap .main-content .result-container .right .heading {display:none;}
    #CareerAssessment_mainwrap .main-content .result-container .risicon {display:none;}
    #CareerAssessment_mainwrap .main-content .result-container .Min_Learning_Styles_progression .progressbar{margin-top: 25px !important; width: 100%}
    
    #bottom-content-container .panel-group { padding: 25px 25px 25px 25px; }
}

@media(max-width:767px){
    #CareerAssessment_mainwrap .main-content .result-container .number_box{float: left}
}

/* Extra Small */
@media(max-width:480px){
    .main-content .result-container {padding-left: 10px; padding-right: 10px;}
    #RIS_container .RIS_box {width: 90%; height: 140px; min-width: 270px}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .main-content .result-container {padding-left: 65px; padding-right: 65px;}
    #RIS_container .RIS_box {width: 480px; height: 140px;}
    #RIS_container .RIS_box .box {height: 140px;}
    #CareerAssessment_mainwrap {padding: 0 40px 20px 40px;}
    #GettingStarted_container h2 {text-align: left; padding: 0px 0px 0px 20px; margin-top: 0px; color: #fff;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #RIS_container .RIS_box {width: 480px; height: 140px;}
    #bottom-content-container .mainquote {padding-left: 50px; padding-right: 50px; }
    .main-content .mainquote {padding-left: 100px; padding-right: 100px; }
    .main-content .result-container {padding-left: 65px; padding-right: 65px;}
    .main-content .result-container .result-box { height: 115px;}
    #bottom-content-container .tab-heading,
    #bottom-content-container .tab-container
        {margin-left: 80px; margin-right: 80px;}
    #bottom-content-container ul.mainbullet {padding:20px; margin-left: 60px;}
}

/* Large */
@media(min-width:1200px){
    #bottom-content-container .mainquote { }
    .main-content .mainquote {padding-left: 200px; padding-right: 200px; }
    .main-content .result-container {}
    .main-content .result-container .result-box { height: 115px;}
    #bottom-content-container .tab-heading,
    #bottom-content-container .tab-container { padding-bottom: 0px ; }
    #bottom-content-container ul.mainbullet {padding:20px; margin-left: 60px;}
}
#RIS_container .RIS_box .box-5{
    width: 14%;
}
#RIS_container .RIS_box .box-4{
    width: 25%;
}
#RIS_container .RIS_box .box-3{
    width: 33%;
}


.theme1 #CareerAssessment_container h3 {color:#fff;}
.theme1 #CareerAssessment_container h1 {
    font-family: "Gotham Runded Bold";
    color:#fff;
    font-weight: 300;
}
.theme1 #CareerAssessment_container p {
    font-family: "Source Sans Pro Bold";
    color:#fff;
}

.theme1 #CareerAssessment_container p{
    margin-left: auto;
    margin-right: auto;
    width: 77%;
    font-size: 20px;
    line-height: 22px;
    font-family: "Source Sans Pro";
}

.theme1 #CareerAssessment_container .mid-col .ctabtn {background-color: #5aacb4;}



/* Top banner  */ 
/*=================================================*/

#CareerAssessment_mainwrap {
    text-align: center;
    padding:0 80px 20px 80px;
}

#CareerAssessment_container {
    height:410px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #a7a9ab;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding:0px 100px;
    border-left: 0px solid #e5e5e5;
    border-right: 0px solid #e5e5e5;
    box-shadow: 2px -2px 5px 0px rgba(0,0,0,0.25);
}

#CareerAssessment_container .icon {padding: 2px;}
#CareerAssessment_container h3 {padding:0px; margin-top:14px; margin-bottom:6px;}
#CareerAssessment_container h1 {padding-top: 0px; padding-bottom: 5px; margin-top:0px;}
#CareerAssessment_container p {margin-top: 15px; margin-bottom: 19px;}


/* Extra Small */
@media(max-width:480px){
    #CareerAssessment_mainwrap {padding:0 15px 20px 15px;}
    #CareerAssessment_container {padding:20px 10px;}
}

@media(min-width:481px) and (max-width:767px){
    #CareerAssessment_mainwrap {padding:0 15px 20px 15px;}
    #CareerAssessment_container {padding:20px 30px;}
}





/* Getting Started */
/*=================================================*/

#GettingStarted_container {
    background-repeat: no-repeat;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-left: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    padding-top: 50px;
}
.KCS_wrap #GettingStarted_container {
    background:url(preu/images/CareerInterestAssessment_GettingStarted_bg_bottom.jpg) bottom center no-repeat;
    min-height: 1040px !important;
}
.KSA_wrap #GettingStarted_container {
    background: url(preu/images/SkillsConfidenceAssessment_GettingStarted_bg_bottom.jpg) bottom center no-repeat;
    min-height: 1170px !important;
}
.SWV_wrap #GettingStarted_container {
    background: url(preu/images/WorkValuesAssessment_GettingStarted_bg_bottom.jpg) bottom center no-repeat;
    min-height: 1120px !important;
}
.LSI_wrap #GettingStarted_container {
    background: url(preu/images/LearningStylesAssessment_GettingStarted_bg_bottom.jpg) bottom center no-repeat;
    min-height: 1050px !important;
}

#GettingStarted_container .mid-col .table-content {display:block; border:1px solid #ccc; border-radius: 4px; margin-bottom:20px; background:#fff;}
#GettingStarted_container .mid-col .table-row {display:block; vertical-align: middle;}
#GettingStarted_container .mid-col .content {display:inline-block; vertical-align:middle; width:75%; padding:20px 0;}
#GettingStarted_container .mid-col .icon {display:inline-block; vertical-align: middle; width:23%; padding-left:4px;}
#GettingStarted_container .mid-col .icon img {display:inline-block; width:30px; margin-right:5px;}
#GettingStarted_container .mid-col .icon span {display:inline-block; font-size: 12px;}
#GettingStarted_container .mid-col .icon.drophere { margin-left:-8px;}
#GettingStarted_container .mid-col .icon.drophere img {width:48px; height:48px;}

#GettingStarted_container .mid-col .table-row {
    border-top:0px; 
    border-bottom:1px solid #ccc;
    text-align: left; 
    padding-left:40px;
    padding-right: 0px; 
    padding-bottom: 5px;
}

#GettingStarted_container .mid-col .table-row:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#GettingStarted_container .mid-col .table-row:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 0px;
    padding-bottom: 0px;
}


#GettingStarted_container .mid-col .content {
    font-size:19px; 
    line-height: 21px;
}

#GettingStarted_container .mid-col .table-row {background:#fff; color:#606060;}

#GettingStarted_container .mid-col .table-row.active .content {font-weight:bold; color:#333;}
#GettingStarted_container .mid-col .table-row.active {
    box-shadow: 5px 5px 5px rgba(0,0,0,0.24); 
    padding-bottom:0px;
    margin-left:-1px;
    margin-right:-1px;
    margin-bottom: 5px;
    border-radius:3px; 
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
}

#GettingStarted_container .mid-col .table-row:hover,
#GettingStarted_container .mid-col .table-row:focus,
#GettingStarted_container .mid-col .table-row:active
 {
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2); 
    padding-bottom:0px;
    margin-bottom: 5px;
    border-radius:3px; 
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
}

#GettingStarted_container .mid-col .table-row:last-child:hover,
#GettingStarted_container .mid-col .table-row:last-child:focus,
#GettingStarted_container .mid-col .table-row:last-child:active
 { margin-bottom:0px; }



#GettingStarted_container .mid-col .table-row.inactive {background:#f7f7f7; color:#999;}


#GettingStarted_container .icon-item {display: inline-block; vertical-align: top; z-index: 1000; margin:5px 12px;}
#GettingStarted_container .icon-item img {opacity: 0.5; display:-webkit-inline-box;}
#GettingStarted_container .icon-item.active img {opacity: 1; display:block;}

#GettingStarted_container .icon-item .icon-text {
    width:61px; 
    padding:10px 0; 
    font-size:14px; 
    line-height:17px; 
    vertical-align: middle;
    display: table-cell;
    color:#999;
    height: 56px;
}

#GettingStarted_container .icon-item:hover .icon-text,
#GettingStarted_container .icon-item:active .icon-text,
#GettingStarted_container .icon-item:focus .icon-text 
 {color:#333;}

#GettingStarted_container .icon-item:hover img,
#GettingStarted_container .icon-item:active img,
#GettingStarted_container .icon-item:focus img
 {opacity: 1;}




#GettingStarted_container .legend p {font-size: 14px; font-style:italic; color:#666;}

#GettingStarted_container .mid-col .ctabox {text-align: left; margin-bottom:25px;}
.takeassessment #GettingStarted_container .mid-col .ctabox {
    text-align: center;
}

#GettingStarted_container .mid-col .ctabtn { width:190px; position: relative; margin-right:10px; margin-bottom: 0px;}
#GettingStarted_container .ctabtn.previous:before {
    font-family: 'Glyphicons Halflings';
    content:"\e079";
    font-size:12px;
    color:#fff;
    position:absolute;
    left:10px;
    padding-top:2px;
}

#GettingStarted_container .ctabtn.next:before {
    font-family: 'Glyphicons Halflings';
    content:"\e080";
    font-size:12px;
    color:#fff;
    position:absolute;
    right:10px;
    padding-top:2px;
}


#previous-assessment-btn:hover, 
#previous-assessment-btn:focus,
#next-assessment-btn:hover,
#next-assessment-btn:focus{
	text-decoration: none;
}

#GettingStarted_container h2 {font-family: "Gotham Runded Bold"; font-size:30px; font-weight:300; text-align:right; color:#666666; /*padding:75px 40px*/;}








/* Progress bar */
/*=================================================*/

#GettingStarted_container .right-col {padding:0px 30px;}

#GettingStarted_container .progressbar_box {text-align: left;}
#GettingStarted_container .progressbar_box span {font-size:14px; font-weight:bold; color:#fff;}

#GettingStarted_container .progressbar {
    width:100%;
    height:26px;
    display: block;
    text-align: left;
    margin-top: 5px;
    position: relative;
}

#GettingStarted_container .progressbar .progression-background {
    width:100%;
    height:26px;
    border-radius: 13px;
    display: block;
    overflow: hidden;
    background:#fff;
    position:absolute;
} 

#GettingStarted_container .progressbar .progression {
    background:#ffbd00;
    height:100%;
    position: absolute;
}

#GettingStarted_container .progressbar .progression-cursor {
    background:transparent;
    height:100%;
    position: absolute;
}

#GettingStarted_container .progressbar .progression-cursor:after {
    content:'';
    width:2px;
    height:32px;
    background:#ffbd00;
    display:block;
    top:0px;
    margin-top: -3px;
    float: right;
} 




/* questionbox */
/*=================================================*/

#GettingStarted_container .questions_box {text-align: left; margin-left: 3px; margin-top: 39px;}

#GettingStarted_container .questions_box h4 {font-family: "Gotham Runded Bold"; font-size:30px; font-weight:300; color: #666666;}

#GettingStarted_container .questions_box ul {list-style: none; font-size:19px; line-height: 24px; margin:8px 0 0 0; padding:10px 10px 0 10px;}

#GettingStarted_container .questions_box ul li {color:#412B87; padding:4px 0;}

#GettingStarted_container .questions_box ul li.active {color:#666666; font-weight: bold;}

#GettingStarted_container .questions_box .ctabtn {width:190px; background-color: #fbb030; position: relative; margin-right:10px; margin-bottom: 0px;}

#GettingStarted_container .questions_box .ctabtn:hover{
    color: #822a90;
    text-decoration: none;
}


#GettingStarted_container .questions_box .ctabtn.startover:before {
    font-family: 'Glyphicons Halflings';
    content:"\e030";
    font-size:12px;
    color:#fff;
    position:absolute;
    left:20px;
    padding-top:2px;
}

@media (max-width: 469px) {
    .takeassessment #takeAssessmentContainer #CareerAssessment_mainwrap #GettingStarted_container .questions_box .ctabox {
        margin-bottom: 45px;
    }
}
@media (max-width: 767px) and (min-width: 470px) {
    .takeassessment #takeAssessmentContainer #CareerAssessment_mainwrap #GettingStarted_container .questions_box .ctabox {
        margin-bottom: 45px;
    }
}









/* Slider Table Page 2 */
/*=================================================*/

#slider-table-content { 
    width:100%; 
    display:block; 
    position: relative;
    text-align: left;
    margin-bottom:15px;

}

#slider-table-content .slider-table-row{
    color:#333333;
    background-color:#f7f7f7;
    padding-top:25px;
    padding-right:37px; 
    padding-left:37px; 
    padding-bottom:45px;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #fff;
}

#slider-table-content .slider-table-row:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#slider-table-content .slider-table-row:last-child {
    padding-bottom: 40px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom:0px;
}



#slider-table-content .slider-table-row:hover, 
#slider-table-content .slider-table-row:active, 
#slider-table-content .slider-table-row:focus 
{
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
    padding-bottom: 40px;
    margin-bottom: 5px;
    margin-left:10px;
    margin-right:10px;
}


#slider-table-content .slider-table-row.active {
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
    padding-bottom: 40px;
    margin-bottom: 5px;
    color:#333;
    background-color:#fff;
    margin-left:0px;
    margin-right:0px;
    border-radius:3px;
    border:1px solid #ccc;
}


#slider-table-content .content {
    font-size: 19px;
    font-weight: normal;
    width: 100% !important;
    padding:0px 0px 14px 0px !important;
}

#slider-table-content .sliderbar-box {
    padding:0px 0px 0px 0px !important;
}

#slider-table-content .slider_min {
    float: left;
}

#slider-table-content .slider_max {
    float:right;
}


.slider.slider-horizontal {
  height: 40px;
}

.slider.slider-horizontal .slider-track {
  height: 20px;
  margin-top: -10px;
}

.slider.slider-horizontal .slider-handle {
  margin-left: -18px;
  margin-top: -9px;
}

.slider-handle.round {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.slider-track:before {
    content:'';
    width:1px;
    height:20px;
    background-color:#fff;
    position:absolute;
    left:25%;
    z-index: 9;
}

.slider-track:after {
    content:'';
    width:25%;
    height:20px;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    position:absolute;
    left:50%;
    z-index: 9;
}


.slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #f4eacf;
  background-image: -moz-linear-gradient(top, #f4eacf, #f4eacf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4eacf), to(#f4eacf));
  background-image: -webkit-linear-gradient(top, #f4eacf, #f4eacf);
  background-image: -o-linear-gradient(top, #f4eacf, #f4eacf);
  background-image: linear-gradient(to bottom, #f4eacf, #f4eacf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffead0ee', endColorstr='#ffead0ee', GradientType=0);
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#GettingStarted_container .classic.slider-table #slider-table-content .slider-table-row.classic .sliderbar-box .slider-selection {
  position: absolute;
  background-color: #f4eacf;
  background-image: -moz-linear-gradient(top, #f4eacf, #f4eacf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4eacf), to(#f4eacf));
  background-image: -webkit-linear-gradient(top, #f4eacf, #f4eacf);
  background-image: -o-linear-gradient(top, #f4eacf, #f4eacf);
  background-image: linear-gradient(to bottom, #f4eacf, #f4eacf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4eacf', endColorstr='#fff4eacf', GradientType=0);
  -webkit-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.slider-handle {
  position: absolute;
  width: 36px;
  height: 36px;
  background-color: #f4eacf;
  background-image: -moz-linear-gradient(top, #f4eacf, #f4eacf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4eacf), to(#f4eacf));
  background-image: -webkit-linear-gradient(top, #f4eacf, #f4eacf);
  background-image: -o-linear-gradient(top, #f4eacf, #f4eacf);
  background-image: linear-gradient(to bottom, #f4eacf, #f4eacf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffead0ee', endColorstr='#ffead0ee', GradientType=0);
  -webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,.2), 0 2px 2px rgba(0,0,0,.1);
  -moz-box-shadow: inset 0 2px 0 rgba(255,255,255,.2), 0 2px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 2px 0 rgba(255,255,255,.2), 0 2px 2px rgba(0,0,0,.1);
  opacity: 1;
  border: 0px solid transparent;
  z-index: 999;
}



.active .sliderbar-box .slider-track {
  position: absolute;
  cursor: pointer;
  background-color: #e1e1e1;
  background-image: -moz-linear-gradient(top, #e1e1e1, #e1e1e1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e1e1e1), to(#e1e1e1));
  background-image: -webkit-linear-gradient(top, #e1e1e1, #e1e1e1);
  background-image: -o-linear-gradient(top, #e1e1e1, #e1e1e1);
  background-image: linear-gradient(to bottom, #e1e1e1, #e1e1e1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe1e1e1', endColorstr='#ffe1e1e1', GradientType=0);
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#GettingStarted_container .classic.slider-table #slider-table-content .slider-table-row.active.classic .sliderbar-box .slider-selection {
  position: absolute;
  background-color: #e68717;
  background-image: -moz-linear-gradient(top, #e68717, #e68717);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e68717), to(#e68717));
  background-image: -webkit-linear-gradient(top, #e68717, #e68717);
  background-image: -o-linear-gradient(top, #e68717, #e68717);
  background-image: linear-gradient(to bottom, #e68717, #e68717);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbe78ca', endColorstr='#ffbe78ca', GradientType=0);
  -webkit-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.active .sliderbar-box .slider-handle {
  position: absolute;
  width: 36px;
  height: 36px;
  background-color: #e68717;
  background-image: -moz-linear-gradient(top, #812990, #812990);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#812990), to(#812990));
  background-image: -webkit-linear-gradient(top, #812990, #812990);
  background-image: -o-linear-gradient(top, #812990, #812990);
  background-image: linear-gradient(to bottom, #e68717, #e68717);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbd00', endColorstr='#ffffbd00', GradientType=0);
  -webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,.2), 0 2px 2px rgba(0,0,0,.1);
  -moz-box-shadow: inset 0 2px 0 rgba(255,255,255,.2), 0 2px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 2px 0 rgba(255,255,255,.2), 0 2px 2px rgba(0,0,0,.1);
  opacity: 1;
  border: 0px solid transparent;
}
/*#GettingStarted_container .classic.slider-table #slider-table-content .slider-table-row .sliderbar-box .slider-selection{
    background-color: #e68717;
    background-image: linear-gradient(to bottom, #e68717, #e68717);
}

#GettingStarted_container .classic.slider-table #slider-table-content .slider-table-row .sliderbar-box .slider-handle{
    background-color: #e68717;
    background-image: linear-gradient(to bottom, #e68717, #e68717);
}*/








/* Extra Small */
@media(max-width:767px){
    #GettingStarted_container .right-col {padding: 0px 15px;}
    #GettingStarted_container .mid-col .table-row {padding-left: 10px;}
    #GettingStarted_container h2 {text-align: left; padding: 30px 15px 15px 15px;}
    .mid-col {padding:0 15px;}
    #GettingStarted_container .mid-col .ctabox  {text-align: center;}
    #GettingStarted_container .questions_box .ctabox {text-align: center;}
    .questions_box ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    .questions_box ul li {text-align: center;}
    .mid-col.slider-table {padding:0 5px;}
    #slider-table-content .slider-table-row{padding-right:20px;padding-left:20px; }
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #CareerAssessment_mainwrap {padding: 0 40px 20px 40px;}
    #GettingStarted_container .mid-col, #GettingStarted_container .right-col {display:inline-block;}
    #GettingStarted_container .left-col {display:block; width:60%; }
    #GettingStarted_container .mid-col {width:60%;  margin: 0 auto; }
    #GettingStarted_container .right-col {width:40%; float:right; clear:none;}
    #GettingStarted_container h2 {text-align: left; padding: 0px 0px 0px 20px; margin-top: 0px; color: #fff;}
    #GettingStarted_container .icon-item {display: inline-block; vertical-align: top; margin:5px 3px;}
    .mid-col {padding:0 0 0 20px;}
    #CareerAssessment_container {padding-top:20px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #GettingStarted_container .left-col, #GettingStarted_container .mid-col, #GettingStarted_container .right-col {display:inline-block;}
    #GettingStarted_container .left-col {width:20%; float: left; }
    #GettingStarted_container .mid-col {width:50%;  margin: 0 auto; }
    #GettingStarted_container .right-col {width:30%; float:right; clear:none;}
    #GettingStarted_container .icon-item {display: inline-block; vertical-align: top; margin:5px 4px;}
    #CareerAssessment_container {padding-top:80px;}
}

/* Large */
@media(min-width:1200px){
    #GettingStarted_container .left-col, #GettingStarted_container .mid-col, #GettingStarted_container .right-col {display:inline-block;}
    #GettingStarted_container .left-col {width:20%; float: left; }
    #GettingStarted_container .mid-col {width:50%;  margin: 0 auto; }
    #GettingStarted_container .right-col {width:30%; float:right; clear:none;}
    #CareerAssessment_container {padding-top:80px;}
}

#CareerAssessment_container .progressbar_box span {font-family: "Source Sans Pro Bold"; color: #ffffff;}




.theme1 .panel-group {border:1px solid #ccc;}
.theme1 .panel-title {font-size: 19px; font-weight: bold; color: #333;}
.theme1 .panel-group-header {
    background-color: #fff !important;
    color: #333333 !important;
    border-bottom:1px solid #ccc;
}



/* Explore Courses Jumbo  */
/*=================================================*/

#ExploreCourses_jumbo_container {
    text-align: center;
    background-position: top -35px right;
    background-repeat: no-repeat;
    padding-top:30px;
    padding-bottom:20px;
    margin-bottom:0px;
    background-color: #8C4198 !important;
}

.theme1 .textlink,
.theme1 a.textlink:link,
.theme1 a.textlink:visited {
    color: #fff;
}

/* Extra Small */
@media(max-width:767px){
    #ExploreCourses_jumbo_container {background-position: top right -70px; background-size: cover;}
}





/* Search Results List Container Main settings  */
/*=================================================*/

#SearchResultsList_Container_main {
    padding-top:45px;
}






/* Display Options Settings  */
/*=================================================*/

#SearchResultsList_Container_main .panel-group {
    border-radius: 4px;
}

#SearchResultsList_Container_main .panel-title {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    color: #333333 !important;
    padding-top: 2px;
    font-size: 22px;
    line-height: 24px;
}

#SearchResultsList_Container_main .panel-body .item-set {
    padding-bottom:15px;
}

#SearchResultsList_Container_main .panel-body .item-set .heading {
    font-size: 15px;
    padding-bottom:5px;
    color:#333333 !important;
    font-weight: normal;
}


#SearchResultsList_Container_main .btn.btn-secondary {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    background: #9461ae;
}

#SearchResultsList_Container_main .input-group .form-control:first-child,
#SearchResultsList_Container_main .input-group-addon:first-child,
#SearchResultsList_Container_main .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn,
#SearchResultsList_Container_main .input-group-btn:first-child > .dropdown-toggle,
#SearchResultsList_Container_main .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
#SearchResultsList_Container_main .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
#SearchResultsList_Container_main .form-control
{
    border-radius: 5px;
    border:0px;
}

#SearchResultsList_Container_main .dropdown-menu {
    font-size: 16px;
    width:100%;
    border-radius:0px;
    padding: 0px;
    margin: 0px;
    background:#85569d;
}

#SearchResultsList_Container_main .dropdown-item {
    display:block;
    padding:5px 15px;
    margin:1px;
    background:#9461ae;
}

#SearchResultsList_Container_main a.dropdown-item,
#SearchResultsList_Container_main a.dropdown-item:link,
#SearchResultsList_Container_main a.dropdown-item:visited
{color:#fff;}

#SearchResultsList_Container_main a.dropdown-item:hover,
#SearchResultsList_Container_main a.dropdown-item:focus,
#SearchResultsList_Container_main a.dropdown-item:active
{background-color:#692175; text-decoration: none;}

#SearchResultsList_Container_main .btn.btn-secondary.dropdown-toggle {
    font-size:16px;
    text-align: left;
    min-width:180px;
    padding:11px 20px;
    height:50px;
    width:100%;
    color: white;
}

.btn.btn-secondary.dropdown-toggle::before {
    font-family: 'Glyphicons Halflings';
    content:"\e114";
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 10px;
    padding-top: 2px;
}









/* Right col - Heading Group setting  */
/*=================================================*/

#SearchResultsList_Container_main .heading-group {
    display:block;
    position: relative;
    width:100%;
    margin-bottom: 25px
}

#SearchResultsList_Container_main .heading-group .heading {
    font-family: "Source Sans Pro Bold";
    display:block;
    max-width: 490px;
}

#SearchResultsList_Container_main .heading-group .heading {
    font-size: 24px;
    line-height: 29px;
    color: #333;
}

#SearchResultsList_Container_main .heading-group .heading .highlight {
    font-weight: bold;
}

#SearchResultsList_Container_main .heading-group .heading .super {
    font-family: "Gotham Runded Bold";
    color: #412B87;
    font-size: 30px;
    font-weight: 300;
}


#SearchResultsList_Container_main .gotopage_menu {
    right:0;
    top:5px;
    position:absolute;
}

#SearchResultsList_Container_main .gotopage_menu .item {
    display:inline-block;
}

#SearchResultsList_Container_main .gotopage_menu .item {
    font-size: 16px;
    color: #333333;
    padding-left:10px;
    padding-right:10px;
}

#SearchResultsList_Container_main .gotopage_menu .item.prevnextbtn {
    font-size: 16px;
    color: #ccc;
}

#SearchResultsList_Container_main .gotopage_menu .item a,
#SearchResultsList_Container_main .gotopage_menu .item a:link,
#SearchResultsList_Container_main .gotopage_menu .item a:visited
 {
    color: #0d7682;
}

#SearchResultsList_Container_main .gotopage_menu .item a:hover,
#SearchResultsList_Container_main .gotopage_menu .item a:active,
#SearchResultsList_Container_main .gotopage_menu .item a:focus
 {
    color: #5aacb4;
    text-decoration: none;
}




/* Right col - Big Table Group setting  */
/*=================================================*/

#SearchResultsList_Container_main .big-table-group {
    display:block;
    position: relative;
    width:100%;
    margin-bottom: 30px;
}

#SearchResultsList_Container_main .big-table-row {
    display:table;
    position: relative;
    width:100%;
    font-size: 16px;
    line-height: 19px;
}

#SearchResultsList_Container_main .big-table-row:nth-child(odd) {
    background-color: #f7f7f7;
}

#SearchResultsList_Container_main .big-table-row.heading {
    background-color: #9461ae;
    color:#fff;
}

#SearchResultsList_Container_main .item-Course,
#SearchResultsList_Container_main .item-Institution,
#SearchResultsList_Container_main .item-Attained
{
    display:table-cell;
    padding:12px 15px;
    vertical-align: top;
}

#SearchResultsList_Container_main .big-table-row.heading .item-Course,
#SearchResultsList_Container_main .big-table-row.heading .item-Institution,
#SearchResultsList_Container_main .big-table-row.heading .item-Attained
{
    padding:12px 15px;
    font-weight: bold;
}

#SearchResultsList_Container_main .big-table-group .icon {
    display:inline-block;
    margin-left: 8px;
}


#SearchResultsList_Container_main .big-table-group .Content-title {
    font-size: 17px;
    font-weight: bold;
    color: #333333;
    padding-bottom: 6px;
    text-transform: uppercase;
    font-family: "Source Sans Pro Bold";
}
#SearchResultsList_Container_main .big-table-group .Content-title a{
    color: #2A51FE !important;
    font-family: "Source Sans Pro Bold" !important;
}
#SearchResultsList_Container_main .big-table-group .Content-Institution {
    font-weight: bold;
    text-transform: uppercase;
    color:#333;
    font-size: 17px;
    font-family: "Source Sans Pro Bold";
}

#SearchResultsList_Container_main .big-table-group .Content-Attained-name {
    font-weight: bold;
    color:#9461ae;
}

#SearchResultsList_Container_main .Content-Attained-name {
    width:90%;
    display: inline-block;
    vertical-align: top;
}

#SearchResultsList_Container_main .big-table-group .big-table-row .Content-Attained-checkboxes {
    float:right;
    display: inline-block;
    vertical-align: top;
    width: 26px;
}

#SearchResultsList_Container_main .big-table-group .Content-Attained-checkboxes div {
    text-align: right;
    margin-bottom:12px;
}

#SearchResultsList_Container_main #directory_view .Content-title a{
	color:#333;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    text-transform: uppercase;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 24px;
    max-height: 57px;
    overflow: hidden;
}

input[type=checkbox] {
    display:none;
}

.checkbox_favourite input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:23px;
    margin:0px;
    vertical-align:middle;
    background:url('preu/images/checkbox_favourite.png') left top no-repeat;
    cursor:pointer;
}

.checkbox_favourite input[type="checkbox"]:checked + label span {
    background:url('preu/images/checkbox_favourite.png') -25px top no-repeat;
}


.checkbox_select input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:23px;
    margin:0px;
    vertical-align:middle;
    background:url('preu/images/checkbox_check.png') left top no-repeat;
    cursor:pointer;
}

.checkbox_select input[type="checkbox"]:checked + label span {
    background:url('preu/images/checkbox_check.png') -24px top no-repeat;
}






/* Footer Group */

#SearchResultsList_Container_main .footer-group {
    position: relative;
    display:flex;
    margin-bottom: 100px;
    padding-top: 10px;
}

#SearchResultsList_Container_main .footer-group .legend {
    display: inline-block;
    padding-top: 5px;
}

#SearchResultsList_Container_main .footer-group .legend div {
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    color:#333;
}

#SearchResultsList_Container_main .footer-group .legend .highlight {
    font-size: 16px;
    font-weight: bold;
    padding-right: 15px;
}

#SearchResultsList_Container_main .footer-group .legend .group {
    padding-right: 15px;
}

#SearchResultsList_Container_main .footer-group .legend .group img {
    padding-right: 10px;
}






/* Extra Small */
@media(max-width:767px){
    #ExploreCourses_jumbo_container p {padding: 10px 50px;}
    #SearchResultsList_Container_main .heading-group .heading {display:block; }
    #SearchResultsList_Container_main .gotopage_menu {position:relative; display:block; float:none;}
    #SearchResultsList_Container_main .gotopage_menu .item { padding-left:5px; padding-right:5px;}
    #SearchResultsList_Container_main .item-Course,
    #SearchResultsList_Container_main .item-Institution,
    #SearchResultsList_Container_main .item-Attained,
    #SearchResultsList_Container_main .Content-Attained-name,
    #SearchResultsList_Container_main .Content-Attained-checkboxes { display:block; }
    #SearchResultsList_Container_main .Content-Attained-name { max-width: auto;}
    #SearchResultsList_Container_main .Content-Attained-checkboxes { width:auto; float:none;}
    #SearchResultsList_Container_main .checkbox_favourite,
    #SearchResultsList_Container_main .checkbox_select  { display:inline-block; margin:10px 10px 0px 0px;}
    #SearchResultsList_Container_main .big-table-group .Content-Attained-checkboxes div {margin-bottom:15px;}
    #SearchResultsList_Container_main .item-Course,
    #SearchResultsList_Container_main .item-Institution,
    #SearchResultsList_Container_main .item-Attained { padding:10px 15px; }
    #SearchResultsList_Container_main .footer-group .legend div {display: block; margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #ExploreCourses_jumbo_container p {padding: 10px 120px;}
    #SearchResultsList_Container_main .heading-group .heading {display:block; }
    #SearchResultsList_Container_main .gotopage_menu {position:relative; display:block; float:none;}
    #SearchResultsList_Container_main .item-Course {width:400px;}
    #SearchResultsList_Container_main .item-Institution {width:130px;}
    #SearchResultsList_Container_main .item-Attained {width:190px;}
    #SearchResultsList_Container_main .big-table-row .Content-Attained-name { max-width: 135px;}
}
/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #ExploreCourses_jumbo_container p {padding: 0px 200px;}
    #SearchResultsList_Container_main .gotopage_menu .item { padding-left:5px; padding-right:5px;}
    #SearchResultsList_Container_main .item-Course {width:365px;}
    #SearchResultsList_Container_main .item-Institution {width:130px;}
    #SearchResultsList_Container_main .item-Attained {width:190px;}
    #SearchResultsList_Container_main .big-table-row .Content-Attained-name { max-width: 135px;}
}

/* Large */
@media(min-width:1200px){
    #ExploreCourses_jumbo_container p {padding: 0px 300px;}
    #SearchResultsList_Container_main .item-Course {width:445px;}
    #SearchResultsList_Container_main .item-Institution {width:190px;}
    #SearchResultsList_Container_main .item-Attained {width:190px;}
    #SearchResultsList_Container_main .big-table-row .Content-Attained-name { max-width: 135px;}
}








.theme1 #ExploreCourses_jumbo_container {background-color:#fff;}

.theme1 #Guide_fluidcontainer {background-color:transparent;}

.theme1 #ExploreCourses_jumbo_container h1 {
    font-family: "Gotham Runded Bold";
    font-size: 40px;
    color:#fff;
    font-weight: 300;
}

.theme1 #ExploreCourses_jumbo_container p {
    font-family: "Source Sans Pro";
    font-size: 20px;
    line-height: 22px;
    color:#fff;
}

.theme1 #Guide_container h4 {color:#333;}
.theme1 #Guide_container p {
    font-family: "Source Sans Pro";
    color:#333333;
}





.page-header {margin: 30px 0 15px;}


/* Explore Courses Jumbo  */ 
/*=================================================*/

#ExploreCourses_jumbo_container {
    text-align: center;
    background-position: top right;
    background-repeat: no-repeat;
    padding-bottom:80px;
    margin-bottom:0px;
	background-color: #8C4198;
}

#ExploreCourses_jumbo_container .container {
    text-align: center;
}

#ExploreCourses_jumbo_container .icon {padding-top: 35px; padding-bottom: 15px;}
#ExploreCourses_jumbo_container h1 {padding-top: 0px; padding-bottom: 0px; margin-top:0px;}
#ExploreCourses_jumbo_container p {margin-top: 15px; margin-bottom: 60px;}

/* Extra Small */
@media(max-width:767px){
    #ExploreCourses_jumbo_container {background-position: right -150px top; background-size: cover;}
}






/* Guide */
/*=================================================*/

#Guide_fluidcontainer {
    margin-top:-50px;
}

#Guide_container {
    margin-top: 0px;
    margin-bottom:30px;
    padding: 0px 25px;
    text-align: center;
}

#Guide_container h4 {
    font-size: 22px;
    margin-bottom: 0px;
}


.article_box {
    width: 450px;
    height: 380px;
    text-align: center;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    display: inline-block;
    vertical-align:top;
    margin: 0px 5px;
}

.article_box .contentbox {
    border: 1px solid #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-height: 200px;
    padding: 10px 20px;
}
@media (max-width: 991px) and (min-width: 768px) {
    .article_box .contentbox{height: 250px}
}
@media (max-width: 767px) {
    .article_box .contentbox{height: 280px}
}

.article_box img {
    border-bottom: 3px solid #8fc448;
    width:100%;
    height:auto;
}

.article_box p {
    padding-left: 15px;
    padding-right: 15px;
    margin-top:10px;
    margin-bottom:20px;
}

.article_box .ctabtn {
     margin-top:5px;
}






/* Extra Small */
@media(max-width:767px){
    #ExploreCourses_jumbo_container p {padding: 10px 50px;}
    #Guide_fluidcontainer {padding-left: 0px; padding-right: 0px; margin-left:0px; margin-right:0px;}
    #Guide_container {padding-left: 0px; padding-right: 0px; margin-left:0px; margin-right:0px;}
    .dragscroll_wrap { min-width:585px; }
    .article_box { width:280px; margin:0px 5px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #ExploreCourses_jumbo_container p {padding: 10px 120px;}
    .article_box {width: 336px; margin:0px 3px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #ExploreCourses_jumbo_container p {padding: 0px 200px;}
    .article_box {width: 450px; margin:0px 3px;}
    .article_box .contentbox {padding: 10px 20px;}
}

/* Large */
@media(min-width:1200px){
    #ExploreCourses_jumbo_container p {padding: 0px 300px;}
    .article_box .contentbox {padding: 10px 20px;}
}

.occupation_search_box .btn.btn-secondary,
.course_search_box_pm .btn.btn-secondary {
    font-family: "Source Sans Pro Bold";
}

.tab-pane_list_course{
    background-color: #412B87 !important;
}

.dragscroll .dragscroll{
    font-family: "Gotham Runded Bold";
    font-size: 24px;
    color: #333333 !important;
}

#Guide_container .dragscroll_outterbox .article_box .title-video-desc iframe {
    /*border-bottom: 3px solid #8fc448;*/
    border:0;

}
#Guide_fluidcontainer #Guide_container .dragscroll_outterbox .article_box .title-video-desc iframe{
    border-bottom: 3px solid #e68717;
}
#Guide_container a:hover, a:focus{
	color: #333;
}




.theme1 #ExploreEducationalInstituitions_jumbo_container {background-color:transparent;}
.theme1 #SingaporePostSecondaryEducation_fluidcontainer {background-color:transparent;}

.theme1 #ExploreEducationalInstituitions_jumbo_container h1 {
    font-family: "Gotham Runded Bold";
    font-size: 40px;
    color:#fff;
    font-weight: 300;
}

.theme1 #ExploreEducationalInstituitions_jumbo_container p {
    font-family: "Source Sans Pro";
    font-size: 20px;
    color:#fff;
    line-height: 22px;
}

.theme1 #SingaporePostSecondaryEducation_container {background-color:#412B87 !important;}
.theme1 #SingaporePostSecondaryEducation_container::after {background-color: #412B87 !important;} /*arrow down*/

.theme1 #SingaporePostSecondaryEducation_container h3 {
    font-family: "Gotham Runded Bold";
    color:#fff;
    font-weight: 300;
}
.theme1 #SingaporePostSecondaryEducation_container p {
    font-family: "Source Sans Pro Bold";
    color:#fff;
}

.theme1 #ExploreEducationalInstituitionTypes_container .heading a{
    font-family: "Gotham Runded Bold";
    color:#2A51FE !important;
    font-weight: 300;
}









/* Explore Educational Instituitions Jumbo  */ 
/*=================================================*/

#ExploreEducationalInstituitions_jumbo_container {
    text-align: center;
    background-color:#812990 !important;
    background-position: top center;
    background-repeat: no-repeat;
    background-size:cover;
    padding-bottom:55px;
    margin-bottom:0px;
}

#ExploreEducationalInstituitions_jumbo_container .container {
    text-align: center;
}

#ExploreEducationalInstituitions_jumbo_container .icon {
	/* padding-top: 41px; */ /* SPU-1425 */ 
	padding-bottom: 20px;
}
#ExploreEducationalInstituitions_jumbo_container h1 {padding-top: 0px; padding-bottom: 0px; margin-top:0px;}
#ExploreEducationalInstituitions_jumbo_container p {margin-top: 17px; margin-bottom: 50px;}

#ExploreEducationalInstituitions_jumbo_container .textlink,
#ExploreEducationalInstituitions_jumbo_container a.textlink:link,
#ExploreEducationalInstituitions_jumbo_container a.textlink:visited {
    color: #fff;
}


/* Extra Small */
@media(max-width:767px){
    #ExploreEducationalInstituitions_jumbo_container {background-position: left -90px top, right -180px top;}
}





/* Singapore Post Secondary Education */
/*=================================================*/

#SingaporePostSecondaryEducation_fluidcontainer {
    margin-top: 36px;
}

#SingaporePostSecondaryEducation_container {
    margin-top: 0px;
    height:auto;
    border-radius: 5px;
    padding: 25px;
    text-align: center;
}

#SingaporePostSecondaryEducation_container::after {
    background: #5aacb4;
    content: " ";
    font-size:20px;
    display: block;
    height: 21px;
    width: 21px;
    left: 50%;
    position: absolute;
    top: 100%;
    margin-top: -10px;
    transform: translate(-100%,0%) rotate(45deg);
    z-index: 1;
}

#SingaporePostSecondaryEducation_container h3 {
    font-size: 30px;
    margin-top:10px;
    margin-bottom: 0px;
}





/* Explore by Educational Instituition Types */
/*=================================================*/

#ExploreEducationalInstituitionTypes_container {
    display:block;
    overflow:hidden;
}

#ExploreEducationalInstituitionTypes_container h3 {
    font-size: 30px;
    padding-top: 10px;
    padding-bottom: 50px;
}

#ExploreEducationalInstituitionTypes_container .fancy span:before,
#ExploreEducationalInstituitionTypes_container .fancy span:after {
    border-top:1px solid #8db0b3;
}

#ExploreEducationalInstituitionTypes_container .item-row {
    min-width: 970px;
}

#ExploreEducationalInstituitionTypes_container .item {
    display: inline-block;
    min-width: 180px;
    vertical-align: top;
    text-align: center;
}

#ExploreEducationalInstituitionTypes_container .icon {
    display: block;
/*    
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
    */
}

#ExploreEducationalInstituitionTypes_container .icon .bottom {
    height: 90px;
    text-align: center;
    display:table-cell;
    vertical-align: bottom;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}


#ExploreEducationalInstituitionTypes_container .heading {
    font-size:19px;
    font-weight:bold;
    line-height: 23px;
    display:inline-block;
}

#ExploreEducationalInstituitionTypes_container .heading .centered {
    height:80px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}


.textlink_container {
    margin:25px auto 70px;
    padding-top:27px;
    text-align: center;
    background:url(preu/images/ExploreEducationalInstituitions_textlink_dotted.png) top center no-repeat;
}

.textlink_container .textlink_item {
    font-size:16px;
    font-weight: bold;
    display: inline-block;
    padding: 7px 20px;
    margin:0px auto;
    left:0px;
    right:0px;
}




/* Extra Small */
@media(max-width:320px){
    #ExploreEducationalInstituitions_jumbo_container p {padding: 0px;}
    #SingaporePostSecondaryEducation_container {height: auto; padding: 10px 15px;}
    #ExploreEducationalInstituitionTypes_container .item {width:188px;}
    #ExploreEducationalInstituitionTypes_container .item .bottom {width:188px;}
}

@media(min-width:321px) and (max-width:480px){
    #ExploreEducationalInstituitions_jumbo_container p {padding: 0px;}
    #ExploreEducationalInstituitionTypes_container .item {width:188px;}
    #ExploreEducationalInstituitionTypes_container .item .bottom {width:188px;}
}

@media(min-width:481px) and (max-width:640px){
    #ExploreEducationalInstituitions_jumbo_container p {padding: 0px 30px;}
    #ExploreEducationalInstituitions_jumbo_container {height: 430px;}
    #ExploreEducationalInstituitionTypes_container .item {width:188px;}
    #ExploreEducationalInstituitionTypes_container .item .bottom {width:188px;}
    .textlink_container .textlink_item:first-child {border-right: 1px solid #ccc;}

}

@media(min-width:641px) and (max-width:767px){
    #ExploreEducationalInstituitions_jumbo_container p {padding: 10px 50px;}
    #ExploreEducationalInstituitionTypes_container {padding:0px; margin:0px;}
    #ExploreEducationalInstituitionTypes_container .item {width:188px;}
    #ExploreEducationalInstituitionTypes_container .item .bottom {width:188px;}
    .textlink_container .textlink_item:first-child {border-right: 1px solid #ccc;}

}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #ExploreEducationalInstituitions_jumbo_container p {padding: 10px 120px;}
    #ExploreEducationalInstituitionTypes_container {width:100%; padding:0px; margin:0px;}
    #ExploreEducationalInstituitionTypes_container .item {width:188px;}
    #ExploreEducationalInstituitionTypes_container .item .bottom {width:188px;}
    .textlink_container .textlink_item:first-child {border-right: 1px solid #ccc;}

}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #ExploreEducationalInstituitions_jumbo_container p {padding: 0px 200px;}
    #ExploreEducationalInstituitionTypes_container .item {width:188px;}
    #ExploreEducationalInstituitionTypes_container .item .bottom {width:188px;}
    .textlink_container .textlink_item:first-child {border-right: 1px solid #ccc;}
}

/* Large */
@media(min-width:1200px){
    #ExploreEducationalInstituitions_jumbo_container p {padding: 0px 300px;}
    #SingaporePostSecondaryEducation_container p {padding: 0px 300px;}
    #ExploreEducationalInstituitionTypes_container .item {width:228px;}
    #ExploreEducationalInstituitionTypes_container .item .bottom {width:228px;}
    .textlink_container .textlink_item:first-child {border-right: 1px solid #ccc;}
}

.btn.btn-secondary{
    background-color: #412B87 !important;
}

#ExploreEducationalInstituitionTypes_container .fancy span{
    font-family: "Gotham Runded Bold";
    color: #333333;
    font-weight: 300;
}





.theme1 #jumbo_container_edu_landsacpe {background-color:#8C4198;}
.theme1 #SingaporePostSecondaryEducation_fluidcontainer {background-color:#8C4198;}

.theme1 #jumbo_container_edu_landsacpe h1 {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 40px;
    color:#fff;
    line-height: 42px;
}
.theme1 #jumbo_container_edu_landsacpe p {
    font-family: "Source Sans Pro";
    font-size: 20px;
    color:#fff;
    line-height: 22px;
}
.theme1 #jumbo_container_edu_landsacpe p a {
    color:#fff;
    text-decoration: underline;
    font-weight: bold;
}
.theme1 #jumbo_container_edu_landsacpe .ctabtn {
    font-family: "Source Sans Pro Bold";
    font-size: 17px;
    background-color:#412B87;
}

.theme1 #SingaporePostSecondaryEducation_container {background-color:#5aacb4;}
.theme1 #SingaporePostSecondaryEducation_container::after {background-color: #5aacb4;} /*arrow down*/

.theme1 #SingaporePostSecondaryEducation_container h3 {color:#fff;}
.theme1 #SingaporePostSecondaryEducation_container p {color:#fff;}

.theme1 #MyFavouritePathways_container .heading {color:#5aacb4;}









/* Explore Educational Instituitions Jumbo  */ 
/*=================================================*/

#jumbo_container_edu_landsacpe {
    text-align: center;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 17px;
    margin-bottom: 20px;
}
@media (max-width: 320px){
    .landscape #jumbo_container_edu_landsacpe p{
        /* font-size: 12px; */
    }
}


#jumbo_container_edu_landsacpe .container {
    text-align: center;
}

#jumbo_container_edu_landsacpe .icon {padding-top: 41px; padding-bottom: 20px;}
#jumbo_container_edu_landsacpe h1 {padding-top: 0px; padding-bottom: 12px; margin-top:0px;}
#jumbo_container_edu_landsacpe p {margin-top: 5px; margin-bottom: 5px;}


/* Extra Small */
@media(max-width:767px){
    #jumbo_container_edu_landsacpe {background-position: right top; background-size:cover;}
}








/* Explore by Educational Instituition Types */
/*=================================================*/

#MyFavouritePathways_container {
    display:block;
    overflow:hidden;
    border-bottom:1px solid #ccc;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

#MyFavouritePathways_container h3 {
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 16px;
}

#MyFavouritePathways_container .fancy span:before,
#MyFavouritePathways_container .fancy span:after {
    border-top:1px solid #ccc;
}

#MyFavouritePathways_container .table-content {
    display: block;
}

#MyFavouritePathways_container .table-row:nth-child(even) {
    background-color:#f7f7f7;
}

#MyFavouritePathways_container .table-row {
    display: table;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 11px;
}

#MyFavouritePathways_container .item-name {
    display: inline-block;
    width: 37%;
    vertical-align: middle;
    padding-left:20px;
}

#MyFavouritePathways_container .item-type {
    display: inline-block;
    width: 37%;
    vertical-align: middle;
}

#MyFavouritePathways_container .item-actions {
    display: inline-block;
    width:240px;
    vertical-align: middle;
    position:absolute;
    right:0px;
}

#MyFavouritePathways_container .item-action-unit {
    display: inline-block;
    width: 40px;
    text-align: center;
    vertical-align: middle;
}

#MyFavouritePathways_container .table-row {
    position: relative;
}

#MyFavouritePathways_container .table-row .item-name {
    font-size: 16px;
    font-weight: bold;
    color:#9461ae;
}

#MyFavouritePathways_container .table-row .item-type {
    font-size: 16px;
    color:#333;
}

#MyFavouritePathways_container .table-row.legend .item-name{
    font-size: 14px;
    font-weight: normal;
    color:#333333;
}

#MyFavouritePathways_container .table-row.legend .item-type{
    font-size: 14px;
    color:#333333;
}

#MyFavouritePathways_container .table-row.legend .item-actions {
    font-size: 14px;
    color:#333333;
}



.textlink_container {
    margin:25px auto 70px;
    padding-top:27px;
    text-align: center;
    background:url(preu/images/ExploreEducationalInstituitions_textlink_dotted.png) top center no-repeat;
}

.textlink_container .textlink_item {
    font-size:16px;
    font-weight: bold;
    display: inline-block;
    padding: 7px 20px;
    margin:0px auto;
    left:0px;
    right:0px;
}




/* Extra Small */
@media(max-width:320px){
    #jumbo_container_edu_landsacpe p {padding: 5px;}
    #SingaporePostSecondaryEducation_container {height: auto; padding: 10px 15px;}
    #MyFavouritePathways_container .item-name {display: block; width:auto; padding-left:10px; }
    #MyFavouritePathways_container .item-type {width:auto; padding-left:10px;}
    #MyFavouritePathways_container .item-actions {display: block; width:auto; float:none; position:relative; padding:0px 10px 5px 10px;}
    #MyFavouritePathways_container .item-action-unit {width: 25px;}
}

@media(min-width:321px) and (max-width:480px){
    #jumbo_container_edu_landsacpe p {padding: 5px;}
    #MyFavouritePathways_container {padding-left:0px; padding-right:0px;}
    #MyFavouritePathways_container .item-name {display: block; width:auto; padding-left:10px; }
    #MyFavouritePathways_container .item-type {width:auto; padding-left:10px;}
    #MyFavouritePathways_container .item-actions {width:150px; top:0px; padding-top:11px;}
    #MyFavouritePathways_container .item-action-unit {width: 25px;}
}

@media(min-width:481px) and (max-width:640px){
    #jumbo_container_edu_landsacpe p {padding: 5px 30px;}
    #jumbo_container_edu_landsacpe {height: auto;}
    #MyFavouritePathways_container {padding-left:0px; padding-right:0px;}
    #MyFavouritePathways_container .item-actions {width:150px;}
    #MyFavouritePathways_container .item-action-unit {width: 25px;}
}

@media(min-width:641px) and (max-width:767px){
    #jumbo_container_edu_landsacpe p {padding: 5px 50px;}
    #MyFavouritePathways_container {padding-left:0px; padding-right:0px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #jumbo_container_edu_landsacpe p {padding: 5px 120px;}
    #MyFavouritePathways_container {padding-left:0px; padding-right:0px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #jumbo_container_edu_landsacpe p {padding: 0px 200px;}
}

/* Large */
@media(min-width:1200px){
    #jumbo_container_edu_landsacpe p {padding: 0px 300px;}
    #SingaporePostSecondaryEducation_container p {padding: 0px 300px;}
}

#MyFavouritePathways_container .table-row:not(:first-child) .item-name {
    color:#333333 !important;
}







.theme1 .panel-group {border:1px solid #ccc;}
.theme1 .panel-title {font-size: 19px; font-weight: bold; color: #333;}
.theme1 .panel-group-header {border-bottom:1px solid #ccc;}



#bigtop h1 {margin-top:10px;}
#bigtop p {padding-bottom: 20px;}





/* Explore Courses Jumbo  */
/*=================================================*/

#jumbo_container {
    text-align: center;
    background-image:url(preu/images/EducationLandscapeStep_placebolder.png);
    background-position: top center;
    background-repeat: no-repeat;
    height:744px;
}

.theme1 .textlink,
.theme1 a.textlink:link,
.theme1 a.textlink:visited {
    color: #fff;
}


.table-heading-row {
    height:50px;
    display: block;
    position: relative;
    margin-top:20px;
    margin-bottom:15px;
}

.table-heading-row.selected .heading {
    color:#5aacb4;
}

.table-heading-row .heading {
    display:inline-block;
    font-size:28px;
    font-weight:bold;
    color:#333;
    vertical-align: middle;
}


.icon-edit {display:inline-block;}

.icon-edit div,
a.icon-edit:link div,
a.icon-edit:visited div
{
    content:'';
    width:27px;
    height:26px;
    background:url(preu/images/checkbox_edit.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}

a.icon-edit:hover div,
a.icon-edit:focus div,
a.icon-edit:active div
{
    background:url(preu/images/checkbox_edit.png) top left -27px no-repeat;
}


.table-action-icons {
    display:inline-block;
    vertical-align: middle;
    position: absolute;
    right:0px;
    margin-top: 10px;
}

.action-set {
    display:inline-block;
    font-size: 14px;
    color: #333;
    padding: 0 15px;
}

.action-set span {
	padding-left:9px;
    font-size: 16px;
}

.action-set label {
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 16px;
}



.action-set a,
.action-set a:link,
.action-set a:visited
 {
    color:#333;
}


.action-set a:hover,
.action-set a:focus,
.action-set a:active
 {
    text-decoration: none;
}



.icon-save div,
a.icon-save:link div,
a.icon-save:visited div
{
    content:'';
    width:22px;
    height:23px;
    background:url(preu/images/checkbox_save.png) top left no-repeat;
    display: inline-block;
    overflow: none;
    vertical-align: middle;
}

a.icon-save:hover div,
a.icon-save:focus div,
a.icon-save:active div
{
    background:url(preu/images/checkbox_save.png) top left -22px no-repeat;
}



.icon-refresh div,
a.icon-refresh:link div,
a.icon-refresh:visited div
{
    content:'';
    width:22px;
    height:23px;
    background:url(preu/images/checkbox_refresh.png) top left no-repeat;
    display: inline-block;
    overflow: none;
    vertical-align: middle;
}

a.icon-refresh:hover div,
a.icon-refresh:focus div,
a.icon-refresh:active div
{
    background:url(preu/images/checkbox_refresh.png) top left -22px no-repeat;
}



.pathway-table-block {
    font-size: 0;
    padding: 25px 0 40px 0;
}


.pathway-table-block .pathway-block {
    width:240px;
    height:80px;
    font-size:15px;
    line-height:16px;
    font-weight:bold;
    display:inline-block;
    position: relative;
    text-align: center;
    border-radius:5px;
    padding:15px 35px;
    vertical-align: middle;
}


.pathway-table-block .pathway-block.selected {
    color:#fff;
    background-color:#964aaa;
}

.pathway-table-block .pathway-block.blank {
    color: #333333;
    background-color: #ffffff;
    border: 3px dotted #333333;
    font-weight: normal;
    font-family: "Source Sans Pro Bold";
}

.pathway-table-block .pathway-block .alertbubble {
    position: absolute;
    width: 46px;
    height: 49px;
    top: 18px;
    left:-19px;
}

.pathway-table-block .pathway-block .closebtn {
    position: absolute;
    width: 15px;
    height: 15px;
    right:10px;
    top:8px;
}

.pathway-table-block .pathway-link {
    width:90px;
    height:10px;
    text-align: center;
    display:inline-block;
    background:url(preu/images/icon_linkarrow.png) center center no-repeat #90bc5c;
    vertical-align: middle;
}



input[type=checkbox] {
    display:none;
}

.checkbox_favourite input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:23px;
    margin:0px;
    vertical-align:middle;
    background:url('preu/images/checkbox_favourite.png') left top no-repeat;
    cursor:pointer;
}

.checkbox_favourite input[type="checkbox"]:checked + label span {
    background:url('preu/images/checkbox_favourite.png') -24px top no-repeat;
}
.checkbox_favourite input[type="checkbox"] + label:hover span {
    background:url('preu/images/checkbox_favourite.png') -24px top no-repeat;
}
.checkbox_favourite input[type="checkbox"] + label span:hover {
    background:url('preu/images/checkbox_favourite.png') -24px top no-repeat;
}
.checkbox_favourite input[type="checkbox"] + label span.hover {
    background:url('preu/images/checkbox_favourite.png') -24px top no-repeat;
}


.checkbox_select input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:23px;
    margin:0px;
    vertical-align:middle;
    background:url('preu/images/checkbox_check.png') left top no-repeat;
    cursor:pointer;
}

.checkbox_select input[type="checkbox"]:checked + label span {
    background:url('preu/images/checkbox_check.png') -24px top no-repeat;
}
@media(min-width:1200px) {
    .checkbox_select input[type="checkbox"] + label:hover span {
        background: url('preu/images/checkbox_check.png') -24px top no-repeat;
    }

    .checkbox_select input[type="checkbox"] + label span:hover {
        background: url('preu/images/checkbox_check.png') -24px top no-repeat;
    }

    .checkbox_select input[type="checkbox"] + label span.hover {
        background: url('preu/images/checkbox_check.png') -24px top no-repeat;
    }
}


#ExplorePathwayList_Container_main .container-row {
    width:100%;
    padding-left:0px;
    padding-right:0px;
}

#ExplorePathwayList_Container_main .container-row:nth-child(odd) {
    background-color:#f7f7f7;
}

#ExplorePathwayList_Container_main .container-row .container {
    border-top:2px dotted #ccc;
    padding-top: 18px;
    padding-bottom:18px;
}

#ExplorePathwayList_Container_main .container-row:last-child .container {
    border-bottom:2px dotted #ccc;
}





/* Extra Small */
@media(max-width:767px){
    .table-heading-row {height:auto;}
    .table-heading-row .heading {display:block;}
    .table-action-icons {display:block; position:relative;}
    .table-action-icons .action-set {padding-bottom:10px;padding-left:0px;}
    .pathway-table-block .pathway-block {display:block; width:100%; height: auto; padding: 15px 45px;}
    .pathway-table-block .pathway-link {
        display:block;
        width:10px; height:40px;
        background:url(preu/images/icon_linkarrow_down.png) center center no-repeat #90bc5c;
        margin-left:auto; margin-right:auto; left:0px; right:0px;
    }
    .pathway-table-block .pathway-block .alertbubble {top:-10px; left:0;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .table-heading-row {height:auto;}
    .table-heading-row .heading {display:block;}
    .table-action-icons {display:block; position:relative;}
    .table-action-icons .action-set:first-child {padding-left:0px;}
    .pathway-table-block .pathway-block {width:140px; height: 110px; padding: 15px 25px;}
    .pathway-table-block .pathway-link {width:50px;}
    .pathway-table-block .pathway-block .alertbubble {top:30px;}
}
/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .pathway-table-block .pathway-link {width:50px;}
    .pathway-table-block .pathway-block {width:180px;}
}

/* Large */
@media(min-width:1200px){
}

#edupathway_favorpossible .epy_favourite_pathcontent .pathway-table-block .pathway-block,
.explore .epy_explore_pathwayContent #ExplorePathwayList_Container_main .container-row .pathway-table-block .pathway-block,
.landscape .epy_download_modal .epy_select_group_download_modal .download_contentPreview .epy_pathway_detail .epy_favourite_pathcontent .pathway-table-block .pathway-block,
.landscape .print_pathway_contentPreview .epy_pathway_detail .epy_favourite_pathcontent .pathway-table-block .pathway-block,
.redirectbutton .epy_download_modal #epy_download_modal .download_contentPreview .epy_pathway_detail .epy_favourite_pathcontent .pathway-table-block .pathway-block
{
    display: inline-table !important;
    position: relative;
    vertical-align: middle;
}

#edupathway_education-landscape-FSBB .epy_favourite_pathcontent .pathway-table-block .pathway-block,
.explore .epy_explore_pathwayContent #ExplorePathwayList_Container_main .container-row .pathway-table-block .pathway-block,
.landscape .epy_download_modal .epy_select_group_download_modal .download_contentPreview .epy_pathway_detail .epy_favourite_pathcontent .pathway-table-block .pathway-block,
.landscape .print_pathway_contentPreview .epy_pathway_detail .epy_favourite_pathcontent .pathway-table-block .pathway-block,
.redirectbutton .epy_download_modal #epy_download_modal .download_contentPreview .epy_pathway_detail .epy_favourite_pathcontent .pathway-table-block .pathway-block
{
    display: inline-table !important;
    position: relative;
    vertical-align: middle;
}

#edupathway_favorpossible .epy_favourite_pathcontent .pathway-table-block .pathway-block span.Possible_Pathway_JC_CI_display,
.explore .epy_explore_pathwayContent #ExplorePathwayList_Container_main .container-row .pathway-table-block .pathway-block .pathShowContent,
.landscape .epy_download_modal .epy_select_group_download_modal .download_contentPreview .epy_pathway_detail .epy_favourite_pathcontent .pathway-table-block .pathway-block span.Possible_Pathway_JC_CI_display,
.landscape .print_pathway_contentPreview .epy_pathway_detail .epy_favourite_pathcontent .pathway-table-block .pathway-block span.Possible_Pathway_JC_CI_display,
.redirectbutton .epy_download_modal #epy_download_modal .download_contentPreview .epy_pathway_detail .epy_favourite_pathcontent .pathway-table-block .pathway-block span.Possible_Pathway_JC_CI_display
{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#edupathway_education-landscape-FSBB .epy_favourite_pathcontent .pathway-table-block .pathway-block span.Possible_Pathway_JC_CI_display,
.explore .epy_explore_pathwayContent #ExplorePathwayList_Container_main .container-row .pathway-table-block .pathway-block .pathShowContent,
.landscape .epy_download_modal .epy_select_group_download_modal .download_contentPreview .epy_pathway_detail .epy_favourite_pathcontent .pathway-table-block .pathway-block span.Possible_Pathway_JC_CI_display,
.landscape .print_pathway_contentPreview .epy_pathway_detail .epy_favourite_pathcontent .pathway-table-block .pathway-block span.Possible_Pathway_JC_CI_display,
.redirectbutton .epy_download_modal #epy_download_modal .download_contentPreview .epy_pathway_detail .epy_favourite_pathcontent .pathway-table-block .pathway-block span.Possible_Pathway_JC_CI_display
{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#ExplorePathwayList_Container_main .container-row .container span {
    font-size: 15px;
    font-family: "Source Sans Pro Bold";
    color: #333333;
}

#ExplorePathwayList_Container_main .container-row .container .heading .pathName{
    font-family: "Gotham Runded Bold";
    font-weight:300;
    font-size: 30px;
    color: #333333;
}

.action-set span{
    color: #333333 !important;
}

.pathway-table-block .pathway-block.WorkandLifelongLearning{
    background-color: #3154a4 !important;
}

.pathway-table-block .pathway-block.JuniorColleagesCentralisedInstitutes
,.pathway-table-block .pathway-block.InstituteofTechnicalEducation
,.pathway-table-block .pathway-block.GCEALevel
,.pathway-table-block .pathway-block.Polytechnics
,.pathway-table-block .pathway-block.ArtsInstitutions
,.pathway-table-block .pathway-block.Universities
,.pathway-table-block .pathway-block.AlternativeQualifications2
,.pathway-table-block .pathway-block.AlternativeQualifications
,.pathway-table-block .pathway-block.AlternativeQualifications1
,.pathway-table-block .pathway-block.PolytechnicFoundation
,.pathway-table-block .pathway-block.DirectEntrySchemetoPolytechnic
{
    background-color:  #8c4198 !important;
}

.pathShowContent{
    font-family: "Source Sans Pro Bold";
}

@media(min-width:991px) and (max-width:1300px){
    .table-action-icons .action-set:first-child {
        padding-left: 0px;
    }
    .exploreWay .heading{
        display: block;
    }
    .exploreWay .table-action-icons{
        display: block;
        position: relative;
    }
}


.theme1 .textlink, 
.theme1 a.textlink:link, 
.theme1 a.textlink:visited
{color:#2A51FE;}


.theme1 a.textlink:hover, 
.theme1 a.textlink:focus, 
.theme1 a.textlink:active
{color:#2A51FE; text-decoration: none;}

.theme1 .ctabtn {background-color:#2A51FE;}
.theme1 .ctabtn.reverse {background:transparent;}

.theme1 .successstories_container h1 {color:#333333;}

.theme1 #featuredarticle {background-color:#f7f7f7;}

.theme1 #findingmatchingjobrole_jumbo_container {background-color:#f7f7f7;}

.dropdown-menu {
    position: absolute;
}

#bigtop {
    text-align: center;
}





/* General */ 
/*=================================================*/

h1 {margin-top: 0px; margin-bottom: 0px;}

h3 {margin-top: 35px; margin-bottom: 0px;}




p  {padding:0px;}



/* Related Articles */
/*=================================================*/

#RelatedArticles_sliderplate {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    width:100%;
}

.RelatedArticles_box {
    width:100%;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:2px dotted rgba(0,0,0,0.3);
}

#RelatedArticles_sliderplate .RelatedArticles_box:last-child {
    border:0px;
}

.RelatedArticles_content {
    width:auto;
    max-width:280px;
}






/* Job role Search Textbox */ 
/*=================================================*/

#searchkeywordbox {
    margin:15px auto;
    left:0px;
    right:0px;
}

.input-group {
    border:1px solid #ccc;
}

.btn.btn-secondary {
    font-weight: bold;
    color:#fff;
    background:#5aacb4;
    border-radius: 0px;
    border:0px;
    margin:0px;
    position: relative;
    height:53px;
}

.glyphicon.glyphicon-search { 
    font-size:18px; 
    padding:11px;
}

.btn.btn-secondary.dropdown-toggle {
    font-size:16px; 
    text-align: left;
    min-width:180px;
    padding:17px 25px;
    height:53px;
}

.btn.btn-secondary.dropdown-toggle:before {
    font-family: 'Glyphicons Halflings';
    content:"\e252";
    font-size:12px;
    color:#fff;
    position:absolute;
    right:20px;
    padding-top:2px;
}

.input-group .form-control {
    font-size:16px; 
    height:53px;
    padding:14px;
}
#myskillsfuture-main-menu .navbar-right .navbar-tertiary .active.portal-search-nav-li .popover-content .input-group .form-control{
    font-size: 15px;
    font-family: "Source Sans Pro Bold";
    padding: 14px;
    color: #666666;
}
#myskillsfuture-main-menu .navbar-right .navbar-tertiary .active.portal-search-nav-li .popover-content .input-group{
    border: 1px solid #fff;
}

.sidr-inner .mobile-sidr-searchbox .input-group{
    border: 1px solid #e68717;
}
.sidr-inner .mobile-sidr-searchbox .input-group text{
    font-size: 15px;
    font-family: "Source Sans Pro Bold";
    color: #666;
}

.input-group .form-control:first-child, 
.input-group-addon:first-child, 
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, 
.input-group-btn:first-child > .dropdown-toggle, 
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.form-control
{
    /*border-radius: 0px;
    border:0px;*/
}

.dropdown-menu { 
    font-size: 16px;
    border-radius:0px;
    padding: 0px; 
    margin: 0px;
    background:#6fc2ca;
}

.dropdown-item {
    display:block;
    padding:8px 15px;
    margin:1px;
    background:#5aacb4;
}

a.dropdown-item,
a.dropdown-item:link,
a.dropdown-item:visited
{color:#fff;}

a.dropdown-item:hover,
a.dropdown-item:focus,
a.dropdown-item:active
{background-color:#4c969d; text-decoration: none;}



.dropdown-item:last-child {
} 

.advancesearch {
    font-size:16px; 
    font-weight:bold;
    float:right;
    padding-top:12px;
}





@media(max-width:480px) and (min-width: 421px){
    .btn.btn-secondary.dropdown-toggle {
        font-size: 10px;
        padding: 17px 5px;
        min-width: 148px;
    }
}

@media(max-width:420px) and (min-width: 381px){
    .btn.btn-secondary.dropdown-toggle {
        font-size: 9px;
        padding: 17px 5px;
        min-width: 136px;
    }
}
@media(max-width:380px) and (min-width: 351px){
    .btn.btn-secondary.dropdown-toggle {
        font-size: 8px;
        padding: 17px 5px;
        min-width: 125px;
    }
}
@media(max-width:350px){
    .btn.btn-secondary.dropdown-toggle {
        font-size: 7px;
        padding: 17px 5px;
        min-width: 110px;
    }
}




/* Extra Small */
@media(max-width:640px) and (min-width: 481px){
    .btn.btn-secondary.dropdown-toggle {
        font-size: 12px;
        min-width:105px;
        padding:7px;
        height:30px;
    }
    .btn.btn-secondary.dropdown-toggle:before {
        font-family: 'Glyphicons Halflings';
        content:"\e252";
        font-size:10px;
        color:#fff;
        position:absolute;
        right:10px;
        padding-top:2px;
    }
    .input-group .form-control {
        font-size:14px; 
        height:53px;
        padding:0px 10px;
    }
    .btn.btn-secondary {
        height:30px;
    }
    .glyphicon.glyphicon-search { 
        font-size:16px; 
        padding:0px;
    }

}

@media(min-width:641px) and (max-width:767px){
}

/* Small */
@media(min-width:768px) and (max-width:991px){
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
}

/* Large */
@media(min-width:1200px){
    #searchkeywordbox {width:80%;}
}
























/* Featured Articles*/
/*========================================*/

#featuredarticle {
    display:table;
    overflow: hidden;
    border-radius: 5px;
    height:280px;
    position:relative;
}

.featuredarticle_img {
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
}

.featuredarticle_text {
    display: table-cell;
    vertical-align: top;
    padding:30px;
    position:relative;
}

.featuredarticle_text p {
    margin-top:0px;
    margin-bottom:0px;
    line-height:19px;
    padding-left:0px;
    padding-right:0px;
}

.featuredarticle_text h3 {
    margin-top:0px;
    margin-bottom:10px;
}

.featuredarticle_text .ctabtn {
    position:absolute;
    bottom:0px;
}







/* Success Stories*/
/*===========================================*/

.successstories_container {
    /* border:1px solid; */
    padding-bottom:40px;
    display:block;
    overflow:hidden;
}


.successstories_container h1 {
    margin-top:70px;
    margin-bottom:40px;
}

.successstories_text h3 {
    margin-top:0px;
    margin-bottom:10px;
}

.successstories_text p {
    margin-top:0px;
    margin-bottom:0px;
    line-height:17px;
    padding: 10px 0px;
}

.successstories_img img {
    width:100%;
    height:auto;
}

.successstories_box {
    background:#f7f7f7;
    border-radius: 5px;
    display:block;
    overflow:hidden;
    margin-bottom: 20px;
}

.successstories_img {
    display:inline-block;
    overflow:hidden;
    vertical-align: top;
}

.successstories_text {
    display:inline-block;
    overflow:hidden;
    vertical-align: top;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 30px 30px;
}

.successstories_prevnextpanel {
    width: 150px;
    display: inline-block;
}

.successstories_prevnextpanel .btn_prev {
    padding-left:0px;
    display: inline-block;
}

.successstories_prevnextpanel .btn_next {
    margin-left:15px;
    display: inline-block;
}


.slick-dots {bottom: -40px;}

.slick-item {
    width:100%;
}

.slick-single {
    width:100%;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.slick-dots li button:before {
    font-size: 14px;
    color: #444;
}

.slick-dots li.slick-active button:before {
  color: #ffbd00;
  opacity: 1; 
}










/* Extra Small */
@media(max-width:640px){
    .featuredarticle_img {width:100%;max-height:250px;}
    .featuredarticle_img img {width:100%;height:auto;}
    .featuredarticle_text {display:block; padding:20px;height: 260px}
    .featuredarticle_text .ctabtn {position:relative;}
    .RelatedArticles_content {max-width:200px;}
    .successstories_container {padding-left:15px; padding-right:15px;}
    .successstories_img {padding:0px; width:100%; max-height:355px;}
    .successstories_img img {width:100%;}
}

@media(min-width:641px) and (max-width:767px){
    .featuredarticle_img {width:280px;height:280px;}
    .successstories_container {padding-left:15px; padding-right:15px;}
    .successstories_img {padding:0px; width:100%; max-height:355px;}
    .successstories_img img {width:100%;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .featuredarticle_container {padding:0px;}
    .successstories_container {padding-left:0px; padding-right:0px;}
    .successstories_img {padding:0px; width:100%; max-height:355px;}
    .successstories_img img {width:100%;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .featuredarticle_container {padding:0px;}
    .featuredarticle_img {width:280px;height:280px;}
    .RelatedArticles_content {max-width:200px;}
    .successstories_container {padding-left:0px; padding-right:0px;}
    .successstories_img {padding-left:0px; width:636px; max-height:355px;}
    .successstories_text {width:315px;}/*SPU-2006*/
    .successstories_prevnextpanel {padding-top:30px;}
}

/* Large */
@media(min-width:1200px){
    .featuredarticle_container {padding:0px;}
    .featuredarticle_img {width:350px;height:280px;}
    .RelatedArticles_content {max-width:280px;}
    .successstories_container {padding-left:0px; padding-right:0px;}
    .successstories_img {padding-left:0px; width:770px; max-height:350px;}
    .successstories_text {width:380px;}/*SPU-2006*/
    .successstories_prevnextpanel {padding-top:70px;}
}


/* Extra Small */
@media(max-width:660px){
    .RIS_box {
        width:215px;
        height: 600px;
        white-space:;
        font-size: 0;
        margin-bottom:0px;
    }
    .RIS_box .box {
        display:block;
        width:215px;
        height:200px;
        margin:0;
    }
    #findingmatchingjobrole_jumbo_container {background-size:70%, auto;}
    #findingmatchingjobrole_jumbo_container {height:auto; padding-bottom: 70px;}
    .RIS_box .box1 {border-top-left-radius: 5px;border-top-right-radius: 5px;} 
    .RIS_box .box3 {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} 
    #findingmatchingjobrole_jumbo_container .ctabox {left:-12px;}
}

@media(min-width:661px) and (max-width:767px){
    #findingmatchingjobrole_jumbo_container {height:450px;}
    #findingmatchingjobrole_jumbo_container {height:auto; padding-bottom: 70px;}
    .RIS_box .box1 {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} 
    .RIS_box .box3 {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} 
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #findingmatchingjobrole_jumbo_container {height:450px;}
    .RIS_box .box1 {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} 
    .RIS_box .box3 {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} 
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #findingmatchingjobrole_jumbo_container {height:450px;}
    .RIS_box .box1 {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} 
    .RIS_box .box3 {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} 
}

/* Large */
@media(min-width:1200px){
    #findingmatchingjobrole_jumbo_container {height:450px;}
    .RIS_box .box1 {border-top-left-radius: 5px;border-bottom-left-radius: 5px;} 
    .RIS_box .box3 {border-top-right-radius: 5px;border-bottom-right-radius: 5px;} 
}


/* Precision Engineering */ 
/*=================================================*/

#PrecisionEngineering_jumbo_container {

	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	min-height:200px;
}

#PrecisionEngineering_jumbo_container .jumboleft {
	float:left;
	padding-top:36px;
}


#PrecisionEngineering_jumbo_container .contentblock h1 {
    font-family: "Gotham Runded Bold";
	color:white;
	margin-top:40px;
	padding-left:3px;
    font-weight: 300;
}

@media(max-width: 768px){
    #PrecisionEngineering_jumbo_container .contentblock h1{
        max-height: 165px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
       /* width: 82%;*/
    }
}

@media(max-width: 375px){
    #PrecisionEngineering_jumbo_container .jumboleft{
        padding-top: 0px;
    }
    #PrecisionEngineering_jumbo_container .contentblock h1{
        margin-top: 15px;
    }
}
#PrecisionEngineering_jumbo_container .jumboright .contentblock {
	color:white;
	font-size:16px;
	padding-right:10px;
}

#PrecisionEngineering_jumbo_container .jumboright .contentblock img {padding-right:4px; margin-top:-4px;}
#PrecisionEngineering_jumbo_container .AddtoFavourite {padding-bottom:18px;}

/* Extra Small */
@media(max-width:320px){
    #PrecisionEngineering_jumbo_container .jumboright {float:left;padding-top:30px;padding-bottom:30px;}
}

@media(min-width:321px) and (max-width:640px){
    #PrecisionEngineering_jumbo_container .jumboright {float:left;padding-top:30px;;padding-bottom:30px;}
}

@media(min-width:641px) and (max-width:767px){
    #PrecisionEngineering_jumbo_container .jumboright {float:left;padding-top:160px;margin-left:-350px;padding-bottom:30px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #PrecisionEngineering_jumbo_container .jumboright {float:right;padding-top:91px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #PrecisionEngineering_jumbo_container .jumboright {float:right;padding-top:91px;}
}

/* Large */
@media(min-width:1200px){
    #PrecisionEngineering_jumbo_container .jumboright {float:right;padding-top:91px;}
}


/* Charts  */ 
/*=================================================*/
.precision_engineering_charts {
    text-align:center;
    margin-top:27px;
}

.precision_engineering_charts p {
    padding-bottom:15px;
}

.precision_engineering_charts .chart_row {
    display:block;
}

.precision_engineering_charts .chart_box {
    display:inline-block;
    vertical-align: top;
}

.precision_engineering_charts .chart_box img {
    padding-bottom:2px;
}

.precision_engineering_charts .chart_box p {
    margin-top:5px;
}

.precision_engineering_charts .chart_box .chart_2{
    padding-top:8px;
    padding-bottom:10px;
}

.precision_engineering_charts .chart_box .chart_3 {
    padding-top:2px;
    padding-bottom:7px;
}

/* Extra Small */
@media(max-width:320px){
    .precision_engineering_charts .chart_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    .precision_engineering_charts .chart_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    .precision_engineering_charts .chart_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .precision_engineering_charts .chart_box {width:185px;margin-right:55px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .precision_engineering_charts .chart_box {width:185px;margin-right:75px;}
}

/* Large */
@media(min-width:1200px){
    .precision_engineering_charts .chart_box {width:185px;margin-right:95px;}
}

/* Background-First  */ 
/*=================================================*/

.background-first {
    margin-top:-30px;
}

.background-first .openclose_icon {
    width: 30px;
    margin-top:29px;
    display: inline-block;
    float: right;
    margin-right:24px;
}

#Background-First h3 {
    margin-bottom:21px;
}

#Background-First p {
    line-height:19px;
    padding-bottom:6px;
}

#background-first-right {
    margin-top:24px;
}

/* Extra Small */
@media(max-width:320px){
    #background-first-right img {width:100%;}
}

@media(min-width:321px) and (max-width:640px){
    #background-first-right img {width:100%;}
}

@media(min-width:641px) and (max-width:767px){
    #background-first-right img {width:100%;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #Background-First p {width:700px;}
    #background-first-right img {width:100%;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #Background-First p {width:580px;}
    #background-first-right img {width:100%;}
}

/* Large */
@media(min-width:1200px){
    #Background-First p {width:690px;}
}

/* Background-Second  */ 
/*=================================================*/

.background-second {
    margin-top:13px;
}

#background-second-left {
    margin-top:16px;
}

#background-second-left .testimonial p {
    padding-bottom:8px;
}

.testimonial .first-testimonial {
    margin-top:8px;
}

.testimonial {
    text-align: center; 
    color:#333;
    padding-top: 40px;
    background: url("preu/images/icon_myeportfolio_testimonial.png") center top no-repeat;
}

.testimonial p {font-size:19px; font-weight:normal; color:#333; line-height:24px;}

#Background-Second p {
    line-height:19px;
    padding-bottom:6px;
}

/* Extra Small */
@media(max-width:320px){
    
}

@media(min-width:321px) and (max-width:640px){
    
}

@media(min-width:641px) and (max-width:767px){
    
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #Background-Second p {width:700px;}
    #background-second-left .testimonial p {width:300px;margin-left:210px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #Background-Second p {width:580px;}
    #background-second-left .testimonial p {width:300px;}
}

/* Large */
@media(min-width:1200px){
    #Background-Second p {width:690px;}
    #background-second-left .testimonial p {width:300px;margin-left:30px;}
}

/* Background-Third  */ 
/*=================================================*/

.background-third {
    margin-top:13px;
}

#Background-Third p {
    line-height:19px;
    padding-bottom:6px;
}

#background-third-right {
    margin-top:17px;
}

/* Extra Small */
@media(max-width:320px){
    #background-third-right img {width:100%;}
}

@media(min-width:321px) and (max-width:640px){
    #background-third-right img {width:100%;}
}

@media(min-width:641px) and (max-width:767px){
    #background-third-right img {width:100%;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #Background-Third p {width:700px;}
    #background-third-right img {width:100%;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #Background-Third p {width:580px;}
    #background-third-right img {width:100%;}
}

/* Large */
@media(min-width:1200px){
    #Background-Third p {width:690px;}
}

/* Background-Fourth  */ 
/*=================================================*/

.background-fourth {
    margin-top:22px;
    margin-bottom:50px;
}

.IndustrialLandscapeProfile .industrialLandscapeProfileComponentContainer #closed_tabs_container .closed_tabs_number1  #sectorBackgroundContainer .background-fourth {
    margin-bottom:0px;
}

#background-fourth-left {
    margin-top:18px;
}

#Background-Fourth p {
    line-height:19px;
    padding-bottom:6px;
}

/* Extra Small */
@media(max-width:320px){
    #background-fourth-left img {width:100%;}
}

@media(min-width:321px) and (max-width:640px){
    #background-fourth-left img {width:100%;}
}

@media(min-width:641px) and (max-width:767px){
    #background-fourth-left img {width:100%;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #Background-Fourth p {width:700px;}
    #background-fourth-left img {width:100%;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #Background-Fourth p {width:580px;}
    #background-fourth-left img {width:100%;}
}

/* Large */
@media(min-width:1200px){
    #Background-Fourth p {width:690px;}
}

/* closed_tabs */ 
/*=================================================*/

#closed_tabs_container {
    display:block;
    padding:0px 30px;
}

#closed_tabs_container .panel-group {
    text-align: left;
    padding: 37px 0px;
    position: relative;
    margin-bottom: 0px;
    border-bottom: 2px dotted #dedede;
}

#closed_tabs_container .closed_tabs_number1 {
    border-top: 2px dotted #dedede;
}

#closed_tabs_container .openclose_icon {
    width: 30px;
    padding-top:30px;
    height: 100px;
    display: inline-block;
    float: right;
    
    /*padding-right:67px;*/
}

#closed_tabs_container .panel-title {
    font-size: 24px;
    font-size: 22px;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    color: inherit;
}

/* Sector News */ 
/*=================================================*/

.sectornews_container {margin-top:25px;}

.sectornews_container h3 {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    color: #333333;
    font-size: 30px;
    margin-top:21px;
    line-height: 60px;
}

#sectornews {
    display:block;
    overflow: hidden;
    border-radius: 5px;
    height:280px;
    position:relative;
    background-color:#3A7D82;
}

.sectornews_img {
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
}

.sectornews_text {
    display: inline-block;
    vertical-align: top;
    padding:30px;
    position:relative;
    width:360px;
}

.sectornews_text p {
    color:#fff;
    margin-top:0px;
    margin-bottom:0px;
    line-height:21px;
    padding-left:0px;
    padding-right:0px;
}

.sectornews_text h3 {
    color:#fff;
    margin-top:-4px;
    margin-bottom:11px;
}

.sectornews_text .ctabtn {
    margin-left:2px;
}

.SectorNews_box {
    display:inline-block;
    vertical-align: top;
    height: auto;
    position:relative;
    text-align: left;
    overflow: hidden;
    margin-right:0px;
    margin-top:38px;
}

.SectorNews_icon {
    width: 60px;
    height: 48px;
    border-radius: 4px;
    overflow:hidden;
    padding: 0px;
    position:relative;
    margin-right:10px;
    vertical-align: top;
    display: inline-block;
}

.SectorNews_content {
    width:270px;
    vertical-align: top;
    overflow:hidden;
    text-align: left;
    display: inline-block;
    padding-left:5px;
}

.SectorNews_text {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    color: #333;
    padding-bottom:23px;
}

.SectorNews_content a.cta,
.SectorNews_content a.cta:link,
.SectorNews_content a.cta:visited
{
    font-size:14px;
    font-weight:bold;
    color:#000;
}

.SectorNews_content a.cta:hover,
.SectorNews_content a.cta:active,
.SectorNews_content a.cta:focus
{
    text-decoration: none;
    color:#333;
}

/* Extra Small */
@media(max-width:320px){
    .SectorNews_content {width:240px;}
}

@media(min-width:321px) and (max-width:640px){
    .SectorNews_content {width:260px; margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    .SectorNews_content {width:240px; margin-bottom:20px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .SectorNews_content {width:270px; margin-bottom:20px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .SectorNews_content {width:230px;}
}

/* Large */
@media(min-width:1200px){
    .SectorNews_content {width:270px;}
}

/* Sector News Right - Related Links */
/*=================================================*/

#RelatedArticles_sliderplate {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    width:100%;
    margin-top:21px; 
}

.RelatedArticles_box {
    width:100%;
    padding-bottom:5px;
    margin-bottom:8px;
    border-bottom:2px dotted rgba(0,0,0,0.3);
}

#RelatedArticles_sliderplate .RelatedArticles_box:last-child {
    border:0px;
}

.RelatedArticles_content {
    width:auto;
    max-width:400px;
    padding-left:4px;
}

.RelatedArticles_text {
    padding-bottom:7px;
}


/* Extra Small */
@media(max-width:690px){
    #sectornews {height:auto;}
    .sectornews_img {width:100%; display:block; overflow:hidden;}
    .sectornews_img img {width:100%;}
    .sectornews_text {display:block; padding:20px; width:100%;}
    .sectornews_text .ctabox {width:100%; padding-top:15px; padding-bottom:0px; text-align: center;}
    .SectorNews_content {max-width:auto;}
}

/* Medium */
@media(min-width:691px) and (max-width:1199px){
    #sectornews {height:345px;}
    .sectornews_img {width:49%;height:345px;}
    .sectornews_img img {height:100%;}
    .sectornews_text {width:50%;}
}

/* Large */
@media(min-width:1200px){
    .sectornews_img {width:350px;height:280px;}
    .SectorNews_content {max-width:400px;}
}

/* Course Clusters */ 
/*=================================================*/

#CourseClusters_container {
    margin-top:5px;
    margin-bottom:45px;
}

#CourseClusters h3 {margin-bottom:11px;}

#CourseClusters .dragscroll_wrap {width:1140px; text-align: left;}

#CourseClusters .article_box {
    width: 260px;
    height: 190px;
    text-align: center;
    border-radius: 4px;
    background: #9461ae;
    overflow: hidden;
    display: inline-block;
    vertical-align:top;
    margin: 0px 10px 0px 0px;
}

#CourseClusters .course_clusters_parts {
    display: inline-block;
    text-align:center;
    vertical-align: top;
    margin-right:16px;
    width:260px;
}

#CourseClusters .article_box:last-child {
    margin: 0px;
} 

#CourseClusters .article_box .contentbox {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-height: 180px;
    padding: 10px 20px;
}

#CourseClusters .article_box img {
    width:100%;
    height:auto;
}

#CourseClusters .contentbox p {
    font-weight:bold;
    margin:0px;
    color:#fff;
}

#CourseClusters .course_clusters_parts .school_bottom {
    margin-top:7px;
}







/* Read More Box */ 
/*=================================================*/


.readmorebox {
    padding-top: 20px;
    padding-bottom:20px;
    text-align: center;
}


.readmorebox a,
.readmorebox a:link,
.readmorebox a:visited
{
    font-size:14px;
    font-weight:bold;
    color:#333;
}


.readmorebox a:hover,
.readmorebox a:active,
.readmorebox a:focus
{
    color:#802c8e;
}


#closed_tabs_container .panel-group a{
    color: #2A51FE;
}

#bottom-content-container ul{
    color: #e68717;
}

#sectorBackgroundContainer #bottom-content-container ul li a{
    color: #2A51FE !important;
}
#sectorBackgroundContainer #bottom-content-container ul li a:hover{
    color: #2A51FE !important;
}
/* /* CUSTOM FOR THIS PAGE ONLY */ */

/* .page-header .action-widget .ctabtn { */
/*     margin-bottom: 30px; */
/* } */

/* .page-header {padding-bottom:20px;} */

/* /* container width */ */
/* /*========================================*/ */
/* .comparison_preu_secondary .container-fluid  { */
/* 	margin-right: auto; */
/*     margin-left: auto; */
/*     padding-left: 15px; */
/*     padding-right: 15px; */
/* } */


/* /* dropdown menu special */ */
/* /*========================================*/ */


/* .comparison_preu_secondary .filterjobroledropdown { */
/*     width:180px; */
/*     margin-bottom:0px; */
/*     float:right; */
/* } */

/* .comparison_preu_secondary .btn.btn-secondary.resumebuilder { */
/*     font-weight: bold; */
/*     color: #996caf; */
/*     background: #f3f3f3; */
/*     border:2px solid #e0e0e0; */
/*     border-radius: 8px; */
/*     height: 44px; */
/*     padding: 10px 25px; */
/* } */

/* .comparison_preu_secondary .btn.btn-secondary.resumebuilder.dropdown-toggle { */
/*     padding: auto 25px; */
/*     min-width:180px; */
/* } */

/* .comparison_preu_secondary .btn.btn-secondary.resumebuilder.dropdown-toggle::before { */
/*     font-family: 'Glyphicons Halflings'; */
/*     content:"\e114"; */
/*     font-size: 12px; */
/*     color: #b1b1b1; */
/*     position: absolute; */
/*     right: 20px; */
/*     padding-top: 2px; */
/* } */

/* .comparison_preu_secondary a.dropdown-item, .comparison_preu_secondary a.dropdown-item:link, .comparison_preu_secondary a.dropdown-item:visited { */
/*     color: #996caf; */
/* } */

/* .comparison_preu_secondary a.dropdown-item:hover, .comparison_preu_secondary a.dropdown-item:focus { */
/*     color: #996caf; */
/*     background: #e0e0e0; */
/* } */
/* .comparison_preu_secondary .dropdown-item { */
/*     display: block; */
/*     padding: 8px 15px; */
/*     margin: 1px; */
/*     background: #f3f3f3; */
/* } */
/* .comparison_preu_secondary .dropdown-menu { */
/*     font-size: 16px; */
/*     border-radius: 8px; */
/*     padding: 0px; */
/*     margin: 0px; */
/*     background: #e0e0e0; */
/*     border: 2px solid #e0e0e0; */
/* } */

/* .comparison_preu_secondary .dropdown-menu { */
/*     min-width: 230px; */
/* } */


/* /* Extra Small */ */
/* @media(max-width:767px){ */
/*     .comparison_preu_secondary .filterjobroledropdown {float:none; padding-top:0px;} */
/*     .comparison_preu_secondary .btn.btn-secondary.dropdown-toggle {font-size: 16px;} */
/* } */

/* /* Small */ */
/* @media(min-width:768px) and (max-width:991px){ */
/*     .comparison_preu_secondary .filterjobroledropdown {float:none; padding-top:0px;} */
/* } */

/* /* Medium */ */
/* @media(min-width:992px) and (max-width:1199px){ */
/*     .comparison_preu_secondary .filterjobroledropdown {float:right; } */
/* } */

/* /* Large */ */
/* @media(min-width:1200px){ */
/*     .comparison_preu_secondary .filterjobroledropdown {float:right;} */
/* } */







/* /* Job Comparison Card  */  */
/* /*=================================================*/ */

/* .comparison_preu_secondary .card { */
/*     width:359px; */
/* 	height: auto; */
/*     border:1px solid #ccc; */
/*     border-radius:4px; */
/*     padding:0px; */
/*     display:inline-block; */
/*     margin-right: 25px; */
/*     text-align: left; */
/* } */


/* .comparison_preu_secondary .dragscroll_wrap { */
/*     width:1140px; */
/*     border:0px solid; */
/* } */

/* /* Extra Small */ */
/* @media(max-width:767px){ */
/*     .comparison_preu_secondary .card {width:280px; margin-right:15px;} */
/*     .comparison_preu_secondary .dragscroll_wrap {width:910px;} */
/* } */

/* /* Small */ */
/* @media(min-width:768px) and (max-width:991px){ */
/*     .comparison_preu_secondary .card {width:320px; margin-right:15px;} */
/*     .comparison_preu_secondary .dragscroll_wrap {width:auto;} */
/* } */

/* .comparison_preu_secondary .dragscroll .dragscroll_wrap { */
/* 	width: auto; */
/* } */

/* .comparison_preu_secondary .dragscroll_wrap .card:last-child { */
/*     margin-right:0px; */
/* }  */

/* .comparison_preu_secondary .section { */
/*     padding:19px;     */
/* } */

/* .comparison_preu_secondary .card .AddtoFavourite { */
/*     margin-bottom: 50px; */
/* } */

/* .comparison_preu_secondary .ComparsionList_box { */
/*     width:100%; */
/*     height:135px; */
/*     border-radius:5px; */
/*     background-color:#ffbd00; */
/*     display:inline-block; */
/*     overflow:hidden; */
/*     position:relative; */
/*     color:#fff; */
/* } */

/* .comparison_preu_secondary .ComparsionList_box .top-right-x { */
/*     position:absolute; */
/*     top:6px; */
/*     right:12px; */
/* } */

/* .comparison_preu_secondary .ComparsionList_content { */
/*     font-size: 22px; */
/*     font-weight: bold; */
/*     padding-top:56px; */
/*     text-align:center; */
/* } */


/* .comparison_preu_secondary .AddtoFavourite { */
/*     margin:20px auto; */
/*     font-size:16px; */
/*     font-weight: bold; */
/*     text-align: center; */
/* } */

/* .comparison_preu_secondary .AddtoFavourite img { */
/*     padding-right:5px; */
/*     margin-top:-5px; */
/* } */





/* /* Job Role Description  */  */
/* /*=================================================*/ */


/* .comparison_preu_secondary .card .title { */
/*     font-size: 22px; */
/*     font-weight:bold; */
/*     line-height: 24px; */
/*     color: #964aaa; */
/* /*     color:#5aacb4; */ */
/*     margin-bottom:25px; */
/* } */

/* .comparison_preu_secondary .card .title .icon { */
/*     margin-right:5px; */
/*     margin-top:-12px; */
/*     float:left; */
/* } */

/* .comparison_preu_secondary .card .section { */
/*     border-bottom:1px solid #ebebeb; */
/* } */

/* .comparison_preu_secondary .card .section.graybg { */
/*     background-color:#f7f7f7; */
/* } */

/* .comparison_preu_secondary .Contentbox { */
/*     margin-top: 20px; */
/*     margin-bottom:20px; */
/* } */

/* .comparison_preu_secondary .card .content p { */
/*     font-size:16px; */
/*     line-height:19px; */
/*     color:#606060; */
/* } */

/* .comparison_preu_secondary .card .content a, */
/* .comparison_preu_secondary .card .content a:link, */
/* .comparison_preu_secondary .card .content a:visited { */
/*     font-weight:bold; */
/*     color: #964aaa; */
/* } */

/* .comparison_preu_secondary .card li { */
/*     margin-left: 20px; */
/*     margin-bottom:5px; */
/*     font-size:16px; */
/*     color: #333; */
/*     list-style-image: url('preu/images/JobRoleComparison_icon_circle.png'); */
/* } */








/* /* Compatibility */  */
/* /*=================================================*/ */


/* .comparison_preu_secondary .CompatibilityBox .chart-table-container {display:block; width:100%;} */

/* .comparison_preu_secondary .CompatibilityBox .chart-table-container div { */
/*     vertical-align: middle; */
/*     border:1px solid rgba(255,0,0,0.2); */
/* } */

/* .comparison_preu_secondary .CompatibilityBox .chart-row { */
/*     display:block; */
/*     border-bottom:2px dotted rgba(0,0,0,0.15); */
/*     padding-top: 10px; */
/*     padding-bottom:5px; */
/* } */

/* .comparison_preu_secondary .CompatibilityBox .chart-item { */
/*     width:30px; */
/*     float:left; */
/* } */

/* .comparison_preu_secondary .CompatibilityBox .chart-bar-box { */
/*     width: auto; */
/*     margin-left: 30px; */
/* } */

/* .comparison_preu_secondary .CompatibilityBox .chart-bar-row { */
/*     font-size:0; */
/*     display:block; */
/*     height:14px; */
/*     vertical-align: middle; */
/*     height:18px; */
/* } */

/* .comparison_preu_secondary .CompatibilityBox .bar { */
/*     height:13px; */
/*     border-radius: 5px; */
/*     display:inline-block; */
/*     padding:0px; */
/*     margin:0px; */
/* } */

/* .comparison_preu_secondary .CompatibilityBox .chart-bar-number { */
/*     float:right;  */
/*     font-size:20px; */
/*     font-weight:bold; */
/*     line-height: 15px; */
/* } */


/* /* LEGEND */ */
/* .comparison_preu_secondary .CompatibilityBox .chart-legend { */
/*     display:block; */
/*     margin-top: 20px; */
/* } */

/* .comparison_preu_secondary .CompatibilityBox .legend-row { */
/*     display:inline-block;  */
/*     padding:0;  */
/*     padding-top:10px;  */
/*     padding-right:25px; */
/* } */

/* .comparison_preu_secondary .CompatibilityBox .chart-legend .item { */
/*     width:30px; */
/*     display:inline-block; */
/*     background-color: transparent; */
/*     vertical-align: middle; */
/* } */

/* .comparison_preu_secondary .CompatibilityBox .chart-legend .item .icon { */
/*     width:15px; */
/*     height:15px; */
/*     display:block; */
/*     overflow: hidden; */
/*     border-radius: 8px; */
/*     font-size:0; */
/* } */

/* .comparison_preu_secondary .CompatibilityBox .chart-legend .text { */
/*     display:inline-block; */
/*     font-size:16px; */
/*     line-height: 17px; */
/*     vertical-align: middle; */
/*     margin-left:-6px; */
/* } */

/* .theme1 .comparison_preu_secondary .CompatibilityBox .chart-item {font-size:24px; font-weight:bold; color:#606060;} */
/* .theme1 .comparison_preu_secondary .CompatibilityBox .bar-top {background-color: #9e70b6;} */
/* .theme1 .comparison_preu_secondary .CompatibilityBox .bar-bottom {background-color: #6ab4bb;} */
/* .theme1 .comparison_preu_secondary .CompatibilityBox .chart-bar-number.top {color:#9461ae;} */
/* .theme1 .comparison_preu_secondary .CompatibilityBox .chart-bar-number.bottom {color:#6ab4bb;} */
/* .theme1 .comparison_preu_secondary .CompatibilityBox .chart-legend .item.top .icon{background-color:#9e70b6;} */
/* .theme1 .comparison_preu_secondary .CompatibilityBox .chart-legend .item.bottom .icon{background-color:#6ab4bb;} */
/* .theme1 .comparison_preu_secondary .CompatibilityBox .chart-legend .text.top {color:#9461ae;} */
/* .theme1 .comparison_preu_secondary .CompatibilityBox .chart-legend .text.bottom {color:#6ab4bb;} */




/* /* Salary Information  */  */
/* /*=================================================*/ */

/* .comparison_preu_secondary .salaryinformation_box h4 { */
/*     font-weight:normal; */
/*     padding-top:7px; */
/*     color:#606060; */
/* } */






/* /* Compare List */ */
/* /*=================================================*/ */

/* .CompareList_container { */
/*     background: #f5f5f5; */
/*     text-align: left; */
/*     margin-top: 60px; */
/*     padding-bottom: 20px; */
/* } */

/* .CompareList_container h3 { */
/*     margin-top:-47px; */
/*     padding-top:15px; */
/*     text-align:center; */
/* } */

/* .CompareList_container .CompareList_title { */
/*     width:250px; */
/*     height:47px; */
/*     background-color:#f7f7f7; */
/*     margin-left:-20px; */
/*     padding-right:10px; */
/* } */

/* .CompareList_container .CompareList_title .icon { */
/*     height:40px; */
/* } */

/* #CompareList_sliderplate { */
/*     display:block; */
/*     padding-top:44px; */
/*     text-align:center; */
/*     margin-bottom:-2px; */
/* } */

/* .CompareList_box { */
/*     height:103px; */
/*     width:270px; */
/*     border-radius:5px; */
/*     background-color:#9461ae; */
/*     display:inline-block; */
/*     margin-right:15px; */
/*     position:relative; */
/*     color:#fff; */
/*     border: 2px dotted #9461ae; */
/* } */

/* .AddJobRole_box { */
/*     background-color:#fff; */
/*     border:2px dashed #ccc; */
/*     color:#999; */
/*     display:inline-block; */
/* } */

/* .CompareList_box .top-right-x { */
/*     position:absolute; */
/*     top:5px; */
/*     right:12px; */
/* } */

/* .CompareList_content { */
/*     font-size: 19px; */
/*     font-weight: bold; */
/*     padding-top:38px; */
/*     text-align:center; */
/* } */

/* .CompareList_btns { */
/*     display:inline-block; */
/*     width:234px; */
/*     height:103px; */
/*     vertical-align: middle; */
/*     margin-left:25px; */
/*     margin-top:10px; */
/* } */

/* .CompareList_container .CompareList_btns .ctabtn { */
/*     margin-top:0px; */
/*     margin-bottom:0px; */
/*     width:100%; */
/*     height:39px; */
/* } */

/* .CompareList_container .CompareList_btns .CompareList_clearallbtn { */
/*     margin-top:10px; */
/* } */

/* .ctabtn.reverse { */
/*     background: #fff; */
/*     border:2px solid #5aacb4; */
/*     padding-top:6px; */
/*     padding-bottom:10px; */
/* } */

/* a.ctabtn.reverse, a.ctabtn.reverse:link, a.ctabtn.reverse:visited { */
/*     color:#5aacb4; */
/*     background-color: transparent; */
/*     text-decoration: none; */
/* } */

/* a.ctabtn.reverse:hover, */
/* a.ctabtn.reverse:focus */
/*  {  background: #5aacb4; */
/*     color: #fff; */
/*     text-decoration: none; */
/*  } */



/* @media(max-width:991px){ */
/*     .CompareList_box { width:100%; height:50px; margin-bottom:5px;} */
/*     .CompareList_content {padding-top:10px; }  */
/*     .CompareList_btns {margin-left:0px; margin-top: 30px;} */
/* } */

/* /* Medium */ */
/* @media(min-width:991px) and (max-width:1199px){ */
/*     .CompareList_btns {margin-left:0px; margin-top: 30px;} */
/* } */

/* /* Large */ */
/* @media(min-width:1200px){ */
/* } */


/* /************ ADDITIONAL **************/ */

/* .comparison_preu_secondary button.multiselect.dropdown-toggle.btn.btn-default { */
/*     color: #996caf; */
/*     background: #f3f3f3; */
/*     border: 2px solid #e0e0e0; */
/*     border-radius: 8px; */
/*     padding: 10px 25px; */
/*     height: 44px; */
/*     font-weight: bold; */
/* } */

/* .comparison_preu_secondary .filterjobroledropdown input[type="checkbox"] { */
/*     display: block !important; */
/*     visibility: visible; */
/*     opacity: 1 !important; */
/* } */

/*  .comparison_preu_secondary .filterjobroledropdown { */
/*  	margin-bottom: 20px; */
/*  } */
 
/*  .comparison_preu_secondary .section.description { */
/*     padding: 0px; */
/* } */

/* .comparison_preu_secondary .card .section.JobRoleComparisonDescription { */
/*     border-bottom: 0px; */
/* } */


.theme1 #rightbar_panelgroup .panel-group {border:1px solid #ccc;}
.theme1 #rightbar_panelgroup .panel-title {font-size: 19px; font-weight: bold; color: #333;}
.theme1 #rightbar_panelgroup .panel-group-header {border-bottom:1px solid #ccc;}

.theme1 #CompatibilityBox .chart-item {font-size:19px; font-weight:bold; color:#606060;}
.theme1 #CompatibilityBox .bar-top {background-color: #9461ae;}
.theme1 #CompatibilityBox .bar-bottom {background-color: #5aacb4;}
.theme1 #CompatibilityBox .chart-bar-number.top {color:#9461ae;}
.theme1 #CompatibilityBox .chart-bar-number.bottom {color:#5aacb4;}
.theme1 #CompatibilityBox .chart-legend .item.top .icon{background-color:#9461ae;}
.theme1 #CompatibilityBox .chart-legend .item.bottom .icon{background-color:#5aacb4;}
.theme1 #CompatibilityBox .chart-legend .text.top {color:#9461ae;}
.theme1 #CompatibilityBox .chart-legend .text.bottom {color:#5aacb4;}
.theme1 #CompatibilityBox .ctabtn {background-color: #d1d1d1;}


.theme1 #JobRoleKeyInformation .panel-body {color: #fff; background-color: #412B87;}
.theme1 #JobRoleKeyInformation .panel-heading {font-family: "Gotham Runded Bold";color:#fff; background-color: #412B87 !important; border-bottom:0px solid #cab0d7;}


.theme1 #CourseProgrammeListing .title { font-size:14px; color:#5aacb4;}
.theme1 #CourseProgrammeListing .company { font-size:14px; color:#333333;}
.theme1 #CourseProgrammeListing .table-row:nth-child(even) { background-color:#f7f7f7;}

.theme1 #CareerProgressionPathway .text_milestone {font-size: 14px; line-height: 16px; font-weight: bold; color:#5aacb4;}
.theme1 #CareerProgressionPathway .line_journey .line {background-color:#9461ae;}
.theme1 #CareerProgressionPathway .text_journey {font-size: 12px; font-weight: bold; color:#333333;}
.theme1 #CareerProgressionPathway .tab_milestone {background-color:#9461ae;}
.theme1 #CareerProgressionPathway .tab_text_milestone {font-size: 14px; font-weight: bold; color:#fff;}







#rightbar_panelgroup {
    margin-top: 22px;
}



/* Rightbar Panel group styling */ 
/*=================================================*/

#rightbar_panelgroup .panel-group {
    border-radius: 4px;
}

#rightbar_panelgroup .panel-title {
    padding-top: 2px;
}

#rightbar_panelgroup .ctabox {
    width:100%;
    display:block;
}

#rightbar_panelgroup .ctabtn {
    margin-top: 17px;
    margin-bottom: 3px;
    width:40%;
    min-width: 220px;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    display:block;
    background-color: #412B87;
}







/* Compatibility */ 
/*=================================================*/

#CompatibilityBox .chart-table-container {display:block; width:100%;}

#CompatibilityBox .chart-table-container div {
    vertical-align: middle;
    /*border:1px solid rgba(255,0,0,0.2); */
}

#CompatibilityBox .chart-row {
    display:block;
    border-bottom:2px dotted rgba(0,0,0,0.15);
    padding-top: 9px;
    padding-bottom:5px;
}

#CompatibilityBox .chart-item {
    width:30px;
    float:left;
}

#CompatibilityBox .chart-bar-box {
    width: auto;
    margin-left: 30px;
}

#CompatibilityBox .chart-bar-row {
    font-size:0;
    display:block;
    height:14px;
    vertical-align: middle;
}

#CompatibilityBox .bar {
    height:10px;
    border-radius: 5px;
    display:inline-block;
    padding:0px;
    margin:0px;
}

#CompatibilityBox .chart-bar-number {
    float:right; 
    font-size:14px;
    font-weight:bold;
    line-height: 10px;
}




/* LEGEND */
#CompatibilityBox .chart-legend {
    display:block;
    margin-top: 12px;
}

#CompatibilityBox .legend-row {display:block; padding:0;}

#CompatibilityBox .chart-legend .item {
    width:30px;
    display:inline-block;
    background-color: transparent;
    vertical-align: middle;
}

#CompatibilityBox .chart-legend .item .icon {
    width:18px;
    height:18px;
    display:block;
    overflow: hidden;
    border-radius: 5px;
    font-size:0;
}

#CompatibilityBox .chart-legend .text {
    display:inline-block;
    font-size:14px;
    line-height: 17px;
    vertical-align: middle;
}






/* Job Role Key Information */ 
/*=================================================*/

#JobRoleKeyInformation .panel-heading {
    font-size:19px;
    padding-top: 15px;
    padding-bottom: 10px;
}

#JobRoleKeyInformation .panel-group {
    border-radius: 5px;
}

#JobRoleKeyInformation .panel {
    border:0px;
    background-color: transparent;
}

#JobRoleKeyInformation .panel-body {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding:20px;
}

/*
#JobRoleKeyInformation .table-content div { border:1px solid;}
*/

#JobRoleKeyInformation .table-content { display: block;}
#JobRoleKeyInformation .table-row { display: block; padding-top: 7px; padding-bottom:7px; border-bottom: 1px solid rgba(255,255,255,0.5);}
#JobRoleKeyInformation .table-row:first-child { padding-top: 0px;}
#JobRoleKeyInformation .table-row:last-child { border-bottom: 0px;}
#JobRoleKeyInformation .left-col-icon { display: inline-block; width:25px; vertical-align: middle;}
#JobRoleKeyInformation .left-col { display: inline-block; width:40%; vertical-align: middle;}
#JobRoleKeyInformation .right-col { display: inline-block; vertical-align: middle;}

#JobRoleKeyInformation .left-col { font-size:12px;  font-weight:bold; width: 32%}
#JobRoleKeyInformation .right-col { font-size:14px; font-weight:normal; width:55%;line-height: 18px;}

#JobRoleKeyInformation .small {font-size:12px; line-height: 14px;}

@media(max-width:767px){
    #JobRoleKeyInformation .panel-body {padding:15px;}
    #JobRoleKeyInformation .left-col { display: inline-block; width:29%; vertical-align: middle; line-height: 12px;}
    #JobRoleKeyInformation .right-col { display: inline-block; width:50%; vertical-align: middle;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #JobRoleKeyInformation .left-col-icon { display: inline-block; width:25px; vertical-align: middle;}
    #JobRoleKeyInformation .left-col { display: inline-block; width:30%; vertical-align: middle;}
}

/* Large */
@media(min-width:1200px){
}







/* Course Programme Listing  */ 
/*=================================================*/

#CourseProgrammeListing .panel {
    border:0px;
}

#CourseProgrammeListing .panel-body {
    padding:2px 0px 20px;
}

#CourseProgrammeListing .table-content { display: block;}
#CourseProgrammeListing .table-row { display: block; padding-top: 11px; padding-bottom:11px; }
#CourseProgrammeListing .left-col { display: inline-block; width:20%; vertical-align: top; text-align: center; font-size:0;}
#CourseProgrammeListing .left-col img { width:30px;}
#CourseProgrammeListing .right-col { width:78%; display: inline-block; vertical-align: top;}

#CourseProgrammeListing .title { display: block; font-weight:bold;}
#CourseProgrammeListing .company { display: block; line-height:17px;}






/* Career Progression Pathway */ 
/*=================================================*/

#CareerProgressionPathway .pathway-table-container div{
    /*border:1px solid; */
}

#CareerProgressionPathway .pathway-table-container {
    display:block;
    margin-top: 2px;
    margin-bottom: 20px;
}

#CareerProgressionPathway .pathway-row {
    display:block;
    vertical-align: middle;
    margin:0px;
    padding:0px;
}

#CareerProgressionPathway .icon_milestone {
    width:23px;
    height:23px;
    margin-left: 2px;
    display:inline-block;
    vertical-align: bottom;
}

#CareerProgressionPathway .text_milestone {
    height:23px;
    padding-top:3px;
    padding-left:5px;
    display:inline-block;
    vertical-align: bottom;
}

#CareerProgressionPathway .line_journey {
    width:15px;
    height:38px;
    display:inline-block;
    vertical-align: middle;
}

#CareerProgressionPathway .line_journey .line {
    width:3px;
    height:38px;
    display:block;
    float:right;
}

#CareerProgressionPathway .text_journey {
    height:23px;
    padding-top:3px;
    padding-left:5px;
    display:inline-block;
    vertical-align: middle;
}

#CareerProgressionPathway .tab_milestone {
    height:24px;
    border-radius:12px;
    display:inline-block;
    overflow:none;
    padding-left:10px;
    vertical-align: middle;
}

#CareerProgressionPathway .tab_milestone img {
    padding-top: 0px;
    vertical-align: middle;
}

#CareerProgressionPathway .tab_text_milestone {
    display:inline-block;
    vertical-align: middle;
    padding:0 25px 0 13px;
}


#CareerProgressionPathway .pathway-table-container .ctabox {
    padding-top: 8px;
}



/* Extra Small */
@media(max-width:640px){
    #CompatibilityBox .legend-row {display:block; padding:5px 0;}
    #CompatibilityBox .chart-legend .text {width:80%;}
    #CareerProgressionPathway .text_milestone {width:80%;}
    #CareerProgressionPathway .text_journey {width:90%;}

 }

@media(min-width:641px) and (max-width:767px){
}

/* Small */
@media(min-width:768px) and (max-width:991px){
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #CompatibilityBox .chart-legend .text {width:80%;}
    #CareerProgressionPathway .text_milestone {width:80%;}
    #CareerProgressionPathway .text_journey {width:90%;}
}

/* Large */
@media(min-width:1200px){
}



/* DataAnalyst Jumbo  */ 
/*=================================================*/

#DataAnalyst_jumbo_container {
    background-position: right center;
	background-size:cover;
	background-repeat:no-repeat;
	min-height:240px;
    /*height:240px;*/
}
@media(max-width:549px)and (min-width:475px){
    #DataAnalyst_jumbo_container {
            background-position: 66% center;
    }
}
@media(max-width:474px){
    #DataAnalyst_jumbo_container {
        background-position: 69% center;
    }
}
@media(max-width:374px){
    #DataAnalyst_jumbo_container {
        zoom: 85%;
    }
}
@media(max-width:650px)and (min-width:550px){
    #DataAnalyst_jumbo_container {
        background-position: 85% center;
    }
}

@media(max-width:768px){
    #DataAnalyst_jumbo_container {height: 240px;}
}
#DataAnalyst_jumbo_container .jumboleft {
	padding-top:36px;
    padding-left: 0px;
}

#DataAnalyst_jumbo_container .contentblock h1 {
    font-family: "Gotham Runded Bold";
	color:white;
	margin-top:-18px;
	padding-left:3px;
    font-weight: 300;
    margin-bottom: 17px;
}

#DataAnalyst_jumbo_container .jumboleft .ctabtn {
	width:auto;
	height:23px;
	font-size:14px;
    background-color: #8c4198;
}

#DataAnalyst_jumbo_container h1{
    margin-bottom: 0 !important;
}

.jumboleft_btn1 {padding:1px 15px;margin-right:3px;}
.jumboleft_btn2 {padding:1px 13px;margin-right:8px;}
.jumboleft_btn3 {padding:1px 12px;margin-right:3px;}
.jumboleft_btn4 {padding:1px 12px;margin-top:14px;}





.action-set {
    display:inline-block;
    font-size: 14px;
    color: #412B87 !important;
    padding: 0 25px 0 0;
}

.action-set span {
    padding-left: 8px;
    font-size: 17px;
    font-family: "Source Sans Pro Bold";
    vertical-align: middle;
}

.action-set label {
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 15px;
    font-family: "Source Sans Pro Bold";
}


input[type=checkbox] {
    display:none;
}

.checkbox_favourite input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:23px;
    margin:0px;
    vertical-align:middle;
    background:url('preu/images/checkbox_favourite.png') left top no-repeat;
    cursor:pointer;
}

.checkbox_favourite input[type="checkbox"]:checked + label span {
    background:url('preu/images/checkbox_favourite.png') -24px top no-repeat;
}
.checkbox_favourite input[type="checkbox"] + label span:hover {
    background:url('preu/images/checkbox_favourite.png') -24px top no-repeat;
}
.checkbox_favourite input[type="checkbox"] + label span.hover {
    background:url('preu/images/checkbox_favourite.png') -24px top no-repeat;
}


.checkbox_select input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:23px;
    margin:0px;
    vertical-align:middle;
    background:url('preu/images/checkbox_check.png') left top no-repeat;
    cursor:pointer;
}

.checkbox_select input[type="checkbox"]:checked + label span {
    background:url('preu/images/checkbox_check.png') -24px top no-repeat;
}
@media(min-width:1200px) {
    .checkbox_select input[type="checkbox"]+ label:hover span {
        background:url('preu/images/checkbox_check.png') -24px top no-repeat;
    }
    .checkbox_select input[type="checkbox"] + label span:hover {
        background: url('preu/images/checkbox_check.png') -24px top no-repeat;
    }

    .checkbox_select input[type="checkbox"] + label span.hover {
        background: url('preu/images/checkbox_check.png') -24px top no-repeat;
    }
}


/* Extra Small */
@media(max-width:767px){
    #checkbox_container .action-set {padding-bottom: 20px;}
    #checkbox_container {padding-top: 20px; padding-bottom:20px;}
    #DataAnalyst_jumbo_container .container {/*padding-left:0px; padding-right: 0px; */}
    #DataAnalyst_jumbo_container .jumboright {padding-left:0px; padding-right: 0px; margin-top:0px; margin-bottom:0px;}
}

@media(max-width:768px) {
    /*.course_detail_pm .course_detail_pm_container #DataAnalyst_jumbo_container .jumboright {
        padding-top: 106px !important;
    }*/
    .course_detail_pm .course_detail_pm_container #DataAnalyst_jumbo_container .jumboleft {
        height: 240px;
    }
    #DataAnalyst_jumbo_container .jumboleft {
        height: 240px;
    }
    #DataAnalyst_jumbo_container .jumboleft #fosList{
        padding-top: 0px;
        margin-top: -15px;
    }
    #DataAnalyst_jumbo_container .jumboleft #fosList h1{
        max-height: 159px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        width: 82%;
    }
    .course_detail_pm .course_detail_pm_container #DataAnalyst_jumbo_container .jumboleft #fosList h1{
        margin-top: -18px !important;
    }

    .course_detail_pm .course_detail_pm_container main #DataAnalyst_jumbo_container .DataAnalyst_jumbo_sub_container {
         margin-right: 5px;
         padding-right: 0px;
         margin-left: 5px;
         padding-left: 0px;
     }
    #DataAnalyst_jumbo_container .container {
        margin-right: 5px;
        padding-right: 0px;
        margin-left: 5px;
        padding-left: 0px;
    }

    .course_detail_pm .course_detail_pm_container #DataAnalyst_jumbo_container .jumboleft .jumboleft_course_small_title {
       /*  margin-left: 0px !important;ILPPROD-2780  */
    }

    #DataAnalyst_jumbo_container .jumboleft .jumboleft_course_small_title {
       /*  margin-left: 0px !important;ILPPROD-2780  */
    }

    .course_detail_pm .course_detail_pm_container #DataAnalyst_jumbo_container .jumboright #JobRoleKeyInformation .right-col {
        font-size: 12px !important;
        line-height: 14px !important;
        padding-left: 5px;
    }

    #DataAnalyst_jumbo_container .jumboright #JobRoleKeyInformation .right-col {
        font-size: 12px !important;
        line-height: 14px !important;
        /*padding-left: 5px;*//*SPU-2006*/
    }

    .course_detail_pm .course_detail_pm_container #DataAnalyst_jumbo_container .jumboright #JobRoleKeyInformation .left-col {
        line-height: 14px !important;
    }

    #DataAnalyst_jumbo_container .jumboright #JobRoleKeyInformation .left-col {
        line-height: 14px !important;
    }

    .course_detail_pm .course_detail_pm_container main #checkbox_container {
        text-align: center;
        display: table;
    }

    #checkbox_container {
        text-align: center;
        display: table;
    }

    .course_detail_pm .course_detail_pm_container #DataAnalyst_jumbo_container .DataAnalyst_jumbo_sub_container .jumboright{
        width: 100%;
    }

    #DataAnalyst_jumbo_container .container .jumboright{
        width: 100%;
        padding-top: 20px !important;
        margin-top: 0px;
    }
    #DataAnalyst_jumbo_container .container{
        padding-top: 0px;
    }

    #DataAnalyst_jumbo_container .container #JobRoleKeyInformation{
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        margin-right: -5px;
        margin-left: -2px;/* ILPPROD-2780  */
    }
}
@media(min-width:768px) and  (max-width:769px){
    #DataAnalyst_jumbo_container .container #JobRoleKeyInformation{
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: -15px !important;
        margin-right: -5px;
        width: auto !important;
    }
}

/* Small */
@media(min-width:769px) and (max-width:991px){
    #checkbox_container {padding-top: 20px; padding-bottom:20px;}
    #DataAnalyst_jumbo_container .jumboright {padding-left:0px; padding-right: 0px; margin-top:0px; margin-bottom:0px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #checkbox_container {padding-top: 20px; padding-bottom:20px;}
    #DataAnalyst_jumbo_container .jumboright {padding-left:19px; padding-right: 0px; margin-top:-20px; margin-bottom:-85px;}
    #DataAnalyst_jumbo_container {margin-top: 30px;}
}

/* Large */
@media(min-width:1200px){
    #checkbox_container {padding-top: 20px; padding-bottom:20px;}
    #DataAnalyst_jumbo_container .jumboright {padding-left:19px; padding-right: 0px; margin-top:-20px; margin-bottom:-85px;}
    #DataAnalyst_jumbo_container {margin-top: 30px;}
}






/* Middle Content  */ 
/*=================================================*/

.middle-content {
	margin-top:11px;
}
.jobroleprofile .jobroleprofile_container .container.middle-content{
    margin-top: 18px !important;
}

/* Extra Small */
@media(max-width:320px){
    
}

@media(min-width:321px) and (max-width:640px){
    
}

@media(min-width:641px) and (max-width:767px){
    
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    
}

/* Large */
@media(min-width:1200px){
    .middle-left {padding-right:109px;}
}










/* Brief Job Description  */ 
/*=================================================*/

#BriefJobDescription {position:relative; padding-bottom:30px;}
#BriefJobDescription h3 {margin-bottom:17px;}
#BriefJobDescription p {line-height:19px; padding-bottom:6px;}

.openclose_icon img {
    margin:0;
    padding:0;
}

.openclose_icon {
    position:absolute;
    width: 30px;
    height:30px;
    top:-5px;
    right:0px;
}

#BriefJobDescription, #JobRoleDescription, #Skills {
	border-bottom:2px dotted rgba(0,0,0,0.3);
}

#BriefJobDescription .ctabtn, #JobRoleDescription .ctabtn, #Skills .ctabtn {
	float:right;
	height:8px;
	padding:0px;
	width:33px;
	margin-top:0px;
}


.slick-dots li button::before {
    font-size: 14px;
    color: #444;
}

.slick-dots li.slick-active button::before {
    color: #ffbd00;
    opacity: 1;
}


/* Extra Small */
@media(max-width:320px){
    
}

@media(min-width:321px) and (max-width:640px){

}

@media(min-width:641px) and (max-width:767px){

}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #BriefJobDescription p {width:680px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #BriefJobDescription p {width:580px;}
}

/* Large */
@media(min-width:1200px){
    #BriefJobDescription p {width:600px;}
}

/* Job Role Description */ 
/*=================================================*/

#JobRoleDescription {position:relative; padding-bottom:30px; margin-top:-7px;}
#JobRoleDescription h3 {margin-bottom:17px;}
#JobRoleDescription p
{
    line-height:normal;
    padding-bottom:6px;
    color: #333333;
}
#JobRoleDescription .image img {margin-top:25px;padding-left:3px; border-radius:5px;}
#JobRoleDescription .slick-wrap {display:block; text-align: center}
#JobRoleDescription .image {display:inline-block; vertical-align: bottom;}
#JobRoleDescription .img-caption {font-size:14px; line-height:17px; display:inline-block; vertical-align: top;}


/* Extra Small */
@media(max-width:767px){
    #JobRoleDescription .image {width:100%;}
    #JobRoleDescription .img-caption {padding-top:20px; display:block;margin-top: 20px}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #JobRoleDescription p {width:100%;}
    #JobRoleDescription .img-caption {width:100%; padding-left:20px;margin-top: 20px}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #JobRoleDescription p {width:100%;}
    #JobRoleDescription .img-caption {width:50%; padding-left:10px;margin-top: 20px}
}

/* Large */
@media(min-width:1200px){
    #JobRoleDescription p {width:100%;}
    #JobRoleDescription .img-caption {width:50%;float: right; margin-top: 20px}
}

/* Skills */ 
/*=================================================*/

#Skills {position:relative; padding-bottom:30px; margin-top:1px;}
#Skills h3 {margin-bottom:17px;}
#Skills p {line-height:19px; padding-bottom:6px;}

/* Extra Small */
@media(max-width:320px){

}

@media(min-width:321px) and (max-width:640px){

}

@media(min-width:641px) and (max-width:767px){

}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #Skills p {width:680px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #Skills p {width:580px;}
}

/* Large */
@media(min-width:1200px){
    #Skills p {width:600px;}
}

/* Middle Right */ 
/*=================================================*/
/* at custom_JobRoleProfile_RightBox.css */








/* Related Jobs */ 
/*=================================================*/

#Relatedjobs {margin-top:-13px;}
#Relatedjobs h3 {
    font-family: "Gotham Runded Bold";
    margin-bottom:13px;
    color: #333;
    font-weight: 300;
    font-size:30px;
}

#Relatedjobs .dragscroll_wrap {width:1140px; text-align: left; height: auto}

#Relatedjobs .article_box {
    width: 270px;
    height: auto;
    text-align: center;
    border-radius: 4px;
    background: #412B87;
    overflow: hidden;
    display: inline-block;
    vertical-align:top;
    margin: 0px 15px 20px 0px;
}

#Relatedjobs .article_box:last-child {
    margin: 0px;
} 

#Relatedjobs .article_box .contentbox {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    min-height: 86px;
    padding-left:20px;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 20px;
    /*border-top:0px;*/
    height: auto;
}

#Relatedjobs .article_box img {
    width:100%;
    height:auto;
}

#Relatedjobs .article_box .ctabtn {
     margin-top:5px;
}

#Relatedjobs .contentbox p {
    font-weight:normal;
    margin:0px;
    color:#fff;
    font-size: 15px;
    margin-top: 15px;
}



/* Related Articles */ 
/*=================================================*/

.relatedarticle_container h3 {
	margin-top: 21px;
    font-size: 18px;
    font-style: italic;
}

#relatedarticle {
    display:block;
    overflow: hidden;
    border-radius: 5px;
    height:280px;
    position:relative;
    background-color:#5aacb4;
    color:#fff;
}

.relatedarticle_img {
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
}

.relatedarticle_text {
    display: inline-block;
    vertical-align: top;
    padding:30px;
    position:relative;
    width:360px;
}

.relatedarticle_text p {
    margin-top:0px;
    margin-bottom:0px;
    line-height:21px;
    padding-left:0px;
    padding-right:0px;
    color:#fff;
}

.relatedarticle_text h3 {
    margin-top:-4px;
    margin-bottom:11px;
    color:#fff;
}

.relatedarticle_text .ctabtn {
    margin-left:2px;
}


/* Related Articles Right */
/*=================================================*/

#RelatedArticles_sliderplate {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    display: block;
    width:100%;
    margin-top:70px; 
}

.RelatedArticles_box {
    width:100%;
    padding-bottom:5px;
    margin-bottom:8px;
    border-bottom:2px dotted rgba(0,0,0,0.3);
}

#RelatedArticles_sliderplate .RelatedArticles_box:last-child {
    border:0px;
}

.RelatedArticles_content {
    width:auto;
    max-width:400px;
    padding-left:4px;
}

.RelatedArticles_text {
    padding-bottom:7px;
}

.relatedarticle_container .ctabtn.reverse {
    color:#fff;
    border: 1px solid #fff;
}


/* Extra Small */
@media(max-width:690px){
    #relatedarticle {height:auto;}
    .relatedarticle_img {width:100%; display:block; overflow:hidden;}
    .relatedarticle_img img {width:100%;}
    .relatedarticle_text {display:block; padding:20px; width:100%;}
    .relatedarticle_text .ctabox {width:100%; padding-top:15px; padding-bottom:0px; text-align: center;}
    .RelatedArticles_content {max-width:auto;}
}

/* Medium */
@media(min-width:691px) and (max-width:1199px){
    #relatedarticle {height:345px;}
    .relatedarticle_img {width:49%;height:345px;}
    .relatedarticle_img img {height:100%;}
    .relatedarticle_text {width:50%;}
}

/* Large */
@media(min-width:1200px){
    .relatedarticle_img {width:350px;height:280px;}
    .RelatedArticles_content {max-width:400px;}
}

/* Compare List */
/*=================================================*/

.CompareList_container {
    background: #f5f5f5;
    text-align: left;
    margin-top: 100px;
    padding-bottom: 20px;
}

.CompareList_container h3 {
    font-family: "Gotham Runded Bold";
    font-size: 22px;
    margin-top:-47px;
    padding-top:15px;
    text-align:center;
    font-weight:300;
}

.CompareList_container .CompareList_title {
    width:197px;
    height:47px;
    background-color:#f7f7f7;
    margin-left:-20px;
}

#CompareList_sliderplate {
    display:block;
    padding-top:44px;
    text-align:center;
    margin-bottom:-2px;
}

.CompareList_box {
    height:103px;
    width:270px;
    border-radius:5px;
    background-color:#9461ae;
    display:inline-block;
    margin-right:15px;
    position:relative;
    color:#fff;
    border: 2px dotted #9461ae;
}

.AddJobRole_box {
    background-color:#fff;
    border:2px dashed #412B87;
    color:#412B87 !important;
    display:inline-block;
}

.CompareList_comparebtn .ctabtn.small {
    color: #fff;
    text-align:center !important;
    border: 2px solid #fff;
}

.CompareList_box .top-right-x {
    position:absolute;
    top:5px;
    right:12px;
    cursor: pointer;
}

.CompareList_content {
    font-size: 19px;
    font-weight: bold;
    padding-top:38px;
    text-align:center;
}

.CompareList_btns {
    display:inline-block;
    width:234px;
    height:103px;
    vertical-align: middle;
    margin-left:25px;
    margin-top:10px;
}

.CompareList_container .CompareList_btns .ctabtn {
    margin-top:0px;
    margin-bottom:0px;
    width:100%;
    height:39px;
}

.CompareList_container .CompareList_btns .CompareList_clearallbtn {
    margin-top:10px;
}

.CompareList_container .ctabtn.reverse {
    background: transparent;
    border:2px solid #ffffff;
    padding-top:6px;
    padding-bottom:10px;
    background-color: #412B87;
}

.CompareList_container a.ctabtn.reverse, 
.CompareList_container a.ctabtn.reverse:link, 
.CompareList_container a.ctabtn.reverse:visited {
    color:#ffffff;
    text-decoration: none;
}

.CompareList_container a.ctabtn.reverse:hover,
.CompareList_container a.ctabtn.reverse:focus,
.CompareList_container a.ctabtn.reverse:active
 {  background: #412B87;
    color: #fff;
    text-decoration: none;
 }



@media(max-width:991px){
    .CompareList_box { width:100%; height:50px; margin-bottom:5px;}
    .CompareList_content {padding-top:10px; } 
    .CompareList_btns {margin-left:0px; margin-top: 30px;}
}

/* Medium */
@media(min-width:991px) and (max-width:1199px){
    .CompareList_btns {margin-left:0px; margin-top: 30px;}
}

/* Large */
@media(min-width:1200px){
}

.jobRoleTopImg{
	position: absolute;
        overflow:hidden;
        width: 100%;
        min-height: 200px;
        max-height: 224px;
}

@media(max-width: 991px){
    .jobRoleTopImg img{
        min-height: 200px;
        width: auto !important;
    }
}
.theme1 #WhichAssessmentShouldITake_container h3 {font-family: "Gotham Runded Bold"; color:#333333;font-weight: 300;}
.theme1 #table_content .table_row:nth-child(even) {background-color:#f7f7f7;}
.theme1 #table_content .table_row:nth-child(odd) {background-color:transparent;}

.theme1 #WhichAssessmentShouldITake_container .ctabtn {background-color:#e68717;}



#bigtop h1 {margin-top:10px; color: #333333 !important;}
#bigtop p {padding-bottom: 20px;}
@media (max-width: 767px) {
    #bigtop h1 {
		padding-left: 20px;
		padding-right: 20px;
	}
	#bigtop p {
		padding-left: 20px;
		padding-right: 20px;
	}

    #newShortQuiz {
        position: static;
        height:154px;
        box-shadow: none;
    }

    #newShortQuiz .ctabox {
        position: static;
        text-align: center;
    }

    #newShortQuiz .shortQuizBtn {
        margin: 6px 0;
    }

    #newShortQuiz .cardTitle {
        font-size: 18px !important;
        font-weight: 400 !important;
        margin: 6px 0;
    }

    #newShortQuiz p {
        font-size: 14px;
        margin: 6px 0;
        text-align: center;
    }
}



/* Job role Jumbo */ 
/*=================================================*/



#KnowYourself_jumbo_container {
    text-align: center;
    height: 380px;
    background-image:url(preu/images/knowyourself_bg_top.png);
    background-position: top center, top left;
    background-repeat: repeat-x, repeat-x;
    background-size:1200px, auto;
    margin-bottom:5px;
}



#KnowYourself_jumbo_container .container {
    font-family: "Gotham Runded Bold";
    text-align: center;
    padding-top: 90px;
    z-index: 100;
}
#KnowYourself_jumbo_container .container .kudercard .text .highlight{
    font-weight: 300;
}

.kudercard.careerinterest {background:url(preu/images/kuder_careerinterest_bg.png) bottom left no-repeat, #8c4198;}
.kudercard.skillsconfidence {background:url(preu/images/kuder_skillsconfidence_bg.png) bottom left no-repeat, #ffffff;}
.kudercard.workvalues {background:url(preu/images/kuder_workvalues_bg.png) bottom center no-repeat, #8c4198;}
.kudercard.learningstyles {background:url(preu/images/kuder_learningstyles_bg.png) bottom right 10px no-repeat, #ffffff;}

/* tilt only in bigger screens */ 
@media(min-width:768px) {


    .kudercard {
        width:304px;
        height:290px;
        border-radius: 24px;
        text-align: center;
        color: #fff;
        padding: 27px;
        display:inline-block;
        position:relative;
        border:5px solid rgba(255,255,255,1);
    }

    .kudercard.skillsconfidence, 
    .kudercard.learningstyles {
        border:5px solid #5aacb4;
    }

    .kudercard .text {
        font-size: 24px;
        font-weight: normal;
        line-height: 28px;
        padding:0px ;
        padding-top:0px;
    }

    .kudercard .text span {
        display:block;
    }

    .kudercard.skillsconfidence .text,
    .kudercard.learningstyles .text {
        color:#333333;
    }

    .kudercard .text .highlight {
        font-size: 35px;
        line-height: 37px;
        font-weight:bold;
    }

/*
    .kudercard .icon {
        position:absolute;
        top:0px;
        right:0px;
        left:0px;
        margin:auto;
    }
*/

    .kudercard .ctabox {
        position:absolute;
        bottom:25px;
        right:0px;
        left:0px;
        margin:auto;
    }

    .kudercard .ctabtn {
        margin-top: 0px;
        margin-bottom:0px;
        font-size: 15px;
        width: 150px;
    }


    .kudercard {
        box-shadow: 5px 5px 5px rgba(0,0,0,0.24);
    }

    .kudercard.careerinterest {
        
        -webkit-background-clip:padding-box; /* IOS fix */
        background-clip:padding-box; /* IOS fix */    
    }

    .kudercard.skillsconfidence {
        
        -webkit-background-clip:padding-box; /* IOS fix */
        background-clip:padding-box; /* IOS fix */    
    }

    .kudercard.workvalues {
        
        -webkit-background-clip:padding-box; /* IOS fix */
        background-clip:padding-box; /* IOS fix */    
    }

    .kudercard.learningstyles {
        -webkit-transform: rotate(13.3deg); /* Safari */
        -ms-transform: rotate(13.3deg); /* IE 9 */
        -o-transform: rotate(13.3deg);
        transform: rotate(13.3deg);
        -webkit-background-clip:padding-box; /* IOS fix */
        background-clip:padding-box; /* IOS fix */    
    }


    .kudercard.careerinterest { margin-top:-10px;}
    .kudercard.skillsconfidence { margin-top:-50px;}
    .kudercard.workvalues { margin-top:-50px; z-index:50;}
    .kudercard.learningstyles {margin-left:-50px; margin-top:-15px; z-index:40;}


    }

/* tilt only in bigger screens */


.kudercard .dropdown-menu {
    font-size: 14px;
    width: 140px;
    margin:auto;
    left:0px;
    right:0px;
    background: #fff;
    border-radius: 5px;
    border: 2px solid #e68717;
    margin-top: 1px;
}

.kudercard .dropdown-menu > li > a {
    display: block;
    padding: 3px 10px;
}



/* turn into dropdown menu in mobile */

@media(max-width:767px){
    
    #KnowYourself_jumbo_container {padding-left: 0px; padding-right:0px; margin-left:0px; margin-right:0px;}

    .kudercard{
        background-size: contain !important;
    }
    .kudercard.workvalues ,
    .kudercard.learningstyles
    {
        background-position: left center;
    }
    .availableassessmentlist #assessmentListContainer #KnowYourself_jumbo_container .kudercard.careerinterest .ctabox,
    .availableassessmentlist #assessmentListContainer #KnowYourself_jumbo_container .kudercard.workvalues .ctabox
    {
        background: url(preu/images/dropdown_icon_white.png) right;
        background-repeat: no-repeat;
        background-position: right 14px center;
    }
    .availableassessmentlist #assessmentListContainer #KnowYourself_jumbo_container .kudercard.skillsconfidence .ctabox,
    .availableassessmentlist #assessmentListContainer #KnowYourself_jumbo_container .kudercard.learningstyles .ctabox
    {
        background: url(preu/images/dropdown_icon_grey_black.png) right;
        background-repeat: no-repeat;
        background-position: right 14px center;
    }
    .kudercard {
        width:100%;
        height:60px;
        border-radius: 5px;
        color: #fff;
        padding:10px;
        padding-top:8px;
        display:inline-block;
        vertical-align: top;
        position:relative;
        margin-bottom:5px;
        border:1px solid rgba(0,0,0,0.1);
    }

    .kudercard .text {
        padding-top: 10px;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
        text-align: left;
        display: inline-block;
        text-shadow: -1px -1px 0 #8c4198, 1px -1px 0 #8c4198, -1px 1px 0 #8c4198, 1px 1px 0 #8c4198;
    }

    .kudercard .text .highlight {
        font-size: 18px;
        font-weight:bold;
    }

    .kudercard.skillsconfidence .text,
    .kudercard.learningstyles .text {
        color:#333;
        text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
    }

    .kudercard.skillsconfidence .ctabtn.reverse,
    .kudercard.learningstyles .ctabtn.reverse {
        border: 1px solid #873496;
    }

    .kudercard.skillsconfidence a.ctabtn, 
    .kudercard.skillsconfidence a.ctabtn:link, 
    .kudercard.skillsconfidence a.ctabtn:visited, 
    .kudercard.learningstyles a.ctabtn, 
    .kudercard.learningstyles a.ctabtn:link, 
    .kudercard.learningstyles a.ctabtn:visited 
    {
        color: #873496;
    }


    .kudercard .icon {
        display:none;
        position:absolute;
        top:15px;
        left:10px;
        width:40px;
        margin:0;
    }

    .kudercard .icon img {
        height:30px;
        margin: 0 auto;
        left:0px;
        right:0px;
    }


    .kudercard .ctabox {
        position:absolute;
        width:100%;
        height:100%;
        left:0px;
        top:0px;
    }

    .kudercard .ctabtn {
        margin-top: 0px;
        margin-bottom:0px;
        font-size: 14px;
        width: 100%;
        height:100%;
        border-radius: 0px;
        border:0px;
    }

    .kudercard .ctabtn {
        opacity: 0;
    }

    .kudercard::before {
        font-family: 'Glyphicons Halflings';
        font-size: 18px;
        content:"\e252";
        right: 15px;
        top: 17px;
        position:absolute;
        display: none;
    }    

    .kudercard .dropdown-menu {
        font-size: 14px;
        width: 100%;
        margin: auto;
        left: 0px;
        right: 0px;
        background: #fff;
    }

    .kudercard .dropdown-menu > li > a {
        display: block;
        padding: 7px 15px;
    }

}


/* Super Extra Small */
@media(max-width:319px){

    .kudercard .icon {
        position:absolute;
        top:17px;
        left:5px;
        width:30px;
    }

    .kudercard .icon img {
        height:20px;
    }

    .kudercard .text {
        font-size: 14px;
        line-height: 18px;
        padding-top:2px;
        left: 40px;
        width: 170px;
    }
    .kudercard::before {
        font-size: 0;
    }    
}



/* turn into dropdown menu in mobile */






/* Extra Small */
@media(max-width:767px){
    #KnowYourself_jumbo_container {height: 380px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .kudercard .text {
        font-size: 20px;
        font-weight: normal;
        line-height: 24px;
    }
    .kudercard {
        width:220px; 
        height:290px; 
        border-radius: 24px;
        padding: 20px;
    }

    .kudercard .text .highlight {
        font-size: 28px;
    }
    .kudercard .icon {
        top:0px;
    }
    .kudercard .icon img {
        width:70px;
    }

    .kudercard.careerinterest {margin-left:-10px; margin-top:-10px;}
    .kudercard.skillsconfidence {margin-left:-60px; margin-top:-50px;}
    .kudercard.workvalues {margin-left:-60px; margin-top:-50px; z-index:50;}
    .kudercard.learningstyles {margin-left:-50px; margin-top:-15px; z-index:40;}

    .newShortQuizPortal {
        width: 750px;
        display: flex;
        justify-content: center;
    }
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .kudercard {
        width:260px;
        height:290px;
        padding: 20px;
    }
    .newShortQuizPortal {
        width: 970px;
        display: flex;
        justify-content: center;
    }
}

/* Large */
@media(min-width:1200px){
    #bigtop p {padding:0px 200px 20px;}
    .newShortQuizPortal {
        width: 1170px;
        display: flex;
        justify-content: center;
    }
}



#newShortQuiz .shortQuizBtn {
    border: 2px solid transparent;
    text-decoration: none;
    color: #fff !important;
    background-color: #412B87 !important;
	outline: none;
	height: 37px !important;
    line-height: 35px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-radius: 50px;
	width: 184px;
	font-size: 17px;
    font-weight: bold;
	margin-top: 12px;
    margin-bottom: 25px;
    font-family: "Source Sans Pro Bold";
    text-decoration: none;
    border-color: #fff;
}

#assessmentListContainer .outterbox p {
    text-align: center;
}

#assessmentListContainer #bigtop p {
    font-size: 20px;
}

#newShortQuiz {
    background-color: #812990;
    box-shadow: none;
    height: 240px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #newShortQuiz {
        height: 240px;
    }
}

#newShortQuiz .cardTitle {
    font-size: 30px;
        font-weight: bold;
}

#newShortQuiz .shortQuizBtn:hover {
    border: 2px solid transparent;
    text-decoration: none;
    color: #fff !important;
    background-color: #412B87 !important;
    border-color: #fff;
}

#newShortQuiz .shortQuizBtn span:hover {
    text-decoration: none;
    color: #fff !important;
    background-color: #412B87 !important;
}

#newShortQuiz p {
    color: #fff;
}









/* Which Assessment Should I Take? */ 
/*======================================================*/


#WhichAssessmentShouldITake_container  .outterbox{
    display:table;
    margin:0 auto;
    left:0;
    right:0;
}

#WhichAssessmentShouldITake_container .icon {
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px;
}

#WhichAssessmentShouldITake_container .content {
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px;
}

#WhichAssessmentShouldITake_container h3 {
    margin-top: 25px;
    margin-bottom:15px;
} 

#WhichAssessmentShouldITake_container p {
    margin-top: 15px;
    margin-bottom:10px;
} 


/* Extra Small */
@media(max-width:767px){
    #WhichAssessmentShouldITake_container .outterbox {text-align: center; margin-left: 15px; margin-right: 15px;margin-top: 50px;}
    #WhichAssessmentShouldITake_container .icon {display: block;}
    #WhichAssessmentShouldITake_container .content {display: block;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #WhichAssessmentShouldITake_container .outterbox {width: 700px;margin-top: 30px;}
    #WhichAssessmentShouldITake_container .icon {padding-right:45px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #WhichAssessmentShouldITake_container .outterbox {width: 700px;}
    #WhichAssessmentShouldITake_container .icon {padding-right:45px;}
}

/* Large */
@media(min-width:1200px){
    #WhichAssessmentShouldITake_container .outterbox {width: 700px;}
    #WhichAssessmentShouldITake_container .icon {padding-right:45px;}
}





/* Assessment History */ 
/*======================================================*/

#AssessmentHistory_container {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top:30px;
    font-size: 14px;
    line-height: 17px;
    color: #666;
}

#AssessmentHistory_container h3 {
    margin-bottom: 30px ;
    font-family: "Gotham Runded Bold";
    color: #333333;
    font-weight: 300;
}

#AssessmentHistory_container .outter {
    width:100%;
    padding-left:100px;
    padding-right:100px;
}

#AssessmentHistory_container .table_container {
    display:table;
    width:100%;
    margin:0 auto;
    left:0;
    right:0;
}

#AssessmentHistory_container .table_row {
    display:table-row;
}

#table_content {
    padding-bottom: 50px;
}

#AssessmentHistory_container .icon {
    display:table-cell;
    padding: 12px 20px;
    width:60px;
}

#AssessmentHistory_container .description {
    display:table-cell;
    padding:12px 10px;
}

#AssessmentHistory_container .date {
    display:table-cell;
    text-align: right;
    padding:12px 15px;
}

#table_content {
    font-size: 16px;
}

#table_content .description {
    font-weight: bold;
    color:#9461ae;
}


/* Extra Small */
@media(max-width:767px){
    #AssessmentHistory_container .outter {
        width:100%;
        padding-left:20px;
        padding-right:20px;
        overflow-x: scroll;
    }
}

/* Small */
@media(min-width:768px) and (max-width:991px){
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
}

/* Large */
@media(min-width:1200px){
}

#findingmatchingjobrole_jumbo_container h1 {
    font-family: "Gotham Runded Bold";
    color: #333333;
    text-shadow: -1px -1px 0 #F7F7F7, 1px -1px 0 #F7F7F7, -1px 1px 0 #F7F7F7, 1px 1px 0 #F7F7F7;
 	font-weight: 300;
}

#findingmatchingjobrole_jumbo_container p {
    font-family: "Source Sans Pro";
    color: #333333;
    text-shadow: -1px -1px 0 #F7F7F7, 1px -1px 0 #F7F7F7, -1px 1px 0 #F7F7F7, 1px 1px 0 #F7F7F7;
	font-weight: normal;
    width: 79%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    line-height: 19px;
}

.theme1 .RIS_box .box1 { background:#b642ca; color:#fff;}
.theme1 .RIS_box .box2 { background:#8c4198; color:#fff;}
.theme1 .RIS_box .box3 { background:#812990; color:#fff;}

.theme1 .ctabox .ctabtn {background-color: #412B87 !important;}
.theme1 .ctabox a.ctabtn:hover, a.ctabtn:focus {background-color: #412B87 !important;}

/* Find out more about yourself */
/*=====================================================*/

#findoutmoreaboutyourself_container {
     background-image:url('preu/images/bg_aboutyourself.png');
     background-position:center top;
     background-repeat: no-repeat;
     background-color:#f7f7f7;
     padding-bottom: 30px;
     margin-bottom: 15px;
}




/* imagerow_occupationicon */
#imagerow_occupationicon {
    padding-top: 10px;
    padding-bottom: 15px;
}




/* World of Work */
/*=====================================================*/

#worldofworkarticle_sliderplate {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
}

.worldofworkarticle_box {
    width: 450px;
    height: 380px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    display: inline-block;
    margin-right:5px;
    margin-left: 5px;
    vertical-align:top;
}

.worldofworkarticle_box img {
    border-bottom: 3px solid #ffbd00;
    width:100%;
    height:auto;
}

.worldofworkarticle_box p {
    padding-left: 15px;
    padding-right: 15px;
    margin-top:10px;
    margin-bottom:20px;
}

.worldofworkarticle_box .ctabtn {
     margin-top:5px;
}

/* Extra Small */
@media(max-width:480px){
    #worldofworkarticle_sliderplate { min-width:665px; }
    .worldofworkarticle_box { width:320px; }
}

/* Extra Small */
@media(min-width:481px) and (max-width:767px){
    #worldofworkarticle_sliderplate { min-width:930px; }
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #worldofworkarticle_sliderplate { min-width:930px; }
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #worldofworkarticle_sliderplate { min-width:930px; }
}

/* Large */
@media(min-width:1200px){
    #worldofworkarticle_sliderplate { min-width:930px; }
}




/* Education Guide */
/*=====================================================*/
#educationguide_sliderplate {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 0px;
}

.educationguide_box {
    height: 350px;
    position:relative;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    margin-right:0px;
    vertical-align:top;
}

.educationguide_box img {
    margin-top:12px;
    margin-bottom:7px;
}

.educationguide_box .ctabtn {
    bottom: 0px;
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    left:0px;
    right: 0px;
    /* transform: translateX(-50%);*/
}


/* Extra Small */
@media(max-width:767px){
    #educationguide_sliderplate {min-width: 850px; }
    .educationguide_box { width: 250px; height:370px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #educationguide_sliderplate {min-width: 900px; }
    .educationguide_box { width: 250px; height:370px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #educationguide_sliderplate {min-width: 950px; }
    .educationguide_box { width: 300px; height:360px;}
}

/* Large */
@media(min-width:1200px){
    #educationguide_sliderplate {min-width: 1100px; }
    .educationguide_box { width: 330px;}
}







/* Discover An Occupation Suited For You */
/*=====================================================*/

#discoveranoccupation_box {
    background:url('preu/images/bg_discoverbox.jpg') center top no-repeat #f7f7f7;
    text-align: center;
    margin-top:50px;
    margin-bottom:50px;
    min-height: 170px;
    height: auto;
    vertical-align:top;
}

/* Extra Small */
@media(max-width:767px){
    #discoveranoccupation_box {padding-top:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #discoveranoccupation_box {padding-top:25px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #discoveranoccupation_box {padding-top:25px;}
}

/* Large */
@media(min-width:1200px){
    #discoveranoccupation_box {padding-top:25px;}
}








.theme1 #navigatepathways_container {
    background-color:#5aacb4;
    color: #fff;
}

.theme1 #navigatepathways_container h1 {
    font-size:38px;
    font-weight:bold;
    color: #fff;
}

.theme1 #navigatepathways_container h2 {
    font-size:24px;
    font-weight:bold;
    color: #fff;
}

.theme1 #navigatepathways_container p {
    font-size:24px;
    line-height: 28px;
    font-weight:normal;
}

.theme1 .actionicon {background-color:#5aacb4;}
.theme1 a.actionitem:hover .actionicon,
.theme1 a.actionitem:focus .actionicon,
.theme1 a.actionitem:active .actionicon
{background-color:#e85d43;}

.theme1 .actiontext {color:#5aacb4;}
.theme1 a.actionitem:hover .actiontext,
.theme1 a.actionitem:focus .actiontext,
.theme1 a.actionitem:active .actiontext
{color:#e85d43;}


.theme1 a,
.theme1 a:link,
.theme1 a:visited
{color: #5aacb4;}

.theme1 a:hover,
.theme1 a:active,
.theme1 a:focus
{color: #e85d43;}


.theme1 #myinterestbox {background:#812990; color:#fff;}
.theme1 #myskillsbox {background:#5aacb4; color:#fff;}
.theme1 #myvaluesbox {background:#ffbd00; color:#fff;}
.theme1 #mylearningstylesbox {background:#e85d43; color:#fff;}

.theme1 #makeinformeddecisions_container h1 {color:#ffbd00;}

.theme1 #mygoals {background:#812990; color:#fff;}

.theme1 #mygoals h2 {color: #fff;}


.theme1 #reflections {background-color:#f7f7f7; color:#333333;}
.theme1 #reflections h2 {color:#333333;}
.theme1 #reflections h6 {color:#333333;}
.theme1 #reflections p {color:#333333;}








/* GENERAL */

a.ctabtn,
a.ctabtn:link,
a.ctabtn:visited
 {color:#fff;}

a.actionitem:hover,
a.actionitem:focus,
a.actionitem:active {
    text-decoration: none;
} 

h2 { 
    font-size:24px;
    font-weight:bold;
}

h6 {
    font-size:16px;
    font-weight:bold;
}

#mygoals p {
    font-size:14px;
    color: #fff;
    padding-left:0px;
    padding-right:0px;
    margin-top:0px;
    margin-bottom:12px;
}




/* Navigate Pathways */
/*================================*/

#navigatepathways_container {
    background:url('preu/images/bg_myeportfolio_navigatepathways.png') top left no-repeat;
    text-align: center;
    padding-top:60px;
    padding-bottom:35px;
}

#navigatepathways_container h1 {margin-top:0px;}
#navigatepathways_container h2 {margin-bottom:40px;}

#navigatepathways_container p {
    margin-bottom:25px;
}


.actionpanel_item {
    padding-top: 5px;
    height:85px;
    vertical-align: top;
    text-align: left;
    border-bottom:2px dotted rgba(255,255,255,0.5);
    display:block;
    overflow:hidden;
}

.actionpanel_icon {
    width:90px;
    text-align: center;
    display:inline-block;
    vertical-align: middle;
    padding:0px;
}

.actionpanel_content {
    width:auto;
    text-align: left;
    display:inline-block;
    vertical-align: middle;
    padding:0px;
}

.actionpanel_content .category {
    font-size:14px;
    display:block;
}

.actionpanel_content .highlight {
    font-size:16px;
    font-weight: bold;
    line-height: 19px;
    display:table-cell;
    padding-top: 4px;
    vertical-align: top;
}

.actionpanel_content .icon {
    position: relative;
    display: table-cell;
    font-family: FontAwesome;
    font-size: 20px;
    padding: 0 5px 0 0;
    color:#fab702;
    vertical-align: top;
    }


#navigatepathways_container .ctabox {margin-top:40px;}

.actionpanel {
    display:block;
    overflow-y:scroll;
    overflow-x:hidden;
}




/* Extra Small */
@media(max-width:480px){
    .actionpanel {display:inline-flex;width: auto; height:90px;}
    .actionpanel_icon {width:60px;margin-right:5px;}
    .actionpanel_icon img {width:60px;}
    .actionpanel_content {width:200px;}
    .actionpanel_item {min-width:270px; height:auto; padding-bottom:7px;}
    .actionpanel .col-xs-12:last-child .actionpanel_item {border-bottom:0px;}
    .paddingxs0 {padding-left:0px; padding-right:0px;}
    #navigatepathways_container {padding-top: 20px; padding-bottom:20px;}
}

@media(min-width:481px) and (max-width:767px){
    .actionpanel {display:inline-flex;width: auto; height:90px;}
    .actionpanel .col-xs-12:last-child .actionpanel_item {border-bottom:0px;}
}
 

/* Small */
@media(min-width:768px) and (max-width:991px){
    .actionpanel {width: 100%; height:245px;}
    .actionpanel .col-sm-6 {border-right:2px dotted rgba(255,255,255,0.5);}
    .actionpanel .col-sm-6:nth-child(2n) {border-right:0px;}
    .actionpanel .col-sm-6:nth-last-child(-n+2) .actionpanel_item {border-bottom:0px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .actionpanel {width: 100%; height: 165px;}
    .actionpanel_icon {width:70px; margin-right:10px;}
    .actionpanel_item {width:280px;}
    .actionpanel .col-md-4 {border-right:2px dotted rgba(255,255,255,0.5);}
    .actionpanel .col-md-4:nth-child(3n) {border-right:0px;}
    .actionpanel .col-md-4:nth-last-child(-n+3) .actionpanel_item {border-bottom:0px;}
}

/* Large */
@media(min-width:1200px){
    .actionpanel {width: 1105px; height:165px; }
    .actionpanel_item {width:100%;}
    .actionpanel .col-md-4 {border-right:2px dotted rgba(255,255,255,0.5);}
    .actionpanel .col-md-4:nth-child(3n) {border-right:0px;}
    .actionpanel .col-md-4:nth-last-child(-n+3) .actionpanel_item {border-bottom:0px;}
}





/* Make Informed Decisions & Own Them */
/*================================*/

#makeinformeddecisions_container {
    text-align: center;
    padding-top:60px;
    padding-bottom:35px;
}

#makeinformeddecisions_container h1 {margin-top:0px;}
#makeinformeddecisions_container h2 {}





/* My Goals */
/*=====================================================*/


.scroll-panel-tab {
    width:100%;
    min-height:114px;
    font-size:60px;
    font-weight: bold;
    color: #fff;
    display: block;
    padding: 0px;
    padding-top:15px;
    margin-bottom: 0px;
    border:1px solid;
}

.scroll-panel-body {
    width: 100%;
    height: auto;
    display: block;
    padding:0px;
}

#mygoals {
    border-radius: 5px;
    padding:30px 30px 0px 30px;
}

#mygoals h2,
#mygoals p {
    text-align: left;
}

#mygoals h2 {
    margin-top:0px;
    margin-bottom:10px;
}

.scroll-panel-body p strong{ font-size:16px; }
.scroll-panel-body h6{ font-size:15px;line-height: 17px;font-weight: normal;}
.scroll-panel-body p { 
    padding-bottom: 15px;
    border-bottom: 2px dotted rgba(255,255,255,0.5); 
}

#mygoals .scroll-panel-body {
    height:265px;
    display:block;
    overflow-y: scroll;
    overflow-x: hidden;
}

#mygoals .ctabox {
    margin-top:15px;
    margin-bottom:0px;
}




/* Reflections */
/*============================*/

#reflections {
    border-radius: 5px;
    padding:30px 30px 0px 30px;
    background:url('preu/images/bg_myeportfolio_makeinformeddecision.png') bottom right no-repeat;
}

#reflections .scroll-panel-body p { 
}


#reflections p,
#reflections h6 {
    text-align: left;
    margin-bottom:0px;
    padding-bottom:0px;
}

#reflections h6 {
    margin-bottom:10px;
}

#reflections h2 {
    margin-top:0px;
    margin-bottom:15px;
}

#reflections .scroll-panel-body { 
    height: 200px;
    margin-top:25px;
    margin-bottom:10px;
    display:block;
    overflow-y: scroll;
    overflow-x: hidden;
}

#reflections .divider {
    border-bottom:2px dotted rgba(0,0,0,0.1);
    margin-top: 15px;
    margin-bottom: 15px;
}

#reflections .ctabox {
    margin-top:0px;
    margin-bottom:0px;
}


.full-width-tabs > ul.nav.nav-tabs {
    display: table;
    width: 100%;
    /*table-layout: fixed;*/
}
.full-width-tabs > ul.nav.nav-tabs > li {
    float: none;
    display: table-cell;
}
.full-width-tabs > ul.nav.nav-tabs > li > a {
    text-align: center;
    margin-bottom: -1px;
}

.nav-tabs {
    border-bottom: 0px;
}

.nav-tabs > li > a {
    margin-right: 1px;
}


/* Extra Small */
@media(max-width:767px){
}

/* Small */
@media(min-width:768px) and (max-width:991px){
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .nav-tabs > li > a {
        padding:4px 0px;
        font-size:13px;
        line-height: 15px;
        width:80px;
        height:60px;
        padding:0 3px;
    }
}

/* Large */
@media(min-width:1200px){
    .nav-tabs > li > a {
        padding:4px 2px;
        font-size:14px;
        line-height: 17px;
        width:99px;
        height:60px;
    }
}


.nav-tabs > li > a,
.nav-tabs > li > a:link,
.nav-tabs > li > a:visited
{
    color:#fff;
    background:#5aacb4;
    border-radius: 0;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    font-weight: bold;
    border: 0px solid #ddd;
    color:#333;
    background:#fff;
}

/*
ul.nav.nav-tabs > li:first-child > a,
ul.nav.nav-tabs > li.active:first-child > a {
    border-radius: 5px 0 0 5px;
}

ul.nav.nav-tabs > li:last-child > a,
ul.nav.nav-tabs > li.active:last-child > a {
    border-radius: 0 5px 5px 0;
}
*/

ul.nav.nav-tabs {
    border:1px solid #ddd;
    background:#fff;
    border-radius: 5px;
    display:block;
    overflow: hidden;
}

#my_reflections_my_eportfolio_page_m ul.nav.nav-tabs{
    border: none;
}

ul.nav.nav-tabs > li:last-child > a,
ul.nav.nav-tabs > li.active:last-child > a {
    margin-right:0px;
}


#reflection-tabs-accordion .panel-default > .panel-heading {
    color: #fff;
    background-color: #5aacb4;
    border-color: #5aacb4;
}

#reflection-tabs-accordion .panel-heading,
#reflection-tabs-accordion .panel-title {
    margin:0px;
    padding:0px;
}


#reflection-tabs-accordion a, 
#reflection-tabs-accordion a:link, 
#reflection-tabs-accordion a:visited 
{
    color: #fff;
    width: 100%;
    padding: 15px 15px;
    display:block;
}

#reflection-tabs-accordion .panel {
    margin-bottom: 0px;
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 5px;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}

#reflection-tabs-accordion .scroll-panel-body {
    margin-top: 0px;
    margin-bottom: 0px;
}

.panel-group .panel + .panel {
    margin-top: 1px;
    border-radius:0px;
}

#reflection-tabs-accordion .panel-heading {
    border-radius:0px;
}


/* Extra Small */
@media(max-width:320px){
}

@media(min-width:321px) and (max-width:560px){
}

@media(max-width:767px){
    #mygoals {margin-bottom:20px;}
}
 

/* Small */
@media(min-width:768px) and (max-width:991px){
    #mygoals {margin-bottom:20px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #mygoals, #reflections {height:420px;}
    #reflections {margin-left:20px;}
}

/* Large */
@media(min-width:1200px){
    #mygoals, #reflections {height:420px;}
    #reflections {margin-left:20px;}
}






/* Resume & Cover Letter */

#resumecoverletter_container {
    padding:50px 30px;
    text-align: center;
    margin-top: 20px;
}

.resumecoverletter_heading {
    display:block;
}

.resumecoverletter_text {
    font-size: 24px;
    font-weight: bold;
    color: #333;
     margin-top:15px; 
     margin-bottom:20px;
}

#resumecoverletter_container ul {
    padding-left:0px;
}

#resumecoverletter_container ul li {
    list-style: none;
    margin-left: 0px;
    list-style-position: inside; 
    text-align: left;
}



#resumecoverletter_container li {
    font-size: 16px;
    letter-spacing: -0.3px;
    padding:15px;
}

.listpanel_content {text-align: left;}

.listpanel_icon {
    padding-left:15px;
    padding-right:15px;
    display:inline-block;
    vertical-align: top;
}

.listpanel_content {
    padding-left:10px;
    width:auto;
    display:table-cell;
    vertical-align: top;
}

.listpanel_content .filename {
    line-height:16px;
    display:block;
}

.listpanel_content .category {
    font-weight:bold;
    color:#333333;
    display:inline-block;
}

.listpanel_content .date {
    font-size:14px;
    line-height: 14px;
    color:#333333;
    display:inline-block;
    margin-left:5px;
    padding-left:8px;
    border-left:2px solid #ccc;
}

/*div {border:1px solid red;}*/

/* Extra Small */
@media(max-width:400px){
    .resumecoverletter_icon img {width:40px;}
    .resumecoverletter_icon {display:inline-block; vertical-align: middle;}
    .resumecoverletter_text {display:inline-block; vertical-align: middle;}
    #resumecoverletter_container {padding:50px 0px;}
    .col-md-6 {padding-bottom: 50px;}
    .listpanel_content {width:80%; padding:5px 0px;}
    .listpanel_icon {padding:0px;}
    .resumecoverletter_heading {padding-bottom:20px;}
    #resumecoverletter_container li {padding: 10px;}
}

@media(min-width:401px) and (max-width:767px){
    .resumecoverletter_icon img {width:40px;}
    .resumecoverletter_icon {display:inline-block; vertical-align: middle;}
    .resumecoverletter_text {display:inline-block; vertical-align: middle;}
    #resumecoverletter_container {padding:50px 0px;}
    .col-md-6 {padding-bottom: 50px;}
    .listpanel_content {width:80%; padding-left:5px;}
    .listpanel_icon {padding:0px;}
    .resumecoverletter_heading {padding-bottom:20px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .resumecoverletter_icon img {width:50px;}
    .resumecoverletter_icon {display:inline-block; vertical-align: middle;}
    .resumecoverletter_text {display:inline-block; vertical-align: middle;}
    #resumecoverletter_container {padding:50px 30px;}
    .col-md-6 {padding-bottom: 50px;}
    .resumecoverletter_heading {padding-bottom:20px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .resumecoverletter_icon {display:block;}
    .resumecoverletter_text {display:block;}
}

/* Large */
@media(min-width:1200px){
    .resumecoverletter_icon {display:block;}
    .resumecoverletter_text {display:block;}
}


#testimonial_container {overflow:hidden; display:block;}


/* Extra Small */
@media(max-width:767px){
    .testimonial {margin-bottom:50px;}
}








/* Testimonial */
/*================================*/

.testimonial {
    text-align: center; 
    color:#333;
    padding-top: 40px;
    background: url("preu/images/icon_myeportfolio_testimonial.png") center top no-repeat;
}

.testimonial h5 {font-size:19px; margin-bottom:30px;}
.testimonial h6 {font-size:16px; margin-bottom:10px;}

.testimonial small {font-size:14px; font-weight:bold;}
.testimonial p {font-size:14px; font-weight:normal; color:#333; line-height:40px;}

#testimonial_container .fancy {
    margin-top: 15px;
    margin-bottom: 45px;
}

#testimonial_container {
    margin-bottom: 55px;
}







.theme1 #MyGoals_top_container h3 {
    font-family: "Gotham Runded Bold";
    color:#fff;
}
.theme1 #MyGoals_top_container .heading1 {color:#fff;}
.theme1 #MyGoals_top_container p {color:#fff;}

.theme1 #GettingStarted_container_Goal h2 {font-size:30px; font-weight:bold; color:#9361ae; }


.theme1 #GettingStarted_container_Goal .mid-col .table-row {background:#fff; color:#606060;}
.theme1 #GettingStarted_container_Goal .mid-col .table-row.active .content {font-weight:bold; color:#333;}
.theme1 #GettingStarted_container_Goal .mid-col .table-row.inactive {background:#f7f7f7; color:#999;}
.theme1 #GettingStarted_container_Goal .icon-item .icon-text {color:#999;}
.theme1 #GettingStarted_container_Goal .section_box h4 {font-size:30px; font-weight:normal; color: #666666;}
.theme1 #GettingStarted_container_Goal .section_box ul {font-size:19px; line-height: 24px;}
.theme1 #GettingStarted_container_Goal .section_box ul li.active {color:#e68717; font-weight: bold;}
.theme1 #GettingStarted_container_Goal .section_box ul.submenu {font-size:16px; line-height: 19px;}
.theme1 #GettingStarted_container_Goal .section_box ul.submenu li{color:#9361ae;}
.theme1 #GettingStarted_container_Goal .section_box ul.submenu li.active {color:#9361ae; font-weight: bold;}
.theme1 #GettingStarted_container_Goal .section_box ul.submenu li.active:before {color:#9361ae;}
.theme1 #GettingStarted_container_Goal .section_box .progression {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size:72px;
    color:#333333;}

.theme1 #GettingStarted_container_Goal .section_box .progression .progression_totalstep{
    font-family:"Gotham Runded Book";
}

.theme1 #GettingStarted_container_Goal .right-col .section_box .active {color:#333;}

.theme1 #GettingStarted_container_Goal .progressbar_box {text-align: left;}
.theme1 #GettingStarted_container_Goal .progressbar_box span {font-size:14px; font-weight:bold; color:#fff;}

.theme1 #GettingStarted_container_Goal .progressbar .progression {background:#ffbd00;}
.theme1 #GettingStarted_container_Goal .progressbar .progression-cursor:after {background:#ffbd00;}


.theme1 .panel-group {border:1px solid #ccc;}
.theme1 .panel-title {font-size: 24px; font-weight: bold; color: #fff;}
.theme1 .panel-group-header {border-bottom:1px solid #ccc; color:#fff; background-color: #029185}


.theme1 #GettingStarted_container_Goal .mid-col .form-box .ctatext a,
.theme1 #GettingStarted_container_Goal .mid-col .form-box .ctatext a:link,
.theme1 #GettingStarted_container_Goal .mid-col .form-box .ctatext a:visited {color:#9361ae;}

.theme1 .ctabox .ctabtn {background-color: #febd00;}
.theme1 .ctabox a:hover {background-color: #c3670b;}





/* Top banner  */ 
/*=================================================*/

#MyGoals_mainwrap {
    text-align: center;
    padding:20px 80px 20px 80px;
}

#MyGoals_top_container {
    text-align: center;
    background: #412B87;
    background-repeat:no-repeat;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding:40px 180px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    height:434px;
}

#MyGoals_top_container .icon {padding: 0px; width:90px; margin-bottom:5px;}
#MyGoals_top_container h3 {font-size:18px; padding:0px; margin-top:14px; margin-bottom:6px;}
#MyGoals_top_container .heading1 {
  font-size: 38px;
  font-weight: bold;
  padding-top: 0px; 
  padding-bottom: 5px; 
  margin-top:0px;
}

#MyGoals_top_container .heading1 span {
    font-family: "Gotham Runded Bold";
  border-bottom:1px dashed #fff;
  margin-right:15px;
}


#MyGoals_top_container .heading1 img {
  margin-right:-38px;
  padding-top:10px;
}

#MyGoals_top_container p {font-size:20px; line-height:24px; margin-top: 15px; margin-bottom: 19px;}


/* Extra Small */
@media(max-width:480px){
    #MyGoals_mainwrap {padding:0 15px 20px 15px;}
    #MyGoals_top_container {padding:20px 10px;}
}

@media(min-width:481px) and (max-width:767px){
    #MyGoals_mainwrap {padding:0 15px 20px 15px;}
    #MyGoals_top_container {padding:20px 30px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #MyGoals_mainwrap {padding: 0 40px 20px 40px;}
    #MyGoals_top_container {padding:20px 50px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #MyGoals_top_container {padding:20px 100px;}
}





/* Getting Started */
/*=================================================*/

#GettingStarted_container_Goal {
    padding-top:50px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}




/* Display Options Settings  */ 
/*=================================================*/

#GettingStarted_container_Goal .mid-col {
    text-align: left;
}

#GettingStarted_container_Goal .mid-col .panel-group {
    border-radius: 4px;
}

#GettingStarted_container_Goal .panel-group .panel {
    margin-bottom: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#GettingStarted_container_Goal .mid-col .panel-heading {
    padding: 12px 26px;
}

#GettingStarted_container_Goal .mid-col .panel-title {
    padding-top: 2px;
    color: #FFFFFF;
}

#GettingStarted_container_Goal .mid-col .panel-title .rightarrow{
    float:right;
}

#GettingStarted_container_Goal .mid-col .panel-body {
    padding: 0px;
}

#GettingStarted_container_Goal .mid-col .panel-item-row {
    font-size: 0;
    padding: 15px 26px;
}

#GettingStarted_container_Goal .mid-col .panel-item-row:nth-child(even) {
    background-color:#f7f7f7;
}

#GettingStarted_container_Goal .mid-col .panel-item-row .item-left {
    display:inline-block;
    width:30%;
    vertical-align: top;
    font-size: 17px;
    color:#029185;
}

#GettingStarted_container_Goal .mid-col .panel-item-row .item-left::first-letter {
    font-weight: bold;
}

#GettingStarted_container_Goal .mid-col .panel-item-row .item-right {
    display:inline-block;
    width:70%;
    vertical-align: top;
    font-size: 17px;
    color:#666666;
}


#GettingStarted_container_Goal .mid-col .panel-body .item-set {
    padding-bottom:15px;
}


#GettingStarted_container_Goal .mid-col .btn.btn-secondary {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    background: #e68717;
}

#GettingStarted_container_Goal .mid-col .input-group .form-control:first-child, 
#GettingStarted_container_Goal .mid-col .input-group-addon:first-child, 
#GettingStarted_container_Goal .mid-col .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, 
#GettingStarted_container_Goal .mid-col .input-group-btn:first-child > .dropdown-toggle, 
#GettingStarted_container_Goal .mid-col .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 
#GettingStarted_container_Goal .mid-col .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
#GettingStarted_container_Goal .mid-col .form-control
{
    border-radius: 5px;
    border:0px;
}

#GettingStarted_container_Goal .mid-col .dropdown-menu { 
    font-size: 16px;
    width:100%;
    border-radius:0px;
    padding: 0px; 
    margin: 0px;
    background:#671f73;
}

#GettingStarted_container_Goal .mid-col .dropdown-item {
    display:block;
    padding:5px 15px;
    margin:1px;
    background:#812990;
}

#GettingStarted_container_Goal .mid-col a.dropdown-item,
#GettingStarted_container_Goal .mid-col a.dropdown-item:link,
#GettingStarted_container_Goal .mid-col a.dropdown-item:visited
{color:#fff;}

#GettingStarted_container_Goal .mid-col a.dropdown-item:hover,
#GettingStarted_container_Goal .mid-col a.dropdown-item:focus,
#GettingStarted_container_Goal .mid-col a.dropdown-item:active
{background-color:#692175; text-decoration: none;}

#GettingStarted_container_Goal .mid-col .btn.btn-secondary.dropdown-toggle {
    font-size:16px; 
    text-align: left;
    min-width:180px;
    padding:11px 20px;
    height:50px;
    width:100%;
}

#GettingStarted_container_Goal .btn.btn-secondary.dropdown-toggle::before {
    content:' ';
    font-size: 0;
    color: #fff;
    width:20px;
    height:20px;
    background:url(preu/images/MyGoalsGeneral_arrowdown.png) top 8px left no-repeat;
    position: absolute;
    right: 20px;
    padding-top: 2px;
}


#GettingStarted_container_Goal .mid-col .form-box {
    margin-top: 5px;
    display: block;
    vertical-align: middle;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    overflow: auto;
    padding: 7px 15px;
    margin-bottom: 5px;
    position:relative;
}

#GettingStarted_container_Goal .mid-col .form-box .form-input {
    display: inline-block;
    width:100%;
}


#GettingStarted_container_Goal .mid-col .form-box .form-control {
    color: #333;
    font-size: 16px;
    line-height: 19px;
    display: block;
    width: 85%;
    padding: 0px 0px;
    border: 0;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


#GettingStarted_container_Goal .mid-col .form-box .ctatext {
    margin-bottom: 0px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-top:7px;
    position:absolute;
    right:15px;
}



#GettingStarted_container_Goal .mid-col .ctabox {margin-bottom:25px;}

#GettingStarted_container_Goal .mid-col .ctabtn {
    width:200px;
    position: relative;
    margin-right:10px !important;
    margin-bottom: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
}
#GettingStarted_container_Goal .ctabtn.previous:before {
    font-family: 'Glyphicons Halflings';
    content:"\e079";
    font-size:12px;
    color:#fff;
    position:absolute;
    left:20px;
}

#GettingStarted_container_Goal .ctabtn.next:before {
    font-family: 'Glyphicons Halflings';
    content:"\e080";
    font-size:12px;
    color:#fff;
    position:absolute;
    right:20px;
}




#GettingStarted_container_Goal h2 {
  text-align:right; 
  padding-top:0;
  padding-right:36px;

}






/* Progress bar */
/*=================================================*/

.progressbar_box {text-align: center; width:220px; margin:0 auto; left:0; right:0; margin-top:30px;}
.progressbar_box span {font-size:14px; font-weight:bold; color:#ffbd00;}

.progressbar {
    width:220px;
    height:16px;
    display: block;
    text-align: left;
    margin-top: 5px;
    position: relative;
}

.progressbar .progression-background {
    width:100%;
    height:16px;
    border-radius: 8px;
    display: block;
    overflow: hidden;
    background:#fff;
    position:absolute;
} 

.progressbar .progression {
    background:#e68717;
    height:100%;
    position: absolute;
}

.progressbar .progression-cursor {
    background:transparent;
    height:100%;
    position: absolute;
}

.progressbar .progression-cursor:after {
    content:'';
    width:2px;
    height:23px;
    background:#e68717;
    display:block;
    top:0px;
    margin-top: -3px;
    float: right;
} 






/* questionbox */
/*=================================================*/

#GettingStarted_container_Goal .section_box {text-align: left;margin-top: 0; }

#GettingStarted_container_Goal .section_box ul {list-style: none; font-size:19px; line-height: 24px; margin:0; padding:0px 10px 0 10px; position: relative;}

#GettingStarted_container_Goal .section_box ul li {padding:4px 0;}

#GettingStarted_container_Goal .section_box ul.submenu {list-style: none; font-size:16px; line-height: 19px; margin:8px 0 10px 0; padding:0px 10px 0 20px;}

#GettingStarted_container_Goal .section_box ul.submenu li{padding:5px 0;}

#GettingStarted_container_Goal .section_box ul.submenu li.active:before {
    font-family: 'Glyphicons Halflings';
    content:"\e080";
    padding-top:0px;
    left: -3px;
    position: absolute;
}


#GettingStarted_container_Goal .section_box .progression {
    display: block;
}

#GettingStarted_container_Goal .section_box .progression div {
    display: inline-block;
}

#GettingStarted_container_Goal .section_box .progression .progression_step {
    font-weight: bold;
    margin-right: -20px;
}






/* Extra Small */
@media(max-width:480px){
    .help_howtostart {margin-top: 80px; right: 10px;}
    #GettingStarted_container_Goal .right-col {padding: 0px 15px;}
    #GettingStarted_container_Goal .mid-col .table-row {padding-left: 10px;}
    .theme1 #GettingStarted_container_Goal h2 {text-align: left; padding: 30px 15px 15px 15px;}
    .mid-col {padding:0 15px;}
    #GettingStarted_container_Goal .mid-col .ctabox  {text-align: center;}
    #GettingStarted_container_Goal .section_box .ctabox {text-align: center;}
    .section_box ul {}
    .section_box ul li {text-align: left;}
    #GettingStarted_container_Goal .mid-col .content {width: 100%;}
    #MyGoals_top_container {height:auto;}
    #GettingStarted_container_Goal {background-position: left -200px top;}
    #MyGoals_mainwrap {padding:0 5px 20px 5px;}
    #GettingStarted_container_Goal .mid-col .panel-item-row {padding: 10px 15px;}
    #GettingStarted_container_Goal .mid-col .panel-item-row .item-left,
    #GettingStarted_container_Goal .mid-col .panel-item-row .item-right  {display:block; width:100%;}
    #GettingStarted_container_Goal .mid-col .form-box .form-control {width:75%;}
    #MyGoals_top_container {padding-bottom:70px; padding-top: 40px}
    #GettingStarted_container_Goal {background:none; margin-top:-70px;}
}

@media(min-width:481px) and (max-width:767px){
    #GettingStarted_container_Goal .right-col {padding: 0px 15px;}
    #GettingStarted_container_Goal .mid-col .table-row {padding-left: 10px;}
    .theme1 #GettingStarted_container_Goal h2 {text-align:left; padding: 30px 15px 15px 15px;}
    .mid-col {padding:0 15px;}
    #GettingStarted_container_Goal .mid-col .ctabox  {text-align: center;}
    #GettingStarted_container_Goal .section_box .ctabox {text-align: center;}
    .section_box ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .section_box ul li {text-align: left;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #GettingStarted_container_Goal .mid-col, #GettingStarted_container_Goal .right-col {display:inline-block;}
    #GettingStarted_container_Goal .left-col {display:block; width:60%; }
    #GettingStarted_container_Goal .mid-col {width:60%;  margin: 0 auto; }
    #GettingStarted_container_Goal .right-col {width:40%; float:right; clear:none;}
    .theme1 #GettingStarted_container_Goal h2 {text-align: left; padding: 0px 0px 0px 20px; margin-top: 0px; }
    #GettingStarted_container_Goal .icon-item {display: inline-block; vertical-align: top; margin:5px 3px;}
    .mid-col {padding:0 0 0 20px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #GettingStarted_container_Goal .left-col, #GettingStarted_container_Goal .mid-col, #GettingStarted_container_Goal .right-col {display:inline-block;}
    #GettingStarted_container_Goal .left-col {width:20%; float: left; }
    #GettingStarted_container_Goal .mid-col {width:50%;  margin: 0 auto; }
    #GettingStarted_container_Goal .right-col {width:30%; float:right; clear:none;}
    #GettingStarted_container_Goal .icon-item {display: inline-block; vertical-align: top; margin:5px 4px;}
    #GettingStarted_container_Goal h2 {padding-right: 20px;}
    #GettingStarted_container_Goal .section_box {margin-left: 20px;}
}

/* Large */
@media(min-width:1200px){
    #GettingStarted_container_Goal .left-col, #GettingStarted_container_Goal .mid-col, #GettingStarted_container_Goal .right-col {display:inline-block;}
    #GettingStarted_container_Goal .left-col {width:20%; float: left; }
    #GettingStarted_container_Goal .mid-col {width:50%;  margin: 0 auto; }
    #GettingStarted_container_Goal .right-col {width:30%; float:right; clear:none;}
}

#MyGoals_top_container .progressbar_box span{
    color: #ffffff;
}

#MyGoals_mainwrap .highlight a{
    color: #2A51FE !important;
}





.theme1 #jumbo_goal_common_container {background-color:#9ca7a0;}
.theme1 #featurevideo_fluidcontainer  {background-color:#9ca7a0;}

.theme1 #jumbo_goal_common_container h3 {
    font-family: "Gotham Runded Bold";
    font-size: 34px;
    color:#fff
}
.theme1 #jumbo_goal_common_container p {color:#fff}

.theme1 #featurevideo_container .content h3 {color:#fff}
.theme1 #featurevideo_container .content p {color:#fff}


.theme1 #jumbo_goal_common_container .heading {
    font-family: "Gotham Runded Bold";
    font-size: 22px;
    color:#fff;
    line-height: 1;
    font-weight: 300;
}
.theme1 #jumbo_goal_common_container .text1 {
    font-family: "Source Sans Pro";
    color: #fff;
    font-size: 17px;
    line-height: 19px;
}

.theme1 #featurevideo_container {background-color:#812990;}

.theme1 #featurevideo_container .content a.textlink,
.theme1 #featurevideo_container .content a.textlink:link,
.theme1 #featurevideo_container .content a.textlink:visited
{
    color:#fff;
}

.theme1 #featurevideo_container .content a.textlink:hover,
.theme1 #featurevideo_container .content a.textlink:active,
.theme1 #featurevideo_container .content a.textlink:focus
{
    color:#f5b600;
    text-decoration: none;
}


.theme1 #MyFavouritePathways_container .heading {color:#5aacb4;}

.theme1 .ctabtn {background-color: #fbb030;}






#bigtop h1 {
    font-family: "Gotham Runded Bold";
    font-size: 40px;
    color: #333333 !important;
    margin-top:10px;
    font-weight: 300;
}
#bigtop p {
    font-family: "Source Sans Pro";
    font-size:22px;
    color: #333333;
    line-height:24px;
    padding-bottom: 20px;
}





/* Get Started With These Tools Jumbo */ 
/*=================================================*/

#jumbo_goal_common_container {
    text-align: center;
    background-color: #8C4198 !important;
}

#jumbo_goal_common_container h3 {
    margin-top: 0px;
    margin-bottom: 25px;
}

#jumbo_goal_common_container .container {
    text-align: center;
}

#jumbo_goal_common_container .GetStartedTools_box {
    margin-top: 50px;
    margin-bottom: 40px;
}

#jumbo_goal_common_container .icon {
    padding-top: 15px; padding-bottom: 24px;
}

#jumbo_goal_common_container .heading {
    font-size:24px; 
    font-weight:bold; 
    padding-top: 0px; 
    padding-bottom: 0px;
}

#jumbo_goal_common_container .text1 {
    font-size:16px; 
    line-height:19px; 
    margin-top: 5px; 
    margin-bottom: 10px;
}

#jumbo_goal_common_container .ctabtn {
    width:180px;
    margin-bottom: 30px;
}



@media(max-width:991px){
    #jumbo_goal_common_container {background-size:cover; height:auto;}
}


/* Extra Small */
@media(max-width:640px){
    #jumbo_goal_common_container .text1 {padding: 0px;}
}

@media(min-width:641px) and (max-width:767px){
    #jumbo_goal_common_container .text1 {padding: 0px 50px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #jumbo_goal_common_container .text1 {padding: 0px 50px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
}

/* Large */
@media(min-width:1200px){
    #jumbo_goal_common_container .text1 {padding: 0px 50px;}
    #bigtop p {padding:0px 200px 20px;}
}











/* Explore by Educational Instituition Types */
/*=================================================*/

#MyFavouritePathways_container {
    display:block;
    overflow:hidden;
    margin-top:50px;
    margin-bottom: 80px;
}

#MyFavouritePathways_container h3 {
    font-family: "Gotham Runded Bold";
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 16px;
}

#MyFavouritePathways_container .fancy span:before,
#MyFavouritePathways_container .fancy span:after {
    border-top:1px solid #ccc;
}

#MyFavouritePathways_container .table-content {
    display: block;
}

#MyFavouritePathways_container .table-row:nth-child(even) {
    background-color:#f7f7f7;
}

#MyFavouritePathways_container .table-row {
    display: table;
    width: 100%;
    padding-top: 11px;
    padding-bottom: 11px;
}

#MyFavouritePathways_container .item-name {
    display: inline-block;
    width: 37%;
    vertical-align: top;
    padding-left:20px;
}

#MyFavouritePathways_container .item-type {
    display: inline-block;
    width: 37%;
    vertical-align: top;
}

#MyFavouritePathways_container .item-actions {
    display: inline-block;
    width:240px;
    vertical-align: middle;
    position:absolute;
    right:0px;
}

#MyFavouritePathways_container .item-action-unit {
    display: inline-block;
    width: 40px;
    text-align: center;
    vertical-align: middle;
}

#MyFavouritePathways_container .table-row {
    position: relative;
    line-height: 25px;
}

#MyFavouritePathways_container .table-row .item-name {
    font-size: 16px;
    font-weight: bold;
    color:#9461ae;
}

#MyFavouritePathways_container .table-row .item-type {
    font-size: 16px;
    color:#333;
}

#MyFavouritePathways_container .table-row.legend .item-name{
    font-size: 14px;
    font-weight: normal;
    color:#333333;
}

#MyFavouritePathways_container .table-row.legend .item-type{
    font-size: 14px;
    color:#333333;
}

#MyFavouritePathways_container .table-row.legend .item-actions {
    font-size: 14px;
    color:#333333;
}



.textlink_container {
    margin:25px auto 70px;
    padding-top:27px;
    text-align: center;
    background:url(preu/images/ExploreEducationalInstituitions_textlink_dotted.png) top center no-repeat;
}

.textlink_container .textlink_item {
    font-size:16px;
    font-weight: bold;
    display: inline-block;
    padding: 7px 20px;
    margin:0px auto;
    left:0px;
    right:0px;
}





/* Extra Small */
@media(max-width:320px){
    #MyFavouritePathways_container .item-name {display: block; width:auto; padding-left:10px; }
    #MyFavouritePathways_container .item-type {width:auto; padding-left:10px;}
    #MyFavouritePathways_container .item-actions {display: block; width:auto; float:none; position:relative; padding:0px 10px 5px 10px;}
    #MyFavouritePathways_container .item-action-unit {width: 25px;}
    #MyFavouritePathways_container .table-row .item-type{width:auto !important}
}

@media(min-width:321px) and (max-width:480px){
    #MyFavouritePathways_container {padding-left:0px; padding-right:0px;}
    #MyFavouritePathways_container .item-name {display: block; width:auto; padding-left:10px; }
    #MyFavouritePathways_container .item-type {width:auto; padding-left:10px;}
    #MyFavouritePathways_container .item-actions {width:85px; top:0px; padding-top:11px;z-index: 9}
    #MyFavouritePathways_container .item-action-unit {width: 25px;}
    #MyFavouritePathways_container .table-row .item-type {font-size: 10px;}
}

@media(min-width:481px) and (max-width:640px){
    #MyFavouritePathways_container {padding-left:0px; padding-right:0px;}
    #MyFavouritePathways_container .item-actions {width:150px;}
    #MyFavouritePathways_container .item-action-unit {width: 25px;}
}

@media(min-width:641px) and (max-width:767px){
    #MyFavouritePathways_container {padding-left:0px; padding-right:0px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #MyFavouritePathways_container {padding-left:0px; padding-right:0px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
}

/* Large */
@media(min-width:1200px){
}


.goal_table_list_tbody_name_td {
    color: #e68717;
}






.theme1 #myvisionstatement_container h1 {
    font-size:30px;
    font-weight:bold;
    color:#333;
}

.theme1 #myvisionstatement_container p {
    font-size:24px;
    line-height: 28px;
    font-weight:normal;
    color:#666;
}

.theme1 .actionicon {background-color:#5aacb4;}
.theme1 a.actionitem:hover .actionicon,
.theme1 a.actionitem:focus .actionicon,
.theme1 a.actionitem:active .actionicon
{background-color:#e85d43;}

.theme1 .actiontext {color:#5aacb4;}
.theme1 a.actionitem:hover .actiontext,
.theme1 a.actionitem:focus .actiontext,
.theme1 a.actionitem:active .actiontext
{color:#e85d43;}



.theme1 #MyInformation .heading {color:#ffbd00;}

.theme1 #MyInformation .avatar {border: 5px solid #ffbd00;}

.theme1 a,
.theme1 a:link,
.theme1 a:visited
{color: #2A51FE;}

.theme1 a:hover,
.theme1 a:active,
.theme1 a:focus
{color: #2A51FE;}


.theme1 #myinterestbox {background:#812990; color:#fff;}
.theme1 #myskillsbox {background:#5aacb4; color:#fff;}
.theme1 #myvaluesbox {background:#ffbd00; color:#fff;}
.theme1 #mylearningstylesbox {background:#e85d43; color:#fff;}





/* GENERAL */

a.ctabtn,
a.ctabtn:link,
a.ctabtn:visited
 {color:#fff;}

a.actionitem:hover,
a.actionitem:focus,
a.actionitem:active {
    text-decoration: none;
} 

#myvisionstatement_container .card p {
    font-size:14px;
    color: #fff;
    padding-left:0px;
    padding-right:0px;
    margin-top:0px;
    margin-bottom:12px;
}

#myvisionstatement_container {
    text-align: center;
    padding-top:0px;
    padding-bottom:60px;
}

#myvisionstatement_container h1 {margin-top:0px;}

#myvisionstatement_container p {
    margin-bottom:25px;
}



#MyInformation {
    text-align: center;
    padding:0px 35px;
    word-wrap: break-word;
    word-break: break-word;
}

#MyInformation .heading {
    font-size: 30px;
    font-weight:bold;
}

#MyInformation .avatar {
    width:150px;
    height:150px;
    border-radius: 50%;
    display:block;
    overflow: hidden;
    margin:15px auto;
    left:0px;
    right:0px;
}

#MyInformation .name {
    font-size: 24px;
    line-height: 24px;
    margin-bottom:20px;
    font-weight: bold;
}

#MyInformation .scroll-panel-body {
    text-align: center;
    width: 100%;
    height: auto;
    display: block;
    padding:0px ;
    margin: 10px 5px;
}

#MyInformation .scroll-panel-body li {
    color: #333;
    list-style: none;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 2px dotted #d0d0d0;
}

#MyInformation .scroll-panel-body li .highlight {
    color: #666;
    font-size: 16px;
    line-height:17px;
}


#MyInformation .scroll-panel-body li:last-child {
    border-bottom: 0px;
}










/* card styling */
/*=====================================================*/

.dragscroll_wrap
{
    margin-left:auto;
    margin-right:auto;
    left:0px;
    right:0px;
}

.card {
    text-align: center;
    border: 0px solid transparent;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    display: inline-block;
    margin-right:5px;
    padding: 20px 20px;
    vertical-align:top;
    position: relative;
}


.card .ctabox {
    bottom: -5px;
    width: 100%;
    white-space: nowrap;
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    left:0px;
    right:0px;
    text-align: center;
}


.bg_gray { background: #f5f5f5; }
.bg_purple { background: #812990; }
.bg_cyan { background: #5aacb4; }
.bg_yellow { background: #fbb702; }

.card.bg_gray .heading { color:#333; }
.card.bg_purple,
.card.bg_cyan,
.card.bg_yellow
{ color:#fff; }

.heading {
    font-size: 20px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom:3px;
    font-weight: bold;
}
.Iaction {
    font-size: 16px;
    line-height: 18px;
    padding-top: 0px;
    padding-bottom:15px;
}

.tag {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    padding:8px 10px;
    margin: 0px 1px 1px 0px;
    border-radius: 3px;
    background:#a1a6a6;
    display: inline-block;
    position: relative;
}

.dragscroll_wrap .selected {
    background:#812990;
    text-indent: 23px;
}

.Idid {
    font-size:14px;
    line-height: 16px;
    padding-top:10px;
    padding-left:40px;
    padding-right:40px;
}

.preso_plate {
    color: #fff;
    width:100%;
    height:100px;
    display:block;
    position:relative;
    text-align: center;
}

.preso_icon {
    position: absolute;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
    opacity: 0.1;
}

.preso_icon img {
    margin: 0 auto;
}

.preso_icon_full {
    opacity: 1.0;
}

.preso_icon_full img {
    margin: 0 auto;
}

.preso_text {
    position: absolute;
    z-index: 9;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.preso_number {
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
}

.preso_type {
    font-size: 16px;
    line-height:;
    font-weight: bold;
}

#myinterestbox .preso_text,
#myskillsbox .preso_text,
#myvaluesbox .preso_text,
#mylearningstylesbox .preso_text
{
    margin-top:10px;
    letter-spacing: 3px;
}

#myinterestbox .preso_plate, 
#myskillsbox .preso_plate,
#myvaluesbox .preso_plate,
#mylearningstylesbox .preso_plate
{
    margin-bottom:14px;
}






/* MY INTEREST BOX */

.scroll-panel-tab {
    width:100%;
    min-height:114px;
    font-size:60px;
    font-weight: bold;
    color: #fff;
    display: block;
    padding: 0px;
    padding-top:15px;
    margin-bottom: 0px;
    border:1px solid;
}

.scroll-panel-tab > img {
    
}

.scroll-panel-body {
    width: 100%;
    height: auto;
    display: block;
    padding:0px;
    margin: 10px 5px;
}

.scroll-panel-body li {
    list-style: none;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 2px dotted #d0d0d0;
}

.scroll-panel-body li .highlight {
    font-size: 16px;
    line-height:17px;
}

.scroll-panel-body li:last-child {
    border-bottom: 0px;
}

#myvaluesbox .scroll-panel-body li,
#mylearningstylesbox .scroll-panel-body li {
    border-bottom: 2px dotted rgba(255,255,255,0.5);
}

#myvaluesbox .scroll-panel-body li:last-child,
#mylearningstylesbox .scroll-panel-body li:last-child,
#mycategory .my-profile-category-sections-preu .progress-card .card-holder .keypoint li:last-child{
    border-bottom: 0px;
}

#MyFavourites .scroll-panel-body {
    width: 100%;
    height: auto;
    margin: 10px 0px;
    display: block;
    overflow:hidden;
}



div[class*="dragscroll"] {border:0px solid;}

.card.bg_gray {
    padding-left:0px;
    padding-right:0px;
}

.slick-item {
    margin-top: 10px;
    width:100%;
}

.slick-item .Idid {
    font-size: 16px;
    margin-top:46px;
    margin-bottom:40px;
}

.slick-single {
    width:100%;
}

.card.slick {
    padding:20px 0px;
}

      .slick-dots li button:before {
        font-size: 14px;
        color: #666;}
    .slick-dots li.slick-active button:before {
      color: #5aacb4;
      opacity: 1; }




/* Action Item */
/*====================*/

.actionitem {
    display:inline-block;
    padding-left:20px;
    position:relative;
}

.actionicon {
    width:38px;
    height:38px;
    border-radius:50%;
    margin:0 auto;
    left:0px;
    right:0px;
    padding-top:8px;
    display: inline-block;
}

.actiontext {
    font-size:16px;
    font-weight:bold;
    padding-left:8px;
    display: inline-block;
}

.actionitem.addcategory {
    width: 230px;
    padding-left: 0px;
}

.actionitem.addcategory .actionicon {
    width: 50px;
    height: 50px;
    position: relative;
}

.actionitem.addcategory .actionicon img {
    width:26px;
    height:26px;
    margin: 3px 12px;
}

.actionitem.addcategory .actiontext {
    font-size:19px;
    padding-top: 10px;
    width: 140px;
    position: absolute;
}

.card.action {
    text-align: left;
    border: 1px solid transparent;
    border-radius: 0px;
    background: transparent;
    overflow: hidden;
    display: inline-block;
    margin-right:5px;
    padding: 40px 10px;
    vertical-align:top;
    position: relative;
    width: auto;
    height: auto;
}

.pathway-compare-filter-tool button.multiselect {
    color: #996caf;
    background: #f3f3f3;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 25px;
    height: 44px;
    font-weight: bold;
}

.edupathway-compare-content .title .icon{
    margin-left: -12px;
}





/* Extra Small */
@media(max-width:320px){
}

@media(min-width:321px) and (max-width:560px){
}

@media(max-width:767px){
    #MyInformation .heading {margin-bottom: 20px;}
    #MyInformation {margin-bottom:30px;}
    .card { width: 270px; height: 444px; margin:0px 0px 0px 5px;}
    .dragscroll_wrap { width: 1950px; height:445px; text-align: left;}
    #rightsliderplate {width:100%;padding-bottom:10px;}
    .dragscroll_outterbox {margin-bottom:50px;}
    .padding0xs {padding-left:0px; padding-right:0px;}
    .actionitem_list {width:180px; text-align:left; display:inline-block;}
    .actionitem {margin-bottom: 10px; }
    .actionitem .actionicon {text-align: center;}
}
 

/* Small */
@media(min-width:767px) and (max-width:991px){/*SPU-2006*/
    #MyInformation .scroll-panel-body {text-align:left;}
    #MyInformation .heading {margin-bottom: 20px;}
    #MyInformation {margin-bottom:30px;}
    .container {width:100%;}
    .card { width: 270px; height: 444px; margin:0px 2px 5px 0px;}
    .dragscroll_wrap { width: 835px; height:auto; text-align: left; }
    #rightsliderplate {width:100%;}
}
/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #MyInformation .scroll-panel-body {text-align:left;}
    #MyInformation .heading {margin-bottom: 20px;}
    #MyInformation {margin-bottom:30px;}
    .card { width: 305px; height: 444px; margin:0px 2px 5px 0px;}
    .dragscroll_wrap { width: 940px; padding-bottom:5px; height:auto; text-align: left; }
    #rightsliderplate {width:950px;}
}

/* Large */
@media(min-width:1200px){
    .card { width: 275px; height: 444px; margin:0px 2px 5px 0px;}
    .dragscroll_wrap { width: 847px; height:auto; text-align: left; padding-bottom:5px;}
    #rightsliderplate {width:262px;}
    #MyFavourites .heading {border-top: 1px solid #e5e5e5; padding-top: 20px;}
    .dragscroll_custom_height {}
}

.vs_icon_text_box{
    display: inline-flex;
    width: 100%;
}

@media (max-width: 767px) {
    .vs_icon_text_box{
        display: inline-block;
    }
    #myvisionstatement_container{
        padding: 40px;
    }
}

@media (max-width: 991px)and (min-width: 768px) {
    .dragscroll .dragscroll_wrap {width: 998px !important;}
}
@media (max-width: 767px){
    .dragscroll .dragscroll_wrap {width: 893px !important;}
}


#myprofile{
	word-wrap: break-word;
    word-break: break-word;
}
/*Changes for MyProfile-Download-Checkbox alignment: SPU-414 - Start*/
.othercheckbx input[type=checkbox] {
    margin-left:-2px;
    }
/*Changes for MyProfile-Download-Checkbox alignment: SPU-414 - End*/




/* Overview boxes styling */
/*=====================================================*/

#overview_sliderplate_top, 
#overview_sliderplate_bottom
{
    margin-left:auto;
    margin-right:auto;
    left:0px;
    right:0px;
}

.overview_box {
    text-align: center;
    border: 0px solid transparent;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    display: inline-block;
    margin-right:5px;
    padding: 20px 20px;
    vertical-align:top;
    position: relative;
}


.overview_box .ctabox {
    bottom: -5px;
    width: 100%;
    white-space: nowrap;
    position:absolute;
    margin-left: auto;
    margin-right: auto;
    left:0px;
    right:0px;
    text-align: center;
}


.bg_gray { background: #f5f5f5; }
.bg_purple { background: #812990; }
.bg_cyan { background: #5aacb4; }
.bg_yellow { background: #fbb702; }

.overview_box.bg_gray .heading { color:#333; }
.overview_box.bg_purple,
.overview_box.bg_cyan,
.overview_box.bg_yellow
{ color:#fff; }

.heading {
    font-size: 20px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom:0px;
    font-weight: bold;
}
.Iaction {
    font-size: 16px;
    line-height: 18px;
    padding-top: 0px;
    padding-bottom:15px;
}

.tag {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    padding:8px 10px;
    margin: 0px 1px 1px 0px;
    border-radius: 3px;
    background:#a1a6a6;
    display: inline-block;
    position: relative;
}

#overview_sliderplate_top .selected {
    background:#812990;
    text-indent: 23px;
}

#portfolio .selected {
    background:#5aacb4;
    text-indent: 23px;
}


.Idid {
    font-size:14px;
    line-height: 16px;
    padding-top:10px;
    padding-left:20px;
    padding-right:20px;
}

.preso_plate {
    width:100%;
    height:110px;
    display:block;
    position:relative;
    text-align: center;
}

.preso_icon {
    position: absolute;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
    opacity: 0.1;
}

.preso_icon img {
    margin: 0 auto;
}

.preso_text {
    position: absolute;
    z-index: 9;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.preso_number {
    font-size: 60px;
    line-height: 60px;
    font-weight: bold;
}

.preso_type {
    font-size: 16px;
    line-height:;
    font-weight: bold;
}


/* MY GOAL BOX */

#mygoalbox{
    padding: 20px 30px;
}

#mygoalbox .heading,
#mygoalbox .Iaction,
#mygoalbox .scroll-panel-tab,
#mygoalbox .scroll-panel
 {
    text-align: left;
}

.scroll-panel-tab {
    display: block;
    padding: 7px 12px;
    font-weight: bold;
    color: #fff;
    border-radius: 3px;
    background-color: #611f6c;
    margin-bottom: 5px;

}

.scroll-panel-tab > i {
    float: right;
}

.scroll-panel-body {
    width: 100%;
    height: 120px;
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    padding:0px;
    margin: 10px 5px;
}

.scroll-panel-body li {
    list-style: none;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 2px dotted white;
}

.scroll-panel-body li .highlight {
    font-size: 16px;
    line-height:17px;
}


#MyFavourites .heading,
#MyFavourites .scroll-panel-body
{
    text-align: left;
}

#MyFavourites .scroll-panel-tab {
    color: #333;
}

#MyFavourites .scroll-panel-body li {
    color: #812990;
    border-bottom: 2px dotted #d0d0d0;
    list-style: none;
    margin-left: 30px;
}

#MyFavourites .scroll-panel-body li .highlight {
    color: #666;
}

#MyFavourites .scroll-panel-body li:before {
    position: relative;
    top: 10px;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 22px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 10px 0 0;
    margin-left: -30px;
    content:"\f005";
    color:#fab702;
}

#MyFavourites .scroll-panel-body li:last-child {
    border-bottom: 0px;
}

#MyFavourites .scroll-panel-body {
    width: 100%;
    height: auto;
    margin: 10px 0px;
    display: block;
    overflow:hidden;
}


#portfolio .ctabtn, 
#MyFavourites .ctabtn
{
    margin-bottom:15px;
}

#portfolio .Iaction {
    padding-bottom: 10px;
}

#MyFavourites .ctabtn {
    margin-top: 0px;
}

 #portfolio .chart-wrap {
    position: relative;
    display: block;
    height: 200px;
    width: 198px;
    margin: 0px auto 5px; 
    }
    #portfolio .chart-wrap .chart {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d; }
    #portfolio .chart-wrap .chart-text {
      width: 198px;
      z-index: 10;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      #portfolio .chart-wrap .chart-text h1 {
        font-size: 20px;
        font-weight: bold;
        letter-spacing: -1px;
        margin: 0;
        color: #333; }
      #portfolio .chart-wrap .chart-text h2 {
        font-size: 60px;
        font-weight: bold;
        letter-spacing: -3px;
        margin: 0;
        color: #fbb702; }
        #portfolio .chart-wrap .chart-text h2 sup {
          font-size: 30px;
          font-weight: bold;
          top: -20px; }
      #portfolio .chart-wrap .chart-text h6 {
        font-size: 16px;
        margin: 0;
        color: #333; }

#portfolio, #MyFavourites {display:inline-block;vertical-align: top;}


/* Extra Small */
@media(max-width:320px){
    .overview_box { width: 260px; height: 325px; }
    #overview_sliderplate_top, #overview_sliderplate_bottom { width: 805px; padding-bottom:5px;}
    #rightsliderplate {width:540px;min-height:420px;}
    #portfolio, #MyFavourites {width:260px;}
    .toprowcustompadding {margin-bottom:30px;}
}

@media(min-width:321px) and (max-width:560px){
    .overview_box { width: 270px; min-height: 325px; }
    #overview_sliderplate_top, #overview_sliderplate_bottom { width: 835px; padding-bottom:5px;}
    #rightsliderplate {width:560px;height:420px;}
    #portfolio, #MyFavourites {width:270px;}
    .toprowcustompadding {margin-bottom:30px;}
}

@media(min-width:561px) and (max-width:767px){
    .overview_box { width: 270px; height: 325px; }
    #overview_sliderplate_top, #overview_sliderplate_bottom { width: 835px; padding-bottom:5px;}
    #rightsliderplate {width:100%;padding-bottom:10px;}
    #portfolio, #MyFavourites {width:49%;}
    .toprowcustompadding {margin-bottom:30px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .container {width:100%;}
    .overview_box { width: 270px; height: 325px; }
    #overview_sliderplate_top, #overview_sliderplate_bottom { width: 835px; padding-bottom:5px;}
    #portfolio .ctabtn { margin-top: 20px; margin-bottom:30px; }
    #rightsliderplate {width:100%;}
    #portfolio, #MyFavourites {width:49%;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .overview_box { width: 310px; height: 325px; }
    #overview_sliderplate_top, #overview_sliderplate_bottom { width: 965px; padding-bottom:5px;}
    #portfolio .ctabtn { margin-top: 20px; margin-bottom:30px; }
    #rightsliderplate {width:950px;}
    #portfolio, #MyFavourites {/*width:49%;*/}
    #portfolio .btn{margin-top:10px !important; margin-left: -18px;}
}

/* Large */
@media(min-width:1200px){
    .overview_box { width: 280px; height: 325px; }
    #overview_sliderplate_top, #overview_sliderplate_bottom { width: 875px; padding-bottom:5px;}
    #rightsliderplate {width:262px;}
    #portfolio, #MyFavourites {width:260px;}
    #MyFavourites .heading {border-top: 1px solid #e5e5e5; padding-top: 20px;}
}


    .dragscroll_custom_height {height:348px;}




.slick-item {
    width:100%;
}

.slick-single {
    width:100%;
}

.overview_box.slick {
    padding:20px 0px;
}





/* Extra Small */
@media(max-width:480px){
    #overview_sliderplate { min-width:655px; }
}

footer .termsofuse, 
footer .termsofuse a, 
footer .termsofuse a:link, 
footer .termsofuse a:visited
{color:#ffffff;}

.ExploreEducationalInstituitionTypes .textlink,
.ExploreEducationalInstituitionTypes a.textlink:link, 
.ExploreEducationalInstituitionTypes a.textlink:visited 
{color:#5aacb4;}

.ExploreEducationalInstituitionTypes a.textlink:hover,
.ExploreEducationalInstituitionTypes a.textlink:focus, 
.ExploreEducationalInstituitionTypes a.textlink:active
{color:#ef4125; text-decoration: none;}

#searchkeywordbox .advancedsearch {
    font-size: 16px;
    font-weight: bold;
    float: right;
    padding-top: 12px;
}

#searchkeywordbox .advancedsearch .textlink, 
#searchkeywordbox .advancedsearch a.textlink:link, 
#searchkeywordbox .advancedsearch a.textlink:visited,
#searchkeywordbox #occupation_search_container .dropdown-item,
#searchkeywordbox #occupation_search_container a.dropdown-item:link, 
#searchkeywordbox #occupation_search_container a.dropdown-item:visited
{color:#ffffff;}

#searchkeywordbox .advancedsearch a.textlink:hover, 
#searchkeywordbox .advancedsearch a.textlink:focus, 
#searchkeywordbox .advancedsearch a.textlink:active,
#searchkeywordbox #occupation_search_container a.dropdown-item:hover, 
#searchkeywordbox #occupation_search_container a.dropdown-item:focus, 
#searchkeywordbox #occupation_search_container a.dropdown-item:active
{color:#ffffff; text-decoration: none;}

.col-md-4 ul.action-widget .ctabtn
{
	background-color: #5aacb4;
}

#searchkeywordbox #occupation_search_container .btn.btn-secondary{	
	background:#9461ae;
	line-height: 12px;
}

@media (max-width: 640px) and (min-width: 481px){
    #searchkeywordbox #occupation_search_container .btn.btn-secondary {
        font-size: 12px;
    }
}
@media (max-width: 480px) and (min-width: 381px){
    #searchkeywordbox #occupation_search_container .btn.btn-secondary {
        font-size: 10px;
    }
}
@media (max-width: 380px) {
    #searchkeywordbox #occupation_search_container .btn.btn-secondary {
        font-size: 8px;
    }
}

@media(max-width: 530px) and (min-width: 420px){
    .occupation_search_box .btn.btn-secondary.dropdown-toggle::before{
        right: 5px!important;
    }
}
@media(max-width: 419px) {
.occupation_search_box .btn.btn-secondary.dropdown-toggle::before{
    right: 15px!important;
}
}


#searchkeywordbox #occupation_search_container a.dropdown-item:hover, 
#searchkeywordbox #occupation_search_container a.dropdown-item:focus, 
#searchkeywordbox #occupation_search_container a.dropdown-item:active {
    background-color: #692175;
}

#searchkeywordbox #occupation_search_container .dropdown-item{
	display:block;
    padding:8px 15px;
    margin:1px;
    background:#9461ae;
}
#searchkeywordbox #occupation_search_container .dropdown-menu{
	font-size: 16px;
    border-radius: 0px;
    padding: 0px;
    margin: 0px;
    background: #85569d;
}

#directory_list_view #occupation{
    padding:0;
}

#user-satisfaction-form .radio-inline input[type="radio"]{
    display:none;
}

#user-satisfaction-form .radio-inline input[type="radio"] + label span {
    display:inline-block;
    width: 25px;
    height: 27px;
    margin:0px;
    margin-left:-25px;
    vertical-align:top;
    background:url('secondary/images/Radio_Btn_Sec.png') 0px top no-repeat !important;
    cursor:pointer;
}

#user-satisfaction-form .radio-inline input[type="radio"]:checked + label span {
    background: url(secondary/images/Radio_Btn_Sec.png) -25px top no-repeat !important;
}

#user-satisfaction-form #surveyRadioBtn{
	padding-left: 20px !important;
}




.theme1 #jumbo_container {background-color:#a3a6ab;}
.theme1 #interviewskills_fluidcontainer  {background-color:transparent;}

.theme1 #jumbo_container h1 {color:#fff}
.theme1 #jumbo_container p {color:#fff}

.theme1 #interviewskills_container .content h3 {color:#fff}
.theme1 #interviewskills_container .content p {color:#fff}


.theme1 #jumbo_container .heading {color:#fff;}
.theme1 #jumbo_container .text1 {color: #fff;}

.theme1 #interviewskills_container {background-color:#9461ae;}

.theme1 #interviewskills_container .content a.textlink,
.theme1 #interviewskills_container .content a.textlink:link,
.theme1 #interviewskills_container .content a.textlink:visited
{
    color:#fff;
}

.theme1 #interviewskills_container .content a.textlink:hover,
.theme1 #interviewskills_container .content a.textlink:active,
.theme1 #interviewskills_container .content a.textlink:focus
{
    color:#f5b600;
    text-decoration: none;
}



.theme1 .RelatedArticles_content a.cta, 
.theme1 .RelatedArticles_content a.cta:link, 
.theme1 .RelatedArticles_content a.cta:visited {
    color: #5aacb4;
}








#bigtop h1 {margin-top:10px;}
#bigtop p {padding-bottom: 20px;}





/* Get Started With These Tools Jumbo */ 
/*=================================================*/

#jumbo_container {
    text-align: center;
    height: 412px;
    background: #8C4198 !important;
    margin-top: 15px;
}

#jumbo_container .container {
    text-align: center;
}


#jumbo_container .icon {padding-top: 40px; padding-bottom: 20px;}
#jumbo_container h1 {padding-top: 0px; padding-bottom: 0px; margin-top:0px;}
#jumbo_container p {margin-top: 17px; margin-bottom: 50px;}


/* interviewskills */
/*=================================================*/

#interviewskills_fluidcontainer {
    margin-top: -90px;
}

#interviewskills_container {
    display:table;
    overflow:hidden;
    border-radius: 5px;
    margin-bottom:50px;
}

#interviewskills_container .image {
    vertical-align: top;
    display: inline-block;
    overflow: hidden;    
    float:left;
    height:100%;
}
#interviewskills_container .image img {
    height:100%;
}

#interviewskills_container .content {
    vertical-align: top;
    text-align: left;
    display: table-cell;
    padding:25px 30px;
    position:relative;
}

#interviewskills_container .content h3 {
    font-size:30px;
    margin-top:0px;
    margin-bottom: 10px;
}

#interviewskills_container .content .ctabtn {
    margin-bottom: 0px;
}





/* Extra Small */
@media(max-width:640px){
    #jumbo_container .text1 {padding: 0px;}
    #jumbo_container { height: auto; padding-bottom: 90px;}
    #interviewskills_container { display: block; height:auto; }
    #interviewskills_container .image { width:100%; display: block; float:none;}
    #interviewskills_container .image img { width:100%; height:auto;}
    #interviewskills_container .content { display: block;}
}

@media(min-width:641px) and (max-width:767px){
    #jumbo_container .text1 {padding: 0px 50px;}
    #jumbo_container { height: auto; padding-bottom: 90px;}
    #interviewskills_container { display: block; height:auto;}
    #interviewskills_container .image { /*min-height:300px;*/ width:100%; display:block;float:none;}
    #interviewskills_container .image img { width:100%; height:auto;}
    #interviewskills_container .content { display: block; }
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #jumbo_container .text1 {padding: 0px 50px;}
    #jumbo_container { height: auto; padding-bottom: 90px;}
}

/* Large */
@media(min-width:1200px){
    #jumbo_container .text1 {padding: 0px 50px;}
    #jumbo_container p {padding-left:235px; padding-right:235px;}
}




/* More Guides */
/*=================================================*/

.MoreGuides_container {
    display:block;
    overflow: hidden;
    padding-bottom:50px;
}

.MoreGuides_container h2 {
    font-size:30px;
}

.slick-plate-container {
    display:block;
    width:100%;
    height: auto;
    position: relative;
    margin-top:40px;
    margin-bottom: 20px;
}

.slick-plate {
    width: 80%;
    display: inline-block;
    position: relative;
    margin-left:10%;
}

.MoreGuides_prevnextpanel {
    width: 10%;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
}

.panelright {
    right:0px;
    text-align: right;
    position:absolute;
}


.RelatedArticles_box {
    width: 24%;
    display: inline-block;
    margin-right: 5px;
    border-bottom: 0px;
    /* border:1px solid;*/
}

.RelatedArticles_icon {
    display: inline-block;
    width:60px;
}

.RelatedArticles_content {
    display: inline-block;
    width: 58%;
}



.slick-dots {bottom: -20px;}

.slick-item {
    width:100%;
}

.slick-single {
    width:100%;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.slick-dots li button:before {
    font-size: 14px;
    color: #444;
}

.slick-dots li.slick-active button:before {
  color: #5aacb4;
  opacity: 1; 
}



/* Extra Small */
@media(max-width:480px){
    .RelatedArticles_box {width: 100%; margin-right: 0px;}
    .RelatedArticles_content {display: inline-block; width: 60%; margin-top: 0px;}
    .slick-plate {margin-left: 0px; width:100%;}
}

@media(min-width:481px) and (max-width:767px){
    .RelatedArticles_box {width: 46%; margin-right: 10px;}
    .RelatedArticles_content {display: inline-block; width: 60%; margin-top: 5px;}
    .slick-plate {margin-left: 0px; width:100%;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .RelatedArticles_box {width: 24%; margin-right: 3px;}
    .RelatedArticles_content {display: block; width: 100%; margin-top: 5px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
}

/* Large */
@media(min-width:1200px){
}









.theme1 #GetStartedTools_jumbo_container {background-color:transparent;}
.theme1 #interviewskills_fluidcontainer  {background-color:transparent;}

.theme1 #GetStartedTools_jumbo_container h3 {
    font-family: "Gotham Runded Bold";
    color:#fff;
    font-weight: 300;
}
.theme1 #GetStartedTools_jumbo_container p {color:#fff}

.theme1 #interviewskills_container .content h3 {
    font-family: "Gotham Runded Bold";
    color:#fff;
    font-weight: 300;
}
.theme1 #interviewskills_container .content p {
    color:#fff;
    font-size: 17px;
    line-height: 19px;
    font-weight: normal;
}


.theme1 #GetStartedTools_jumbo_container .heading {
    font-family: "Gotham Runded Bold";
    color:#fff;
    font-weight: 300;
}
.theme1 #GetStartedTools_jumbo_container .text1 {color: #fff;}

.theme1 #interviewskills_container {background-color:#8C4198 !important;}

.theme1 #interviewskills_container .content a.textlink,
.theme1 #interviewskills_container .content a.textlink:link,
.theme1 #interviewskills_container .content a.textlink:visited
{
    color:#fff;
    text-decoration: underline;
}

.theme1 #interviewskills_container .content a.textlink:hover,
.theme1 #interviewskills_container .content a.textlink:active,
.theme1 #interviewskills_container .content a.textlink:focus
{
    color:#2A51FE;
    text-decoration: underline;
}









#bigtop h1 {margin-top:10px;}
#bigtop p {padding-bottom: 20px;}





/* Get Started With These Tools Jumbo */ 
/*=================================================*/

#GetStartedTools_jumbo_container {
    text-align: center;
    height: 485px;
    background: #8C4198;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

#GetStartedTools_jumbo_container .container {
    text-align: center;
}

#GetStartedTools_jumbo_container h3 {
    margin-top: 40px;
}

#GetStartedTools_jumbo_container .icon {
    padding-top: 15px; padding-bottom: 24px;
}

#GetStartedTools_jumbo_container .heading {
    font-size:22px;
    font-weight:bold; 
    padding-top: 0px; 
    padding-bottom: 0px;
}

#GetStartedTools_jumbo_container .text1 {
    font-size:17px;
    line-height:19px; 
    margin-top: 5px; 
    margin-bottom: 30px;
}

.GetStartedTools_box {
    margin-bottom: 30px;
}
.small_screen_prepare4work .heading a:hover,
.small_screen_prepare4work .heading a:link:hover{
    color: #e68717;
}


/* interviewskills */
/*=================================================*/

#interviewskills_fluidcontainer {
    margin-top: 50px;
}

#interviewskills_container {
    display:table;
    overflow:hidden;
    border-radius: 5px;
    /*background:url('preu/images/prepareforwork_interviewskills_bg.png') bottom right no-repeat;*/
    margin-bottom:50px;
}

#interviewskills_container .image {
    vertical-align: top;
    display: inline-block;
    overflow: hidden;    
    float:left;
    height:100%;
}
#interviewskills_container .image img {
    height:100%;
}

#interviewskills_container .content {
    vertical-align: top;
    text-align: left;
    display: table-cell;
    padding:25px 30px;
    position:relative;
}

#interviewskills_container .content h3 {
    margin-top:0px;
    margin-bottom: 10px;
}

#interviewskills_container .content a.textlink {
    font-weight:bold;
    font-size:17px;
}





/* Extra Small */
@media(max-width:640px){
    #GetStartedTools_jumbo_container .text1 {padding: 0px;}
    #GetStartedTools_jumbo_container { height: auto; padding-bottom: 90px;}
    #interviewskills_container { display: block; height:auto; }
    #interviewskills_container .image { width:100%; display: block; float:none;}
    #interviewskills_container .image img { width:100%; height:auto;}
    #interviewskills_container .content { display: block;}
}

@media(min-width:641px) and (max-width:767px){
    #GetStartedTools_jumbo_container .text1 {padding: 0px 50px;}
    #GetStartedTools_jumbo_container { height: auto; padding-bottom: 90px;}
    #interviewskills_container { display: block; height:auto;}
    #interviewskills_container .image { /*min-height:300px;*/ width:100%; display:block;float:none;}
    #interviewskills_container .image img { width:100%; height:auto;}
    #interviewskills_container .content { display: block; }
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #GetStartedTools_jumbo_container .text1 {padding: 0px 50px;}
    #GetStartedTools_jumbo_container { height: auto; padding-bottom: 90px;}
}

/* Large */
@media(min-width:1200px){
    #GetStartedTools_jumbo_container .text1 {padding: 0px 50px;}
    #interviewskills_container { height:175px;}
    #bigtop p {padding:0px 200px 20px;}
}







/* Most Read Story  */
/*===========================================*/

.MostReadStory_container {
    /* border:1px solid; */
    padding-bottom:15px;
    display:block;
    overflow:hidden;
}

.MostReadStory_text h3 {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    color: #333333;
    margin-top:0px;
    margin-bottom:10px;
}

.MostReadStory_text p {
    margin-top:0px;
    margin-bottom:0px;
    line-height:18px;
    padding: 7px 0px;
}

.MostReadStory_img img {
    width:100%;
    height:auto;
}

.MostReadStory_box {
    background:#f7f7f7;
    border-top: 7px solid #fbb030;
    border-radius: 5px;
    display:block;
    overflow:hidden;
    margin-bottom: 20px;
}

.MostReadStory_img {
    display:inline-block;
    overflow:hidden;
    vertical-align: top;
    float:right;
}

.MostReadStory_text {
    display:inline-block;
    overflow:hidden;
    vertical-align: top;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 20px;
}

.MostReadStory_prevnextpanel {
    width: 150px;
    display: inline-block;
}

.MostReadStory_prevnextpanel .M_btn_prev {
    padding-left:0px;
    display: inline-block;
}

.MostReadStory_prevnextpanel .M_btn_next {
    margin-left:15px;
    display: inline-block;
}


.slick-dots {bottom: -30px;}

.slick-item {
    width:100%;
}

.slick-single {
    width:100%;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.slick-dots li button:before {
    font-size: 14px;
    color: #444;
}

.MostReadStory_container .slick-dots li.slick-active button:before {
  color: #000;
  opacity: 1; 
}

.theme1 .MostReadStory_container .textlink, .theme1 .MostReadStory_container a.textlink:link, .theme1 .MostReadStory_container a.textlink:visited {
    color: #333;
    font-weight: bold;
}




/* Extra Small */
@media(max-width:320px){
    .RelatedArticles_content {max-width:200px;}
    .MostReadStory_container {padding-left:15px; padding-right:15px;}
    .MostReadStory_img {padding:0px; width:100%; max-height:355px;}
    .MostReadStory_img img {width:100%;}
}

@media(min-width:321px) and (max-width:640px){
    .featuredarticle_img {width:100%;max-height:250px;}
    .featuredarticle_img img {width:100%;height:auto;}
    .featuredarticle_text {display:block; padding:20px;height: 260px}
    .featuredarticle_text .ctabtn {position:relative;}
    .RelatedArticles_content {max-width:200px;}
    .MostReadStory_container {padding-left:15px; padding-right:15px;}
    .MostReadStory_img {padding:0px; width:100%; max-height:355px;}
    .MostReadStory_img img {width:100%;}
}

@media(min-width:641px) and (max-width:767px){
    .featuredarticle_img {width:280px;height:280px;}
    .MostReadStory_container {padding-left:15px; padding-right:15px;}
    .MostReadStory_img {padding:0px; width:100%; max-height:355px;}
    .MostReadStory_img img {width:100%;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .featuredarticle_container {padding:0px;}
    .MostReadStory_container {padding-left:0px; padding-right:0px;}
    .MostReadStory_img {padding:0px; width:100%; max-height:355px;}
    .MostReadStory_img img {width:100%;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .featuredarticle_container {padding:0px;}
    .featuredarticle_img {width:280px;height:280px;}
    .RelatedArticles_content {max-width:200px;}
    .MostReadStory_container {padding-left:0px; padding-right:0px;}
    .MostReadStory_img {padding-left:0px; width:350px; height:320px;}
    .MostReadStory_img img {width:auto; height:100%;}
    .MostReadStory_text {width:610px;}
    .MostReadStory_prevnextpanel {padding-top:30px;}
}

/* Large */
@media(min-width:1200px){
    .featuredarticle_container {padding:0px;}
    .featuredarticle_img {width:350px;height:280px;}
    .RelatedArticles_content {max-width:280px;}
    .MostReadStory_container {padding-left:0px; padding-right:0px;}
    .MostReadStory_img {padding-left:0px; width:350px; max-height:280px;}
    .MostReadStory_text {width:810px;}
    .MostReadStory_prevnextpanel {padding-top:0px;}
}






.successstories_container {
    padding-bottom:50px;
}

.featuredarticle_text{
    background-color: #8C4198 !important;
}

.featuredarticles .col-md-8 h3,
.featuredarticles .col-md-4 h3{
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    color: #333333;
    font-size: 30px;
}

.theme1 .successstories_container h1 {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    color: #333333 !important;
}

.successstories_text h3 {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    color: #666666;
}

/* ILPPROD-1964 */
.theme1 .prepare_for_work_get_started #prepare_for_work_get_started_prepare_for_work_get #GetStartedTools_jumbo_container {
	height: auto;
}
/* ILPPROD-1964 */


.theme1 #jumbo_container {background-color:#939fa5;}
.theme1 #featurevideo_fluidcontainer  {background-color:transparent;}

.theme1 #jumbo_container h3 {color:#fff}
.theme1 #jumbo_container p {color:#fff}

.theme1 #featurevideo_container .content h3 {color:#fff}
.theme1 #featurevideo_container .content p {color:#fff}


.theme1 #jumbo_container .heading {color:#fff;}
.theme1 #jumbo_container .text1 {color: #fff;}

.theme1 #featurevideo_container {background-color:#9461ae;}

.theme1 #featurevideo_container .content a.textlink,
.theme1 #featurevideo_container .content a.textlink:link,
.theme1 #featurevideo_container .content a.textlink:visited
{
    color:#fff;
}

.theme1 #featurevideo_container .content a.textlink:hover,
.theme1 #featurevideo_container .content a.textlink:active,
.theme1 #featurevideo_container .content a.textlink:focus
{
    color:#f5b600;
    text-decoration: none;
}

.theme1 .ctabtn {
    background-color: #fbb030;
}


.theme1 .RelatedArticles_content a.cta, 
.theme1 .RelatedArticles_content a.cta:link, 
.theme1 .RelatedArticles_content a.cta:visited {
    color: #5aacb4;
}




#bigtop h1 {margin-top:10px;}
#bigtop p {padding-bottom: 20px;}

h2 {font-size: 30px;}



/* Get Started With These Tools Jumbo */ 
/*=================================================*/

#jumbo_container {
    text-align: center;
    height: 445px;
    background: #8C4198 !important;
}

#jumbo_container .container {
    text-align: center;
}

#jumbo_container .GetStartedTools_box {
    margin-top: 40px;
    margin-bottom: 30px;
}

#jumbo_container .icon {
    padding-top: 40px; padding-bottom: 24px;
}

#jumbo_container .heading {
    font-size:24px; 
    font-weight:bold; 
    padding-top: 0px; 
    padding-bottom: 0px;
}

#jumbo_container .text1 {
    font-size:16px; 
    line-height:19px; 
    margin-top: 5px; 
    margin-bottom: 10px;
}

#jumbo_container .ctabtn {
    width:110px;
    margin-bottom: 30px;
}
#jumbo_container .ctabtn:hover {
    color: #fff;
}



/* feature video container */
/*=================================================*/

#featurevideo_fluidcontainer {
    margin-top: -50px;
}

#featurevideo_container {
    display:block;
    overflow:hidden;
    border-radius: 5px;
    margin-bottom:50px;
}

#featurevideo_container .image {
    vertical-align: top;
    display: inline-block;
    overflow: hidden;    
    float:right;
    height:100%;
}
#featurevideo_container .image img {
    height:100%;
}

#featurevideo_container .content {
    /*background:url('preu/images/whatisresume_bg.png') bottom 30px right -27px no-repeat;*/
    vertical-align: top;
    text-align: left;
    display: table-cell;
    padding:25px 30px;
    position:relative;
}

#featurevideo_container .content h3 {
    font-size: 30px;
    margin-top:0px;
    margin-bottom: 10px;
}

#featurevideo_container .content .ctabtn {
    margin-right:10px;
    margin-bottom: 12px;
}





/* Extra Small */
@media(max-width:640px){
    #jumbo_container .text1 {padding: 0px;}
    #jumbo_container { height: auto; background-size: cover; padding-bottom: 50px;}
    #featurevideo_container { display: block; height:auto; }
    #featurevideo_container .image { width:100%; display: block; float:none;}
    #featurevideo_container .image img { width:100%; height:auto;}
    #featurevideo_container .content .ctabox {text-align: center;}
}

@media(min-width:641px) and (max-width:767px){
    #jumbo_container .text1 {padding: 0px 50px;}
    #jumbo_container { height: auto; background-size: cover; padding-bottom: 50px;}
    #featurevideo_container { display: block; height:auto;}
    #featurevideo_container .image { /*min-height:300px;*/ width:100%; display:block;float:none;}
    #featurevideo_container .image img { width:100%; height:auto;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #jumbo_container .text1 {padding: 0px 50px;}
    #jumbo_container { height: auto; background-size: cover; padding-bottom: 50px;}
}

/* Large */
@media(min-width:1200px){
    #jumbo_container .text1 {padding: 0px 50px;}
}

@media(max-width:767px){
    .resume_builder_stu_preu  #featurevideo_fluidcontainer #featurevideo_fluidcontainer #featurevideo_container .content,
    .quiz_box #featurevideo_fluidcontainer #featurevideo_container .content
    {
        display: table-cell;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    .resume_builder_stu_preu  #featurevideo_fluidcontainer #featurevideo_fluidcontainer #featurevideo_container .image {width: auto;}
    .resume_builder_stu_preu  #featurevideo_fluidcontainer #featurevideo_fluidcontainer #featurevideo_container .content .ctabox { margin-left: -15px; margin-right: -15px;}
}

/* More Guides */
/*=================================================*/

.MoreGuides_container {
    display:block;
    overflow: hidden;
    padding-bottom:50px;
}

.slick-plate-container {
    display:block;
    width:100%;
    height: auto;
    position: relative;
    margin-top:40px;
    margin-bottom: 20px;
}

.slick-plate {
    width: 80%;
    display: inline-block;
    position: relative;
    margin-left:10%;
}

.MoreGuides_prevnextpanel {
    width: 10%;
    vertical-align: middle;
    display: inline-block;
    position: absolute;
}

.panelright {
    right:0px;
    text-align: right;
    position:absolute;
}


.RelatedArticles_box {
    width: 24%;
    display: inline-block;
    margin-right: 5px;
    border-bottom: 0px;
    /* border:1px solid;*/
}

.RelatedArticles_icon {
    display: inline-block;
    width:60px;
}

.RelatedArticles_content {
    display: inline-block;
    /*width: 58%;*/
}



.slick-dots {bottom: -20px;}

.slick-item {
    width:100%;
}

.slick-single {
    width:100%;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.slick-dots li button:before {
    font-size: 14px;
    color: #444;
}

.slick-dots li.slick-active button:before {
  color: #5aacb4;
  opacity: 1; 
}



/* Extra Small */
@media(max-width:480px){
    .RelatedArticles_box {width: 100%; margin-right: 0px;}
    .RelatedArticles_content {display: inline-block; width: 60%; margin-top: 0px;}
    .slick-plate {margin-left: 0px; width:100%;}
}

@media(min-width:481px) and (max-width:767px){
    .RelatedArticles_box {width: 46%; margin-right: 10px;}
    .RelatedArticles_content {display: inline-block; width: 60%; margin-top: 5px;}
    .slick-plate {margin-left: 0px; width:100%;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .RelatedArticles_box {width: 24%; margin-right: 3px;}
    .RelatedArticles_content {display: block; width: 100%; margin-top: 5px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
}

/* Large */
@media(min-width:1200px){
}





.theme1 #ResumeChrono_top_container {background-color:#94a0a7;}
.theme1 #ResumeChrono_top_container h3 {color:#fff;}
.theme1 #ResumeChrono_top_container .heading1 {color:#fff;}
.theme1 #ResumeChrono_top_container p {color:#fff;}

.theme1 #ResumeChrono_mainwrap #GettingStarted_container h2 {font-size:30px; font-weight:bold; color:#94a0a7; }

.theme1 #slider-table-content .active .ctatext a,
.theme1 #slider-table-content .active .ctatext a:link,
.theme1 #slider-table-content .active .ctatext a:visited,
.theme1 #slider-table-content .active .ctatext a:hover,
.theme1 #slider-table-content .active .ctatext a:focus,
.theme1 #slider-table-content .active .ctatext a:active
{
    color:#2A51FE;
    text-decoration: none;
}

.theme1 #slider-table-content .ctatext a,
.theme1 #slider-table-content .ctatext a:link,
.theme1 #slider-table-content .ctatext a:visited,
.theme1 #slider-table-content .ctatext a:hover,
.theme1 #slider-table-content .ctatext a:focus,
.theme1 #slider-table-content .ctatext a:active
{
    color:#333333;
    text-decoration: none;
}

.theme1 #ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row {background:#fff; color:#606060;}
.theme1 #ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row.active .content {font-weight:bold; color:#333;}
.theme1 #ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row.inactive {background:#f7f7f7; color:#999;}
.theme1 #ResumeChrono_mainwrap #GettingStarted_container .icon-item .icon-text {color:#999;}
.theme1 #ResumeChrono_mainwrap #GettingStarted_container .section_box h4 {font-size:30px; font-weight:normal; color: #5aacb4;}
.theme1 #ResumeChrono_mainwrap #GettingStarted_container .section_box ul {font-size:19px; line-height: 24px;}
.theme1 #ResumeChrono_mainwrap #GettingStarted_container .section_box ul li {color:#918b7b;}
.theme1 #ResumeChrono_mainwrap #GettingStarted_container .section_box ul li.active {color:#333; font-weight: bold;}
.theme1 #ResumeChrono_mainwrap #GettingStarted_container .section_box ul.submenu {font-size:16px; line-height: 19px;}
.theme1 #ResumeChrono_mainwrap #GettingStarted_container .section_box ul.submenu li{color:#918b7b;}
.theme1 #ResumeChrono_mainwrap #GettingStarted_container .section_box ul.submenu li.active {color:#5aacb4; font-weight: bold;}
.theme1 #ResumeChrono_mainwrap #GettingStarted_container .section_box ul.submenu li.active:before {color:#5aacb4;}
.theme1 #ResumeChrono_mainwrap #GettingStarted_container .section_box .progression {font-size:60px; color:#5aacb4;}

.theme1 #ResumeChrono_mainwrap #GettingStarted_container .progressbar .progression {background:#ffbd00;}
.theme1 #ResumeChrono_mainwrap #GettingStarted_container .progressbar .progression-cursor:after {background:#ffbd00;}







/* Top banner  */ 
/*=================================================*/

#ResumeChrono_mainwrap {
    text-align: center;
    padding:20px 80px 20px 80px;
}

#ResumeChrono_top_container {
    text-align: center;
    background-color: #8C4198;
    background-repeat:no-repeat;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding:20px 180px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}

#ResumeChrono_top_container .icon {padding: 2px; width:46px;}
#ResumeChrono_top_container h3 {padding:0px; margin-top:14px; margin-bottom:6px;}
#ResumeChrono_top_container .heading1 {
  font-size: 38px;
  font-weight: bold;
  padding-top: 0px; 
  padding-bottom: 5px; 
  margin-top:0px;
}

#ResumeChrono_top_container .heading1 span {
  border-bottom:1px dashed #fff;
}


#ResumeChrono_top_container .heading1 img {
  margin-right:-38px;
  padding-top:10px;
}

#ResumeChrono_top_container p {margin-top: 15px; margin-bottom: 19px;}


/* Extra Small */
@media(max-width:480px){
    #ResumeChrono_mainwrap {padding:0 15px 20px 15px;}
    #ResumeChrono_top_container {padding:20px 10px;}
}

@media(min-width:481px) and (max-width:767px){
    #ResumeChrono_mainwrap {padding:0 15px 20px 15px;}
    #ResumeChrono_top_container {padding:20px 30px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #ResumeChrono_mainwrap {padding: 0 40px 20px 40px;}
}






/* Getting Started */
/*=================================================*/

#ResumeChrono_mainwrap #GettingStarted_container {
    background-image:url(preu/images/ResumeChrono_top_bg.jpg);
    background-size: auto;
    background-repeat: no-repeat;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
}

/* Extra Small */
@media(max-width:767px){
    #ResumeChrono_top_container {background-size: 1400px; padding-bottom: 70px;}
    #ResumeChrono_mainwrap #GettingStarted_container {background: none; margin-top: -70px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #ResumeChrono_top_container {background-size: 1400px;}
    #ResumeChrono_mainwrap #GettingStarted_container {background-size: 1400px; background-position: left top -364px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #ResumeChrono_top_container {height:274px;}
    #ResumeChrono_mainwrap #GettingStarted_container {background-position: left top -274px;}
}

/* Large */
@media(min-width:1200px){
    #ResumeChrono_top_container {height:274px;}
    #ResumeChrono_mainwrap #GettingStarted_container {background-position: left top -274px;}
}


#ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-content {display:block; border:1px solid #ccc; border-radius: 4px; margin-bottom:20px; background:#fff;}
#ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row {display:block; vertical-align: middle;}
#ResumeChrono_mainwrap #GettingStarted_container .mid-col .content {display:inline-block; vertical-align:middle; width:75%; padding:20px 0;}
#ResumeChrono_mainwrap #GettingStarted_container .mid-col .icon {display:inline-block; vertical-align: middle; width:23%; padding-left:4px;}
#ResumeChrono_mainwrap #GettingStarted_container .mid-col .icon img {display:inline-block; width:30px; margin-right:5px;}
#ResumeChrono_mainwrap #GettingStarted_container .mid-col .icon span {display:inline-block; font-size: 12px;}
#ResumeChrono_mainwrap #GettingStarted_container .mid-col .icon.drophere { margin-left:-8px;}
#ResumeChrono_mainwrap #GettingStarted_container .mid-col .icon.drophere img {width:48px; height:48px;}

#ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row {
    border-top:0px; 
    border-bottom:1px solid #ccc;
    text-align: left; 
    padding-left:40px;
    padding-right: 0px; 
    padding-bottom: 5px;
}

#ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom: 0px;
    padding-bottom: 0px;
}


#ResumeChrono_mainwrap #GettingStarted_container .mid-col .content {
    font-size:19px; 
    line-height: 21px;
}

#ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row.active {
    box-shadow: 5px 5px 5px rgba(0,0,0,0.24); 
    padding-bottom:0px;
    margin-left:-1px;
    margin-right:-1px;
    margin-bottom: 5px;
    border-radius:3px; 
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
}

#ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row:hover,
#ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row:focus,
#ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row:active
 {
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2); 
    padding-bottom:0px;
    margin-bottom: 5px;
    border-radius:3px; 
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
}

#ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row:last-child:hover,
#ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row:last-child:focus,
#ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row:last-child:active
 { margin-bottom:0px; }





#ResumeChrono_mainwrap #GettingStarted_container .icon-item {display: inline-block; vertical-align: top; margin:5px 12px;}
#ResumeChrono_mainwrap #GettingStarted_container .icon-item img {opacity: 0.5; display:block;}
#ResumeChrono_mainwrap #GettingStarted_container .icon-item.active img {opacity: 1; display:block;}

#ResumeChrono_mainwrap #GettingStarted_container .icon-item .icon-text {
    width:61px; 
    padding:10px 0; 
    font-size:14px; 
    line-height:17px; 
    vertical-align: middle;
    display: table-cell;
    height: 56px;
}

#ResumeChrono_mainwrap #GettingStarted_container .icon-item:hover .icon-text,
#ResumeChrono_mainwrap #GettingStarted_container .icon-item:active .icon-text,
#ResumeChrono_mainwrap #GettingStarted_container .icon-item:focus .icon-text 
 {color:#333;}

#ResumeChrono_mainwrap #GettingStarted_container .icon-item:hover img,
#ResumeChrono_mainwrap #GettingStarted_container .icon-item:active img,
#ResumeChrono_mainwrap #GettingStarted_container .icon-item:focus img
 {opacity: 1;}




#ResumeChrono_mainwrap #GettingStarted_container .legend p {font-size: 14px; font-style:italic; color:#666;}

#ResumeChrono_mainwrap #GettingStarted_container .mid-col .ctabox {text-align: left; margin-bottom:25px; margin-left: auto; margin-right: auto}

#ResumeChrono_mainwrap #GettingStarted_container .mid-col .ctabtn { width:210px; position: relative; margin-right:10px; margin-bottom: 0px;}
#ResumeChrono_mainwrap #GettingStarted_container .ctabtn.previous:before {
    font-family: 'Glyphicons Halflings';
    content:"\e079";
    font-size:12px;
    color:#fff;
    position:absolute;
    left:12px;
    padding-top: 0;
}

#ResumeChrono_mainwrap #GettingStarted_container .ctabtn.next:before {
    font-family: 'Glyphicons Halflings';
    content:"\e080";
    font-size:12px;
    color:#fff;
    position:absolute;
    right:12px;
    padding-top: 0;
}




#ResumeChrono_mainwrap #GettingStarted_container h2 {
  text-align:right; 
  padding-top:75px;
  padding-right:30px;

}








/* Progress bar */
/*=================================================*/

#ResumeChrono_mainwrap #GettingStarted_container .right-col {padding:0px 30px;}

#ResumeChrono_mainwrap #GettingStarted_container .progressbar_box {text-align: left;}
#ResumeChrono_mainwrap #GettingStarted_container .progressbar_box span {font-size:14px; font-weight:bold; color:#fff;}

#ResumeChrono_mainwrap #GettingStarted_container .progressbar {
    width:100%;
    height:26px;
    display: block;
    text-align: left;
    margin-top: 5px;
    position: relative;
}

#ResumeChrono_mainwrap #GettingStarted_container .progressbar .progression-background {
    width:100%;
    height:26px;
    border-radius: 13px;
    display: block;
    overflow: hidden;
    background:#fff;
    position:absolute;
} 

#ResumeChrono_mainwrap #GettingStarted_container .progressbar .progression {
    height:100%;
    position: absolute;
}

#ResumeChrono_mainwrap #GettingStarted_container .progressbar .progression-cursor {
    background:transparent;
    height:100%;
    position: absolute;
}

#ResumeChrono_mainwrap #GettingStarted_container .progressbar .progression-cursor:after {
    content:'';
    width:2px;
    height:32px;
    display:block;
    top:0px;
    margin-top: -3px;
    float: right;
} 






/* questionbox */
/*=================================================*/

#ResumeChrono_mainwrap #GettingStarted_container .section_box {text-align: left; margin-left: 3px; margin-top: 45px; }

#ResumeChrono_mainwrap #GettingStarted_container .section_box ul {list-style: none; font-size:19px; line-height: 24px; margin:0; padding:0px 10px 0 10px; position: relative;}

#ResumeChrono_mainwrap #GettingStarted_container .section_box ul li {padding:4px 0;}

#ResumeChrono_mainwrap #GettingStarted_container .section_box ul.submenu {list-style: none; font-size:16px; line-height: 19px; margin:8px 0 10px 0; padding:0px 10px 0 20px;}

#ResumeChrono_mainwrap #GettingStarted_container .section_box ul.submenu li{padding:5px 0;}

#ResumeChrono_mainwrap #GettingStarted_container .section_box ul.submenu li.active:before {
    font-family: 'Glyphicons Halflings';
    content:"\e080";
    padding-top:0px;
    left: -3px;
    position: absolute;
}


#ResumeChrono_mainwrap #GettingStarted_container .section_box .progression {
    display: block;
}

#ResumeChrono_mainwrap #GettingStarted_container .section_box .progression div {
    display: inline-block;
}

#ResumeChrono_mainwrap #GettingStarted_container .section_box .progression .progression_step {
    font-weight: bold;
}



/* Slider Table Page 2 */
/*=================================================*/

#slider-table-content { 
    width:100%; 
    display:block; 
    position: relative;
    text-align: left;
    margin-bottom:15px;

}

#slider-table-content .slider-table-row{
    color:#333333;
    background-color:#f7f7f7;
    padding-top:22px;
    padding-right:31px; 
    padding-left:34px; 
    padding-bottom:23px;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #fff;
}

#slider-table-content .slider-table-row:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#slider-table-content .slider-table-row:last-child {
    padding-bottom: 18px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom:0px;
}



#slider-table-content .slider-table-row:hover, 
#slider-table-content .slider-table-row:active, 
#slider-table-content .slider-table-row:focus 
{
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
    padding-bottom: 18px;
    margin-bottom: 5px;
    margin-left:10px;
    margin-right:10px;
}


#slider-table-content .slider-table-row.active {
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2); 
    padding-bottom: 23px;
    margin-bottom: 5px;
    color:#333;
    background-color:#fff;
    margin-left:0px;
    margin-right:0px;
    border-radius:5px;
    border:1px solid #ccc;
}


#slider-table-content .content-heading {
    display:block;
    width:100%;
    margin-bottom:14px;
    position: relative;
}

#slider-table-content .content {
    font-size: 19px;
    font-weight: normal;
    display: inline-block;
    width: auto;
    padding:0px !important;
}

#slider-table-content .ctatext {
    display: inline-block;
    font-size:16px;
    font-weight: bold;
}

#slider-table-content .content-heading .ctatext {
    color:#ccc;
    margin-right: 0px;
    position: absolute;
    right:0;
    bottom:0;
}


#slider-table-content .form-box {
    border-radius:6px;
    border:1px solid #ccc;
    background:#fff;
    display:block;
    overflow: hidden;
    padding: 8px 10px;
    margin-bottom:10px;
}

#slider-table-content .slider-table-row .form-box .form-label {
    font-size:16px;
    color:#999;
    border:0;
}

#slider-table-content .slider-table-row .form-box .form-control {
    color:#999;
    font-size:16px;
    line-height: 19px;
    height: 20px;
    display: block;
    width: 100%;
    padding: 0px 0px;
    border:0;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#slider-table-content .slider-table-row.active .form-box .form-label {
    font-size:12px;
    color:#606060;
    border:0;
}

#slider-table-content .slider-table-row.active .form-box .form-control {
    color:#333;
}

#slider-table-content .slider-table-row .content-midrow {
    display:table;
    width:100%;
}

#slider-table-content .slider-table-row .content-midrow .form-box {
    margin-top:5px;
    display:table-cell;
    vertical-align: middle;
    width:auto;
}


#slider-table-content .slider-table-row .content-midrow .form-box .form-input {
    width:100%;
}

#slider-table-content .slider-table-row .addnumber_btn {
    width:50px;
    height:50px;
    display:table-cell;
    background-color:#ccc;
    text-align: center;
    border-radius: 50%;
    padding-top:11px;
    vertical-align: middle;
    float:right;
}

#slider-table-content .slider-table-row .checkbox {
    font-size:16px;
}

#slider-table-content .slider-table-row .form-box.email .form-input{
    width:90%;
    display: inline-block;
    vertical-align: middle;
}

#slider-table-content .slider-table-row .form-box.email .ctatext{
    margin-bottom: 0px;
    float:right;
}

#slider-table-content .whitemask {
    position: absolute;
    width:100%;
    height:209px;
    bottom:0;
    background:url(preu/images/ResumeChronos_mask.png) repeat-x;
    opacity: 0.7;
}




/* Extra Small */
@media(max-width:480px){
    .help_howtostart {margin-top: 80px; right: 10px;}
    #ResumeChrono_mainwrap #GettingStarted_container .right-col {padding: 0px 15px;}
    #ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row {padding-left: 10px;}
    .theme1 #ResumeChrono_mainwrap #GettingStarted_container h2 {text-align: left; padding: 30px 15px 15px 15px;}
    .mid-col {padding:0 15px;}
    #ResumeChrono_mainwrap #GettingStarted_container .mid-col .ctabox  {text-align: center;}
    #ResumeChrono_mainwrap #GettingStarted_container .section_box .ctabox {text-align: center;}
    .section_box ul {}
    .section_box ul li {text-align: left;}
    .mid-col.slider-table {padding:0 5px;}
    #slider-table-content .slider-table-row{padding-right:10px;padding-left:10px; }
    #slider-table-content .content-heading .ctatext {position: relative; display:block;}
    #slider-table-content .content-heading .ctatext.right {position: relative; display:block; float:none;}
    #ResumeChrono_mainwrap #GettingStarted_container .mid-col .content {width: 100%;}
    #ResumeChrono_mainwrap {padding:0 5px 20px 5px;;}
}

@media(min-width:481px) and (max-width:767px){
    #ResumeChrono_mainwrap #GettingStarted_container .right-col {padding: 0px 15px;}
    #ResumeChrono_mainwrap #GettingStarted_container .mid-col .table-row {padding-left: 10px;}
    .theme1 #ResumeChrono_mainwrap #GettingStarted_container h2 {text-align:left; padding: 30px 15px 15px 15px;}
    .mid-col {padding:0 15px;}
    #ResumeChrono_mainwrap #GettingStarted_container .mid-col .ctabox  {text-align: center;}
    #ResumeChrono_mainwrap #GettingStarted_container .section_box .ctabox {text-align: center;}
    .section_box ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .section_box ul li {text-align: left;}
    .mid-col.slider-table {padding:0 5px;}
    #slider-table-content .slider-table-row{padding-right:20px;padding-left:20px; }
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #ResumeChrono_mainwrap #GettingStarted_container .mid-col, #ResumeChrono_mainwrap #GettingStarted_container .right-col {display:inline-block;}
    #ResumeChrono_mainwrap #GettingStarted_container .left-col {display:block; width:60%; }
    #ResumeChrono_mainwrap #GettingStarted_container .mid-col {width:60%;  margin: 0 auto; }
    #ResumeChrono_mainwrap #GettingStarted_container .right-col {width:40%; float:right; clear:none;}
    .theme1 #ResumeChrono_mainwrap #GettingStarted_container h2 {text-align: left; padding: 0px 0px 0px 20px; margin-top: 0px; color: #fff;}
    #ResumeChrono_mainwrap #GettingStarted_container .icon-item {display: inline-block; vertical-align: top; margin:5px 3px;}
    .mid-col {padding:0 0 0 20px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #ResumeChrono_mainwrap #GettingStarted_container .left-col, #ResumeChrono_mainwrap #GettingStarted_container .mid-col, #ResumeChrono_mainwrap #GettingStarted_container .right-col {display:inline-block;}
    #ResumeChrono_mainwrap #GettingStarted_container .left-col {width:20%; float: left; }
    #ResumeChrono_mainwrap #GettingStarted_container .mid-col {width:50%;  margin: 0 auto; }
    #ResumeChrono_mainwrap #GettingStarted_container .right-col {width:30%; float:right; clear:none;}
    #ResumeChrono_mainwrap #GettingStarted_container .icon-item {display: inline-block; vertical-align: top; margin:5px 4px;}
    #ResumeChrono_mainwrap #GettingStarted_container h2 {padding-right: 5px;}
}

/* Large */
@media(min-width:1200px){
    #ResumeChrono_mainwrap #GettingStarted_container .left-col, #ResumeChrono_mainwrap #GettingStarted_container .mid-col, #ResumeChrono_mainwrap #GettingStarted_container .right-col {display:inline-block;}
    #ResumeChrono_mainwrap #GettingStarted_container .left-col {width:20%; float: left; }
    #ResumeChrono_mainwrap #GettingStarted_container .mid-col {width:50%;  margin: 0 auto; }
    #ResumeChrono_mainwrap #GettingStarted_container .right-col {width:30%; float:right; clear:none;}
}
.SchoolComparisonTitle {
    text-align: left;
    margin-top: 35px;
    margin-bottom: 25px;
}

#ComparsionList_sliderplate .filterschools {
    text-align:right;
    color:#9461ae;
    margin-bottom:21px;
    font-size:19px;
    font-weight: bold;
}

#ComparsionList_sliderplate .filterjobroles img {
    padding-left:7px;
}

#ComparsionList_sliderplate {
    display:block;
    padding-top:5px;
    text-align:center;
    margin-bottom:-2px;
}

.ComparsionList_box {
    height:148px;
    border-radius:5px;
    background-color:#ffbd00;
    display:inline-block;
    margin-right:16px;
    position:relative;
    color:#fff;
    vertical-align: top;
}

.ComparsionList_box .top-right-x {
    position:absolute;
    top:6px;
    right:12px;
    cursor: pointer;
    z-index: 9999;
}

.ComparsionList_content {
    font-size: 22px;
    font-weight: bold;
    padding-top:56px;
    text-align:center;
}

#doublelined {
    font-size: 22px;
    font-weight: bold;
    padding-top:47px;
    text-align:center;
    line-height:27px;
}

#Comparsion_First_container .ComparsionList_col {
    display:inline-block;
}

#ComparsionList_first {
    background-image:url(preu/images/JobRoleComparison_p1.jpg);
}

#ComparsionList_second {
    background-image:url(preu/images/JobRoleComparison_p2.jpg);
}

#ComparsionList_third {
    background-image:url(preu/images/JobRoleComparison_p3.jpg);
}

#ComparsionList_sliderplate .AddtoFavourite {
    margin-top:19px;
    font-size:16px;
    margin-left:-41px;
}

#ComparsionList_sliderplate .AddtoFavourite img {
    padding-right:5px;
    margin-top:-5px;
}

#ComparsionList_sliderplate #AddtoFavourite_Second {
    margin-left:-24px;
}

#ComparsionList_sliderplate #AddtoFavourite_Second img {
    padding-right:7px;
}

#ComparsionList_sliderplate #AddtoFavourite_Third {
    margin-left:-13px;
}

#ComparsionList_sliderplate #AddtoFavourite_Third img {
    padding-right:6px;
}

/* Extra Small */
@media(max-width:320px){
    .ComparsionList_col {margin-bottom:20px;}
}

@media(min-width:321px) and (max-width:640px){
    .ComparsionList_col {margin-bottom:20px; width:100%;}
    .ComparsionList_content {width:100%;}
    .ComparsionList_box {width:100%;}
}

@media(min-width:641px) and (max-width:767px){
    .ComparsionList_col {margin-bottom:20px;}
    .ComparsionList_box {width:350px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .ComparsionList_col {margin-bottom:20px;}
    .ComparsionList_box {width:350px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .ComparsionList_col {margin-bottom:20px;}
    .ComparsionList_box {width:350px;}
}

/* Large */
@media(min-width:1200px){
    .ComparsionList_box {width:350px;}
}

/* School Comparison About Us  */ 
/*=================================================*/

.SchoolComparisonAboutUs_container {
    margin-top:10px;
}

#SchoolComparisonAboutUs .SchoolComparisonAboutUs_row {
    display:block;
}

#SchoolComparisonAboutUs .SchoolComparisonAboutUs_box {
    display:inline-table;
    text-align:left;
}

#SchoolComparisonAboutUs .SchoolComparisonAboutUs_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonAboutUs {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonAboutUs .openclose_icon {
    width: 30px;
    margin-top:40px;
    display: inline-block;
    float: right;
}

#SchoolComparisonAboutUs .openclose_icon img{
    margin-top:40px;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonAboutUs .SchoolComparisonAboutUs_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonAboutUs .SchoolComparisonAboutUs_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonAboutUs .SchoolComparisonAboutUs_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonAboutUs .SchoolComparisonAboutUs_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonAboutUs .SchoolComparisonAboutUs_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonAboutUs .SchoolComparisonAboutUs_box {width:345px;margin-right:21px;}
}


/* School Comparison Address  */ 
/*=================================================*/

.SchoolComparisonAddress_container {
    margin-top:10px;
}

#SchoolComparisonAddress .SchoolComparisonAddress_row {
    display:block;
}

#SchoolComparisonAddress .SchoolComparisonAddress_box {
    display:inline-table;
    text-align:left;
}

#SchoolComparisonAddress .SchoolComparisonAddress_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonAddress {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonAddress .openclose_icon {
    width: 30px;
    margin-top:40px;
    display: inline-block;
    float: right;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonAddress .SchoolComparisonAddress_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonAddress .SchoolComparisonAddress_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonAddress .SchoolComparisonAddress_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonAddress .SchoolComparisonAddress_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonAddress .SchoolComparisonAddress_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonAddress .SchoolComparisonAddress_box {width:345px;margin-right:21px;}
}

/* School Comparison Institution Type  */ 
/*=================================================*/

.SchoolComparisonInstitutionType_container {
    margin-top:10px;
}

#SchoolComparisonInstitutionType .SchoolComparisonInstitutionType_row {
    display:block;
}

#SchoolComparisonInstitutionType .SchoolComparisonInstitutionType_box {
    display:inline-table;
    text-align:left;
}

#SchoolComparisonInstitutionType .SchoolComparisonInstitutionType_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonInstitutionType {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonInstitutionType .openclose_icon {
    width: 30px;
    margin-top:40px;
    display: inline-block;
    float: right;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonInstitutionType .SchoolComparisonInstitutionType_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonInstitutionType .SchoolComparisonInstitutionType_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonInstitutionType .SchoolComparisonInstitutionType_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonInstitutionType .SchoolComparisonInstitutionType_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonInstitutionType .SchoolComparisonInstitutionType_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonInstitutionType .SchoolComparisonInstitutionType_box {width:345px;margin-right:21px;}
}


/* SchoolComparisonQualification  */ 
/*=================================================*/

.SchoolComparisonQualification_container {
    margin-top:-7px;
}

#SchoolComparisonQualification .openclose_icon {
    width: 30px;
    margin-top:40px;
    display: inline-block;
    float: right;
}

#SchoolComparisonQualification .SchoolComparisonQualification_row {
    display:block;
}

#SchoolComparisonQualification .SchoolComparisonQualification_box {
    display:inline-table;
    padding-left:5px;
    padding-top:4px;
    text-align:left;
}

#SchoolComparisonQualification .SchoolComparisonQualification_box p {
    font-size:19px;
    font-weight: bold;
    color:#5aacb4;
    margin-bottom:-2px;
}

#SchoolComparisonQualification .SchoolComparisonQualification_box img {
    padding-right:12px;
    margin-top:-2px;
}

#SchoolComparisonQualification {
    border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:41px;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonQualification .SchoolComparisonQualification_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonQualification .SchoolComparisonQualification_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonQualification .SchoolComparisonQualification_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonQualification .SchoolComparisonQualification_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonQualification .SchoolComparisonQualification_box {width:306px;margin-right:0px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonQualification .SchoolComparisonQualification_box {width:345px;margin-right:21px;}
    /*#SchoolComparisonQualification #SchoolComparisonQualificationbox2 {margin-right:65px;}*/
}

/* School Comparison Website  */ 
/*=================================================*/

.SchoolComparisonWebsite_container {
    margin-top:10px;
}

#SchoolComparisonWebsite .SchoolComparisonWebsite_row {
    display:block;
}

#SchoolComparisonWebsite .SchoolComparisonWebsite_box {
    display:inline-table;
    text-align:left;
}

#SchoolComparisonWebsite .SchoolComparisonWebsite_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonWebsite {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonWebsite .openclose_icon {
    width: 30px;
    margin-top:40px;
    display: inline-block;
    float: right;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonWebsite .SchoolComparisonWebsite_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonWebsite .SchoolComparisonWebsite_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonWebsite .SchoolComparisonWebsite_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonWebsite .SchoolComparisonWebsite_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonWebsite .SchoolComparisonWebsite_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonWebsite .SchoolComparisonWebsite_box {width:345px;margin-right:21px;}
}

/* School Comparison Information Site  */ 
/*=================================================*/

.SchoolComparisonInformationSite_container {
    margin-top:10px;
}

#SchoolComparisonInformationSite .SchoolComparisonInformationSite_row {
    display:block;
}

#SchoolComparisonInformationSite .SchoolComparisonInformationSite_box {
    display:inline-table;
    text-align:left;
}

#SchoolComparisonInformationSite .SchoolComparisonInformationSite_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonInformationSite {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonInformationSite .openclose_icon {
    width: 30px;
    margin-top:40px;
    display: inline-block;
    float: right;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonInformationSite .SchoolComparisonInformationSite_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonInformationSite .SchoolComparisonInformationSite_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonInformationSite .SchoolComparisonInformationSite_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonInformationSite .SchoolComparisonInformationSite_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonInformationSite .SchoolComparisonInformationSite_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonInformationSite .SchoolComparisonInformationSite_box {width:345px;margin-right:21px;}
}

/* School Comparison Admission Exercises  */ 
/*=================================================*/

.SchoolComparisonAdmissionExcercise_container {
    margin-top:10px;
}

#SchoolComparisonAdmissionExcercise .SchoolComparisonAdmissionExcercise_row {
    display:block;
}

#SchoolComparisonAdmissionExcercise .SchoolComparisonAdmissionExcercise_box {
    display:inline-table;
    text-align:left;
}

#SchoolComparisonAdmissionExcercise .SchoolComparisonAdmissionExcercise_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonAdmissionExcercise {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonAdmissionExcercise .openclose_icon {
    width: 30px;
    margin-top:40px;
    display: inline-block;
    float: right;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonAdmissionExcercise .SchoolComparisonAdmissionExcercise_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonAdmissionExcercise .SchoolComparisonAdmissionExcercise_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonAdmissionExcercise .SchoolComparisonAdmissionExcercise_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonAdmissionExcercise .SchoolComparisonAdmissionExcercise_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonAdmissionExcercise .SchoolComparisonAdmissionExcercise_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonAdmissionExcercise .SchoolComparisonAdmissionExcercise_box {width:345px;margin-right:21px;}
}

/* School Comparison CCA Offered  */ 
/*=================================================*/

.SchoolComparisonCCA_container {
    margin-top:10px;
}

#SchoolComparisonCCA .SchoolComparisonCCA_row {
    display:block;
}

#SchoolComparisonCCA .SchoolComparisonCCA_ccaTitle {
    font-weight: bold;
}

#SchoolComparisonCCA .SchoolComparisonCCA_box {
    display:inline-table;
    text-align:left;
}

#SchoolComparisonCCA .SchoolComparisonCCA_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonCCA {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonCCA .openclose_icon {
    width: 30px;
    margin-top:40px;
    display: inline-block;
    float: right;
}

#SchoolComparisonCCA .openclose_icon img{
    margin-top:40px;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonCCA .SchoolComparisonCCA_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonCCA .SchoolComparisonCCA_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonCCA .SchoolComparisonCCA_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonCCA .SchoolComparisonCCA_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonCCA .SchoolComparisonCCA_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonCCA .SchoolComparisonCCA_box {width:345px;margin-right:21px;}
}

/* School Comparison Full Time Courses  */ 
/*=================================================*/

.SchoolComparisonFullTime_container {
    margin-top:10px;
}

#SchoolComparisonFullTime .SchoolComparisonFullTime_row {
    display:block;
}

#SchoolComparisonFullTime .SchoolComparisonFullTime_box {
    display:inline-table;
    text-align:left;
}

#SchoolComparisonFullTime .SchoolComparisonFullTime_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonFullTime {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonFullTime .openclose_icon {
    width: 30px;
    margin-top:40px;
    display: inline-block;
    float: right;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonFullTime .SchoolComparisonFullTime_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonFullTime .SchoolComparisonFullTime_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonFullTime .SchoolComparisonFullTime_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonFullTime .SchoolComparisonFullTime_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonFullTime .SchoolComparisonFullTime_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonFullTime .SchoolComparisonFullTime_box {width:345px;margin-right:21px;}
}

/* School Comparison Faculty  */ 
/*=================================================*/

.SchoolComparisonFaculty_container {
    margin-top:10px;
}

#SchoolComparisonFaculty .SchoolComparisonFaculty_row {
    display:block;
}

#SchoolComparisonFaculty .SchoolComparisonFaculty_box {
    display:inline-table;
    text-align:left;
}

#SchoolComparisonFaculty .SchoolComparisonFaculty_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonFaculty {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonFaculty .openclose_icon {
    width: 30px;
    margin-top:40px;
    display: inline-block;
    float: right;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonFaculty .SchoolComparisonFaculty_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonFaculty .SchoolComparisonFaculty_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonFaculty .SchoolComparisonFaculty_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonFaculty .SchoolComparisonFaculty_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonFaculty .SchoolComparisonFaculty_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonFaculty .SchoolComparisonFaculty_box {width:345px;margin-right:21px;}
}


/* Compatibility */ 
/*=================================================*/

.Compatibility_container {
    margin-top:-7px;
}

#Compatibility .openclose_icon {
    width: 30px;
    margin-top:35px;
    display: inline-block;
    float: right;
}

#Compatibility .CompatibilityRow {
    display:block;
}

#Compatibility #CompatibilityBox {
    display:inline-table;
    padding-left:5px;
    padding-top:11px;
}

#Compatibility {
    border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:49px;
}

#CompatibilityBox .chart-table-container {display:block; width:100%;}

#CompatibilityBox .chart-table-container div {
    vertical-align: middle;
    /*border:1px solid rgba(255,0,0,0.2); */
}

#CompatibilityBox .chart-row {
    display:block;
    border-bottom:2px dotted rgba(0,0,0,0.15);
    padding-top: 10px;
    padding-bottom:5px;
}

#CompatibilityBox .chart-item {
    width:30px;
    float:left;
}

#CompatibilityBox .chart-bar-box {
    width: auto;
    margin-left: 30px;
}

#CompatibilityBox .chart-bar-row {
    font-size:0;
    display:block;
    height:14px;
    vertical-align: middle;
    height:18px;
}

#CompatibilityBox .bar {
    height:13px;
    border-radius: 5px;
    display:inline-block;
    padding:0px;
    margin:0px;
}

#CompatibilityBox .chart-bar-number {
    float:right; 
    font-size:20px;
    font-weight:bold;
    line-height: 15px;
}


/* LEGEND */
.CompatibilityRow .chart-legend {
    display:block;
    margin-top: 12px;
}

.CompatibilityRow .legend-row {display:inline-block; padding:0; padding-top:26px; padding-right:25px;}

.CompatibilityRow .chart-legend .item {
    width:30px;
    display:inline-block;
    background-color: transparent;
    vertical-align: middle;
}

.CompatibilityRow .chart-legend .item .icon {
    width:18px;
    height:18px;
    display:block;
    overflow: hidden;
    border-radius: 5px;
    font-size:0;
}

.CompatibilityRow .chart-legend .text {
    display:inline-block;
    font-size:16px;
    line-height: 17px;
    vertical-align: middle;
    margin-left:-6px;
    margin-top:2px;
}

.theme1 .CompatibilityRow .chart-item {font-size:24px; font-weight:bold; color:#606060;}
.theme1 .CompatibilityRow .bar-top {background-color: #ffbd00;}
.theme1 .CompatibilityRow .bar-bottom {background-color: #812990;}
.theme1 .CompatibilityRow .chart-bar-number.top {color:#ba8a01;}
.theme1 .CompatibilityRow .chart-bar-number.bottom {color:#812990;}
.theme1 .CompatibilityRow .chart-legend .item.top .icon{background-color:#ffc319;}
.theme1 .CompatibilityRow .chart-legend .item.bottom .icon{background-color:#812990;}
.theme1 .CompatibilityRow .chart-legend .text.top {color:#865d00;}
.theme1 .CompatibilityRow .chart-legend .text.bottom {color:#812990;}

/* Extra Small */
@media(max-width:320px){
    #Compatibility #CompatibilityBox {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #Compatibility #CompatibilityBox {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #Compatibility #CompatibilityBox {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #Compatibility #CompatibilityBox {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #Compatibility #CompatibilityBox {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #Compatibility #CompatibilityBox {width:330px;margin-right:35px;}
}

/* Compare List */
/*=================================================*/

.CompareList_container {
    background: #f5f5f5;
    text-align: left;
    margin-top: 60px;
    padding-bottom: 20px;
}

.CompareList_container h3 {
    margin-top:-47px;
    padding-top:15px;
    text-align:center;
}

.CompareList_container .CompareList_title {
    width:197px;
    height:47px;
    background-color:#f7f7f7;
    margin-left:-20px;
}

#CompareList_sliderplate {
    display:block;
    padding-top:44px;
    text-align:center;
    margin-bottom:-2px;
}

.CompareList_box {
    height:103px;
    width:270px;
    border-radius:5px;
    background-color:#ffbd00;
    display:inline-block;
    margin-right:15px;
    position:relative;
    color:#fff;
    border: 2px dotted #ffbd00;
}

.AddJobRole_box {
    background-color:#fff;
    border:2px dotted #ccc;
    color:#999;
    display:inline-block;
}

.CompareList_box .top-right-x {
    position:absolute;
    top:5px;
    right:12px;
}

.CompareList_content {
    font-size: 19px;
    font-weight: bold;
    padding-top:38px;
    text-align:center;
}

.CompareList_btns {
    display:inline-block;
    width:234px;
    height:103px;
    vertical-align: middle;
    margin-left:25px;
    margin-top:10px;
}

.CompareList_container .CompareList_btns .ctabtn {
    margin-top:0px;
    margin-bottom:0px;
    width:100%;
    height:39px;
}

.CompareList_container .CompareList_btns .CompareList_clearallbtn {
    margin-top:10px;
}

.ctabtn.reverse {
    background: #fff;
    border:2px solid #5aacb4;
    padding-top:6px;
    padding-bottom:10px;
}

a.ctabtn.reverse, a.ctabtn.reverse:link, a.ctabtn.reverse:visited {
    color:#5aacb4;
    text-decoration: none;
}

a.ctabtn.reverse:hover,
a.ctabtn.reverse:focus
 {  background: #fff;
    color: #000;
    text-decoration: none;
 }



@media(max-width:991px){
    .CompareList_box { width:100%; height:50px; margin-bottom:5px;}
    .CompareList_content {padding-top:10px; } 
    .CompareList_btns {margin-left:0px; margin-top: 30px;}
}

/* Medium */
@media(min-width:991px) and (max-width:1199px){
    .CompareList_btns {margin-left:0px; margin-top: 30px;}
}

/* Large */
@media(min-width:1200px){
}
.video-js {
    width: 100% !important;
    height: auto !important;
}
.video-js:after {
    content: '.';
    display: block;
    position: relative;
    padding: 0;
    padding-top: 0%; /* set this to (height/width)*100% (eg. 56%=16:9, 75%=4:3) */
    margin: 0 0 0 -100%;
    visibility: hidden;
    height: 0;
}
.vjs-poster {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

/* Common elements */
/*================================================*/

#jumbo_container ul.action-widget {
    margin-bottom: 0;
    padding: 0;
    text-align: right;
}

#jumbo_container ul.action-widget .ctabtn {
    margin-left:15px;
    margin-bottom: 0px;
}

#jumbo_container .btn.btn-secondary.singaporeindustrylandscape {
    font-weight: bold;
    color: #996caf;
    background: #f3f3f3;
    border:2px solid #e0e0e0;
    border-radius: 8px;
    height: 44px;
    padding: 10px 25px;
}

#jumbo_container .btn.btn-secondary.singaporeindustrylandscape.dropdown-toggle {
    padding: auto 25px;
    min-width:230px;
}

.btn.btn-secondary.singaporeindustrylandscape.dropdown-toggle::before {
    font-family: 'Glyphicons Halflings';
    content:"";
    font-size: 12px;
    color: #b1b1b1;
background: url(preu/images/MyGoalsGeneral_arrowdown.png) top 8px left no-repeat;
    position: absolute;
    right: 20px;
    padding-top: 2px;
width: 20px;
height: 20px;
}

a.dropdown-item, a.dropdown-item:link, a.dropdown-item:visited {
    color: #996caf;
}

a.dropdown-item:hover, a.dropdown-item:focus {
    color: #996caf;
    background: #e0e0e0;
}
.dropdown-item {
    display: block;
    padding: 8px 15px;
    margin: 1px;
    background: #f3f3f3;
}
.dropdown-menu {
    font-size: 16px;
    border-radius: 8px;
    padding: 0px;
    margin: 0px;
    background: #e0e0e0;
    border: 2px solid #e0e0e0;
}

#jumbo_container .dropdown-menu {
    min-width: 230px;
}

.shortQuizBtn {
    border: 2px solid transparent;
    text-decoration: none;
    color: #fff !important;
    background-color: #412B87;
	outline: none;
	height: 37px !important;
    line-height: 37px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-radius: 50px;
	width: 170px;
	font-size: 17px;
    font-weight: bold;
	margin-top: 12px;
    margin-bottom: 25px;
    font-family: "Source Sans Pro Bold";
    text-decoration: none;
}

.shortQuizBtn:hover {
    border: 2px solid transparent;
    text-decoration: none;
}

.my-profile-category-sections-preu #myinterestboxv2 {
    display: none;
}

#modalUnderstanding .modal-title {
    color: #333;
    display: inline-block;
    font-size: 25px;
}

#modalUnderstanding p {
    margin: 4px 0;
    text-align: left;
    font-size: 17px;
}

#modalUnderstanding ul .li_title{
    text-align: left;
    font-size: 15px;
}

#modalUnderstanding li {
    text-align: left;
    font-size: 15px;
}

#modalUnderstanding p {
    margin: 4px 0;
    text-align: left;
    font-size: 17px;
}

#modalUnderstanding .title {
    margin: 10px 0;
    font-weight: 600;
}

.action-widget {text-align: right;}

.action-set {
	display: inline-block;
	padding-left:30px;
}

.action-set a,
.action-set a:link,
.action-set a:visited
{
	font-size:16px;
	font-weight:bold;
	color:#2A51FE;
}

.action-set a:hover,
.action-set a:active,
.action-set a:focus
{
	color:#2A51FE;
	text-decoration: none;
}

.action-set a:hover .icon,
.action-set a:active .icon,
.action-set a:focus .icon
{
	background-color:#412B87;
}


.action-widget .action-set .icon {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #412B87;
	padding-top:6px;
	text-align: center;
	display:inline-block;
}



/* landscape_container */
/*================================================*/

#landscape_container {
    position:relative;
    display:block;
    overflow:none;
    width:100%;
    height:850px;
}

#landscape_container .btn_container{
    position:absolute;
    display:block;
    margin:0 auto; left:0; right:0;
    top:240px;
    z-index:999;
    text-align: center;
}

#landscape_container .btn_container .left_btn{
	display:inline-block;
	float:left;
}

#landscape_container .btn_container .right_btn{
	display:inline-block;
	float:right;
}

#landscape_container .interactionmenu_container {
    position:absolute;
    display:block;
    margin:0 auto; left:0; right:0;
    bottom:40px;
    z-index:999;
    vertical-align: bottom;
    text-align: center;
}

#landscape_container .interactionmenu_container .a-to-z-container {
	font-size:0;
}

@media (min-width: 992px) {
	#landscape_container .interactionmenu_container .displayAlphabetInOneLine { display: inline; }
	#landscape_container .interactionmenu_container .displayAlphabetInTwoLines { display: none; }
	#landscape_container .interactionmenu_container .displayAlphabetInThreeLines { display: none; }
	#landscape_container .interactionmenu_container .displayAlphabetInFourLines { display: none; }
}

@media (min-width: 409px) and (max-width: 991px) {
	#landscape_container .interactionmenu_container .displayAlphabetInOneLine { display: none; }
	#landscape_container .interactionmenu_container .displayAlphabetInTwoLines { display: inline; }
	#landscape_container .interactionmenu_container .displayAlphabetInThreeLines { display: none; }
	#landscape_container .interactionmenu_container .displayAlphabetInFourLines { display: none; }
}

@media (min-width: 311px) and (max-width: 408px) {
	#landscape_container .interactionmenu_container .displayAlphabetInOneLine { display: none; }
	#landscape_container .interactionmenu_container .displayAlphabetInTwoLines { display: none; }
	#landscape_container .interactionmenu_container .displayAlphabetInThreeLines { display: inline; }
	#landscape_container .interactionmenu_container .displayAlphabetInFourLines { display: none; }
}

@media (max-width: 310px) {
	#landscape_container .interactionmenu_container .displayAlphabetInOneLine { display: none; }
	#landscape_container .interactionmenu_container .displayAlphabetInTwoLines { display: none; }
	#landscape_container .interactionmenu_container .displayAlphabetInThreeLines { display: none; }
	#landscape_container .interactionmenu_container .displayAlphabetInFourLines { display: inline; }
}

#landscape_container .interactionmenu_container .alphabet_link {
    font-family: "Source Sans Pro Bold";
	position: relative;
	display: inline-block;
	margin:8px;
	font-size: 22px;
	font-weight:bold;
	color:#412B87;
}

#landscape_container .interactionmenu_container .alphabet_link:hover,
#landscape_container .interactionmenu_container .alphabet_link:focus,
#landscape_container .interactionmenu_container .alphabet_link:active
 {
	color:#412B87;
	cursor: pointer;
}

#landscape_container .interactionmenu_container .alphabet_link.inactive {
	color:#cccccc;
    cursor: no-drop;
}

#landscape_container .interactionmenu_container .alphabet_link.selected {
    width:38px;
    text-align: center;
	font-size:30px;
    font-family: "Source Sans Pro Bold";
	color:#fff;
	border-radius:3px;
	background:#412B87;
	padding:0px 3px;
    z-index: 2;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.24);
    cursor: no-drop;
}

#landscape_container .interactionmenu_container .alphabet_link.selected:after {
    background: #412B87;
    content: " ";
    font-size: 12px;
    display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 100%;
    margin-top: -5px;
    left:24px;
    transform: translate(-100%,0%) rotate(45deg);
    z-index: 1;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.24); 
}




#landscape_container .interactionmenu_container .help_howtostart {
    margin-top:0;
    bottom:80px;
    display: block;
}

#landscape_container .interactionmenu_container .help_howtostart .ctabtn {
	font-size: 14px;
	height: 27px;
	width:120px;
	padding-top: 4px;
	margin-bottom: 0px;
}

#landscape_container .interactionmenu_container .help_howtostart .ctabtn.reverse {
	border:1px solid #fff;
}





#landscape_world {
    position:relative;
    display:block;
    overflow-y:hidden;
    overflow-x:scroll;
    width:100%;
    height:747px;
    z-index:99;
}

#landscape_world .cloud-layer {
    z-index: 30;
    position:absolute;
}

#landscape_world .buildings-layer {
    z-index: 20;
    position:absolute;
}

#landscape_world .base-layer {
    z-index: 10;
	position:absolute;
}

#landscape_world .cloud,
#landscape_world .building {
    position:absolute;
}


#landscape_world .building:hover {
	opacity: 0.8;
}


/* POSITIONING */

#landscape_world .cloud_1 {
	top: 153px;
	left: 2770px;
}
#landscape_world .cloud_2 {
	top: 107px;
	left: 3085px;
}
#landscape_world .cloud_3 {
	top: 277px;
	left: 3073px;
}
#landscape_world .cloud_4 {
	top: 257px;
	left: 2477px;
}
#landscape_world .cloud_5 {
	top: 228px;
	left: 3356px;
}
#landscape_world .cloud_6 {
	top: 122px;
	left: 3510px;
}

#landscape_world .cloud_7 {
	top: 205px;
	left: 3578px;
}

#landscape_world .cloud_8 {
	top: 297px;
	left: 3759px;
}

#landscape_world .cloud_9 {
	top: 196px;
	left: 3946px;
}



#landscape_world .b_1 {
    top: 292px;
    left: 135px;
}
#landscape_world .b_2 {
    top: 83px;
    left: 255px;
}
#landscape_world .b_3 {
    top: 65px;
    left: 418px;
}
#landscape_world .b_4 {
    top: 250px;
    left: 395px;
}
#landscape_world .b_4b {
    top: 143px;
    left: 590px;
}
#landscape_world .b_5 {
    top: 335px;
    left: 810px;
}
#landscape_world .b_5b {
    top: 80px;
    left: 910px;
}
#landscape_world .b_6 {
    top: 262px;
    left: 1035px;
}
#landscape_world .b_7 {
	top: 70px;
	left: 1190px;
}
#landscape_world .b_8 {
    top: 265px;
    left: 1310px;
}
#landscape_world .b_9 {
    top: 180px;
    left: 1413px;
    z-index: -1;
}
#landscape_world .b_10 {
    top: 111px;
    left: 3660px;
}
#landscape_world .b_11 {
    top: 295px;
    left: 1523px;
}
#landscape_world .b_12 {
    top: 120px;
    left: 1642px;
}
#landscape_world .b_13 {
    top: 196px;
    left: 1865px;
}
#landscape_world .b_14 {
    top: 390px;
    left: 2005px;
}
#landscape_world .b_15 {
    top: 118px;
    left: 2174px;
}
#landscape_world .b_16 {
	top: 175px;
    left: 2365px;
}
#landscape_world .b_17 {
    top: 318px;
    left: 2592px;
}
#landscape_world .b_18 {
    top: 137px;
    left: 2759px;
}
#landscape_world .b_19 {
    top: 338px;
    left: 2875px;
}
#landscape_world .b_20 {
    top: 124px;
    left: 3039px;
}
#landscape_world .b_21 {
    top: 276px;
    left: 3032px;
}
#landscape_world .b_22 {
    top: 133px;
    left: 3241px;
}
#landscape_world .b_23 {
    top: 402px;
    left: 3254px;
}
#landscape_world .b_24 {
    top: 462px;
    left: 1497px;
}
#landscape_world .b_25 {
    top: 318px;
    left: 3463px;
}
#landscape_world .b_26 {
    top: 409px;
    left: 3804px;
    z-index: 10;
}
#landscape_world .b_27 {
    top: 79px;
    left: 3839px;
    z-index: 10;
}
#landscape_world .b_28 {
    top: 214px;
    left: 3877px;
}
#landscape_world .b_29 {
    top: 455px;
    left: 4144px;
}
#landscape_world .b_30 {
    top: 127px;
    left: 4191px;
}
#landscape_world .b_31 {
    top: 69px;
    left: 4500px;
}
#landscape_world .b_32 {
    top: 405px;
    left: 4733px;
}
#landscape_world .b_33 {
    top: 210px;
    left: 4690px;
}
#landscape_world .b_34 {
    top: 298px;
    left: 4389px;
}
#landscape_world .b_36 {
    top: 306px;
    left: 4931px;
}

#landscape_world .b_37 {
    top: 440px;
    left: 1065px;
}

#landscape_world .b_38 {
    top: 365px;
    left: 1710px;
}

#landscape_world .b_39 {
    top: 370px;
    left: 2135px;
}

#landscape_world .b_40 {
    top: 117px;
    left: 4897px;
    z-index: -1;
}

@media(max-width:480px){
	.action-set {display: block; padding-left:0px; padding-top: 10px; padding-bottom: 10px;}
	.action-widget {text-align: left; padding-top: 20px;}
}

@media(min-width:481px) and (max-width:767px){
	.action-set {display: inline-block; padding-left:30px;}
	.action-widget {text-align: center; padding-top: 20px;}
}


/* Extra Small */
@media(max-width:767px){
    .page-header ul.action-widget {margin-top: 10px;}
	#jumbo_container [class*=col] { padding-left:0; padding-right:0;}
	#jumbo_container ul.action-widget {text-align: center;}
	#jumbo_container ul.action-widget .ctabtn {margin-left: 0px;}
    #jumbo_container .btn.btn-secondary.dropdown-toggle {font-size: 16px; padding:7px 20px; width:100%; height: 40px;}
	#landscape_container {height:900px;}
	#landscape_world {height:900px;}
	#landscape_container .interactionmenu_container {width:100%;}
	#landscape_container .interactionmenu_container .help_howtostart {bottom:210px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .page-header ul.action-widget {margin-top: 10px;}
    #landscape_container .interactionmenu_container {width:720px; }
	#landscape_container .interactionmenu_container .help_howtostart {bottom:130px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
	#landscape_container .interactionmenu_container {width:940px; }
}

/* Large */
@media(min-width:1200px){
	#landscape_container .interactionmenu_container {width:1140px; }
}



.theme1 #jobrole_jumbo_container {background-color:#a9aeaa;}

.theme1 #jobrole_jumbo_container h1 {
    font-family: "Gotham Runded Bold";
    color:#fff;
    font-weight: 300;
}

.theme1 #jobrole_jumbo_container p {
    color:#fff;
    font-size: 20px;
    line-height: 22px;
}

.theme1 .successstories_container h1 {color: #ffbd00;}
.theme1 .labourmarket_container h1 {color:#333;}




/* Job role Jumbo */ 
/*=================================================*/

#jobrole_jumbo_container {
    text-align: center;
    height: 410px;
    background-position: top right;
    background-repeat: no-repeat;
    margin-bottom:5px;
}

#jobrole_jumbo_container .container {
    text-align: center;
}

#jobrole_jumbo_container .icon {padding-top: 35px; padding-bottom: 16px;}
#jobrole_jumbo_container h1 {padding-top: 0px; padding-bottom: 0px;}
#jobrole_jumbo_container p {margin-top: 7px; margin-bottom: 28px;}


#jobrole_jumbo_container  .textlink, 
#jobrole_jumbo_container  a.textlink:link, 
#jobrole_jumbo_container  a.textlink:visited {
    color: #fff;
}


/* Extra Small */
@media(max-width:767px){
    #jobrole_jumbo_container {background-position: left -90px top, right -180px top;}
}





/* Extra Small */
@media(max-width:320px){
    #jobrole_jumbo_container p {padding: 0px;}
    #jobrole_jumbo_container {height: auto; padding-bottom: 30px;}
}

@media(min-width:321px) and (max-width:640px){
    #jobrole_jumbo_container p {padding: 0px;}
}

@media(min-width:641px) and (max-width:767px){
    #jobrole_jumbo_container p {padding: 10px 50px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #jobrole_jumbo_container p {padding: 10px 50px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
}

/* Large */
@media(min-width:1200px){
    #jobrole_jumbo_container p {padding: 10px 200px;}
}




#relatedarticle_container h3 {
    color:#822a90;
}

.slick-dots li button:before {
    font-size: 14px;
    color: #444;
}

.slick-dots li.slick-active button:before {
  color: #ffbd00;
  opacity: 1; 
}




/* Labour Market */
/*===========================================*/

.labourmarket_container {
    text-align: center;
    display:block;
    overflow:hidden;
}

.labourmarket_container h1 {
    margin-top:25px;
    margin-bottom:65px;
}

.labourmarket_box {
    text-align: center;
}

.labourmarket_box .heading {
    font-size: 60px;
    font-weight: bold;
    color:#5aacb4;
    letter-spacing: -1px;
    padding-top:5px;
    position: relative;
    vertical-align: top;
    padding-bottom:0px;
    margin-bottom:0px;
    white-space: nowrap;
}

.labourmarket_box .heading img {
    padding-top:18px;
    padding-left:5px;
    vertical-align: top;
}

.labourmarket_box p {
    padding:0px 10px;
    margin-top:0px;
}


.labourmarket_container .ctabtn {
    margin-top:52px;
    margin-bottom:70px;
    background-color:#ffbd00;
}

.slick-slide .featuredarticle_text h3 {
    font-family: "Source Sans Pro Bold";
    color: #fff !important;
}

.successstories_text h3 {
    font-family: Gotham Runded Bold;
    color: #333333;
    font-size: 22px;
}


@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
/* 
 * --------------------------------------------------
 * Home
 * --------------------------------------------------
 */
/* ----- Jumbotron ----- */
.jumbotron-video {
	width: 100%;
	padding: 0;
	margin-bottom: 0;
}
/* ----- Know Yourself ----- */
#know-yourself {
  background-color: #f2f2f4;
  background-image:url(preu/images/home_bg_02_left.png), url(preu/images/home_bg_02_right.png);
  background-position: left top, right top;
  background-repeat: no-repeat, no-repeat;
}
#know-yourself .content-wrap {
	padding: 90px 0 15px 0;
	background-image: -webkit-radial-gradient(circle, white, white, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	background-image: radial-gradient(circle, white, white, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	background-repeat: no-repeat;
	background-position-y: -400px;
}
#know-yourself .content-wrap p {
	line-height: 17px;
}
#know-yourself .findoutmorebtn {
	margin-top: 17px;
}
#know-yourself .intro {
	text-align: center;
}
#know-yourself .intro > h1, #know-yourself .intro > h2, #know-yourself .intro > h3, #know-yourself .intro > h4 {
	margin-top: 0;
}
#know-yourself .intro > h3 {
	font-size: 32px;
	margin-bottom: 12px;
}
#know-yourself .info-card-holder {
	margin-top: 90px;
	vertical-align: top;
	height: auto;
}
#know-yourself .info-card-holder .intro {
	margin-bottom: 25px;
}
#know-yourself .info-card-holder .info-card {
	min-height: 390px;
}
#know-yourself .info-card figcaption h5 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#know-yourself .info-card figcaption h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 3px;
	padding-bottom: 11px;
}
#know-yourself .info-card figcaption p {
	line-height: 17px;
	padding-bottom: 3px;
}
#know-yourself .info-card figcaption a.btn-sm {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0px;
}
#know-yourself .info-card figcaption a.btn-round {
	border-radius: 20px;
	padding: 3px 12px;
}

/* Extra Small */
@media(max-width:767px) {
#know-yourself .dragscroll-item-wrap {
	padding: 0;
	width: 900px !important;
}
#know-yourself .dragscroll-item-wrap .dragscroll-item {
	width: 33.33333% !important;
	padding: 0 10px;
	float: left;
}
.info-card > .statistic > .info-chart .description {
	padding-right: 10px;
}
#know-yourself {
	background-size: contain;
}
#know-yourself .container.paddingleftright0 {
	width: 100%;
}
}

/* Small */
@media(min-width:768px) and (max-width:991px) {
#know-yourself .dragscroll-item-wrap {
	padding: 0;
	width: 970px !important;
}
#know-yourself .dragscroll-item-wrap .dragscroll-item {
	width: 33.33333% !important;
	padding: 0 10px;
	float: left;
}
.info-card > .statistic > .info-chart .description {
	padding-right: 20px;
}
#know-yourself {
	background-size: contain;
}
#know-yourself .container.paddingleftright0 {
	width: 100%;
}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px) {
#know-yourself .dragscroll-item-wrap {
	padding: 0;
	width: 970px !important;
}
#know-yourself .dragscroll-item-wrap .dragscroll-item {
	width: 33.33333% !important;
	padding: 0 10px;
	float: left;
}
.info-card > .statistic > .info-chart .description {
	padding-right: 20px;
}
}

/* Large */
@media(min-width:1200px) {
#know-yourself .dragscroll-item-wrap .dragscroll-item {
	width: 390px !important;
	padding: 0 15px;
}
}
/* ----- Education Guide ----- */
#edu-guide {
	padding: 50px 0 45px 0;
}
#edu-guide .edu-intro {
	text-align: center;
}
#edu-guide .edu-intro h2 {
	margin: 0 0 7px 0;
}
#edu-guide .edu-intro p {
	line-height: 17px;
}
#edu-guide .edu-cards {
	margin-top: 46px;
}
#edu-guide .edu-cards .card-item {
	display: inline-block;
	min-width: 240px;
	width: 33.333%;
	padding: 0 20px;
	text-align: center;
	vertical-align: top;
	float: left;
	border: 0px solid;
}
#edu-guide .edu-cards .card-item > figure > figcaption {
	height: 109px;
}
#edu-guide .edu-cards .card-item > figure > figcaption h4 {
	margin: 17px 0 12px 0;
}
#edu-guide .edu-cards .card-item > figure > figcaption p {
	line-height: 17px;
	margin-bottom: 20px;
}

@media (max-width: 991px) {
#edu-guide .edu-cards .card-item > figure > figcaption {
	height: 140px;
}
}

@media (max-width: 991px) {
#edu-guide .dragscroll-item {
	width: 240px !important;
	float: left;
}
}

/* Small */
@media(max-width:991px) {
#edu-guide .edu-cards .card-item > figure > figcaption {
	padding: 0 20px;
}
#edu-guide .dragscroll-item-wrap {
	width: 720px !important;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px) {
#edu-guide .edu-cards .card-item > figure > figcaption {
	padding: 0 20px;
}
}

/* Large */
@media(min-width:1200px) {
#edu-guide .edu-cards .card-item > figure > figcaption {
	padding: 0 50px;
}
#edu-guide .dragscroll-item-wrap {
	width: 1170px !important;
	padding-left: 75px;
	padding-right: 75px;
}
}
#calendarlistingdiv div {
	border: 0px solid;
}
/* ----- Calendar Events ----- */
#calendar-events {
	padding: 45px 0 50px;
	background-color: #eee;
}
#calendar-events .events-intro {
	text-align: center;
}
#calendar-events .events-intro h3 {
	margin: 0 0 10px 0;
}
#calendar-events .events-cards {
	margin-top: 30px;
}
#calendar-events .events-cards .card-item {
	min-width: 235px;
	width: 33.333%;
	padding: 0 20px;
	margin-bottom: 0;
	vertical-align: top;
	float: left;
}
#calendar-events .events-action {
	margin-top: 20px;
	text-align: center;
}

/* Small */
@media(max-width:991px) {
#calendar-events .events-cards .card-item {
	min-width: 230px;
	width: 33.333%;
	padding: 0 15px;
	margin-bottom: 0;
	vertical-align: top;
	float: left;
}
#calendar-events .events-cards {
	width: 750px !important;
	padding-left: 0px;
	padding-right: 0px;
}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px) {
#calendar-events .events-cards {
	padding-left: 50px;
	padding-right: 50px;
}
}

/* Large */
@media(min-width:1200px) {
#calendar-events .events-cards {
	padding-left: 75px;
	padding-right: 75px;
}
}
/* ----- Calendar Events ----- */
#occupation {
	padding: 60px 0;
}
#occupation .occupation-intro {
	text-align: center;
}
#occupation .occupation-intro h2 {
	font-weight: normal;
	margin: 0 0 20px 0;
}
#occupation .occupation-action {
	margin-top: 30px;
	text-align: center;
}

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
/* 
 * --------------------------------------------------
 * Home
 * --------------------------------------------------
 */
/* ----- Know Yourself ----- */
#know-yourself {
  background-color: #f2f2f4;
  background-image:url(preu/images/home_bg_02_left.png), url(preu/images/home_bg_02_right.png);
  /*background-size: cover;*/ 
  background-position: left top, right top;
  background-repeat: no-repeat, no-repeat;
  }
  @media (max-width: 991px) {
    #know-yourself {
      background-size: contain; } }
  @media (max-width: 991px) {
    #know-yourself .container .pd-lr-0 {
      width: 100%; } }
  #know-yourself .content-wrap {
    padding: 90px 0 15px 0;
    background-image: -webkit-radial-gradient(circle, white, white, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-image: radial-gradient(circle, white, white, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-repeat: no-repeat;
    background-position-y: -200px; }
    #know-yourself .content-wrap p {
      font-family: "Source Sans Pro";
      font-size: 15px;
      color: #333;
      line-height: 17px;
      min-height: 51px;
      margin-bottom: 10px;
    }
#know-yourself .content-wrap h4 {
  min-height: 62px;
}
#know-yourself .content-wrap a {
  color: #2A51FE;
}
  #know-yourself .findoutmorebtn {
    margin-top: 17px; }
  #know-yourself .intro {
    text-align: center; }
    #know-yourself .intro > h1, #know-yourself .intro > h2, #know-yourself .intro > h3, #know-yourself .intro > h4 {
      font-family: "Source Sans Pro Bold";
      color: #333333;
      margin-top: 0; }
  #know-yourself .content-wrap .container .intro > h2{
      font-family: "Gotham Runded Bold";
      color: #333333;
      font-size: 38px;
      font-weight: 300;
      width: 104%;
    }
  #know-yourself .content-wrap .container .know_yourself_box{
    padding-left: 0px;
  }
    .theme-01 #know-yourself .intro > h3 {
      font-size: 32px; }
  #know-yourself .info-card-holder {
    margin-top: 90px;
    margin-bottom: 35px;
    vertical-align: top;
    height: auto; }
    #know-yourself .info-card-holder .intro {
      margin-bottom: 25px; }
    #know-yourself .info-card-holder .info-card {
      min-height: 390px; }
      #know-yourself .info-card-holder .info-card figcaption h4 {
        margin: 0;
        padding: 3px 0 11px 0; }
      #know-yourself .info-card-holder .info-card figcaption p {
        line-height: 17px;
        padding-bottom: 3px; }
      .theme-01 #know-yourself .info-card-holder .info-card figcaption a.btn-sm {
        font-size: 14px;
        font-weight: normal; }
      #know-yourself .info-card-holder .info-card figcaption a.btn-round {
        border-radius: 20px;
        padding: 3px 12px; }
      @media (max-width: 991px) {
        #know-yourself .info-card-holder .info-card .statistic > .info-chart .description {
          padding-right: 10px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #know-yourself .info-card-holder .info-card .statistic > .info-chart .description {
          padding-right: 20px; } }
  @media (max-width: 991px) {
    #know-yourself .dragscroll-item-wrap {
      padding: 0;
      width: 900px !important; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #know-yourself .dragscroll-item-wrap {
      padding: 0;
      width: 970px !important; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #know-yourself .dragscroll-item-wrap {
      padding: 0;
      width: 970px !important; } }
  @media (max-width: 991px) {
    #know-yourself .dragscroll-item-wrap .dragscroll-item {
      width: 33.33333% !important;
      padding: 0 10px;
      float: left; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #know-yourself .dragscroll-item-wrap .dragscroll-item {
      width: 33.33333% !important;
      padding: 0 10px;
      float: left; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    #know-yourself .dragscroll-item-wrap .dragscroll-item {
      width: 33.33333% !important;
      padding: 0 10px;
      float: left; } }
  @media (min-width: 1200px) {
    #know-yourself .dragscroll-item-wrap .dragscroll-item {
      width: 390px !important;
      padding: 0 15px; } }

/* ----- Education Guide ----- */
#edu-guide {
  padding: 50px 0 45px 0; }
  #edu-guide .edu-intro {
    text-align: center; }
    #edu-guide .edu-intro h2 {
      margin: 0 0 7px 0; }
    #edu-guide .edu-intro p {
      font-family: "Source Sans Pro";
      font-size: 15px;
      color: #333;
      line-height: 17px; }
  #edu-guide .edu-cards {
    margin-top: 46px; }
    #edu-guide .edu-cards .card-item {
      display: inline-block;
      min-width: 240px;
      width: 33.333%;
      padding: 0 20px;
      text-align: center;
      vertical-align: top;
      float: left;
      border: 0px solid; }
      #edu-guide .edu-cards .card-item > figure > figcaption {
        height: 109px; }
        #edu-guide .edu-cards .card-item > figure > figcaption h4 {
          margin: 17px 0 12px 0; }
        #edu-guide .edu-cards .card-item > figure > figcaption p {
          line-height: 17px;
          margin-bottom: 20px; }
        @media (max-width: 991px) {
          #edu-guide .edu-cards .card-item > figure > figcaption {
            padding: 0 20px;
            height: 140px; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          #edu-guide .edu-cards .card-item > figure > figcaption {
            padding: 0 20px; } }
        @media (min-width: 1200px) {
          #edu-guide .edu-cards .card-item > figure > figcaption {
            padding: 0 50px; } }
  @media (max-width: 991px) {
    #edu-guide .dragscroll-item-wrap {
      width: 720px !important;
      padding-left: 0px;
      padding-right: 0px; } }
  @media (min-width: 1200px) {
    #edu-guide .dragscroll-item-wrap {
      width: 1170px !important;
      padding-left: 75px;
      padding-right: 75px; } }
  @media (max-width: 991px) {
    #edu-guide .dragscroll-item-wrap .dragscroll-item {
      width: 240px !important;
      float: left; } }

/* ----- Calendar Events ----- */
#calendarlistingdiv div {
  border: 0px solid; }

#calendar-events {
  padding: 45px 0 50px; }
  .theme-01 #calendar-events {
    background-color: #eeeeee; }
  #calendar-events .events-intro {
    text-align: center; }
    #calendar-events .events-intro h3 {
      margin: 0 0 10px 0; }
  #calendar-events .events-cards {
    margin-top: 30px; }
    @media (max-width: 991px) {
      #calendar-events .events-cards {
        width: 750px !important;
        padding-left: 0px;
        padding-right: 0px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #calendar-events .events-cards {
        padding-left: 50px;
        padding-right: 50px; } }
    @media (min-width: 1200px) {
      #calendar-events .events-cards {
        padding-left: 75px;
        padding-right: 75px; } }
    #calendar-events .events-cards .card-item {
      min-width: 235px;
      width: 33.333%;
      padding: 0 20px;
      margin-bottom: 0;
      vertical-align: top;
      float: left; }
      @media (max-width: 991px) {
        #calendar-events .events-cards .card-item {
          min-width: 230px;
          width: 33.333%;
          padding: 0 15px;
          margin-bottom: 0;
          vertical-align: top;
          float: left; } }
  #calendar-events .events-action {
    margin-top: 20px;
    text-align: center; }

/* ----- Calendar Events ----- */
#occupation {
  padding: 60px 0; }
  #occupation .occupation-intro {
    text-align: center; }
    #occupation .occupation-intro h2 {
      font-family: "Gotham Runded Bold";
      font-weight: 300;
      margin: 0 0 20px 0; }
  #occupation .occupation-action {
    margin-top: 30px;
    text-align: center; }

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
/* 
 * --------------------------------------------------
 * My Portfolio
 * --------------------------------------------------
 */
/* ----- My Favourite ----- */
#myfavourites {
  margin-top: 10px;
  padding: 50px 0;
  background-size: cover;
  text-align: center; }
  #myfavourites h2 {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 38px;
    color:#fff;}
  #myfavourites h4 {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    margin: 20px 0 35px 0;
    font-size: 22px;
    color: #fff; }
  #myfavourites .fav-wrap {
    margin-bottom: 25px;
    overflow-x: hidden;
    overflow-y: hidden; }
    @media (min-width: 1200px) {
      #myfavourites .fav-wrap {
        height: 211px;
        padding: 0 40px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      #myfavourites .fav-wrap {
        height: 231px;
        padding: 0; } }
    @media (max-width: 991px) {
      #myfavourites .fav-wrap {
        height: 317px;
        padding: 0; } }
    #myfavourites .fav-wrap .fav-divider {
      padding: 0 24px; }
      @media (min-width: 992px) {
        #myfavourites .fav-wrap .fav-divider {
          border-right: 1px solid #dbc9de; }
          #myfavourites .fav-wrap .fav-divider:nth-child(3),
          #myfavourites .fav-wrap .fav-divider:nth-child(6),
          #myfavourites .fav-wrap .fav-divider:nth-child(9),
          #myfavourites .fav-wrap .fav-divider:nth-child(12) {
            border-right: none; } }
      @media (min-width: 768px) and (max-width: 991px) {
        #myfavourites .fav-wrap .fav-divider {
          border-right: 1px solid #dbc9de; }
          #myfavourites .fav-wrap .fav-divider:nth-child(2),
          #myfavourites .fav-wrap .fav-divider:nth-child(4),
          #myfavourites .fav-wrap .fav-divider:nth-child(6),
          #myfavourites .fav-wrap .fav-divider:nth-child(8),
          #myfavourites .fav-wrap .fav-divider:nth-child(10),
          #myfavourites .fav-wrap .fav-divider:nth-child(12) {
            border-right: none; } }
    #myfavourites .fav-wrap .fav-item {
      display: block;
      text-align: left;
      padding: 25px 15px;
      border-bottom: 1px solid #dbc9de; }
      @media (min-width: 1200px) {
        #myfavourites .fav-wrap .fav-item {
          height: 125px; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        #myfavourites .fav-wrap .fav-item {
          height: 125px; } }
      @media (max-width: 991px) {
        #myfavourites .fav-wrap .fav-item {
          height: 125px; } }
      @media (max-width: 767px) {
        #myfavourites .fav-wrap .fav-item{
          border-right: 1px solid #dbc9de;
          border-bottom: 0px;
          padding-top: 10px;
          height: 90px;
          overflow-y: hidden;
          min-width: 270px;
        }
        .theme1 .my_eportfolio_page a, .theme1 .my_eportfolio_page a:link, .theme1 .my_eportfolio_page a:visited{font-size: 14px}
      }
      #myfavourites .fav-wrap .fav-item > .fav-img {
        display: inline-block;
        margin-right: 15px;
        vertical-align: middle;
        float: left;
        min-width: 74px;
      }
      #myfavourites .fav-wrap .fav-item > .fav-description {
        vertical-align: middle; }
        #myfavourites .fav-wrap .fav-item > .fav-description small {
          display: block;
          font-size: 15px;
          font-family: "Source Sans Pro";
          font-weight: normal;
          margin-bottom: 5px; 
          color:#fff;}
        #myfavourites .fav-wrap .fav-item > .fav-description span {
          display: table; }
          #myfavourites .fav-wrap .fav-item > .fav-description span > .fav-icon {
            display: table-cell;
            margin-right: 10px;
            float: left; }
          #myfavourites .fav-wrap .fav-item > .fav-description span > h5 {
            display: table-cell;
            margin: 0;
            font-size: 16px;
            font-weight: bold;
            line-height: 20px;
            vertical-align: middle; 
            color:#fff;}

/* ----- My Resume ----- */
#myresume .resume-wrap {
  padding: 0; }
  @media (min-width: 1200px) {
    #myresume .resume-wrap {
      padding: 0 40px; } }
  #myresume .resume-wrap > .col-padding {
    padding-left: 30px;
    padding-right: 30px; }
  @media(max-width: 767px){
    #myresume .resume-wrap > .col-padding {
      min-width: 300px;
    }
    .myresume_container{
      overflow-x: scroll;
      overflow-y: hidden;
    }
    #myresume .resume-wrap{
      display: inline-flex;
    }
  }
  #myresume .resume-wrap .resume {
    margin: 30px 0 40px; }
    #myresume .resume-wrap .resume > .icon-header {
      text-align: center; }
      #myresume .resume-wrap .resume > .icon-header h4 {
        font-family: "Gotham Runded Bold";
        font-weight: 300;
        margin: 15px 0 0 0;
        font-size: 30px;
        color: #333333; }
      @media (max-width: 991px) {
        #myresume .resume-wrap .resume > .icon-header img {
          display: inline-block;
          width: auto;
          height: 50px;
          margin-right: 10px;
          vertical-align: middle; }
        #myresume .resume-wrap .resume > .icon-header h4 {
          display: inline-block;
          margin: 0;
          font-size: 24px;
          line-height: 50px;
          color: #fbb02f;
          vertical-align: middle; } }
    #myresume .resume-wrap .resume > .resume-list {
      list-style-type: none;
      padding: 0;
      margin: 10px 0 20px 0; }
      #myresume .resume-wrap .resume > .resume-list > li {
        padding: 20px 0;
        border-bottom: 1px solid #d9bedd; }
        #myresume .resume-wrap .resume > .resume-list > li:last-child {
          border-bottom: none; }
  #myresume .resume-wrap .resume-item {
    display: table; }
    #myresume .resume-wrap .resume-item > .file-icon {
      display: table-cell;
      padding-right: 30px;
      vertical-align: top; }
    #myresume .resume-wrap .resume-item > .file-details {
      display: table-cell;
      vertical-align: top; }
      #myresume .resume-wrap .resume-item > .file-details > h5 {
        font-family: "Source Sans Pro Bold";
        font-size: 15px;
        color: #333333;
        margin: 0 0 5px 0; }
      #myresume .resume-wrap .resume-item > .file-details > small {
        font-size: 14px;
        line-height: 14px;
        color: #666666; }

		#myresume .resume-wrap .resume-item>.file-details>.filename {
			font-family: "Source Sans Pro Bold";
			font-size: 15px;
			color: #333333;
			margin: 0 0 5px 0;
			word-wrap: break-word;
			word-break: break-word;
		}

#myresume .resume-wrap .resume-item > .file-details > small > span {
          padding-right: 8px;
          margin-right: 5px;
          border-right: 1px solid #666666;
          color: #5aacb4; }

/* ----- Goals & Reflections ----- */
#goals-reflections h2.title {
  font-family: "Gotham Runded Bold";
  font-weight: 300;
  color: #333;
  margin: 40px 0 30px;
  text-align: center; }

@media (min-width: 1200px) {
  #goals-reflections .row-padding {
    padding-left: 30px;
    padding-right: 30px; } }

#goals-reflections .col-padding {
  padding-left: 10px;
  padding-right: 10px; }

/* ----- Goals ----- */
#goals {
  display: block;
  background-color: #ebebeb;
  border-radius: 3px;
  padding: 27px 20px 20px; }
  @media (max-width: 991px) {
    #goals {
      margin-bottom: 20px; } }
  #goals > h4 {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 22px;
    color: #333 !important;
    margin: 0 0 12px 0;
    padding: 0; }
  #goals > .info-card {
    margin-bottom: 20px; }
  #goals .scroll-panel {
    padding: 25px; }
    #goals .scroll-panel > .scroll-panel-body {
      height: 222px; }

/* ----- Reflections ----- */
#reflections {
  display: block;
  background-color: #fff;
  border-radius: 3px;
  padding: 21px 30px 20px; }
  #reflections > h4 {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    color: #333 !important;
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 22px;
    text-align: center; }
  #reflections .panel-body > .scroll-panel {
    padding: 0; }

#reflection-tabs-content {
  margin: 25px 0 20px 0; }
  #reflection-tabs-content .scroll-panel {
    padding: 0; }
    #reflection-tabs-content .scroll-panel > .scroll-panel-body {
      height: 175px; }

/* ----- My Testimonial ----- */
#mytestimonial {
  padding: 50px 0;
  background-color: #fff;
  text-align: center; }
  #mytestimonial h4 {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    margin: 0 0 30px 0;
    font-size: 30px;
    color: #333333; }
  #mytestimonial .testimonial-wrap {
    padding: 0; }
    @media (min-width: 1200px) {
      #mytestimonial .testimonial-wrap {
        padding: 0 60px; } }
    #mytestimonial .testimonial-wrap .testimonial {
      padding-top: 35px;}
      #mytestimonial .testimonial-wrap .testimonial > h5 {
        font-size: 20px;
        line-height: 26px;
        font-weight: normal; }
      #mytestimonial .testimonial-wrap .testimonial > h6 {
        font-size: 14px;
        font-weight: bold;
        margin: 20px 0 3px 0; }
      #mytestimonial .testimonial-wrap .testimonial > small {
        font-size: 13px; }
      #mytestimonial .testimonial-wrap .testimonial > p {
        font-size: 14px;
        margin-top: 10px; }
      @media (max-width: 991px) {
        #mytestimonial .testimonial-wrap .testimonial {
          margin-bottom: 30px; } }

/* ----- My Portfolio ----- */
#myportfolio {
  text-align: center;
  background-color: #e6e6e6; }
  @media (min-width: 992px) {
    #myportfolio {
      padding-right: 30px; } }
  #myportfolio > h2 {
    font-size: 30px;
    margin: 0 0 15px 0;
    color: #5aacb4; }
  #myportfolio .profile > .profile-photo {
    display: inline-block; }
    #myportfolio .profile > .profile-photo > img {
      border-radius: 50%; }
  #myportfolio .profile > .profile-name > h3 {
    font-size: 24px;
    margin: 10px 0 15px 0;
    color: #5aacb4; }
  #myportfolio .profile > .profile-details {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    #myportfolio .profile > .profile-details > li {
      padding: 8px 0;
      border-bottom: 1px solid #deeef0; }
      #myportfolio .profile > .profile-details > li:last-child {
        border-bottom: none; }
      #myportfolio .profile > .profile-details > li > small {
        font-size: 14px;
        color: #666666; }
      #myportfolio .profile > .profile-details > li > h5 {
        margin: 0;
        color: #666666; }
      #myportfolio .profile > .profile-details > li a {
        color: #5aacb4; }
        #myportfolio .profile > .profile-details > li a:hover,
        #myportfolio .profile > .profile-details > li a:focus {
          color: #c3670b; }

/* ----- Overview Progress ----- */
.overview-progress {
  width: 50%;
  display: inline-block;
  float: left; }
  .overview-progress > .progress-card {
    border-top: 6px solid #fbb02f;
    border-bottom: 1px solid #fbb02f;
    height: 100%; }
    .overview-progress > .progress-card.card-left {
      border-left: 1px solid #fbb02f;
      border-right: 1px solid #e6e6e6; }
    .overview-progress > .progress-card.card-right {
      border-left: 0px solid #e6e6e6;
      border-right: 1px solid #fbb02f; }
    .overview-progress > .progress-card .card-holder h4 {
      margin-top: 0; }
  .overview-progress .slick-single .slick-item {
    height: 205px;
    padding: 0 30px; }
    .overview-progress .slick-single .slick-item > h4 {
      margin-top: 0; }





/* Custom tabs */
.nav-tabs > li > a {
    text-align: center;
    display:table-cell;
    vertical-align: middle;
}


/* Extra Small */
@media(max-width:767px){
}

/* Small */
@media(min-width:768px) and (max-width:991px){
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .nav-tabs > li > a {
        padding:4px 0px;
        font-size:13px;
        line-height: 15px;
        width:80px;
        height:70px;
    }
}

/* Large */
@media(min-width:1200px){
    .nav-tabs > li > a {
        padding:4px 2px;
        font-size:14px;
        line-height: 17px;
        width:92px;
        height:70px;
    }
}





.nav-tabs > li > a {
  border-right:1px solid white;
}


#reflection-tabs-content .scroll-panel-body strong {
  font-size:16px;
  font-weight:bold;
  color:#e68717;
  margin-bottom:20px;
}

#goals-reflections {padding-bottom: 50px;}

#myresume {
  background-size:auto, contain;
}

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
/* 
 * --------------------------------------------------
 * My Profile
 * --------------------------------------------------
 */
/* ----- My Vision ----- */
#myvision {
  text-align: center;
  margin-bottom: 50px; }
  #myvision h2 {
    font-family: "Gotham Runded Bold";
    margin: 0;
    padding: 0;
    font-size: 34px;
    color: #333;}
  #myvision h4 {
    margin: 24px;
    font-weight: normal; }
  #myvision .btn-icon-circle {
    padding: 5px 10px; }
    #myvision .btn-icon-circle > .photo {}
    #myvision .btn-icon-circle > .pencil {}
    @media (max-width: 767px) {
      #myvision .btn-icon-circle {
        width: 170px;
        text-align: left; } }

/* ----- My Profile ----- */
#mycategory {
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    #mycategory .dragscroll-outter {
      height: 503px; }
    #mycategory .dragscroll-inner {
      height: 520px; }
    #mycategory .dragscroll-item-wrap {
      height: 503px;
      width: 1680px; } }
  #mycategory .card-column {
    padding: 0;
    height: 468px; }
    @media (max-width: 991px) {
      #mycategory .card-column {
        display: inline-block;
        float: left;
        width: 240px;
        height: 455px; } }
    #mycategory .card-column > .yellow-box {
      border-radius: 0;
      border-left: none;
      border-right: 1px solid #e6e6e6;
      height: 100%; }
    #mycategory .card-column:nth-child(1) > .yellow-box {
      border-radius: 3px 0 0 0;
      border-left: 1px solid #fbb02f; }
    #mycategory .card-column:nth-child(3) > .yellow-box {
      border-radius: 0 3px 0 0; }
    #mycategory .card-column:nth-child(4) > .yellow-box {
      border-radius: 0 0 0 3px; }
    #mycategory .card-column:nth-child(6) > .yellow-box {
      border-radius: 0 0 3px 0; }
    @media (min-width: 768px) {
      #mycategory .card-column:nth-child(1) > .yellow-box,
      #mycategory .card-column:nth-child(4) > .yellow-box,
      #mycategory .card-column:nth-child(7) > .yellow-box,
      #mycategory .card-column:nth-child(10) > .yellow-box {
        border-left: 1px solid #fbb02f; } }
    #mycategory .card-column:nth-child(3) > .yellow-box,
    #mycategory .card-column:nth-child(6) > .yellow-box,
    #mycategory .card-column:nth-child(9) > .yellow-box,
    #mycategory .card-column:nth-child(12) > .yellow-box {
      border-right: 1px solid #fbb02f; }
    @media (max-width: 767px) {
      #mycategory .card-column:nth-child(3) > .yellow-box,
      #mycategory .card-column:nth-child(4) > .yellow-box,
      #mycategory .card-column:nth-child(6) > .yellow-box {
        border-radius: 0;
        border-left: none;
        border-right: 1px solid #e6e6e6; }
      #mycategory .card-column:first-child > .yellow-box {
        border-left: 1px solid #fbb02f;
        border-radius: 3px 0 0 3px; }
      #mycategory .card-column:last-child > .yellow-box {
        border-right: 1px solid #fbb02f;
        border-radius: 0 3px 3px 0; } }
    #mycategory .card-column.add-category > .progress-card > .card-holder {
      padding: 30px 0; }
    @media (min-width: 768px) {
      #mycategory .card-column.add-category {
        height: 120px; }
        #mycategory .card-column.add-category > .progress-card > .card-holder {
          padding: 30px 0;
          text-align: left; }
        #mycategory .card-column.add-category > .yellow-box {
          border-color: transparent; } }
  #mycategory .progress-card > .card-holder {
    text-align: center; 
    padding:25px 30px;
  }
  @media(max-width: 991px){
    #mycategory .progress-card > .card-holder {
      padding-top: 15px;
      padding-bottom:15px;
    }
  }
    #mycategory .progress-card > .card-holder > h4 {
      font-size: 22px;
      margin: 0 0 3px 0; }
    #mycategory .progress-card > .card-holder > p {
      font-size: 14px;
      line-height: 17px; }
    #mycategory .progress-card > .card-holder > p.color-purple {
      font-family: "Source Sans Pro";
      font-size: 15px;
      color: #333 !important;
    }

    #mycategory .progress-card > .card-holder > .keypoint {
      font-size:16px;
      line-height:19px;
      padding: 0;
      margin: 10px 0;
      list-style-type: none; }
      #mycategory .progress-card > .card-holder > .keypoint > li {
        font-weight: bold;
        padding: 5px 0;
        border-bottom: 1px solid #dfc9e2; }
        #mycategory .progress-card > .card-holder > .keypoint > li:first-child {
          padding-top: 0; }
        #mycategory .progress-card > .card-holder > .keypoint > li:last-child {
          padding-bottom: 0;
          border-bottom: none; }
    #mycategory .progress-card > .card-holder > .slick-single .slick-item {
      height: 254px;
      padding: 0px; }
      #mycategory .progress-card > .card-holder > .slick-single .slick-item > img {
        margin: 0 auto; }
      #mycategory .progress-card > .card-holder > .slick-single .slick-item > p {
        margin-top: 40px; 
        font-size:15px;
        font-weight:bold;}
        .slick-dots li.slick-active button::before {
            color: #fbb02f;
            opacity: 1;
        }
      .RSIwordingovericon {
        position:relative;
        text-align: center;
      }
      .RSIwordingovericon .text {
        position:absolute;
        bottom:0;
        margin:0 auto;
        left:0; right:0;
        font-family: "Gotham Runded Bold";
        font-size:46px;
        font-weight:300;
        /*letter-spacing: 0.1em;*/
        color:#5bc7d4;
        /* WebKit (Safari/Chrome) Only */
        -webkit-text-fill-color: #5bc7d4; /* Will override color (regardless of order) */
        /* -webkit-text-stroke-width: 2px; */
        -webkit-text-stroke-color: white;
        
        /* If we weren't using text-shadow, we'd set a fallback color
           and use this to set color instead
          -webkit-text-fill-color: white; */
        
        text-shadow:
          /* Simulated effect for Firefox and Opera
             and nice enhancement for WebKit */
         -1px -1px 0 #fff,  
          1px -1px 0 #fff,
         -1px  1px 0 #fff,
          1px  1px 0 #fff;
      }


  #mycategory .progress-card .btn-cta {
    width: 100%;
    position: absolute;
    bottom: 25px;
    text-align: center; }
    #mycategory .progress-card .btn-cta > .btn {
      padding: 6px 40px; }
  #mycategory .btn-icon-circle {
    padding: 5px 10px;
    font-size: 22px; }
    #mycategory .btn-icon-circle > span {
      width: 50px;
      height: 50px; }
    #mycategory .btn-icon-circle > .plus {}

/* ----- My Profile ----- */
#myprofile {
  text-align: center; }
  @media (max-width: 1199px) {
    #myprofile {
      margin-bottom: 50px; } }
  @media (min-width: 768px) and (max-width: 1199px) {
    #myprofile {
      text-align: left; } }
  @media (min-width: 992px) {
    #myprofile {
      padding-right: 30px; } }
  #myprofile h2 {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 30px;
    margin: 0 0 15px 0;
    color: #8C4198; }
  #myprofile .profile {
    text-align: center; }
    #myprofile .profile > .profile-photo {
      display: inline-block; }
      #myprofile .profile > .profile-photo > img {
        border-radius: 50%; 
        border:7px solid #8C4198;
      }
    #myprofile .profile > .profile-name > h3 {
      font-family: "Gotham Runded Bold";
      font-weight: 300;
      font-size: 22px;
      margin: 10px 0 15px 0;
      color: #333;
      text-align: center; }
    #myprofile .profile > .btn {
      padding-left: 20px;
      padding-right: 20px;
      font-size: 14px; }
  #myprofile .profile-details {
    list-style-type: none;
    padding: 0;
    margin: 0 0 30px 0; }
    #myprofile .profile-details > li {
      padding: 8px 0;
      border-bottom: 1px solid #deeef0; }
      #myprofile .profile-details > li:last-child {
        border-bottom: none; }
      #myprofile .profile-details > li > small {
        font-size: 15px;
        color: #333333;
        font-family: "Source Sans Pro"; }
      #myprofile .profile-details > li > h5 {
        font-family: "Source Sans Pro Bold";
        font-size: 17px;
        margin: 0;
        color: #333333;
       display: inline-block}
      #myprofile .profile-details > li a {
        color: #2A51FE;
        font-family: "Source Sans Pro Bold";
        font-size: 17px; }
        #myprofile .profile-details > li a:hover,
        #myprofile .profile-details > li a:focus {
          text-decoration: underline; }

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
/* 
 * --------------------------------------------------
 * Overview
 * --------------------------------------------------
 */

 main { margin-bottom:15px; }



/* To address SAFARI bug */
#knowyourself-worldwork .dragscroll-item-left,
#knowyourself, 
#mygoals-reflection .dragscroll-item-left,
#mygoal
{vertical-align:top;}

#knowyourself-worldwork .dragscroll-item-wrap,
#mygoals-reflection .dragscroll-item-wrap {background-color:#fff;}





#portfolio-favourite {
  /*.dragscroll-item-wrap {
		@media (max-width: $screen-sm-max) {
			width: 750px !important;	
		}
	}*/
  /*@media (max-width: $screen-sm-max) {
		margin-bottom: 30px;	
	}*/
  /*.dragscroll {
		@media (max-width: $screen-sm-max) {
			height: 540px;
			> .dragscroll-inner {
				height: 560px;
			}
		}
	}*/ }



/* ----- Portfolio ----- */
#portfolio {
  /*@media (max-width: $screen-sm-max) {
		width: 50%;
		min-width: 360px;
		float: left;
	}*/
  /*&.dragscroll-item {
		/*@media (max-width: $screen-sm-max) {
			width: 235px !important;
			float: left;
		}
	}*/ }
  #portfolio > .info-card {
    padding: 30px;
    background-color: #5aacb4;
    height: 527px; }
    #portfolio > .info-card > .card-holder {
      text-align: center; }
      #portfolio > .info-card > .card-holder > h2 {
        font-size: 30px;
        margin: 0;
        color: white; }
  #portfolio .chart-wrap {
    position: relative;
    display: block;
    height: 150px;
    width: 150px;
    margin: 30px auto 23px; }
    #portfolio .chart-wrap .chart {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d; }
    #portfolio .chart-wrap .chart-text {
      width: 150px;
      z-index: 10;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      #portfolio .chart-wrap .chart-text h2 {
        font-size: 50px;
        line-height: 40px;
        letter-spacing: -3px;
        margin: 0;
        color: #fff; }
        #portfolio .chart-wrap .chart-text h2 sup {
          font-size: 14px;
          top: -25px; }
      #portfolio .chart-wrap .chart-text h6 {
        font-size: 12px;
        font-weight:bold;
        margin: 0;
        color: #fff; }
  #portfolio .checkbox-list {
    font-size:16px;
    text-align: center;
    margin: 0;
    padding: 0; }
    #portfolio .checkbox-list ul {
      display: inline-block;
      list-style: none;
      padding-left: 10px;
      text-align: left; }
      #portfolio .checkbox-list ul li {
        margin-bottom: 4px; }
        #portfolio .checkbox-list ul li:last-child {
          margin-bottom: 0; }
  #portfolio.col-padding {
    padding: 0; }


#portfolio .btn {margin-top:20px;}





/* ----- Overview Progress ----- */
.overview-progress {
  width: 50%;
  display: inline-block;
  float: left; }
  .overview-progress > .progress-card {
    border-top: 6px solid #fbb02f;
    border-bottom: 1px solid #fbb02f;
    height: 100%; }
    .overview-progress > .progress-card.card-left {
      border-left: 0px solid #fbb02f;
      border-right: 1px solid #e6e6e6; }
    .overview-progress > .progress-card.card-right {
      border-left: 0px solid #e6e6e6;
      border-right: 1px solid #fbb02f; }
  .overview-progress .slick-single .slick-item {
    height: 205px;
    padding: 0 30px; }
    .overview-progress .progress-card .card-holder h4 {
      margin-top: 0; }


/* ----- Know Yourself ----- */
#knowyourself-worldwork .dragscroll-item-left,
#knowyourself-worldwork .dragscroll-item-right
{ display:inline-block; }

#knowyourself-worldwork .dragscroll-item-wrap {height:426px !important; overflow-y: hidden;}

#worldwork .progress-card {border-radius: 3px 0 0 0;}
#educationguide .progress-card {border-radius: 0 3px 0 0;}


#knowyourself-worldwork h4 { font-size:22px; margin-bottom:14px;}
#mygoals-reflection h4 { font-size:22px; margin-bottom:14px;}

#mygoals h4 { font-size:22px; margin-bottom:0px;}

#knowyourself > .info-card span,
#knowyourself-worldwork .dragscroll-item-right p,
#mygoals-reflection .dragscroll-item-right p
{line-height:17px;}

#knowyourself-worldwork h5 {margin-top:12px;}

#knowyourself .btn {margin-top:22px; }

.slick-dots li button:before {font-size:16px;}

#knowyourself-worldwork .dragscroll-item-right .btn {padding:5px 12px; margin-top: 18px;}

#mygoals-reflection .dragscroll-item-right .btn {padding:5px 12px; margin-top: 33px;}


.btnbox {
  width:100%;
  display:block;
  text-align: center;
}



#knowyourself > .info-card {
  padding: 15px 18px;
  background-color: #ebebeb;
  border-radius: 3px 3px 0 0;
  height: 100%; }
  @media (max-width: 991px) {
    #knowyourself > .info-card {
      border-radius: 3px 3px 0 0;} }

#knowyourself .checkbox-list {
  margin-top:3px;
  padding: 13px 10px 1px;
  border-radius: 3px;
  border: 1px solid #d9d9d9; }
  #knowyourself .checkbox-list ul {
    list-style: none;
    padding-left: 20px; }
    #knowyourself .checkbox-list ul li {
      margin-bottom: 12px; }
      #knowyourself .checkbox-list ul li:last-child {
        margin-bottom: 0; }

/* ----- My Goals ----- */
#mygoals > .info-card {
  padding: 0px 15px;
  background-color: #ebebeb;
  border-radius: 0 0 3px 3px;
  height: 100%; }
  #mygoals > .info-card .scroll-panel-tab {
    margin-top: 20px; }
  #mygoals > .info-card .scroll-panel {
    padding: 18px 15px;
    margin-bottom: 20px; }

@media (max-width: 991px) {
  #mygoals.dragscroll-item {
    width: 220px !important;
    float: left; } }


#mygoals-reflection {margin-top:-15px;}


#mygoals-reflection .dragscroll-item-left,
#mygoals-reflection .dragscroll-item-right
{ display:inline-block; }

#reflection .progress-card {border-radius: 0 0 0 3px;}
#feedback .progress-card {border-radius: 0 0  3px 0; }

#mygoals .scroll-panel-body {height:145px;}
#mygoals .scroll-panel-body p {line-height:10px;}

/*#mygoals .btn {margin-left:60px;}*/

/*#mygoals-reflection .progress-card > .card-holder {
  padding: 17px 30px;
}*/




/* ----- favourite ----- */
#favourite {
  /*&.dragscroll-item {
		@media (max-width: $screen-sm-max) {
			width: 500px !important;
			float: left;
		}
	}*/ }
  #favourite > .info-card {
    padding: 30px 0; }
    #favourite > .info-card > .card-holder h4 {
      margin-top: 0; 
      margin-bottom:13px;}
    @media (max-width: 991px) {
      #favourite > .info-card {
        padding: 30px 15px; } }

#favourite .fav-item-icon {padding-top:5px;}
#favourite .fav-list > li { margin-bottom: 13px;}
#favourite .fav-list .fav-item .fav-item-text {padding: 0 7px;}




  #knowyourself-worldwork .dragscroll-item-left,
  #knowyourself-worldwork .dragscroll-item-right
  {height:426px;}

  
  #mygoals-reflection .dragscroll-item-left,
  #mygoals-reflection .dragscroll-item-right 
  {height:412px;}
  




/* ----- Similar Content ----- */
#similar-content {
  margin-top: 55px; }
  #similar-content .videos-holder {
    margin-bottom: 30px; }
    #similar-content .videos-holder h4 {
      margin: 0 0 20px 0; }
    #similar-content .videos-holder figure {
      margin-bottom: 30px; }
    #similar-content .videos-holder figcaption {
      margin-top: 15px; 
      line-height: 16px;}
  #similar-content .articles-holder {
    margin-bottom: 30px; }
    #similar-content .articles-holder h4 {
      margin: 0 0 17px 0; }
    #similar-content .articles-holder figure {
      display: inline-block;
      margin-bottom: 18px; }
      #similar-content .articles-holder figure > .image-wrap {
        display: inline-block;
        float: left; }

  #similar-content .events-cards {
    margin-bottom: 30px; }
    #similar-content .events-cards h4 {
      margin: 0 0 20px 0; }

  #similar-content .articles-holder figcaption {
    font-size: 16px;
    line-height: 19px;
    display: inline-block;
    width:48%;
    padding: 14px 0 5px 13px; }

  #similar-content .articles-holder figcaption p {margin-bottom:3px;}


  #similar-content .articles-holder figcaption .btn-link {
    font-size:14px;
  }








/* Extra Small */
@media(max-width:767px){
  .xs-marginpadding0 {
    margin-left: 0px; margin-right: 0px;
    padding-left: 0px; padding-right: 0px;
  }
  #knowyourself-worldwork .dragscroll-item-left {width:230px; margin-right:10px; }
  #knowyourself-worldwork .dragscroll-item-right {width:455px; margin-left:0px; }
  #mygoals-reflection .dragscroll-item-left {width:230px; margin-right:10px;}
  #mygoals-reflection .dragscroll-item-right {width:455px; margin-left:0px;}
  #mygoals-reflection .dragscroll-item-right .btn {margin-top: 23px;}
  #knowyourself-worldwork .dragscroll-item-wrap, #mygoals-reflection .dragscroll-item-wrap
  {min-width:720px;padding-left:10px;}
  #portfolio-favourite {min-width: 470px;}
  #portfolio-favourite {padding-left: 10px; }
  #portfolio {margin-bottom: 10px; }
  .events-cards {text-align: center;}
  .events-cards .card-item {width: 32%; vertical-align: top;}
  .events-cards .card-item > .calendar-icon {margin-right: 10px;}
  .events-cards .dragscroll-item-wrap {width: 750px;  padding-left:10px; text-align:left;}
  #similar-content .articles-holder .dragscroll-item-wrap {width: 750px; text-align:left;}
  #similar-content .articles-holder figcaption {width: auto; padding:7px 0px; text-align:left;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
  #knowyourself-worldwork .dragscroll-item-left {width:240px; margin-right:10px; }
  #knowyourself-worldwork .dragscroll-item-right {width:460px; margin-left:0px; }
  #mygoals-reflection .dragscroll-item-left {width:240px; margin-right:10px;}
  #mygoals-reflection .dragscroll-item-right {width:460px; margin-left:0px;}
  #mygoals-reflection .dragscroll-item-right .btn {margin-top: 23px;}
  #portfolio {margin-bottom: 10px; }
  .events-cards {text-align: center;}
  .events-cards {width:100%; min-width: 750px; }
  .events-cards .card-item {width: 32%; vertical-align: top;}
  .events-cards .card-item > .calendar-icon {margin-right: 10px;}
  .events-cards .dragscroll-item-wrap {text-align:left;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
  #knowyourself-worldwork .dragscroll-item-left {width:230px; margin-right:10px; }
  #knowyourself-worldwork .dragscroll-item-right {width:450px; margin-left:0px; }
  #mygoals-reflection .dragscroll-item-left {width:230px; margin-right:10px;}
  #mygoals-reflection .dragscroll-item-right {width:450px; margin-left:0px;}
  #mygoals-reflection .dragscroll-item-right .btn {margin-top: 23px;}
  #portfolio-favourite {padding-left: 0; }
  #favourite {padding-left: 50px;}
}

/* Large */
@media(min-width:1200px){
  #knowyourself-worldwork .dragscroll-item-left {width:277px; margin-right:20px; }
  #knowyourself-worldwork .dragscroll-item-right {width:539px; margin-left:0px; }
  #mygoals-reflection .dragscroll-item-left {width:277px; margin-right:20px;}
  #mygoals-reflection .dragscroll-item-right {width:539px; margin-left:0px;}
  #portfolio-favourite {padding-left: 0; }
  #favourite {padding-left: 0;}
}










@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
/* 
 * --------------------------------------------------
 * Overview
 * --------------------------------------------------
 */
main {
  margin-bottom: 15px; }

/* To address SAFARI bug */
#knowyourself-worldwork .dragscroll-item-left,
#knowyourself,
#mygoals-reflection .dragscroll-item-left,
#mygoal {
  vertical-align: top; }

#knowyourself-worldwork .dragscroll-item-wrap,
#mygoals-reflection .dragscroll-item-wrap {
  background-color: #fff; }

/*.dragscroll-item-wrap {
		@media (max-width: $screen-sm-max) {
			width: 750px !important;	
		}
	}*/
/*@media (max-width: $screen-sm-max) {
		margin-bottom: 30px;	
	}*/
/*.dragscroll {
		@media (max-width: $screen-sm-max) {
			height: 540px;
			> .dragscroll-inner {
				height: 560px;
			}
		}
	}*/
/* ----- Know Yourself & World ----- */
/* ----- My Goals & Reflection ----- */
/* ----- Portfolio ----- */
#portfolio {
  /*@media (max-width: $screen-sm-max) {
		width: 50%;
		min-width: 360px;
		float: left;
	}*/
  /*&.dragscroll-item {
		/*@media (max-width: $screen-sm-max) {
			width: 235px !important;
			float: left;
		}
	}*/ }
  #portfolio > .info-card {
    padding: 30px;
    background-color: #8C4198 ;
    height: 527px; }
    #portfolio > .info-card > .card-holder {
      text-align: center; }
      #portfolio > .info-card > .card-holder > h2 {
        font-family: "Gotham Runded Bold";
        font-weight: 300;
        font-size: 29px;
        margin: 0;
        color: white; }
  #portfolio .chart-wrap {
    position: relative;
    display: block;
    height: 200px;
    width: 198px;
    margin: 0 auto 5px; }
    #portfolio .chart-wrap .chart {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d; }
    #portfolio .chart-wrap .chart-text {
      width: 198px;
      z-index: 10;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      #portfolio .chart-wrap .chart-text h2 {
        font-size: 50px;
        line-height: 40px;
        letter-spacing: -3px;
        margin: 0;
        color: #fff; }
        #portfolio .chart-wrap .chart-text h2 sup {
          font-size: 17px;
          top: -20px;
          font-family: 'Gotham Runded Bold';
        font-weight: 300}
      #portfolio .chart-wrap .chart-text h6 {
        font-family: "Source Sans Pro Bold";
        font-size: 17px;
        font-weight: bold;
        margin: 0;
        color: #fff; }
  #portfolio .checkbox-list {
    font-size: 17px;
    text-align: center;
    margin: 0;
    padding: 0; }
    #portfolio .checkbox-list ul {
      display: inline-block;
      list-style: none;
      padding-left: 10px;
      text-align: left; }
      #portfolio .checkbox-list ul li {
        margin-bottom: 4px; }
        #portfolio .checkbox-list ul li:last-child {
          margin-bottom: 0; }
  #portfolio .btn {
    margin-top: 20px; }
  #portfolio.col-padding {
    padding: 0; }

/* ----- Overview Progress ----- */
.overview-progress {
  width: 50%;
  display: inline-block;
  float: left; }
  .overview-progress > .progress-card {
    height: 100%; }
  #worldwork, #educationguide {
    border-bottom: 1px solid #fff;
  }
    .overview-progress > .progress-card.card-left {
      border-right: 1px solid #fff; }
    .overview-progress > .progress-card.card-right {}
    .overview-progress > .progress-card .card-holder h4 {
      font-family: "Gotham Runded Bold";
      font-weight: 300;
      font-size: 22px;
      margin-top: 0; 
      color:#412B87;}
  .overview-progress .slick-single .slick-item {
    height: 239px;
    padding: 0 30px; }
  @media (max-width: 767px) {
    .overview-progress .slick-single .slick-item {
      height: 243px;
      padding: 0 30px; }
  }
    .overview-progress .slick-single .slick-item > h4 {
      margin-top: 0; }

/* ----- Know Yourself ----- */

#worldwork .progress-card {
  border-radius: 3px 0 0 0; }

#educationguide .progress-card {
  border-radius: 0 3px 0 0; }

#knowyourself-worldwork h4 {
  font-size: 22px;
  margin-bottom: 14px; }

#mygoals-reflection h4 {
  font-size: 22px;
  margin-bottom: 14px; }

#mygoals h4 {
  font-size: 22px;
  margin-bottom: 0px; }

#knowyourself > .info-card span,
#knowyourself-worldwork .dragscroll-item-right p,
#mygoals-reflection .dragscroll-item-right p {
  line-height: 17px; }

#knowyourself-worldwork h5 {
  margin-top: 12px; }

#knowyourself .btn {
  margin-top: 22px; }

.slick-dots li button:before {
  font-size: 16px; }

#knowyourself-worldwork .btn {
  padding: 5px 12px;
  margin-top: 18px; }

#mygoals-reflection .btn {
  padding: 5px 12px;
  margin-top: 33px; }

.btnbox {
  width: 100%;
  display: block;
  text-align: center; }

#knowyourself > .info-card {
  padding: 15px 18px;
  background-color: #ebebeb;
  border-radius: 3px 3px 0 0;
  height: 100%; }
  @media (max-width: 991px) {
    #knowyourself > .info-card {
      border-radius: 3px 3px 0 0; } }

#knowyourself .checkbox-list {
  margin-top: 3px;
  padding: 13px 10px 1px;
  border-radius: 3px;
  border: 1px solid #d9d9d9; }
  #knowyourself .checkbox-list ul {
    list-style: none;
    padding-left: 20px; }
    #knowyourself .checkbox-list ul li {
      margin-bottom: 12px; }
      #knowyourself .checkbox-list ul li:last-child {
        margin-bottom: 0; }

/* ----- My Goals ----- */
#mygoals > .info-card {
  padding: 0 15px;
  background-color: #ebebeb;
  border-radius: 0 0 3px 3px;
  height: 100%; }
  #mygoals > .info-card .scroll-panel-tab {
    margin-top: 20px; }
  #mygoals > .info-card .scroll-panel {
    padding: 18px 15px;
    margin-bottom: 20px; }
  @media (max-width: 991px) {
    #mygoals > .info-card {
      border-radius: 3px; } }

@media (max-width: 991px) {
  #mygoals.dragscroll-item {
    width: 220px !important;
    float: left; } }

#mygoals-reflection {
  margin-top: -15px; }

#mygoals-reflection .dragscroll-item-left,
#mygoals-reflection .dragscroll-item-right {
  display: inline-block; }

#reflection .progress-card {
  border-radius: 0 0 0 3px; }

#feedback .progress-card {
  border-radius: 0 0 3px 0; }

#mygoals .scroll-panel-body {
  height: 145px; }

#mygoals .scroll-panel-body p {
  line-height: 17px; }

/*#mygoals .btn {margin-left:60px;}*/
/*#mygoals-reflection .progress-card > .card-holder {
  padding: 17px 30px;
}*/
/* ----- favourite ----- */
#favourite {
  /*&.dragscroll-item {
		@media (max-width: $screen-sm-max) {
			width: 500px !important;
			float: left;
		}
	}*/ }
  #favourite > .info-card {
    padding: 30px 0; }
    #favourite > .info-card > .card-holder h4 {
      margin-top: 0;
      margin-bottom: 13px; }
    @media (max-width: 991px) {
      #favourite > .info-card {
        padding: 30px 15px; } }

#favourite .fav-item-icon {
  padding-top: 5px; }

#favourite .fav-list > li {
  margin-bottom: 13px; }

#favourite .fav-list .fav-item .fav-item-text {
  padding: 0 7px; }

/* ----- World Work ----- */
#knowyourself-worldwork .dragscroll-item-left,
#knowyourself-worldwork .dragscroll-item-right {
  height: 426px; }

#mygoals-reflection .dragscroll-item-left,
#mygoals-reflection .dragscroll-item-right {
  height: 412px; }

/* ----- Education Guide ----- */
@media (max-width: 991px) {
  #educationguide.dragscroll-item {
    width: 225px !important;
    float: left; } }

/* ----- Similar Content ----- */
#similar-content {
  margin-top: 55px; }
  #similar-content .videos-holder {
    margin-bottom: 30px; }
    #similar-content .videos-holder h4 {
      margin: 0 0 20px 0; }
    #similar-content .videos-holder figure {
      margin-bottom: 30px; }
    #similar-content .videos-holder figcaption {
      margin-top: 15px;
      line-height: 16px; }
  #similar-content .articles-holder {
    margin-bottom: 30px; }
    #similar-content .articles-holder h4 {
      margin: 0 0 17px 0; }
    #similar-content .articles-holder figure {
      display: inline-block;
      margin-bottom: 18px; }
      #similar-content .articles-holder figure > .image-wrap {
        display: inline-block;
        float: left; }
  #similar-content .events-cards {
    margin-bottom: 30px; }
    #similar-content .events-cards h4 {
      margin: 0 0 20px 0; }

#similar-content .articles-holder figcaption {
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
  width: 48%;
  padding: 14px 0 5px 13px; }

#similar-content .articles-holder figcaption p {
  margin-bottom: 3px; }

#similar-content .articles-holder figcaption .btn-link {
  font-size: 14px; }

/* Extra Small */
@media (max-width: 767px) {
  .xs-marginpadding0 {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px; }
/*  #knowyourself-worldwork .dragscroll-item-left {
    width: 230px;
    margin-right: 10px; }
  #knowyourself-worldwork .dragscroll-item-right {
    width: 455px;
    margin-left: 0px; }
  #mygoals-reflection .dragscroll-item-left {
    width: 230px;
    margin-right: 10px; }
  #mygoals-reflection .dragscroll-item-right {
    width: 455px;
    margin-left: 0px; }
    */
  #mygoals-reflection .btn {
    margin-top: 23px; }
  #knowyourself-worldwork .dragscroll-item-wrap, #mygoals-reflection .dragscroll-item-wrap {
    min-width: 720px;
    padding-left: 10px; }
  #portfolio-favourite {
    min-width: 470px;
  width: 560px}
  #portfolio-favourite {
    padding-left: 10px; }
  #portfolio {
    margin-bottom: 10px; }
  .events-cards {
    text-align: center; }
  .events-cards .card-item {
    width: 32%;
    vertical-align: top; }
  .events-cards .card-item > .calendar-icon {
    margin-right: 10px; }
  .events-cards .dragscroll-item-wrap {
    width: 750px;
    padding-left: 10px;
    text-align: left; }
  #similar-content .articles-holder .dragscroll-item-wrap {
    width: 750px;
    text-align: left; }
  #similar-content .articles-holder figcaption {
    width: auto;
    padding: 7px 0px;
    text-align: left; } }

/* Small */
@media (min-width: 768px) and (max-width: 991px) {
/*  #knowyourself-worldwork .dragscroll-item-left {
    width: 240px;
    margin-right: 10px; }
  #knowyourself-worldwork .dragscroll-item-right {
    width: 460px;
    margin-left: 0px; }
  #mygoals-reflection .dragscroll-item-left {
    width: 240px;
    margin-right: 10px; }
  #mygoals-reflection .dragscroll-item-right {
    width: 460px;
    margin-left: 0px; }*/
  #mygoals-reflection .btn {
    margin-top: 23px; }
  #portfolio {
    margin-bottom: 10px; }
  .events-cards {
    text-align: center; }
  .events-cards {
    width: 100%;
    min-width: 750px; }
  .events-cards .card-item {
    width: 32%;
    vertical-align: top; }
  .events-cards .card-item > .calendar-icon {
    margin-right: 10px; }
  .events-cards .dragscroll-item-wrap {
    text-align: left; } }

/* Medium */
@media (min-width: 992px) and (max-width: 1199px) {
/*  #knowyourself-worldwork .dragscroll-item-left {
    width: 230px;
    margin-right: 10px; }
  #knowyourself-worldwork .dragscroll-item-right {
    width: 450px;
    margin-left: 0px; }
  #mygoals-reflection .dragscroll-item-left {
    width: 230px;
    margin-right: 10px; }
  #mygoals-reflection .dragscroll-item-right {
    width: 450px;
    margin-left: 0px; }
    */
  #mygoals-reflection .btn {
    margin-top: 23px; }
  #portfolio-favourite {
    padding-left: 0; }
  #favourite {
    padding-left: 50px; } }

/* Large */
@media (min-width: 1200px) {
/*  #knowyourself-worldwork {
    width: 277px;
    margin-right: 20px; }
  #knowyourself-worldwork {
    width: 539px;
    margin-left: 0px; }
  #mygoals-reflection {
    width: 277px;
    margin-right: 20px; }
  #mygoals-reflection {
    width: 539px;
    margin-left: 0px; }
    */
  #portfolio-favourite {
    padding-left: 0; }
  #favourite {
    padding-left: 0; } 
  }
  
#knowyourself .info-card,
#mygoals .info-card {
  height:440px !important;
}

#worldwork .progress-card,
#educationguide .progress-card,
#reflection .progress-card,
#feedback .progress-card {
  /*height:426px !important;*/
}

@media (max-width: 767px) {
  #worldwork .progress-card,
  #educationguide .progress-card,
  #reflection .progress-card,
  #feedback .progress-card {
    height:412px !important;
  }
}

#worldwork .progress-card,
#educationguide .progress-card,
#reflection .progress-card,
#feedback .progress-card
{
  background:transparent;
}

.midrightpanel {
  background-size:cover;
  border-top: 6px solid #fbb02f;
  border-bottom: 1px solid #fbb02f;
  border-left: 1px solid #fbb02f;
  border-right: 1px solid #fbb02f;
}

  .dragscroll-inner {padding-bottom:2px;}

@media (max-width: 767px) {
  #knowyourselfmygoalspanel {margin-bottom: 20px; padding-left: 0; padding-right:0;}
    #knowyourself > .info-card {border-radius: 0 0;}
    #mygoals > .info-card {border-radius: 3px 3px;}
    .dragscroll-item-wrap.worldofworkeducationguide {width:100%; min-width:480px; height:430px;}
    .dragscroll-item-wrap.reflectionfeedback {width:100%; min-width:480px; height:430px;}
    .dragscroll-inner {padding-bottom:0px;}
}

@media (min-width: 768px) and (max-width: 991px) {
  #knowyourselfmygoalspanel {margin-bottom: 20px; padding-left: 0; padding-right:0;}
    #knowyourself > .info-card {border-radius: 3px 0 0 3px;}
    #mygoals > .info-card {border-radius: 0 3px 3px 0;}
}

@media (min-width: 992px) and (max-width: 1199px) {
  #knowyourselfmygoalspanel {margin-bottom: 20px; padding-left: 0; padding-right:0;}
    #knowyourself > .info-card {border-radius: 3px 0 0 3px;}
    #mygoals > .info-card {border-radius: 0 3px 3px 0;}
}

@media (min-width: 1200px) {
    .midrightpanel {padding-left:0; padding-right:0;}
    #knowyourself > .info-card {border-radius: 3px 3px 0 0;}
    #mygoals > .info-card {border-radius: 0 0 3px 3px;}
}

.midrightpanel .btn {margin-top: 0px;}
@media (max-width: 767px) {
  .midrightpanel .btn {margin-top: -5px;}
  .overview_page_game_achievemnt_stu .progress-card > .card-holder.slick {
    padding: 20px 0; }
}

@media (max-width: 1200px) and (min-width: 768px){
  .msf_preu_overviewpage .overview_left_center_position .midrightpanel .dragscroll-inner.dragscroll{
    padding-bottom: 17px;
  }
}
.slick-dots li.slick-active button::before {
    color: #412B87;
}

.featuredarticles .slick-dots li button:before{
    color: #412B87;
}

.featuredarticles .slick-dots li.slick-active button::before {
    color: #412B87;
}

.circle-number {
  border:5px white solid;
  background-color: white;
}

#overview_page_my_eportfolio_my_eportfolio .chart-text span {
  font-family: "Gotham Runded Bold";
  font-weight: 300;
  font-size: 50px;
}



.theme-01 .btn-turqoise.preu_button{

    background-color: #5aacb4;
    color: #fff;
}

.theme-01 .btn-turqoise.preu_button:hover,
.theme-01 .btn-turqoise.preu_button:focus{

background-color: #c3670b;
    color: #fff; 
  }


#goals .scroll-panel-body p strong{
    font-family: "Source Sans Pro";
 font-size: 15px;
    color: #333333;
}

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
/* 
 * --------------------------------------------------
 * Global Style
 * --------------------------------------------------
 */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
/*and (orientation : landscape)*/ {
    html, body {
        width:1000px; 
    }
}


html, body, h1, h2, h3, h4, h5, h6, p, div, span, footer {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-overflow-scrolling: touch;
}

html {
  font-family:'PT Sans', sans-serif;
    font-weight: normal;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
}

body {
    font-family:'PT Sans', sans-serif;
    font-weight: normal;
}

html, body {
    width: auto !important;
    /*overflow-x: hidden !important;*/
    margin: 0px !important;
    padding: 0px !important;
}

div {
  border: 0px solid;
}





/* ----- Typo ----- */
h1, h2, h3, h4, h5 {
  font-weight: bold;
  letter-spacing: 0px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 28px; }

h4 {
  font-size: 20px; }

p:only-child,
p:last-child {
  margin-bottom: 0; }

.badge {
  padding: 4px 7px; }

/* ----- Color ----- */
.color-turqoise {
  font-family: "Gotham Runded Bold" !important;
  font-size: 34px !important;
  color: #333333 !important;
  font-weight: 300;
}

.color-yellow {
  color: #fbb02f !important; }

.color-red {
  color: #f2644e !important; }

.color-purple {
  color: #822a91 !important; }

.color-positive {
  color: #00b415 !important; }

.bg-turqoise {
  background-color: #5aacb4 !important; }

.bg-yellow {
  background-color: #fbb02f !important; }

.bg-red {
  background-color: #f2644e !important; }

.bg-purple {
  background-color: #822a91 !important; }

/* ----- Button ----- */
a {
  /* ----- Button Link ----- */ }
  a.btn-circle {
    border-radius: 50%; }
  a.btn-round {
    border-radius: 20px;
    padding: 8px 20px; }
    a.btn-round.btn-lg {
      border-radius: 30px;
      padding: 15px 40px; }
  a.btn-sm {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px; }
  a.btn-md {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0px; }
  a.btn-lg {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px; }
  a.btn-yellow {
    background-color: #fbb02f;
    color: #fff; }
    a.btn-yellow:hover,
    a.btn-yellow:focus {
      background-color: #f29b05;
      color: #fff; }
  a.btn-turqoise {
    background-color: #5aacb4;
    color: #fff; }
    a.btn-turqoise:hover,
    a.btn-turqoise:focus {
      background-color: #c3670b;
      color: #fff; }
  a.btn-turqoise-outline {
    border: 1px solid #5aacb4;
    background-color: #fff;
    color: #5aacb4; }
    a.btn-turqoise-outline:hover,
    a.btn-turqoise-outline:focus {
      border: 1px soild #5aacb4;
      background-color: #5aacb4;
      color: #fff; }
  a.btn-purple-outline {
    border: 1px solid #822a91;
    background-color: #fff;
    color: #822a91; }
    a.btn-purple-outline:hover,
    a.btn-purple-outline:focus {
      border: 1px soild #822a91;
      background-color: #822a91;
      color: #fff; }
  a.btn-gray-light {
    background-color: #bfbfbf;
    color: #fff; }
    a.btn-gray-light:hover,
    a.btn-gray-light:focus {
      background-color: #999999 !important;
      color: #fff !important; }
  a.btn-link {
    font-weight: bold; }
  a.btn-link-red {
    color: #f2644e; }
    a.btn-link-red:hover,
    a.btn-link-red:focus {
      color: #e32d11; }
  a.btn-link-gray-dark {
    color: #333333; }
    a.btn-link-gray-dark:hover,
    a.btn-link-gray-dark:focus {
      color: #0d0d0d; }

/* ----- Center Responsive Image ----- */
.img-responsive.img-center {
  /*display: initial; */ /*not working in IE*/
  margin:0 auto;
  left:0px;
  right:0px;
}

.img-responsive.force-scale {
  width: 100%; }

/* ----- Margin & Padding ----- */
.mg-t-5 {
  margin-top: 5px; }

.mg-t-10 {
  margin-top: 10px; }

.mg-t-15 {
  margin-top: 15px; }

.mg-t-30 {
  margin-top: 30px; }

.mg-t-60 {
  margin-top: 60px; }

.mg-b-15 {
  margin-bottom: 15px; }

.mg-b-30 {
  margin-bottom: 30px; }

.mg-b-60 {
  margin-bottom: 60px; }

.pd-l-0 {
  padding-left: 0; }

.pd-r-0 {
  padding-right: 0; }

/* ----- Image Wrap ----- */
.image-wrap {
  position: relative; }
  .image-wrap > .img-btn-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #fff;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .image-wrap > .img-btn-overlay.icon-sm {
      font-size: 20px; }
    .image-wrap > .img-btn-overlay.icon-md {
      font-size: 40px; }
    .image-wrap > .img-btn-overlay.icon-lg {
      font-size: 60px; }
    .image-wrap > .img-btn-overlay > i {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }

/* 
 * --------------------------------------------------
 * Modules
 * --------------------------------------------------
 */
/* ----- Calendar ----- */
time.icon {
  font-family: "Gotham Runded Bold";
  display: block;
  position: relative;
  width: 65px;
  height: 70px;
  background-color: #8c4198;
  border: 1px solid #8c4198;
  border-radius: 3px;
  overflow: hidden;
  text-align: center; }
  time.icon > .day {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    line-height: 46px; }
  time.icon > .month {
    font-size: 12px;
    font-weight: bold;
    color: #8c4198;
    line-height: 22px;
    background-color: #fff; }




/* ----- Drag Scroll ----- */

.dragscroll {
  width: 100%;
  overflow: hidden; } 

.dragscroll-outter {
  height: auto;
  width: 100%;
  overflow: hidden; 
  display: block;  
}

.dragscroll-inner {
  padding-top: 0px;
  padding-bottom: 17px;
  width: 100%;
  height: auto;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  margin-bottom: -17px; 
  vertical-align: top; /*this line*/
  display:block;
} 

.dragscroll-item-wrap {
  vertical-align: top; 
}

.paddingleftright0 {
  padding-left:0px;
  padding-right:0px;
}




/* ----- Slick Carousel ----- */
.slick-single .slick-item {
  float: left;
  min-height: 1; }

/* ----- Events Card ----- */
.events-cards .card-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px; }
  .events-cards .card-item > .calendar-icon {
    width: 65px;
    margin-right: 15px;
    float: left; }
  .events-cards .card-item > .event-info {
    display: table; }
    .events-cards .card-item > .event-info > h5 {
      margin: 0; }
    .events-cards .card-item > .event-info > p {
      font-size: 13px; }
    .events-cards .card-item > .event-info > .venue {
      font-family: "Source Sans Pro Bold";
      color: #666 !important;
      display: table; }
      .events-cards .card-item > .event-info > .venue > .marker {
        display: table-cell;
        font-size: 18px; }
        .events-cards .card-item > .event-info > .venue > .marker > .fa {
          margin-right: 5px; }
      .events-cards .card-item > .event-info > .venue > .address {
        display: table-cell; }

/* ----- Info Card ----- */
.info-card {
  display: block;
  border-radius: 3px;
  background-color: #fff;
  overflow: hidden;
  /* ----- statistic -----*/ }
  .info-card figcaption {
    padding: 20px; }
    .info-card figcaption h5 {
      margin-top: 0; }
  .info-card > .statistic {
    padding: 20px; }
    .info-card > .statistic > .header-title {
      padding: 5px 0;
      margin-bottom: 9px; }
      .info-card > .statistic > .header-title > .image-wrap {
        display: block;
        margin-right: 20px;
        float: left; }
      .info-card > .statistic > .header-title > .title {
        display: inline-block; }
        .info-card > .statistic > .header-title > .title > h5 {
          margin: 0; }
        .info-card > .statistic > .header-title > .title > h2 {
          font-size: 36px;
          line-height:37px;
          margin: 0; }
          @media (max-width: 1199px) {
            .info-card > .statistic > .header-title > .title > h2 {
              font-size: 32px; } }
    .info-card > .statistic > .info-chart {
      margin-bottom: 0; }
      .info-card > .statistic > .info-chart li {
        width: 100%;
        display: inline-block;
        border-bottom: 1px solid #f2f2f2;
        padding: 12px 0; }
        .info-card > .statistic > .info-chart li:last-child {
          border-bottom: none;
          padding-bottom: 0; }
      .info-card > .statistic > .info-chart .number {
        width: 40%;
        display: inline-block;
        font-size: 36px;
        font-weight: bold;
        line-height: 36px;
        color: #5aacb4; }
        @media (max-width: 1199px) {
          .info-card > .statistic > .info-chart .number {
            font-size: 32px; } }
        .info-card > .statistic > .info-chart .number sup {
          font-size: 45%;
          top: -12px; }
      .info-card > .statistic > .info-chart .description {
        width: 60%;
        line-height:17px;
        display: inline-block;
        padding-right:50px;
        float: right; }

/* ----- Progress Card ----- */
.progress-card {
  display: block;
  border-radius: 3px;
  background-color: #fff;
  overflow: hidden; }
  .progress-card.card-left {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .progress-card.card-right {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .progress-card > .card-holder {
    padding: 30px; }
    .progress-card > .card-holder.slick {
      padding: 30px 0; }
    .progress-card > .card-holder > h5 {
      font-size: 16px; }

/* ----- Circle Number ----- */
.circle-number {
  display: inline-block;
  width: 100px;
  height: 100px;
  border: 5px solid rgba(130, 42, 145, 0.3);
  border-radius: 50%; }
  .circle-number > span {
    font-size: 50px;
    font-weight: bold;
    line-height: 90px;
    color: #822a91; }

/* ----- Favourite List ----- */
.fav-list {
  margin-bottom: 30px; }
  .fav-list > li {
    margin-bottom: 20px; }
    .fav-list > li:last-child {
      margin-bottom: 0; }
  .fav-list .fav-item {
    display: table; }
    .fav-list .fav-item > .fav-item-icon {
      display: table-cell;
      vertical-align: top; }
      .fav-list .fav-item > .fav-item-icon > .fa {
        font-size: 16px;
        color: #fbb02f; }
    .fav-list .fav-item .fav-item-text {
      display: table-cell;
      padding: 0 10px;
      vertical-align: top; }
      .fav-list .fav-item .fav-item-text small {
        font-size: 14px;
        color: #333333; }
      .fav-list .fav-item .fav-item-text h5 {
        font-size: 16px;
        color: #333333;
        margin: 0; }

/* ----- Scroll Panel ----- */
.scroll-panel-tab {
  display: block;
  padding: 16px 16px 12px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;
  background-color: #9361ae;
  margin-bottom: 5px; }
  .scroll-panel-tab > i {
    float: right; }

.scroll-panel {
  display: block;
  border-radius: 3px;
  padding: 15px;
  background-color: #fff; }
  .scroll-panel > .scroll-panel-body {
    height: 150px;
    overflow-y: scroll; }

/* 
 * --------------------------------------------------
 * Navigation
 * --------------------------------------------------
 */
/* ----- Main Nav ----- */
#main-nav {
  /* ----- Branding ----- */
  /* ----- Toggle ----- */
  /* ----- Collapse ----- */
  /* ----- Navbar ----- */
  /* ----- Navbar Primary ----- */
  /* ----- Dropdown Menu ----- */
  /* ----- Navbar Secondary ----- */
  /* ----- Navbar Tertiary ----- */ }
  #main-nav a {
    transition: color 0.3s; }
    #main-nav a:hover,
    #main-nav a:focus,
    #main-nav a:active {
      outline: 0; }
  #main-nav.navbar {
    margin-bottom: 0;
    border: none;
    background-color: #fff;
    border-radius: 0; }
  #main-nav .navbar-header .search {
    display: inline-block;
    float: right; }
    #main-nav .navbar-header .search > .btn-circle {
      width: 36px;
      height: 36px;
      margin-top: 17px;
      margin-left: 15px;
      padding: 8px 6px;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      line-height: 20px; }
  #main-nav .navbar-nav {
    margin: 0; }
  #main-nav .navbar-brand {
    height: 70px;
    padding: 22px 15px; }
  #main-nav .navbar-toggle {
    position: relative;
    margin: 15px 0;
    padding: 5px 15px;
    border: none;
    background: transparent;
    color: gray;
    float: right; }
  #main-nav .navbar-toggle .fa {
    font-size: 30px; }
  #main-nav .navbar-toggle:hover,
  #main-nav .navbar-toggle:focus {
    background: transparent; }
  #main-nav .navbar-toggle .fa-fw {
    width: 1em; }
  #main-nav .navbar-toggle .fa-bars {
    opacity: 1;
    transition: opacity 0.3s; }
  #main-nav .navbar-toggle .fa-close {
    position: absolute;
    top: 5px;
    left: 15px;
    opacity: 0;
    transition: opacity 0.3s; }
  #main-nav .navbar-toggle.open .fa-bars {
    opacity: 0; }
  #main-nav .navbar-toggle.open .fa-close {
    opacity: 1; }
  @media (max-width: 1199px) {
    #main-nav .navbar-collapse {
      background-color: #f2f2f2; }
      #main-nav .navbar-collapse .navbar-nav > li {
        border-bottom: 1px dotted #cccccc; } }
  #main-nav .navbar-primary > li > a,
  #main-nav .navbar-secondary > li > a {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 25px;
    margin-bottom: 25px; }
  #main-nav .navbar-primary {
    margin-right: 15px; }
    #main-nav .navbar-primary > li > a {
      color: #f2644e; }
      #main-nav .navbar-primary > li > a > .fa {
        padding-left: 6px; }
      #main-nav .navbar-primary > li > a:hover,
      #main-nav .navbar-primary > li > a:focus {
        color: #e32d11;
        background-color: transparent; }
  #main-nav .dropdown-menu {
    width: 260px;
    left: 0;
    padding: 10px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #fbb02f; }
    #main-nav .dropdown-menu > li {
      border-bottom: 1px solid #fcc361; }
      #main-nav .dropdown-menu > li:last-child {
        border-bottom: none; }
      #main-nav .dropdown-menu > li > a {
        color: #fff;
        padding: 10px 15px;
        white-space: normal; }
        #main-nav .dropdown-menu > li > a:hover,
        #main-nav .dropdown-menu > li > a:focus {
          background-color: #f29b05; }
  #main-nav .navbar-secondary {
    margin-right: 5px; }
    #main-nav .navbar-secondary > li > a {
      color: #333333;
      padding: 0 10px; }
      #main-nav .navbar-secondary > li > a:hover,
      #main-nav .navbar-secondary > li > a:focus {
        color: #404040;
        background-color: transparent; }
    #main-nav .navbar-secondary > li:first-child > a {
      padding-left: 30px;
      border-left: 1px solid #cccccc; }
  #main-nav .navbar-tertiary > li > a {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px; }
    #main-nav .navbar-tertiary > li > a.btn-circle {
      width: 36px;
      height: 36px;
      margin-top: 17px;
      margin-left: 15px;
      padding: 8px 6px;
      text-align: center; }
    #main-nav .navbar-tertiary > li > a.btn-round {
      margin-top: 17px;
      margin-left: 10px;
      padding: 8px 12px;
      text-align: center; }
    #main-nav .navbar-tertiary > li > a.btn {
      border: none; }
    #main-nav .navbar-tertiary > li > a.btn-link-red {
      display: block;
      margin: 25px 0 25px 10px;
      padding: 0;
      background-color: transparent; }
    #main-nav .navbar-tertiary > li > a > span {
      display: none; }

/* ----- Login Nav ----- */
#sub-nav {
  background-color: #f2f2f2;
  /* ----- Navbar Login Menu ----- */
  /* ----- Navbar System Menu ----- */ }
  #sub-nav a {
    transition: color 0.3s; }
    #sub-nav a:hover,
    #sub-nav a:focus,
    #sub-nav a:active {
      outline: 0; }
  #sub-nav.navbar {
    margin-bottom: 0;
    min-height: 40px;
    border: none;
    border-radius: 0; }
  #sub-nav .navbar-login-menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #333333; }
    #sub-nav .navbar-login-menu > li > a:hover,
    #sub-nav .navbar-login-menu > li > a:focus {
      color: #333333;
      text-decoration: underline;
      background-color: transparent; }
  #sub-nav .navbar-login-menu > li:first-child > a {
    padding-left: 0; }
  #sub-nav .navbar-system-menu {
    margin-right: 30px; }
    #sub-nav .navbar-system-menu > li > a {
      padding: 10px 5px;
      color: #333333; }
      #sub-nav .navbar-system-menu > li > a:hover,
      #sub-nav .navbar-system-menu > li > a:focus {
        color: #333333;
        background-color: transparent; }
      #sub-nav .navbar-system-menu > li > a > .fa {
        font-size: 20px; }
    #sub-nav .navbar-system-menu > li .badge {
      padding: 4px 10px 2px 10px;
      margin-left: 5px;
      font-size: 14px;
      font-weight: bold;
      color: #ffffff;
      vertical-align: top;
      background-color: #f2644e; }

/* 
 * --------------------------------------------------
 * Page Header
 * --------------------------------------------------
 */
.page-header {
  padding: 30px 0;
  margin: 0;
  border: none; }
  @media (max-width: 1199px) {
    /*.page-header {
      border-top: 1px solid #e6e6e6; }*/ }
  .page-header ul.breadcrumb {
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0; }
    .page-header ul.breadcrumb > li > a {
      color: #333333; }
      .page-header ul.breadcrumb > li > a:hover,
      .page-header ul.breadcrumb > li > a:focus {
        color: #333333; }
    .page-header ul.breadcrumb > li + li:before {
      padding: 0 6px;
      color: #333333; }
  .page-header ul.action-widget {
    margin-bottom: 0;
    padding: 0;
    text-align: right; }
    @media (max-width: 991px) {
      .page-header ul.action-widget {
        margin-top: 30px;
        text-align: left; } }
    .page-header ul.action-widget > li {
      display: inline-block;
      padding: 0 15px; }
      .page-header ul.action-widget > li:first-child {
        padding-left: 0; }
      .page-header ul.action-widget > li:last-child {
        padding-right: 0; }
      .page-header ul.action-widget > li > a {
        color: #333333; }
        .page-header ul.action-widget > li > a:hover,
        .page-header ul.action-widget > li > a:focus {
          color: #333333; }
  .page-header h1 {
    margin: 0;
    font-size: 42px;
    font-weight: 300;
    line-height: 42px;
    color: #f2644e; }

/* FOOTER */
/*=====================================================*/

footer {
    color: #fff;
    background-color: #5aacb4;
    min-height: 70px;
    bottom:0px;
    margin:0px;
    padding:0px;
    position:relative;
    font-size: 14px;
}

footer .container {
    padding: 15px;
}

footer .sitemap {
    background: #444444;
}

footer .sitemap,
footer .sitemap a,
footer .sitemap a:link,
footer .sitemap a:visited
 {
    line-height:24px;
    color: #fff;
}

footer div {
    padding: 5px;
}

footer .logo {
    font-size:18px;
    font-weight: bold;
}

footer .termsofuse {
        font-size:14px;
    }

/* Extra Small */
@media(max-width:542px){
    footer .logo { text-align: left; }
    footer .termsofuse { text-align: left;}
    footer .right {text-align: left;}
    footer div {padding: 0px;}
}

@media(min-width:543px) and (max-width:767px){
    footer .logo { text-align: left; }
    footer .termsofuse { text-align: left;}
    footer .right {text-align: left;}
    footer div {padding: 0px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    footer .logo { text-align: left; }
    footer .termsofuse { text-align: right;}
    footer .right {text-align: left;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    footer .logo { text-align: left; }
    footer .termsofuse { text-align: right;}
    footer .right {text-align: right;}
}

/* Large */
@media(min-width:1200px){
    footer .logo { text-align: left; }
    footer .termsofuse { text-align: right;}
    footer .right {text-align: right;}
}







/* ----- Jumbotron ----- */
.jumbotron-video {
  width: 100%;
  padding: 0;
  margin-bottom: 0; }

.video-js {
    padding-top: 50% !important;
    width: auto;
    height: auto;
}





.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 15px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 3px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 5px;
  padding-top: 3px;
  font-size: 10px;
  color: #555555;
}
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\f00c";
}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
  display: block;
  content: "";
  width: 10px;
  height: 3px;
  background-color: #555555;
  border-radius: 2px;
  margin-left: -16.5px;
  margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}

.msf_preu_overviewpage #portfolio-favourite .overview_page_my_eportfolio #overview_page_my_eportfolio_my_eportfolio .checkbox input[type="radio"]:disabled + label::before,
.msf_preu_overviewpage #portfolio-favourite .overview_page_my_eportfolio #overview_page_my_eportfolio_my_eportfolio .checkbox input[type="checkbox"]:disabled + label::before
{
  background-color: #228c97;
}
.msf_preu_overviewpage #portfolio-favourite .overview_page_my_eportfolio #overview_page_my_eportfolio_my_eportfolio .checkbox input[type="checkbox"]:checked + label::before,
.msf_preu_overviewpage #portfolio-favourite .overview_page_my_eportfolio #overview_page_my_eportfolio_my_eportfolio .checkbox input[type="radio"]:checked + label::before{
    background-color: #fff;
    border-color: #8C4198;
}


.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}

/* ----- Customise ----- */

/* General */
.checkbox-general input[type="checkbox"] + label::before,
.checkbox-general input[type="radio"] + label::before {
  background-color: #b1b1b1;
  border-color: #b1b1b1;
}
.checkbox-general input[type="checkbox"] + label::after,
.checkbox-general input[type="radio"] + label::after {
  color: #b1b1b1;
  font-weight: normal;
  font-style: italic;
}


.checkbox-general input[type="checkbox"]:checked + label,
.checkbox-general input[type="radio"]:checked + label {
  color: #333;
  font-weight: bold;
  font-style: normal;
}
.checkbox-general input[type="checkbox"] + label,
.checkbox-general input[type="radio"] + label {
  color: #333;
  font-weight: normal;
  font-style: italic;
}


.checkbox-general input[type="checkbox"]:checked + label::before,
.checkbox-general input[type="radio"]:checked + label::before {
  background-color: #fff;
  border-color: #e68717;
}
.checkbox-general input[type="checkbox"]:checked + label::after,
.checkbox-general input[type="radio"]:checked + label::after {
  color: #e68717;
}


/* Portfolio */
.checkbox-portfolio input[type="checkbox"] + label::before,
.checkbox-portfolio input[type="radio"] + label::before {
  background-color: #228c97;
  border-color: #228c97;
}
.checkbox-portfolio input[type="checkbox"] + label::after,
.checkbox-portfolio input[type="radio"] + label::after {
  color: #228c97;
}


.checkbox-portfolio input[type="checkbox"]:checked + label,
.checkbox-portfolio input[type="radio"]:checked + label {
  color: #fff;
  font-weight: bold;
  font-style: normal;
}
.checkbox-portfolio input[type="checkbox"] + label,
.checkbox-portfolio input[type="radio"] + label {
  color: #E0E0E0;
  font-weight: normal;
  font-style: italic;
}


.checkbox-portfolio input[type="checkbox"]:checked + label::before,
.checkbox-portfolio input[type="radio"]:checked + label::before {
  background-color: #fff;
  border-color: #822a91;
}
.checkbox-portfolio input[type="checkbox"]:checked + label::after,
.checkbox-portfolio input[type="radio"]:checked + label::after {
  color: #822a91;
}



/* ----- End -----*/

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
  background-color: #337ab7;
  border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
  background-color: #fff;
}

.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
  z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
  background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
  font-style: normal !important;
}
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
  color: #fff;
}
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
  color: #fff;
}
/* ILPPROD-2751*/

#listingShareContent .checkbox label {
  vertical-align: baseline;
}

#listingShareContent .select-from-eportfolio > label::before{
  content: "";
  display: inline-flex;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  margin-right: 5px;
  border: 2px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
}

#listingShareContent .select-from-eportfolio > label::after{
  display: block;
  width: 17px;
  height: 17px;
  margin-left: 0px;
  margin-top: -17px;
  font-size: 10px;
  color: #e68717;
}

#listingShareContent .select-from-eportfolio > input[type="checkbox"],
#listingShareContent .select-from-eportfolio >  input[type="radio"]
{
  opacity: 0;
  z-index: 1;
}

#listingShareContent .select-from-eportfolio > input[type="checkbox"]:checked + label::after,
#listingShareContent .select-from-eportfolio > input[type="radio"]:checked + label::after
{
  font-family: "FontAwesome";
  content: "\f00c";
}

#listingShareContent #downloadResumeForm .select-coverletter .select-from-eportfolio .checkbox input[type="checkbox"]:focus + label::before,
#listingShareContent #downloadResumeForm .select-coverletter .select-from-eportfolio .checkbox input[type="radio"]:focus + label::before,
#listingShareContent #printResumeForm .select-coverletter .select-from-eportfolio .checkbox input[type="checkbox"]:focus + label::before,
#listingShareContent #printResumeForm .select-coverletter .select-from-eportfolio .checkbox input[type="radio"]:focus + label::before{
  outline:none;
  outline: 0;
  outline-offset: unset;
}
#listingShareContent #downloadResumeForm .select-coverletter .select-from-eportfolio .radio input[type="radio"]:focus + label::before,
#listingShareContent #printResumeForm .select-coverletter .select-from-eportfolio .radio input[type="radio"]:focus + label::before{
outline:none;
  outline: 0;
  outline-offset: unset;
}
#listingShareContent #downloadResumeForm .select-coverletter .select-from-eportfolio .checkbox label::before,
#listingShareContent #printResumeForm .select-coverletter .select-from-eportfolio .checkbox label::before{
  width: 17px;
  height: 17px;
  border: 2px solid #cccccc;
  }
#listingShareContent #downloadResumeForm .select-coverletter .select-from-eportfolio .checkbox label::after,
#listingShareContent #printResumeForm .select-coverletter .select-from-eportfolio .checkbox label::after{
  width: 16px;
  height: 16px;
  padding-left: 3px;
  padding-top: 1px;
  color: #e68717;
  }

#listingShareContent #downloadResumeForm .select-coverletter .select-from-eportfolio .radio label::after,
#listingShareContent #printResumeForm .select-coverletter .select-from-eportfolio .radio label::after{
   background-color: #e68717;
}

#listingShareContent #downloadCoverLetterForm .select-resume .select-from-eportfolio .checkbox input[type="checkbox"]:focus + label::before,
#listingShareContent #downloadCoverLetterForm .select-resume .select-from-eportfolio .checkbox input[type="radio"]:focus + label::before,
#listingShareContent #printCoverLetterForm .select-resume .select-from-eportfolio .checkbox input[type="checkbox"]:focus + label::before,
#listingShareContent #printCoverLetterForm .select-resume .select-from-eportfolio .checkbox input[type="radio"]:focus + label::before{
  outline:none;
  outline: 0;
  outline-offset: unset;
}
#listingShareContent #downloadCoverLetterForm .select-resume .select-from-eportfolio .radio input[type="radio"]:focus + label::before,
#listingShareContent #printCoverLetterForm .select-resume .select-from-eportfolio .radio input[type="radio"]:focus + label::before{
outline:none;
  outline: 0;
  outline-offset: unset;
}
#listingShareContent #downloadCoverLetterForm .select-resume .select-from-eportfolio .checkbox label::before,
#listingShareContent #printCoverLetterForm .select-resume .select-from-eportfolio .checkbox label::before{
  width: 17px;
  height: 17px;
  border: 2px solid #cccccc;
  }
#listingShareContent #downloadCoverLetterForm .select-resume .select-from-eportfolio .checkbox label::after,
#listingShareContent #printCoverLetterForm .select-resume .select-from-eportfolio .checkbox label::after{
  width: 16px;
  height: 16px;
  padding-left: 3px;
  padding-top: 1px;
  color: #e68717;
  }

#listingShareContent #downloadCoverLetterForm .select-resume .select-from-eportfolio .radio label::after,
#listingShareContent #printCoverLetterForm .select-resume .select-from-eportfolio .radio label::after{
   background-color: #e68717;
}

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
/*
 * --------------------------------------------------
 * Global Style
 * --------------------------------------------------
 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  html, body {
    width: 1000px; } }

html, body, h1, h2, h3, h4, h5, h6, p, div, span, footer {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-overflow-scrolling: touch; }

html {
  font-family: 'Source Sans Pro';
  font-weight: normal;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  font-family: 'Source Sans Pro';
  font-weight: normal; }

html, body {
  width: auto !important;
  /*overflow-x: hidden !important;*/
  margin: 0px !important;
  padding: 0px !important; }

div {
  border: 0px solid; }

/* ----- Typo ----- */
h1, h2, h3, h4, h5 {
  font-weight: bold;
  letter-spacing: 0; }

.theme-01 h2 {
  font-size: 32px; }

.theme-01 h3 {
  font-size: 28px; }

.theme-01 h4 {
  font-size: 20px; }

.theme-01 h5 {
  font-size: 16px; }

p:only-child,
p:last-child {
  font-family: "Source Sans Pro";
  margin-bottom: 0;
  font-size: 15px;
  color: #333333;
}

/* ----- Color ----- */
.theme-01 .color-turqoise {
  color: #5aacb4 !important; }

.theme-01 .color-yellow {
  color: #fbb02f !important; }

.theme-01 .color-red {
  color: #f2644e !important; }

.theme-01 .color-purple {
  color: #822a91 !important; }

.theme-01 .color-positive {
  color: #00b415 !important; }

.theme-01 .bg-turqoise {
  background-color: #5aacb4 !important; }

.theme-01 .bg-yellow {
  background-color: #fbb02f !important; }

.theme-01 .bg-red {
  background-color: #f2644e !important; }

.theme-01 .bg-purple {
  background-color: #822a91 !important; }

/* ----- Button ----- */
.btn-circle {
  border-radius: 50%; }

.btn-round {
  border-radius: 20px;
  padding: 8px 20px; }
  .btn-round.btn-md {
    border-radius: 30px;
    padding: 7px 30px; }
  .btn-round.btn-lg {
    border-radius: 30px;
    padding: 15px 40px; }
  .btn-round > .img-icon {
    margin-right: 10px; }

.btn-full-width {
  width: 100%; }

.theme-01 .btn-sm {
  font-size: 15px;
  font-weight: bold; }

.theme-01 .btn-md {
  font-size: 15px;
  font-weight: bold; }

.theme-01 .btn-lg {
  font-size: 18px;
  font-weight: bold; }

.theme-01 .btn-gray-light {
  background-color: #bfbfbf;
  color: #fff; }
  .theme-01 .btn-gray-light:hover,
  .theme-01 .btn-gray-light:focus {
    background-color: #999999 !important;
    color: #fff !important; }

.theme-01 .btn-yellow {
  background-color: #412B87;
  color: #fff;
  font-family: "Source Sans Pro Bold";
}
  .theme-01 .btn-yellow:hover,
  .theme-01 .btn-yellow:focus {
    background-color: #412B87;
    color: #fff; }

.theme-01 .btn-turqoise {
  background-color: #412B87;
  color: #fff; }
  .theme-01 .btn-turqoise:hover,
  .theme-01 .btn-turqoise:focus {
    background-color: #412B87;
    color: #fff; }

.theme-01 .btn-turqoise-outline {
  border: 1px solid #5aacb4;
  background-color: #fff;
  color: #5aacb4; }
  .theme-01 .btn-turqoise-outline:hover,
  .theme-01 .btn-turqoise-outline:focus {
    border: 1px soild #5aacb4;
    background-color: #5aacb4;
    color: #fff; }

.theme-01 .btn-purple-outline {
  border: 1px solid #822a91;
  background-color: #fff;
  color: #822a91; }
  .theme-01 .btn-purple-outline:hover,
  .theme-01 .btn-purple-outline:focus {
    border: 1px soild #822a91;
    background-color: #822a91;
    color: #fff; }

/* ----- Button Link ----- */
.btn-link {
  font-weight: bold; }

.btn-icon-circle {
  padding: 0;
  border: none;
  vertical-align: middle; }
  .theme-01 .btn-icon-circle {
    font-size: 16px;
    font-weight: bold;
    color: #2A51FE; }
    .theme-01 .btn-icon-circle:hover,
    .theme-01 .btn-icon-circle:focus {
      text-decoration: underline; }
      .theme-01 .btn-icon-circle:hover > span,
      .theme-01 .btn-icon-circle:focus > span {
        background-color: #2A51FE; }
  .btn-icon-circle > span {
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center; }
    .theme-01 .btn-icon-circle > span {
      background-color: #2A51FE; }

.theme-01 .btn-link-red {
  color: #f2644e; }
  .theme-01 .btn-link-red:hover,
  .theme-01 .btn-link-red:focus {
    color: #e32d11; }

.theme-01 .btn-link-gray-dark {
  color: #333333; }
  .theme-01 .btn-link-gray-dark:hover,
  .theme-01 .btn-link-gray-dark:focus {
    color: #0d0d0d; }

/* ----- Badge ----- */
.badge {
  padding: 4px 7px; }

/* ----- Center Responsive Image ----- */
.img-responsive.img-center {
  margin: 0 auto;
  left: 0px;
  right: 0px; }

.img-responsive.force-scale {
  width: 100%; }

/* ----- Margin & Padding ----- */
.mg-0 {
  margin: 0; }

.mg-lr-0 {
  margin-left: 0;
  margin-right: 0; }

.mg-t-5 {
  margin-top: 5px; }

.mg-t-10 {
  margin-top: 10px; }

.mg-t-15 {
  margin-top: 15px; }

.mg-t-30 {
  margin-top: 30px; }

.mg-t-60 {
  margin-top: 60px; }

.mg-b-5 {
  margin-bottom: 5px; }

.mg-b-10 {
  margin-bottom: 10px; }

.mg-b-15 {
  margin-bottom: 15px; }

.mg-b-30 {
  margin-bottom: 30px; }

.mg-b-60 {
  margin-bottom: 60px; }

.pd-l-0 {
  padding-left: 0; }

.pd-r-0 {
  padding-right: 0; }

.pd-lr-0 {
  padding-left: 0;
  padding-right: 0; }

.theme-01 .yellow-box {
  border-top: 6px solid #fbb02f;
  border-right: 1px solid #fbb02f;
  border-bottom: 1px solid #fbb02f;
  border-left: 1px solid #fbb02f; }

/* ----- Image Wrap ----- */
.image-wrap {
  position: relative; }
  .image-wrap > .img-btn-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-align: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .theme-01 .image-wrap > .img-btn-overlay {
      color: #fff; }
    .image-wrap > .img-btn-overlay.icon-sm {
      font-size: 20px; }
    .image-wrap > .img-btn-overlay.icon-md {
      font-size: 40px; }
    .image-wrap > .img-btn-overlay.icon-lg {
      font-size: 60px; }
    .image-wrap > .img-btn-overlay > i {
      position: relative;
      top: 50%;
      transform: translateY(-50%); }

/* ----- Separator ----- */
.separator {
  display: block;
  height: 1px;
  margin: 15px 0; }
  .theme-01 .separator.purple-light01 {
    background-color: #9361ae; }
  .theme-01 .separator.purple-light02 {
    background-color: #dfc9e2; }

/*
 * --------------------------------------------------
 * Navigation
 * --------------------------------------------------
 */
/* ----- Main Nav ----- */
#main-nav {
  /* ----- Branding ----- */
  /* ----- Toggle ----- */
  /* ----- Collapse ----- */
  /* ----- Navbar ----- */
  /* ----- Navbar Primary ----- */
  /* ----- Dropdown Menu ----- */
  /* ----- Navbar Secondary ----- */
  /* ----- Navbar Tertiary ----- */ }
  #main-nav a {
    transition: color 0.3s; }
    #main-nav a:hover,
    #main-nav a:focus,
    #main-nav a:active {
      outline: 0; }
  #main-nav.navbar {
    margin-bottom: 0;
    border: none;
    background-color: #fff;
    border-radius: 0; }
  #main-nav .navbar-header .search {
    display: inline-block;
    float: right; }
    #main-nav .navbar-header .search > .btn-circle {
      width: 36px;
      height: 36px;
      margin-top: 17px;
      margin-left: 15px;
      padding: 8px 6px;
      text-align: center;
      font-size: 16px;
      font-weight: bold;
      line-height: 20px; }
  #main-nav .navbar-nav {
    margin: 0; }
  #main-nav .navbar-brand {
    height: 70px;
    padding: 22px 15px; }
  #main-nav .navbar-toggle {
    position: relative;
    margin: 15px 0;
    padding: 5px 15px;
    border: none;
    background: transparent;
    color: gray;
    float: right; }
  #main-nav .navbar-toggle .fa {
    font-size: 30px; }
  #main-nav .navbar-toggle:hover,
  #main-nav .navbar-toggle:focus {
    background: transparent; }
  #main-nav .navbar-toggle .fa-fw {
    width: 1em; }
  #main-nav .navbar-toggle .fa-bars {
    opacity: 1;
    transition: opacity 0.3s; }
  #main-nav .navbar-toggle .fa-close {
    position: absolute;
    top: 5px;
    left: 15px;
    opacity: 0;
    transition: opacity 0.3s; }
  #main-nav .navbar-toggle.open .fa-bars {
    opacity: 0; }
  #main-nav .navbar-toggle.open .fa-close {
    opacity: 1; }
  @media (max-width: 1199px) {
    #main-nav .navbar-collapse {
      background-color: #f1f1f1; }
      #main-nav .navbar-collapse .navbar-nav > li {
        border-bottom: 1px dotted #cccccc; } }
  #main-nav .navbar-primary > li > a,
  #main-nav .navbar-secondary > li > a {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.5px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 25px;
    margin-bottom: 25px; }
  #main-nav .navbar-primary {
    margin-right: 15px; }
    #main-nav .navbar-primary > li > a {
      font-family: "Source Sans Pro Bold";
      font-size: 16px;
      color: #333333; }
      #main-nav .navbar-primary > li > a > .fa {
        color: #412B87;
        padding-left: 6px; }
      #main-nav .navbar-primary > li > a:hover,
      #main-nav .navbar-primary > li > a:focus {
        color: #333333;
        background-color: transparent; }
  #main-nav .dropdown-menu {
    width: 260px;
    left: 0;
    padding: 10px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: #412B87; }
    #main-nav .dropdown-menu > li {
      border-bottom: 1px solid #412B87; }
      #main-nav .dropdown-menu > li:last-child {
        border-bottom: none; }
      #main-nav .dropdown-menu > li > a {
        color: #fff;
        padding: 10px 15px;
        white-space: normal; }
        #main-nav .dropdown-menu > li > a:hover,
        #main-nav .dropdown-menu > li > a:focus {
          background-color: #412B87; }

  #main-nav .dropdown-menu>li {
    border-bottom: 1px solid #FFF;
  }
    
  #main-nav .navbar-secondary {
    margin-right: 3px; }
    #main-nav .navbar-secondary > li > a {
      font-family: "Source Sans Pro Bold";
      font-size: 16px;
      color: #333333;
      padding: 0 10px; }
      #main-nav .navbar-secondary > li > a:hover,
      #main-nav .navbar-secondary > li > a:focus {
        color: #333333;
        background-color: transparent; }
    #main-nav .navbar-secondary > li:first-child > a {
      padding-left: 30px;
      border-left: 1px solid #cccccc; }
  #main-nav .navbar-tertiary > li > a {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px; }
    #main-nav .navbar-tertiary > li > a.btn-circle {
      width: 36px;
      height: 36px;
      margin-top: 17px;
      margin-left: 15px;
      padding: 8px 6px;
      text-align: center; }
    #main-nav .navbar-tertiary > li > a.btn-round {
      margin-top: 17px;
      margin-left: 10px;
      padding: 8px 12px;
      text-align: center; }
    #main-nav .navbar-tertiary > li > a.btn {
      font-family: "Source Sans Pro Bold";
      font-size: 16px;
      background-color: #412B87;
      border: none; }
    #main-nav .navbar-tertiary > li > a.btn-link-red {
      display: block;
      margin: 25px 0 25px 10px;
      padding: 0;
      background-color: transparent; }
    #main-nav .navbar-tertiary > li > a > span {
      display: none; }

    #main-nav .navbar-tertiary > li > a:hover{
      background-color: #412B87 !important;
    }

/* ----- Login Nav ----- */
#sub-nav {
  background-color: #f1f1f1;
  /* ----- Navbar Login Menu ----- */
  /* ----- Navbar System Menu ----- */ }
  #sub-nav a {
    transition: color 0.3s; }
    #sub-nav a:hover,
    #sub-nav a:focus,
    #sub-nav a:active {
      outline: 0; }
  #sub-nav.navbar {
    margin-bottom: 0;
    min-height: 40px;
    border: none;
    border-radius: 0; }
  #sub-nav .navbar-login-menu > li > a {
    font-family: "Source Sans Pro";
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff; }
    #sub-nav .navbar-login-menu > li > a:hover,
    #sub-nav .navbar-login-menu > li > a:focus {
      color: #fff;
      text-decoration: underline;
      background-color: transparent; }
  #sub-nav .navbar-login-menu > li:first-child > a {
    padding-left: 0; }
  #sub-nav .navbar-system-menu {
    margin-right: 30px; }
    #sub-nav .navbar-system-menu > li > a {
      padding: 10px 5px;
      color: #fff;
      font-size: 15px; }
      #sub-nav .navbar-system-menu > li > a:hover,
      #sub-nav .navbar-system-menu > li > a:focus {
        color: #fff;
        background-color: transparent;
        text-decoration: underline; }
      #sub-nav .navbar-system-menu > li > a > .fa {
        font-size: 20px; }
    #sub-nav .navbar-system-menu > li .badge {
      padding: 4px 10px 2px 10px;
      margin-left: 5px;
      font-size: 14px;
      font-weight: bold;
      color: #ffffff;
      vertical-align: top;
      background-color: #e68717; }

.btn-link-red {
  color: #f2644e; }
  .btn-link-red:hover,
  .btn-link-red:focus {
    color: #e32d11; }

.btn-gray-light {
  background-color: #bfbfbf;
  color: #fff; }
  .btn-gray-light:hover,
  .btn-gray-light:focus {
    background-color: #999999 !important;
    color: #fff !important; }

/*
 * --------------------------------------------------
 * Page Header
 * --------------------------------------------------
 */
.page-header {
  padding: 30px 0;
  margin: 0;
  border: none; }
  @media (max-width: 1199px) {
    /*.page-header {
      border-top: 1px solid #e6e6e6; }*/ }
  .page-header.short {
    padding: 15px 0; }
  .page-header ul.breadcrumb {
    margin-bottom: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0; }
    .page-header ul.breadcrumb > li > a {
      color: #333333; }
      .page-header ul.breadcrumb > li > a:hover,
      .page-header ul.breadcrumb > li > a:focus {
        color: #333333; }
    .page-header ul.breadcrumb > li + li:before {
      padding: 0 6px;
      color: #333333; }
  .page-header ul.action-widget {
    margin-bottom: 0;
    padding: 0;
    text-align: right; }
    @media (max-width: 991px) {
      .page-header ul.action-widget {
        margin-top: 30px;
        text-align: left; } }
    .page-header ul.action-widget > li {
      display: inline-block;
      padding: 0 15px; }
      .page-header ul.action-widget > li:first-child {
        padding-left: 0; }
      .page-header ul.action-widget > li:last-child {
        padding-right: 0; }
      .page-header ul.action-widget > li > a {
        font-family: "Source Sans Pro";
        font-size: 17px;
        color: #2A51FE; }
          .page-header ul.action-widget > li > a >i {
            color: #333333; }
        .page-header ul.action-widget > li > a:hover,
        .page-header ul.action-widget > li > a:focus {
          color: #2A51FE;
        text-decoration: underline}
  .page-header h1 {
    font-family: "Gotham Runded Bold";
    font-size: 40px !important;
    margin: 0;
    font-size: 42px;
    font-weight: 300;
    line-height: 42px;
    color: #333333; }
  .page-header h2 {
    margin: 15px 0 0;
    font-size: 32px;
    font-weight: 300;
    line-height: 32px;
    color: #333333; }

  #myskillsfuture-main-menu .navbar-right .navbar-tertiary #nav-profile-image{
    border: 3px solid #412B87;
    border-radius: 38px;
  }

/*
 * --------------------------------------------------
 * Footer
 * --------------------------------------------------
 */
footer {
  min-height: 70px;
  bottom: 0px;
  margin: 0px;
  padding: 0px;
  position: relative;
  font-size: 14px;
  color: #fff;
  background-color: #444444; }
  footer .container {
    padding: 15px; }
  footer div {
    padding: 5px; }
    @media (max-width: 767px) {
      footer div {
        padding: 0px; } }
  footer .sitemap {
    background: #444444; }
    footer .sitemap a {
      line-height: 24px;
      color: #fff; }
      footer .sitemap a:link,
      footer .sitemap a:visited {
        color: #fff; }
  footer .right {
    text-align: right; }
    @media (max-width: 1199px) {
      footer .right {
        text-align: left; } }
  footer .termsofuse {
    font-size: 14px;
    text-align: left; }
    @media (max-width: 767px) {
      footer .termsofuse {
        text-align: left; } }
  footer .logo {
    text-align: left;
    font-size: 18px;
    font-weight: bold; }

/*
 * --------------------------------------------------
 * Modules
 * --------------------------------------------------
 */
/* ----- Calendar ----- */
time.icon {
  display: block;
  position: relative;
  width: 65px;
  height: 70px;
  border-radius: 3px;
  overflow: hidden;
  text-align: center; }
  .theme-01 time.icon {
    background-color: #8c4198;
    border: 1px solid #8c4198; }
  time.icon > .day {
    line-height: 46px; }
    .theme-01 time.icon > .day {
      font-size: 32px;
      font-weight: bold;
      color: #fff; }
  time.icon > .month {
    line-height: 22px; }
    .theme-01 time.icon > .month {
      font-size: 12px;
      font-weight: bold;
      color: #8c4198;
      background-color: #fff; }

/* ----- Drag Scroll ----- */
.dragscroll-outter {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: block; }

.dragscroll-inner {
  width: 100%;
  height: auto;
  padding-top: 0px;
  padding-bottom: 17px;
  margin-bottom: -17px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  vertical-align: top;
  display: block; }

.dragscroll-item-wrap {
  vertical-align: top;
  display: block;
  overflow: hidden; }

/* ----- Slick Carousel ----- */
.slick-single .slick-item {
  float: left;
  min-height: 1; }

/* ----- Events Card ----- */
.events-cards .card-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px; }
  .events-cards .card-item > .calendar-icon {
    width: 65px;
    margin-right: 15px;
    float: left; }
  .events-cards .card-item > .event-info {
    display: table; }
    .events-cards .card-item > .event-info > h5 {
      font-family: "Source Sans Pro Bold";
      color: #e68717;
      margin: 0; }
    .theme-01 .events-cards .card-item > .event-info > p {
      font-size: 13px; }
    .events-cards .card-item > .event-info > .venue {
      display: table; }
      .theme-01 .events-cards .card-item > .event-info > .venue {
        color: #5aacb4; }
      .events-cards .card-item > .event-info > .venue > .marker {
        display: table-cell; }
        .theme-01 .events-cards .card-item > .event-info > .venue > .marker {
          font-size: 18px; }
        .events-cards .card-item > .event-info > .venue > .marker > .fa {
          margin-right: 5px; }
      .events-cards .card-item > .event-info > .venue > .address {
        display: table-cell; }

/* ----- Info Card ----- */
.info-card {
  display: block;
  border-radius: 3px;
  overflow: hidden;
  /* ----- statistic -----*/ }
  .theme-01 .info-card {
    background-color: #fff; }
  .info-card figcaption {
    padding: 20px; }
    .info-card figcaption h4, .info-card figcaption h5 {
      margin: 0;
      padding: 0; }
  .info-card > .statistic {
    padding: 20px; }
    .info-card > .statistic > .header-title {
      padding: 5px 0;
      margin-bottom: 9px; }
      .info-card > .statistic > .header-title > .image-wrap {
        display: block;
        margin-right: 20px;
        float: left; }
      .info-card > .statistic > .header-title > .title {
        display: inline-block; }
        .info-card > .statistic > .header-title > .title > h5 {
          font-family: "Source Sans Pro Bold";
          font-size: 15px;
          color: #333;
          margin: 0; }
        .info-card > .statistic > .header-title > .title > h2 {
          font-family: "Gotham Runded Bold";
          font-size: 30px;
          color: #333;
          line-height: 37px;
          margin: 0;
          font-weight: 300;
        }
          .theme-01 .info-card > .statistic > .header-title > .title > h2 {
            font-size: 36px; }
            @media (max-width: 1199px) {
              .theme-01 .info-card > .statistic > .header-title > .title > h2 {
                font-size: 32px; } }
    .info-card > .statistic > .info-chart {
      margin-bottom: 0; }
      .info-card > .statistic > .info-chart li {
        width: 100%;
        display: inline-block;
        padding: 12px 0; }
        .theme-01 .info-card > .statistic > .info-chart li {
          border-bottom: 1px solid #f1f1f1; }
        .info-card > .statistic > .info-chart li:last-child {
          border-bottom: none;
          padding-bottom: 0; }
      .info-card > .statistic > .info-chart .number {
        font-family: "Gotham Runded Bold";
        font-size: 32px;
        color: #8fc448;
        width: 40%;
        display: inline-block;
        line-height: 36px; 
        word-wrap: break-word;
    	word-break: break-word;
        min-width: 135px;}
        .theme-01 .info-card > .statistic > .info-chart .number {
          font-size: 36px;
          font-weight: bold;
          color: #5aacb4; }
          @media (max-width: 1199px) {
            .theme-01 .info-card > .statistic > .info-chart .number {
              font-size: 32px; } }
        .info-card > .statistic > .info-chart .number sup {
          font-size: 45%;
          top: -12px; }
      .info-card > .statistic > .info-chart .description {
        font-family: "Source Sans Pro";
        font-size: 15px;
        color: #333333;
        width: 60%;
        padding-right: 0;
        line-height: 17px;
        display: inline-block;
        float: right;
        max-width: 185px;}

/* ----- Progress Card ----- */
.progress-card {
  display: block;
  border-radius: 3px;
  overflow: hidden; }
  .theme-01 .progress-card {
    background-color: #fff; }
  .progress-card.card-left {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .progress-card.card-right {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .progress-card > .card-holder {
    padding: 30px; }
    .progress-card > .card-holder.slick {
      padding: 20px 0; }
    .theme-01 .progress-card > .card-holder > h5 {
      font-size: 16px; }

/* ----- Circle Number ----- */
.circle-number {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%; }
  .theme-01 .circle-number {
    border: 5px solid rgba(0, 0, 0, 0); }
  .circle-number > span {
    line-height: 90px; }
    .theme-01 .circle-number > span {
      font-family: "Gotham Runded Bold";
      font-size: 50px;
      font-weight: 300;
      color: #8c4198; }

/* ----- Favourite List ----- */
.fav-list {
  margin-bottom: 30px; }
  .fav-list > li {
    margin-bottom: 20px; }
    .fav-list > li:last-child {
      margin-bottom: 0; }
  .fav-list .fav-item {
    display: table; }
    .fav-list .fav-item > .fav-item-icon {
      display: table-cell;
      vertical-align: top; }
      .theme-01 .fav-list .fav-item > .fav-item-icon > .fa {
        font-size: 16px;
        color: #fbb02f; }
    .fav-list .fav-item .fav-item-text {
      display: table-cell;
      padding: 0 10px;
      vertical-align: top; }
      .theme-01 .fav-list .fav-item .fav-item-text small {
        font-size: 14px;
        color: #333333; }
      .fav-list .fav-item .fav-item-text h5 {
        margin: 0; }
        .theme-01 .fav-list .fav-item .fav-item-text h5 {
          font-size: 16px;
          color: #333333; }

/* ----- Scroll Panel ----- */
.scroll-panel-tab {
  display: block;
  padding: 16px 16px 12px;
  border-radius: 3px;
  margin-bottom: 5px; }
  .theme-01 .scroll-panel-tab {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #9361ae; }
  .scroll-panel-tab > i {
    float: right; }

.scroll-panel {
  display: block;
  border-radius: 3px;
  padding: 15px; }
  .theme-01 .scroll-panel {
    background-color: #fff; }
  .scroll-panel > .scroll-panel-body {
    height: 150px;
    overflow-x: hidden;
    overflow-y: scroll; }

/* ----- Tabs ----- */
.full-width-tabs > .nav-tabs {
  display: table;
  width: 100%; }
  .full-width-tabs > .nav-tabs > li {
    float: none;
    display: table-cell; }
    .full-width-tabs > .nav-tabs > li > a {
      text-align: center;
      margin-bottom: -1px; }

.nav-tabs {
  border-bottom: none; }
  .nav-tabs > li {
    margin-bottom: 0; }
    .nav-tabs > li:first-child > a {
      border-radius: 5px 0 0 5px; }
      .theme-01 .nav-tabs > li:first-child > a {
        border-left: 1px solid #822a91; }
        .theme-01 .nav-tabs > li:first-child > a:hover,
        .theme-01 .nav-tabs > li:first-child > a:focus {
          border: 1px solid #822a91; }
    .nav-tabs > li:last-child > a {
      border-radius: 0 5px 5px 0; }
      .theme-01 .nav-tabs > li:last-child > a {
        border-right: 1px solid #822a91; }
        .theme-01 .nav-tabs > li:last-child > a:hover,
        .theme-01 .nav-tabs > li:last-child > a:focus {
          border: 1px solid #822a91; }
    .theme-01 .nav-tabs > li.active > a {
      font-weight: bold;
      color: #822a91;
      border: 1px solid #822a91;
      background-color: #fff; }
      .theme-01 .nav-tabs > li.active > a:hover,
      .theme-01 .nav-tabs > li.active > a:focus {
        color: #822a91;
        border: 1px solid #822a91;
        background-color: #fff; }
    .nav-tabs > li > a {
      padding: 14px 20px;
      border-radius: 0px; }
      .theme-01 .nav-tabs > li > a {
        font-size: 15px;
        color: #fff;
        background-color: #9361ae;
        border-top: 1px solid #822a91;
        border-bottom: 1px solid #822a91; }
        .theme-01 .nav-tabs > li > a:hover,
        .theme-01 .nav-tabs > li > a:focus {
          border-color: #822a91;
          background-color: #822a91; }

/* ----- Panel ----- */
.theme-01 .panel-group > .panel.panel-default {
  border-color: #822a91; }

.panel-group > .panel > .panel-heading {
  padding: 0;
  margin: 0; }
  .theme-01 .panel-group > .panel > .panel-heading {
    color: #fff;
    background-color: #9361ae;
    border-color: #822a91; }
  .panel-group > .panel > .panel-heading > .panel-title {
    padding: 0;
    margin: 0; }
    .panel-group > .panel > .panel-heading > .panel-title > a {
      display: block;
      padding: 14px 20px; }
      .panel-group > .panel > .panel-heading > .panel-title > a:hover,
      .panel-group > .panel > .panel-heading > .panel-title > a:focus {
        text-decoration: none; }
        .theme-01 .panel-group > .panel > .panel-heading > .panel-title > a:hover,
        .theme-01 .panel-group > .panel > .panel-heading > .panel-title > a:focus {
          background-color: #822a91; }

/*
 * --------------------------------------------------
 * Responsive Video
 * --------------------------------------------------
 */
.jumbotron-video {
  width: 100%;
  padding: 0;
  margin-bottom: 0; }

.video-js {
  padding-top: 50% !important;
  width: auto;
  height: auto; }

.theme-01 #knowyourself .color-purple,
.theme-01 #mygoals .color-purple,
.theme-01 #overview_page_my_favourite_my_favourites .color-purple{
  font-family: Gotham Runded Bold;
  font-size: 22px;
  color: #412B87 !important;
  font-weight: 300;
}



.long_word_break {
	-ms-word-break: break-all;
	word-break: normal !important;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
#mytestimonial .testimonial-wrap .testimonial {
    padding-top: 45px;
}
.slick-item .color-purple {
	min-height: 35px;
}
#add-category-form-id .attach-icon{
    z-index: 100;
}
#my_favourites_my_eportfolio_page_m .highlight a {
	color: #fff !important
}
.theme-01 .fav-list .fav-item .fav-item-text h5 a {
    color: #2A51FE !important;
}
.important_color {
	color: #D82631;
}
.slick-item strong a {
	color: #2A51FE !important;
}

.msf_preu_overviewpage .midrightpanel {
    background: url(preu/images/midrightpanel_bg.jpg) center top no-repeat;
    background-size: cover;
    border-top: 1px solid #8fc448;
    border-bottom: 1px solid #8fc448;
    border-left: 1px solid #8fc448;
    border-right: 1px solid #8fc448;
    padding: 0 !important;
	background-position: 0px;
}

.msf_preu_overviewpage .overview_left_center_position{
	padding-right: 0px !important;
}

.msf_preu_overviewpage div[class*="dragscroll"] {
    border: 0px solid;
    padding: 0;
}

.msf_preu_overviewpage .overview-progress > .progress-card {
    border-top: 0px solid #fbb02f !important;
    border-bottom: 0px solid #fbb02f !important;
    height: 100%;
}

@media (max-width: 991px) and (min-width: 768px)
.container {
    width: 750px !important;
}

.theme1.preuonecol #myfavourites {
   background: #8C4198;
}

.theme1.preuonecol a.clickBreadcrumbLink,
.theme1.preuonecol a.clickBreadcrumbLink:link,
.theme1.preuonecol a.clickBreadcrumbLink:visited,
.theme1.preuonecol .sub_category_item a,
.theme1.preuonecol .sub_category_item a:link,
.theme1.preuonecol .sub_category_item a:visited
{
    color: #333 !important;
}
.theme1.preuonecol .my_eportfolio_page_my_goals .scroll-panel-body p strong {
	color: #333 !important
}
.theme1.preuonecol #my_testimonial {
    background-color: #fff !important;
}
.theme1.preuonecol #myresume {
    background: url(preu/images/MyePortfolio_bg_mid_left.png) top left no-repeat, url(preu/images/MyePortfolio_bg_mid_right.png) top right no-repeat, #f1f1f1;
    background-size: auto, contain;
}
.theme1.preuonecol .resume-item .file-details div span {
	color: #333333 !important;
}
.theme1.preuonecol #myresume .resume-wrap .resume > .resume-list {
	/* min-height: 242px !important; */
	overflow-y: auto;
    height: 305px;
    margin-bottom: 0;
	overflow-x: hidden;
}
.theme1.preuonecol #goals .scroll-panel > .scroll-panel-body {
	margin: 0px !important;
}
.theme1.preuonecol .theme-01 .nav-tabs > li.active > a {
	border: 1px solid #fff;
	color: #333 !important;
	padding: 4px 2px !important;
}

@media (max-width: 900px){
	.theme1.preuonecol #myresume {
		background: url(preu/images/MyePortfolio_bg_left_768.png) top left no-repeat, url(preu/images/MyePortfolio_bg_right_768.png) top right no-repeat, #f1f1f1;
		background-size: auto, contain;
	}
}

@media (max-width: 375px){
	.theme1.preuonecol #myresume {
	    background: url(preu/images/MyePortfolio_bg_mid_top.png) top left no-repeat #f1f1f1;
	}
}

.theme1.preuonecol #myresume #my_coverletter .icon-header h4,
.theme1.preuonecol #myresume #my_resume .icon-header h4{
    display: block !important;
}



@media (min-width: 1200px)
.theme1.preuonecol #reflections {
    margin-left: 0px !important;
}
.theme1.preuonecol #reflections {
	border-top: 6px solid #8fc448;
	background-color: #fff !important;
	margin-left: 0px !important;
	background: none !important;
}
.theme1.preuonecol .nav-tabs > li > a {
	font-family: "Source Sans Pro Bold";
    padding: 0px;
    font-size: 14px;
    border-radius: 0px;
    color: #fff;
    background-color: #412B87;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.theme1.preuonecol .full-width-tabs > ul.nav.nav-tabs > li {
	float: left !important;
}
.theme1.preuonecol ul.nav.nav-tabs {
	/*border: none !important;*/
}
.theme1.preuonecol .nav-tabs > li:first-child > a {
	border-radius: 5px 0 0 5px !important;
}
.theme1.preuonecol .theme-01 .scroll-panel {
	height: inherit !important;
}
.my_eportfolio_page_my_favourites a,
.my_eportfolio_page_my_favourites a:link,
.my_eportfolio_page_my_favourites a:visited {
    color: #fff;
}
.theme1 .my_eportfolio_page a, .theme1 .my_eportfolio_page a:link, .theme1 .my_eportfolio_page a:visited {
	font-family: "Source Sans Pro Bold";
	font-size: 17px;
	color: #fff;
}
    .theme1 .my_eportfolio_page a:hover {
        color: #fff;
    }
/*.reflectionfeedback .card-holder a {
	color: #333;
}
.reflectionfeedback .card-holder .ctabox a {
	color: #fff;
	margin-top: 10px;
}*/
.cat-container-profile .subcatDiv li {
	list-style: none;
}
#goals-reflections #my_reflections_my_eportfolio_page_m .btn-yellow {
	text-decoration: none;
}
.theme1 .my_eportfolio_page #my_testimonial_my_eportfolio_page_m a,
.theme1 .my_eportfolio_page #my_testimonial_my_eportfolio_page_m a:link,
.theme1 .my_eportfolio_page #my_testimonial_my_eportfolio_page_m a:visited {
    /*color: #333;*/
}

.theme1 .my_eportfolio_page #my_testimonial_my_eportfolio_page_m a.myeportfolio-reference-files,
.theme1 .my_eportfolio_page #my_testimonial_my_eportfolio_page_m a.myeportfolio-reference-files:link,
.theme1 .my_eportfolio_page #my_testimonial_my_eportfolio_page_m a.myeportfolio-reference-files:visited {
    color: #333;
}


.checkbox label,
.select-from-computer label,
.select-from-eportfolio label {
	cursor: pointer;
}
#mycategory .progress-card > .card-holder > .slick-single .slick-item > p {
	font-weight: normal;
}
.game_achievement_common_container p {
    white-space: normal !important;
}
button.ctabtn {
	background: #412B87 !important;
	color: #fff !important;
	border: none !important;
}
button.ctabtn:hover {
	background: #412B87 !important;
	color: #ffffff !important;
	border: none !important;
}
button.ctabtn[disabled] {
	background: #ccc !important;
	color: #fff !important;
	border: none !important;
}
#download_profile .container_popup #format {
	min-width: 60px;
}
#mycategory .progress-card > .card-holder > h4 {
	font-family: "Gotham Runded Bold";
	font-weight: 300;
	font-size: 22px;
	color: #333 !important;
	margin: 0 0 5px 0;
	min-height: 48px;
}
.slick-active > .scroll-panel > p {
	font-weight: bold;
}
.slick-active > .scroll-panel > p.color-purple {
	font-weight: normal;
}
.slick-active > .scroll-panel > .scroll-panel > p {
	font-weight: bold;
}
.slick-item .scroll-panel p {
	padding-bottom: 5px;
	border-bottom: 1px solid #DFC9E2;
}
.slick-active > .scroll-panel > .scroll-panel > p.slick-item-result-header {
	font-weight: normal;
	border: none;
}
.slick-active > .scroll-panel > .scroll-panel > p.empty-item {
	border: none;
}
	@media (min-width: 992px) {
		#my_reflections .full-width-tabs {
			height: 265px;
		}
	}
#my_reflections_my_eportfolio_page_m #reflections .scroll-panel-body p {
	white-space: normal;
}


#cboxClose {
	background: #fff;
	color: #fff;
}









@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.5; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:1px solid #000; background:#fff;padding: 15px 20px 10px 25px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        .message{width: 100%;text-align: center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px;  width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        
/*         #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(preu/images/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;} */
/*         #cboxClose:hover{background-position:bottom center;} */

        
#cboxClose{
	width:30px;
    height:30px;
    color:#FFFFFF;
    background:transparent;
    position:absolute;
    right: 10px;
    top: 10px;
    border-radius: 15px;
    border:0px;
    text-align: center;
}
#cboxClose:hover{
    color:#fff;
    /*background:#cb333b*/;
}

.edupathway_close{
    color:#000000;
}


#cboxClose:after {
    font-family: "Glyphicons Halflings"; 
    content:"\e014";
    font-size: 14px;
    line-height: 30px;
}
        

#colorbox .contentblock{
	margin-top: 25px;
}

#colorbox .ctabox{
    text-align: center;
}
#colorbox .ctabox .ctabtn{
	background-color: #412B87;
	border: none;
}
.SchoolComparisonTitle {
    text-align: left;
    margin-top: 35px;
    margin-bottom: 25px;
}

#ComparsionList_sliderplate .filterschools {
    text-align:right;
    color:#5aacb4;
    margin-bottom:21px;
    font-size:19px;
    font-weight: bold;
}

/* School Comparison General Infomation  */ 
/*=================================================*/

.SchoolComparisonGeneralInformation_container {
    margin-top:10px;
}

#SchoolComparisonGeneralInformation .SchoolComparisonGeneralInformation_row {
    display:block;
}

#SchoolComparisonGeneralInformation .SchoolComparisonGeneralInformation_box {
    display:inline-table;
}

#SchoolComparisonGeneralInformation .SchoolComparisonGeneralInformation_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonGeneralInformation {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonGeneralInformation .openclose_icon {
    width: 30px;
    margin-top:-5px;
    display: inline-block;
    float: right;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonGeneralInformation .SchoolComparisonGeneralInformation_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonGeneralInformation .SchoolComparisonGeneralInformation_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonGeneralInformation .SchoolComparisonGeneralInformation_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonGeneralInformation .SchoolComparisonGeneralInformation_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonGeneralInformation .SchoolComparisonGeneralInformation_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonGeneralInformation .SchoolComparisonGeneralInformation_box {width:345px;margin-right:21px;}
}

#SchoolComparisonGeneralInformation .SchoolComparisonGeneralInformation_box {
	text-align: left;
}


/* School Comparison CCA Offered  */ 
/*=================================================*/

.SchoolComparisonCCA_container {
    margin-top:10px;
}

.SchoolComparisonSubjectOffered_box p {
    font-size: 19px;
    font-weight: bold;
    color: #5aacb4;
    margin-bottom: -2px;
}

#SchoolComparisonCCA .SchoolComparisonCCA_row {
    display:block;
}

#SchoolComparisonCCA .SchoolComparisonCCA_ccaTitle {
    font-weight: bold;
}

#SchoolComparisonCCA .SchoolComparisonCCA_box {
    display:inline-table;
}

#SchoolComparisonCCA .SchoolComparisonCCA_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonCCA {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonCCA .openclose_icon {
    width: 30px;
    margin-top:-5px;
    display: inline-block;
    float: right;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonCCA .SchoolComparisonCCA_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonCCA .SchoolComparisonCCA_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonCCA .SchoolComparisonCCA_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonCCA .SchoolComparisonCCA_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonCCA .SchoolComparisonCCA_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonCCA .SchoolComparisonCCA_box {width:345px;margin-right:21px;}
}

.SchoolComparisonCCA_box {
	text-align: center;
}

/* School Comparison Achievement  */ 
/*=================================================*/

.SchoolComparisonAchievement_container {
    margin-top:10px;
}

.SchoolComparisonSubjectOffered_box p {
    font-size: 19px;
    font-weight: bold;
    color: #5aacb4;
    margin-bottom: -2px;
}

#SchoolComparisonAchievement .SchoolComparisonAchievement_row {
    display:block;
}

#SchoolComparisonAchievement .SchoolComparisonAchievement_achievementTitle p{
    font-weight: bold;
}

#SchoolComparisonAchievement .SchoolComparisonAchievement_box {
    display:inline-table;
}

#SchoolComparisonAchievement .SchoolComparisonAchievement_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonAchievement {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonAchievement .openclose_icon {
    width: 30px;
    margin-top:-5px;
    display: inline-block;
    float: right;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonAchievement .SchoolComparisonAchievement_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonAchievement .SchoolComparisonAchievement_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonAchievement .SchoolComparisonAchievement_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonAchievement .SchoolComparisonAchievement_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonAchievement .SchoolComparisonAchievement_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonAchievement .SchoolComparisonAchievement_box {width:345px;margin-right:21px;}
}

.SchoolComparisonAchievement_box {
	text-align: left;
}

/* School Comparison PSLE  */ 
/*=================================================*/

.SchoolComparisonPSLE_container {
    margin-top:10px;
}

.SchoolComparisonSubjectOffered_box p {
    font-size: 19px;
    font-weight: bold;
    color: #5aacb4;
    margin-bottom: -2px;
}

#SchoolComparisonPSLE .SchoolComparisonPSLE_row {
    display:block;
}

#SchoolComparisonPSLE .SchoolComparisonPSLE_psleTitle {
    font-weight: bold;
}

#SchoolComparisonPSLE .SchoolComparisonPSLE_box {
    display:inline-table;
}

#SchoolComparisonPSLE .SchoolComparisonPSLE_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonPSLE {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonPSLE .openclose_icon {
    width: 30px;
    margin-top:-5px;
    display: inline-block;
    float: right;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonPSLE .SchoolComparisonPSLE_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonPSLE .SchoolComparisonPSLE_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonPSLE .SchoolComparisonPSLE_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonPSLE .SchoolComparisonPSLE_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonPSLE .SchoolComparisonPSLE_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonPSLE .SchoolComparisonPSLE_box {width:345px;margin-right:21px;}
}

.SchoolComparisonPSLE_box {
	text-align: left;
}

/* School Comparison Subject  */ 
/*=================================================*/

.SchoolComparisonSubjectOffered_container {
    margin-top:10px;
}

#SchoolComparisonSubjectOffered .SchoolComparisonSubjectOffered_row {
    display:block;
}

#SchoolComparisonSubjectOffered .SchoolComparisonSubjectOffered_subjectOfferedTitle {
    font-weight: bold;
}

#SchoolComparisonSubjectOffered .SchoolComparisonSubjectOffered_box {
    display:inline-table;
}

#SchoolComparisonSubjectOffered .SchoolComparisonSubjectOffered_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonSubjectOffered {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonSubjectOffered .openclose_icon {
    width: 30px;
    margin-top:-5px;
    display: inline-block;
    float: right;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonSubjectOffered .SchoolComparisonSubjectOffered_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonSubjectOffered .SchoolComparisonSubjectOffered_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonSubjectOffered .SchoolComparisonSubjectOffered_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonSubjectOffered .SchoolComparisonSubjectOffered_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonSubjectOffered .SchoolComparisonSubjectOffered_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonSubjectOffered .SchoolComparisonSubjectOffered_box {width:345px;margin-right:21px;}
}

.SchoolComparisonSubjectOffered_box {
	text-align: left;
}


/* School Comparison Special Programmes  */ 
/*=================================================*/

.SchoolComparisonSpecialProgrammes_container {
    margin-top:10px;
}

#SchoolComparisonSpecialProgrammes .SchoolComparisonSpecialProgrammes_row {
    display:block;
}

#SchoolComparisonSpecialProgrammes .SchoolComparisonSpecialProgrammes_specialProgrammeTitle {
    font-weight: bold;
}

#SchoolComparisonSpecialProgrammes .SchoolComparisonSpecialProgrammes_box {
    display:inline-table;
}

#SchoolComparisonSpecialProgrammes .SchoolComparisonSpecialProgrammes_box p {
    margin-top:11px;
    line-height:19px;
    margin-bottom:20px;
}

#SchoolComparisonSpecialProgrammes {
	border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:20px;
}

#SchoolComparisonSpecialProgrammes .openclose_icon {
    width: 30px;
    margin-top:-5px;
    display: inline-block;
    float: right;
}

/* Extra Small */
@media(max-width:320px){
    #SchoolComparisonSpecialProgrammes .SchoolComparisonSpecialProgrammes_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #SchoolComparisonSpecialProgrammes .SchoolComparisonSpecialProgrammes_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #SchoolComparisonSpecialProgrammes .SchoolComparisonSpecialProgrammes_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SchoolComparisonSpecialProgrammes .SchoolComparisonSpecialProgrammes_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SchoolComparisonSpecialProgrammes .SchoolComparisonSpecialProgrammes_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #SchoolComparisonSpecialProgrammes .SchoolComparisonSpecialProgrammes_box {width:345px;margin-right:21px;}
}

.SchoolComparisonSpecialProgrammes_box {
	text-align: left;
}

/* Compatibility */ 
/*=================================================*/

.Compatibility_container {
    margin-top:-7px;
}

#Compatibility .openclose_icon {
    width: 30px;
    margin-top:0px;
    display: inline-block;
    float: right;
}

#Compatibility .CompatibilityRow {
    display:block;
}

#Compatibility #CompatibilityBox {
    display:inline-table;
    padding-left:5px;
    padding-top:11px;
}

#Compatibility {
    border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:49px;
}

#CompatibilityBox .chart-table-container {display:block; width:100%;}

#CompatibilityBox .chart-table-container div {
    vertical-align: middle;
    /*border:1px solid rgba(255,0,0,0.2); */
}

#CompatibilityBox .chart-row {
    display:block;
    border-bottom:2px dotted rgba(0,0,0,0.15);
    padding-top: 10px;
    padding-bottom:5px;
}

#CompatibilityBox .chart-item {
    width:30px;
    float:left;
}

#CompatibilityBox .chart-bar-box {
    width: auto;
    margin-left: 30px;
}

#CompatibilityBox .chart-bar-row {
    font-size:0;
    display:block;
    height:14px;
    vertical-align: middle;
    height:18px;
}

#CompatibilityBox .bar {
    height:13px;
    border-radius: 5px;
    display:inline-block;
    padding:0px;
    margin:0px;
}

#CompatibilityBox .chart-bar-number {
    float:right; 
    font-size:20px;
    font-weight:bold;
    line-height: 15px;
}


/* LEGEND */
.CompatibilityRow .chart-legend {
    display:block;
    margin-top: 12px;
}

.CompatibilityRow .legend-row {display:inline-block; padding:0; padding-top:26px; padding-right:25px;}

.CompatibilityRow .chart-legend .item {
    width:30px;
    display:inline-block;
    background-color: transparent;
    vertical-align: middle;
}

.CompatibilityRow .chart-legend .item .icon {
    width:18px;
    height:18px;
    display:block;
    overflow: hidden;
    border-radius: 5px;
    font-size:0;
}

.CompatibilityRow .chart-legend .text {
    display:inline-block;
    font-size:16px;
    line-height: 17px;
    vertical-align: middle;
    margin-left:-6px;
    margin-top:2px;
}

.theme1 .CompatibilityRow .chart-item {font-size:24px; font-weight:bold; color:#606060;}
.theme1 .CompatibilityRow .bar-top {background-color: #ffbd00;}
.theme1 .CompatibilityRow .bar-bottom {background-color: #812990;}
.theme1 .CompatibilityRow .chart-bar-number.top {color:#ba8a01;}
.theme1 .CompatibilityRow .chart-bar-number.bottom {color:#812990;}
.theme1 .CompatibilityRow .chart-legend .item.top .icon{background-color:#ffc319;}
.theme1 .CompatibilityRow .chart-legend .item.bottom .icon{background-color:#812990;}
.theme1 .CompatibilityRow .chart-legend .text.top {color:#865d00;}
.theme1 .CompatibilityRow .chart-legend .text.bottom {color:#812990;}

/* Extra Small */
@media(max-width:320px){
    #Compatibility #CompatibilityBox {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #Compatibility #CompatibilityBox {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #Compatibility #CompatibilityBox {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #Compatibility #CompatibilityBox {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #Compatibility #CompatibilityBox {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #Compatibility #CompatibilityBox {width:330px;margin-right:35px;}
}

/* Compare List */
/*=================================================*/

.CompareList_container {
    background: #f5f5f5;
    text-align: left;
    margin-top: 60px;
    padding-bottom: 20px;
}

.CompareList_container h3 {
    margin-top:-47px;
    padding-top:15px;
    text-align:center;
}

.CompareList_container .CompareList_title {
    width:197px;
    height:47px;
    background-color:#f7f7f7;
    margin-left:-20px;
}

#CompareList_sliderplate {
    display:block;
    padding-top:44px;
    text-align:center;
    margin-bottom:-2px;
}

.CompareList_box {
    height:103px;
    width:270px;
    border-radius:5px;
    background-color:#ffbd00;
    display:inline-block;
    margin-right:15px;
    position:relative;
    color:#fff;
    border: 2px dotted #ffbd00;
}

.AddJobRole_box {
    background-color:#fff;
    border:2px dotted #ccc;
    color:#999;
    display:inline-table !important;
}

.CompareList_box .top-right-x {
    position:absolute;
    top:5px;
    right:12px;
    cursor: pointer;
}

.CompareList_content {
    font-size: 19px;
    font-weight: 300;
    padding-top:38px;
    text-align:center;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
}
/*.display-compare-values{
    display: inline-flex;
}*/
.CompareList_btns {
    display:inline-block;
    width:234px;
    height:103px;
    vertical-align: middle;
    margin-left:25px;
    margin-top:10px;
}

.CompareList_container .CompareList_btns .ctabtn {
    margin-top:0px;
    margin-bottom:0px;
    width:100%;
    height:39px;
}

.CompareList_container .CompareList_btns .CompareList_clearallbtn {
    margin-top:10px;
}

.ctabtn.reverse {
    background: #fff;
    border:2px solid #5aacb4;
    padding-top:6px;
    padding-bottom:10px;
}

a.ctabtn.reverse, a.ctabtn.reverse:link, a.ctabtn.reverse:visited {
    color:#5aacb4;
    text-decoration: none;
}

a.ctabtn.reverse:hover,
a.ctabtn.reverse:focus
 {  background: #fff;
    color: #000;
    text-decoration: none;
 }


@media(max-width:991px){
    .CompareList_box { width:100%; height:50px; margin-bottom:5px;}
    .CompareList_content {padding-top:10px; } 
    .CompareList_btns {margin-left:0px; margin-top: 30px;}
}

/* Medium */
@media(min-width:991px) and (max-width:1199px){
    .CompareList_btns {margin-left:0px; margin-top: 30px;}
}

/* Large */
@media(min-width:1200px){
}

.container .openclose_icon {
    position: relative;
}
.courseComparisonTitle {
	font-size: 24px;
	font-weight: bold;
	color: #333;
	margin-top: 25px;
	margin-bottom: 0px;
	text-align: left;
}

/* Comparison First Content  */ 
/*=================================================*/

#ComparsionList_sliderplate .filtercourses {
    text-align:right;
    color:#9461ae;
    margin-bottom:21px;
    font-size:19px;
    font-weight: bold;
}

#ComparsionList_sliderplate .filtercourses img {
    padding-left:7px;
}

#ComparsionList_sliderplate {
    display:block;
    padding-top:5px;
    text-align:center;
    margin-bottom:-2px;
}

.ComparsionList_box {
    height:148px;
    border-radius:5px;
    background-color:#ffbd00;
    display:inline-block;
    margin-right:16px;
    position:relative;
    color:#fff;
    vertical-align: top;
}

.ComparsionList_box .top-right-x {
    position:absolute;
    top:6px;
    right:12px;
    cursor: pointer;
    z-index: 9999;
}

.ComparsionList_content {
    font-size: 22px;
    padding-top:56px;
    text-align:center;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
}

#doublelined {
    font-size: 22px;
    font-weight: bold;
    padding-top:47px;
    text-align:center;
    line-height:27px;
}

#Comparsion_First_container .ComparsionList_col {
    display:inline-block;
}

#ComparsionList_first {
    background-image:url(preu/images/JobRoleComparison_p1.jpg);
}

#ComparsionList_second {
    background-image:url(preu/images/JobRoleComparison_p2.jpg);
}

#ComparsionList_third {
    background-image:url(preu/images/JobRoleComparison_p3.jpg);
}

#ComparsionList_sliderplate .AddtoFavourite {
    margin-top:19px;
    font-size:16px;
    margin-left:-41px;
}

#ComparsionList_sliderplate .AddtoFavourite img {
    padding-right:5px;
    margin-top:-5px;
}

#ComparsionList_sliderplate #AddtoFavourite_Second {
    margin-left:-24px;
}

#ComparsionList_sliderplate #AddtoFavourite_Second img {
    padding-right:7px;
}

#ComparsionList_sliderplate #AddtoFavourite_Third {
    margin-left:-13px;
}

#ComparsionList_sliderplate #AddtoFavourite_Third img {
    padding-right:6px;
}

/* Extra Small */
@media(max-width:320px){
    .ComparsionList_col {margin-bottom:20px;}
}

@media(min-width:321px) and (max-width:640px){
    .ComparsionList_col {margin-bottom:20px; width:100%;}
    .ComparsionList_content {width:100%;}
    .ComparsionList_box {width:100%;}
}

@media(min-width:641px) and (max-width:767px){
    .ComparsionList_col {margin-bottom:20px;}
    .ComparsionList_box {width:350px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .ComparsionList_col {margin-bottom:20px;}
    .ComparsionList_box {width:350px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .ComparsionList_col {margin-bottom:20px;}
    .ComparsionList_box {width:350px;}
}

/* Large */
@media(min-width:1200px){
    .ComparsionList_box {width:350px;}
}

/* Educational Institution */ 
/*=================================================*/

.courseComparisonEducationalInstitution_container {
    margin-top:2px;
}

#courseComparisonEducationalInstitution .courseComparisonEducationalInstitution_row {
    display:block;
}

#courseComparisonEducationalInstitution .courseComparisonEducationalInstitution_box {
    display:inline-table;
}

#courseComparisonEducationalInstitution .courseComparisonEducationalInstitution_box p {
    margin-top:13px;
    line-height:19px;
    margin-bottom:12px;
}

#courseComparisonEducationalInstitution .openclose_icon {
    width: 30px;
    margin-top:-7px;
    display: inline-block;
    float: right;
}

#courseComparisonEducationalInstitution .openclose_icon img{
	margin-top:35px;
}

#courseComparisonEducationalInstitution {
    border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:52px;
}

#courseComparisonEducationalInstitution .courseComparisonEducationalInstitution_box .cta {
    color:#5aacb4;
    font-weight:bold;
}

/* Extra Small */
@media(max-width:320px){
    #courseComparisonEducationalInstitution .courseComparisonEducationalInstitution_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #courseComparisonEducationalInstitution .courseComparisonEducationalInstitution_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #courseComparisonEducationalInstitution .courseComparisonEducationalInstitution_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #courseComparisonEducationalInstitution .courseComparisonEducationalInstitution_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #courseComparisonEducationalInstitution .courseComparisonEducationalInstitution_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #courseComparisonEducationalInstitution .courseComparisonEducationalInstitution_box {width:350px;margin-right:16px;}
}

.courseComparisonEducationalInstitution_box {
	text-align: left;
}


/* Educational Institution */ 
/*=================================================*/

.courseComparisonCourseObjective_container {
    margin-top:2px;
}

#courseComparisonCourseObjective .courseComparisonCourseObjective_row {
    display:block;
}

#courseComparisonCourseObjective .courseComparisonCourseObjective_box {
    display:inline-table;
}

#courseComparisonCourseObjective .courseComparisonCourseObjective_box p {
    margin-top:13px;
    line-height:19px;
    margin-bottom:12px;
	text-align: justify;
}

#courseComparisonCourseObjective .openclose_icon {
    width: 30px;
    margin-top:-7px;
    display: inline-block;
    float: right;
}

#courseComparisonCourseObjective .openclose_icon {
	margin-top: 35px;
}

#courseComparisonCourseObjective {
    border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:52px;
}

#courseComparisonCourseObjective .courseComparisonCourseObjective_box .cta {
    color:#5aacb4;
    font-weight:bold;
}

/* Extra Small */
@media(max-width:320px){
    #courseComparisonCourseObjective .courseComparisonCourseObjective_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #courseComparisonCourseObjective .courseComparisonCourseObjective_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #courseComparisonCourseObjective .courseComparisonCourseObjective_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #courseComparisonCourseObjective .courseComparisonCourseObjective_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #courseComparisonCourseObjective .courseComparisonCourseObjective_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #courseComparisonCourseObjective .courseComparisonCourseObjective_box {width:350px;margin-right:16px;}
}

.courseComparisonCourseObjective_box {
	text-align: left;
}

/* Extra Small */
@media(max-width:320px){
    #courseComparisonObjective .courseComparisonObjective_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #courseComparisonObjective .courseComparisonObjective_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #courseComparisonObjective .courseComparisonObjective_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #courseComparisonObjective .courseComparisonObjective_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #courseComparisonObjective .courseComparisonObjective_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #courseComparisonObjective .courseComparisonObjective_box {width:350px;margin-right:16px;}
}

.courseComparisonObjective_box {
	text-align: left;
}


/* Field of Study  */ 
/*=================================================*/

.courseComparisonFieldOfStudy_container {
    margin-top:2px;
}

#courseComparisonFieldOfStudy .courseComparisonFieldOfStudy_row {
    display:block;
}

#courseComparisonFieldOfStudy .courseComparisonFieldOfStudy_box {
    display:inline-table;
}

#courseComparisonFieldOfStudy .courseComparisonFieldOfStudy_box p {
    margin-top:13px;
    line-height:19px;
    margin-bottom:12px;
}

#courseComparisonFieldOfStudy .openclose_icon {
    width: 30px;
    margin-top:-7px;
    display: inline-block;
    float: right;
}

#courseComparisonFieldOfStudy .openclose_icon {
	margin-top:35px;
}

#courseComparisonFieldOfStudy {
    border-bottom:2px dotted rgba(0,0,0,0.3);
    padding-bottom:52px;
}

#courseComparisonFieldOfStudy .courseComparisonFieldOfStudy_box .cta {
    color:#5aacb4;
    font-weight:bold;
}

/* Extra Small */
@media(max-width:320px){
    #courseComparisonFieldOfStudy .courseComparisonFieldOfStudy_box {width:100%;margin-bottom:10px;}
}

@media(min-width:321px) and (max-width:640px){
    #courseComparisonFieldOfStudy .courseComparisonFieldOfStudy_box {width:100%;margin-bottom:10px;}
}

@media(min-width:641px) and (max-width:767px){
    #courseComparisonFieldOfStudy .courseComparisonFieldOfStudy_box {width:100%;margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #courseComparisonFieldOfStudy .courseComparisonFieldOfStudy_box {width:100%;margin-bottom:10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #courseComparisonFieldOfStudy .courseComparisonFieldOfStudy_box {width:300px;margin-right:10px;}
}

/* Large */
@media(min-width:1200px){
    #courseComparisonFieldOfStudy .courseComparisonFieldOfStudy_box {width:350px;margin-right:16px;}
}

.courseComparisonFieldOfStudy_box {
	text-align: left;
}
.theme1 .panel-group {border:1px solid #ccc;}
.theme1 .panel-title {font-size: 19px; font-weight: bold; color: #333;}
.theme1 .panel-group-header {border-bottom:1px solid #ccc;}




/* Search Results List Container Main settings  */ 
/*=================================================*/

#SearchResultsList_Container_main {
    padding-top:45px;
}

.jobroleprofile .jobroleprofile_container #DataAnalyst_jumbo_container .jumboright .panel-group.adjustinfobox{
    border: 0px solid #ccc;
}




/* Display Options Settings  */ 
/*=================================================*/

#SearchResultsList_Container_main .panel-group {
    border-radius: 4px;
}

#SearchResultsList_Container_main .panel-title {
    padding-top: 2px;
}

#SearchResultsList_Container_main .panel-body .item-set {
    padding-bottom:15px;
}

#SearchResultsList_Container_main .panel-body .item-set .heading {
    font-size: 16px;
    padding-bottom:5px;
    color:#333;
}


#SearchResultsList_Container_main .btn.btn-secondary {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    background: #9461ae;
}

#SearchResultsList_Container_main .input-group .form-control:first-child, 
#SearchResultsList_Container_main .input-group-addon:first-child, 
#SearchResultsList_Container_main .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, 
#SearchResultsList_Container_main .input-group-btn:first-child > .dropdown-toggle, 
#SearchResultsList_Container_main .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), 
#SearchResultsList_Container_main .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
#SearchResultsList_Container_main .form-control
{
    border-radius: 5px;
    border:0px;
}

#SearchResultsList_Container_main .dropdown-menu { 
    font-size: 16px;
    width:100%;
    border-radius:0px;
    padding: 0px; 
    margin: 0px;
    background:#85569d;
}

#SearchResultsList_Container_main .dropdown-item {
    display:block;
    padding:5px 15px;
    margin:1px;
    background:#9461ae;
}

#SearchResultsList_Container_main a.dropdown-item,
#SearchResultsList_Container_main a.dropdown-item:link,
#SearchResultsList_Container_main a.dropdown-item:visited
{color:#fff;}

#SearchResultsList_Container_main a.dropdown-item:hover,
#SearchResultsList_Container_main a.dropdown-item:focus,
#SearchResultsList_Container_main a.dropdown-item:active
{background-color:#692175; text-decoration: none;}

#SearchResultsList_Container_main .btn.btn-secondary.dropdown-toggle {
    font-size:16px; 
    text-align: left;
    min-width:180px;
    padding: 11px 40px 11px 15px;
    height:50px;
    width:100%;
    color: white;
}

.btn.btn-secondary.dropdown-toggle::before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 10px;
    padding-top: 6px;
}









/* Right col - Heading Group setting  */ 
/*=================================================*/

#SearchResultsList_Container_main .heading-group {
    display:block; 
    position: relative;
    width:100%;
    margin-bottom: 25px;
    vertical-align:top;
}

#SearchResultsList_Container_main .heading-group .heading {
    display:block; 
    max-width: 400px;
    font-size: 24px;
    line-height: 29px;
    color: #333;
}

#SearchResultsList_Container_main .heading-group .heading .highlight {
    font-weight: bold;
}

#SearchResultsList_Container_main .heading-group .heading .super {
    font-size: 30px;
    font-weight: 300;
}


#SearchResultsList_Container_main .gotopage_menu {
    right:0;
    top:5px;
    position:absolute;
}

#SearchResultsList_Container_main .gotopage_menu .item {
    display:inline-block; 
}

#SearchResultsList_Container_main .gotopage_menu .item {
    font-size: 16px;
    color: #666;
    padding-left:10px;
    padding-right:10px;
}

#SearchResultsList_Container_main .gotopage_menu .item.prevnextbtn {
    font-size: 16px;
    color: #ccc;
}

#SearchResultsList_Container_main .gotopage_menu .item a,
#SearchResultsList_Container_main .gotopage_menu .item a:link,
#SearchResultsList_Container_main .gotopage_menu .item a:visited
 {
    color: #0d7682;
}

#SearchResultsList_Container_main .gotopage_menu .item a:hover,
#SearchResultsList_Container_main .gotopage_menu .item a:active,
#SearchResultsList_Container_main .gotopage_menu .item a:focus
 {
    color: #5aacb4;
    text-decoration: none;
}




/* Right col - Big Table Group setting  */ 
/*=================================================*/


input[type=checkbox] {
    display:none;
}

.checkbox_favourite {
    margin-bottom:10px;
}

.checkbox_favourite input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:23px;
    margin:0px;
    vertical-align:middle;
    background:url('preu/images/checkbox_favourite.png') left top no-repeat;
    cursor:pointer;
}

.checkbox_favourite input[type="checkbox"]:checked + label span {
    background:url('preu/images/checkbox_favourite.png') -25px top no-repeat;
}
.checkbox_favourite input[type="checkbox"] + label span:hover {
    background:url('preu/images/checkbox_favourite.png') -25px top no-repeat;
}
.checkbox_favourite input[type="checkbox"] + label span.hover {
    background:url('preu/images/checkbox_favourite.png') -25px top no-repeat;
}

.checkbox_select input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:23px;
    margin:0px;
    vertical-align:middle;
    background:url('preu/images/checkbox_check.png') left top no-repeat;
    cursor:pointer;
}

.checkbox_select input[type="checkbox"]:checked + label span {
    background:url('preu/images/checkbox_check.png') -24px top no-repeat;
}
@media(min-width:1200px) {
    .checkbox_select input[type="checkbox"] + label span:hover {
        background: url('preu/images/checkbox_check.png') -25px top no-repeat;
    }

    .checkbox_select input[type="checkbox"] + label span.hover {
        background: url('preu/images/checkbox_check.png') -25px top no-repeat;
    }
}





/* Footer Group */

#SearchResultsList_Container_main .footer-group {
    position: relative;
    display:flex;
    margin-bottom: 100px;
    padding-top: 10px;
}

#SearchResultsList_Container_main .footer-group .legend {
    display: inline-block;
    padding-top: 5px;
}

#SearchResultsList_Container_main .footer-group .legend div {
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    color:#333;
}

#SearchResultsList_Container_main .footer-group .legend .highlight {
    font-size: 17px;
    font-weight: bold;
    padding-right: 15px;
    font-family: "Source Sans Pro Bold";
    color: #666;
}

#SearchResultsList_Container_main .footer-group .legend .group {
    color: #e68717;
    font-size: 17px;
    padding-right: 15px;
    color: #666;
    font-family: "Source Sans Pro";
}

#SearchResultsList_Container_main .footer-group .legend .group img {
    padding-right: 10px;
}






/* Extra Small */
@media(max-width:767px){
    #ExploreCourses_jumbo_container p {padding: 10px 50px;}
    #SearchResultsList_Container_main .heading-group .heading {display:block; }
    #SearchResultsList_Container_main .gotopage_menu {position: relative; float:none;}
    #SearchResultsList_Container_main .gotopage_menu .item { padding-left:5px; padding-right:5px;}
    #SearchResultsList_Container_main .footer-group .legend div {display: block; margin-bottom:10px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #ExploreCourses_jumbo_container p {padding: 10px 120px;}
    #SearchResultsList_Container_main .heading-group .heading {display:block; }
    #SearchResultsList_Container_main .gotopage_menu {position: relative; float:none;}
}
/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #ExploreCourses_jumbo_container p {padding: 0px 200px;}
    #SearchResultsList_Container_main .gotopage_menu .item { padding-left:5px; padding-right:5px;}
}

/* Large */
@media(min-width:1200px){
    #ExploreCourses_jumbo_container p {padding: 0px 300px;}
}







/* TILE SEARCH */
/*=============================================*/

#SearchResultsList_Container_main .tile-group {
    border:1px solid #412B87;
    border-radius: 2px;
    font-size: 0;
}

#SearchResultsList_Container_main .tile-item {
    position: relative;
    border-top: 5px solid #412B87;
    width:50%;
    padding:20px;
    display: inline-block;
    vertical-align: top;
    min-height:365px;
}

#SearchResultsList_Container_main .tile-item:nth-child(odd){
    border-right:1px solid #e5e5e5;
}

#SearchResultsList_Container_main .tile-item .item-Attained {
    display:block;
    width:100%;
    position:absolute;
    bottom:0;
    padding-right: 40px;
    padding-bottom: 20px;
}

@media (min-width: 1200px){
    #SearchResultsList_Container_main .tile-item .item-Attained {
        top:230px;
    }
}

#SearchResultsList_Container_main .tile-item .item-Course {
    font-family: "Source Sans Pro Bold";
    display:block;
    width:auto;
    font-size:14px;
    color:#333;
    padding-bottom: 15px;
}

#SearchResultsList_Container_main .tile-item .Content-title {
    font-weight:bold;
    font-size:22px;
    color:#333;
}

/*#SearchResultsList_Container_main .big-table-group #courseSearchResult .item-Course .Content-title{

}*/

#SearchResultsList_Container_main .tile-item .item-Course .Content-Institution {
    padding-bottom: 15px;
}

#SearchResultsList_Container_main .tile-item .Content-Attained-name {
    font-family: "Source Sans Pro Bold";
    font-size: 15px;
    font-weight:bold;
    color:#333333;
    padding-top: 10px;
    padding-bottom: 0px;
    border-bottom:1px solid #e5e5e5;
    margin-bottom:15px;
}

#SearchResultsList_Container_main .tile-item .item-Attained {
    font-weight:bold;
    font-size:14px;
    color:#333;
}

#SearchResultsList_Container_main .Content-Attained-checkboxes .checkbox_favourite,
#SearchResultsList_Container_main .Content-Attained-checkboxes .checkbox_select {
    display:inline-block;
}

#SearchResultsList_Container_main .Content-Attained-checkboxes span {
    margin-right:10px;
}

#SearchResultsList_Container_main .Content-Attained-checkboxes label {
    font-size:16px;
    line-height: 19px;
    color:#333;
    margin-bottom: 0px;
    text-align: right;
    max-width: 100%;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: bold;
    height: 23px;
}



/* Extra Small */
@media(max-width:767px){
    #SearchResultsList_Container_main .tile-item {display:block; width: 100%; min-height:auto;}
    #SearchResultsList_Container_main .tile-item:nth-child(odd){border-right:0;}
    #SearchResultsList_Container_main .Content-Attained-checkboxes .checkbox_favourite{ display:block; padding-bottom: 10px; }
    #SearchResultsList_Container_main .tile-item .item-Attained {position:relative;}     
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    #SearchResultsList_Container_main .Content-Attained-checkboxes span {margin-right:0px;}
    #SearchResultsList_Container_main .Content-Attained-checkboxes label {padding-right: 10px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #SearchResultsList_Container_main .Content-Attained-checkboxes span {margin-right:0px;}
    #SearchResultsList_Container_main .Content-Attained-checkboxes label {padding-right: 10px;}
}

/* Large */
@media(min-width:1200px){
}

#directory_view .tile-item .item-Institution{
    font-family: "Source Sans Pro Bold";
    font-size: 15px !important;
    color: #666666;
}










#notification-content-container .panel-group {
    text-align: left;
    padding: 25px 60px 25px 60px;
    position: relative;
    margin-bottom: 0px;
    border-bottom: 7px solid #9361ae;
    position: relative;
}

#notification-content-container .tab-container .panel-group:nth-child(even) {
    background-color: #f7f7f7;
}

#notification-content-container .tab-container {
    border-radius: 4px;
    border:1px solid #ebebeb;
    margin-top:13px;
}

#notification-content-container .cat_icon {
    width: 56px;
    height: 56px;
    position:absolute;
    top:30px;
    left: 15px;
}

#notification-content-container .delete_icon {
    width: 30px;
    height: 110px;
    position:absolute;
    top:50px;
    right: 20px;
}


#notification-content-container .panel-left {
    display: inline-block;
}

#notification-content-container .panel-title {
    font-size: 16px;
    line-height:21px;
    padding-top:0px;
    padding-bottom:5px;
    font-weight:normal;
    color:#333;
}

#notification-content-container .panel-cell{
	float: left;
	width:50%
}

#notification-content-container .panel-cell-content p{
    font-size: 16px;
    line-height:21px;
    padding-top:0px;
    padding-bottom:5px;
    font-weight:bold;
    color:#333;
    margin-top: 0px;
}
#notification-content-container .panel-cell-content {
	float: left;
	width:50%
}

#notification-content-container .panel-content {
    font-size: 16px;
    line-height: 19px;
    color:#606060;
}

#notification-content-container .panel-content p {
    margin-top: 0px;
}

#notification-content-container ul {
    font-size: 16px;
    color: #333;
    font-weight:bold;
}

#notification-content-container ul.mainbullet li {
        position: relative;
        list-style-type: none;
        padding-bottom: 11px;
    }

#notification-content-container ul.mainbullet li:before {
        content: "";
        position: absolute;
        top: 0px;
        left: -28px;
        width: 20px;
        height: 20px;
        background-image: url(preu/images/assessment_icon_mainbullet.png);
    }

#notification-content-container ul.subbullet {
    font-size: 14px;
    padding-bottom: 10px;
    padding-left:30px;
}

#notification-content-container ul.subbullet li {
        position: relative;
        list-style-type: none;
    }

#notification-content-container ul.subbullet li:before {
        font-size:25px;
        content: '\2022 ';
        color: #ffbd00;
        left: -18px;
        padding-right: 0.5em;
        background-image: none;
    }

footer {
     margin-top:20px;
 }
 /*SPU-2006*/
.no-padding-left{
    padding-left:0 !important;
}

.padding-left-15{
    padding-left:15px !important;    
}

.no-margin-left{
    margin-left:0 !important; 
}
@media(min-width: 1024px) and (max-width:1200px){
	#main-nav .navbar-brand{margin-left:15px;}
}
@media(min-width: 1200px) and (max-width:1366px){
	#main-nav .navbar-brand{margin-left:0px;}
}

@media(max-width:961px){
	#main-nav .navbar-brand{margin-left:15px;}
}
@media(min-width: 320px)and (max-width:1023px){/*ILPPROD-2896*/
	.job-role-margin{margin-left: -15px;} 
}
.feedback-helpdesk u {
    text-decoration: none;/* changed for IE compatibility */
    font-family: "Source Sans Pro Bold";
}
.feedback-helpdesk .container p {
	font-size: 15px;
}
.feedback-helpdesk a {
	font-family: "Source Sans Pro Bold";
} 
#feedback-form-page .formheading.mandatory {
    font-size: 15px;
}  
/*SPU-2006*/
#IndustryShortDescription_PopupPanel .tabpanel {
    margin: 20px;
    padding: 0;
}
#IndustryShortDescription_PopupPanel .tablist {
    margin: 0 0px;
    padding: 0;
    list-style: none;
}

#IndustrialLandscapeProfile_container #PrecisionEngineering_jumbo_container .checkbox_favourite span {
    font-family: "Source Sans Pro Bold";
    color: #FFF;
    font-weight: normal;
    font-size: 16px;
}

#IndustryShortDescription_PopupPanel .tab {
    margin: .2em 1px 0 0;
    padding: 10px;
    height: 1em;
    font-weight: bold;
    background-color: #ec9;

    border: 1px solid black;
    -webkit-border-radius-topright: 5px;
    -webkit-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-radius-topright: 5px;
    border-radius-topleft: 5px;

    float: left;
}

#IndustryShortDescription_PopupPanel .panel {
    clear: both;
    margin: 0 0 0 0;
    padding: 10px;
    width: 600px;
    border: 1px solid black;

    -webkit-border-radius-topright: 10px;
    -webkit-border-radius-bottomleft: 10px;
    -webkit-border-radius-bottomright: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-radius-topright: 10px;
    border-radius-bottomleft: 10px;
    border-radius-bottomright: 10px;
}

#IndustryShortDescription_PopupPanel ul.controlList {
    list-style-type: none;
}

#IndustryShortDescription_PopupPanel h3[aria-selected="true"] {
    background-color: #fc5;
}

#IndustryShortDescription_PopupPanel .focus {
    color: black;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    background-color: #fff !important;
    margin-top: 0;
}

#IndustryShortDescription_PopupPanel div[aria-hidden="true"] {
    display: none;
}

#IndustryShortDescription_PopupPanel .accordian {
    margin: 0;
    float: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 600px;
}

#IndustryShortDescription_PopupPanel .hidden {
    position: absolute;
    left: -300em;
    top: -30em;
}

#IndustryShortDescription_PopupPanel {
    margin: auto;
}

@media (min-width: 992px){
    #IndustryShortDescription_PopupPanel .modal-lg{
        width:900px;
    }
}

#IndustryShortDescription_PopupPanel .ctabox {
    margin-top:0px;
}

#IndustryShortDescription_PopupPanel .modal-body {
    margin: auto;
    padding: 0px;
    text-align: inherit;
}

#IndustryShortDescription_PopupPanel .modal-body img {
    margin-top: -20px;
    max-width: 100%;
}

#IndustryShortDescription_PopupPanel .ctabtn.small.confirmButton {
    background-color:#9853A6;
    position: absolute;
    margin: -380px 360px;
    color:#fff;
    border:none;
}

#IndustryShortDescription_PopupPanel .ctabtn.small.confirmButton:hover {
    color:#333;
}

@media (max-width: 991px) {
    #IndustryShortDescription_PopupPanel .ctabtn.small.confirmButton{
        margin:-400px 220px;
    }
}

@media (max-width: 767px) {
    #IndustryShortDescription_PopupPanel .ctabtn.small.confirmButton{
        margin:-390px 285px;
    }
}
@media (max-width: 680px) {
    #IndustryShortDescription_PopupPanel .ctabtn.small.confirmButton{
        margin:-390px 255px;
    }
}
@media (max-width: 590px) {
    #IndustryShortDescription_PopupPanel .ctabtn.small.confirmButton{
        margin:-415px 173px;
    }
}
@media (max-width: 470px) {
    #IndustryShortDescription_PopupPanel .ctabtn.small.confirmButton{
        margin:-418px 127px;
    }
}
@media (max-width: 380px) {
    #IndustryShortDescription_PopupPanel .ctabtn.small.confirmButton{
        margin:-433px 98px;
    }
}

#IndustrialLandscapeProfile_container .jobRoleTopImg img {
    overflow: hidden;
    min-height: 200px;
}
@media (max-width: 1200px) and (min-width: 600px){
    #IndustrialLandscapeProfile_container .jobRoleTopImg img {
        margin-top: -102px !important;
        width: 100% !important;
        height: auto;
    }
}
@media (max-width: 599px) and (min-width: 441px){
    #IndustrialLandscapeProfile_container .jobRoleTopImg img {
        width: 100% !important;
        margin-top: 0% !important;
    }
}
@media (max-width: 440px) and (min-width: 376px){
    #IndustrialLandscapeProfile_container .jobRoleTopImg img {
        width: 100% !important;
        margin-top: 0% !important;
    }
}
@media (max-width: 375px) and (min-width: 356px){
    #IndustrialLandscapeProfile_container .jobRoleTopImg img {
        width: 100% !important;
        margin-top: 0% !important;
    }
}
@media (max-width: 354px){
    #IndustrialLandscapeProfile_container .jobRoleTopImg img {
        width: 100% !important;
        margin-top: 0% !important;
    }
}


#IndustryShortDescription_PopupPanel,
#IndustryShortDescription_PopupPanel .modal-lg,
#IndustryShortDescription_PopupPanel .modal-content,
#IndustryShortDescription_PopupPanel #IndustryShortDescription_BackgroundColor{
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
}

#IndustryShortDescription_PopupPanel button.close{
    font-size: 40px;
    position: absolute;
    top:0;
    right: 30px;
    color:#fff;
    font-weight:bold;
}

@media (max-width: 991px) and (min-width: 768px){
    #IndustryShortDescription_PopupPanel button.close{
        right: 10px;
    }
}

@media (max-width: 767px) and (min-width: 331px){
    #IndustryShortDescription_PopupPanel button.close{
        font-size: 25px;
        right: 5px;
    }
}
@media (max-width: 330px) {
    #IndustryShortDescription_PopupPanel button.close{
        font-size: 10px;
        right: 5px;
    }
}
/* SPU-2006 SIL Page Start  */
/* .industrylandscape .container-fluid .container .Singapore_Industry_select_button{
    margin-left: 0px;
} */
.industrylandscape .container-fluid .container .Singapore_Industry_select_button{
    margin-left: 2px;
}
/* SPU-2006 SIL Page End  */

.portalsearch .portalSearchContainer .container .Search_result_Container{
    margin-left: 5px !important;
}

.occupation_directory #occupation-directory-container #SearchResultsList_Container_main .jbrolesearchdirectory_primary .jbrolesearchdirectory_box_position{
    margin-left: 0px;
}

.IndustrialLandscapeProfile #IndustrialLandscapeProfile_container .industrialLandscapeProfileComponentContainer .sectornews_container .sectornews_container_row_position{
    margin-left: 0px !important;
}

.IndustrialLandscapeProfile #IndustrialLandscapeProfile_container .industrialLandscapeProfileComponentContainer #closed_tabs_container .panel-group h2.sectorInfo{
    font-size: 15px;
    line-height: 19px;
    font-family: Source Sans Pro;
    font-weight: bold !important;
}

.main-content .result-container .yellowPercentageCssClass .progressbar .progression {
    background-color: #ffbd00;
}

.main-content .result-container .greenPercentageCssClass .progressbar .progression {
    background-color: #ff0000;
}

.main-content .result-container .purplePercentageCssClass .progressbar .progression {
    background-color: #9361ae;
}

#school_cockpit_detail_school_cockpit_detai #DataAnalyst_jumbo_container .contentblock {
    margin-top:50px;
}

#resultPercentageLegendContainer {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top:30px;
    margin-bottom:30px;
}
#resultPercentageLegendContainer li{
    float:left;
    list-style-type: none;
    list-style-position: inside;
}
#resultPercentageLegendContainer .legendColorDot {
    width:20px;
    height:20px;
    float:left;
    border-radius:100%;
}
#resultPercentageLegendContainer .legendColorDescription{
    margin-left:10px;
    font-weight:bold;
    float:left;
}


.fa-paperclip {
    font-size: 40px;
}

.feedback .with-errors {
    font-weight: normal;
}

.theme1 #featuredarticle {background-color:#9461ae;}

.industrylandscape.parbase .action-set a, .action-set a:link, .action-set a:visited {
    color: #412B87;
}

.industrylandscape.parbase .action-set a:hover, .action-set a:link:hover, .action-set a:hover {
    color: #412B87;
    text-decoration: underline;
}

.industrylandscape.parbase .dropdown-menu {
    border-radius: 8px;
    background: #f3f3f3;
    color: #9361ae;
    border: 2px solid #e0e0e0;
}

.industrylandscape.parbase a.dropdown-item,.industrylandscape.parbase a.dropdown-item:link,.industrylandscape.parbase a.dropdown-item:visited{
    font-size: 16px;
    display: block;
    padding: 8px 15px;
    color: #9361ae;
    border-bottom: 1px solid #e0e0e0;
    background: #f3f3f3;
}

.industrylandscape.parbase a.dropdown-item:link:hover,.industrylandscape.parbase a.dropdown-item:focus,.industrylandscape.parbase a.dropdown-item:hover{
    color: #9361ae;
    background: #e0e0e0;
}

.bg-warning{
    font-family: "PT Sans", Arial, sans-serif !important;
}
.calendar_events_search .school_search_box #ExploreEducationalInstituitions_jumbo_container #jumbo_container_primary {
    text-align: center !important;
}


.calendar_events_search #ExploreEducationalInstituitions_jumbo_container {
    background-color: #8C4198;
}

@media (max-width: 381px) {
    .course_search_box_pm #ExploreCourses_jumbo_container {
        background-position: -909px center !important;
        background-size: 1448px 100%;
    }
}
@media (max-width: 619px) and (min-width: 382px) {
    .course_search_box_pm #ExploreCourses_jumbo_container {
        background-position: right -150px top !important;
    }
}
@media (max-width: 1000px) and (min-width: 620px) {
    .course_search_box_pm #ExploreCourses_jumbo_container {
        background-position: 100% center !important;
    }
}
@media (max-width: 374px){
    .calendar_events_search .school_search_box #ExploreEducationalInstituitions_jumbo_container {
        background-position: -73px 0px , right -180px top;
        padding-bottom: 20px;
        background-repeat: no-repeat;
    }
    .calendar_events_search .container-fluid{
        padding-left: 5px;
        padding-right: 5px;
    }

    .my_eportfolio_page .my_eportfolio_page_my_favourites #my_favourites_my_eportfolio_page_m #myfavourites{
       /* background-position: -218px 0px;
        background-size: 779px 488px !important;*/
        zoom: 76%;
    }

    .landing .goal_landing_container #jumbo_goal_common_container{
        background-position: -639px center;
        zoom: 95%;
        /*background-size: 873px 528px !important;*/
    }
}
@media (max-width: 375px) {
    .my_eportfolio_page .my_eportfolio_page_my_favourites #my_favourites_my_eportfolio_page_m #myfavourites{
        zoom: 77%;
    }
    .landing .goal_landing_container #jumbo_goal_common_container{
        background-position: -639px center;
        zoom: 95%;
    }

}
/*spu 2586*/
#GettingStarted_container_Goal .mid-col .nonAcademicEnterDiv .btn.btn-secondary.dropdown-toggle,.nonAcademicEnterDiv input{
    min-width: 100% !important;
}
.ctatext.left.help-tooltip.goal-common-general-tooltip.nonAcademibHelp{
    text-align:left;
}
.nonAcademicEnterDiv{
    margin-bottom:10px;
}
#GettingStarted_container_Goal .btn.dropdown-toggle{
    padding:10px !important;
}
.goalsettingModal .col-sm-6{
    padding-right:10px !important;
}
.nonAcademibHelp a,
.nonAcademibHelp a:link,
.nonAcademibHelp a:visited
.nonAcademibHelp a:hover,
.nonAcademibHelp a:active,
.nonAcademibHelp a:focus
.popover a,
.popover a:link,
.popover a:visited
.popover a:hover,
.popover a:active,
.popover a:focus
{color: #e68717;
}
/*spu 2586 end*/

/* SPU-1425 */
/* @media (max-width: 767px) {
    .school_search_box{
        margin-top: 50px;
    }
} */


@media (max-width: 500px) and (min-width: 375px) {
    .calendar_events_search .school_search_box #ExploreEducationalInstituitions_jumbo_container {
        background-position: -73px 0px , right -180px top;
        padding-bottom: 20px;
        background-repeat: no-repeat;
    }
}
@media (max-width: 1199px) and (min-width: 768px) {
    .calendar_events_search .school_search_box #ExploreEducationalInstituitions_jumbo_container {
        background-position: -89px center;
    }
}
@media (max-width: 1199px) and (min-width: 768px) {
    .calendar_events_search .school_search_box #ExploreEducationalInstituitions_jumbo_container {
        background-position: -89px center;
    }
}

.calendar_events_search a#dropdown-menu-1 {
    margin-top: -6px;
    background-color: #e68717;
    color: #FFF;
    border: 2px solid #fff;
}

.calendar_events_search a#dropdown-menu-1:hover {
    margin-top: -6px;
    background-color: #c3670b;
    color: #fff;
    border: 2px solid #fff;
}

.ctabtn.reflection.priRef .content img {
    float: left;
    margin-left: -30px;
    width: 75px;
    margin-top: -25px;
}

.col-md-4 ul.action-widget .ctabtn {
    font-family: "Source Sans Pro Bold";
    font-size: 17px;
    width: 190px;
    background-color: #e68717;
}

.col-md-4 ul.action-widget .ctabtn:hover {
    width: 190px;
    background-color: #fff;
    color: #c3670b;
    /*border: 2px solid #c3670b;*/
    text-decoration: none;
}

.action-widget .ctabtn.reflection .content {
    font-size: 14px;
    margin-left: -21px;
    margin-right: 19px;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
}

#featuredarticle.featuredarticle_text.ctabtn a.ctabtn:link a.ctabtn:visited {
    color: #fff;
    text-decoration: none;
}
#featuredarticle .featuredarticle_text .ctabtn {
    position: absolute;
    bottom: 0px;
}

.theme1 .RelatedArticles_content a.cta, .theme1 .RelatedArticles_content a.cta:link, .theme1 .RelatedArticles_content a.cta:visited{
    color:#2A51FE;
}

#featuredarticle .featuredarticle_text .ctabtn {
    background: transparent;
    border: 1px solid #fff;
    position: relative;
}

#featuredarticle .featuredarticle_text .ctabtn:hover {
    background-color: #fff;
    color: black;
}

#AssessmentHistory_container #table_content {
    padding-bottom: 20px;
}

#WhichAssessmentShouldITake_container a.ctabtn:hover, a.ctabtn:focus {
    color: #333;
    text-decoration: none;
}

.kudercard .dropdown-menu{
    background: #412B87;
}
.kudercard .dropdown-menu > li > a{
    color:#fff;
}
.kudercard .dropdown-menu > li :active,
.kudercard .dropdown-menu > li :focus,
.kudercard .dropdown-menu > li :hover{
    background: #412B87;
    color: #FFFFFF;
}

@media (max-width: 640px) {
    #occupation_search_container .tab_panel .row{
        display: flex;
        /*width: 97%;
        margin-left: auto;
        margin-right: auto;*/
    }
    #occupation_search_container .btn_browsebycategories{
        /*width: 50%;*/
    }
    .occupation_search_box .btn.btn-secondary.dropdown-toggle {
        padding: 17px 10px;
    }
    #occupation_search_container .textbox_underline{
        /*width: 50%;*/
        display: flex;
    }
    /*#occupation_directory_search_query {
        width: 80%;
    }*/
    .btn.btn-secondary {
        height: 53px;
        /*width: 53px;*/
    }
}

#ExploreCourses_jumbo_container button.btn.btn-secondary.dropdown-toggle{
	padding: 0px 8px;
}

@media (max-width: 350px) {
	#ExploreCourses_jumbo_container button.btn.btn-secondary.dropdown-toggle{
		padding: 8px 3px;
		font-size: 14px;
	}
	
	#ExploreCourses_jumbo_container .btn-text{
		padding-left: 12px;
	}
}

@media (max-width: 410px) and (min-width: 350px) {
	#ExploreCourses_jumbo_container .btn-text{
		padding-left: 12px;
		line-height: 1.5;
	}
	
	#ExploreCourses_jumbo_container button.btn.btn-secondary.dropdown-toggle{
		padding: 0px 10px;
	}
}

@media (max-width: 767px){
	.course_search_box_pm .container-fluid #searchkeywordbox button.btn.btn-secondary.dropdown-toggle::before{
		top: 15px;
	}
}

@media (max-width: 1199px) and (min-width: 411px) {
	#ExploreCourses_jumbo_container button.btn.btn-secondary.dropdown-toggle{
		text-align: center;
	}
	#ExploreCourses_jumbo_container button.btn.btn-secondary.dropdown-toggle{
		padding: 0px 20px 0px 0px;
	}
}

@media (min-width: 1200px){
	#ExploreCourses_jumbo_container button.btn.btn-secondary.dropdown-toggle{
	    padding-right: 25px;
		font-size: 15px;
		text-align: center;
	}
}

@media (max-width: 412px) {
	.course_search_box_pm .container-fluid #searchkeywordbox button.btn.btn-secondary.dropdown-toggle::before{
		top: 12px;
	}
}

@media (min-width: 1200px){
	#occupation_search_container span.event-btn-text{
		padding-left: 55px;
	}
}

@media (max-width: 1199px) and (min-width: 768px) {
	#ExploreCourses_jumbo_container button.btn.btn-secondary.dropdown-toggle{
		padding-right: 25px;
	}
	
	#occupation_search_container button.btn.btn-secondary.dropdown-toggle{
		text-align: center;
		padding-right: 45px;
	}
	
	#occupation_search_container span.event-btn-text{
		padding-right: 10px;
	}
}

@media (max-width: 767px) and (min-width: 641px) {
	#occupation_search_container span.btn-text{
		line-height: 1.2;
	}
	
	#occupation_search_container span.event-btn-text{
		padding-right: 45px;
	}
}

@media (max-width: 640px){
	#occupation_search_container span.btn-text{
		line-height: 1.4;
	}
	
	#occupation_search_container span.event-btn-text{
		padding-right: 45px;
	}
}

@media (max-width: 480px) and (min-width: 420px){
	.occupation_search_box button.btn.btn-secondary.dropdown-toggle::before {
	    margin-right: 5px;
	}
}

.occupation_search_box button.btn.btn-secondary.dropdown-toggle::before{
	height: 20px;
	top: 20px;
}

@media (max-width: 767px){
	#occupation_search_container button.btn.btn-secondary.dropdown-toggle{
		text-align: center;
		padding: 0px 10px;
	}
}

@media (min-width: 1200px){
	#occupation_search_container button.btn.btn-secondary.dropdown-toggle{
		padding-left: 25px;
	}
}

.add_category #add_category_add_category #slider-table-content #add-category-form-id .itemAttachmentClass .add-cat-attachment .attach-icon input[type="checkbox"] + label span {
    margin-left: -12px;
}
.add_category #add_category_add_category #slider-table-content #add-category-form-id  fieldset #submit-button-id  {
    /*width: 100%;*/
    min-width: inherit !important;
}

@media (min-width:380px) and (max-width:640px){
    .slick-dotted.slick-slider{
        height: auto !important;
    }
}

.text-right.category_actions{
    padding-right:10px;
}

@media(min-width:991px){
    .title_edit_position .text-right-header-edit{margin-right: 4px;}
    .editicon_position .text-right-header{margin-right: 0px;}
    .text-right-header-delete{margin-right: -3px;}
    .Primary_delet_position{margin-right: -27px;}
}

@media (max-width: 379px){
    .slick-dotted.slick-slider{
        /*height: 475px !important;*/
    }
}
.slick-single.jobRoleDetailSlider.slick-initialized.slick-slider {
    width: 50%;
    margin: auto;
    float: left;
}
@media(max-width: 991px){
    .slick-single.jobRoleDetailSlider.slick-initialized.slick-slider {
        width: 100%;
        float: inherit;
    }
}

@media(min-width: 992px){
    .slick-dotted.slick-slider.jobRoleDetailSlider{
        width: 50%;
        margin: auto;
        float: left;
    }
}
#findingmatchingjobrole_jumbo_container a.ctabtn:hover, a.ctabtn:focus {
    color: #333;
    text-decoration: none;
}

.related_courses_pm #Relatedjobs .article_box .contentbox .customLink a {
    font-family: "Source Sans Pro Bold";
    color: #fff;
    font-size: 17px;
    line-height: 22px;
}

.related_courses_pm #Relatedjobs .article_box .contentbox .customLink a:hover {
    color: #fff;
    text-decoration: underline;
}

.related_jobs_pm #Relatedjobs .article_box .contentbox .customLink a {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
}

.related_jobs_pm #Relatedjobs .article_box .contentbox .customLink a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

.related_jobs_pm #Relatedjobs .article_box {
    height: inherit;
}

.related_courses_pm #related_courses #Relatedjobs #relatedCourseResult .dragscroll_innerbox  .dragscroll_wrap .article_box img,
.related_jobs_pm #related_jobs #Relatedjobs #relatedJobsResult .dragscroll_innerbox  .dragscroll_wrap .article_box img

{
    border-bottom: 0px solid #e68717;
}

#Relatedjobs .article_box a {
    text-decoration: none;
}

#Relatedjobs .contentbox p {
    color: #fff;
    font-family: "Source Sans Pro";
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
}
#Relatedjobs .contentbox p:hover {
    color: #fff;
}

.theme1 #CourseProgrammeListing .title {
    font-size: 15px;
    color: #fff;
    font-family: "Source Sans Pro Bold";
}

.theme1 #CourseProgrammeListing .company {
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    font-family: "Source Sans Pro";
}


a.ctabtn.small.showJobMatchingRolesBtn {
    border: 0;
}

.occupation_search_box .btn.btn-secondary,
.course_search_box_pm .btn.btn-secondary {
    font-weight: bold;
    color:#fff;
    background:#412B87 !important;
    border-radius: 0px;
    border:0px;
    margin:0px;
    position: relative;
    height:53px;
}

@media (min-width: 1201px){
    /* .course_search_box_pm .btn.btn-secondary {
         padding: 17px 10px;
     }*/
}

@media(min-width:641px) and (max-width:767px){
    #ExploreCourses_jumbo_container .btn.btn-secondary.dropdown-toggle {
        font-size: 14px;
        min-width:105px;
        padding:7px;
        height:53px;
    }
}
@media(min-width:491px) and (max-width:540px){
    #ExploreCourses_jumbo_container .btn.btn-secondary.dropdown-toggle {
        font-size: 11px;
    }
}
@media(min-width:481px) and (max-width:490px){
    #ExploreCourses_jumbo_container .btn.btn-secondary.dropdown-toggle {
        font-size: 10px;
    }
}
@media(min-width:421px) and (max-width:480px){
    #ExploreCourses_jumbo_container .btn.btn-secondary.dropdown-toggle {
        min-width: 138px;
    }
}
@media(min-width:381px) and (max-width:420px){
    #ExploreCourses_jumbo_container .btn.btn-secondary.dropdown-toggle {
        min-width: 128px;
    }
}
@media(min-width:351px) and (max-width:380px){
    #ExploreCourses_jumbo_container .btn.btn-secondary.dropdown-toggle {
        min-width: 118px;
    }
}


.school_search_box input[type=checkbox], .occupation_search_box input[type=checkbox] {
    display: inline !important;
    float: left;
    margin-bottom: 10px;
}

.slick-dots li button:before{
    color: #412B87;
}


#SearchResultsList_Container_main .gotopage_menu ul.pagination > li > a{
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px solid;
}

#SearchResultsList_Container_main .gotopage_menu ul.pagination > li > a:link{
    color: #412B87;
}

#SearchResultsList_Container_main .gotopage_menu ul.pagination > li.active > a{
    color: #333333;
    text-decoration: underline;
}

#SearchResultsList_Container_main .gotopage_menu ul.pagination > li.cusdisabled > a{
    color: #ccc;
    cursor:default
}

#SearchResultsList_Container_main .gotopage_menu .pagination>li>a:hover,
#SearchResultsList_Container_main .gotopage_menu .pagination>li>span:hover,
#SearchResultsList_Container_main .gotopage_menu .pagination>li>a:focus,
#SearchResultsList_Container_main .gotopage_menu .pagination>li>span:focus {
    background-color: #fff;
}

#SearchResultsList_Container_main .gotopage_menu .pagination>.active>a,
#SearchResultsList_Container_main .gotopage_menu .pagination>.active>span,
#SearchResultsList_Container_main .gotopage_menu .pagination>.active>a:hover,
#SearchResultsList_Container_main .gotopage_menu .pagination>.active>span:hover,
#SearchResultsList_Container_main .gotopage_menu .pagination>.active>a:focus,
#SearchResultsList_Container_main .gotopage_menu .pagination>.active>span:focus {
    background-color: #fff;
}
.occupation_directory #occupation-directory-container #SearchResultsList_Container_main .dropdown-item {
    background: #412B87;
}
#SearchResultsList_Container_main .dropdown-item{
    background: #412B87;
}
.overview-progress .progress-card .explored_font_style{
    font-family: "Source Sans Pro Bold";
}
#knowyourself .Know_Yourself_completed_font_style{
    font-family: "Source Sans Pro Bold";
}
.msf_preu_overviewpage .overview_page_my_eportfolio #overview_page_my_eportfolio_my_eportfolio .checkbox-portfolio label{
    font-family: "Source Sans Pro Bold";
}
.occupation_search_box .panel-group > .panel > .panel-heading{
    padding: 10px 15px;
}

.occupation_search_box .panel-group > .panel > .panel-heading > .panel-title > a {
    display: inline;
}

.school_search_box .adv_search_parameter label,
.occupation_search_box .adv_search_parameter label{
    display: inline !important;
    text-align: left;
    left: 10px;
    position: relative;
}

.school_search_box .checker,
.occupation_search_box .checker{
    margin-top: 2%;
    margin-bottom: 2%;
    text-align: left;
    height: 38px;
    float: left;
    padding: 5%;
}

#jobrole_jumbo_container {
    text-align: center;
    height: 410px;
    background-position: top center;
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

.theme1 #jobrole_jumbo_container {
    background-color: #8c4198;
}

#ExploreCourses_jumbo_container {
    text-align: center;
    background-position: top center !important;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50px;
    margin-bottom: 0px;
}

.industrylandscape.parbase .btn.btn-secondary {
    font-weight: bold;
    color: #996caf;
    background: #f3f3f3;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    height: 44px;
    padding: 10px 25px;
    font-size: 16px;
}
#overwritethiscss{
    font-family: "Source Sans Pro Bold";
    font-weight: bold;
    color: #fff;
    background: #412B87;
    border: 2px solid #412B87;
    border-radius: 8px;
    height: 44px;
    padding: 10px 25px;
    width: 200px;
    padding-top: 9px;
}

#overwritethiscss:hover{
    background: #c3670b;
}

.industrylandscape.parbase #overwritethiscss.singaporeindustrylandscape{
    font-size: 17px;
}
.industrylandscape.parbase #overwritethiscss.singaporeindustrylandscape:hover{
    background: #e68717;
}
.course_search_box_pm div#ExploreCourses_jumbo_container {
    background-color: #575e3c;
}

#course_directory_pm #ExploreCourses_jumbo_container h1
{
    padding-top: 100px;
}

#course_directory_pm #searchkeywordbox {
    padding-top: 20px;
}

.course_search_box_pm #searchkeywordbox{
    /*margin: 15px 20px;*/
}
.course_search_box_pm #searchContainer {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media(max-width: 480px){
    #searchkeywordbox{
        width: 97%;
    }
}
@media(max-width: 590px){
    #Guide_container .dragscroll_outterbox .dragscroll_innerbox .dragscroll_wrap{
        overflow-x: scroll;
        overflow-y: hidden;
        width: 587px !important;
    }
}


#Guide_container .dragscroll_innerbox.dragscroll{
    overflow-x: scroll!important;
}
#Guide_container .dragscroll_wrap{
    text-align: center;
    width: 100% !important;
    height: 100%;
}
#Guide_container .dragscroll .dragscroll_wrap .article_box{
    height: 400px;
}
.dragscroll .article_box {
    width: 355px;
 }
@media (max-width: 991px) and (min-width: 768px) {
    #Guide_container .dragscroll .dragscroll_wrap .article_box{
        height: 450px;
    }
}
@media (max-width: 767px) {
    #Guide_container .dragscroll .dragscroll_wrap .article_box{
        height: 500px;
    }
}

.occupation_directory div#occupation {
    padding: 0;
}

.occupation_search_box .dropdown-menu,
.course_search_box_pm .dropdown-menu {
    font-size: 16px;
    border-radius:0px;
    padding: 0px;
    margin: 0px;
    background:#85569d;
}

.occupation_search_box .dropdown-item
.course_search_box_pm .dropdown-item {
    display:block;
    padding:8px 15px;
    margin:1px;
    background:#9461ae;
}

.occupation_search_box a.dropdown-item,
.occupation_search_box a.dropdown-item:link,
.occupation_search_box a.dropdown-item:visited,
.course_search_box_pm a.dropdown-item,
.course_search_box_pm a.dropdown-item:link,
.course_search_box_pm a.dropdown-item:visited {
    color:#fff;
    display: block;
    padding: 8px 15px;
    margin: 1px;
    background: #9461ae;}


.occupation_search_box a.dropdown-item:hover,
.occupation_search_box a.dropdown-item:focus,
.occupation_search_box a.dropdown-item:active,
.course_search_box_pm a.dropdown-item:hover,
.course_search_box_pm a.dropdown-item:focus,
.course_search_box_pm a.dropdown-item:active
{background-color:#692175; text-decoration: none;}

.theme1 .course_directory_pm .big-table-row a,
.theme1 .course_directory_pm .big-table-row a:link,
.theme1 .course_directory_pm .big-table-row a:visited
.theme1 .related_courses_pm a,
.theme1 .related_courses_pm a:link,
.theme1 .related_courses_pm a:visited  {
    color: #333;
}

.dragscroll .dragscroll_wrap {
    width:auto;
    /*text-align:center;*/
}

.industrialLandscapeProfileComponentContainer .row .panel-group #sectorBackgroundContainer[aria-expanded="true"]{
    background-color:#fff;
}

#schoolcockpitDetailDropDownContainer #closed_tabs_container .panel-title {
    padding: 15px 75px;
}


#schoolcockpitDetailDropDownContainer #closed_tabs_container .openclose_icon {
    padding-top: 12px !important;
    padding-right: 55px;
    height: 60px !important;
    margin-top: 15px;
}

#schoolcockpitDetailDropDownContainer  #closed_tabs_container .panel-group{
    display: block;
    padding: 10px 30px;
    position: relative;
    border-top: 1px solid #ccc;
}

#schoolcockpitDetailDropDownContainer .panel-group .row img{
    float: left;
    margin-right:15px;
}

#schoolcockpitDetailDropDownContainer #RelatedArticles_sliderplate{
    margin-top: 0px;
}
#schoolcockpitDetailDropDownContainer .sectornews_container h3{
    padding-bottom: 25px;
}

#schoolcockpitDetailDropDownContainer .RelatedArticles_box {
    width:100%;
    padding-bottom:5px;
    margin-bottom:8px;
    border-bottom:2px dotted rgba(0,0,0,0.3);
}
#schoolcockpitDetailDropDownContainer  #sectorBackgroundContainer .left-col-header {
    margin-bottom: 10px;
    font-size:20px;
    font-weight:bold;
    color: #333333;
}

#schoolcockpitDetailDropDownContainer  #sectorBackgroundContainer .left-col {
    margin-bottom: 3px;
    font-size:14px;
    font-weight:bold;
    color: #333333;
}
#schoolcockpitDetailDropDownContainer  #sectorBackgroundContainer .right-col {
    margin-bottom: 20px;
    font-size:16px;
    color: #333333;
}
#schoolcockpitDetailDropDownContainer  #sectorBackgroundContainer #divMission, #schoolcockpitDetailDropDownContainer  #sectorBackgroundContainer #divVision {
    font-size: 16px;
    color: #606060;
    margin-bottom: 20px;
}

#schoolcockpitDetailDropDownContainer  #sectorBackgroundContainer ul#affiliatedSchoolNameUl{
    /*columns: 3;*/
    /*-webkit-columns: 3;*/
    /*-moz-columns: 3;*/
    list-style:none;
    list-style-position: inside;
    padding-left: 0;
}

#schoolcockpitDetailDropDownContainer  #closed_tabs_container .panel-group {
    border-bottom: 7px solid #9461ae;
}
#schoolcockpitDetailDropDownContainer .panel-title {
    color: #9461ae;
}
#schoolcockpitDetailDropDownContainer  #sectorBackgroundContainer .right-col.right-col-website,
#schoolcockpitDetailDropDownContainer  #sectorBackgroundContainer .right-col.right-col-email {
    margin-bottom: 20px;
    font-size:16px;
    color: #9461ae;
}

#schoolcockpitDetailDropDownContainer #schoolAcademicsContainer .row.CockpitSubjectOffered_row{
    list-style-position: inside;
    padding-left: 0;
    font-size:16px;
    font-weight:bold;
}

#schoolcockpitDetailDropDownContainer  #schoolAcademicsContainer .row.CockpitSubjectOffered_row li {
    list-style: none;
}

#schoolcockpitDetailDropDownContainer  #schoolAcademicsContainer .row.CockpitSubjectOffered_row li img{
    margin-top:7px;
}

#schoolcockpitDetailDropDownContainer #schoolAcademicsContainer .cockpit-detail-list-data{
    list-style-position: inside;
    padding-left: 0;
    font-size:16px;
}

#schoolcockpitDetailDropDownContainer #sectorFactsFiguresContainer .row.CockpitSubjectOffered_row{
    list-style-position: inside;
    padding-left: 0;
    font-size:16px;
    font-weight:bold;
}

#schoolcockpitDetailDropDownContainer  #sectorFactsFiguresContainer .row.CockpitSubjectOffered_row li {
    list-style:  url('secondary/images/JobRoleComparison_icon_circle.png');
}

#schoolcockpitDetailDropDownContainer  #sectorFactsFiguresContainer .row.CockpitSubjectOffered_row li img{
    margin-top:7px;
}

#schoolcockpitDetailDropDownContainer #sectorEnvironmentContainer .cockpit-detail-list-data{
    list-style-position: inside;
    padding-left: 0;
    font-size:16px;
}

#schoolcockpitDetailDropDownContainer #sectorEnvironmentContainer .row {
    margin-top:4px;
    margin-bottom:20px;
}

#schoolcockpitDetailDropDownContainer #sectorEnvironmentContainer .cockpit-detail-list-data li{
    list-style:url('secondary/images/JobRoleComparison_icon_circle.png');
}

#schoolcockpitDetailDropDownContainer  #sectorEnvironmentContainer .cockpit-detail-list-data img{
    margin-top:7px;
}

#schoolcockpitDetailDropDownContainer #sectorEnvironmentContainer .cockpit-detail-subtitle {
    font-size:14px;
    color:#333333;
    font-weight:bold;
}

#schoolcockpitDetailDropDownContainer #sectorEconomicAgenciesContainer .cockpit-detail-list-data{
    list-style-position: inside;
    padding-left: 0;
    font-size:16px;
}

#schoolcockpitDetailDropDownContainer #sectorEconomicAgenciesContainer .row {
    margin-top:4px;
    margin-bottom:20px;
}

#schoolcockpitDetailDropDownContainer #sectorEconomicAgenciesContainer .cockpit-detail-list-data li{
    list-style: url('secondary/images/JobRoleComparison_icon_circle.png');
}

#schoolcockpitDetailDropDownContainer  #sectorEconomicAgenciesContainer .cockpit-detail-list-data img{
    margin-top:7px;
}

#schoolcockpitDetailDropDownContainer #sectorEconomicAgenciesContainer .cockpit-detail-subtitle {
    font-size:14px;
    color:#333333;
    font-weight:bold;
}
#schoolcockpitDetailDropDownContainer #sectorOutlookContainer .row {
    margin-top:4px;
    margin-bottom:20px;
}

#schoolcockpitDetailDropDownContainer #sectorOutlookContainer .cockpit-detail-list-data{
    list-style-position: inside;
    padding-left: 0;
    font-size:16px;
    font-weight:bold;
}

#schoolcockpitDetailDropDownContainer #sectorOutlookContainer li{
    list-style: url('secondary/images/JobRoleComparison_icon_circle.png');
    font-weight:normal;
    margin-left: 15px;
}

#schoolcockpitDetailDropDownContainer  #sectorOutlookContainer img{
    margin-top:7px;
}

#schoolcockpitDetailDropDownContainer #sectorOutlookContainer .cockpit-detail-subtitle {
    font-size:14px;
    color:#333333;
    font-weight:bold;
}

#schoolcockpitDetailDropDownContainer #sectorL1R4R5 {
    margin-left:60px;
}




#pseiDetailDropDownContainer #closed_tabs_container .panel-title {
    padding: 15px 75px;
}

.pseiContainer #DataAnalyst_jumbo_container .jumboleft {
    padding-top: 60px;
    margin-left: 15px;
}

.school_cockpit_detail .checkbox_row,
.pseiContainer #DataAnalyst_jumbo_container .checkbox_row {
    padding-top: 10px;
}
@media(max-width: 991px){
    .school_cockpit_detail .checkbox_row,
    .pseiContainer #DataAnalyst_jumbo_container .checkbox_row {
        padding-top: 27px;
    }
}

.pseidetail span.white_text{
    color:#fff;
    font-size: 16px;
}

.pseidetail .checkbox_favourite span{
    padding-left: 8px;
    font-size: 16px;
}

.pseidetail .pseiTitle {
    padding-top: 30px;
}
@media(max-width: 767px){
    .pseidetail .pseiTitle {
        padding-top: 0px;
        font-size: 20px!important;
    }
}

.pseidetail .logoContainer {
    width: 80px;
    height: 80px;
    max-width: 80px;
    max-height:80px;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
}

.pseidetail .imageBox {
    display: table;
    width:100%;
}

.pseidetail .imageLogo {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

#pseiDetailDropDownContainer #closed_tabs_container .openclose_icon {
    padding-top: 12px !important;
    padding-right: 55px;
    height: 60px !important;
    margin-top: 15px;
    display: block;
    position: absolute;
}

#pseiDetailDropDownContainer  #closed_tabs_container .panel-group{
    display: block;
    padding: 10px 30px;
    position: relative;
}

#pseiDetailDropDownContainer  #closed_tabs_container .panel-group .row.collapsible{
    margin-top:20px;
    padding-bottom: 10px;
}
#pseiDetailDropDownContainer  #closed_tabs_container .schoolQualificationOfferedContainer_container #schoolQualificationOfferedContainer,
#pseiDetailDropDownContainer  #closed_tabs_container .schoolAcademicsContainer_container #schoolAcademicsContainer{
    padding-bottom: 30px;
}
#pseiDetailDropDownContainer  #closed_tabs_container .sectorOutlookContainer_container #sectorOutlookContainer{
    padding-bottom: 0px;
    margin-bottom: 10px;
}
#pseiDetailDropDownContainer .panel-group .row img{
    float: left;
    margin-right: 15px;
}

.pseidetail #pseiDetailDropDownContainer .header_text {
    font-size: 18px !important;
    font-weight: bold !important;
    padding-bottom: 10px;
}

#pseiDetailDropDownContainer .row.collapsible{
    margin-right: 15px;
    margin-left: 60px;
}

#pseiDetailDropDownContainer #closed_tabs_container {
    margin-top: 30px;
}

#pseiDetailDropDownContainer #closed_tabs_container .closed_tabs_number1{
    border-top: 1px solid #ccc;
}

#pseiDetailDropDownContainer #RelatedArticles_sliderplate{
    margin-top: 0px;
}
#pseiDetailDropDownContainer .sectornews_container h3{
    padding-bottom: 25px;
}

#pseiDetailDropDownContainer .RelatedArticles_box {
    width:100%;
    padding-bottom:5px;
    margin-bottom:8px;
    border-bottom:2px dotted rgba(0,0,0,0.3);
}
#pseiDetailDropDownContainer  #organizationNameContainer .left-col-header {
    margin-bottom: 10px;
    font-size:20px;
    font-weight: 300;
    font-family: "Gotham Runded Bold";
    color: #333333;
}

#pseiDetailDropDownContainer  #organizationNameContainer .left-col {
    margin-bottom: 3px;
    font-size:15px;
    font-weight:bold;
    color: #333333;
    font-family: "Source Sans Pro Bold";
}
#pseiDetailDropDownContainer  #organizationNameContainer .right-col {
    margin-bottom: 20px;
    font-size:15px;
    color: #333333;
    font-family: "Source Sans Pro";
}

#pseiDetailDropDownContainer  #organizationNameContainer .right-col-detail-text {
    margin-bottom: 20px;
    font-size:15px;
    color: #333333;
    line-height: normal;
    /*white-space: pre-wrap;*/
    font-family: "Source Sans Pro";
}

#pseiDetailDropDownContainer  #organizationNameContainer #divMission, #pseiDetailDropDownContainer  #organizationNameContainer #divVision {
    font-size: 16px;
    color: #606060;
    margin-bottom: 20px;
}

#pseiDetailDropDownContainer  #organizationNameContainer ul#affiliatedSchoolNameUl li img{
    margin-top:7px;
}

#pseiDetailDropDownContainer  #organizationNameContainer ul#affiliatedSchoolNameUl{
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    list-style:none;
    list-style-position: inside;
    padding-left: 0;
}

#pseiDetailDropDownContainer  #closed_tabs_container .panel-group {
    border-bottom: 7px solid #8fc448;
}

#pseiDetailDropDownContainer .panel-title {
    color: #333;
}

#pseiDetailDropDownContainer  #organizationNameContainer .right-col a {
    margin-bottom: 20px;
    font-size:16px;
    color: #2A51FE;
}

#pseiDetailDropDownContainer #admissionExerciseContainer .right-col{
    padding-left: 0;
    font-size:15px;
    margin-bottom:20px;
    color: #333333;
    font-family: "Source Sans Pro";
}

#pseiDetailDropDownContainer  #admissionExerciseContainer {
    margin-top:7px;
}

#pseiDetailDropDownContainer #admissionExerciseContainer .left-col{
    list-style-position: inside;
    padding-left: 0;
    font-weight:bold;
    font-size:20px;
    font-family: "Gotham Runded Bold";
    color: #333333;
}

#pseiDetailDropDownContainer  #admissionExerciseContainer a {
    color: #2A51FE;
}

#pseiDetailDropDownContainer #schOutcomesContainer .row.CockpitSubjectOffered_row{
    list-style-position: inside;
    padding-left: 0;
    font-size:16px;
}

#pseiDetailDropDownContainer  #schOutcomesContainer .row.CockpitSubjectOffered_row li {
    list-style: none;
}

#pseiDetailDropDownContainer  #schOutcomesContainer .row.CockpitSubjectOffered_row li img{
    margin-top:7px;
}

#pseiDetailDropDownContainer #schOutcomesContainer .cockpit-detail-list-data{
    list-style-position: inside;
    padding-left: 0;
    font-size:16px;
}

#pseiDetailDropDownContainer #sectorFactsFiguresContainer .row.CockpitSubjectOffered_row{
    list-style-position: inside;
    padding-left: 0;
    font-size:16px;
    margin-left:2px;
}

#pseiDetailDropDownContainer  #sectorFactsFiguresContainer .row.CockpitSubjectOffered_row li {
    list-style: url('secondary/images/JobRoleComparison_icon_circle.png');
}

#pseiDetailDropDownContainer  #sectorFactsFiguresContainer .row.CockpitSubjectOffered_row .left-col {
    font-weight:bold;
    margin-bottom:4px;
}

#pseiDetailDropDownContainer  #sectorFactsFiguresContainer .row.CockpitSubjectOffered_row .coursesListMargin {
    /*margin-left:-40px;*/
    margin-bottom:15px;
}

#pseiDetailDropDownContainer  #sectorFactsFiguresContainer .row.CockpitSubjectOffered_row li img,
#pseiDetailDropDownContainer  #schoolAcademicsContainer	 .row.CockpitSubjectOffered_row li img,
#pseiDetailDropDownContainer  #schoolQualificationOfferedContainer .row.CockpitSubjectOffered_row li img{
    margin-top:7px;
}

#pseiDetailDropDownContainer  #schoolAcademicsContainer	 .row.CockpitSubjectOffered_row li img,
#pseiDetailDropDownContainer  #schoolQualificationOfferedContainer .row.CockpitSubjectOffered_row li img{
    margin-left:-40px;

}

#pseiDetailDropDownContainer #sectorFactsFiguresContainer .cockpit-detail-list-data,
#pseiDetailDropDownContainer #sectorFacultyContainer .cockpit-detail-list-data,
#pseiDetailDropDownContainer #schoolAcademicsContainer .cockpit-detail-list-data,
#pseiDetailDropDownContainer #schoolQualificationOfferedContainer .cockpit-detail-list-data {
    list-style-position: inside;
    padding-left: 0;
    font-size:15px;
}

#pseiDetailDropDownContainer #sectorOutlookContainer .table-row {
    margin-top:4px;
    margin-bottom:20px;
}

#pseiDetailDropDownContainer #sectorOutlookContainer .table-row .row{
    margin-left:0px;
}

#pseiDetailDropDownContainer #sectorOutlookContainer .right-col .cockpit-detail-list-data{
    list-style-position: inside;
    padding-left: 0;
    font-size:15px;
}

#pseiDetailDropDownContainer #sectorOutlookContainer .right-col li{
    list-style: url('secondary/images/JobRoleComparison_icon_circle.png');
}

#pseiDetailDropDownContainer  #sectorOutlookContainer .right-col img{
    margin-top:7px;
}

#pseiDetailDropDownContainer #sectorOutlookContainer .left-col {
    font-size:14px;
    /*margin-left:30px;*/
    color:#333333;
    font-weight:bold;
}

#pseiDetailDropDownContainer #sectorEconomicAgenciesContainer .cockpit-detail-list-data{
    list-style-position: inside;
    padding-left: 0;
    font-size:16px;
}

#pseiDetailDropDownContainer #sectorEconomicAgenciesContainer .row {
    margin-top:4px;
    margin-bottom:20px;
}

#pseiDetailDropDownContainer #sectorEconomicAgenciesContainer .cockpit-detail-list-data li{
    list-style: none;
}

#pseiDetailDropDownContainer  #sectorEconomicAgenciesContainer .cockpit-detail-list-data img{
    margin-top:7px;
}

#pseiDetailDropDownContainer #sectorEconomicAgenciesContainer .cockpit-detail-subtitle {
    font-size:14px;
    font-weight:bold;
    color:#333333;
}







.industrialLandscapeProfileComponentContainer .row .panel-group #sectorBackgroundContainer[aria-expanded="true"] .panel-group.closed_tabs_number1 {
    background-color:#333;
}

.industrialLandscapeProfileComponentContainer .row .panel-group{
    background-color:#f7f7f7;
}

.dragscroll.parbase {
    margin-top: -50px;
}
.dragscroll_outterbox .dragscroll_wrap  {
    height:inherit;
}
.dragscroll_outterbox .dragscroll_innerbox{
    overflow-x: scroll;
}


#Guide_fluidcontainer {
    margin-top: 100px;
}

.related_courses_pm #Relatedjobs .article_box {
    height: 291px;
}

.related_courses_pm p.customLink{
    height:40px;
}

.industrylandscape .dropdown-item {
    display:block;
    padding:8px 15px;
    margin:1px;
    background:#9461ae;
}

.directory_hidden{
    display:none !important;
}

#directory_view .tile-item .item-Institution{
    font-size: 14px;
}

#SearchResultsList_Container_main #directory_view .tile-item .item-Institution{
    padding-top: 15px!important;
}
@media (min-width: 1200px){
    #SearchResultsList_Container_main #directory_view .tile-item .item-Institution {
        width: 100%;
    }
    #SearchResultsList_Container_main #directory_view .big-table-row .Content-Attained-name {
        max-width: 181px;
        text-transform: uppercase;
        word-break: normal;
        display: inline-block;
        word-wrap: normal;
    }
    #SearchResultsList_Container_main #directory_view .tile-item .item-Attained .Content-Attained-name {
        width: 90%;
        max-width: none;
    }
}
@media (min-width: 1200px){
    .course_directory_pm #SearchResultsList_Container_main #directory_view .big-table-row .Content-Attained-name,
    .calendar_events_search #SearchResultsList_Container_main #directory_view .big-table-row .Content-Attained-name
    {
        max-width: 135px;
        word-break: break-all;
    }
}

@media (max-width: 991px) and (min-width: 768px){
    .calendar_events_search #SearchResultsList_Container_main #directory_view .big-table-row .Content-Attained-name
    {
        max-width: 84%;
    }
}

.theme1 #ExploreCourses_jumbo_container h1,
.theme1 #ExploreCourses_jumbo_container p{
    color:#fff;
}


@media (min-width: 1200px){
    .CompareList_btns {
        /* comment it to fix button does not show
            2021-07-05
        height: 0px;
        */
    }
}

@media (max-width: 991px){
    .CompareList_btns {
        margin-left: 0px;
        margin-top: 0px;
        width: 100%;
        height: 100%;
    }
    #CompareList_sliderplate .CompareList_comparebtn{
        float: left;
        width: 49%;
        margin-top: 10px;
    }
    #CompareList_sliderplate .CompareList_clearallbtn{
        float: right;
        width: 49%;
    }
}

@media(min-width:992px) and (max-width:1199px){
    #SearchResultsList_Container_main #directory_view .tile-item .item-Institution {
        width: 100%;
    }
    #SearchResultsList_Container_main #directory_view .tile-item .item-Attained .Content-Attained-name {
        width: 90%;
        max-width: none;
    }
}

.tile-group .tile-item .item-Course
{
    padding: 0px 0px !important;
}

.tile-group .tile-item .item-Institution{
    padding: 0px 0px 15px 0px !important;
}

.tile-group .tile-item .item-Description {
    font-size: 14px;
}

.tile-group .tile-item .item-Attained {
    padding: 0px 0px 20px 0px !important;
}

.tile-group .tile-item .Content-Attained-name{
    max-width: none;
    width: 90%;
    min-height: 42px;
}

.tile-group .tile-item .item-Attained .Content-Attained-checkboxes .AddtoFavourite {
    display: inline-block;
    padding-right: 30px;
}

.tile-group .tile-item .item-Attained .Content-Attained-checkboxes .checkbox_favourite {
    padding-right: 30px;
}

.item-Attained .Content-Attained-checkboxes .checkbox_favourite input[type="checkbox"] + label span {
    height: 26px;
}

.item-Attained .Content-Attained-checkboxes .checkbox_favourite img {
    height: 26px;
    width: 23px;
}

.tile-group .tile-item .item-Attained .Content-Attained-checkboxes .AddtoFavourite img {
    margin-right: 10px;
}

.tile-group .tile-item .item-Attained .Content-Attained-checkboxes .checkbox_select {
    display: inline-block;
}

#SearchResultsList_Container_main .tile-group .tile-item .item-Attained .Content-Attained-checkboxes .checkbox_select label,
#SearchResultsList_Container_main .tile-group .tile-item .item-Attained .Content-Attained-checkboxes .checkbox_favourite label {
    padding-right: 0px;
}

#SearchResultsList_Container_main .tile-group .tile-item .item-Attained .Content-Attained-checkboxes .tile-text {
    color: #333333;
    font-weight: 100;
    padding-left: 0px;
    font-family: "Source Sans Pro";
    font-size: 14px;
}

@media (min-width:768px) and (max-width:991px) {
    #SearchResultsList_Container_main .tile-item .item-Attained {top: 207px;}
    #SearchResultsList_Container_main .tile-item{min-height: 387px;}
}


/*
#SearchResultsList_Container_main .heading-group {
	height: 60px;
}*/

#SearchResultsList_Container_main .big-table-group,
#SearchResultsList_Container_main .tile-group {
    margin-top: 50px;
}

@media (max-width: 991px) and (min-width: 768px){
    #SearchResultsList_Container_main .big-table-group,
    #SearchResultsList_Container_main .tile-group {
        margin-top: 0px;
    }
}

@media (max-width: 767px){
    #SearchResultsList_Container_main .big-table-group .big-table-row .Content-Attained-checkboxes {
        width: auto;
        float: none;
    }
    #SearchResultsList_Container_main .big-table-group,
    #SearchResultsList_Container_main .tile-group {
        margin-top: 0px;
    }
    #SearchResultsList_Container_main .big-table-group .Content-Attained-checkboxes div {
        display: inline-block;
        margin: 10px 10px 0px 0px;
    }
}

#SearchResultsList_Container_main .gotopage_menu {
    display: block;
    position: absolute;
    padding-top: 10px;
}

#CompatibilityBox .chart-bar-number {
    margin-top: -13px;
}


#ComparsionList_sliderplate .checkbox_favourite {
    margin-top:19px;
    font-size:16px;
    margin-left:-41px;
}

#ComparsionList_sliderplate .checkbox_favourite input[type="checkbox"] + label span {
    padding-right:5px;
}

#CareerAssessment_mainwrap  #GettingStarted_container .questions_box .ctabtn:hover{
    color: #822a90;
}

#ComparsionList_sliderplate .checkbox_favourite img {
    height: 26px;
    width: 23px;
}

.checkbox_favourite span {
    font-size: 17px;
    color: #e68717;
    font-family: "Source Sans Pro Bold";
    padding-left: 8px;
    vertical-align: middle;
}

.ctabtn.viewDetailInSlick {
    padding-left: 0px;
    padding-right: 0px;
}
#GettingStarted_container .icon-item .icon-text {
    line-height: 16px;
}

.calendar_events_detail .calendar_events_header_left .jumboleft .event-detail-action .checkbox_notification span{
    font-family: "Source Sans Pro Bold";
}

#calendarReminderDate .dropdown-item{
    background: #e68717;
}
/* iphone */
@media (max-width:320px){
    #WhichAssessmentShouldITake_container .icon {float:left;}
    #CareerAssessment_mainwrap #GettingStarted_container #slider-table-content .tooltip.top{margin-top: -25px;}
    /*.avatar.parbase{display: none;}*/
}

/* Extra Small *//*
@media(max-width:480px){
    .avatar.parbase{display: none;}
}

@media(min-width:481px) and (max-width:767px){
    .avatar.parbase{display: none;}
}*/

/* Extra Small */
@media(min-width:768px) and (max-width:767px){
    #WhichAssessmentShouldITake_container .icon {float:left;}
    #CareerAssessment_mainwrap #GettingStarted_container #slider-table-content .tooltip.top{margin-top: -25px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .availableassessmentlist .container{width:750px;}
    #WhichAssessmentShouldITake_container .icon {float:left;}
    #CareerAssessment_mainwrap #GettingStarted_container #slider-table-content .tooltip.top{margin-top: -25px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    #WhichAssessmentShouldITake_container .icon {float:left;}
    #CareerAssessment_mainwrap #GettingStarted_container #slider-table-content .tooltip.top{margin-top: -25px;}
}

/* Large */
@media(min-width:1200px){
    #WhichAssessmentShouldITake_container .icon {float:left;}
    #CareerAssessment_mainwrap #GettingStarted_container #slider-table-content .tooltip.top{margin-top: -25px;}
}

.slider-selection {
    position: absolute;
    background-color: #ead0ee;
    background-image: -moz-linear-gradient(top, #ead0ee, #ead0ee);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ead0ee), to(#ead0ee));
    background-image: -webkit-linear-gradient(top, #ead0ee, #ead0ee);
    background-image: -o-linear-gradient(top, #ead0ee, #ead0ee);
    background-image: linear-gradient(to bottom, #ead0ee, #ead0ee);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4eacf', endColorstr='#fff4eacf', GradientType=0);
    -webkit-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/*.rich_text_html_editor .container{
    padding-left: 30px;
}*/

#CareerAssessment_container h3 {text-align: center;}
/*#CareerAssessment_mainwrap #GettingStarted_container .ctabtn{background-color: #5aacb4;}*/
#CareerAssessment_mainwrap #GettingStarted_container .icon.drophere {margin-left:0px;}
#CareerAssessment_mainwrap #GettingStarted_container .icon .assessment-answer{text-align: center;margin: 0px auto;}
#CareerAssessment_mainwrap #GettingStarted_container #slider-table-content .tooltip.top{margin-top: -25px;}
#CareerAssessment_mainwrap #summaryContainer #GettingStarted_container{height:298px;}

#CareerAssessment_mainwrap #slider-table-content .slider-table-row{
    position: relative;
}
#CareerAssessment_mainwrap  #GettingStarted_container .mid-col .icon {display:inline-block; vertical-align: middle; width:70px; padding-left:0px;}
#CareerAssessment_mainwrap #slider-table-content .content{
    width: 81% !important;
    margin-bottom: 10px;
}

#CareerAssessment_mainwrap .mid-col.classic #slider-table-content .content{
    width: 100% !important;
}

#CareerAssessment_mainwrap  #GettingStarted_container .mid-col .icon .text-center{
    height: 70px;
    width: 70px;
}
#CareerAssessment_mainwrap  #GettingStarted_container .mid-col .icon.drophere img {
    width:55px;
    height:55px;
    margin: 0 auto;
}
#CareerAssessment_mainwrap  #GettingStarted_container .mid-col .icon{
    height: 70px;
    width: 70px;
}
#CareerAssessment_mainwrap #slider-table-content .slider-table-row .ctamenubar{
    height: 22px;
    position: relative;
    top: 0;
    left: 0;
    margin: auto;
}

#CareerAssessment_mainwrap #slider-table-content .ctatext {
    color: #ccc;
    margin-right: 0px;
    position: absolute;
    right: 5%;
    bottom: 10%;
}

#CareerAssessment_mainwrap .main-content .result-container .result-box {
    height: auto;
}

#CareerAssessment_mainwrap .LSI .main-content .result-container .result-box {
    padding-bottom: 20px;
}

#industryOccupationResultContainer #bottom-content-container .tab-heading #important-prefs-tab,
#industryOccupationResultContainer #bottom-content-container .tab-heading #other-prefs-tab{
    cursor:pointer;
}
#industryOccupationResultContainer #bottom-content-container p.job_roles_count_font{
    font-size: 16px;
    color: #333;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 18px;
}
#industryOccupationResultContainer #bottom-content-container .mainquote p{
    font-size:17px;
    color: #333333;
    line-height: 19px;
}
.assessmentResultContainer #industryOccupationResultContainer #bottom-content-container .panel-content{
    margin-bottom: -16px;
    padding-left: 7px;
}
.assessmentResultContainer #industryOccupationResultContainer #bottom-content-container #occupation .panel-content{
    margin-bottom: -35px;
}
.assessmentResultContainer #industryOccupationResultContainer #bottom-content-container #industry .panel-group .openclose_icon {
    right: -40px;
}
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .main-content .result-container .result-box .left .quote{
    padding-left: 63px;
}
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container .result-box .left .quote{
    padding-left: 0px;
}
#CareerAssessment_mainwrap .main-content .result-container .result-box:nth-child(-n+3) {
    background-color: #f7f7f7;
}
#CareerAssessment_mainwrap .main-content .result-container .result-box:nth-child(-n+3) .left,
#CareerAssessment_mainwrap .main-content .result-container .result-box:nth-child(-n+3) .right {
    background-color: #f7f7f7;
}

#CareerAssessment_mainwrap .LSI .main-content .result-container .result-box {
    background-color: #f7f7f7 !important;
}

#CareerAssessment_mainwrap .LSI .main-content .result-container .result-box.collapsed {
    background-color: #fff !important;
}
#CareerAssessment_mainwrap .LSI .main-content .result-container .result-box.collapsed .left,
#CareerAssessment_mainwrap .LSI .main-content .result-container .result-box.collapsed .right
{
    background-color: #fff
}

#CareerAssessment_mainwrap .main-content .result-container .result-box{
    padding-bottom: 0px;
}

#RIS_container.KCS .RIS_box{
    background-color: #9729aa;
}

#CareerAssessment_mainwrap .main-content .result-container .risicon {
    width:52px;
    margin-right:10px;
    float:left;
}

#CareerAssessment_mainwrap .main-content .result-container .left,
#CareerAssessment_mainwrap .main-content .result-container .right{
    min-height:110px;
}

#CompatibilityBox .chart-table-container div.bar{
    max-width: 85%;
}
#bottom-content-container .tab-heading .active {
    color:#fff;
    background-color: #9933aa;
}

.kuder-trademark-box{
    padding-top:15px;
    text-align:left;
}

.kuder-trademark{
    font-family: "Source Sans Pro", sans-serif;
    font-size:12px;
    font-weight: normal;
    color: #333333;
}

.kuder-rights:after{
    content:"®";
}

#industryOccupationResultContainer h2 {
    font-size: 38px;
    font-weight: 300;
    color: #333;
    line-height: 40px;
    margin-top: 15px;
    border-radius: 0px;
    margin-bottom:10px;
    font-family: "Gotham Runded Bold";
}

#riasecMatchingOccupationContainer h2 {
    font-size: 38px;
    font-weight: 300;
    color: #333;
    margin-top: 15px;
    border-radius: 0px;
    margin-bottom:10px;
    font-family: "Gotham Runded Bold";
}

#industryOccupationResultContainer #bottom-content-container .tab-heading {
    text-align: left;
    width:auto;
    height:49px;
    display:block;
    overflow: hidden;
    border:0px;
}

.autosuggest_menu li:hover{
    background-color: #f5f5f5;
}

.autosuggest_menu .ui-state-active,
.autosuggest_menu .ui-widget-content .ui-state-active,
.autosuggest_menu .ui-state-active:hover{
    border: none;
    background: transparent;
    color: #000;
}

#riasecMatchingOccupationContainer #bottom-content-container .tab-heading {
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
    width:auto;
    height:50px;
    display:block;
    overflow: hidden;
    border:0px;
}

#industryOccupationResultContainer #bottom-content-container .tab-heading div {
    display:inline-block;
    text-align: center;
    font-size: 22px;
    line-height: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    color:#333;
    width:auto;
    margin:0;
    width:50%;
    border-radius: 3px;
    border:1px solid #ccc;
    font-family: Gotham Runded Bold;
    font-weight: 300;
}
#industryOccupationResultContainer #bottom-content-container .tab-heading .active#industry-tab {
    border:0px;
}

#resultPercentageLegendContainer .legend_font{
    font-family: "Source Sans Pro Bold" !important;
    font-weight: normal;
    font-size:17px;
    line-height: 19px;
    color: #333333;
    margin-right: -18px;
}
#resultPercentageLegendContainer .legendColorDescription{
    font-family: "Source Sans Pro" !important;
    font-weight: normal;
    font-size:17px;
    line-height: 19px;
    color: #333333;
}

.CompareList_content{
    line-height:24px;
}
@media (min-width: 1200px) {
    #resultPercentageLegendContainer .resultPercentageLegendContainer_sub_box {
        width: 79%;
        float: none;
        margin: auto;
    }

    #resultPercentageLegendContainer .low_legend_box {
        width: 25%;
    }
}

.bg-warning {
    background-color: #f7f7f7;
    margin-bottom: 0 !important; /* Explore Courses */
}
#directory_no_results pre{
    padding-left: 15px;
}
.assessmentResultContainer #CareerAssessment_mainwrap #summaryContainer #RIS_container .main-content .result-container #important-prefs .important_prefs_content{
    font-size:15px;
    line-height: 17px;
    color: #333333;
}

    /*.featuredarticles .featuredarticle_container .slick_single_featuredArticle .featuredarticle_img img{
        width: 100%;
    }*/
.featuredarticles .featuredarticle_container .slick_single_featuredArticle #featuredarticle{
    background-color: #8fc448;
}

.industrialLandscapeProfileComponentContainer .sectornews_container .sectornews_container_row_position .Industry_News_no_content_font{
    font-size: 15px;
    color: #333333;
    line-height: 17px;
}

#riasecMatchingOccupationContainer #bottom-content-container .tab-heading div {
    display:inline-block;
    text-align: center;
    font-size: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    color:#333;
    width:auto;
    margin:0 auto;
    width:49%;
    border-radius: 3px;
    border:1px solid #ccc;
}

#riasecMatchingOccupationContainer #bottom-content-container .tab-heading .active {
    color:#FFF;
}

#industryOccupationResultContainer #bottom-content-container .tab-heading #occupation-tab{
    float: right;
}

#riasecMatchingOccupationContainer #bottom-content-container .tab-heading #occupation-tab{
    float: right;
}

#industryOccupationResultContainer #bottom-content-container .tab-heading{
    height: 52px;
}

#riasecMatchingOccupationContainer #bottom-content-container .tab-heading{
    height: 49px;
}

#industryOccupationResultContainer #bottom-content-container .tab-heading #industry-tab:hover,
#industryOccupationResultContainer #bottom-content-container .tab-heading #occupation-tab:hover{
    cursor: pointer;
}

#riasecMatchingOccupationContainer #bottom-content-container .tab-heading #industry-tab:hover,
#riasecMatchingOccupationContainer #bottom-content-container .tab-heading #occupation-tab:hover{
    cursor: pointer;
}

#industryOccupationResultContainer #bottom-content-container .tab-container .panel-group{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

#riasecMatchingOccupationContainer #bottom-content-container .tab-container .panel-group{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.compare-assessment-selector div#WhichAssessmentShouldITake_container input[type="radio"], .compare-assessment-selector div#WhichAssessmentShouldITake_container input[type="checkbox"]{display:inline;}
.occupation_search_box .dropdown-item:last-child,
.course_search_box_pm .dropdown-item:last-child {
}

.preu_education_guide p,
.preu_landing p {
    line-height: 17px;
    margin: 0 0 10px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
}

.preu_education_guide .edu-cards p{
    font-size: 15px;
    height: 51px;
}

.preu_education_guide h4 {
    margin: 17px 0 12px 0;
    height: 44px;
}

@media(max-width: 1199px){
    .info-card > .statistic > .info-chart .number {font-size: 27px;}
}

@media(max-width: 991px){
    .preu_education_guide h4 { height: 70px;}
    .preu_education_guide .edu-cards p{height: 66px;}
}

.preu_landing .contentbox h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 3px;
    padding-bottom: 11px;
}

.preu_landing .title-image-desc-button-left img {
    width: 100%;
}

.preu_landing .title-image-desc-button-left .contentbox{
    padding:20px;
}


.preu_landing .title-image-desc-button-left h5 {
    font-family: "Source Sans Pro Bold";
    font-size: 15px;
    color: #e68717 !important;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.course_directory_pm .big-table-row .item-Course span,
.course_directory_pm .tile-item .item-Course span,
.course_directory_pm .tile-item span.item-Description {
    font-size: 15px;
    color: #333333;
    word-break: break-all;
    display: inline-block;
    word-wrap: break-word;
}

#ExploreCourses_jumbo_container .icon {
    padding-top: 0px;
}

.occupation_search_box .dropdown-item:last-child {
}

.openclose_icon{
    cursor: pointer;
}

#school_comparison_list_school_comparison_ps .openclose_icon{
    margin-top: 0px;
}

#SchoolComparisonAboutUs .openclose_icon img{
    margin-top:10px;
}

#SchoolComparisonCCA .openclose_icon {
    margin-top:0px;
}

#SchoolComparisonCCA .openclose_icon img{
    margin-top:10px;
}


#edupathway_favorpossible #closed_tabs_container .panel-group{
    padding: 37px 15px;
    padding-bottom: 37px !important;
}

#edupathway_education-landscape-FSBB #closed_tabs_container .panel-group{
    padding: 37px 15px;
    padding-bottom: 37px !important;
}

#edupathway_favorpossible #closed_tabs_container{
    padding:0px;
}
#edupathway_education-landscape-FSBB #closed_tabs_container{
    padding:0px;
}

.educationPathwayDetialContainerRow{
    margin-right: 0px;
}
.educationPathwayDetialContainerRow{
    margin-left: 0px;
}

#edupathway_favorpossible #closed_tabs_container .openclose_icon{
    /*margin-top: -40px;*/
    padding-top: 10px;
    height:20px;
}

#edupathway_education-landscape-FSBB #closed_tabs_container .openclose_icon{
    /*margin-top: -40px;*/
    padding-top: 10px;
    height:20px;
}

/*
spu 2677 start
 */

a.btn.ctabtn.gradeBrandingSave {
    background-color: #e68717;
    margin-bottom: 0px;
}

/*
spu 2677 end
 */

/**
spu 2713
 */
.academicTableData{
    width:100%;
}
.academicTabelDataButton{
    padding-bottom: 40px;
}
.templateDetailInfo .row.TemplateModelInfo .col-md-4{
    padding-left:0px !important;
}
.templateDetailInfo {
    padding: 30px 0 30px 0;
}
.GoalSectionTitle{
    padding-bottom: 10px;
}
.goalsettingTemplateLabel{
    text-align: left;
    padding-left: 0px !important;
}
.addGoalSettingInfo,.addGoalsettingTemplateLabel{
    text-align: left;
    padding-left:15px;
}
.GoalSettingTableData.addGoalSettingTableData{
    padding-left:15px !important;
    padding-right:15px !important;
}

.nonAcademicInputAndDropDown{
    margin-top:5px !important;
}
/*spu 2713 end*/

.goal-progression-step-number{
    margin-right: 0px !important;
}
/*spu 2732*/
.admin_goalsetting_filter_label{
    font-size: 28px;
    margin-top: 8px;
    color: #333333;
}
#GoalSettingListData_filter{
    display: none!important;
}
select#admin_goalSetting_filter_academic,select#admin_goalSetting_filter_status{
    height:50px;
    padding: 0px 25px 0px 15px;
    border-radius: 5px;
    margin-top: 5px;
    display: block;
    vertical-align: middle;
    width: 100%;
    border-radius: 5px;
    background: #fff;
    overflow: auto;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 19px;
    min-height: 50px;
    color: #fff;
    font-weight: normal;
}
.goalSettingFilter{
    padding:10px 0px;
}
.goalSettingFilterFormGroup{
    margin-right:20px;
}
/*ILPPROD 3686 start*/
div#accessCodeAcademicLevelSelect {
    padding-left: 0px;
    padding-bottom: 40px;
}
select#accessCodeAcademicLevel {
    height: 50px;
    padding: 0px 25px 0px 15px;
    margin-top: 5px;
    display: block;
    vertical-align: middle;
    width: 100%;
    overflow: auto;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 19px;
    min-height: 50px;
    color: #fff;
    font-weight: normal;
    border-radius: 4px;
}

#AccessCodeListData th{
    text-align: center;
}
#AccessCodeListData .expiredTime{
    width:30%;
}
/*ILPPROD 3686 end*/

/*ILPprod 3034 start*/
.ecg-content table a {
    color: #2A51FE !important;
}

.ecg-content p{
    line-height: 22px;
}
.student_faq_ecgResources .padding0,
.ecg-content.padding0,
.ecg-content .padding0 {
    padding-left:0px; padding-right:0px;
}
@media(max-width:542px){
    .student_faq_ecgResources .paddingxs0,
    .ecg-content.paddingxs0,
    .ecg-content .paddingxs0 {
        padding-left:15px; padding-right:15px;
    }
}
#main-nav .student_navBar_secondary > li:first-child > a {
    border-left:none ;
}
#main-nav .student_navBar_primary > li:last-child > a {
    border-left:1px solid #cccccc;
}
#main-nav .student_navBar_primary{
    margin-right:0px !important;
}
.student_navBar_primary>li>a{
    padding-left:10px !important;
}
.student_faq_ecgResources .container{
    padding-left: 0px;
}
/*ILPprod 3034 end*/
/*spu 2733 start*/
select#goalSettingListSelect{
    height:50px;
    padding: 0px 25px 0px 15px;
    border-radius: 5px;
}
.goalsettingModalHeader{
    background-color: #412B87;
}
.baseTemplateLabel{
    top:10px;
    font-size:16px;
}
#goalSettingMasterTemplateLabel{
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 22px;
    padding-left:20px;
    color: #ffffff;
}
.goalSettingSelectedLineHeight{
    padding-bottom: 20px !important;
}
.baseTemplateLabel,.goalSettingSelectedLineHeight{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 10px;
}
 .modalMessage{
     width: 100%;
     text-align: left;
     padding: 10px 0px 30px 35px;
 }
.goalsettingModalHeader .close {
    margin-top: 2px;
    opacity: 1;
}
.modalMessage.goalsettingCreateMessage p{
    font-size:16px;
}

/*spu 2732 end*/

/*Spu-2837*/
.addAcademicDisable,a.addAcademicDisable:hover, a.addAcademicDisable:focus{
    background-color: #D0D0D0 !important;
    pointer-events: none;
}
/*Spu-2837 end */

/*spu 2771*/
.goalsettingSelect{
    padding-right:5px;
    padding-top:2px;
}

#edupathway_favorpossible #closed_tabs_container .panel-group .collapse{
    padding-top: 0px;
}

#edupathway_education-landscape-FSBB #closed_tabs_container .panel-group .collapse{
    padding-top: 0px;
}

.educationPathwayDetialContainer #closed_tabs_container .panel-group .collapse{
    padding-top: 36px;
}

.educationPathwayDetialContainer #closed_tabs_container .panel-group{
    padding: 37px 15px;
    padding-bottom: 37px !important;
}

.educationPathwayDetialContainer #closed_tabs_container{
    padding:0px;
}

.educationPathwayDetialContainer #closed_tabs_container .openclose_icon{
    margin-top: 0px;
    padding-top: 38px;
}


.modal-body  #closed_tabs_container{
    padding: 0px;
}

.modal-body .panelHeader{
    margin-left: 0px;
    margin-right: 0px;
}

.modal-body #closed_tabs_container .openclose_icon{
    margin-top: 0px;
    padding-top: 38px;
}

.modal-body .educationPathwayDetialContainerRow .collapse {
   /* margin-left: 0px !important;
    margin-right: 0px !important;;
    padding-top: 37px !important;;*/
}

.modal-body #closed_tabs_container .panel-group{
    padding: 37px 15px;
    padding-bottom: 37px !important;
}


.educationPathwayTableEmptyAlert{
    color: inherit;
    text-align: center;
    margin-top: 15px;
    font-size: 20px;
}

#CourseDetail .openclose_icon {
    float: right;
    display: inline-block;
    padding-right: 25px;
    position: relative;
    top: 11px;
    margin: 0px 0px 30px 30px;
}
.course_detail_pm #CourseDetail .JobRoleDescription_row{
    margin-bottom: 34px;
}
.course_detail_pm #CourseDetail .entryRequirement_row {
    margin-bottom: 40px;
}
.course_detail_pm .course_detail_pm_container a:hover{
    color:transparent;
}

.course_detail_pm span.white_text{
    color:#fff;
}

.course_detail_pm span.white_text{
    color:#fff;
}

.course_detail_pm #JobRoleKeyInformation .panel-group-header {
    border-bottom: 0px;
}

/* school directory START */
#ExploreEducationalInstituitionTypes_container .icon {
    display: block;
    text-align: center;
}

.cursor-pointer{
    cursor: pointer;
}

.theme1 #SingaporePostSecondaryEducation_container {
    background-color: #9461ae;
}

.theme1 {
    margin-bottom: 0px;
}

.theme1 #SingaporePostSecondaryEducation_container::after {
    background-color: #9461ae;
}

#SingaporePostSecondaryEducation_fluidcontainer.paddingxs0 {
    background: none;
}

.btn.btn-secondary {
    background: #9461ae;
}

#SearchResultsList_Container_main .big-table-group .Content-Attained-name {
    font-weight: bold;
    color: #333;
    font-size: 17px;
    font-family: "Source Sans Pro Bold";
}

#SearchResultsList_Container_main .big-table-row.heading {
    background-color: #412B87;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    font-family: "Source Sans Pro Bold";
}

#SearchResultsList_Container_main .big-table-row {
    display: table;
    position: relative;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    line-height: 19px;
}

.school_directory .tile-group .tile-item .item-Description {
    padding-top: 10px;
}

.school_directory #SearchResultsList_Container_main .tile-group .tile-item .sch-padding {
    padding: 20px 25px 25px;
}

.big-table-group .big-table-row .item-Description,
.big-table-group .big-table-row .sch-padding {
    display: none;
}
/* school directory END */

/* school detail START */
.cockpit-detail-deco .openclose_icon {
    position: relative;
    margin-top: -30px;
    float: right;
    padding-right: 25px;
}

.cockpit-detail-deco h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-top: 25px;
    margin-bottom: 0px;
}

.cockpit-detail-deco {
    position: relative;
    padding-bottom: 22px;
    border-bottom: 2px dotted rgba(0,0,0,0.3);
}
.calendar_events_detail .cockpit-detail-deco h3{
    font-size: 22px;
    font-weight: 300;
    line-height: 24px;
    color: #333333;
    font-family: "Gotham Runded Bold";
}
.calendar_events_detail .cockpit-detail-deco{
    border-bottom: 7px solid #8fc448;
}

.calendar_events_detail .middle-content .pesiContainerLeftPart .studentLifeInformation.pesileftitems.cockpit-detail-deco #studentLifeInformationContainer #admissionExerciseContainer{
 padding-bottom: 15px;
}

.calendar_events_detail #DataAnalyst_jumbo_container{
    margin-top:0;
}

.takeassessmentlegend{
    width: 110%;
    display: flex;
    font-size: 14px;
    margin-left: -20px;
}


@media(max-width: 768px){
    .takeassessmentlegend{
        width: 100%;
        font-size: 10px;
        margin-left: 0px;
    }
}


@media(min-width: 1200px){
    .takeassessmentlegend{font-size: 17px}
}
@media(min-width: 769px) and (max-width: 1199px){
    .takeassessmentlegend{font-size: 14px}
}
@media(min-width: 425px) and (max-width: 768px){
    .takeassessmentlegend{font-size: 13px}
}
@media(max-width: 424px){
    .takeassessmentlegend{font-size: 11px}
}

#DataAnalyst_jumbo_container .jumboright .contentblock {
    color: white;
    font-size: 16px;
    padding-right: 10px;
}

@media (max-width: 768px) {
    #DataAnalyst_jumbo_container .contentblock h1{
        max-height: 165px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
       /* width: 82%;*/
    }
}

@media(max-width:991px){
    #DataAnalyst_jumbo_container .contentblock h1{
        /*color: #000;
        margin-top: -120px;*/
        margin-bottom: 0px;
    }
    .calendar_events_detail #DataAnalyst_jumbo_container .contentblock h1,
    #school_cockpit_detail_school_cockpit_detai #DataAnalyst_jumbo_container .contentblock h1,
    .pseiContainer #DataAnalyst_jumbo_container .contentblock h1{
        color: #FFFFFF;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 26px;
    }
    .jobroleprofile_container{
        margin-top: 60px;
    }
}

@media (max-width: 530px) and (min-width: 399px){
    #CareerAssessment_container h1{
        font-size: 30px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    /*#CareerAssessment_container p{
        margin-bottom: 0px;
        font-size: 14px;
    }*/
}

@media (max-width: 398px) {
    #CareerAssessment_container h1{
        font-size: 24px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    /*#CareerAssessment_container p{
        margin-bottom: 0px;
        line-height: 14px;
        font-size: 14px;
    }*/
}

.calendar_events_detail .middle-content #rightbar_panelgroup #JobRoleKeyInformation .table-content .first_table_row{
    padding-top: 0px;
}
.calendar_events_detail .middle-content #rightbar_panelgroup #JobRoleKeyInformation .Event_Detail_panel_title{
    border-bottom: 0px;
}
.calendar_events_detail .middle-content #rightbar_panelgroup #JobRoleKeyInformation .Event_Detail_panel_title h3{
    margin-bottom: 10px !important;
}
.calendar_events_detail .middle-content #rightbar_panelgroup{
    float: right;
}
.calendar_events_detail .middle-content .middle-left.pesiContainerLeftPart{
    float: left;
}
@media(min-width: 769px){
    .calendar_events_detail .middle-content .middle-left.pesiContainerLeftPart{
        width: 100%;
    }
}
@media(max-width: 768px){
    .calendar_events_detail .middle-content .calendar_events_detail_panel{
        display: inline-grid;
        width: 100%;
        margin: 0 auto;
    }
    
    .calendar_events_detail .middle-content #rightbar_panelgroup #JobRoleKeyInformation{
        margin-top: 130px;
    }
    .calendar_events_detail .middle-content #rightbar_panelgroup{
        padding-left: 15px;
        padding-right: 15px;
    }

    .calendar_events_detail #DataAnalyst_jumbo_container .jumboleft .contentblock h1{
        max-height: 113px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }

}

@media(min-width: 1200px){
    .calendar_events_detail #DataAnalyst_jumbo_container .jumboleft .contentblock h1 {padding-right: 400px;}
}


#DataAnalyst_jumbo_container .AddtoFavourite {
    padding-bottom: 18px;
}

#DataAnalyst_jumbo_container .jumboright {
    float: right;
    padding-top: 83px;
}

#DataAnalyst_jumbo_container .paddingClass{
    padding-top: 0px;
}

.avatar .help_howtostart .top-right-x{
    top: 6px;
    right: 6px;
    position: absolute;
}

.avatar_hide {
    visibility: hidden;
    display: none!important;
}

.dragscroll{
    overflow-y: hidden!important;
    /*     overflow-x: scroll!important; */
}

.avatar.parbase {
    height: 90px;
    width: 80px;
    position: fixed;
    top: 50%;
    right: 85px;
    z-index: 100000000;
    cursor: pointer;
    bottom: 15px;
    top:inherit;
}

@media(max-width: 767px){
    .avatar.parbase{
        bottom: 15px;
        right:15px;
        top:inherit;
    }
}

.avatar.parbase.bottom {
    right: 50px;
    bottom: 20px;
    top: auto;
}

.avatar .help_howtostart {
    position: absolute;
    z-index: 1000;
    right:0px;
    margin-top: -110px;
}

.avatar .howtostart_wrap {
    width:210px;
}

.avatar .help_howtostart .chatbubble {
    font-size:14px;
    line-height:17px;
    text-align: left;
    color: #fff;
    background-color: #412B87;
    border-radius: 3px;
    padding: 20px 15px;
    display: block;
    position: relative;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.24);
}

.avatar .help_howtostart .chatbubble:after {
    background-color: #412B87 !important;
}

.avatar .help_howtostart .chatbubble:before {
    font-family: 'Glyphicons Halflings';
    content: none;
    font-size:14px;
    color:#fff;
    position:absolute;
    right:8px;
    top:8px;
}


.avatar .help_howtostart .top-right-x{
    top: 6px;
    right: 6px;
    position: absolute;
}

.avatar .help_howtostart .chatbubble:after {
    background: #412B87;
    content: " ";
    font-size: 12px;
    display: block;
    height: 18px;
    width: 18px;
    right: 8px;
    position: absolute;
    top: 100%;
    margin-top: -12px;
    transform: translate(-100%,0%) rotate(45deg);
    z-index: 1;
}


.avatar .help_howtostart .chatbubble .heading {
    font-weight:bold !important;
    font-size:14px;
}

.avatar .help_howtostart .assistant_avatar {
    display: block;
    width:100%;
    position: absolute;
}

.avatar .help_howtostart .assistant_avatar .icon {
    width:72px;
    height:72px;
    border-radius: 36px;
    /* box-shadow: 3px 3px 3px rgba(0,0,0,0.01); 2021.8.24 delete*/
    position:absolute;
    right:0px;
}

.avatar .help_howtostart .chatbubble .ctabtn.reverse {
    border: 1px solid #fff;
    color: white;
}

.avatar .help_howtostart .chatbubble a.ctabtn.reverse, a.ctabtn.reverse:link, a.ctabtn.reverse:visited {
    color: #fff;
    text-decoration: none;
}

.avatar .help_howtostart .chatbubble a.ctabtn.hover {
    color: #3154a4;
    text-decoration: none;
}

.avatar .help_howtostart .chatbubble a.ctabtn.small.reverse {
    margin-bottom: 10px;
}

#bottom-content-container .openclose_icon {
    width: 30px;
    display: inline-block;
    float: right;
    right: 0px;
    padding-top: 0px;
    margin-top: -5px;
}

#industryOccupationResultContainer .tab-heading .active{
    color: #ffffff !important;
    background-color: #412B87;
}

.industrialLandscapeProfileComponentContainer  #closed_tabs_container .panel-group{
    display: block;
    padding: 10px 0px;
    position: relative;
    border-bottom: 7px solid #8fc448;
}

.industrialLandscapeProfileComponentContainer #closed_tabs_container .panel-title{
    font-family: "Gotham Runded Bold";
    margin-top: 10px;
    padding-left: 100px;
    color: #333;
    font-size: 22px;
    font-weight: 300;
}
.industrialLandscapeProfileComponentContainer a{
    font-weight: bold;
}

.industrialLandscapeProfileComponentContainer #bottom-content-container ul.mainbullet li {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    line-height: 17px;
    font-family: "Source Sans Pro", sans-serif;
}

.riasec_occupation_matching #riasecMatchingOccupationContainer #bottom-content-container ul.subbullet{
    margin-bottom: -40px;
}

.industrialLandscapeProfileComponentContainer #bottom-content-container ul.subbullet li:before{
    color: #999999;
}

.industrialLandscapeProfileComponentContainer  #closed_tabs_container img{
    float: left;
    padding-left:20px;
}


.industrialLandscapeProfileComponentContainer #closed_tabs_container .closed_tabs_number1{
//    border-top: 2px dotted #dedede;
}


.industrialLandscapeProfileComponentContainer #closed_tabs_container .panel-group{
    padding: 0px 37px 0px 37px;
    border-top:1px solid #ccc;
}
.industrialLandscapeProfileComponentContainer #closed_tabs_container .panel_group_title_position{
    margin-bottom: -15px;
    margin-top: 12px;
}
/* school detail END */

/* comparison popup START */
.CompareList_box {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    height: 103px;
    width: 270px;
    border-radius: 5px;
    background-color: #412B87;
    display: inline-table;
    margin-right: 15px;
    position: relative;
    color: #fff;
    border: 0px dotted #412B87;
    vertical-align:middle
}

@media(max-width:991px){
    .CompareList_box { width:100%; height:50px; margin-bottom:5px;}
    #CompareList_sliderplate{ padding-bottom: 10px;padding-top: 20px;}
}

.AddJobRole_box {
    background-color: #fff;
    border: 2px dotted #ccc;
    color: #999;
    display: inline-block;
}

.theme1 .ctabtn {
    background-color: #5aacb4;
}
div#WhichAssessmentShouldITake_container input[type="radio"], div#WhichAssessmentShouldITake_container input[type="checkbox"]{display:inherit;}
.comparison_popup {
    position: fixed;
    bottom: 0px;
    z-index: 100;
    width: 100%;
}

/* comparison popup END */


.industrialLandscapeProfileComponentContainer .collapse {
    margin-bottom: 20px;
}

.school_comparison_psei #school_comparison_list_school_comparison_ps #ComparsionList_sliderplate .dragscroll_wrap
{
    width: 1124px;
}
@media (max-width: 991px){
    .school_comparison_psei #school_comparison_list_school_comparison_ps #ComparsionList_sliderplate .filterschools{float:left;padding-left: 4px;}
}

.dragscroll .dragscroll_wrap {
    width: 1000px;
}
@media (max-width: 991px)and (min-width: 768px) {
    .dragscroll .dragscroll_wrap {width: 1000px !important;}
    #mycategory .dragscroll .dragscroll_wrap {width: 998px !important;}
    .school_comparison_psei #school_comparison_list_school_comparison_ps #ComparsionList_sliderplate .dragscroll_wrap{width: 1124px !important;}
    #Guide_container .dragscroll_wrap {min-width: 691px;}
}
@media (max-width: 767px){
    .dragscroll .dragscroll_wrap {width: 893px !important;}
    #mycategory .dragscroll .dragscroll_wrap {width: 893px !important;}
    .school_comparison_psei #school_comparison_list_school_comparison_ps #ComparsionList_sliderplate .dragscroll_wrap{width: 864px !important;}
    .school_comparison_psei #school_comparison_list_school_comparison_ps #ComparsionList_sliderplate .dragscroll_wrap .card{width: 270px !important;}
    .school_comparison_psei #school_comparison_list_school_comparison_ps #ComparsionList_sliderplate .dragscroll_wrap .card #ComparsionList_first{width: 96%;}
}

.industrialLandscapeProfileComponentContainer #RelatedArticles_sliderplate{
    margin-top: 0px;
    padding-left: 0px!important;
}

.industrialLandscapeProfileComponentContainer .RelatedArticles_box {
    width:100%;
    padding-bottom:5px;
    margin-bottom:8px;
    border-bottom:2px dotted rgba(0,0,0,0.3);
}

#checkbox_container .action-set{
    padding-left:0px;
}

#CompatibilityBox .panel-group-header,
#CareerProgressionPathway .panel-group-header,
#CourseProgrammeListing .panel-group-header{
    background-color:#ffffff;
}

.jobroleprofile_container .openclose_icon{
    position:absolute;
}

/*//.container .openclose_icon {
//    position: absolute !important;
//}*/

#SearchResultsList_Container_main .heading-group .heading {
    font-weight: normal;
    max-width: none;
}

.pmResetPasswordContainer .slider-table-row .content{
    text-align: center;
}


.jobroleRelatedArticleContainer #RelatedArticles_sliderplate{
    margin-top: 0px !important;
}

.jobroleRelatedArticleContainer .RelatedArticles_box{
    border-bottom: 2px dotted rgba(0,0,0,0.3);
    width: 100%;
    display: inline-block;
    margin-right: 0px;
}

.jobroleRelatedArticleContainer {
    margin-top: 15px;
}

#SearchResultsList_Container_main .panel-title {
    color: #fff;
}

#JobRoleKeyInformation .panel-heading .panel-title {
    color: #fff;
}

#DataAnalyst_jumbo_container .jumboleft .ctabtn {
    color: #fff;
}


.industrialLandscapeProfileComponentContainer #closed_tabs_container #sectorBackgroundContainer img,
.industrialLandscapeProfileComponentContainer #closed_tabs_container #sectorFactsFiguresContainer img,
.industrialLandscapeProfileComponentContainer #closed_tabs_container #sectorOutlookContainer img,
.industrialLandscapeProfileComponentContainer #closed_tabs_container #sectorEnvironmentContainer img {
    float:none;
}

@media (max-width: 767px){
.industrialLandscapeProfileComponentContainer #closed_tabs_container #sectorBackgroundContainer img{width: 100%;}
}
@media (max-width: 606px){
    .industrialLandscapeProfileComponentContainer #closed_tabs_container #sectorFactsFiguresContainer img{width:100%;}
    .industrialLandscapeProfileComponentContainer #closed_tabs_container #sectorOutlookContainer img{width:100%;}
}


.industrialLandscapeProfileComponentContainer #closed_tabs_container .openclose_icon{
    padding-top: 0px !important;
    padding-right:30px;
    height: 60px !important;
    margin-top:15px;
}


.container.row.action-widget a.ctabtn, a.ctabtn:link, a.ctabtn:visited {
    color: #fff;
}

.right {
    float: right;
    clear: none;
}

.pseiContainer .openclose_icon {
    cursor: pointer;
    margin-top: -52px;
    float: right;
}
.pseidetail .jumboleft .checkbox_favourite,
.pseidetail .jumboleft .checkbox_select{
    float: left;
}

.pseidetail .jumboleft .contentblock h1{
    padding-bottom: 17px;
}
@media(max-width: 991px){
    .pseidetail .jumboleft .contentblock h1{
        padding-bottom:0px;
    }
}

.pseidetail .jumboleft .checkbox_favourite{
    padding-right: 15px;
}

.SchoolComparisonInformationSite_box {
    word-break: break-all;
}
.resetpassword{
    padding-bottom: 30px;
}

.pmResetPasswordContainer  #slider-table-content .content-heading {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    position: relative;
}

#sub-nav .navbar-nav.navbar-login-menu li.active{
    font-weight: bold;
}

#myfavourites .fav-wrap .fav-item > .fav-description {
	width: 260px;
}

.theme-01 #mycategory .card-column > .yellow-box {
    border-left: 1px solid #e6e6e6 !important;
    border-right: 1px solid #e6e6e6 !important;
    border-top: 6px solid #5bc7d4 !important;
    border-bottom: 1px solid #e6e6e6 !important;
}

.theme-01 #mycategory .col-sm-4.card-column.add-category > .yellow-box {
    border-right: 0px !important;
    border-left: 0px !important;
}

.progress-card.yellow-box .holland-code-message {
    font-size: 50px;
    font-weight: bold;
    color: purple;
}

@media (min-width: 768px) {
    .theme-01 #mycategory .card-column:nth-child(7) > .yellow-box,
    .theme-01 #mycategory .card-column:nth-child(10) > .yellow-box,
    .theme-01 #mycategory .card-column:nth-child(13) > .yellow-box,
    .theme-01 #mycategory .card-column:nth-child(17) > .yellow-box {
        border-left: 1px solid #fbb02f;
    }
}

.theme-01 #mycategory .card-column:nth-child(3) > .yellow-box,
.theme-01 #mycategory .card-column:nth-child(4) > .yellow-box,
.theme-01 #mycategory .card-column:nth-child(6) > .yellow-box {
    border-right: 1px solid #fbb02f;
}


.theme-01 h5 {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 20px;
    color: #333;
    width: 200px;
    display: inline;
}

.theme-01 #myfavourites .fav-wrap .fav-divider {
    height: auto;
}


@media (max-width: 767px) {
    #myfavourites .fav-wrap{
        overflow-x: scroll;
        overflow-y: hidden;
        height: 120px;
    }
    .actionpanel_scrollbox{
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .theme-01 #myfavourites .fav-wrap .fav-divider {
        padding: 0px;
    }
}


.actionpanel {
    display:block;
    overflow-y:scroll;
    overflow-x:hidden;
}




/* Extra Small */
@media(max-width:480px){
    .actionpanel {display:inline-flex;width: auto; height:90px;}
    .actionpanel_icon {width:60px;margin-right:5px;}
    .actionpanel_icon img {width:60px;}
    .actionpanel_content {width:200px;}
    .actionpanel_item {min-width:270px; height:auto; padding-bottom:7px;}
    .actionpanel .col-xs-12:last-child .actionpanel_item {border-bottom:0px;}
    .paddingxs0 {padding-left:0px; padding-right:0px;}
    #navigatepathways_container {padding-top: 20px; padding-bottom:20px;}
}

@media(min-width:481px) and (max-width:767px){
    .actionpanel {display:inline-flex;width: auto; height:90px;}
    .actionpanel .col-xs-12:last-child .actionpanel_item {border-bottom:0px;}
}

@media (max-width: 767px) {
    .actionpanel_scrollbox{
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .actionpanel_item{
        border-right: 2px dotted #bfa8bf;
        display: inline-flex;
    }
}


/* Small */
@media(min-width:768px) and (max-width:991px){
    .my_eportfolio_page_my_favourites .actionpanel {width: 100%; height:245px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .my_eportfolio_page_my_favourites .actionpanel {width: 100%; height: 165px;}
    .my_eportfolio_page_my_favourites .actionpanel_icon {width:70px; margin-right:10px;}
    .my_eportfolio_page_my_favourites .actionpanel_item {width:280px;}
}

/* Large */
@media(min-width:1200px){
    .my_eportfolio_page_my_favourites .actionpanel {width: 1100px; height:165px; }
    .my_eportfolio_page_my_favourites .actionpanel_item {width:100%;}
}


.circle-number{
    margin-bottom: 10px;
}

#mygoals-reflection .dragscroll-item-left, #mygoals-reflection .dragscroll-item-right {
    height:430px;
}

.tab-pane_list {
    width: 100%;
    margin:0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    text-align: left;
    line-height: 18px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 14px;
    -moz-column-gap: 14px;
    column-gap: 14px;
    list-style: none;
    background-color: #412B87;
    position: absolute;
    z-index: 1001;
    padding-left: 17px;
}
@media (min-width: 1200px) {
    .tab-pane_list{
        width: 80%;
    }
}
@media (max-width: 767px) and (min-width: 481px){
    .tab-pane_list{
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}
@media (max-width: 480px){
    .tab-pane_list{
        width: 105%;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

.tab-panel_listNew li{
    height:16px;
    margin-bottom:15px;
    display: table;
}
.tab-panel_listNew li a{
    white-space: normal;
}

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop, .tab-panel_listNew li{
        height:16px;
        margin-bottom:15px;
        display: table;
    }
}


.tab-panel_listNew {
    width:100%;
    font-weight: bold;
    color: #fff !important;
    background: #412B87;
    border-radius: 8px;
    margin:2px auto;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
    text-align: left;
    line-height: 20px;
    column-count: 4;
    column-gap: 14px;
    list-style: none;
    position: absolute;
    z-index: 1001;
    padding-left: 30px;
    -moz-column-count:4;
    -moz-column-gap: 14px;
    -webkit-column-count: 4;
    -webkit-column-gap: 14px;
}
@media (min-width: 1200px) {
    .tab-panel_listNew{
        width: 350%;
    }
}
@media (max-width: 1200px) and (min-width: 992px){
    .tab-panel_listNew{
        width: 350%;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    .tab-panel_listNew{
        width: 350%;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
@media (max-width: 767px) and (min-width: 620px){
    .tab-panel_listNew{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
@media (max-width: 619px) and (min-width: 376px){
    .tab-panel_listNew{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        width: 110%;
    }
}
@media (max-width: 375px){
    .tab-panel_listNew{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        width: 120%;
    }
}

.modal-dialog .edupathwayModalTitle {
    padding-left: 15px;
    font-size: 18px;
    padding-top: 10px;
    font-family: inherit;
    font-weight: bold;
}

.modal-dialog .modal-footer {
    margin-top: -20px;
    padding-top: 0px;
    border: 0;
}

a.dropdown-itemNew {
    color: #fff !important;
}

.dropdown-itemNew{
    font-size: 15px;
    padding: 8px 3px;
    color: #fff;
    background: transparent;
}

.tab-pane_list_course {
    width: 100%;
    margin:0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12.5px;
    line-height: 18px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 14px;
    -moz-column-gap: 14px;
    column-gap: 14px;
    list-style: none;
    background-color: #9461ae;
    position: absolute;
    z-index: 1001;
    padding-left: 1px;
}

@media (min-width: 1200px) {
    .calendar_events_search .tab-pane_list{
        width: 920px;}
}
@media (max-width: 480px) {
    .calendar_events_search .tab-pane_list { width: 105%}
}


@media (min-width: 1200px) {
    .tab-pane_list_course{
        width: 80%;
    }
}
@media (min-width: 1200px) {
    .course_search_box_pm .container-fluid #searchkeywordbox .tab-pane_list_course{
        width: 80.5%;
    }
}
@media (max-width: 767px) and (min-width: 481px){
    .tab-pane_list_course{
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}
@media (max-width: 480px){
    .tab-pane_list_course{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        width: 105%;
    }
}
#tab-pane_list ul {
    margin-top: 0;
    margin-bottom: 10px;
}

.btn_browsebycategories{
    padding-left: 0px;
    padding-right: 0px;
}

.textbox_underline{
    padding-left: 0px;
}

@media(max-width: 340px){
    #ExploreCourses_jumbo_container .textbox_underline{
        padding-left: 5px;
    }
}

#occupation_directory_search_query{
    height: 53px;
}

/*@media (max-width:693px) and (min-width: 640px){
    #occupation_directory_search_query{
        width: 80%;
    }
}*/

/*@media (max-width:925px) and (min-width: 694px){
    #occupation_directory_search_query{
        width: 85%;
    }
}*/

/*@media (max-width: 496px){
    #occupation_directory_search_query{
        width: 80%;
    }
}*/

/*#occupation_search_submit{
width:0% !important;
}*/

#browseCourseArea{
    margin-right:-1px;
    padding-left: 25px;
    padding-right:25px;
}

#searchQuery{
    height: 53px;
}

#course_search_submit{
    width:0%;
}

#collapseSectorMenu{
    width:100%;
    position: absolute;
    z-index: 1001;
}
#collapseCourseMenu{
    width:100%;
    position: absolute;
    z-index: 1001;
}


.pathway-block {
    margin-top: 5px;
    margin-bottom: 5px;
}

.searchBrowseOptions{
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-column-gap: 14px;
    -moz-column-gap: 14px;
    column-gap: 14px;
    list-style: none;
    left: 0px;
    font-size: 16px;
    text-align: left;
}

.browseOptionsPrev{
    position: absolute;
    color: white !important;
    top: 50%;
    left: 0%;
    font-size: 20px;
    width: 25px;
    height: 25px;
    background-color: lightgray;
}

.browseOptionsNext{
    position: absolute;
    color: white !important;
    top: 50%;
    right: 0%;
    font-size: 20px;
    width: 25px;
    height: 25px;
    background-color: lightgray;
}

.course_search_box_pm .browseOptionsPrev,
.course_search_box_pm .browseOptionsNext {
    cursor: pointer;
}

#visionStatementdesc {
    font-family: "Source Sans Pro";
    font-size: 15px;
    line-height: 28px;
    font-weight: normal;
    width: 100%;
    border: none;
    background: transparent;
    color: #333333;
    text-align:center;
}
#myvision .my_profile_page_my_vision_statement #my_profile_page_my_vision_statement_my_profile_page_my_v .vs_icon_text_box #visionStatementdesc{
    font-size: 15px;
    line-height: 17px;
}
.my_eportfolio_page #goals-reflections .my_eportfolio_page_my_reflections #my_reflections_my_eportfolio_page_m #my_reflections #reflections .full-width-tabs #reflection-tabs-content h6{
    color: #333333 !important;
}
.my_eportfolio_page #goals-reflections .my_eportfolio_page_my_reflections #my_reflections_my_eportfolio_page_m #my_reflections #reflections .full-width-tabs #reflection-tabs li a:hover,
.my_eportfolio_page #goals-reflections .my_eportfolio_page_my_reflections #my_reflections_my_eportfolio_page_m #my_reflections #reflections .full-width-tabs #reflection-tabs li a:focus,
.my_eportfolio_page #goals-reflections .my_eportfolio_page_my_reflections #my_reflections_my_eportfolio_page_m #my_reflections #reflections .full-width-tabs #reflection-tabs li:first-child > a,
.my_eportfolio_page #goals-reflections .my_eportfolio_page_my_reflections #my_reflections_my_eportfolio_page_m #my_reflections #reflections .full-width-tabs #reflection-tabs li a:active
{
    border: 1px solid #cccccc;
}

@media(max-width:767px){
    #visionStatementdesc{
        padding-right: 10px;
        padding-left: 7px !important;
        margin-left: 0px !important;
        word-wrap: break-word;
    }
}


.theme-01 .scroll-panel{
    height: 240px;
    padding: 0;
}
.my-profile-category-sections-preu .scroll-panel > .scroll-panel-body {
    height: 100%;
    margin: 0;
}
.scroll-panel-body p {
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 16px;
    margin-top: 10px;
}
#mycategory .progress-card > .card-holder > .slick-single .slick-item {
    height: 290px;
    padding: 0 30px;
}

#mygoals .info-card .card-holder .scroll-panel {
    height: 230px;
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom:12px;
}

#mygoals .info-card .card-holder .ctabtn {
    padding-bottom: 8px;
}

.CompareList_container .CompareList_title{
    background-color:#8C4198;
}

.CompareList_container .CompareList_title h3 {
    color: #ffffff;
}

.CompareList_container{
    background: #8C4198;
}

#industryCollapseExample1 a:link, #industryCollapseExample1 a:visited {
    color: #412B87;
}

.edupathwayDetailNormal ul li a{
    border-right: 1px solid gainsboro;
    background-color: white  !important;
    color: black  !important;
}
.edupathwayFSBBDetailNormal ul li a{
    border-right: 1px solid gainsboro;
    background-color: white  !important;
    color: black  !important;
}

#ComparsionList_sliderplate .courseComparisonCourseObjective_box,
#ComparsionList_sliderplate .courseComparisonFieldOfStudy_box{
    display: table-caption;
    word-wrap: break-word;
    float: left;
}

/*.edupathwayDetailNormal .active a{
    color: #fff !important;
    background: #5aacb4 !important;
}*/

.PseiDetailback_jc{
    background-image:url(preu/images/sch_top_bg_jc.jpg);
}
.PseiDetailback_poly{
    background-image:url(preu/images/sch_top_bg_poly.jpg);
}
.PseiDetailback_uni{
    background-image:url(preu/images/sch_top_bg_uni.jpg);
}
.PseiDetailback_ite{
    background-image:url(preu/images/sch_top_bg_ite.jpg);
}
.PseiDetailback_arts{
    background-image:url(preu/images/sch_top_bg_arts.jpg);
}
.PseiDetailback_others{
    background-image:url(preu/images/sch_top_bg_others.jpg);
}


.educationPathwayPopupPrint {
    margin-top: 20px;
    cursor: pointer;
}

.epy_download_modal .modal-content.bootbox.preu .modal-body {
    padding: 0px 15px;
}

.bootbox .modal-header,
.bootbox.preu .modal-header {
    background-color: #412B87;
}
.bootbox .modal-header .modal-title,
.bootbox.preu .modal-header .modal-title{
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 22px;
    color: #ffffff;
}

.bootbox.preu .exploreSchool_schoolDesc .modal-header {
    max-height: none;
}

.theme1 #assessmentListContainer #AssessmentHistory_container a,
.theme1 #assessmentListContainer #AssessmentHistory_container a:visited {
    color: #2A51FE;
}

#IndustrialLandscapeProfile_container .jobRoleTopImg{
    max-height: 250px;
}

#IndustrialLandscapeProfile_container #PrecisionEngineering_jumbo_container{
    min-height: 250px;
}

.calendar_events_search .checkbox_notification input[type="checkbox"] + label span {
    display: inline-block;
    width: 25px;
    height: 23px;
    margin: 0px;
    vertical-align: middle;
    background: url('preu/images/icon_notification.png') left top no-repeat;
    cursor: pointer;
}

.legend_notification {
    display: inline-block;
    width: 25px;
    height: 23px;
    margin: 0px;
    vertical-align: middle;
    background: url('preu/images/icon_notification.png') right top no-repeat;
    margin-right: 10px;
}

.calendar_events_detail .checkbox_favourite span, .calendar_events_detail .checkbox_notification span {
    color: #FFF;
    margin-left: 8px;
    font-size: 16px;
    padding-left: 0px;
    vertical-align: middle;
}

.calendar_events_detail .checkbox_favourite input[type="checkbox"] + label span {
    background: url('preu/images/checkbox_favourite_events.png') left top no-repeat;
}

.calendar_events_detail .checkbox_favourite input[type="checkbox"]:checked + label span {
    background: url('preu/images/checkbox_favourite_events.png') -26px top no-repeat;
}
.calendar_events_detail .checkbox_favourite input[type="checkbox"] + label span:hover {
    background: url('preu/images/checkbox_favourite_events.png') -26px top no-repeat;
}
.calendar_events_detail .checkbox_favourite input[type="checkbox"] + label span.hover {
    background: url('preu/images/checkbox_favourite_events.png') -26px top no-repeat;
}

.calendar_events_detail .checkbox_notification input[type="checkbox"]:checked + label span{
    background: url('preu/images/checkbox_notification_events.png') right top no-repeat;
}
.calendar_events_detail .checkbox_notification input[type="checkbox"] + label span:hover{
    background: url('preu/images/checkbox_notification_events.png') right top no-repeat;
}
.calendar_events_detail .checkbox_notification input[type="checkbox"] + label span.hover{
    background: url('preu/images/checkbox_notification_events.png') right top no-repeat;
}
.calendar_events_search .checkbox_notification input[type="checkbox"]:checked + label span{
    background: url('preu/images/checkbox_notification_events.png') right top no-repeat;
}
.calendar_events_search .checkbox_notification input[type="checkbox"] + label span:hover{
    background: url('preu/images/checkbox_notification_events.png') right top no-repeat;
}
.calendar_events_search .checkbox_notification input[type="checkbox"] + label span.hover{
    background: url('preu/images/checkbox_notification_events.png') right top no-repeat;
}

.calendar_events_detail .checkbox_favourite {
    margin-top: 10px;
    padding-right: 25px;
    float: left;
}

.calendar_events_detail .checkbox_notification{
    margin-top: 10px;
    float: left;
    margin-bottom: 10px;
}

.calendar_events_detail #DataAnalyst_jumbo_container .jumboleft{
    padding-top: 0px;
}

.calendar_events_detail #JobRoleKeyInformation h3 {
    margin-top: 0px;
}

.calendar_events_detail #DataAnalyst_jumbo_container .jumboleft .ctabtn{
    background-color: transparent;
    cursor: default;
}

@media (min-width: 769px){
    .calendar_events_detail #rightbar_panelgroup{
        margin-top: -270px !important;
        padding-right:0;
    }
}

@media (min-width: 769px){
    .calendar_events_detail #rightbar_panelgroup{
        margin-top: -270px !important;
        padding-right:0;
    }
}

@media (min-width: 769px) and (max-width:991px){
    .calendar_events_detail #rightbar_panelgroup{
        width:35%;
        margin-right:20px;
    }
}

.calendar_events_detail .pesileftitems,
.calendar_events_detail .pesiContainerLeftPart{
    /*min-height: 400px;*/
}
.calendar_events_detail .studentLifeInformation.cockpit-detail-deco #studentLifeInformationContainer p{
    font-size: 15px;
    font-weight: normal;
    line-height: normal;
}
.calendar_events_detail .pesileftitems h3,
.calendar_events_detail .pesileftitems #studentLifeInformationContainer{
    padding-left:20px;
}

.calendar_events_detail .cockpit-detail-deco .openclose_icon{
    margin-top: -20px;
    top:-5px;
}

.edu-cards a.ctabtn.yellow:hover, a.ctabtn.yellow:focus {
    background-color: #f29b05;
}

.calendar_events_detail .checkbox_favourite input[type="checkbox"] + label span {
    background: url('preu/images/checkbox_favourite_events.png') left top no-repeat;
}

.calendar_events_detail .checkbox_favourite input[type="checkbox"]:checked + label span {
    background: url('preu/images/checkbox_favourite_events.png') -26px top no-repeat;
}
.calendar_events_detail .checkbox_favourite input[type="checkbox"] + label span:hover {
    background: url('preu/images/checkbox_favourite_events.png') -26px top no-repeat;
}
.calendar_events_detail .checkbox_favourite input[type="checkbox"] + label span.hover {
    background: url('preu/images/checkbox_favourite_events.png') -26px top no-repeat;
}

.calendar_events_detail .checkbox_notification input[type="checkbox"] + label span {
    background: url('preu/images/checkbox_notification_events.png') left top no-repeat;
}

.calendar_events_detail .checkbox_notification input[type="checkbox"]:checked + label span{
    background: url('preu/images/checkbox_notification_events.png') -26px top no-repeat;
}

.calendar_events_detail .checkbox_notification input[type="checkbox"] + label span:hover{
    background: url('preu/images/checkbox_notification_events.png') -26px top no-repeat;
}

.calendar_events_detail #DataAnalyst_jumbo_container .jumboleft{
    padding-top: 0px;
}

.calendar_events_detail #JobRoleKeyInformation h3 {
    margin-top: 0px;
}

.calendar_events_detail #DataAnalyst_jumbo_container .jumboleft .ctabtn{
    background-color: transparent;
    cursor: default;
}

#know-yourself .container a.ctabtn.tiffany:hover, a.ctabtn.tiffany:focus {
    background-color: #fbb030;
}



/*#assessmentListContainer .dropdown-menu {
    margin-left: 70px;
}*/

.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .KSA .main-content .result-container .result-box:nth-child(-n+3) .heading,
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .KCS .main-content .result-container .result-box:nth-child(-n+3) .heading
{
    font-family: "Source Sans Pro Bold";
    font-size: 17px;
    color:#333;
    font-weight:bold !important;
    line-height:19px;
}
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .main-content .result-container .result-box .heading,
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .main-content .result-container .result-box .heading
{
    font-family: "Source Sans Pro Bold";
    font-size: 17px;
    color:#333333;
    font-weight:bold !important;
    line-height: 19px;
}
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .KSA .main-content .result-container .result-box:nth-child(-n+3) .quote,
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .KCS .main-content .result-container .result-box:nth-child(-n+3) .quote
{
    font-family: "Source Sans Pro";
    font-size: 15px;
    color:#333333;
    line-height: 17px;
}
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .main-content .result-container .result-box .quote,
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .main-content .result-container .result-box .quote
{
    font-family: "Source Sans Pro";
    font-size: 15px;
    color:#333333;
    line-height: 17px;
}
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container .result-box .left .quote p,
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container #other-prefs .result-box .left .quote p
{
    font-family: "Source Sans Pro";
    font-size: 15px;
    color:#333333;
    line-height: 17px;
}
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container .result-box .left .heading,
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container #other-prefs .result-box  .heading
{
    font-family: "Source Sans Pro Bold";
    font-size: 17px;
    color:#333333;
    line-height: 19px;
}
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container .result-box .quote p,
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container #other-prefs .result-box .quote p
{
    font-family: "Source Sans Pro Bold";
    font-size: 15px;
    color:#333333;
    line-height: 17px;
}
/*.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container .result-box.info_0_row_container .heading,
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container #other-prefs .result-box.other_0_row_container .heading
{
    font-family: "Source Sans Pro Bold";
    font-size: 17px;
    color:#333333;
    line-height: 19px;
}
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container .result-box.info_0_row_container .left .learn_title_font .quote p,
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container #other-prefs .result-box.other_0_row_container .left .quote p
{
    font-family: "Source Sans Pro";
    font-size: 15px;
    color:#333333;
    line-height: 17px;
}
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container .result-box.info_0_row_container #info_0_row .quote p,
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container #other-prefs .result-box.other_0_row_container #other_0_row .quote p
{
    font-family: "Source Sans Pro Bold";
    font-size: 15px;
    color:#333333;
    line-height: 17px;
}
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container .result-box.info_0_row_container #info_0_row .quote ul,
.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .LSI .main-content .result-container #other-prefs .result-box.other_0_row_container #other_0_row .quote ul
{
    font-family: "Source Sans Pro";
    font-size: 15px;
    color:#333333;
    line-height: 17px;
}*/

.assessmentResultContainer #CareerAssessment_mainwrap #summaryContainer #CareerAssessment_container .mainquote{
    margin-top: -20px;
}
.assessmentResultContainer #CareerAssessment_mainwrap #summaryContainer #CareerAssessment_container.KCS .mainquote,
.assessmentResultContainer #CareerAssessment_mainwrap #summaryContainer #CareerAssessment_container.KSA .mainquote
{
    margin-top: -43px;
}
.main-content .result-container .yellowPercentageCssClass .progressbar .progression ,
.assessmentResultContainer #CareerAssessment_mainwrap #summaryContainer .low_legend_color
{
    background-color: #efc500 !important;
}
.main-content .result-container .yellowPercentageCssClass .progressbar_box .number_box
{
    color: #efc500 !important;
}
.main-content .result-container .greenPercentageCssClass .progressbar .progression ,
.assessmentResultContainer #CareerAssessment_mainwrap #summaryContainer .medium_legend_color
{
    background-color: #f1612f !important;
}
.main-content .result-container .greenPercentageCssClass .progressbar_box .number_box
{
    color: #f1612f !important;
}
.main-content .result-container .purplePercentageCssClass .progressbar .progression,
.assessmentResultContainer #CareerAssessment_mainwrap #summaryContainer .high_legend_color
{
    background-color: #8c4198 !important;
}
.main-content .result-container .purplePercentageCssClass .progressbar_box .number_box{
    color: #8c4198 !important;
}
#industryOccupationResultContainer #bottom-content-container #industry-count,
#industryOccupationResultContainer #bottom-content-container #occupation-count
{
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 17px;
    line-height: 19px;
    color: #333;
}

#CareerAssessment_container.KCS{
    background: #8C4198;
}
#CareerAssessment_container.KSA{
    background: #8C4198;
}
#CareerAssessment_container.LSI{
    background: #8C4198;
}
#CareerAssessment_container.SWV{
    background: #8C4198;
}
#CareerAssessment_container.KSC{
    background: #8C4198;
}

.KSA_wrap#CareerAssessment_mainwrap #GettingStarted_container .classic.slider-table #slider-table-content .takeassessmentlegend .slider_max{
    margin-right: 6px !important;
    width: 17% !important;
}

.page-header .container .action-widget a.ctabtn.small.priRef:hover, a.ctabtn.small.priRef:focus {
    color: #333;
    background-color: #5aacb4;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.industrylandscape.parbase .container-fluid .container a.ctabtn.small {
    background-color: #9461ae;
}

.industrylandscape.parbase .container-fluid .container a.ctabtn.small:hover, a.ctabtn.small:focus {
    color: #333;
}

#DataAnalyst_jumbo_container .container .jumboleft .contentblock a.ctabtn, a.ctabtn:link, a.ctabtn:visited{
    color: #fff;
    border: 0;
}

.jobroleprofile .jobroleprofile_container #DataAnalyst_jumbo_container .container .jumboleft .contentblock a.ctabtn.small.jumboleft_btn4:hover,
.jobroleprofile .jobroleprofile_container #DataAnalyst_jumbo_container .container .jumboleft .contentblock a.ctabtn.small.jumboleft_btn4:focus
{
    color: #fff;
    background-color: #8c4198 !important;
    text-decoration: underline;
}

#DataAnalyst_jumbo_container .container .jumboleft .contentblock .ctabtn.small:hover, .ctabtn.small:focus{
    color: #333;
}

#JobRoleProfile .ctabtn.small:hover, .ctabtn.small:focus{
    color: #333;
}

.landscape #jumbo_container_edu_landsacpe a.ctabtn, a.ctabtn:link, a.ctabtn:visited{
    color: #fff;
    border: 0;
}

.landscape #jumbo_container_edu_landsacpe a.ctabtn:hover, a.ctabtn:focus {
    color: #333;
    border: 0;
}

#assessmentListContainer .kudercard .ctabtn{
    background-color: #e68717;
}
.availableassessmentlist #assessmentListContainer #KnowYourself_jumbo_container .ctabox a{
    border: 0px;
}
.availableassessmentlist #assessmentListContainer #KnowYourself_jumbo_container .kudercard .dropdown-menu .content_classic_menue{
    padding-top: 10px;
}
.availableassessmentlist #assessmentListContainer #KnowYourself_jumbo_container .kudercard .dropdown-menu .content_drag_menue{
    padding-bottom: 10px;
}
#riasec_occu_matching .riasecOccupationMatchingContainer #findingmatchingjobrole_jumbo_container .RIS_box .box ul li a:hover,
#riasec_occu_matching .riasecOccupationMatchingContainer #findingmatchingjobrole_jumbo_container .RIS_box .box ul li a:focus,
#riasec_occu_matching .riasecOccupationMatchingContainer #findingmatchingjobrole_jumbo_container .RIS_box .box ul li a:active
{
    color: #2A51FE;
}
.riasec_occupation_matching .riasecOccupationMatchingContainer #findingmatchingjobrole_jumbo_container .RIS_box .box ul li a:hover,
.riasec_occupation_matching .riasecOccupationMatchingContainer #findingmatchingjobrole_jumbo_container .RIS_box .box ul li a:focus,
.riasec_occupation_matching .riasecOccupationMatchingContainer #findingmatchingjobrole_jumbo_container .RIS_box .box ul li a:active
{
    color: #2A51FE;
}
#riasec_occu_matching .riasecOccupationMatchingContainer #findingmatchingjobrole_jumbo_container .RIS_box .box ul li a{
    font-family: "Source Sans Pro Bold";
    font-size: 15px;
}
.riasec_occupation_matching .riasecOccupationMatchingContainer #findingmatchingjobrole_jumbo_container .RIS_box .box ul li a{
    font-family: "Source Sans Pro Bold";
    font-size: 15px;
}
#riasec_occu_matching .riasecOccupationMatchingContainer #findingmatchingjobrole_jumbo_container .RIS_box .box .dropdown-menu{
    min-width: 115px;
    width: 115px;
    border:0px;
}
.riasec_occupation_matching .riasecOccupationMatchingContainer #findingmatchingjobrole_jumbo_container .RIS_box .box .dropdown-menu{
    min-width: 115px;
    width: 115px;
    border:0px;
}
#riasec_occu_matching .riasecOccupationMatchingContainer #findingmatchingjobrole_jumbo_container .RIS_box .box .dropdown-menu li{
    text-align: center;
}
.riasec_occupation_matching .riasecOccupationMatchingContainer #findingmatchingjobrole_jumbo_container .RIS_box .box .dropdown-menu li{
    text-align: center;
}
.takeassessment #takeAssessmentContainer #CareerAssessment_mainwrap #GettingStarted_container h2{
    padding-top: 0px !important;
    margin-top: 0px !important;
    color: #333333;
}
.takeassessment #takeAssessmentContainer #CareerAssessment_mainwrap #GettingStarted_container .right-col .questions_box{
    padding-top: 0px !important;
    margin-top: 0px !important;
}
.takeassessment #takeAssessmentContainer #CareerAssessment_mainwrap #GettingStarted_container .right-col .questions_box h4{
    padding-top: 0px !important;
    margin-top: 0px !important;
    color: #333333;
}
#CareerAssessment_mainwrap #GettingStarted_container .questions_box ul li.active{
    color: #333;
    font-weight: bold;
}
.assessmentResultContainer #CareerAssessment_mainwrap #industryOccupationResultContainer #bottom-content-container #industry .panel-group{
    padding-bottom: 5px;
    padding-top: 5px;
}
.assessmentResultContainer #CareerAssessment_mainwrap #industryOccupationResultContainer #bottom-content-container #industry .panel-group h4{
    margin-bottom: 0px;
    margin-left: 2px;
}

@media (max-width: 441px){
    .assessmentResultContainer #CareerAssessment_mainwrap #industryOccupationResultContainer #bottom-content-container #industry .panel-group h4{
        display:flex;
        align-items: center;
    }
}

.assessmentResultContainer #CareerAssessment_mainwrap #industryOccupationResultContainer #bottom-content-container #industry .panel-group h4 a{
    margin-left: 2px;
}

.assessmentResultContainer #CareerAssessment_mainwrap #industryOccupationResultContainer #bottom-content-container #industry .panel-group h4 span{
    margin-left: 2px;
}

.assessmentResultContainer #CareerAssessment_mainwrap #industryOccupationResultContainer #bottom-content-container #industry .openclose_icon {
    top: 20px;
}
#bottom-content-container .panel-content ul.subbullet li a{
    font-size: 15px;
    line-height: 17px;
}
#sectorBackgroundContainer #bottom-content-container ul li a{
    color: #2A51FE;
}
#sectorBackgroundContainer #bottom-content-container ul li a:hover{
    color: #2A51FE;
}

.jobroleRelatedArticleContainer .container.row.action-widget .relatedarticle_text .ctabox a.ctabtn, a.ctabtn:link, a.ctabtn:visited {
    color: #fff;
}

.jobroleRelatedArticleContainer .container.row.action-widget .relatedarticle_text .ctabox a.ctabtn.small:focus, a.ctabtn.small:hover {
    color: #333;
    background-color:#febd00;
}

.ctabtn.small.showJobMatchingRolesBtn:hover {
    color: #333;
    background-color:#fbb030;
}

.page.preunocache .epy_btn_group_ a.ctabtn:focus, a.ctabtn:hover {
    background-color: #5aacb4;
    color: black;
}

.pagination{
    margin:0;
}


#IndustrialLandscapeProfile_container #PrecisionEngineering_jumbo_container .checkbox_favourite input[type="checkbox"] + label span{
    background: url('preu/images/checkbox_favourite_events.png') left top no-repeat;
    width: 26px;
    height: 24px;
}

#IndustrialLandscapeProfile_container #PrecisionEngineering_jumbo_container .checkbox_favourite input[type="checkbox"]:checked + label span{
    background: url('preu/images/checkbox_favourite_events.png') right top no-repeat;
}

#IndustrialLandscapeProfile_container #PrecisionEngineering_jumbo_container .checkbox_favourite input[type="checkbox"] + label span:hover{
    background: url('preu/images/checkbox_favourite_events.png') right top no-repeat;
}
#IndustrialLandscapeProfile_container #PrecisionEngineering_jumbo_container .checkbox_favourite input[type="checkbox"] + label span.hover{
    background: url('preu/images/checkbox_favourite_events.png') right top no-repeat;
}

#IndustrialLandscapeProfile_container #PrecisionEngineering_jumbo_container .checkbox_favourite span{
    color: #FFF;
}

#cboxClose{
    outline: none;
}
.checkbox_select span{
    vertical-align: middle;
}

#main-nav .navbar-tertiary > li > div.profile-icon-container {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 17px;
    padding-left: 15px;
}

#main-nav .navbar-tertiary > li > div.profile-icon-container > a.profile-icon > img#user-profile-image{
    background-color: #e85d43;
    webkit-box-shadow: 0 0 0 2pt #e85d43;
    box-shadow: 0 0 0 2pt #e85d43;
    height:36px;
    width:36px;
    padding:0px;
}

#main-nav .navbar-tertiary > li > div.profile-icon-container > div.dropdown-menu.dropdown-profile:before {
    background: #e85d43;
    content: " ";
    font-size: 12px;
    display: block;
    height: 15px;
    width: 15px;
    right: 25px;
    position: absolute;
    margin-top: -12px;
    transform: translate(-100%,0%) rotate(45deg);
    z-index: 1;
}

#main-nav .navbar-tertiary > li > div.profile-icon-container > div.dropdown-menu.dropdown-profile{
    width: 200px;
    background-color: #e85d43;
    position:absolute;
    left:-120px;
    margin-top:5px;
}
#main-nav .navbar-tertiary > li > div.profile-icon-container > div.dropdown-menu.dropdown-profile > div.dropdown-item{
    font-weight: bold;
}
#main-nav .navbar-tertiary > li > div.profile-icon-container > div.dropdown-menu.dropdown-profile > hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px solid #ccc;
    width: 90%;
}

.padleft{
    padding-left:15px;
}

#main-nav .navbar-tertiary > li > div.profile-icon-container > div.dropdown-menu.dropdown-profile > div.dropdown-item,
#main-nav .navbar-tertiary > li > div.profile-icon-container > div.dropdown-menu.dropdown-profile > div.dropdown-item:hover,
#main-nav .navbar-tertiary > li > div.profile-icon-container > div.dropdown-menu.dropdown-profile > a.dropdown-item,
#main-nav .navbar-tertiary > li > div.profile-icon-container > div.dropdown-menu.dropdown-profile > a.dropdown-item:hover{
    background-color: #e85d43;
    color: #fff;
}
#psf-partner-registration-form-main-div .psf-margin-top-05{
    min-height:70px;
}

#ecg-experience-create-form-main-div .psf-margin-top-05{
    min-height:91px;
}

#psf-partner-registration-form-main-div .psf-margin-top-05,
#ecg-experience-create-form-main-div .psf-margin-top-05{
    margin-top: 15px;
    padding-left:15px;
}
#psf-partner-registration-form-main-div .psf-margin-left-30-prc,
#ecg-experience-create-form-main-div .psf-margin-left-30-prc{
    margin-left: 30%;
}
#psf-partner-registration-form-main-div .psf-help-block,
#ecg-experience-create-form-main-div .psf-help-block{
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: red;
}
#psf-partner-registration-form-main-div #psf-error-messages,
#ecg-experience-create-form-main-div #psf-error-messages{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 25%;
    margin-right: 25%;
}

#psf-partner-registration-form-main-div .psf-help-block.with-errors,
#ecg-experience-create-form-main-div .psf-help-block.with-errors{
    text-align: left;
}

#psf-partner-registration-form-main-div div.aligncenter.description,
#ecg-experience-create-form-main-div div.aligncenter.description{
    margin-left: 30%;
    margin-right: 30%;
}

#ecg-experience-create-form-main-div .ecg-add-session{
    margin-top: 15px;
    margin-left: 15%;
    margin-right: 15%;
}

/*#ecg-experience-create-form-main-div #ecg-singup-form #ecg-session-container .ecg-session-create{*/
    /*min-height:125px;*/
/*}*/

.ecg-table.table>thead>tr>td,
.ecg-table.table>tbody>tr>td,
.ecg-table.table>tfoot>tr>td {
    vertical-align: middle;
}

.ecg-table.table-bordered>thead>tr>th {
    border-bottom-width:1px;
}

#ecg-table_wrapper>.row>.col-sm-12,
#ecg-table_wrapper>.row>.col-sm-5,
#ecg-table_wrapper>.row>.col-sm-6,
#ecg-table_wrapper>.row>.col-sm-7 {
    padding:0;
}

#ecg-table_info{
    text-align:left;
}

.KSA_wrap .sliderbar-box span.slider_min4{
    width:20% !important
}

#CareerAssessment_mainwrap #GettingStarted_container .table-content #normal-scale, #CareerAssessment_mainwrap #GettingStarted_container .table-content #reverse-scale {
    position: relative;
}

.takeassessment #GettingStarted_container .mid-col {
    text-align: center;
}

div#RIS_container.LSI {
    margin-top: 0px;
}

#CareerAssessment_mainwrap #GettingStarted_container .table-content #normal-scale .overlay,
#CareerAssessment_mainwrap #GettingStarted_container .table-content #reverse-scale .overlay {
    width: 100%;
    height: 116px;
    position: absolute;
    background-color: #333;
    z-index: 1000;
    opacity: 0.1;
}

#CareerAssessment_mainwrap .slidermask {
    display: block;
    position: absolute;
    width: 97%;
    height: 200px;
    z-index: 1000;
    background-color: transparent;
    margin-left: -37px;
    margin-top: -25px;
}

div.msf-partners span.btPadding {
    padding-left: 15px;
    padding-right: 15px;
}

div.msf-partners > p {
    margin-top:15px;
    margin-bottom:15px;
    margin-left:15px;
    margin-right:15px;
    font-size: 16px;
    color: #333;
}

div.msf-partners span.btPadding > a.ctabtn{
    width: 240px;
}

.AddtoCompare span {
    padding-left: 8px;
    vertical-align: middle;
}

#AssessmentHistory_container .outter .legend .highlight {
    padding-right: 15px;
}

#AssessmentHistory_container .outter .legend {
    display: inline-flex;
}

#AssessmentHistory_container .icon {
    width: 10%;
}

#AssessmentHistory_container .description-header {
    width: 60%;
    padding-left: 20px;
}

.rich_text_html_editor img {
    width: 100%;
    max-width: 600px;
}

#AssessmentHistory_container .description {
    width: 90%;
}

#AssessmentHistory_container .date {
    text-align: left;
    width: 20%;
}

#AssessmentHistory_container .action {
    width: 20%;
    display: inline-flex;
}

#AssessmentHistory_container .action .item-action-unit {
    padding-right: 20px;
}

.landscape #jumbo_container_edu_landsacpe a.ctabtn {
    color: #fff;
    border: 0;
    font-size: 17px;
    height: auto;
    width: 197px;
    border-radius: 26px;
    margin-top: 26px;
    margin-right: 7px;
}

#know-yourself .content-wrap .container .intro a.ctabtn,
.calendar_events_listing .calendar_event_listing_calendar_events_list #calendar-events .events-action a.btn-turqoise
{
    font-family: Source Sans Pro Bold;
    font-size: 17px;
    color: #ffffff;
}
#know-yourself .content-wrap .container-fluid .info-card-holder .dragscroll-item-wrap .dragscroll-item .info-card .title-image-desc-button-left .contentbox a
{
    font-family: Source Sans Pro Bold;
    font-size: 17px;
}


#psb-experience-list-pagination-div ul.pagination > li > a,
#psb-reserve-list-pagination-div ul.pagination > li > a{
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px solid;
}

#psb-experience-list-pagination-div ul.pagination > li > a:link,
#psb-reserve-list-pagination-div ul.pagination > li > a:link{
    color: #0d7682;
}

#psb-experience-list-pagination-div ul.pagination > li.active > a,
#psb-reserve-list-pagination-div ul.pagination > li.active > a{
    color: #333333;
}

#psb-experience-list-pagination-div ul.pagination > li.cusdisabled > a,
#psb-reserve-list-pagination-div ul.pagination > li.cusdisabled > a{
    color: #ccc;
    cursor:default
}

#psb-experience-list-pagination-div .pagination>li>a:hover,
#psb-experience-list-pagination-div .pagination>li>span:hover,
#psb-experience-list-pagination-div .pagination>li>a:focus,
#psb-experience-list-pagination-div .pagination>li>span:focus,
#psb-reserve-list-pagination-div .pagination>li>a:hover,
#psb-reserve-list-pagination-div .pagination>li>span:hover,
#psb-reserve-list-pagination-div .pagination>li>a:focus,
#psb-reserve-list-pagination-div .pagination>li>span:focus {
    background-color: #fff;
}

#psb-experience-list-pagination-div .pagination>.active>a,
#psb-experience-list-pagination-div .pagination>.active>span,
#psb-experience-list-pagination-div .pagination>.active>a:hover,
#psb-experience-list-pagination-div .pagination>.active>span:hover,
#psb-experience-list-pagination-div .pagination>.active>a:focus,
#psb-experience-list-pagination-div .pagination>.active>span:focus,
#psb-reserve-list-pagination-div .pagination>.active>a,
#psb-reserve-list-pagination-div .pagination>.active>span,
#psb-reserve-list-pagination-div .pagination>.active>a:hover,
#psb-reserve-list-pagination-div .pagination>.active>span:hover,
#psb-reserve-list-pagination-div .pagination>.active>a:focus,
#psb-reserve-list-pagination-div .pagination>.active>span:focus {
    background-color: #fff;
}

.container-row.exploreWay.exploreWayActive{
    background-color: #fcf3e7 !important;
}


.calendar-events-vertical {
    background: white;
}

.goal_previous_btn{
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: center !important;
    margin-right: 23px !important;
}
.goal_next_btn{
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-right: 22px !important;
}
/*
.goal_save_exit_btn{
    width: 178px !important;
}*/

#jumbo_container {
    text-align: center;
    background-image: url(preu/images/SingaporeEducationLandscape_top_bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 17px;
    margin-bottom: 0px;
}

/* Progress bar
    goal part
 */
/*=================================================*/


.non-academic-notification-radio{
    padding-left: 0px !important;
}

.non-academic-notification-radio label::before{
    content: none !important;
}


.new_goal_container .progressbar_box {
    padding-bottom: 30px;
    text-align: center;
    width: 220px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.new_goal_container .progressbar {
    width:100%;
    height:26px;
    display: block;
    text-align: left;
    margin-top: 5px;
    position: relative;
}

.new_goal_container .progressbar .progression-background {
    width:100%;
    height:26px;
    border-radius: 13px;
    display: block;
    overflow: hidden;
    background:#fff;
    position:absolute;
}

.new_goal_container .progressbar .progression {
    height:100%;
    position: absolute;
}

.new_goal_container .progressbar .progression-cursor {
    background:transparent;
    height:100%;
    position: absolute;
    color:#ffbd00;
}

.new_goal_container .progressbar .progression-cursor:after {
    content:'';
    width:2px;
    height:32px;
    display:block;
    top:0px;
    margin-top: -3px;
    float: right;
}

#MyReflectionTitleBar .ref_heading1{
    font-family: "Gotham Runded Bold";
    margin-top: 0px;
    font-weight:300;
}

#MyReflectionTitleBar p {
    font-family: "Source Sans Pro";
}
.myreflection .myreflectioncontainer #MyReflectionTitleBar p{
    font-family: "Source Sans Pro";
    color: #fff;
    font-size: 22px;
    line-height: 24px;
}

.myreflection .myreflectioncontainer #MyReflectionTitleBar .progressbar_box span{
    font-size: 17px;
    line-height: 24px;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    color:#ffffff;
}
.progressbar .progression100score:after{
    background: transparent;
}

#MyReflectionTitleBar .progressbar_box{
    margin-top: 10px;
}
#reflectionQuestionForm .ctatext{
    text-align: right;
    font-size: 16px;
    font-weight: bold;
}

#reflectionQuestionForm .reflection-general-tooltip{
    float: left;
}

#reflectionQuestionForm .reflection-general-tooltip a{
    font-size: 16px;
    font-weight: bold;
    color: #999;
}

#reflectionQuestionForm .active .reflection-general-tooltip a{
    font-size: 16px;
    font-weight: bold;
    color: #5aacb4;
}

.textlink_container .textlink_item:first-child {border-right: 0px;}

.ExploreEducationalInstituitionTypes .textlink, .ExploreEducationalInstituitionTypes a.textlink:link, .ExploreEducationalInstituitionTypes a.textlink:visited {
    color: #9461ae;
}

.ExploreEducationalInstituitionTypes a.textlink:link:hover, .ExploreEducationalInstituitionTypes a.textlink:visited:hover {
    color: #333;
}

.checkbox_notification input[type="checkbox"] + label span {
    display:inline-block;
    width:26px;
    height:23px;
    margin:0px;
    vertical-align:middle;
    background:url('preu/images/icon_notification.png') left top no-repeat;
    cursor:pointer;
}

.checkbox_notification input[type="checkbox"]:checked + label span {
    background:url('preu/images/icon_notification.png') -26px top no-repeat;
}

.usersatisfactionsurvey #userSatisfactionExitBtn:hover,
.usersatisfactionsurvey #userSatisfactionSubmitBtn:hover{
    color: #000;
    background-color: #5aacb4;
}

.usersatisfactionsurvey .with-errors {
    font-weight: normal;
}

#user-satisfaction-form .form-group {
    padding-left: 0px;
}

.usersatisfactionsurvey #ERROR-2{
    margin-left:0px;
}

@media(min-width: 992px){
    .usersatisfactionsurvey .middle-content{
        padding-left: 30px;
    }
}


#user-satisfaction-form .form-group label {
    font-weight: normal;
}

.change_password .cancelchangepasswordbtn:hover,
.change_password .resetpasswordbtn:hover{
    color: #FFF;
}

.change_password .cancelchangepasswordbtn,.change_password .cancelchangepasswordbtn,
.change_password .cancelchangepasswordbtn:focus, .change_password .resetpasswordbtn:focus,
.change_password .resetpasswordbtn,.change_password .resetpasswordbtn{
    color: #FFF;
}

.change_password .with-errors ul li{
    font-weight: normal;
}

.change_password .changePasswordForm .change_pass_box{
    margin-top: -15px;
}
.change_password .changePasswordForm .change_pass_box #changePasswordError{
    margin-top: -15px;
}

#pmLogin .help-block.with-errors {
    text-align: left;
    color: #FF0000;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 5px;
}

#ERROR-loginError .inactiveUserMsg{
    color: #e68717;
}

#ERROR-loginError{
    min-height:20px;
}

.goal_nonacademic_panel_body .heading{
    margin-top: 20px;
}

.non-academic-notification-radio input:checked+span:before{
    background: #e68717;
}


.goal_tempalte_table .checkbox_select input[type="checkbox"] + label span{
    background: url(preu/images/Radio_Btn_PreU.png) 0px top no-repeat !important;
    width: 25px;
    height: 27px;
}

.goal_tempalte_table  .checkbox_select input[type="checkbox"]:checked + label span {
    background: url(preu/images/Radio_Btn_PreU.png) -25px top no-repeat !important;
}

/*spu-2497*/

.createTemplateBody{
    padding-top:40px !important;
}
.goal_tempalte_table td span,.templateMessage span{
    font-family: "Source Sans Pro";
    font-size:17px;
}
.goal_tempalte_table thead th .th-inner{
    font-family: "Source Sans Pro Bold";
    font-size:22px;
}
.bootbox.preu .createTemplateHeader{
    height:62px;
}
.goal_tempalte_table .checkbox_select_show input[type="checkbox"] + label span{
    background: url(preu/images/Radio_Btn_Disabled_Sec_PreU.png) 0px top no-repeat !important;
    width: 25px;
    height: 27px;
    display: inline-block;
}

.templateTitle span{
    font-family: "Source Sans Pro Bold";
    font-size:22px;
}
.templateTitle{
    padding-bottom: 10px;
}

.templateTitleBody{
    padding-left:10px
}
.row.selectGoalTemplateErrorMsg {
    padding-left: 25px;
    text-align: left;
}
.goal-template-title-selection-hasCreat{
    color:#aaaaaa !important;
}

/*
spu 2497
 */
#main-nav #nav-portal-search.red-highlighted{
    background-color: #412B87 !important;
}
#main-nav .portal-search-nav-li .popover{
    background-color: #412B87;
}
#main-nav #nav-portal-mobile-search.red-highlighted{
    background-color: #412B87 !important;
}
#main-nav .portal-search-nav-li .input-group {
    border: 1px solid #ffffff;
}

.portal-nav-userInfo img#user-profile-image.red-highlighted {
    background-color: #412B87;
    box-shadow: 0 0 0 3pt #412B87;
    webkit-box-shadow: 0 0 0 3pt #412B87;
}

.portal-nav-userInfo img#user-profile-image {
    height: 38px;
    width: 36px;
    padding: 0px;
    border-radius: 50%;
    border:0;
}
.portal-nav-userInfo{
    margin-top: 16px;
    margin-left: 15px;
}


.user-dropdown-profile{
    min-width:200px;
}

.userNavPhoto .popover.bottom>.arrow:after{
    border-bottom-color:#412B87;
}
.portal-search-nav-li .popover.bottom>.arrow:after {
    border-bottom-color: #412B87;
}


.userNavPhoto .popover{
    background-color: #412B87;
    font-size: 16px;
    border-radius: 8px;
    margin-top: 14px;
}

.userNavPhoto #profileName{
    background-color: #412B87;
    color: #fff;
    padding: 8px 15px;
    margin: 1px;
}
.userNavPhoto .popover-content{
    padding: 0px 2px;
}
.user-dropdown-profile hr{
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px solid #ccc;
    width: 90%;
}

.userNavPhoto .popover-content .user-dropdown-profile a{
    background-color: #412B87 !important;
    color: #fff !important;
}

.portal-search-nav-li .popover-content .input-group{
    width: 245px;
}

.ui-widget-content{
    z-index: 9999;
}

#directory_view a {
    color: #2A51FE;
}

pre#noresult{
    margin:0;
}

.portal-search-tab-item{
    height: 50px;
    padding: 10px 15px;
    font-size: 20px;
    color: black;
    border-radius: 3px;
    border: 1px solid #ccc;
    margin-left: 10px;
    cursor: pointer;
}

.portalSearchContainer .portal-search-tab-item.active{
    background-color: #9361ae;
    color: white;
}

.portalsearch{
    margin-top: 30px;
}
@media(min-width:1200px){
    .middle-left {padding:0px;
        border: 1px solid #ebebeb;
        border-radius: 4px;
        background: #fff;
    }
}

.openclose_icon {
    position:absolute;
    width: 30px;
    height:30px;
    top:27px;
    right:20px;
}
.pseidetail .pseiContainer #pseiDetailDropDownContainer #closed_tabs_container .openclose_icon{
    top: -4px;
}
.IndustrialLandscapeProfile #IndustrialLandscapeProfile_container .industrialLandscapeProfileComponentContainer #closed_tabs_container .openclose_icon{
    top: -6px;
}

#BriefJobDescription, #JobRoleDescription, #entryRequirement, #Skills {
    border-bottom:7px solid #8fc448;
}

#JobRoleDescription {position:relative; padding-bottom:0px; margin-top:0px;padding-left:20px;padding-right:20px;}
.jobroleprofile #JobRoleProfile #JobRoleDescription .JobRoleDescription_row .jobRoleDetailSlider .slick-wrap p{
    max-width: 480px;
}

#Skills {position:relative; padding-bottom:0px; margin-top:1px;padding-left:20px;padding-right:20px;}

#Skills img{
    margin-top: -12px;
    margin-right: 5px;
}
.jobroleprofile_container #JobRoleProfile #JobRoleDescription .JobRoleDescription_row{
    margin-bottom: 30px;
}
.jobroleprofile_container #JobRoleProfile #Skills .Skills_row{
    margin-bottom: 40px;
}
.JobRoleTitle{
    font-family: "Gotham Runded Bold";
    font-size: 22px;
    font-weight: 300;
    line-height: 24px;
    color: #333333;
    margin-bottom: 25px;
    padding-top: 25px;
    overflow: hidden;
    padding-right: 40px;
}

.jobroleprofile_container .panel-left{
    background-color: #f5f5f5;
    border:0px;
    box-shadow:none;
}
.jobroleprofile_container .group-left{
    background-color: #f5f5f5;
    border:0px;
}
.jobroleprofile_container .panel-center{
    background-color: #028376;
    border:0px;
    box-shadow:none;
}
.jobroleprofile_container .panel-right{
    background-color: #D82631;
    border:0px;
    box-shadow:none;
}

{font-family: "Gotham Runded Bold";
    margin:0px;
    color:#fff;
}

.jobroleprofile_container #JobRoleProfile #rightbar_panelgroup .cardcol #CourseProgrammeListing .panel-right .panel-title-nofirst,
.jobroleprofile_container #JobRoleProfile #rightbar_panelgroup .cardcol #CareerProgressionPathway .panel-center .panel-title-nofirst{
    display: flex;
}
.jobroleprofile_container #JobRoleProfile #rightbar_panelgroup .cardcol #CareerProgressionPathway .panel-center .panel-title-nofirst .Career_describe{
    padding-left: 6px;
    color: #fff;
}
.jobroleprofile_container #JobRoleProfile #rightbar_panelgroup .cardcol #CourseProgrammeListing .panel-title-nofirst{
    color: #fff;
}

.theme1 #rightbar_panelgroup .panel-title {font-family: "Gotham Runded Bold";font-size: 22px; font-weight: 300;color: #333333;}
.theme1 #rightbar_panelgroup .panel-group-header {border-bottom:0px;background-color: #f5f5f5!important;}
.theme1 #CompatibilityBox .ctabtn {background-color: #5aacb4;}
.theme1 #CourseProgrammeListing .table-row:nth-child(even) {
    background-color:rgba(255,255,255,0.1);
    background-color:#f27144;
}
.theme1 #CareerProgressionPathway .text_milestone {font-family: "Source Sans Pro Bold";font-size: 15px; line-height: 16px; font-weight: bold; color:#fff;}

#rightbar_panelgroup {
    margin-top: 0px;
}

@media (max-width: 768px) {
    #rightbar_panelgroup {
        padding: 0;
    }
}

#rightbar_panelgroup .ctabtn-left{
    margin-top: 17px;
    margin-bottom: 3px;
    width:40%;
    min-width: 220px;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    display:block;
    background-color: #412B87;
    padding:5px;
}

#rightbar_panelgroup .ctabtn-center{
    margin-top: 17px;
    margin-bottom: 3px;
    width:40%;
    min-width: 220px;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    display:block;
    background-color:#412B87;
    padding:5px;
}

#rightbar_panelgroup .ctabtn-right{
    margin-top: 17px;
    margin-bottom: 3px;
    width:40%;
    min-width: 220px;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    display:block;
    background-color:#412B87 !important;
    padding:5px;
}

#rightbar_panelgroup .ctabtn-right:hover,
#rightbar_panelgroup .ctabtn-right:focus{
    background-color:#412B87 !important;
    color: #fff !important;
}


/* JobCompatibility */
/*=================================================*/

#JobCompatibilityBox .chart-table-container {display:block; width:100%;}

#JobCompatibilityBox .chart-table-container div {
    vertical-align: middle;
}

#JobCompatibilityBox .chart-row {
    display:block;
    padding-top: 9px;
    padding-bottom:5px;
}

#JobCompatibilityBox .chart-item {
    width:30px;
    float:left;
    font-size: 18px;
    font-weight: 300;
    color: #606060;
    font-family: Gotham Runded Bold;
    margin-top: -2px;
}

#JobCompatibilityBox .chart-bar-box {
    width: auto;
    margin-left: 30px;
}

#JobCompatibilityBox .chart-bar-row {
    font-size:0;
    display:block;
    height:14px;
    vertical-align: middle;
}

#JobCompatibilityBox .bar {
    height:7px;
    border-radius: 5px;
    display:inline-block;
    padding:0px;
    margin:0px;
    background-color: #4D7F0A;
}

#JobCompatibilityBox .chart-bar-number {
    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 10px;
    vertical-align: middle;
    font-family: Gotham Runded Bold;
    font-weight: 300;
}

#JobCompatibilityBox .chart-bar-number.bottom{
    color: #4D7F0A;
}
@media(max-width: 375px){
    #colorbox .ctabox .ctabtn{width: 75%;}
}

@media(min-width:768px) and (max-width:991px){
    .occupation_directory #SearchResultsList_Container_main .big-table-group .big-table-row .item-Course {width:250px;}
    .occupation_directory #SearchResultsList_Container_main .big-table-group .big-table-row .item-Attained {width:250px;}
    .occupation_directory #SearchResultsList_Container_main .item-Institution{width:auto;}
}
/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .occupation_directory #SearchResultsList_Container_main .big-table-group .big-table-row .item-Course {width:240px;}
    .occupation_directory #SearchResultsList_Container_main .big-table-group .big-table-row .item-Attained {width:240px;}
    .occupation_directory #SearchResultsList_Container_main .item-Institution{width:auto;}
}

/* Large */
@media(min-width:1200px){
    .occupation_directory #SearchResultsList_Container_main .big-table-group .big-table-row .item-Course {width:240px;}
    .occupation_directory #SearchResultsList_Container_main .big-table-group .big-table-row .item-Attained {width:315px;}
    .occupation_directory #SearchResultsList_Container_main .item-Institution{width:auto;}
}

.comparison_preu_secondary .card .content a:visited {
    color: #964aaa;
}
.comparison_preu_secondary .card .title {
    color: #964aaa;

}
.comparison_preu_secondary .card .title {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 20px;
    color: #333333;
}

.comparison_preu_secondary .card .content a, .comparison_preu_secondary .card .content a:link,
.comparison_preu_secondary .card .content a:visited {
    color: #e68717;
}

.comparison_preu_secondary .card .content a:visited {
    color: #e68717;
}

.comparison_preu_secondary .card .content a:hover,
.comparison_preu_secondary .card .content a:focus {
    text-decoration: underline;
}


/* LEGEND */
#JobCompatibilityBox .chart-legend {
    display:block;
    margin-top: 12px;
}

#JobCompatibilityBox .legend-row {display:block; padding:0;}

#JobCompatibilityBox .chart-legend .item {
    width:30px;
    display:inline-block;
    background-color: transparent;
    vertical-align: middle;
}

#JobCompatibilityBox .chart-legend .item .icon {
    width:18px;
    height:18px;
    display:block;
    overflow: hidden;
    border-radius: 5px;
    font-size:0;
    background-color: #4D7F0A;
}

#JobCompatibilityBox .chart-legend .text {
    display:inline-block;
    font-size:14px;
    line-height: 17px;
    vertical-align: middle;
    color: #333333;
}


/* Large */
@media(min-width:1200px){
    #rightbar_panelgroup .ctabox {position: absolute; bottom:25px; left:0;}
    #rightbar_panelgroup .cardcol .panel-group {height:450px; position:relative;}
    #rightbar_panelgroup .cardcol:first-child {padding-left: 0px; padding-right:10px;}
    #rightbar_panelgroup .cardcol {padding-left: 10px; padding-right:10px;}
    #rightbar_panelgroup .cardcol:last-child {padding-left: 10px; padding-right:0px;}
}

#JobCompatibilityBox{
    background-color: #f5f5f5;
}

#CareerProgressionPathway {
    background-color: #028376;
}

#CourseProgrammeListing {
    background-color: #D82631;
}

.theme1 #CareerProgressionPathway .tab_milestone {
    background-color: #412B87;
}

.theme1 #CareerProgressionPathway .tab_text_milestone {
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    line-height: 19px;
    padding-top:2px;
    margin-left: 5px;
    font-family: "Source Sans Pro Bold";
}

.theme1 #CareerProgressionPathway .line_journey .line {
    background-color: #fff;
}

.theme1 #CareerProgressionPathway .text_journey {
    font-size: 12px;
    font-weight: bold;
    color: #ffeebd;
}

.industrialLandscapeProfileComponentContainer .open{
    background-color:#fff !important;
}

.setting-theme{margin-top:10px;}


.theme1 .comparison_preu_secondary .CompatibilityBox .bar-bottom {
    background-color: #8fc448;
    max-width: 80%;
}

.theme1 .comparison_preu_secondary .CompatibilityBox .bar-top {
    background-color: #5bc7d4;
    max-width:80%;
}

#JobCompatibilityBox .bar-bottom {
    max-width:80%;
}

#JobCompatibilityBox .bar-top {
    max-width:80%;
}

#JobRoleProfile #JobRoleDescription .image img
{
	/*min-width:  160px;
    min-height: 250px;
    max-width:  480px;
    max-height: 640px;
    width: 100%;*/
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;

}
.jobroleprofile #JobRoleProfile #JobRoleDescription .jobRoleDetailSlider .slick-list .slick-track .slick-slide img {
    display: inline-block !important;
}

/* Advance search START */

/*#occupation_search_submit .glyphicon.glyphicon-search,
#school_search_submit .glyphicon.glyphicon-search,
#course_search_submit .glyphicon.glyphicon-search{
    padding:0px;
}*/
.school_search_box .multiselect-item.multiselect-filter .glyphicon.glyphicon-search,
.occupation_search_box .multiselect-item.multiselect-filter .glyphicon.glyphicon-search {
    font-size:16px;
    padding:0px;
}
.school_search_box .multiselect-item.multiselect-filter input.form-control.multiselect-search,
.occupation_search_box .multiselect-item.multiselect-filter input.form-control.multiselect-search {
    height:auto;
    padding-top:6px;
    padding-bottom:6px;
}


.occupation_search_box #ExploreEducationalInstituitions_jumbo_container {
    height:auto;
}

/* SPU-1425 */
.school_search_box #ExploreEducationalInstituitions_jumbo_container {
    padding: 30px 15px;
    height: 458px !important;
}
@media (max-width: 500px) and (min-width: 414px) {
    .school_search_box #ExploreEducationalInstituitions_jumbo_container{
        background-position: -291px center;
        background-size: cover !important;
    }
}
@media (max-width: 413px) and (min-width: 352px) {
    .school_search_box #ExploreEducationalInstituitions_jumbo_container{
        background-position: -291px center;
        background-size: cover !important;
    }
}
@media (max-width: 351px) {
    .school_search_box #ExploreEducationalInstituitions_jumbo_container{
        background-position: -291px center;
        background-size: cover !important;
    }
}

.school_search_box .btn.btn-secondary.dropdown-toggle,
.occupation_search_box .btn.btn-secondary.dropdown-toggle {
    height: 53px;
}

.school_search_box .multiselect-container input[type="checkbox"],
.occupation_search_box .multiselect-container input[type="checkbox"] {
    display: block !important;
    visibility: visible;
    opacity: 1 !important;
}

.school_search_box .multiselect,
.occupation_search_box .multiselect {
    text-align: left;
}
.school_search_box .multiselect b.caret,
.occupation_search_box .multiselect b.caret {
    position: absolute;
    top: 25px;
    right: 8px;
}
.school_search_box #adv-search-container .adv_search_row .panel-body .item-set,
.occupation_search_box #adv-search-container .adv_search_row .panel-body .item-set{
    padding-bottom:15px;
}

.school_search_box #adv-search-container .adv_search_row .panel-body .item-set .heading,
.occupation_search_box #adv-search-container .adv_search_row .panel-body .item-set .heading {
    font-size: 16px;
    padding-bottom: 5px;
    color: #333;
}

.school_search_box #adv-search-container .adv_search_row .panel-group,
.occupation_search_box #adv-search-container .adv_search_row .panel-group {
    border-radius: 4px;
}
.school_search_box #adv-search-container .adv_search_row .panel-group .panel-title,
.occupation_search_box #adv-search-container .adv_search_row .panel-group .panel-title {
    padding-top: 2px;
    color: #FFF;
    font-size: 19px;
}
.school_search_box #adv-search-container .adv_search_row .btn.btn-secondary,
.occupation_search_box #adv-search-container .adv_search_row .btn.btn-secondary {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    background: #9461ae;
    border-radius: 5px;
}

.school_search_box .multiselect-container>li,
.occupation_search_box .multiselect-container>li{
    text-transform: uppercase
}

.school_search_box #adv-search-container #adv_search,
.occupation_search_box .occupation_search_box #adv-search-container #adv_search{
    padding-bottom:15px;
}

.school_search_box #adv-search-container #adv-search-border,
.occupation_search_box #adv-search-container #adv-search-border{
    border: 1px solid #ccc;
    border-bottom: 5px solid #9461ae;
    margin-bottom:10px;
    padding-bottom: 50px;
}

.school_search_box #adv-search-container #adv_search .openclose_icon,
.occupation_search_box #adv-search-container #adv_search .openclose_icon{
    float:right;
    position:relative;
    top:15px;
    padding-left:15px;
    padding-right:15px;
}

.school_search_box #adv-search-container #adv_search .inline,
.occupation_search_box #adv-search-container #adv_search .inline{
    display:inline-block;
    vertical-align:middle;
}

.school_search_box #adv-search-container #adv_search div.inline.adv-search-title,
.occupation_search_box #adv-search-container #adv_search div.inline.adv-search-title{
    margin-top:0;
    font-size: 30px;
    font-weight: bold;
    color: #333;
}

.school_search_box .btn.btn-secondary.dropdown-toggle::before,
.course_search_box_pm .container-fluid #searchkeywordbox .btn.btn-secondary.dropdown-toggle::before,
.occupation_search_box .btn.btn-secondary.dropdown-toggle::before {
    content: "";
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 20px;
    padding-top: 2px;
    background: none;
}

.occupation_search_box .btn.btn-secondary.dropdown-toggle::before{
    width: 20px;
    height: 15px;
    right: 10px;
    background: url(preu/images/MyGoalsGeneral_arrowdown.png) top 3px right no-repeat !important;
}
.course_search_box_pm .container-fluid #searchkeywordbox .btn.btn-secondary.dropdown-toggle::before{
    width: 20px;
    height: 20px;
    right: 5px;
    background: url(preu/images/MyGoalsGeneral_arrowdown.png) top 7px right no-repeat #412B87 !important;
}
#calendar-events .events-cards{
    display: inline-flex;
}

@media (max-width: 991px){
    #calendar-events .events-cards {
        max-width: 750px !important;
        width: auto!important;
    }
}
#calendarlistingdiv div{text-align: center}
#calendarlistingdiv .event-info,
#calendarlistingdiv .event-info .venue,
#calendarlistingdiv .event-info .venue .marker{text-align: left}

.preu_home .center_calendarofevent_sliderplate .card-item{
    width: auto !important;
    max-width: 330px;
    min-width: auto !important;
    margin-right: 25px;
}

.occupation_search_box #adv-search-container .adv_search_row .dropdown-menu,
.course_search_box_pm #adv-search-container .adv_search_row .dropdown-menu {
    background:#e0e0e0;
}

@media (max-width: 480px) and (min-width: 351px){
    .occupation_search_box .btn.btn-secondary.dropdown-toggle::before{
        margin-right: 5px;
    }
}
@media (max-width: 530px) and (min-width: 481px){
    .occupation_search_box .btn.btn-secondary.dropdown-toggle::before{
        right: 5px;
    }
}
/* Advance search END */

/*goal settings part*/

.goal-detail-container .row {
    margin-left: 0px;
    padding-left: 0px;
}
#closed_tabs_container{
    padding: 0px;
}
.goal_setting_modal_container .panel-group{
    padding-left: 0px !important;
}

.goal_setting_modal_container .openclose_icon{
    margin-top: 0px !important;
    padding-top: 0px!important;
}
.goal-detail-collapse-container{
    margin-right: 15px;
}

.goal_setting_modal_container .panelHeader{
    height: 35px;
}


#calendar-events a.btn-turqoise:hover {
    background-color: #412B87;
    color: #fff;
}

#calendar-events a.btn-turqoise
{
    background-color: #412B87;
    color: #fff;
}

.preu_bottom_banner a.btn-turqoise{
    background-color: #412B87;
    color: #fff;
    font-family: Source Sans Pro Bold;
    font-size: 17px;
}

.preu_bottom_banner a.btn-turqoise:hover {
    background-color: #412B87;
    color: #fff;
}
.preu_bottom_banner.parbase{
    background: url(preu/images/bg_discoverbox.jpg) left bottom no-repeat #f7f7f7;
    margin-bottom: -20px;
}

.featuredarticles .featuredarticle_container .row #RelatedArticles_sliderplate .RelatedArticles_box .RelatedArticles_content{
    width: 100%;
    max-width: none !important;
}

/*start of prepare for work*/

@media (min-width: 1200px){
    .prepare_for_work_get_started #GetStartedTools_jumbo_container .text1 {
        padding: 0px 30px;
        font-family: "Source Sans Pro";
    }
}
@media (max-width:991px) {
    .prepare_for_work_get_started #GetStartedTools_jumbo_container .text1 {
        padding: 0px;
    }
}
@media (max-width:768px) and (min-width: 654px){.prepare_for_work_get_started #prepare_for_work_get_started_prepare_for_work_get #GetStartedTools_jumbo_container{ background-position: -526px top;}}
@media (max-width:374px) {.prepare_for_work_get_started #prepare_for_work_get_started_prepare_for_work_get #GetStartedTools_jumbo_container {background-position: -924px top;zoom: 81%;}}
@media (max-width:400px) and (min-width: 375px){.prepare_for_work_get_started #prepare_for_work_get_started_prepare_for_work_get #GetStartedTools_jumbo_container {background-position: -846px top;zoom: 81%;}}
@media (max-width:653px) and (min-width: 500px) {.prepare_for_work_get_started #prepare_for_work_get_started_prepare_for_work_get #GetStartedTools_jumbo_container {background-position: -747px top;}}
@media (max-width:499px) and (min-width: 401px) {.prepare_for_work_get_started #prepare_for_work_get_started_prepare_for_work_get #GetStartedTools_jumbo_container {background-position: -860px top;zoom: 90%;}}



@media(max-width: 991px){
    .resume_desc_text{
        max-height: 200px!important;
        min-height: 50px!important;
        height: auto;
    }
}

/*end of prepare for work*/


.panel_body_section_title{
    font-size: 30px;
    padding-left: 5px;
    color: #9361ae;
    font-family: "Gotham Runded Bold"
}

.goal-term-footnote{
    font-size: 13px;
    padding: 15px;
    color: #9361ae;
}

.academic-table-theader{
    word-wrap: break-word;
    /* word-break: break-all;*/
    text-overflow: inherit;
    overflow: visible;
    white-space: normal;
}

.goalCommonEditSelect option:disabled, select[disabled] > option {
    color: black;
    font-weight:bold;
}

.nonAcademicItem .glyphicon-calendar:before{
    color: #9361ae;
}

.createnewgoaltitle .errorMsg{
    color: red;
    font-size: 15px;
    width: 100%;
    background-color: #d6d6d6;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 30px;
}

.ComparsionList_content{
    padding-bottom:56px;

}

#sidr {
    z-index: 999;
}


/*Course detail reskin START*/

.course_detail_pm #courseDetailFOSContainer .courseFOS .ctabtn {
    font-family: "Source Sans Pro Bold";
    width: auto;
    height: auto;
    font-size: 15px;
    line-height: 17px;
    background-color: #8c4198;
}
.course_detail_pm #courseDetailFOSContainer .courseFOS a.ctabtn:hover,
.course_detail_pm #courseDetailFOSContainer .courseFOS a.ctabtn:focus
{
    background-color: #8c4198 !important;
    color: #fff !important;
    text-decoration: underline;
}

.course_detail_pm #courseDetailFOSContainer .courseFOS p {
    margin-bottom: 0px;
}

.course_detail_pm #courseDetailFOSContainer .courseFOS.border-top {
    margin-top:20px;
    border-top: 1px solid #ebebeb
}

.course_detail_pm #entryRequirement {
    position: relative;
    padding-bottom: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.course_detail_pm #courseDetail #JobRoleTitle img {
    margin-top: 0;
}

.course_detail_pm .ctabtn.reverse{
    border: 1px solid #fff;
    font-size: 14px !important;
    height: 27px;
    margin-bottom:10px !important;
}

.course_detail_pm .ctabtn.reverse:hover{
    background: #fff;
    color:#333;
}

.course_detail_pm #JobRoleKeyInformation .right-col{
    width:46%;
    padding-left: 10px;
}

.course_detail_pm .logoContainer {
    width: 80px;
    height: 80px;
    max-width: 80px;
    max-height:80px;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
}

.course_detail_pm .imageBox {
    display: table;
    width:100%;
}

.course_detail_pm .imageLogo {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}


.course_detail_pm #fosList h1 {
    margin-bottom: 17px;
    margin-left: 10px;
}

.course_detail_pm .JobRoleTitle {
    font-family: "Gotham Runded Bold";
    color: #333;
    margin-bottom: 10px;
    padding-top: 10px;
}

.course_detail_pm .collapsed {
    background-color: #f7f7f7;
}

/*Course detail reskin END*/

/*Course comparison reskin START*/


.course_comparison .comparison_preu_secondary .Contentbox .openclose_icon {
    top: auto;
}

.course_comparison .comparison_preu_secondary .Contentbox li {
    /*list-style: none;*/
}

.course_comparison  .comparison_preu_secondary .card .AddtoFavourite {
    margin-bottom: 20px;
}

.course_comparison .comparison_preu_secondary .section .content.breakall {
    word-break:normal;
    word-wrap: break-word;
}

.course_comparison .comparison_preu_secondary .section .content.uppercase {
    text-transform: uppercase;
}

.comparison_preu_secondary .section .overlay {
    z-index:2;
    background-color:#333;
    opacity:0.4;
    position:absolute;
    width:100%;
    height:135px;
    border-radius:5px;
    top:0;
}

.container.school_comparison_text .section .overlay {
    z-index:2;
    background-color:#333;
    opacity:0.4;
    position:absolute;
    width:100%;
    height:148px;
    border-radius:5px;
    top:0;
}

li.sec_preu_compare_school_bullet{
    margin-bottom: 5px;
    font-size: 15px;
    color: #333333;
    font-family: "Source Sans Pro";
    word-break: normal;
    list-style-image: url(preu/images/JobRoleComparison_icon_circle.png);
}

/*Course comparison reskin END*/

#portalLoginButton a.ctabtn:focus, a.ctabtn:hover {
    background-color: #fbb030;
    color: black;
}

#featuredarticle .featuredarticle_text .ctabtn:hover{
    background-color:#fff !important;
    text-decoration: none;
    color: #412B87 !important;
}
.educpBody{
    background-image: url("../../../../content/dam/student/content/PreU_Edu&CareerPlanning.jpg") !important;
}

.exploreSchool_schoolDesc{
    margin-top: -25px;
    margin-left: 0px;
}

.exploreSchool_schoolName {
    font-size: 18px;
    color: #fff;
    margin-top:0;
}

.exploreSchool_desc{
    margin: 10px 20px;
    text-align: center;
}


@media (min-width: 1200px){
    #GettingStarted_container_Goal .right-col {
        width: 20%;
        float: right;
        clear: none;
    }
    #GettingStarted_container_Goal .left-col {
        width: 20%;
        float: left;
    }

    #GettingStarted_container_Goal .mid-col {
        width: 60%;
        margin: 0 auto;
    }
}


#MyReflectionTitleBar{
    text-align: center;
    background-repeat: no-repeat;
    background-color: #8C4198;
    padding: 20px 180px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background-size: cover;
    height: 346px;
}

.theme1 #JobRoleKeyInformation .panel-body {
    padding-top: 10px;
    padding-bottom: 10px;
}

#notification_content_container{
    padding: 0px;
    background-color: #f7f7f7;
}
#notification_content_container .sub_category_item div{
    padding: 0px 10px 0px 10px;
}
#notification_content_container .panel-group{
    border: white;
}

#notification_content_container .panel-cell-content {
    float: left;
    width: 100%;
}

#notification_title{
    padding: 15px 15px;
    font-size: 25px;
    background: #812990;
    margin-left: 0;
    border-bottom: 1px solid #fff;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 22px;
}
#notification_title p{
    color: #fff;
    margin: 0;
    padding: 5px;
    font-weight: bold;
}
#notification_duedate{
    width: 100%;
    padding: 15px 15px;
}
#notification_duedate p{
    text-decoration: none;
    margin: 10px;
    font-family: "Source Sans Pro Bold";
    font-size: 17px;
    color: #333333;
}
#notification_message{
    display: block;
    padding-left: 15px;
    line-height: 25px;
    margin: 10px;
    padding-bottom: 20px;
}

#notification_message p{
    font-family: "Source Sans Pro";
    font-size: 17px;
    color: #333333;
}


.notification{
    padding-left: 15px;
    padding-right: 15px;
}
.notification .container{
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px){
    .notification .container{
        /*padding-left: 30px;*/
        padding-right: 30px;
    }
}
@media (max-width: 768px){
    .notification.parbase{
    margin-left: -12px;
    }
}

.ref_heading1{
    font-size: 38px;
    font-weight: bold;
    color: #fff;
    margin-top: 45px;
    margin-bottom: 17px;
    font-family: "Gotham Runded Bold";
}

#MyReflection_container{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding-top:50px;
}

#MyReflection_container .mid-col {
    width: 50%;
    margin: 0 auto;
}
@media (max-width: 991px) and (min-width: 768px){
    #MyReflection_container .mid-col {
        width: 80%;
    }
}
@media (max-width: 767px) {
    #MyReflection_container .mid-col {
        width: 100%;
    }
}
#reflection_slider-table-content {
    width: 100%;
    display: block;
    position: relative;
    text-align: left;
    margin-bottom: 15px;
}
#reflection_slider-table-content .slider-table-row{
    color:#999;
    background-color:#f7f7f7;
    padding-top:25px;
    padding-right:37px;
    padding-left:37px;
    padding-bottom:45px;
    margin-left:10px;
    margin-right:10px;
    border-bottom:1px solid #fff;
}

#reflection_slider-table-content .slider-table-row:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#reflection_slider-table-content .slider-table-row:last-child {
    padding-bottom: 40px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom:0px;
}

.reflectionNextQues{
    color: #5aacb4;
}

#reflection_slider-table-content .slider-table-row:hover,
#reflection_slider-table-content .slider-table-row:active,
#reflection_slider-table-content .slider-table-row:focus
{
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    padding-bottom: 40px;
    margin-bottom: 5px;
    margin-left:10px;
    margin-right:10px;
}


#reflection_slider-table-content .slider-table-row.active {
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    padding-bottom: 40px;
    margin-bottom: 5px;
    color:#333;
    background-color:#fff;
    margin-left:0px;
    margin-right:0px;
    border-radius:3px;
    border:1px solid #ccc;
}


#reflection_slider-table-content .content {
    font-size: 19px;
    font-weight: normal;
    width: 100% !important;
    padding:0px 0px 14px 0px !important;
}
#reflection_slider-table-content .content-heading {
    display: block;
    width: 100%;
    margin-bottom: 14px;
    position: relative;
}
#reflection_slider-table-content .form-box {
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #fff;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}
#reflection_slider-table-content .content-heading .ctatext {
    color: #ccc;
    margin-right: 0px;
    position: absolute;
    right: 0;
    bottom: 0;
}

#ComparsionList_sliderplate .card {
    width: 362px;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0px;
    display: inline-block;
    margin-right: 10px;
    text-align: left;
}

#ComparsionList_sliderplate .ComparsionList_box{
    margin:5px;
}

#ComparsionList_sliderplate .AddtoFavourite {
    margin: 20px auto;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#ComparsionList_sliderplate .card .title {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #333;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
}
.comparison_preu_secondary .card .content p{
    line-height: 1.5;
}
p.ComparsionList_sliderplate{
    margin-top: 0px;
}
/*.SchoolComparisonAboutUs .content,
.SchoolComparisonGeneralInfo .content,
.SchoolComparisonAdmissionExcercise .content,
.SchoolComparisonFullTime .content,
.SchoolComparisonFaculty .content,
.SchoolComparisonCCA .content{
    margin-left: 20px;
}*/


.JobRoleComparisonQualification .content{
    margin-left: -20px;
}

.JobRoleComparisonSkills .content{
    margin-left: -20px;
}

.compareSchool_bulletPoint{
    margin-top: -2px;
}
.compareSchool_bulletContent{
    margin-top: 1px;
    margin-left: 5px;
    margin-bottom: 5px !important;
}
.compareSchool_bulletLine{
    display: inline-flex;
    width: 100%;
}

#ComparsionList_sliderplate .section {
    padding: 19px;
    border-bottom: 1px solid #ebebeb;
}

#ComparsionList_sliderplate .section.description {
    padding: 0px;
    border-bottom: 0px solid #ebebeb;
}

#ComparsionList_sliderplate .card .openclose_icon {
    position: absolute;
    width: 30px;
    height: 30px;
    top:	auto;
    right: 20px;
}

#ComparsionList_sliderplate .card .section.graybg {
    background-color: #f7f7f7;
}


#ComparsionList_sliderplate .data-comparison-subtitle {
    font-weight: bold;
}

#ComparsionList_sliderplate .SchoolComparisonCCA_ccaTitle {
    font-weight: bold;
}

#ComparsionList_sliderplate button.multiselect.dropdown-toggle.btn.btn-default {
    color: #996caf;
    background: #f3f3f3;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px 25px;
    height: 44px;
    font-weight: bold;
}

#DataAnalyst_jumbo_container .checkbox_favourite input[type="checkbox"] + label span {
    background: url('preu/images/checkbox_favourite_events.png') left top no-repeat;
}
#DataAnalyst_jumbo_container .checkbox_favourite input[type="checkbox"]:checked + label span {
    background: url('preu/images/checkbox_favourite_events.png') -26px top no-repeat;
}
#DataAnalyst_jumbo_container .checkbox_favourite input[type="checkbox"] + label span:hover {
    background: url('preu/images/checkbox_favourite_events.png') -26px top no-repeat;
}
#DataAnalyst_jumbo_container .checkbox_favourite input[type="checkbox"] + label span.hover {
    background: url('preu/images/checkbox_favourite_events.png') -26px top no-repeat;
}
#DataAnalyst_jumbo_container .checkbox_select input[type="checkbox"] + label span{
    background: url('preu/images/checkbox_check_events.png') left top no-repeat;
}
#DataAnalyst_jumbo_container .checkbox_select input[type="checkbox"]:checked + label span {
    background: url('preu/images/checkbox_check_events.png') -26px top no-repeat;
}
#DataAnalyst_jumbo_container .checkbox_select input[type="checkbox"] + label span:hover {
    background: url('preu/images/checkbox_check_events.png') -26px top no-repeat;
}
#DataAnalyst_jumbo_container .checkbox_select input[type="checkbox"] + label span.hover {
    background: url('preu/images/checkbox_check_events.png') -26px top no-repeat;
}

.icon-edit-builder div,
a.icon-edit-builder:link div,
a.icon-edit-builder:visited div
{
    content:'';
    width:22px;
    height:26px;
    background:url(preu/images/actionicon_edit.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}

a.icon-edit-builder:hover div,
a.icon-edit-builder:focus div,
a.icon-edit-builder:active div
{
    background:url(preu/images/actionicon_edit.png) top left -22px no-repeat;
}

.icon-delete-builder div,
a.icon-delete-builder:link div,
a.icon-delete-builder:visited div
{
    content:'';
    width:22px;
    height:26px;
    background:url(preu/images/actionicon_delete.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}

a.icon-delete-builder:hover div,
a.icon-delete-builder:focus div,
a.icon-delete-builder:active div
{
    background:url(preu/images/actionicon_delete.png) top left -22px no-repeat;
}

.icon-publish-builder div,
a.icon-publish-builder:link div,
a.icon-publish-builder:visited div
{
    content:'';
    width:22px;
    height:26px;
    background:url(preu/images/actionicon_publish.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}

a.icon-publish-builder:hover div,
a.icon-publish-builder:focus div,
a.icon-publish-builder:active div
{
    background:url(preu/images/actionicon_publish.png) top left -22px no-repeat;
}

/*spu 2738 start*/
.icon-un-publish-builder div,
a.icon-un-publish-builder:link div,
a.icon-un-publish-builder:visited div
{
    content:'';
    width:22px;
    height:26px;
    background:url(preu/images/actionicon_unpublish.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}

a.icon-un-publish-builder:hover div,
a.icon-un-publish-builder:focus div,
a.icon-un-publish-builder:active div
{
    background:url(preu/images/actionicon_unpublish.png) top left -22px no-repeat;
}

/*spu 2738 end*/

.icon-duplicate div,
a.icon-duplicate:link div,
a.icon-duplicate:visited div
{
    content:'';
    width:22px;
    height:26px;
    background:url(preu/images/actionicon_duplicate.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}

a.icon-duplicate:hover div,
a.icon-duplicate:focus div,
a.icon-duplicate:active div
{
    background:url(preu/images/actionicon_duplicate.png) top left -22px no-repeat;
}

.icon-print-builder div,
a.icon-print-builder:link div,
a.icon-print-builder:visited div
{
    content:'';
    width:22px;
    height:26px;
    background:url(preu/images/actionicon_print.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}

a.icon-print-builder:hover div,
a.icon-print-builder:focus div,
a.icon-print-builder:active div
{
    background:url(preu/images/actionicon_print.png) top left -22px no-repeat;
}

.icon-download-builder div,
a.icon-download-builder:link div,
a.icon-download-builder:visited div
{
    content:'';
    width:22px;
    height:26px;
    background:url(preu/images/actionicon_download.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}

a.icon-download-builder:hover div,
a.icon-download-builder:focus div,
a.icon-download-builder:active div
{
    background:url(preu/images/actionicon_download.png) top left -22px no-repeat;
}

.icon-share-builder div,
a.icon-share-builder:link div,
a.icon-share-builder:visited div
{
    content:'';
    width:22px;
    height:26px;
    background:url(preu/images/actionicon_share.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}

a.icon-share-builder:hover div,
a.icon-share-builder:focus div,
a.icon-share-builder:active div
{
    background:url(preu/images/actionicon_share.png) top left -22px no-repeat;
}

.icon-feedback-builder div,
a.icon-feedback-builder:link div,
a.icon-feedback-builder:visited div
{
    content:'';
    width:22px;
    height:26px;
    background:url(preu/images/actionicon_feedback.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
}

a.icon-feedback-builder:hover div,
a.icon-feedback-builder:focus div,
a.icon-feedback-builder:active div
{
    background:url(preu/images/actionicon_feedback.png) top left -22px no-repeat;
}

#DataAnalyst_jumbo_container .selectTitle
{
    color: #fff;
    font-size: 16px;
    margin-left: 0px;
}

#closed_tabs_container
{
    margin-top:30px;
}

#sectorBackgroundContainer,#sectorFactsFiguresContainer,#sectorOutlookContainer,#sectorEnvironmentContainer,#sectorEconomicAgenciesContainer
{
    margin:15px 15px;
    margin-bottom: 40px;
}
#schoolcockpitDetailDropDownContainer #sectorBackgroundContainer .Mission-title {

    font-size: 15px;
    font-weight: bold;
    color: #333333;
}

#schoolcockpitDetailDropDownContainer #sectorBackgroundContainer .Vision-title {
    font-size: 15px;
    font-weight: bold;
    color: #333333;
}

#sectorOutlookContainer .right-col-title,#sectorEnvironmentContainer .right-col-title,#sectorEconomicAgenciesContainer .right-col-title
{
    font-size: 16px;
    color: #333;
}

#sectorEnvironmentContainer	.clearmargin,#sectorEconomicAgenciesContainer .clearmargin
{
    margin-left:0px;
    margin-right:0px;
}

#schoolcockpitDetailDropDownContainer #sectorBackgroundContainer li {
    list-style-image: url('secondary/images/JobRoleComparison_icon_circle.png');
}

#schoolcockpitDetailDropDownContainer #sectorBackgroundContainer .table-row li img {
    margin-top: 7px;
}

/* Large */
@media(min-width:1200px){
    .educpBody {width: 1320px;height:1290px;background-size: 1200px 1272px;}
    .educpDiv1 {padding-top: 409px; padding-left: 253px;}
    .educpDiv2 {margin-top: 756px;margin-left: 471px;}
    .educpDiv3 {margin-top: -3px;margin-left: 386px;}
    .educpDiv4 {margin-top: -19px;margin-left: 583px;}
    .educpDiv5 {margin-top: -737px;margin-left: 797px;}
    .educpDiv6 {margin-top: 246px;margin-left: 756px;}
    .educpDiv7 {margin-top: 374px;margin-left: 620px;}
    .educpDiv8 {margin-top: -466px;margin-left: 528px;}
    .educpDiv9 {margin-top: -19px;margin-left: 618px;}
    .educpDiv10 {margin-top: 234px;margin-left: 805px;}
    .educpDiv11 {margin-top: -2px;margin-left: 548px;}
    #educpLinkPreu1 {width: 60px;}
    #educpLinkPreu2 {width: 140px;}
    #educpLinkPreu3 {width: 57px;}
    #educpLinkPreu4 {width: 50px;}
    #educpLinkPreu5 {width: 104px;}
    #educpLinkPreu6 {width: 211px;}
    #educpLinkPreu7 {width: 170px;}
    #educpLinkPreu8 {width: 58px;}
    #educpLinkPreu9 {width: 64px;}
    #educpLinkPreu10 {width: 64px;}
    #educpLinkPreu11 {width: 64px;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .educpBody {width: 1000px;height:1100px;background-size: 992px 1052px;}
    .educpDiv1 {padding-top: 354px; padding-left: 164px;}
    .educpDiv2 {margin-top: 621px;margin-left: 343px;}
    .educpDiv3 {margin-top: -5px;margin-left: 274px;}
    .educpDiv4 {margin-top: -19px;margin-left: 437px;}
    .educpDiv5 {margin-top: -617px;margin-left: 610px;}
    .educpDiv6 {margin-top: 198px;margin-left: 581px;}
    .educpDiv7 {margin-top: 306px;margin-left: 469px;}
    .educpDiv8 {margin-top: -388px;margin-left: 387px;}
    .educpDiv9 {margin-top: -19px;margin-left: 460px;}
    .educpDiv10 {margin-top: 190px;margin-left: 618px;}
    .educpDiv11 {margin-top: -4px;margin-left: 407px;}
    #educpLinkPreu1 {width: 50px;}
    #educpLinkPreu2 {width: 119px;}
    #educpLinkPreu3 {width: 130px;}
    #educpLinkPreu4 {width: 40px;}
    #educpLinkPreu5 {width: 90px;}
    #educpLinkPreu6 {width: 163px;}
    #educpLinkPreu7 {width: 102px;}
    #educpLinkPreu8 {width: 50px;}
    #educpLinkPreu9 {width: 54px;}
    #educpLinkPreu10 {width: 64px;}
    #educpLinkPreu11 {width: 54px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .educpBody {width: 780px;height:830px;background-size: 768px 814px;}
    .educpDiv1 {padding-top: 258px; padding-left: 130px;}
    .educpDiv2 {margin-top: 476px;margin-left: 268px;}
    .educpDiv3 {margin-top: -3px;margin-left: 213px;}
    .educpDiv4 {margin-top: -19px;margin-left: 341px;}
    .educpDiv5 {margin-top: -481px;margin-left: 477px;}
    .educpDiv6 {margin-top: 147px;margin-left: 451px;}
    .educpDiv7 {margin-top: 232px;margin-left: 366px;}
    .educpDiv8 {margin-top: -303px;margin-left: 301px;}
    .educpDiv9 {margin-top: -19px;margin-left: 358px;}
    .educpDiv10 {margin-top: 143px;margin-left: 485px;}
    .educpDiv11 {margin-top: -10px;margin-left: 314px;}
    #educpLinkPreu1 {width: 39px;}
    #educpLinkPreu2 {width: 93px;}
    #educpLinkPreu3 {width: 100px;}
    #educpLinkPreu4 {width: 33px;}
    #educpLinkPreu5 {width: 68px;}
    #educpLinkPreu6 {width: 127px;}
    #educpLinkPreu7 {width: 80px;}
    #educpLinkPreu8 {width: 37px;}
    #educpLinkPreu9 {width: 45px;}
    #educpLinkPreu10 {width: 42px;}
    #educpLinkPreu11 {width: 37px;}
}

/* Extra Small */
@media(max-width:767px){
    .educpBody {width: 550px;height:580px;background-size: 500px 530px;}
    .educpDiv1 {padding-top: 180px; padding-left: 106px;}
    .educpDiv2 {margin-top: 312px;margin-left: 197px;font-size:8px;}
    .educpDiv3 {margin-top: -2px;margin-left: 160px;font-size:8px;}
    .educpDiv4 {margin-top: -11px;margin-left: 243px;font-size:8px;}
    .educpDiv5 {margin-top: -315px;margin-left: 330px;}
    .educpDiv6 {margin-top: 93px;margin-left: 314px;font-size: 8px;}
    .educpDiv7 {margin-top: 153px;margin-left: 259px;font-size:8px;}
    .educpDiv8 {margin-top: -197px;margin-left: 217px;font-size: 8px;}
    .educpDiv9 {margin-top: -11px;margin-left: 255px;font-size: 8px;}
    .educpDiv10 {margin-top: 95px;margin-left: 333px;font-size: 8px;}
    .educpDiv11 {margin-top: -4px;margin-left: 225px;font-size: 8px;}
    #educpLinkPreu1 {width: 25px;}
    #educpLinkPreu2 {width: 58px;}
    #educpLinkPreu3 {width: 64px;}
    #educpLinkPreu4 {width: 21px;}
    #educpLinkPreu5 {width: 46px;}
    #educpLinkPreu6 {width: 86px;}
    #educpLinkPreu7 {width: 53px;}
    #educpLinkPreu8 {width: 28px;}
    #educpLinkPreu9 {width: 30px;}
    #educpLinkPreu10 {width: 30px;}
    #educpLinkPreu11 {width: 28px;}
}

#main-nav .navbar-brand {
    padding: 10px 10px;
}

footer{
    margin-top: 20px;
}

footer .container.custom {
    padding: 10px;
    padding-left: 0px;
}

@media(max-width: 991px){
    footer .container.custom .logo {
        padding-left: 30px;
    }
    footer .container.custom .termsofuse {
        padding-left: 30px;
    }
}

footer .logo .verticalmiddle {
    text-align: right;
    padding:0;
}

footer .termsofuse .verticalmiddle {
    font-size:14px;
}

footer .verticalmiddle {
    vertical-align: middle;
    display:table-cell;
    width:100%;
}

/* Extra Small */
@media(max-width:767px){
    footer .logo { text-align: left;margin-top: 10px; margin-bottom:10px;}
    footer .termsofuse { text-align: left;}
    footer .right {text-align: left;}
    footer div {padding: 0px;}
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    footer .logo { text-align: left;margin-top: 10px; margin-bottom:10px;}
    footer .socialmedia {text-align: right;}
    footer .termsofuse { text-align: left;}
    footer .right {text-align: left;}
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    footer .logo .verticalmiddle{ float:right;}
    footer .termsofuse { text-align: left;}
    footer .right {text-align: right;}
    footer .verticalmiddle {height:45px;}
}

/* Large */
@media(min-width:1200px){
    footer .logo .verticalmiddle{ float:right;}
    footer .termsofuse { text-align: left;}
    footer .right {text-align: right;}
    footer .verticalmiddle {height:45px;}
}


.IndustrialLandscapeProfile .industrialLandscapeProfileComponentContainer #sectorImagesContainer img {
    padding: 25px;
    display:block;
}

.IndustrialLandscapeProfile .industrialLandscapeProfileComponentContainer #sectorFactsFiguresContainer p img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none !important;
}
.IndustrialLandscapeProfile .industrialLandscapeProfileComponentContainer #sectorFactsFiguresContainer p {
    display: inline-block;
    width: 100%;
}

@media(min-width:768px) and (max-width:991px){
    .industrylandscape #landscape_container .interactionmenu_container {width: 723px;}
}


.edupathwayDetailNormal li.active a{
    background-color: #412B87 !important;
    color: #fff !important;
}
.edupathwayFSBBDetailNormal li.active a{
    background-color: #412B87 !important;
    color: #fff !important;
}
.edupathwayDetailNormal li a{
    color: #333333  !important;
    font-size: 17px;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
}
.edupathwayFSBBDetailNormal li a{
    color: #333333  !important;
    font-size: 17px;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
}


.print_pathway_contentPreview .edupathwayDetailNormal p{
    color: #333333;
    font-size: 15px;
    text-align: left;
    margin-bottom: 30px;
}
.print_pathway_contentPreview .edupathwayFSBBDetailNormal p{
    color: #333333;
    font-size: 15px;
    text-align: left;
    margin-bottom: 30px;
}

.print_pathway_contentPreview .openclose_icon{
    display: inline-block;
    float: right;
    padding-right: 67px;
    width: 30px;
    cursor: pointer;
    top: inherit;
}


.print_pathway_contentPreview .panel-title{
    text-align: left;
    margin-bottom: 15px;
    color: #333333 !important;
}

.print_pathway_contentPreview .panel-group{
    border: none !important;
    border-bottom: 2px dotted #dedede !important;
}
.print_pathway_contentPreview .panelHeader{
    height: 40px;
}

.educationPathwayDetialContainer .exploreWayContent{
    margin-bottom: 10px;
}

.educationPathwayDetialContainer .exploreWayContent span{
    color: #333333;
}

.edupathwayDetailNormal .schoolInfoContent ul li{
    text-align: left;
}
.edupathwayFSBBDetailNormal .schoolInfoContent ul li{
    text-align: left;
}



.educationPathwayDetialContainerRow p{
    color: #333333;
}

.page.preunocache .redirectbutton .epy_btn_group_ a.ctabtn:focus, a.ctabtn:hover{
    background-color: #febd00;
    color: black;
}


#GettingStarted_container_Goal .goal_nonacademic_panel_body{
    padding: 15px !important;
}


/*comparison drop down menu*/


.filterschools  .multiselect-container>li>a>label>input[type=checkbox]{
    display: block ;
    visibility: visible;
    opacity: 1 ;
}

#pseiDetailDropDownContainer #schoolAcademicsContainer .row.CockpitSubjectOffered_row li,
#pseiDetailDropDownContainer #sectorFacultyContainer .row.CockpitSubjectOffered_row li,
#pseiDetailDropDownContainer #schoolQualificationOfferedContainer .row.CockpitSubjectOffered_row li{
    list-style: url('secondary/images/JobRoleComparison_icon_circle.png');
}

.goal_nonacademic_panel_body .addnewTargetBtn{
    margin-bottom: 20px !important;
    margin-left: 15px !important;
}

#my_reflections_my_eportfolio_page_m .nav-tabs > li:last-child > a {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #cccccc;
}


#my_reflections_my_eportfolio_page_m .panel-group > .panel > .panel-heading{
    padding: 14px 20px;
    color: #fff;
    background-color: #9361ae;
    border-color: #822a91;
}

#my_reflections_my_eportfolio_page_m a:hover, a:focus {
    text-decoration: underline;
}

#my_reflections_my_eportfolio_page_m a:active, a:hover {
    outline: 0;
}

#my_reflections_my_eportfolio_page_m .panel-group > .panel > .panel-heading > .panel-title > a:hover,
#my_reflections_my_eportfolio_page_m .panel-group > .panel > .panel-heading > .panel-title > a:focus,
#my_reflections_my_eportfolio_page_m .panel-group > .panel > .panel-heading > .panel-title > a:visited{
    color: #fff;
    background-color: transparent;
    border-color: #822a91;
}

#my_reflections_my_eportfolio_page_m #reflections .panel-title > a{
    padding: 0px !important;
    padding-right: 30px!important;
}

#my_reflections_my_eportfolio_page_m #reflections .panel-heading{
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.my_eportfolio_page #goals-reflections .text-center a{
    font-family: "Source Sans Pro Bold";
    font-size: 15px;
}

#share_profile_controller_my_prof_my_ep_print_share_download{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
}
.page-header .My_Reflections_position{
    float:right;
    padding-top: 25px;
    margin-top: -17px;
    margin-bottom: 8px;
}
@media (max-width: 991px) {
    .page-header .My_Reflections_position{
        margin-top: -30px !important;
        padding-left: 6%;
    }
}

@media (max-width: 991px){
    .page-header ul.action-widget {
        margin-top: 20px !important;
        /*margin-left: 40px;*/
    }
}

@media(max-width:768px){

    #MyFavouritePathways_container .item-type{
        width: 16% !important;
    }
}

.edupathway-compare-content .openclose_icon{
    display: none;
    visibility: hidden;
}
.edupathway-compare-content .title .icon{
    margin-left: -12px;
}
.category_listing_stu #category_detail_listing .add-sub-category-container
{
    padding-top: 15px !important;
}
.category_listing_stu #category_detail_listing .add_new_category_position .add-item-text{
    padding-top: 13px;
}

@media (max-width: 767px) {
    .category_listing_stu  #category_list_category_listing_stu .subcategory_block .sub_category_item_attach .sub_category_item_attach_box {padding-left: 20px !important;}
}

.attachment_title_position{
    word-wrap: break-word;
    word-break: break-word;
    min-width: 180px;
    line-height: 20px;
}

.preu_container .page-header.breadcrumb-header.paddbottom {
    margin-left: 16px;
}
.category_listing_stu #category_detail_listing .category_title_position .sub_category_item_width{
    margin-left: -9px;
}

.category_listing_stu #category_detail_listing .category_title_position .sub_category_item_width h3{
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 40px;
    word-wrap: normal;
}

.title_edit_position,
.editicon_position,
.attachment_icon_position
{
    min-width: 133px;
}
@media (max-width: 767px) {
    #category_detail_listing {margin-bottom: 17px;margin-top: -7px;}
    /*.attachment_icon_position{margin-left: 56px;}*/
    /*.editicon_position{margin-left: 19px;}*/
    .deleteicon_position{margin-left: 60px; margin-top: -37px;}
    /*.additem_posotion{margin-bottom: -55px !important;}*/
    .attachment_title_position{margin-top: -40px !important;}
    .title_edit_position{margin-left: -37px;}
    .Primary_delet_position{margin-top: 16px !important;margin-right: 40px;}
    .subcategory_block .sub_category .col-xs-3{float: none;}
    .category_list_title .category_title_position .col-xs-3{float: none;}
    .add_new_category_position{margin-top: -46px;}

    .reset_password_securityQuestion{width:100% !important;}
}
@media (min-width: 768px) and (max-width: 991px){
    .attachment_title_position{margin-top: -38px;}
    /*.title_edit_position{margin-top: -34px !important;}*/
    .attachment_icon_position{margin-left: 55px;}
    .deleteicon_position{margin-left: -95px;}
    .category_list_title .category_title_position .col-xs-3{float: none;}
}
@media (min-width: 768px) {
    .attachment_title_position{margin-top: -38px;}
}
@media (min-width: 320px) {
    .attachment_icon_position{min-width: 164px;}
}
@media (max-width: 320px) {
    .category_listing_stu  #category_list_category_listing_stu .additem_posotion .add_new_category_position{padding-bottom: 65px !important;}
}
@media (max-width: 897px) {
    .category_title_position .col-xs-10{float: none;}

}
@media (min-width: 1200px){
    .attachment_position{margin-left: 36px;}
}

#category_list_category_listing_stu .col-md-2 .text-right{
    padding-left: 0px !important;
    padding-right: 0px;
}

.pathway-compare-filter-tool button.multiselect {
    color: #fff;
    background: #e68717;
    border: 2px solid #e68717;
    border-radius: 8px;
    padding: 10px 25px;
    height: 44px;
    font-weight: bold;
}


.pathway-filter-container{
    width: 100%;
    height: 59px;
}

.pathway-compare-filter-tool{
    float: right;
}


.pathway-compare-filter-tool input[type="checkbox"] {
    display: block !important;
    visibility: visible;
    opacity: 1 !important;
}

.relatedindustryVideosContainer h3{
    text-align: center;
}


.compare_pathways_dragscroll_outterbox{
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: block;
}

.course_detail_pm .course_detail_pm_container #DataAnalyst_jumbo_container .DataAnalyst_jumbo_sub_container .big_title_box
{
    margin-left: 0px;
}
/* .course_detail_pm .course_detail_pm_container #DataAnalyst_jumbo_container .DataAnalyst_jumbo_sub_container .small_title_box {
    margin-left: -15px;
} */

.calendar_events_detail #DataAnalyst_jumbo_container .calendar_events_header_left{
    padding-left: 15px;
}

@media (max-width:768px){
    .calendar_events_detail #DataAnalyst_jumbo_container .calendar_events_header_left{
        padding-left: 0;
    }
    .calendar_events_detail #DataAnalyst_jumbo_container .calendar_events_header_left h1{
        padding-left: 0;
    }
}

@media (min-width: 1200px){
    .edupathway-compare-content .pathway-compare-card-container .compare_pathways_dragscroll_outterbox{
        margin-left: 23px;
    }
    .edupathway-compare-content .pathway-compare-card-container .compare_pathways_dragscroll_outterbox .compare_pathways_dragscroll_innerbox .compare_pathways_dragscroll_wrap .card{
        width: 353px;
    }
}

@media (max-width: 1199px){
    .compare_pathways_dragscroll_innerbox{overflow-x: scroll;overflow-y: hidden;}
    .edupathway-compare-content .pathway-compare-filter-tool{padding-left: 15px;}
}

@media (max-width: 1199px) and (min-width: 992px){
    .compare_pathways_dragscroll_wrap {width: 1168px;}
}

@media (max-width: 991px){
    .compare_pathways_dragscroll_wrap {width: 1180px;}
}
@media(max-width:1199px){
    .edupathway-compare-content .pathway-compare-filter-tool {float: left !important;}
}
/** Start Admin **/

.container.ReviewRequestBox{
    text-align:center;
}

.GoalSettingTitle span{
    color: #e68717;
    font-weight: bold;
    font-size: 32px;
}

/*2514*/
.HVSModal .modal-footer {
    text-align: center !important;
}
/*2514 end*/
.GoalSettingTableData
{
    text-align:center;
}

#GoalSettingListData_info.dataTables_info
{
    text-align:left;
}

.GoalSettingTableData table {
    background: #EEEEEE;
    border: 1px solid #BBBBBB;
    border-collapse: collapse;
}

.GoalSettingTableData table table {
    margin: -5px 0;
    border: 0px solid #e0e7d3;
    width: 100%;
}

.GoalSettingTableData table td,.GoalSettingTableData table th {
    padding: 5px;
    border: 1px solid #CCCCCC;
}

.GoalSettingTableData table td form {
    text-align:center;
    vertical-align: middle;
    margin: 0px;
}

.GoalSettingTableData table th {
    font-size: 0.9em;
    text-align: left;
    font-weight: bold;
    color: #FFF;
    background: #999;
}

.GoalSettingTableData table thead {
    font-weight: bold;
    font-style: italic;
    background-color: #BBBBBB;
}

#GSTList{
    text-align: left;
}

#GSTList .GoalSettingTitle,#GSTList .BottomBox{
    text-align: center;
}

.GoalSettingTableData able a {color: #333;}

.GoalSettingTableData .TableTitle
{
    font-size: 16px !important;
    font-weight: bold;
}

.LongTextGoal
{
    width:250px;
}


.DataTitle
{
    font-size: 20px;
    font-weight: bold;
}

.GoalSettingTableData .TableTitle td
{
    min-width:20px;
}

.GoalSettingTableData .checkinput
{
    max-width:30px;
}

.ReviewRequestBox .row
{
    margin:0px;
}
.ReviewRequestBox .checkbox_select input[type="checkbox"] + label span{
    width: 25px;
    height: 25px;
    background: url(preu/images/Check_Box_PreU.png) left top no-repeat;
}

.ReviewRequestBox .checkbox_select input[type="checkbox"]:checked + label span{
    width: 25px;
    height: 25px;
    background: url(preu/images/Check_Box_PreU.png) -25px top no-repeat;
}

.ReviewRequestBox .checkbox_select input[type="radio"],#ValueModal input[type="radio"]
{
    display:none;
}

.ReviewRequestBox .checkbox_select input[type="radio"] + label span,#ValueModal input[type="radio"] + span{
    width: 25px;
    height: 25px;
    background: url(preu/images/Radio_Btn_PreU.png) left top no-repeat;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
    cursor: pointer;
}

.ReviewRequestBox .checkbox_select input[type="radio"]:checked + label span,#ValueModal input[type="radio"]:checked + span{
    background: url(preu/images/Radio_Btn_PreU.png) -25px top no-repeat;
}

.ReviewRequestBox .nav-tabs > li > a {
    height:30px;
}
.GoalSettingTableData #TermTab .active > a{
    background-color: #fff;
    color:#333;
}

.ReviewRequestBox #TermTab > li:first-child > a {
    border-radius: 5px 0 0 5px !important;
}

.ReviewRequestBox #TermTab > li:last-child > a {
    border-radius: 0px 5px 5px 0px !important;
}
.ReviewRequestBox .addValueOrHelp
{
    width:75px;
}

/*spu 2789*/
.gradeNoteMessage{
   padding-bottom: 30px;
}
/*spu 2789 end */

/*spu 2796*/
.noSourceNoteMessage,.hasSourceNoteMessage,.gradeNoteMessage,.primaryNoteMessage{
    font-style: italic;
}
.sourceNoteMessage {
    padding: 5px 15px 0px 15px;
    margin: 0px 15px 15px 15px;
}
.modalContent{
    padding: 5px 15px 5px 15px !important;
}
.scourcemodalContent{
    margin-top: 25px;
}
/*spu 2796 end*/

.ReviewRequestBox .GoalSettingTableData
{
    padding-left:0px;
    padding-right:0px;

}

#ValueModal .SourcsModalLabel,#HelpModal .SourcsModalLabel,#SourceModal .SourcsModalLabel{
    line-height: 34px;
}


.SelectedLineHeight
{
    line-height: 34px;
}

#GSTList .GoalSettingTableData
{
    text-align:left;
}
/**
spu 2273
 */
.GoalSettingTableData .filterGradeBranding #gradeBrandingButton
{
    float: right;
    height: 30px;
    border-radius: 5px 5px 5px 5px;
    font-size: 15px;
    color: white;
    background-color: #9361ac;
    border-color: #9361ac;
    -webkit-appearance: none;
    padding: 0px 10px;
}
.gradeBrandingContent input[type="checkbox"] + label span{
    display: inline-block;
    width: 25px;
    height: 26px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Check_Box_PreU.png) left top no-repeat;
    cursor: pointer;
}

.gradeBrandingContent input[type="checkbox"]:checked + label span {
    background: url(preu/images/Check_Box_PreU.png) -25px top no-repeat;
    width: 25px;
}
.gradeBrandingTest{
    padding-left:20px;
    padding-bottom: 10px;
}

.gradeBrandingDropDown {
    padding-bottom: 20px;
}
/**
spu 2273
 */
.GoalSettingTableData .filterLastRowDisplay #data-comparison-dropdown
{
    float: right;
    height: 30px;
    border-radius: 5px 5px 5px 5px;
    font-size: 15px;
    color: white;
    border-color: white;
    background: url(secondary/images/JobRoleComparison_icon_dropdown.png) no-repeat right #9361ae;
    -webkit-appearance: none;
    padding: 0px 10px;
}

.ReviewRequestBox .GoalSettingTableData input[type="checkbox"] + label span,
.ReviewRequestBox #ecg-table input[type="checkbox"] + label span {
    display: inline-block;
    width: 25px;
    height: 26px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Check_Box_PreU.png) left top no-repeat;
    cursor: pointer;
}

.ReviewRequestBox .GoalSettingTableData input[type="checkbox"]:checked + label span,
.ReviewRequestBox #ecg-table input[type="checkbox"]:checked + label span {
    background: url(preu/images/Check_Box_PreU.png) -25px top no-repeat;
    width: 25px;
}

#ValueModal .ValueDataforDrop .form-control{
    width:60%;
}

#ValueModal .modal-body{
    text-align:center;
}

#ValueModal .ValueDataforDrop{
    line-height:34px;
}

.goalSettingActionTd
{
    display: inline-block;
}

.GoalSettingTableData .TableTitle .ActionMinTd{
    min-width:90px;
}

#GSTList .GoalSettingTableData .TableTitle .AcademicLevel
{
    width: 110px;
}

.GoalSettingTableData .FieldTypeInputTd,.GoalSettingTableData .TableTitle .FieldTypeTd
{
    width: 170px;
}
/*spu 2515*/
.GoalSettingTableData .FieldValueTypeTd
{
    width: 200px;
}
/*spu 2515*/
.GoalSettingTableData .MaxCharactersInput
{
    width: 110px;
}

.GoalSettingTableData .removeCheckBox
{
    width: 40px;
}

.GoalSettingTableData .PriorityBox
{
    width: 60px;
}

.GoalSettingTableData .MandatoryBox
{
    width: 80px;
}

.GoalSettingTableData .FieldNameTd
{
    width: 180px;
}

.GoalSettingTableData .FieldNameInput
{
    width: 160px;
}

.GoalSettingTableData .CheckFlag,.ReviewRequestBox .CheckFlag
{
    color:red;
}

.ReviewRequestBox .CheckMessageBox
{
    float:left;
}

.GoalSettingTableData .glyphicon
{
    display: block;
    color: #9361ae;
}


/*spu 2752 start*/
.GoalSectionTitle.targetTitle{
    padding-top:40px;
}
/* spu 2752 end*/

/** spu 2514**/
button.btn.btn-default.ctabtn {
    background-color: #412B87 !important;
    width: 100px;
    margin: 17px 4px 0px 2px !important;
    padding: 0px !important;
    cursor: pointer !important;
}
button.btn.btn-default.ctabtn:hover{
    color:#fff !important;
}
.GoalSettingTableData .FieldValueTypeID select{
 width:170px;
}
/**spu 2514 end**/

/** End Admin**/

/*spu 2011*/
.relatedindustryVideosContainer a, .relatedindustryVideosContainer a:hover{
    color:#2A51FE;
}
.relatedindustryVideosContainer .recommenderbox span{
    font-size:15px;
    line-height:19px;
    word-break: normal !important;
}
/*spu 2011*/
#gameachievmnt_controller_reflection .slick-single,
#gameachievmnt_controller_feedback .slick-single{
    margin-bottom: 0px !important;
}

@media (max-width: 767px) {
    #gameachievmnt_controller_reflection .slick-item,
    #gameachievmnt_controller_feedback .slick-item {
        height: 243px !important;
    }
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #412B87;
}


.bootbox .modal-header .modal-title{
    text-align:left;
    margin:0;
    font-weight:bold;
}

.bootbox #cboxClose{
    top: 10px;
    background: transparent !important;
}

.bootbox #cboxClose:after{
    color: #FFFFFF !important;
    font-size: 18px;
}


.modalCloseBtn {
    top: 10px;
    background: none;
    outline: none;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 10px;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    border-radius: 15px;
    border: 0px;
    text-align: center;
    cursor: pointer;
}

.modalCloseBtn:after {
    font-family: "Glyphicons Halflings";
    content: "\e014";
    color: #FFFFFF;
    font-size: 18px;
    line-height: 30px;
}


p{
    white-space: pre-wrap;
}
#mycontainer_settings p {
    white-space: nowrap;
}

.msf_preu_overviewpage .overview_left_center_position #knowyourselfmygoalspanel .overview_page_my_goals #mygoals_controller_my_goals #goal_list_my_goals #mygoals .info-card{
    border: 1px solid #ffffff !important;
}

/*mobile view*/
@media (max-width: 520px){
    #category_list_category_listing_stu .text-right img {
        padding: 0 3px;
    }
    .msf_preu_overviewpage .dragscroll_wrap {
        width: 3000px;
    }

    #add-category-form-id .itemAttachmentClass #attach-button-id .fa-paperclip:before {
        margin-left: -9px;
    }
}

#attach-button-id,
.myAEMBtn
{
    outline: none;
}

#goals .scroll-panel > .scroll-panel-body{
    overflow-y: auto !important;
}

#goals .scroll-panel > .scroll-panel-body p{
    font-family: "Source Sans Pro";
    font-size: 15px;
    color: #333333;
    white-space: normal !important;
}


#mygoals {
    padding: 0px !important;
}

.overview-goal-card-drop-down span{
    height: 43px !important;
    padding: 8px 10px !important;
    margin: 0 auto;
    font-size: 20px !important;
    min-height: 43px !important;
    cursor: pointer;

}
#mygoals .scroll-panel-tab {
    font-size: 15px !important;
    font-weight: bold;
    color: #fff;
    background: #8c4198;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    height: 44px;
    padding: 10px 25px;
    width: 200px;
    font-family: "Source Sans Pro Bold";
}
/**spu-2509 start **/
#mygoals .overview-goal-card-common .highlight {
    font-family:"Source Sans Pro Bold";
}
mygoals .overview-goal-card-common .itemField {
    font-family:"Source Sans Pro";
    font-size:15px;

}
#mygoals .overview-goal-card-common h5{
    font-size:17px;
}
/**spu-2509 end **/

#notification_title a {
    color: #FFF;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}
.overview-goal-card-drop-down a.dropdown-item,
.overview-goal-card-drop-down a.dropdown-item:link,
.overview-goal-card-drop-down a.dropdown-item:visited{
    color: #333333;
    cursor: pointer;
    width: 100%;
}

.overview-goal-card-common p{
    color: #FFFFFF;
}

.overview-goal-card-drop-down-value:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    font-size: 12px;
    position: absolute;
    right: 20px;
    padding-top: 5px;
    color: #ffffff;
    position: absolute;
    width: 20px;
    height: 20px;
}

.msf_preu_overviewpage .overview_page_my_goals  #mygoals_controller_my_goals #goal_list_my_goals #mygoals .overview-goal-card-drop-down  .overview-goal-card-drop-down-value:before{
    position:relative;
    float: right;
    right: 0px;
}

.overview-goal-card-common p{
    color: #606060 !important;
    text-align: left;
}

#mygoals .info-card .card-holder .scroll-panel{
    padding: 0px;
}

#mygoals .scroll-panel-body{
    height: 230px;
    overflow: hidden;
}

.overview-goal-info-container{
    height: 230px;
    overflow-y: auto;
    -ms-overflow-style: none;
}

/*spu 2090*/
.explorewayHeader .table-action-icons{
    position: static !important;
    float:right;
}
.pathway-table-block.PathContent{
    display:inline-block;
}
/*spu 2090*/

/* ECG START*/

#ecg-reject .form-control,
#genModal .form-control,
#ecgGenModal .formControl,
.ecg-session-create .form-control {
    margin-top: 5px;
    display: block;
    vertical-align: middle;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    overflow: auto;
    padding: 7px 15px;
    margin-bottom: 5px;
    color: #333;
    font-size: 16px;
    line-height: 19px;
    min-height:50px;
}

#ecg-reject .formheading,
#ecgGenModal .formheading,
#genModal .formheading {
    font-size: 19px;
    padding-bottom: 5px;
    color: #333;
    text-align: left;
}

#ecgGenModal .formControl{
    font-family: "PT Sans";
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0;
}

#ecg-reject  .reject_reason{
    font-family: "PT Sans";
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0;
    margin-bottom: 5px;
}

@media (min-width: 768px){
    #ecg-reject .modal-dialog{
        width: 600px;
        margin: 30px auto;
    }
}

.reviewEcgExperience .ctabtn.adminRejectInListPage{
    padding-top: 0px !important;
}
#ecg-experience-create-form-main-div .formheading {
    font-size: 19px;
    padding-bottom: 5px;
    color: #333;
    text-align: left;
}

#ecg-experience-create-form-main-div .heading {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
}

#ecg-experience-create-form-main-div .alignleft{
    text-align:left
}

#ecg-experience-create-form-main-div .target_group {
    display: inline-block;
    vertical-align: top;
    padding-top:10px;
    padding-right:15px;
}

#ecg-experience-create-form-main-div .startend{
    width: 135px;
}

#ecg-experience-create-form-main-div .datetime{
    padding-top: 5px;
}

#ecg-experience-create-form-main-div a.ecg-add-session-link,
#ecg-experience-create-form-main-div a.ecg-add-session-link:link,
#ecg-experience-create-form-main-div a.ecg-add-session-link:visited{
    color: #5aacb4;
}

#ecg-experience-create-form-main-div .target_group.sub {
    display:block;
    padding: 0px 0px 0px 25px;
}


#ecg-experience-create-form-main-div .target_group input[type="checkbox"] + label span {
    display: inline-block;
    width: 25px;
    height: 26px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Check_Box_PreU.png) left top no-repeat;
    cursor: pointer;
}

#ecg-experience-create-form-main-div .target_group input[type="checkbox"]:checked + label span {
    background: url(preu/images/Check_Box_PreU.png) -25px top no-repeat;
    width: 25px;
}

#ecg-experience-create-form-main-div #ecg-session-container .ecg-session-create i{
    position: absolute;
    bottom: 24px;
    right: 24px;
    top: auto;
    cursor: pointer;
    color: #e68717;
    font-size:18px;
}

#ecg-experience-create-form-main-div .form-control {
    margin-top: 5px;
    display: block;
    vertical-align: middle;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    overflow: auto;
    padding: 7px 15px;
    margin-bottom: 5px;
    color: #333;
    font-size: 16px;
    line-height: 19px;
    min-height:50px;
}

#ecg-experience-create-form-main-div .btn.btn-secondary {
    background: #9461ae;
    color: #fff;
    font-weight: normal;
}

/*.mandatory-field{
	color:#FF0000;
}*/

a.icon-view-builder,
a.icon-duplicate-builder,
a.icon-reserve-builder,
a.icon-add-builder,
a.icon-delete-builder,
a.icon-edit-builder {
    color: transparent !important;
}

.icon-view-builder div,
a.icon-view-builder:link div,
a.icon-view-builder:visited div
{
    content:'';
    width:23px;
    height:26px;
    background:url(preu/images/actionicon_view.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
    color:transparent;
}

a.icon-view-builder:hover div,
a.icon-view-builder:focus div,
a.icon-view-builder:active div
{
    background:url(preu/images/actionicon_view.png) top left -23px no-repeat;
    color:transparent;
}

.icon-duplicate-builder div,
a.icon-duplicate-builder:link div,
a.icon-duplicate-builder:visited div
{
    content:'';
    width:23px;
    height:26px;
    background:url(preu/images/actionicon_duplicate.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
    color:transparent;
}

a.icon-duplicate-builder:hover div,
a.icon-duplicate-builder:focus div,
a.icon-duplicate-builder:active div
{
    background:url(preu/images/actionicon_duplicate.png) top left -23px no-repeat;
    color:transparent;
}

.icon-reserve-builder div,
a.icon-reserve-builder:link div,
a.icon-reserve-builder:visited div
{
    content:'';
    width:23px;
    height:26px;
    background:url(preu/images/actionicon_reserve.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
    color:transparent;
}

a.icon-reserve-builder:hover div,
a.icon-reserve-builder:focus div,
a.icon-reserve-builder:active div
{
    background:url(preu/images/actionicon_reserve.png) top left -23px no-repeat;
    color:transparent;
}

.icon-delete-builder div,
a.icon-delete-builder:link div,
a.icon-delete-builder:visited div
{
    content:'';
    width:23px;
    height:26px;
    background:url(preu/images/actionicon_delete.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
    color:transparent;
}
.reviewEcgExperience .ReviewRequestBox .ECGtable #ecg-table_wrapper #ecg-table #ecg-experience-list .icon-delete-builder div,
.reviewEcgExperience .ReviewRequestBox .ECGtable #ecg-table_wrapper #ecg-table #ecg-experience-list .icon-delete-builder:link div,
.reviewEcgExperience .ReviewRequestBox .ECGtable #ecg-table_wrapper #ecg-table #ecg-experience-list .icon-delete-builder:visited div,
#pdb-dashboard-main-div #ecgExperienceTable .icon-delete-builder div,
#pdb-dashboard-main-div #ecgExperienceTable a.icon-delete-builder:link div,
#pdb-dashboard-main-div #ecgExperienceTable a.icon-delete-builder:visited div
{
    background: url(preu/images/actionicon_delete_thumb_22988.png)top left  no-repeat;
}

a.icon-delete-builder:hover div,
a.icon-delete-builder:focus div,
a.icon-delete-builder:active div
{
    background:url(preu/images/actionicon_delete.png) top left -23px no-repeat;
    color:transparent;
}

.reviewEcgExperience .ReviewRequestBox .ECGtable #ecg-table_wrapper #ecg-table #ecg-experience-list .icon-delete-builder:hover div,
.reviewEcgExperience .ReviewRequestBox .ECGtable #ecg-table_wrapper #ecg-table #ecg-experience-list .icon-delete-builder:focus div,
.reviewEcgExperience .ReviewRequestBox .ECGtable #ecg-table_wrapper #ecg-table #ecg-experience-list .icon-delete-builder:active div,
#pdb-dashboard-main-div #ecgExperienceTable a.icon-delete-builder:hover div,
#pdb-dashboard-main-div #ecgExperienceTable a.icon-delete-builder:focus div,
#pdb-dashboard-main-div #ecgExperienceTable a.icon-delete-builder:active div
{
    background: url(preu/images/actionicon_delete_thumb_22988.png)top left -23px no-repeat;
}

.icon-add-builder div,
a.icon-add-builder:link div,
a.icon-add-builder:visited div
{
    content:'';
    width:23px;
    height:26px;
    background:url(preu/images/actionicon_add.png) top left no-repeat;
    display: block;
    overflow: none;
    vertical-align: middle;
    color:transparent;
}

a.icon-add-builder:hover div,
a.icon-add-builder:focus div,
a.icon-add-builder:active div
{
    background:url(preu/images/actionicon_add.png) top left -23px no-repeat;
    color:transparent;
}


	.ecg-settings .containerborder {
		border: 1px solid #333;
		padding: 5px;
	}
	
	.ecg-settings .genborder {
		border: 1px solid #333;
		margin: 10px 0;
	}
	
	.ecg-settings .emailRadioBtn {
		height:15px;
		width:15px;
	}
	
	.ecg-settings .settingsTitle {
		margin-left:15px;
		margin-bottom:10px;	
	}
	
	.ecg-settings .inline{
		display:inline-block;
        text-align: right;
	}
	
	.ecg-settings .days-input{
		width:20%;
	}
	
	.ecg-settings .roleTitle{
		width:155px;
		vertical-align:top;
	}
	
	.ecg-settings .custom-form {
		margin-top: 5px;
	    display: block;
	    vertical-align: middle;
	    width: 100%;
	    border-radius: 5px;
	    border: 1px solid #ccc;
	    background: #fff;
	    overflow: auto;
	    padding: 7px 15px;
	    margin-bottom: 5px;
	    color: #333;
	    font-size: 16px;
	    line-height: 19px;
	    min-height: 50px;
	}
	
	.ecg-settings .dataTables_wrapper .dataTables_filter {
	    float: left !important;
	}
	
	#ecg-settings input[type="radio"]
	{
	    display:none;
	}

	#ecg-settings input[type="radio"] + label span{
	    width: 25px;
	    height: 25px;
	    background: url(preu/images/Radio_Btn_PreU.png) left top no-repeat;
	    display: inline-block;
	    margin: 0px;
	    vertical-align: middle;
	    cursor: pointer;
	}
	#ecg-settings input[type="radio"]:checked + label span{
	    background: url(preu/images/Radio_Btn_PreU.png) -25px top no-repeat;
	}
	
	#ecg-settings .radio-inline .Title {
		font-weight:bold;
	}

    #ecg-settings .emailSettings{
        padding-right: 10px;
    }

    #ecg-settings .ecgRserveSettings{
        padding-left: 10px;
    }

.ecgRserveSettings .dataTables_filter label{
    color: #606060;
    font-size: 16px;
}

.ecgRserveSettings div.dataTables_wrapper div.dataTables_filter input{
     margin-top: 5px;
     vertical-align: middle;
     width: 100%;
     border-radius: 5px;
     border: 1px solid #ccc;
     background: #fff;
     overflow: auto;
     padding: 7px 15px;
     margin-bottom: 5px;
     color: #333;
     font-size: 16px;
     line-height: 19px;
     min-height: 50px;
 }


/* ECG END*/


/*Portal Management Begin*/

.portal-management .containerborder {
    border: 1px solid #333;
    padding: 5px;
    margin: 15px;
    min-height: 182px;
}

.portal-management .genborder {
    border: 1px solid #333;
    margin: 10px 5px;
}

.portal-management .emailRadioBtn {
    height:15px;
    width:15px;
}

.portal-management .settingsTitle {
    margin-left:5px;
    margin-bottom:10px;
}

.portal-management .inline{
    display:inline-block;
}

.portal-management .dayPeriods{
    width:20%;
}

.portal-management .roleTitle{
    width:155px;
    vertical-align:top;
}

.portal-management .custom-form {
    margin-top: 5px;
    display: block;
    vertical-align: middle;
    width: 90px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    overflow: auto;
    padding: 7px 15px;
    margin-bottom: 5px;
    color: #333;
    font-size: 16px;
    line-height: 19px;
    min-height: 50px;
}

.portal-management .dataTables_wrapper .dataTables_filter {
    float: left !important;
}

#portal-management input[type="radio"]
{
    display:none;
}

#portal-management input[type="radio"] + label span{
    width: 25px;
    height: 25px;
    background: url(preu/images/Radio_Btn_PreU.png) left top no-repeat;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
    cursor: pointer;
}
#portal-management input[type="radio"]:checked + label span{
    background: url(preu/images/Radio_Btn_PreU.png) -25px top no-repeat;
}

#portal-management .radio-inline .Title {
    /*font-weight:bold;*/
    font-family: "Source Sans Pro";
    margin-bottom: 0;
    font-size: 15px;
    color: #333333;
}
#portal-management .containerborder .radio-inline, .checkbox-inline{
    margin-top: 20px;
}

/*Portal Management End*/

/* SPU-668 */
@media (max-width: 800px){
    .resume_mandatory_label{
        top: 50px;
    }
}
/* SPU-668 */

/* SPU-596 SPU-41 */
.compare-assessment-selector .card {
    width: 350px;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0px;
    display: inline-block;
    margin-right: 15px;
    text-align: left;
}

.compare-assessment-selector .card .title {
    color: #333;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 25px;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
}

.compare-assessment-selector .section {
    padding: 19px;
}

.compare-assessment-selector .section.description{
    padding: 0px;
}
.compare-assessment-selector .OccupationRow {
    padding-top:10px;
    padding-bottom:10px;
}

.compare-assessment-selector .OccupationStatus {
    background-image: url(preu/images/Overview_icon_selected.png);
    height: 22px;
    width: 22px;
    padding: 0px;
}
.Compare_Assessment_font{
    font-size: 15px;
    font-weight: bold;
    font-family: "Source Sans Pro Bold";
}

#bottom-content-container .riasec_ST{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Matching_RIASEC_S.png) left top no-repeat;
    cursor: pointer;
}

#bottom-content-container .riasec_AT{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Matching_RIASEC_A.png) left top no-repeat;
    cursor: pointer;
}

#bottom-content-container .riasec_RT{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Matching_RIASEC_R.png) left top no-repeat;
    cursor: pointer;
}

#bottom-content-container .riasec_IT{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Matching_RIASEC_I.png) left top no-repeat;
    cursor: pointer;
}

#bottom-content-container .riasec_ET{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Matching_RIASEC_E.png) left top no-repeat;
    cursor: pointer;
}

#bottom-content-container .riasec_CT{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Matching_RIASEC_C.png) left top no-repeat;
    cursor: pointer;
}

#bottom-content-container .riasec_A{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Matching_RIASEC_A.png) -20px top no-repeat;
    cursor: pointer;
}

#bottom-content-container .riasec_R{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Matching_RIASEC_R.png) -20px top no-repeat;
    cursor: pointer;
}

#bottom-content-container .riasec_I{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Matching_RIASEC_I.png) -20px top no-repeat;
    cursor: pointer;
}

#bottom-content-container .riasec_E{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Matching_RIASEC_E.png) -20px top no-repeat;
    cursor: pointer;
}

#bottom-content-container .riasec_C{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Matching_RIASEC_C.png) -20px top no-repeat;
    cursor: pointer;
}

#bottom-content-container .riasec_S{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Matching_RIASEC_S.png) -20px top no-repeat;
    cursor: pointer;
}

@media (max-width: 991px){
    #riasecMatchingOccupationContainer #bottom-content-container ul.subbullet{padding-left: 0px;margin-left: -19px;}
}


#WhichAssessmentShouldITake_container .card .title .icon {
    margin-right: 5px;
    margin-top: -12px;
    float: left;
    padding-right:0px;
}

#WhichAssessmentShouldITake_container .textlink {
    color: #e68717;
    font-weight: bold;
    font-family: "Source Sans Pro Bold";
    font-size: 15px;
}

#WhichAssessmentShouldITake_container .textlink:hover,
#WhichAssessmentShouldITake_container .textlink:focus{
	text-decoration: underline;
}

#WhichAssessmentShouldITake_container .content {
    display: block;
}
/* SPU-596 SPU-41 */

.reminderSectionStartDate .nonacademicDateIcon ,
.reminderSectionEndDate .nonacademicDateIcon{
    padding-left: 15px;
    margin-right: -7px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    top: 45px;
}

/* Reports Start */


#AdminReports .ReportBox,#AdminReports .ReportTipBox{
    margin-top:10px;
    margin-bottom:10px;
}

#AdminReports .ReportBox .row,#AdminReports .ReportTipBox .row{
    margin:10px;
    min-height:30px;
}

#AdminReports .ReportBox span{
    font-size:16px;
}

#AdminReports .ReportBox .Title{
    font-size:16px;
    font-weight:bold;
}

#AdminReports .ReportBox span.DataTitle{
    color:red;
    font-weight:normal;
}

#AdminReports .ButtonBox
{
    float:right;
}

#AdminReports .ReportBox .row select{
    font-weight:normal;
    width:100%;
}

#AdminReports .select2-selection {
    background: #9461ae;
    color: #fff;
    font-weight: normal;
}

#AdminReports .heading {
    font-size: 16px;
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 0px;
    font-weight: bold;
}

#AdminReports .item-set span{
    font-size: 16px;
    font-weight: normal;
    color: #fff;
}

#AdminReports button span{
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

#AdminReports .item-set li span{    
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

#AdminReports .BottomBox{
    text-align:center;
}

#AdminReports .datetime i {
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    color: #9461ae;
    top: 45px;
}

#AdminReports .btn.btn-secondary.dropdown-toggle {
    font-size: 16px;
    text-align: left;
    min-width: 180px;
    padding: 10px 25px;
    height: 53px;
}

#AdminReports .multiselect-container input[type="checkbox"],#AdminReports .multiselect-container input[type="checkbox"] {
    display: block;
    visibility: visible;
    opacity: 1;
}

#AdminReports .formheading,#ExportReport .formheading{
    font-size: 19px;
    padding-bottom: 5px;
    color: #333;
    text-align: left;
}

#AdminReports .item-set {
    padding-bottom:15px;
}

#AdminReports .ReportTitle div,#ExportReport .ReportTitle div{
    line-height:48px;
}

#AdminReports .input-group span .multiselect-clear-filter, #AdminReports .form-control.multiselect-search {
    border-width: 0px;
    height: 52px;
}

#AdminReports .form-control.multiselect-search {
	top:1px;
}

#SortByModal .input-group span .multiselect-clear-filter, #SortByModal .form-control.multiselect-search {
    border-width: 0px;
    height: 52px;
}

#SortByModal .form-control.multiselect-search {
	top:1px;
}

#SortByModal .modal-footer {
    text-align: center;
}

#previewReport-table ul.multiselect-container.dropdown-menu
{
    min-width:250px;
}

#previewReport-table .btn-group>.btn.btn-secondary.dropdown-toggle::before
{
    background-image: url(preu/images/icn_sort.png);
    width: 20px;
    height: 20px;
    content: "";
    right: 0px;
    bottom: 0px;
}

#previewReport-table .btn-group>.btn.btn-secondary.dropdown-toggle.filterNoSort::before
{
    background-image: url(preu/images/icn_filter.png);
}

#previewReport-table .btn-group>.btn.btn-secondary.dropdown-toggle.filterASC::before
{
    background-image: url(preu/images/icn_filter_ascending.png);
}

#previewReport-table .btn-group>.btn.btn-secondary.dropdown-toggle.filterDESC::before
{
    background-image: url(preu/images/icn_filter_descending.png);
}

#previewReport-table .btn-group>.btn.btn-secondary.dropdown-toggle.noFilterASC::before
{
    background-image: url(preu/images/icn_sort_ascending.png);
}

#previewReport-table .btn-group>.btn.btn-secondary.dropdown-toggle.noFilterDESC::before
{
    background-image: url(preu/images/icn_sort_descending.png);
}

#previewReport-table .normalASC
{
	float:right;
	height:20px;
	width:20px;
    background-image: url(preu/images/icn_ascending.png);
}

#previewReport-table .normalDESC
{
	float:right;
	height:20px;
	width:20px;
    background-image: url(preu/images/icn_descending.png);
}

#AdminReports #previewReport-table .btn.btn-secondary.dropdown-toggle
{
    overflow: visible !important;
}

#AdminReports input[type="radio"],#ExportReport input[type="radio"]
{
    display:none;
}

#AdminReports input[type="radio"] + label span,#ExportReport input[type="radio"] + label span{
    width: 25px;
    height: 25px;
    background: url(preu/images/Radio_Btn_PreU.png) left top no-repeat;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
    cursor: pointer;
}

#AdminReports input[type="radio"]:checked + label span,#ExportReport input[type="radio"]:checked + label span{
    background: url(preu/images/Radio_Btn_PreU.png) -25px top no-repeat;
}

#AdminReports #ReportSearchBox{
    border: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 50px;
}

#AdminReports .ReportTipText{
    padding:15px;
    font-size:30px;
    font-weight:bold;
}

#AdminReports .ReportTipText .openclose_icon{
    float:right;
}

#AdminReports #report-table_paginate{
	float:right;
}

#AdminReports input[type="radio"]:disabled + label span,#ExportReport input[type="radio"]:disabled + label span{
	background: url(preu/images/Radio_Btn_Disabled_Sec_PreU.png) left top no-repeat;
    cursor: not-allowed;
}

#AdminReports th button span{
    font-weight: bold;
    color: #333;
}

#AdminReports th .btn.btn-secondary.dropdown-toggle{
    min-width: inherit;
    background-color: #fff !important;
    padding: 0px;
    height: 100%;
}

#ExportReport .modal-dialog .modal-footer{
    text-align: center;
}

#ExportReport .modal-dialog input[type="checkbox"] + label span{
    width: 25px;
    height: 25px;
    background: url(preu/images/Check_Box_PreU.png) left top no-repeat;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
    cursor: pointer;
}

#ExportReport .modal-dialog input[type="checkbox"]:checked + label span{
    background: url(preu/images/Check_Box_PreU.png) -25px top no-repeat;
}

#AdminReports input[type="checkbox"] + label span{
    width: 25px;
    height: 25px;
    background: url(preu/images/Check_Box_PreU.png) left top no-repeat;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
    cursor: pointer;
}

#AdminReports input[type="checkbox"]:checked + label span{
    background: url(preu/images/Check_Box_PreU.png) -25px top no-repeat;
}


#ExportReport .GroupBox .Title{
    font-size: 17px;
    padding-top: 15px;
}

#ExportReport .GroupBox .btn-group,#ExportReport .GroupFirst,#ExportReport .GroupSecond,#ExportReport .GroupThird{
    margin-bottom: 10px;
}

#ExportReport .formheading{
    padding-bottom: 15px;	
}

#ExportReport .ChartAndGroup .formheading{
    padding-top: 30px;
}

#ExportReport img {
    padding-left: 15px;
}

#GenerateButton.ctabtn{
    margin-top: 30px;
}

#previewReport-table.table>thead>tr>th {
	font-size:14px;
    vertical-align: top;
    padding: 5px;
}

#AdminReports .multiselect-item.multiselect-group label{
	color:#333;
    display: -webkit-inline-box;
}

/* #AdminReports .multiselect-item.multiselect-group label b{
    padding-left: 7px;
} */

#ExportReport .CSVMessage{
	margin-top:30px;
}

#ExportReport .CSVMessage i{
	font-size:12px
}

#PreviewReport .table{
    margin-bottom: 10px;
}

#AdminReports select[name=ReportName]+.btn-group .multiselect-item.multiselect-group a{
	padding-left:20px;
}

/* Reports End */

/* Reflction Start */

#AdminReflection .formheading {
    font-size: 19px;
    padding-bottom: 5px;
    color: #333;
    text-align: left;
}

#AdminReflection .GoalSettingTableData table{
    width:100%;
    text-align:center;
}

#AdminReflection .form-control {
    margin-top: 5px;
    display: block;
    vertical-align: middle;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    overflow: auto;
    padding: 7px 15px;
    margin-bottom: 5px;
    color: #333;
    font-size: 16px;
    line-height: 19px;
    min-height: 50px;
}

#AdminReflection .btn.btn-secondary {
    background: #9461ae;
    color: #fff;
    font-weight: normal;
}

#AdminReflection .ReflectionBox .row{
    margin:10px;
}

#AdminReflection .BottomBox{
    margin:10px;
    text-align:center;
}

#AdminReflection .GoalSettingTitle{
    margin:10px;
    text-align:center;
}

#SortByModal .sort1,#SortByModal .sort2,#SortByModal .sort3{
    padding-bottom: 5px;
}

#SortByModal .sort1 .formheading,#SortByModal .sort2 .formheading,#SortByModal .sort3 .formheading{
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Reflction End */

#Successtories_id .slick-single .successstories_prevnextpanel {
    /*position: absolute;*/
    bottom: 30px;
}
@media(min-width:992px){
    #Successtories_id .slick-single .successstories_prevnextpanel{
        position: absolute;
    }
}


/*.container.successstories_container#Successtories_id,
.container.featuredarticle_container {
    padding: 0px 30px;
}*/


.container.successstories_container#Successtories_id .fancy span:before,
.container.successstories_container#Successtories_id .fancy span:after {
    width: 360px;
}

/* SPU-596 */

#create-new-goal-template .table tbody>tr>td.DelectTableBorder,#create-new-goal-template .table thead>tr>th.DelectTableBorder,
#create-new-goal-template .fixed-table-container,#create-new-goal-template .goal_tempalte_table
{
    border:none;
}

#create-new-goal-template .table thead>tr>th.MinTableHeadTh
{
    border:none;
    width:40px
}

/* SPU-596 END */

.nonAcademicDeleteItemBtn{
    float: left;
    margin-top: 35px;
}


.new_goal_container #GettingStarted_container_Goal .left-col h2 {
    color: #ffbd00;
    font-size: 30px;
    font-weight: bold;
    color: #333333;
}


.goal_section_title_percentage{
    color: #333333;
    padding: 4px 0;
    font-size: 19px;
    padding-left: 11px;
}

#GettingStarted_container_Goal .mid-col .ctabox{
    text-align: center;
}

.industrialLandscapeProfileComponentContainer .collapse,#pseiDetailDropDownContainer .collapsible{
    word-wrap: break-word;
    word-break: normal;
}

input.es-input {
    padding-right: 20px !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAH2CAMAAACP7HSRAAADAFBMVEX39/eJWqKIWqGOYqajf7apiLq+pcvNutbazuHw7fKVbKywksDo4uyJWqObdbDFsNGNYqaKW6OKW6SMXKWLXKWMXKaNXafTxNyOXai2m8SOXqmPXqni2OeQX6uQX6qRX6uRYKySYK2TYa63m8WPYqejf7eWbKywk8G/psyPY6jMutaddrKXba7p4+2ylMKYbq/x7vPbzuLNu9fAps2rir2lgbqZbrDk2Ov///+1k8iuicPy7PXXxOG8nc2hdbjDp9L59vqaa7PJsNaab7GmgrutjMDBqM7Ou9jcz+ObcLG1lsXPvNmbcLLCqM/q5O6ieriVZq3DqdC1l8adcbPXx+CphL6WZ669oMyje7mWaK/l2+qXaLCke7q+oc3YyOGqhb+fc7bFq9K4mcmYabGlfLvRvturhsCxj8Te0eUAAAAAAAAAAAAATwBjDc0M5AIQAAZ1oEgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAChuuB8KACoCXAJcH8AAGTvzABxABl3XXqfAAB/qACwCXAJcH8AAAAAAAAAAAAAAAAAAAB8KAAJCXAACQAAAAm64AD0AKEAGe9deZ0AAHcAAAAAAABbjFn//3dw//8AGfAZ8DQAAAAAAAAAAAAZGgOm+s2odZUAGfCVpxkAAHUAAAAAAAAAAACnRMA2dZV3XZcAAGAAAAAFAAAAAAAAAIAAgABwwBAAAAUAAAAAAAACAAAAAAAAAAAAUgCwAFQJcH8AAAAAAACwAAAJcH8AAADwjABxABl3XXoAAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAZ8EAAQAAAAAAAAAAZ8Jjv6AC0CembmUWlAAAAAWJLR0Q4oAel1gAAAAlwSFlzAAAk6QAAJOkBUCTn+AAABS9JREFUeNrt2QlfW0UUxuEREKSNVVwKFiEkbrVajWskNwkl7lbjvrYqVKl+/0/g3ebmJmSZm86ZU3/8zxeYh/cM901ujNGeR/zNSjKra2uPrm88tqkBGJNcurxRUwMUiHUHw+OeZwJx5YnNwIBJyMqTC2LYEpmyYmXl8jzCUyIzUmSG9dmLeNrrPJNPobCGSxuzAM/6npFkZEgIazP2cFVgrMMaMsLq9lTAjs+ZUIwMGeG5aYBrvqdMKQw54cqUu7grMLmjMFhCLHj+HGDP0+yXJ1dkhoKQhLB6TlD3NxOcFJEaUkIewjnBga85Z8kNlmBDmBQciMwIkcaQEIoQVscfCA2BKSNSQpZCEkIiGP9faEhNbigR8hBiQRnQFJhxQ0qwe8gELwgDSooSoSzYDgCwBkvIQsgFL9aCAHJDQkgEuyXBS6EAlhCHkK8hF2wHA6SEYg2F4OXNcAAbwrhgPSDAhlAWbG3VQgKKNZQErwQFTBPUggImtpBcg+thAQnBCrIIXt0MDMgFoyXcCA8oCWLAa6EBqcBexCSCWmhAcQ3yJVwPDihfgxjwenhA0y4hi+CmCqAUwY3wgJEgieANBUC6BBvBm0qAg+IWtBQAYxG8pQQoInhbA1BEEAPeUQPU99IdvKsFsDt4TwVQ2oEyYOfq+2qARJB0og7ARqAOiCO4wICD7EmgCtjXAzSLR5EawD6KLjxgBwAAAIqArAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMDDA2h/sPS0vQAOlwd0/KwgWvb8rqc70FsW0Pd1CaOAAUwFHC11/q2+N8DxrWUAA4/PgcEyARx7BCwTwcDrk7Bb+fzo2CugXxnQ89wFVSOIfJdRP1QAM9uwLd5CCwAd8RZa9HmgHSaA2YDDMAHM+UQUCbfQQkBPtoYdPhNGIQKYBzgSrWEHgGMlDZpSALdWXraGXQBOETxgAPO/mHQFa9gJ0JdsIaevZl25GnYD9MUDWPTltC3XQm6AjlwLOX49bwsHsBBwKBzA4hcUkVQLuQJ6QjXs/oomEg3AAXAkU8PugFmVNGgGAsxo5Qet4QqA6RF4CsDpPWFXooarAPoiLVTlTWlXoIYrAfpyATi+K24LtFAlQEeghaq9LW9LBeAKOJQKwPn3gsh7C1UE9HzXcOVfTCKZANwBR55ruDKgqKRBUwdgW9lXDVcH5BF4DqDKz3ZdrzW8BKDvt4WqA5IIoqYmoC8QQLWfbtvtpi6g01EGSAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAR9qAz668ICPFQH1vf3da59oAz7VBnymDWgpAz43yoAvtAG3tQE3lQFfGj1A8iDc/0oNkD2J94fKgK+NJiAO4LYy4JuWMuBbowbIrsBQFVDf+84oA4Z6gHQD2Q1QA9S/bykDfjB6gGQDPxpdwE9DRUASQLEAJcDPRhEQn/+LUQQk57d0Ab8OjSIgPv83owhoNO5MnG+0zzdhz787NKqAuy2jCWj8bowioHHnD6MJaPw5NJqAk+l/fjDAactoAu4NjdED/HU673hxwN9nLWPUACcL/nhRwMm9M4fTBQAn9+//c3r2b8v8X+Y/t3mmcTxZqf4AAAAASUVORK5CYII=) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: 13px auto!important;
}


#takeAssessmentContainer #GettingStarted_container {
    min-height: 820px;
}

@media (min-width: 992px) {
    #takeAssessmentContainer #GettingStarted_container .left-col,
    #takeAssessmentContainer #GettingStarted_container .right-col {
        min-height: 920px;
    }
}

@media (min-width: 768px) and (max-width:991px){
    #takeAssessmentContainer #GettingStarted_container .right-col{
        min-height:900px;
    }
}

#main-nav .navbar-secondary > li:first-child > a {
    font-family: "Source Sans Pro Bold";
    color: #333333;
    font-size: 16px;
    /*padding-left: 20px;*/
    padding-left: 10px;
    margin-left: 0px;
}

#main-nav .navbar-tertiary > li > a.btn-circle {
    margin-left:0px;
}



/*new goal ui*/
@media (min-width: 992px){
    #GettingStarted_container_Goal .goal-new-left-col {
        width: 20% !important;
    }

    #GettingStarted_container_Goal .goal-right-col-content {
        width: 80% !important;
        float: left;
    }

    #GettingStarted_container_Goal .goal-right-col-content  .mid-col{
        width: 100% !important;
    }

    #GettingStarted_container_Goal .goal-new-left-col .goal-left-col-title .goal_section_title{
        padding-right: 0px;
        padding-top: 0px;
        margin-top: 0px;
        font-size: 24px;
    }

    #GettingStarted_container_Goal .goal-new-left-col .goal-left-col-title .goal_section_title_percentage{
        width: 100%;
        text-align: right;
        font-size: 24px;
    }

    #GettingStarted_container_Goal .goal-new-left-col .section_box{
        text-align: right !important;
    }

    #GettingStarted_container_Goal .left-col.goal-new-left-col{
        padding-right: 25px;
        padding-top: 25px;
    }
    #GettingStarted_container_Goal .goal-right-col-content{
        padding-top: 25px;
    }
}

@media (max-width: 991px){
    #GettingStarted_container_Goal .mid-col {
        width: 100% !important;
    }

    #GettingStarted_container_Goal .goal-new-left-col .goal-left-col-title .goal_section_title_percentage{
        width: 100%;
        text-align: left;
        font-size: 24px;
        padding-left: 20px !important;
    }

    #GettingStarted_container_Goal .goal-new-left-col .section_box{
        margin-left: 20px !important;
    }
}

@media (max-width: 767px) and (min-width: 481px){
    #GettingStarted_container_Goal .goal-new-left-col .section_box ul{
        -webkit-column-count: 1 !important;
        -moz-column-count: 1 !important;
        column-count: 1 !important;
    }
}

#StudentQuiz .QuizQuestion{
    font-size:19px;
    font-weight:bold;
    color:#333333;
}

#StudentQuiz .QuizBody{
    text-align:center;
}

#StudentQuiz input[type="radio"]
{
    display:none;
}

#StudentQuiz input[type="checkbox"] + label span {
    display: inline-block;
    width: 25px;
    height: 26px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Check_Box_PreU.png) left top no-repeat;
    cursor: pointer;
}

#StudentQuiz input[type="checkbox"]:checked + label span {
    background: url(preu/images/Check_Box_PreU.png) -25px top no-repeat;
    width: 25px;
}

#StudentQuiz input[type="radio"] + label span{
    width: 25px;
    height: 25px;
    background: url(preu/images/Radio_Btn_PreU.png) left top no-repeat;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
    cursor: pointer;
}

#StudentQuiz input[type="radio"]:checked + label span{
    background: url(preu/images/Radio_Btn_PreU.png) -25px top no-repeat;
}

#StudentQuiz .AnswerBody{
    margin-top:30px;
    margin-bottom:40px;
    text-align:left;
}

#StudentQuiz .AnswerBody div{
    margin-top:10px;
    margin-bottom:10px;
    text-align:left;
}

#StudentQuiz .AnswerBody label{
    float: left;
}

#StudentQuiz .AnswerBody span.AnswerText{
    font-size:16px;
    color:#333333;
}

#StudentQuiz .ResponseText{
    font-size:16px;
    color:#333333;
}

#StudentQuiz .AnswerStatus{
    margin-bottom:20px;
    margin-top:18px;
}

#StudentQuiz .AnswerStatus span{
    font-size:22px;
    font-weight:bold;
    color:#5aacb4;
}

#StudentQuiz .QuizBody div{
    padding:0px;
}

#StudentQuiz .QuizBody .ResultTitle{
    font-size: 50px;
    color: #5aacb4;
}

#StudentQuiz .QuizBody .ResultScore{
    font-size:30px;
    font-weight:bold;
    color: #5aacb4;
}

#StudentQuiz .QuizBody .ResultBody{
    font-size:20px;
    margin-top:30px;
    margin-bottom:30px;
}

#QuizResult .QuizResultUl .row{
    margin:0px;
}

#QuizResult .QuizResultUl li{
    margin-bottom: 5px;
    font-size: 16px;
    color: #333;
    word-break: normal;
    list-style-image: url(preu/images/JobRoleComparison_icon_circle.png);
}

#QuizResult .QuizResultUl .ResultTitle{
    font-size:20px;
    font-weight:bold;
}

#QuizResult .QuizResultUl  .ResultScore{
    font-size:18px;
    font-weight:bold;
    color: #5aacb4;
}

#QuizResult .QuizResultUl  .ResultBody{
    font-size:16px;
}

#QuizResult .modal-dialog{
    width:60%;
}

#QuizResult .modal-dialog, #QuizResult .modal-dialog .modal-content{
    border-radius:6px;
}

#QuizResult .ResultBox{
    margin-top:30px;
    margin-bottom:30px;
}

#QuizResult .BottomBox{
    margin-left:20px;
}

#QuizResult .BottomDotted{
    border-bottom-width: 1px;
    border-bottom-style: dashed;
}

#QuizResult .modal-header{
    background-color: #412B87;
}

#QuizResult .modal-header .modal-title{
    font-family: "Gotham Runded Bold";
    font-size: 22px;
    color: #ffffff;
}

#QuizResult .modal-header .modal-title,#QuizResult .modal-header .close{
    margin-top: 2px;
    opacity: 1;
    color: white;
}

/* SPU-3021 */
#ecg-table tbody td a{	
    word-break: break-word;
}

/* SPU-3021 End*/

.modal-header{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#GettingStarted_container_Goal{
    padding: 0px;
}

.category_listing_stu .My_Favourites_page{
    margin-top: -40px !important;
}

.educpBox{
    width: 100%;
    overflow-x: scroll;
    -ms-overflow-style: none;
    /*margin-bottom: -70px;*/
}
.educpBox::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color:transparent;
}

.educpBox::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}

.educpBox::-webkit-scrollbar-thumb {
    background-color:transparent;
    border-radius:20%;
}


.educpBox::-webkit-scrollbar-track {
    background-color:transparent;
    box-shadow: none;
}

#ecg-experience-create-form-main-div .target_group input[type="checkbox"]:checked:disabled + label span{
    background: url(preu/images/Check_Box_Disabled_Sec_PreU.png) -25px top no-repeat  !important;
    width: 25px;
}

#ecg-experience-create-form-main-div .target_group input[type="checkbox"]:disabled + label span {
    width: 25px;
    background: url(preu/images/Check_Box_Disabled_Sec_PreU.png) left top no-repeat !important;
}

.prepare4work_overflow{
    margin-left: 15px;
    margin-right: 15px;
}
.msf_preu_overviewpage .overview_page_my_eportfolio #portfolio .info-card a.btn-yellow{
    background-color: transparent !important;
    border: 1px solid !important;
}
.msf_preu_overviewpage .overview_page_my_eportfolio #portfolio .info-card a.btn-yellow:hover,
.msf_preu_overviewpage .overview_page_my_eportfolio #portfolio .info-card a.btn-yellow:focus
{
    background-color: #412B87 !important;
}
.user_sat_overflow{
    overflow-x: auto;
    -ms-overflow-style: none;
}
.user_sat_overflow::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.user_sat_overflow::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(152, 147, 147, 0.5);;
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.overview-goal-info-container::-webkit-scrollbar,
.prepare4work_overflow::-webkit-scrollbar,
.educpBox::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background-color:transparent;
}
.overview-goal-info-container::-webkit-scrollbar-button,
.prepare4work_overflow::-webkit-scrollbar-button,
.educpBox::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}
.overview-goal-info-container::-webkit-scrollbar-thumb,
.prepare4work_overflow::-webkit-scrollbar-thumb,
.educpBox::-webkit-scrollbar-thumb {
    background-color:transparent;
    border-radius:20%;
}
.overview-goal-info-container::-webkit-scrollbar-track,
.prepare4work_overflow::-webkit-scrollbar-track,
.educpBox::-webkit-scrollbar-track {
    background-color:transparent;
    box-shadow: none;
}
/*ILPPROD-3597 start */
.resetPasswordMessage p {
    color: #000000;
}
#accountList td.AcademicLevelTd {
    width: 13%;
}
#accountList td.NameTd{
    width:10%;
}
.form-group.row.resetPasswordMessage{
    padding-right: 35px;
}
.modalMessage.randomMessage p,a.ctabtn.resetPasswordOkButton {
    margin-top: 0px;
}
.row.modal-footer.resetPasswordOkMessage{
    margin-top: -15px;
}
.resetPwdAcademicLevel .resetPwdClassName{
border-radius:4px;
}
.reset_Password_Unlock_Account_filter .col-md-6.col-sm-6.col-xs-12{
    padding-left: 0px;
}
.accountTable{
    width: 100%;
    overflow-y: auto;
    overflow-x: auto;
    margin: 0 0 1em;
}
.NricInput{
    height:50px;
}
.NricInput .form-control{
    height: 100%;
}
@media (min-width: 400px){
    .reset_Password_Unlock_Account_filter .col-md-6.col-sm-6.col-xs-12 {
        padding-bottom: 20px;
    }
}
.reset_Password_Unlock_Account_filter .resetPwdAcademicLevel,.reset_Password_Unlock_Account_filter .resetPwdClassName{
    border-radius:4px;
}
.ReviewRequestBox .accountTable input[type="checkbox"] + label span {
    display: inline-block;
    width: 25px;
    height: 26px;
    margin: 0px;
    vertical-align: middle;
    background: url(preu/images/Check_Box_PreU.png) left top no-repeat;
    cursor: pointer;
}
.ReviewRequestBox .accountTable input[type="checkbox"]:checked + label span {
    background: url(preu/images/Check_Box_PreU.png) -25px top no-repeat;
    width: 25px;
}
/*ILPPROD-3597 end */

.edupathwayDetailNormal ul.nav.nav-tabs{
    border:none;
    border-bottom: 1px solid #ddd;
    border-radius: 0px;
}
.edupathwayFSBBDetailNormal ul.nav.nav-tabs{
    border:none;
    border-bottom: 1px solid #ddd;
    border-radius: 0px;
}
.edupathwayDetailNormal .nav-tabs > li{
    float: left;
    margin-bottom: -1px;
    width:auto;
}
.edupathwayFSBBDetailNormal .nav-tabs > li{
    float: left;
    margin-bottom: -1px;
    width:auto;
}
.edupathwayDetailNormal .nav-tabs>li>a{
    margin-right: 2px!important;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0!important;
    border-top: none!important;
    width:auto;
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.edupathwayFSBBDetailNormal .nav-tabs>li>a{
    margin-right: 2px!important;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0!important;
    border-top: none!important;
    width:auto;
    padding-left: 15px!important;
    padding-right: 15px!important;
}

/*custom dropdown list arrow*/
#feedback-form-page select::-ms-expand,
#occupation-directory-container #SearchResultsList_Container_main select::-ms-expand,
#schoolSearchDirectoryContainer #SearchResultsList_Container_main select::-ms-expand,
.course_directory_pm #SearchResultsList_Container_main select::-ms-expand,
.calendar_events_search #SearchResultsList_Container_main select::-ms-expand,

select#Year::-ms-expand, select#admin_goalSetting_filter_academic::-ms-expand,
select#admin_goalSetting_filter_status::-ms-expand,select#goalSettingListSelect::-ms-expand,
#notifiedModal .input-group-btn.notifyDrowpdownIcon select::-ms-expand,
#resultJobRolePanel select::-ms-expand,
#accessCodeAcademicLevelSelect select::-ms-expand,
.reset_Password_Unlock_Account_filter select::-ms-expand
{
    display: none !important;
}
#feedback-form-page select,
#occupation-directory-container #SearchResultsList_Container_main select,
#schoolSearchDirectoryContainer #SearchResultsList_Container_main select,
.course_directory_pm #SearchResultsList_Container_main select,
.calendar_events_search #SearchResultsList_Container_main select,select#Year,
select#admin_goalSetting_filter_academic,select#admin_goalSetting_filter_status,select#goalSettingListSelect,
#notifiedModal .input-group-btn.notifyDrowpdownIcon select,
#resultJobRolePanel select,
#accessCodeAcademicLevelSelect select,
.reset_Password_Unlock_Account_filter select{
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance:none;
    background: url(preu/images/MyGoalsGeneral_arrowdown.png) center right 10px no-repeat #412B87 !important;
}

#feedback-form-page .input-group-btn::before,
#occupation-directory-container #SearchResultsList_Container_main .input-group-btn::before,
#schoolSearchDirectoryContainer #SearchResultsList_Container_main .input-group-btn::before,
.course_directory_pm #SearchResultsList_Container_main .input-group-btn::before,
.calendar_events_search #SearchResultsList_Container_main .input-group-btn::before{
    font-family: 'Glyphicons Halflings' !important;
    font-size: 12px !important;
    color: #fff !important;
    position: absolute !important;
    right: 10px !important;
    padding-top: 17px !important;
    z-index: 999 !important;
    display: inline-block;
}

#feedback-form-page .input-group-btn::before{
    padding-top: 25px !important;
}
/*end of dropdown arrow*/

#declaredConsentModel input[type="checkbox"]:checked + label{
    color: #000;
}

a:hover,
a:focus,
a:active
{
    border: none;
    outline:0;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 0;
}

.preu_landing #know-yourself {
    background-size: auto;
}
@media(max-width: 768px){
    .preu_landing #know-yourself {
        background-position: left -150px top, right -150px top;
    }
}

.preu_landing .info-card .statistic {
    padding-bottom:10px;
}

.preu_landing .info-card .statistic .header-title{
    padding:0;
    margin:0;
}

.preu_landing .info-card .statistic .header-title .title h5{
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 20px;
    color: #333333;
    padding-top:10px; 
    padding-bottom:25px;
}

.preu_landing .info-card .statistic .category .subheader{
    font-family: "Source Sans Pro Bold";
    font-weight: 300;
    font-size: 15px;
    color: #333333;
    padding-bottom:8px;
}

.preu_landing .info-card .statistic .category{
    font-family: "Source Sans Pro";
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

.preu_landing .info-card .statistic .category:last-of-type{
    border-bottom: 0px;
    margin-bottom: 0px;
}

.preu_landing .info-card .statistic .category ul{
    margin-bottom:0px;
    padding-left:0px;
    list-style-type:none;
}

.preu_landing .info-card .statistic .category ul li{
    padding-bottom:0;
    font-size:15px;
    display:table
}

.preu_landing .info-card .statistic .category ul li:last-of-type{
    padding-bottom:10px;
}

.preu_landing .info-card .statistic .category ul li::before {
    color: #2A51FE;
    font-size:25px;
    content: '\2022 ';
    padding-right: 0.5em;
    background-image: none;
    display:table-cell;

}

.columncontrol .container .columncontrol .title_image_desc_button .title-image-desc-button-center .contentbox h2 a{
    font-family: "Gotham Runded Bold";
    font-weight: 300;
}

/*student portal help start*/
.student_faq_page{
    margin-top: -30px;
    padding: 20px;
}
.student_faq_video .slick-dots li button:before{
    color: #412B87;
}
.student_faq_video .slick-dots li.slick-active button:before {
    color: #e68717;
}
.student_portal_jumbo_container #jumbo_container {
    height: auto;
    background-image:none;
}
.student_faq_page b,
.student_faq_page strong{
    font-weight: 700;
}

.student_faq_video #student_faq_video_faqvideo .info-card figcaption{
    padding-left: 0px !important;
}

.student_faq_page #accordion_accordion .panel{
    /*border-bottom: 0px !important;*/
}

.student_faq_page .student_portal_jumbo_container #jumbo_container {
    height: auto;
}
.student_faq_page p{
    white-space: normal;
}

.student_faq_page a:visited,
.student_faq_page a:active,
.student_faq_page a:hover,
.student_faq_page a:focus
{
    color: #2A51FE;
}
/*.student_faq_page .help_dropdown_menu_icon{
    font-weight: bold;
    font-family: cursive;
    font-size: 21px;
    color: #fff;
    position: absolute ;
    right: 16px;
    top: 8px;
}*/
.page-header ul.breadcrumb > li {
    display: inline;
}
.page-header ul.breadcrumb > li + li:before {
    padding: 0;
}

.theme1 .student_portal_jumbo_container #jumbo_container {
    background-color: #ffffff;
}
.student_portal_jumbo_container #jumbo_container .formbox{

}
@media (max-width: 390px) {
    .student_portal_jumbo_container #jumbo_container .question_dropdown_button .help_dropdown_menu_contant {
        display: inline-block;
    	margin-right: 25px;
    }
    .student_faq_page .accordion .openclose_icon {
        right: 5px !important;
    }
}
.student_portal_jumbo_container #jumbo_container .question_dropdown_button .help_dropdown_menu_icon{
    display: none;
}

.student_portal_jumbo_container #jumbo_container .question_dropdown_button::before{
    font-family: 'Glyphicons Halflings' !important;
    content: url(preu/images/dropdown_icon_white.png);
    font-size: 12px !important;
    color: #fff !important;
    position: absolute !important;
    right: 10px !important;
    padding-top: 5px !important;
    z-index: 999 !important;
    display: inline-block;
}

.student_portal_jumbo_container #jumbo_container .question_dropdown_button{
    border: none;
    border-radius: 5px;
    background: #412B87;
    color: #fff;
    font-weight: normal;
    border: 1px solid #ccc;
    text-align: left;
    min-height: 50px;
    height: 100%;
    padding-right: 30px;
}
.student_portal_jumbo_container #jumbo_container .input-group{
    border:0px;
}
.student_portal_jumbo_container #jumbo_container .dropdown-menu{
    background: #412B87;
}
.theme1 .student_portal_jumbo_container #jumbo_container .dropdown-menu>li>a{
    color:#ffffff;
}
.theme1 .student_portal_jumbo_container #jumbo_container .dropdown-menu>li>a:hover{
    color:#333;
}
.secondaryonecol .student_faq_page .panel.detail_sectioncontent .headerbar a h2
{
    font-size: 20px;
    text-transform: uppercase;
    padding: 30px 0;
    color: #5aacb4;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    font-weight: bold;
}
.secondaryonecol .student_faq_page .detail_sectioncontent .content h2{
    color: #e88a2d;
}
.secondaryonecol .student_faq_page .panel-heading a {
    text-decoration: none;
}

@media(max-width: 767px){
    /* .student_faq_page{
        margin-left: 20px;
    } */
}
@media(min-width: 768px){
    .student_faq_page .container.sectioncontent{
        padding-left: 15px;
    }
}

.student_faq_page .panel.detail_sectioncontent .panel-body h2 {
    color: #333;
    font-size: 20px;
    font-family: "Source Sans Pro Bold";
}
.student_faq_page .panel.detail_sectioncontent .panel-body p {
    color: #333333;
    font-size: 15px;
    font-family: "Source Sans Pro";
    margin-top: 0px;
    margin-bottom: 15px;
    line-height: 22px;
}
.student_faq_page .panel.detail_sectioncontent .panel-body ol.student-ordered-list{
    color: #333333;
    font-size: 15px;
    font-family: "Source Sans Pro Bold";
    line-height: normal;
    /*list-style-type: lower-alpha;*/
}
.student_faq_page .panel.detail_sectioncontent .panel-body ol.student-ordered-list ol > li{
    list-style-type: lower-alpha;
}
.student_faq_page .panel.detail_sectioncontent .panel-body ol.student-ordered-list h3{
    color: #333333;
    font-size: 15px;
    font-family: "Source Sans Pro Bold";
    padding-bottom: 22px;
}
.student_faq_page .panel.detail_sectioncontent .panel-body ol.student-ordered-list span,
.student_faq_page .panel.detail_sectioncontent .panel-body ol.student-ordered-list span p,
.student_faq_page .panel.detail_sectioncontent .panel-body ol.student-ordered-list span ul
{
    color: #333333;
    font-size: 15px;
    font-family: "Source Sans Pro";
    font-weight: normal;
    line-height: 22px;
}
.student_faq_page .panel.detail_sectioncontent .panel-body ol.student-ordered-list span ul li{
    line-height: 22px;
}

.student_faq_page .accordion .accordion_component .detail_sectioncontent .panel-heading  h2 {
    color: #333333;
    font-size: 22px;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    padding-bottom: 0px !important;
    padding-right: 45px;
}

.student_faq_page .accordion.parbase .accordion_component .detail_sectioncontent .panel-body .student_faq_orderedlist{
    padding-bottom: 7px;
    padding-top: 11px;
    margin-top: -40px;
}
.student_faq_page .sectioncontent .detail_sectioncontent .content  h2 {
    color: #333333;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 24px;
    padding-top: 0px;
    margin-top: -5px;
    margin-bottom: 35px;
}
.student_faq_page .sectioncontent h2 {
    padding-top: 8px;
    margin-top: 20px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
    /*margin-right: 40px;*/
}
.student_faq_page .student_portal_jumbo_container #jumbo_container .sectorialinsights_card .industryInsight_hotel_contentHolder .sectioncontent h2{
    font-family: "Source Sans Pro";
    font-weight: normal;
    font-size: 20px;
    color: #333333;
    padding-top: 0px;
    margin-top: 10px;
    padding-bottom: 0px;
    margin-bottom: 10px
}

.student_faq_page .student_faq_guide p{
    font-size: 15px;
    color: #333333;
    font-family: "Source Sans Pro";
    font-weight: normal;
}

.student_faq_guide .sectioncontent .userguide h2,
.student_faq_video #student_faq_video_faqvideo .dragscroll-item h2
{
    color: #333333;
    font-family: "Gotham Runded Bold";
    font-size: 24px;
    font-weight: 300;
}
.student_faq_page .student_portal_jumbo_container #jumbo_container .question_dropdown_button .help_dropdown_menu_contant{
    font-family: "Source Sans Pro Bold";
}
.student_faq_page .student_portal_jumbo_container #jumbo_container .sectorialinsights_card .industryInsight_hotel_contentHolder .sectioncontent p{
    font-size: 15px;
    line-height: normal;
}
.student_faq_page .container.sectioncontent .tabbedcontent #tabbedcontent .tabbox{
    display: none;
}
.student_faq_page .container.sectioncontent .tabbedcontent.parbase #tabbedcontent .tab-content .tab-pane .accordion.parbase{
    padding-bottom: 30px;
}
.student_faq_video .info-card figure .image-wrap {
    width: 60%;
    height: 150px;
    position: relative;
}
.student_faq_video .videoTitle {
    color: #333333;
    font-weight: bold;
}
.student_faq_video .videoDescription {
    font-weight: bold;
}
.student_faq_guide .contenttext li{
    color: #2A51FE;
    font-size: 15px;
    line-height: 19px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 10px;
}
.student_faq_page #jumbo_container .container{
    text-align: left;
}

@media(max-width: 767px){
    .student_faq_page #jumbo_container .container{
        padding-left: 0px;
    }
}
@media(min-width: 992px){
    .student_faq_page #jumbo_container .container{
        padding-left: 15px;
    }
}
.student_faq_page .section_title h2{
    font-size: 19px;
    color: #333;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
}
.student_faq_page .sectorialinsights_card{
    /* padding-left:15px;*/
}
.student_faq_page .sectioncontent #accordion_accordion .panel-group a:hover,
.student_faq_page .sectioncontent #accordion_accordion .panel-group a:focus
{
    text-decoration: none;
}

.student_faq_page .accordion .openclose_icon
{
    margin-top: -47px;
    right: 30px;
    top: auto   ;
    float:right;
    position: absolute;
}
.student_faq_page .accordion .panel
{
    /*margin-bottom: -22px;*/
    margin-bottom: 0px;
    border: 1px solid #ccc;
    border-bottom: 7px solid #8fc448;
    background-color: #ffffff;
    border-radius: 0px;
}
.student_faq_page .accordion .panel-group .panel-heading+.panel-collapse>.panel-body
{
    border-top: 0px solid #ddd;
    margin-top: -20px;
}

.student_faq_page .accordion .accordion_component .detail_sectioncontent .panel-heading a h2::after{
    content: url(preu/images/assessment_icon_plus.png);
    position: absolute;
    right: 43px;
    margin-top: -7px;
}

.student_faq_page .accordion .panel-heading {
    padding: 0px 15px;
}
.student_faq_page .accordion .accordion_component .detail_sectioncontent.accordion1{
    border-radius: 4px;
}
.student_faq_page .accordion .accordion_component .detail_sectioncontent .panel-heading a.collapsed h2::after{
    content: url(preu/images/assessment_icon_plus.png);
    position: absolute;
    right: 43px;
    margin-top: -7px;
}
.student_faq_page .accordion .accordion_component .detail_sectioncontent .panel-heading a h2::after{
    content: url(preu/images/assessment_icon_minors.png);
    position: absolute;
    right: 43px;
    margin-top: -7px;
}
.student_faq_page .student_faq_video{
    display: none;
}
.student_faq_page .sectorialinsights_card
{
    margin-bottom: 17px;
}
.student_faq_page .student_portal_jumbo_container .dropdown-menu
{
    width: 100%;
}
.student_faq_page .student_portal_jumbo_container #jumbo_container .dropdown-menu>li>a:hover {
    color: #ffffff;
    background: #337ab7;
}
.student_faq_page .panel-heading,
.student_faq_page .panel-body
{
    /* padding-left: 37px !important; */
}
.student_faq_guide .contenttext .nopadding
{
    padding-left: 0px;
}
.student_faq_guide .sectioncontent li a{
    color: #2A51FE;
}
.student_faq_guide .sectioncontent .contenttext a:visited,
.student_faq_guide .sectioncontent .contenttext a:active,
.student_faq_guide .sectioncontent .contenttext a:hover,
.student_faq_guide .sectioncontent .contenttext a:focus
{
    color:#2A51FE;
}

.student_faq_page .panel.detail_sectioncontent .panel-body ol.student-ordered-list .student-list-item h3+span > ul:nth-child(1){
    margin-left: -22px;
}

.student_faq_page .student_help_nvg{
    /*padding-left: 34px;*/
    /*position: absolute;*/
    top: 173px;
    font-family: 'Gotham Runded Bold';
    font-size: 40px;
    font-weight: 300;
    line-height: 52px;
    color: #333333;
    padding-bottom: 30px;
    padding-top: 10px;
}

/*.student_faq_page .student_portal_jumbo_container{
    padding-top: 24px;
}*/
.student_faq_page .student_portal_jumbo_container #jumbo_container{
    margin-top: 0px;
}
.student_faq_page .student_portal_jumbo_container .industry_insight_hotel .sectorialinsights_card .industryInsight_hotel_contentHolder .sectioncontent .formbox .input-group{
    width: 45%;
    min-width: 481px;
}
@media(max-width: 550px){
    .student_faq_page .student_portal_jumbo_container .industry_insight_hotel .sectorialinsights_card .industryInsight_hotel_contentHolder .sectioncontent .formbox .input-group{
        width: 100%;
        min-width: auto;
    }
}

    /*student portal help end*/

#interviewskills_container a.ctabtn.reverse,#interviewskills_container a.ctabtn.reverse:link,#interviewskills_container a.ctabtn.reverse:visited {
    color: #fff;
    text-decoration: none;
}

#interviewskills_container .ctabtn.reverse {
    border: 2px solid #fff;
    padding-top: 6px;
    padding-bottom: 10px;
}

#interviewskills_container .ctabox .ctabtn {
    background-color: #e68717;
}

#interviewskills_container .ctabox .ctabtn:hover {
    background-color: #c3670b !important;
}

#interviewskills_container a.ctabtn.reverse:hover,#interviewskills_container a.ctabtn.reverse:focus {
    background: #fff;
    color: #412B87;
    text-decoration: none;
}

#doc_depo_list_my_eportfolio_my_doc_depo .sub_category_item .add-item{
    font-size: 20px;
}

@media(max-width: 420px) {

    .my_eportfolio_my_doc_depo .sub_category_item .CreateUpdateBox {
        text-align: left;
        display: inline-grid;
    }

}

@media(max-width: 500px) {
    .my_eportfolio_my_doc_depo .sub_category_item .CreateUpdateBox {
        text-align: left;
        display: inline-flex;
        padding: 0px!important;
    }
    .my_eportfolio_my_doc_depo .sub_category_item .CreateUpdateBox .add-item-text{
        font-size: 12px;
        text-align: center;
    }
}

#my_reflections_my_eportfolio_page_m #reflections .panel-heading.open_tab_css{
    background-color: #FFFFFF !important;
}
#my_reflections_my_eportfolio_page_m #reflections .panel-heading.open_tab_css a{
    color: #9361ae !important;
}

#my_reflections_my_eportfolio_page_m #reflections .panel-heading::before{
    font-family: 'Glyphicons Halflings';
    content:"";
    font-size: 12px;
    color: #FFFFFF;
    background: url(preu/images/MyGoalsGeneral_arrowdown.png) top 8px left no-repeat;
    position: absolute;
    right: 70px;
    width: 20px;
    height: 20px;
}

#schoolcockpitDetailDropDownContainer #sectorFullFiguresContainer .row.CockpitSubjectOffered_row,
#schoolcockpitDetailDropDownContainer #sectorPartFiguresContainer .row.CockpitSubjectOffered_row{
    list-style-position: inside;
    padding-left: 0;
    font-size:16px;
    font-weight:bold;
}

#schoolcockpitDetailDropDownContainer  #sectorFullFiguresContainer .row.CockpitSubjectOffered_row li,
#schoolcockpitDetailDropDownContainer  #sectorPartFiguresContainer .row.CockpitSubjectOffered_row li {
    list-style:  url('secondary/images/JobRoleComparison_icon_circle.png');
}

#schoolcockpitDetailDropDownContainer  #sectorFullFiguresContainer .row.CockpitSubjectOffered_row li img,
#schoolcockpitDetailDropDownContainer  #sectorPartFiguresContainer .row.CockpitSubjectOffered_row li img{
    margin-top:7px;
}

#pseiDetailDropDownContainer #sectorFullFiguresContainer .row.CockpitSubjectOffered_row,
#pseiDetailDropDownContainer #sectorPartFiguresContainer .row.CockpitSubjectOffered_row{
    list-style-position: inside;
    padding-left: 0;
    font-size:16px;
    margin-left:2px;
}

#pseiDetailDropDownContainer  #sectorFullFiguresContainer .row.CockpitSubjectOffered_row li,
#pseiDetailDropDownContainer  #sectorPartFiguresContainer .row.CockpitSubjectOffered_row li {
    list-style: url('secondary/images/JobRoleComparison_icon_circle.png');
}

#pseiDetailDropDownContainer  #sectorFullFiguresContainer .row.CockpitSubjectOffered_row .left-col,
#pseiDetailDropDownContainer  #sectorPartFiguresContainer .row.CockpitSubjectOffered_row .left-col {
    font-weight:bold;
    margin-bottom:4px;
}

#pseiDetailDropDownContainer  #sectorFullFiguresContainer .row.CockpitSubjectOffered_row .coursesListMargin,
#pseiDetailDropDownContainer  #sectorPartFiguresContainer .row.CockpitSubjectOffered_row .coursesListMargin {
    /*margin-left:-40px;*/
    margin-bottom:15px;
}

#pseiDetailDropDownContainer  #sectorFullFiguresContainer .row.CockpitSubjectOffered_row li img,
#pseiDetailDropDownContainer  #sectorPartFiguresContainer .row.CockpitSubjectOffered_row li img{
    margin-top:7px;
}

#pseiDetailDropDownContainer #sectorFullFiguresContainer .cockpit-detail-list-data,
#pseiDetailDropDownContainer #sectorPartFiguresContainer .cockpit-detail-list-data{
    list-style-position: inside;
    padding-left: 0;
    font-size:16px;
    padding-right: 30px;
}

.industrialLandscapeProfileComponentContainer #closed_tabs_container #sectorFullFiguresContainer img,
.industrialLandscapeProfileComponentContainer #closed_tabs_container #sectorPartFiguresContainer img {
    float:none;
}

@media (max-width: 606px){
    .industrialLandscapeProfileComponentContainer #closed_tabs_container #sectorFullFiguresContainer img{width:100%;}
    .industrialLandscapeProfileComponentContainer #closed_tabs_container #sectorPartFiguresContainer img{width:100%;}
}

#sectorFullFiguresContainer
{
    margin:15px 15px;
}

.IndustrialLandscapeProfile .industrialLandscapeProfileComponentContainer #sectorFullFiguresContainer p img,
.IndustrialLandscapeProfile .industrialLandscapeProfileComponentContainer #sectorPartFiguresContainer p img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none !important;
}

.IndustrialLandscapeProfile .industrialLandscapeProfileComponentContainer #sectorFullFiguresContainer p,
.IndustrialLandscapeProfile .industrialLandscapeProfileComponentContainer #sectorPartFiguresContainer p {
    display: inline-block;
    width: 100%;
}

#ecg-experience-create-form-main-div .target_group input[type="checkbox"]:disabled + label span,#ecg-experience-create-form-main-div .target_group input[type="checkbox"]:checked:disabled + label span{
    cursor: not-allowed;
}

#loginModal .bootbox .ctabtn:hover,
#loginModal .bootbox .ctabtn:visited,
#loginModal .bootbox .ctabtn:focus,
#loginModal .bootbox .ctabtn:active{
    background-color: #412B87 !important;
    color: white !important;
}


@media (max-width: 991px){
    .page-header ul.action-widget {
        margin-top: 20px !important;
        margin-left: 0px;
        float: left;
        padding-left: 20px;
        /*width: 700px;*/
    }
}

@media (max-width: 991px) and (min-width: 768px){
    .page-header .breadcrumb_header_right_position #share_profile_controller_my_prof_my_ep_print_share_download .action-widget.action-psd-icons{
        margin-top: 0px;
        float: right;
    }
    .page-header .breadcrumb_header_right_position .my_prof_my_ep_print_share_download .share_profile_controller-psd-container#share_profile_controller_my_prof_my_ep_print_share_download{
        margin-right: 0px;
    }
    .page-header .breadcrumb_header_right_position #share_profile_controller_my_prof_my_ep_print_share_download ul.action-widget{
        margin-top: 10px !important;
    }
}

@media (max-width: 350px){
    .page-header ul.action-widget {
        padding-left: 35px;
    }
}
.my-profile-category-sections-preu{
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 767px){
    #mycategory .dragscroll-outter {
        height: auto;
    }
    #mycategory .dragscroll-inner {
        height: auto;
    }
    #mycategory .card-column .yellow-box:nth-child(3n+1){
        border-left: 1px solid #fbb02f;
    }
    .my-profile-category-sections-preu{
        margin-left: 25px;
    }

}

@media (max-width: 767px){
    #KnowYourself_jumbo_container {
        height: auto;
    }
    #KnowYourself_jumbo_container .container{
        padding-top:0px;
    }
}


@media (max-width: 331px){
    .my_prof_my_ep_print_share_download{
        min-width: 320px;
    }
}

.long_word_break_profile{
    width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
h4.color-purple.long_word_break_profile{width: auto}

@media (max-width: 991px) {
    #RelatedArticles_sliderplate{
       /* padding-left: 15px !important;*/
        text-align: left !important;
    }
}
/* ILPPROD-2339*/
.dragscroll .dragscroll{
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 22px;
    color: #333 !important;
}
#Guide_container .dragscroll_outterbox .dragscroll_innerbox.dragscroll .article_box .title-image-desc-button-center .contentbox p {
    font-size: 15px;
}

#know-yourself .content-wrap .container-fluid .info-card-holder .dragscroll-item-wrap .dragscroll-item .info-card .title-image-desc-button-left .contentbox a {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 20px;
    color: #333333 !important;
}
#Guide_container .dragscroll_outterbox .dragscroll_innerbox.dragscroll .article_box .title-video-desc .contentbox h4 {
    font-weight: 300;
}
@media(min-width:1200px){
	.container-fluid.RelatedArticles #RelatedArticles_sliderplate .RelatedArticles_box {
		padding-right: 82px;}
}
/* ILPPROD-2339*/

#calendarlistingdiv .container .card-item .event-info .venue a {
    color: #333;
}

.educpHeader h3 {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
}

#JobCompatibilityBox .chart-legend #legend-career-interests .item .icon {
    background-color: #8C4198 !important;
}

.jobroleprofile .jobroleprofile_container #JobCompatibilityBox .bar-top{
    background-color: #8C4198 !important;
}

.jobroleprofile .jobroleprofile_container #JobCompatibilityBox .chart-bar-number.top{
    color: #8C4198 !important;
}

.relatedarticle .relatedArticlesCustomContainer .container-fluid.RelatedArticles .container h3{/* ILPPROD-2339*/
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 22px;
    color: #333333;
}

.relatedarticle .relatedArticlesCustomContainer .container .row h3{
    font-family: "Source Sans Pro";
    font-size: 15px;
    color: #333333;
    font-style:normal;
}

.comparison_preu_secondary button.multiselect.dropdown-toggle.btn.btn-default {
    font-family: "Source Sans Pro Bold";
    color: #ffffff;
    background: #e68717;
    border: 2px solid #e68717;
    /*SPU-2006*/
 	background-image: url(secondary/images/MyGoalsGeneral_arrowdown.png);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    margin-left: 10px;
    /*SPU-2006*/        
}
/*SPU-2006*/
.comparison_preu_secondary .filterjobroledropdown .multiselect-selected-text {
	text-align:left;
}
#occupation_comparison_list_occupation_compariso .caret{
	display:none;
}
/*SPU-2006*/
#occupation_comparison_list_occupation_compariso .filterjobroledropdown .btn-group {
    margin-left: -9px;
}
ul.multiselect-container.dropdown-menu{
	 margin-left: 10px;
}
/*SPU-2006*/

/*spu 2826*/

#SortByModal ul.multiselect-container.dropdown-menu,#ExportReport ul.multiselect-container.dropdown-menu, .reports ul.multiselect-container.dropdown-menu{
    margin-left: 0px;
}

.reportExportModal .input-group button.btn.btn-default.multiselect-clear-filter {
    padding: 17px 12px 14px 12px;
    margin-left: -2px;
    border: 0px;
 }
/*spu 2826 end */

.comparison_preu_secondary .ComparsionList_content{
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 20px;
    padding: 0px;
    margin: auto;
    vertical-align: middle;
}
@media all and (-ms-high-contrast:none) {
    .comparison_preu_secondary .ComparsionList_content {
        padding-top: 56px;
    }
}
.comparison_preu_secondary .description .ComparsionList_box{
    background-size: cover;
    background-repeat: no-repeat;
}

.filterjobroledropdown ul>li>a label.checkbox{
	background: #e68717;
}
.theme1 .comparison_preu_secondary .CompatibilityBox .chart-bar-number.top{
    color: #5bc7d4;
}

.theme1 .comparison_preu_secondary .CompatibilityBox .chart-bar-number.bottom{
    color: #8fc448;
}
#goals-reflections .my_eportfolio_page_my_reflections .Reflections_Feedback_box{
    border-right: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    border-left: 1px solid #cccccc !important;
}

.theme1 .comparison_preu_secondary .CompatibilityBox .chart-legend .item.top .icon{background-color:#5bc7d4;}
.theme1 .comparison_preu_secondary .CompatibilityBox .chart-legend .item.bottom .icon{background-color:#8fc448;}
.theme1 .comparison_preu_secondary .CompatibilityBox .chart-legend .text.top {color:#333333;}
.theme1 .comparison_preu_secondary .CompatibilityBox .chart-legend .text.bottom {color:#333333;}

#reflectionQuestionForm #reflection_slider-table-content .slider-table-row .ctatext .reflectionNextQues,
#reflectionQuestionForm #reflection_slider-table-content .slider-table-row .ctatext .reflectionPrevQues{
    color: #e68717 !important;
}


.preu div.category_list .sub_category {
    font-size: 28px;
    background: #8C4198;
}

.preu #category_detail_listing a {
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    color: #333;
    vertical-align: -webkit-baseline-middle;
	display: inline-block;
}

.preu .sub_category_item .add-item-text,
.preu .sub_category_item_attach_box a {
    font-family: "Source Sans Pro Bold" !important;
}

.preu .category_listing_stu #category_detail_listing .add_new_category_position .add-item-text{
    font-size: 17px;
    font-family: Source Sans Pro Bold;
    color: #333333;
}

.preu .category_listing_stu #category_detail_listing .add_new_category_position .add-sub-category-container{
	background-color: #412B87;
}

.category_listing_stu #category_detail_listing .subcategory_block .sub_category_item_attach div a{
    color: #412B87;
}

.sub_category_item .add-item-text{
    color: #2A51FE;
}

#category_detail_listing .subcategory_block .sub_category_item a,
#category_detail_listing .subcategory_block .sub_category a{
    font-size: 20px !important;
}
.subcategory_block{
    display: inline-block;
    width: 100%;
}

.RelatedArticles_content a.cta,
.RelatedArticles_content a.cta:link,
.RelatedArticles_content a.cta:visited
{
    color:#2A51FE;
}
.RelatedArticles_content a.cta:hover
{
    text-decoration: underline;
}

.overview_page_game_achievemnt_stu p{
	font-size: 15px;

}

#mygoals .card-holder,
#knowyourselfmygoalspanel span{
	font-size: 15px;
}

.theme1 .ctabox .ctabtn:hover,
.theme1 .ctabox .ctabtn:focus{
	text-decoration: none;
}

#industryOccupationResultContainer #occupation a{
	color:#e68717;
}
#industryOccupationResultContainer #industry h4,
#industryOccupationResultContainer #industry h4 a{
	color:#333;
}

.compare-assessment-selector .card .section .Compare_Assessment_font a{
    color: #333333;
}

#interviewskills_container .ctabox a{
	background: #412B87 !important;
}

#interviewskills_container .ctabox a.ctabtn.reverse:hover{
	background: #fff !important;
	color: #412B87 !important;
}



@media(max-width:355px){
.calendar_events_search .tab-pane_list li {padding:10px;}
.calendar_events_search .tab-pane_list li input {width:165px;}
.calendar_events_search .tab-pane_list .ctabtn {width:160px;}
.calendar_events_search .tab-pane_list #event_calendar_start_msg {width:160px;}
}

@media(min-width:356px) and (max-width:694px){
.calendar_events_search .tab-pane_list { padding-bottom:30px; padding-top:30px;}
.calendar_events_search .tab-pane_list li{ width:40%; display:inline-block !important;padding:10px;}
.calendar_events_search .tab-pane_list li input{width:160px;}
.calendar_events_search .tab-pane_list .align-search{width:30%;}
}

@media (min-width: 695px) and (max-width: 962px){
.calendar_events_search .tab-pane_list {column-count:3 !important;}
.calendar_events_search .tab-pane_list li{display:inline-block;}
.calendar_events_search .tab-pane_list #event_calendar_start_msg {width:150px;height:20px;}
}

.calendar_events_search #collapseSectorMenu{
position:absolute;
    left: 15px;
    right: 0px;

}

.calendar_events_search #searchkeywordbox{
    position:relative;
}


.calendar_events_search .tab-pane_list  li{
	text-align: center;
}

.calendar_events_search .tab-pane_list .ctabtn {
    margin-bottom:0px;
}

#notifiedModal .notifyReminder{
    font-size: 17px;
    color: #333333;
    padding-bottom: 15px;
}
#notifiedModal .notifyModalFooter{
    text-align: center;
    padding-top: 10px;
}
#notifiedModal .notifiedModalDialog{
    width: 30%;
}
@media (max-width: 768px){
    #notifiedModal .notifiedModalDialog{
        margin: 30px auto;
        width: 65%;
    }
}
@media (max-width: 768px) and (min-width: 560px){
    #notifiedModal .notifiedModalDialog{
        margin: 30px auto;
        width: 50%;
    }
}
@media (max-width: 640px){
    #notifiedModal .notifiedModalDialog .notifyDrowpdownIcon #calendarReminderDate{
        height: 53px;
        font-size: 15px;
    }
}
#notifiedModal .notifyDrowpdownIcon #calendarReminderDate.form-control{
    border-radius: 5px;
}
#notifiedModal .notifyDrowpdownIcon #calendarReminderDate.btn.btn-secondary.dropdown-toggle{
    padding: 10px 25px;
}

#notifiedModal .notifiedModalDialog .modal-header .close{
    opacity: 0.8;
    outline: none;
}

#collapseSectorMenu .tab-pane_list{
    margin:0 auto;
    width:80% !important;
    padding:20px;
}

@media(min-width: 1200px) {
    .occupation_search_box .container-fluid #searchkeywordbox #collapseSectorMenu {
        width: 78%;
    }
    .occupation_search_box .container-fluid #searchkeywordbox #collapseSectorMenu .tab-pane_list{
        width: 100% !important;
    }
}

@media (max-width: 480px) {
	#collapseSectorMenu .tab-pane_list{
	    width:111% !important;
	}
}

.calendar_events_search .school_search_box #ExploreEducationalInstituitions_jumbo_container #searchkeywordbox #collapseSectorMenu .tab-pane_list{
    width:100% !important;
}
.calendar_events_search .row{
    margin-left: -15px !important;
    margin-right: -15px !important;
 }

#occupation_search_container .tab_panel .row{
    width:100%;
    margin-left: 0px!important;
    margin-right: 0px!important;
}

@media (max-width: 480px) {
	#occupation_search_container .tab_panel .row{
	    width: 97%;
		display: inline-block;
	}
}

.msf_preu_overviewpage .relatedindustryVideos .videos-holder{
    margin: 25px;
    margin-top: 0px;
}
.msf_preu_overviewpage .relatedindustryVideos .videos-holder{
    margin-left: 30px;
}
.msf_preu_overviewpage .relatedindustryVideosContainer .recommenderbox,
.msf_preu_overviewpage .relatedarticle
{
    padding-left: 15px;
}
.msf_preu_overviewpage .relatedindustryVideos .videos_holder_col_box{
    padding-left: 0px;
}
.msf_preu_overviewpage .relatedindustryVideos .videos-holder h4 {
    font-size: 22px !important;
    font-family: "Gotham Runded Bold" !important;
    color: #333 !important;
    font-weight: 300 !important;
}
.msf_preu_overviewpage .relatedarticle .relatedArticlesCustomContainer .RelatedArticles .container{
    width: inherit;
}
.msf_preu_overviewpage .relatedarticle .relatedArticlesCustomContainer .RelatedArticles #RelatedArticles_sliderplate{
    width: inherit!important;
}
.msf_preu_overviewpage .relatedarticle .relatedArticlesCustomContainer .RelatedArticles h3{
    margin-top: 10px;
}

.calendar_events_listing #calendar-events-vertical .events-cards{
    margin-left: 10px;
    margin-right: 10px;
}
.calendar_events_listing #calendar-events-vertical .events-cards h4{
    margin-bottom: 10px;
    font-size: 22px;
    color: #333 !important;
    font-family: "Gotham Runded Bold";
    font-weight: 300;
}

.calendar_events_listing #calendar-events-vertical .events-cards .card-item > .event-info > h5{
    font-size: 14px;
    display: block;
    width:inherit;
}
.calendar_events_listing #calendar-events-vertical .events-cards .card-item > .event-info > p{
    padding-left: 0px;
    padding-right: 0px;
}
.calendar_events_listing #calendar-events-vertical .events-cards .card-item > .event-info > .venue{
    font-size: 14px;
    width:inherit;
}
.calendar_events_listing #calendar-events-vertical .events-cards .card-item .event-info .venue a{
    width: auto;
}

@media (max-width: 991px) {
    .calendar_events_listing #calendar-events-vertical .events-cards .card-item{
        display: inline-flex;
        width: 33%;
    }
}

.calendar_event_listing_calendar_events_list p {
    font-size: 15px;
    color: #333333;
    line-height: 17px;
}

.calendar_event_listing_calendar_events_list .double_line_space {
    line-height:2.1;
}


#JobRoleProfile .middle-left #Skills .JobRoleTitle img{
    margin-right: 5px;
}

#sectorBackgroundContainer p{
    font-size: 14px;
}

.download_contentPreview .pathway-table-block .pathway-block .alertbubble{
	display:none;
}

.print_pathway_contentPreview .pathway-table-block .pathway-block .alertbubble{
	display:none;
}  

.download_contentPreview .pathway-table-block .pathway-block span { 
    font-size:16px;
    line-height:18px;
    font-weight:normal;
 }
 
.print_pathway_contentPreview .pathway-table-block .pathway-block span { 
    font-size:16px;
    line-height:18px;
    font-weight:normal;
}
 
 .download_contentPreview .pathway-table-block .pathway-link{
    margin-top:0px !important;
 }

.print_pathway_contentPreview .pathway-table-block .pathway-link{
    margin-top:0px !important;
 }

.download_contentPreview .pathway-table-block .pathway-block{
    margin-top:0px !important;
    margin-bottom:0px !important;
 }

.print_pathway_contentPreview .pathway-table-block .pathway-block{
    margin-top:0px !important;
    margin-bottom:0px !important;
 }

.educationPathwayDetialContainer .openclose_icon{
    position:relative;
	top:0px;
    padding-top:0px !important;
    height:auto !important;
}

.educationPathwayDetialContainerRow .row{
    margin-left:0px;
    margin-right:0px;
}


#pmLoginInPage .col-sm-10 {
    padding-left:0 !important; 
    padding-right:0 !important;
}

#pmLoginInPage .col-sm-2 {
    padding-left:0 !important; 
    padding-right:0 !important;
}

@media (min-width: 768px){
 #pmLoginInPage .col-sm-10{ width:75% !important;padding-left:15px !important; padding-right:15px !important;}
 #pmLoginInPage .col-sm-2{ width:25% !important;padding-left:15px !important; padding-right:15px !important;}
}

#idletimer_warning_dialog .modal-header,#idletimer_expired_dialog .modal-header,#duplicate_session_popup_modal .modal-header{
    background-color: #412B87;
}

#loginModal .modal-title{
    font-size: 22px;
    font-family: "Gotham Runded Bold";
    color: #ffffff;
    font-weight: 300;
}
#loginModal .loginModal-spcp-login .title,
#loginModal .loginModal-normal-login .title{
    font-family: "Gotham Runded Bold";
    font-weight: 300;
    font-size: 24px;
    color: #e68717;
}

#loginModal .loginModal-normal-login label{
    font-family: "Source Sans Pro";
    font-size: 20px;
    color: #333333;
    font-weight: normal;
}

#loginModal .loginModal-normal-login input{
    font-family: "Source sans pro";
    font-weight: normal;
    font-size: 17px;
    color: #b9b9b9;
    height: 50px;
}


#loginModal .modal-header-for-login{
    background-color: #412B87;
}

#loginModal .modal-body .title {
    color: #333333;
}

#loginModal .modal-body .ecg_partners_description a{
    color: #2A51FE;
}

#loginModal .modal-body .student_login_form_forget_pwd{
    color: #2A51FE;
    font-size:15px;
    font-family: "Source sans pro";
    font-weight: normal;
}

#loginModal .modal-body .login_form_user_id_field input,#loginModal .modal-body .login_form_password_field input{
    color: #999999;
}

#loginModal .student_login_modal_SP_CP_middleText{
	font-size:18px;
    font-weight:normal;
}

@media (max-width: 767px){
    #loginModal .student_login_modal_SP_CP_middleText {
        padding-top: 15;
        padding-bottom: 25px;
    }
}

@media (max-width: 991px) and (min-width: 768px){
    #SearchResultsList_Container_main .tile-item .item-Attained {
        top: 285px;
    }
    #SearchResultsList_Container_main .item-Course {
        width: 350px;
    }
    #SearchResultsList_Container_main .item-Institution {
        width: 170px;
    }
}

#CareerProgressionPathway .pathway_row{
	display:table;
}

#CareerProgressionPathway .tab_milestone{
	height:auto;
    max-height:100%;
}

#CareerProgressionPathway .text_milestone{
    height:auto;
    max-height:100%;
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 310px;
    text-indent:10px;
    padding-left:0px;   
}

#CareerProgressionPathway .icon_milestone{
	vertical-align: top;
    margin-right:-25px;
    display:table-cell;
}

#CareerProgressionPathway .line_journey_top {
    vertical-align:top;
    height:100%;
    display:table;
}

#CareerProgressionPathway .line_journey_top .line_top{
    height:100%;
    display:table-cell;
    vertical-align:bottom;
}

@media(min-width: 1200px){
 #CareerProgressionPathway .pathway-table-container{ overflow-x: hidden; overflow-y: auto;  height: 300px; margin-right: -15px; }
}

#CareerProgressionPathway .pathway_row ul{
    margin-bottom:0px;
}


#courseSearchResult .Content-title{
    overflow-wrap:break-word;   
}
@media (max-width: 320px) {
    #jobrole_jumbo_container {
        height: auto !important;
    }

    #ExploreCourses_jumbo_container #searchkeywordbox {
        margin-top: -55px;
    }

    #ExploreCourses_jumbo_container #searchkeywordbox #searchQuery,
    #jobrole_jumbo_container #searchkeywordbox #occupation_directory_search_query {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    #jobrole_jumbo_container #occupation_search_container .tab_panel .row {
        width: 112% !important;
        margin-left: -30px !important;
        margin-right: -30px !important;
    }

    #jobrole_jumbo_container #collapseSectorMenu .tab-pane_list{
        margin-top: -5px;
        margin-left: -5px;
        width:108% !important;
    }

    .occupation_search_box .btn.btn-secondary.dropdown-toggle::before{
        margin-right: -5px;
    }

    .action-widget .ctabtn.reflection .content {
        margin-left: -20px;
        white-space: nowrap;
    }
}

/* Extra Small */
@media(max-width:768px){
    /*#RIS_container*/

    #RIS_container #important-prefs .progressbar,
    #RIS_container #other-prefs .progressbar {
        width: 65% !important;
        margin-top: 25px !important;
    }

    #RIS_container #important-prefs .number_box,
    #RIS_container #other-prefs .number_box {
        width: 28% !important;
        padding-left: 10px !important;
        margin-top: 20px !important;
    }

    #RIS_container #important-prefs .openclose_icon,
    #RIS_container #other-prefs .openclose_icon {
        margin-right: -20px !important;
        top: 0px !important;
        margin-top: -15px !important;
    }

    #RIS_container #important-prefs .right,
    #RIS_container #other-prefs .right {
        min-height: 0px !important;
        height: auto !important;
    }

    .page-header .My_Reflections_position {
        margin-top: -1px;
    }
}

@media(max-width:320px){
    /*#RIS_container*/

    #RIS_container #important-prefs .number_box,
    #RIS_container #other-prefs .number_box {
        padding-left: 5px !important;
    }

    #jobrole_jumbo_container #occupation_search_container .tab_panel .row {
        margin-left: -30px !important;
        margin-right: -30px !important;
        width: 114% !important;
    }

    #jobrole_jumbo_container #collapseSectorMenu .tab-pane_list{
        width:111% !important;
    }
}

@media (min-width: 480px) {
    #jobrole_jumbo_container #collapseSectorMenu .tab-pane_list{
        margin-left: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1200px){
    #jobrole_jumbo_container #collapseSectorMenu .tab-pane_list{
        width: 99% !important;
    }
}

@media (min-width: 768px){
    #ExploreCourses_jumbo_container #searchkeywordbox {
        margin-top: -20px;
    }

    #ExploreCourses_jumbo_container .textline {
        white-space: nowrap;
    }
}

.reviewEcgExperience .ReviewRequestBox .BottomBox .LongTextGoal{
    width:300px;
}




@media (min-width: 1025px) {
    .changeMessageBox{
        margin-left: -131px;
    }
}
@media (min-width:992px) and (max-width: 1024px){
    .changeMessageBox{
        margin-left: -52px;
    }
}


.changePasswordFormAlertContainer{
    border:  black 2px solid; padding: 5px; font-weight: bold; margin-top: 20px
}



.changePasswordForm label{
    font-family: "Source Sans Pro";
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    float: left;
    width: 180px;
    padding-top: 10px;
}
.changePasswordForm .with-errors{
    padding-left: 180px;
    margin-top: 10px;/*SPU-2006*/
}
#changePasswordError{
    padding-left: 180px;
    font-family: "Source sans pro";
    font-size: 15px;
    color: #ff0000;
    margin-bottom: 10px;
    margin-top: -5px;
}
.changePasswordForm .changePasswordFormFiledGroup{
    width: 340px;
    float: left;
    margin-top:	10px;/*SPU-2006*/
    
}

.changePasswordFormAlertContainer{
    border:  black 2px solid; padding: 5px; font-weight: bold; margin-top: 20px
}

.changePasswordFormAlert{
   /*  padding-left: 30px; */ /*SPU-2006*/
    padding-bottom: 40px;
    font-size: 17px;
    font-family: 'Source Sans Pro';
    font-weight: normal;
}

.changePasswordFormAlertContainer{
    width: 938px;
}
.change_password .with-errors ul li{
    font-weight: normal;
    font-size: 15px;
    color: #ff0000;
}

.changePasswordFormBtn{
    width: 100%;
    float: left;
}
@media (max-width:401px ) {
    .cancelchangepasswordbtn{
        margin-left: 0px !important;
    }

    .resetpasswordbtn,.cancelchangepasswordbtn{
        padding-bottom: 32px;
    }
}
@media (min-width:401px ){
    .change_password .cancelchangepasswordbtn{
        margin-left: 10px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px){
 #know-yourself .dragscroll-item-wrap {width: 1000px !important;}
}
@media (max-width: 991px){
 #know-yourself .dragscroll-item-wrap {width: 1000px !important; }

}

/*@media (max-width: 330px) {
    main .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .col-md-8 {
        padding-left: 0px;
        padding-right: 0px;
    }
}*/

@media (max-width: 767px) {
    .student_faq_page .student_portal_jumbo_container #jumbo_container {
        padding-left: 0px;
        padding-right: 0px;
    }
}

#sub-nav .navbar-nav li a{
    font-family:'Source Sans Pro';
    font-size:15px;
    font-weight:normal;
    color:#ffffff;
}

#sub-nav .navbar-nav li a:hover{
	font-family:'Source Sans Pro'; 
    font-size:15px;
    color:#ffffff;
    font-weight:normal;
    text-decoration: underline;
}

#sub-nav .navbar-nav li.active a{
	font-family:'Source Sans Pro Bold';
    font-size:15px;
    font-weight:normal;
    color:#ffffff;
}

#overview_page_my_favourite_my_favourites #favourite .fav-item-icon{
	padding-top: 0px;
}
.changePasswordForm{
    margin: 0 auto;
    text-align: left;
    display:block;
    align:center;
    /*padding-left: 18px;/*SPU-2006 */
}
@media (min-width: 1025px) {
    .changeMessageBoxOnDesktop{
    	max-width: 600px;
        float: left;
        margin-left: 50px;
    }
    .changePasswordForm label{
        float: left;
        width: 210px;
        padding-top: 10px;
    }
    #changePasswordError{
        padding-left: 210px;
    }
    .changePasswordForm .changePasswordFormFiledGroup{
        width: 372px;
        float: left;
    }
    .changePasswordFormBackGround span{
        line-height: 40px;
    }
    .changePasswordForm .with-errors{
        padding-left: 210px;
        margin-top: 10px;/*SPU-2006*/
    }
}
@media (max-width: 1025px) {
    .changeMessageBoxOnDesktop{
        float: left;
        margin-left: 20px;
        width: 379px;
    }

    .resetpasswordbtn,
    .cancelchangepasswordbtn{
        padding-left: 20px !important;
        padding-right: 20px !important;
        width: 150px !important;
    }

    .changePasswordFormBtn{
        float: left;
        margin-top: 10px;
    }

    .changePasswordForm .changePasswordFormFiledGroup{
        width: 321px;
        float: left;
    }

    .changePasswordFormAlertContainer{
        width: 723px;
    }

    .changePasswordForm label{
        float: left;
        width: 161px;
        padding-top: 10px;
    }
    #changePasswordError{
        padding-left: 161px;
    }
    .changePasswordFormBackGround span{
        line-height: 20px;
    }
    .changePasswordFormBackGround div{
        margin-top: 10px;
    }
    .changePasswordForm .with-errors{
        padding-left: 161px;
        margin-top: 10px;/*SPU-2006*/
    }

}

@media (max-width: 737px){
    .changeMessageBoxOnDesktop{
        margin-left: 0px;
        width: auto;
        margin-bottom: 20px;
    }
    .changePasswordFormAlertContainer{
        width: auto;
    }
}

.changePasswordFormBackGround{
    background-color: #F7F7F7;
    padding: 15px;
    border: 1px solid #cccccc;
}

.changePasswordForm .form-group input{
    color: #333333;
    font-family: "Source Sans Pro";
    font-weight:normal;
    font-size: 17px;
    height: 50px;
    padding: 7px 15px;
    border-radius: 5px
}
.changePasswordForm .form-group input{
    width: 160px;
}

@media (min-width: 768px ) {
    .cancelchangepasswordbtn{
        margin-left: 12px !important;
    }
}

@media (max-width: 992px ) and (min-width:401px){
    .cancelchangepasswordbtn,
    .resetpasswordbtn{
        padding-bottom: 10px;
    }
}

.changePasswordFormBackGround span{
    font-size: 17px;
    color: #333333;
    font-family: "Source Sans Pro Bold";
}
.changePasswordFormBackGround ul li{
    font-size: 17px;
    color: #333333;
    font-family: "Source Sans Pro";
    font-weight:normal;
}

.display-compare-values .row{
    display:inline-block;
}


/* Extra Small */
@media (max-width: 767px) {
    .navbar-brand {
        border-bottom: none !important;
    }
}

.epy_explore_popup a{
    font-family: "Source Sans Pro Bold";
    font-size: 15px;
    color: #e68717;
}

.epyx_favourite_header h4{
    font-family: "Gotham Runded Bold";
    font-weight: bold;
    font-size: 30px;
}

.educationPathwayDetialContainerRow .panel-title{
    font-size: 20px;
    font-family: "Gotham Runded Bold";
    font-weight: bold;
}
.edupathwayDetailNormal .nav li a,
.pathway-detail-item-title{
    font-size: 20px !important;
    font-weight: bold;
    font-family: "Gotham Runded Bold";
}
.edupathwayFSBBDetailNormal .nav li a,
.pathway-detail-item-title{
    font-size: 20px !important;
    font-weight: bold;
    font-family: "Gotham Runded Bold";
}
.print_pathway_contentPreview p b,
.educationPathwayDetialContainerRow p b{
    font-size: 17px;
    font-weight: bold;
}
.edupathwayDetailNormal p,
.educationPathwayDetialContainerRow p,
.educationPathwayDetialContainerRow span{
    font-size: 15px;
}
.edupathwayFSBBDetailNormal p,
.educationPathwayDetialContainerRow p,
.educationPathwayDetialContainerRow span{
    font-size: 15px;
}
.print_pathway_contentPreview p a,
.educationPathwayDetialContainerRow p a,
.print_pathway_contentPreview p a:active,
.educationPathwayDetialContainerRow p a:active,
.print_pathway_contentPreview p a:focus,
.educationPathwayDetialContainerRow p a:focus,
.print_pathway_contentPreview p a:visited,
.educationPathwayDetialContainerRow p a:visited{
    font-family: "Source Sans Pro Bold";
    font-size: 15px;
    color: #2A51FE;
}

.reviewEcgExperience .ctabtn {
    padding-top: 5px !important;
}

.reviewEcgPartner .ctabtn {
    padding-top: 5px !important;
}

#ecg-experience-preview-form-main-div #ecg-preview-form
{
    word-break: break-word;
    -ms-word-break: break-all;
}

.student_faq_page .student_portal_jumbo_container {
    margin-top: -22px;
    padding-top: 0px;
}

#jumbo_container .sectioncontent h2
{
    color: #333;
    font-size: 24px;
    font-weight:300;
    font-family: Gotham Runded Bold;
}

#jumbo_container .sectioncontent button span{
	font-size:17px;
    font-weight:bold;
}

#jumbo_container .sectioncontent p{
	font-size:15px;
    margin-bottom:40px;
}

#SearchResultsList_Container_main .footer-group .legend {
    padding-top: 10px;
}

#SearchResultsList_Container_main .gotopage_menu {
    display: block;
    position: relative;
    float: right;
    top: auto;
}

#SearchResultsList_Container_main .footer-group {
    display: block;
}

#SearchResultsList_Container_main .heading-group #totalRecord {
    display: inline-block;
}

@media (max-width: 991px) {
    #SearchResultsList_Container_main .gotopage_menu {
        float: none;
    }
}

@media (max-width: 767px){
	#myfavourites .fav-wrap{
		height: 140px !important; 
	}
	#myfavourites .fav-wrap .fav-item,
	.theme-01 #myfavourites .fav-wrap .fav-divider{
		height: 120px !important; 
	}
	
}

@media (max-width: 480px){
	
	#myfavourites .fav-wrap .actionpanel {
	    height: 100px !important;
	}
}


@media (max-width: 768px) {
    .landscape #jumbo_container_edu_landsacpe a.ctabtn {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .landscape #jumbo_container_edu_landsacpe p {
        font-size: 20px;
    }

    #industryOccupationResultContainer #bottom-content-container .tab-heading {
        margin: 15px 0 !important;
    }

    #RIS_container .main-content .ctabox .legendspace {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

.rich_text_html_editor .mobile-homepage-header{
    font-family: "Gotham Runded Bold";
    font-weight:300;
    color: #fff;
    padding:20px 20px 0px 20px;
    font-size: 30px;

}
.rich_text_html_editor .mobile-homepage-text{
    font-family: 'Source sans pro', Regular;;
    color: #fff;
    font-size: 16px;
    padding:13px 20px 20px 20px;
}

.rich_text_html_editor .about-us-image-container-mobile,
.rich_text_html_editor .homepage-detail-container-mobile{
	display: none;
}

main.preu_home .rich_text_html_editor .container{
    padding-left:0;
    padding-right:0;
    background-color: #5bc7d4;
}

.rich_text_html_editor .mobile-about-us-header{
    font-family: "Gotham Runded Bold";
    color: #e68717;
    font-size: 30px;
}
.rich_text_html_editor .mobile-about-us-text{
	font-family: 'Source sans pro', Regular;
    color: #333;
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
}
@media (max-width: 768px){
	.rich_text_html_editor .about-us-image-container{
		display: none;
	}
	.rich_text_html_editor .about-us-image-container-mobile,
    .rich_text_html_editor .homepage-detail-container-mobile {
		display: block;
	}
}


html, body {
    min-width: 320px !important;
}


#edupathway_favorpossible .epy_favourite_header_title{
    color: #333333;
    font-family: "Gotham Runded Bold" !important;
    font-weight: 300;
    font-size: 30px;
}

#edupathway_education-landscape-FSBB .epy_favourite_header_title{
    color: #333333;
    font-family: "Gotham Runded Bold" !important;
    font-weight: 300;
    font-size: 30px;
}

.industrialLandscapeProfileComponentContainer #sectorFactsFiguresContainer li,
.industrialLandscapeProfileComponentContainer #sectorOutlookContainer li,
.industrialLandscapeProfileComponentContainer #sectorEnvironmentContainer li {
    white-space: normal;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px!important;
    color: #333333;
    line-height: 17px;
    padding-bottom: 11px;
}

.industrialLandscapeProfileComponentContainer #sectorBackgroundContainer,
.industrialLandscapeProfileComponentContainer #sectorFactsFiguresContainer,
.industrialLandscapeProfileComponentContainer #sectorOutlookContainer,
.industrialLandscapeProfileComponentContainer #sectorEnvironmentContainer {
    white-space: normal;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px!important;
    line-height: 17px;
    color: #333333;
}

@media (min-width: 992px) {
    .assessmentResultContainer #CareerAssessment_container {
        padding-top: 100px;
    }
}
.theme1 #CareerAssessment_container p,
.theme1 #CareerAssessment_container div.mainquote{
    font-size:16px;
    line-height:18px;
}

.pathway_popup_download_btn_group .epy_btn_group_go{
    width: 80px;
}
.pathway_popup_download_btn_group .epy_btn_group_download{
    width: 126px;
}

.load_pathways_sub_title{
    padding-left: 15px;
}

main.preu_home {
    max-width:100%;
}

body.sidr-open,
body.sidr-animating {
    position: relative !important;
}

@media (max-width: 1024px) {
    main.preu_home {
        width: 100% !important;
        max-width:100%;
    }

    .CompareList_container {
        padding-bottom: 40px;
    }

    .display-compare-values .row {
        display: inline-block;
    }
}
@media(min-width:992px) and (max-width:1199px) {
    .CompareList_btns {
        height: 103px
    }

    @media all and (-ms-high-contrast: none) {
        .CompareList_btns {
            height: 0px;
        }
        .display-compare-values .row{
            display:inline-flex;
        }
    }
}
@media all and (-ms-high-contrast:none) {
    .CompareList_btns{
        height:0px;
    }
    .display-compare-values .row{
        display:inline-flex;
    }
}
 @media (max-width:991px) and (-ms-high-contrast:none) {
     .display-compare-values .row{
         display:inline-block;
     }
 }
@media(min-width:992px) and (max-width:1199px) and (-ms-high-contrast:none) {
    .CompareList_btns{
        height:103px;
    }
}
@media (max-width: 767px) {
    #CareerAssessment_mainwrap .main-content .ctabtn {
        width: 90%;
        margin-right: 0px;
        white-space: nowrap;
    }

    .assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .main-content .result-container .result-box .heading {
        padding-bottom: 15px;
    }

    #CareerAssessment_mainwrap .main-content .result-container .progressbar {
        width: 65%;
    }

    #CareerAssessment_mainwrap .main-content .result-container .number_box {
        width: 35%;
    }

    .assessmentResultContainer #industryOccupationResultContainer #bottom-content-container #industry .panel-group .openclose_icon {
        right: -10px;
    }

    #CareerAssessment_container.SWV {
        height: auto;
    }

    .sessionLogoutBtn {
        margin-right: 0px !important;
    }

    .sessionConnectBtn {
        margin-left: 0px !important;
    }
}


.trigger_password_reset p {
    font-size: 16px;
    color: #333;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 18px;
}

@media (max-width: 767px) {
    .assessmentResultContainer #CareerAssessment_container{
        height: auto;
        min-height: 210px;
    }

    .assessmentResultContainer #CareerAssessment_mainwrap #summaryContainer #CareerAssessment_container .mainquote{
        margin-bottom: 20px;
    }

    .assessmentResultContainer #RIS_container {
        margin-top: -30px;
    }
}

@media (max-width: 320px) {
    .mobiletopspace {
        padding-top: 50px !important;
    }

    #CareerAssessment_mainwrap .main-content .ctabtn {
        width: 100%;
    }

    #ComparsionList_first {
        width: 100%;
    }

    .assessmentResultContainer #CareerAssessment_container{
        min-height: 150px;
    }
}

.assessmentResultContainer  #CareerAssessment_mainwrap #summaryContainer .main-content .result-container .result-box .quote ul {
    margin-top: 10px;
}

.preu #category_detail_listing #category_list_category_listing_stu a {
    display: inline-flex;
}

#compareAssessmentContainer .ComparsionList_box {
    height: auto;
}

#compareAssessmentContainer .ComparsionList_content {
    background: rgba(54, 25, 25, .4);
}

@media (max-width: 1024px){
    #compareAssessmentContainer .dragscroll .dragscroll_wrap {
        width: 1200px !important;
    }
}

.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
    line-height: 43px;
}

.sidr ul li {
    line-height: 43px;
}

.overview .ep_overview_header{
    font-family: "Gotham Runded Bold";
    font-weight:300;
    font-size:38px;
}

.industrylandscape .singaporeindustrylandscape  .btn.btn-secondary.dropdown-toggle{
	font-size:16px;
}

.feedback-helpdesk .container p {
    padding-left: 0px;
}

@media(max-width: 375px){
    #PrecisionEngineering_jumbo_container .jumboleft{
        padding-top: 36px;
    }
}

#add_category_add_category #slider-table-content .slider-table-row{
    color: #333333;
    background-color: #ffffff;
    font-family: "Source Sans Pro";
    font-weight: normal ;
    font-size:20px;
}

#add_category_add_category #slider-table-content .content{
    font-family: "Source Sans Pro";
    font-weight:normal;
    font-size:20px;
}

#add_category_add_category #slider-table-content label{
    font-family: "Source Sans Pro";
    font-weight:normal;
    font-size:20px;
    color: #333333;
}

#add_category_add_category #slider-table-content .form-control{
    font-family: "Source Sans Pro";
    font-weight: normal;
    font-size: 17px;
    color: #b9b9b9;
    margin-top: 5px;
    display: block;
    vertical-align: middle;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    overflow: auto;
    padding: 7px 15px;
    margin-bottom: 3px;
    min-height: 50px;
}

#add_category_add_category #slider-table-content .legend{
    font-family: "Source Sans Pro";
    font-weight:normal;
    font-size:15px;
    color: #333333;
}

#add_category_add_category #slider-table-content .slider-table-row:hover, 
#add_category_add_category #slider-table-content .slider-table-row:active, 
#add_category_add_category #slider-table-content .slider-table-row:focus,
#add_category_add_category #slider-table-content .slider-table-row:last-child{
	box-shadow:none;
    padding-bottom: 0;
    margin-bottom: 0;
    margin-left:0;
    margin-right:0;
}

#add-category-form-id .attach-icon{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: 83.1%;
    margin-top: -62px;
    height: 54px;
    width: 17%;
}

#add_category_add_category #slider-table-content a.ctabtn.small:hover{
    color:#fff !important;
}

.add_category #add_category_add_category .slider-table-row .summary_info #add-category-form-id .itemAttachmentClass .add-cat-attachment #attach-button-id{
    height: 59px !important;
    margin-top: -63px;
}
.add_category #add_category_add_category .slider-table-row .summary_info #add-category-form-id .itemAttachmentClass .add-cat-attachment #attach-button-id span{
    margin-top: 11px !important;
}


#myprofile h2{
    text-align:center;
    margin-bottom:20px;
}

#myprofile h5{
	width:100%;
}

.Singapore_Industry_select_button #collapseIndustryMenu .dropdown-itemNew {
    padding: 8px 0px;
}

#loginModal form .form-group.row{
    padding-right: 15px;
}
#loginModal .modal-body .ecg_partners_btns{
    padding-left: 15px;
    padding-right: 15px;
}

#sector_articles_sector_articles .sector-video-cus-div{
    margin-left: 15px;
}

#sector_videos_sector_videos .sector-article-cus-div{
    margin-left: 15px;
}

/*SPU-2006*/
@media(min-width:481px) and (max-width:767px){
	.container .paddingxs0 .occupation_comparison_text {padding-left:0px;}
	
}/*SPU-2006*/

#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container {
    color: #fff;
}

#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .ctabox {
    padding-top: 10px;
}

#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .ctabox a {
    background-color: #412B87 !important;
}

#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .ctabox a:focus,
#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .ctabox a:hover {
    background: #fff !important;
    color: #412B87 !important;
}

#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container img.video-small-play-btn {
    padding: 15px 23px 15px 25px;
    background: #ccc;
    border-radius: 5px;
}

@media(max-width: 340px){
    .quiz_box #featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .video-list .video_list_row .video-grid.col-xs-4 img.video-small-play-btn {
        padding: 15px 20px 15px 20px;
    }
}

#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .video-grid {
    display: inline-block;
    font-size: 15px;
}

#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .video-title {
    font-family: "Source Sans Pro Bold";
}

#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .video-title.transparent {
    position: relative;
    height: auto;
    width: 320px;
    bottom: 0px;
    padding: 20px;
    background-color: rgba(255,255,255,0.8);
    color: #333;
    margin-top: -40px;
}

#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .row.video-list {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-left: 0px;
}

#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .col-xs-4 .video-grid.col-xs-8 {
    padding-left: 0px;
    padding-right: 0px;
}

#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .image {
    float: left;
}

#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .image .overlay {
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
}

#featurevideo_container .nopadding{
    margin: 0 !important;
    padding: 0 !important;
}

#featurevideo_container .image {
    position: relative;
}

@media (max-width: 575px){
    #featurevideo_container .image {
        width:100%;
    }

    #featurevideo_container .content {
        width:100%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    #featurevideo_container .image {
        width:100%;
    }

    #featurevideo_container .content {
        width:100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #featurevideo_container .image {
        width:40%
    }

    #featurevideo_container .content {
        width:60%
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    #featurevideo_container .image {
        width:40%
    }

    #featurevideo_container .content {
        width:60%
    }
}

@media (min-width: 1200px){
    #featurevideo_container .image {
        width:27%
    }

    #featurevideo_container .content {
        width:72%
    }
}
@media(max-width:991px){
    #featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .image {
        min-height: 300px;
        width: 100%;
    }
    #featurevideo_fluidcontainer.container-fluid #featurevideo_fluidcontainer.featurevideo_container{
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .video-title.transparent
    {
        width: 100%;
    }
    #featurevideo_fluidcontainer.featurevideo_container #featurevideo_container #small-iframe
    {
        width: 100%;
        height: 300px !important;
    }
}

#featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .video-grid.col-xs-4 {
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 1200px) and (min-width: 768px){
    .resume_builder_stu_preu #featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .col-xs-4 .video-grid.col-xs-8
    {
        padding-left: 0px;
    }
}

@media(max-width:653px){
    #featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .col-xs-4 .video-grid.col-xs-8 {
        padding-left: 0px;
    }
}
@media(max-width:653px)and (min-width:594px){
    #featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .col-xs-4 .video-grid.col-xs-8 {
        padding-left: 15px;
    }
}
@media(max-width:1199px) and (min-width:992px){
    .quiz_box #featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .video-list .video-grid.col-xs-8 {
        padding-left: 0px;
    }
}
@media(max-width:806px){
    .quiz_box #featurevideo_fluidcontainer.featurevideo_container #featurevideo_container .video-list .video-grid.col-xs-8 {
        padding-left: 0px;
        padding-right: 0px;
    }
}
#featurevideo_fluidcontainer #featurevideo_container #small-iframe{
    border: 0px;
}
.theme1 #featurevideo_fluidcontainer.featurevideo_container #featurevideo_container {
    height: auto;
    background-color: #8C4198;
}

.theme1 #featurevideo_fluidcontainer.featurevideo_container {
    margin-top: 50px;
    background: none #fff;
}

.goal-template-title-selection-td {
    padding-top: 10px !important;
}

#GettingStarted_container #take_assessment_slider_min_4 {
    width: 20%;
    text-align: center;
    margin-right: 25px;
}

#GettingStarted_container #take_assessment_slider_max {
    width:15%;
    text-align: center;
}

@media(max-width:1199px) {
    #GettingStarted_container #take_assessment_slider_min_4 {
        margin-right: 15px;
    }
}

@media(max-width:380px) {
    #GettingStarted_container #take_assessment_slider_min_4 {
        margin-right: 5px;
    }
}

.rich_text_html_editor img {
    width: auto;
}

/* SPU-2336 */

@media(max-width:480px) and (min-width: 421px){
    #sector_articles_sector_articles .btn.btn-secondary.dropdown-toggle {
        font-size: 15px;
    }
}
@media(max-width:420px) and (min-width: 381px){
    #sector_articles_sector_articles .btn.btn-secondary.dropdown-toggle {
        font-size: 15px;
    }
}
@media(max-width:380px) and (min-width: 351px){
    #sector_articles_sector_articles .btn.btn-secondary.dropdown-toggle {
        font-size: 15px;
    }
}
@media(max-width:350px){
    #sector_articles_sector_articles .btn.btn-secondary.dropdown-toggle {
        font-size: 15px;
    }
}
@media(max-width:640px) {
    #sector_articles_sector_articles .btn.btn-secondary.dropdown-toggle {
        font-size: 15px;
    }
}

@media(max-width:640px) {
    #sector_videos_sector_videos .btn.btn-secondary.dropdown-toggle {
        font-size: 15px;
    }
}

/* SPU-2336 */

@media (min-width: 1204px){
    .explorewayHeader  .table-action-icons{
        text-align: right;
    }
}
@media (max-width: 1300px) and (min-width: 768px){
    .exploreWay .table-action-icons {
        display: block;
    }
}
@media (max-width: 768px){
    .exploreWay .table-action-icons .action-set {
        float: left;
    }
}

.explorewayHeader .table-action-icons  .action-set {
    padding-right: 15px !important;
}

.epy_explore_pathwayContent .table-heading-row{
    height: auto;
    /*padding-left: 15px !important; SPU-2006*/
}

#loginModal .modal-body a.ctabtn{
    font-family: "Source Sans Pro Bold" !important;
    font-size: 17px;
    color: #ffffff;
    height: auto;
    width: 170px;
    line-height: 37px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
}

#GettingStarted_container_Goal .goal_nonacademic_header .icon-edit{
    height: 16px;
    margin-left: 10px;
}
.nonAcademicDeleteItemBtn a img{
    width: 24px;
    height: 26px;
    padding-bottom: 3px;

}
.nonacademic-notifications dl dt{

    padding-top: 10px;
}
.nonacademic-notifications dl {
    margin-left: 7px;
}
a.ctabtn{
    height: auto !important;
    line-height: 37px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.My_Reflections_position a.ctabtn{
    width: 190px!important;
    height: 37px!important;
}

@media (max-width: 768px) {
    #takeAssessmentContainer #GettingStarted_container .left-col{
        margin-top: 20px;
    }
}

#ecg-singup-form #SessionBox{
    margin-bottom: 10px;
    display: grid;
}

#ecg-singup-form #SessionBox .SessionTipText{
    border: 1px solid #ccc;
    padding: 15px;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
}

#ecg-singup-form .openclose_icon{
    float: right;    
    top: unset;
}

#ecg-singup-form #ecg-add-session-content{
    text-align: center;
}

#ecg-singup-form #SessionBox #SessionDetail{
    padding-top: 15px;
}

.TransferBox{
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #deeef0;
}

.TransferBox p{
	font-size:15px;
}

#FirstPopupBox{
	text-align:center;
}

#TransitionBox .modal-footer{
    text-align:center;
    margin-top:0px;
}

#TransitionBox .arrow{
	padding-top:72px;
}

#TransitionBox .msg1{
	color:#333333;
    text-align:center;
}

#TransitionBox .msg2{
	color:#333333;
    text-align:center;
}

#TransitionBox .emailCheckBox{
	margin-bottom:75px;
}

#TransitionBox .emailMsg1{
	text-align:left;
	color:#333333;
}

#TransitionBox .emailMsg2{
	text-align:left;
	padding-top:10px;
	color:#333333;
}

#FirstPopupBox .modal-body,#TransitionBox .modal-body{
	font-size:17px;
}

#FirstPopupBox .modal-header,#TransitionBox .modal-header{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #8fc448;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#FirstPopupBox .modal-content,#TransitionBox .modal-content{
    border-radius: 10px;
}

#FirstPopupBox .modal-title,#TransitionBox .modal-title{
    font-size: 22px;
    font-weight: 300;
    color: #ffffff;
    margin-right:0px;
    font-family: "Gotham Runded Bold";
}

#FirstPopupBox .modal-body{
    text-align: left;
    padding: 0px;
}

#TransitionBox .modal-body{
    padding-top: 0px;
    padding-bottom: 0px;
}

#FirstPopupBox .modal-body ul{
    padding-left: 20px;
}

#FirstPopupBox .modal-body ul li{
    padding-top: 20px;
}

#FirstPopupBox .modal-body .StudentMessage{
    padding-top: 30px;
    padding-left: 30px;
}

#FirstPopupBox .leftMessage{
    padding-top: 20px;
    padding-left: 30px;	
    padding-bottom: 30px;
}

#FirstPopupBox .toBegin{
    padding-left: 30px;		
}

#FirstPopupBox .imageright img{
    width: 335px;
}

@media (max-width: 1199px){
	#FirstPopupBox .imagebottom .deskImage{
		display:none;
	}
	
	#FirstPopupBox .imagebottom .mobileImage{
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
}

@media (min-width: 1200px){
	#FirstPopupBox .imagebottom .deskImage{
	    width: 670px;
	    padding-top: 20px;
	}
	
	#FirstPopupBox .imagebottom .mobileImage{
		display:none;
	}
}

@media (max-width: 410px){
	#TransitionBox .modal-body div{
    	padding: 0px;
	}
}

#FirstPopupBox .imagebottom {
    text-align: center;
}

#FirstPopupBox .modal-body .StudentName{
	font-weight:bold;
    color: #412B87;
}

#FirstPopupBox .modal-footer{
	padding:0px;
}

@media (min-width: 768px){
	#FirstPopupBox .modal-dialog,#TransitionBox .modal-dialog{
	    width: 740px;
	}
}

#TransitionBox .boldDescription{
    font-family: "Source Sans Pro Bold";
    color: #333333;	
    font-size:17px
}

#TransitionBox .orangyText{
    color: #e68717;		
}

#TransitionBox .imageBox{
	padding-top:50px;
	padding-bottom:30px;
}

#TransitionBox .messageBox{
	padding-top:0px;
	padding-bottom:40px;
}

#TransitionBox .footerMessage{
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
}

@media (max-width: 1199px){
	#TransitionBox .deskBox{
		display:none;		
	}
	
	#TransitionBox .mobileBox .arrow{	
   		transform: rotate(90deg);
		padding: 20px;
	}
	
	#TransitionBox .msg1{
	    padding-top: 10px;
	}
	
	#TransitionBox .msg2{
	    padding-top: 10px;
	}
}

@media (min-width: 1200px){
	#TransitionBox .mobileBox{
		display:none;		
	}
	
	#TransitionBox .msg2{
	    padding-left: 120px;
	}
}

.calendar_events_search .school_search_box #ExploreEducationalInstituitions_jumbo_container{	
    padding: 70px 15px;
}

.calendar_events_search #ExploreEducationalInstituitions_jumbo_container .icon {
    padding-bottom: 35px;
}

.calendar_events_search #ExploreEducationalInstituitions_jumbo_container h1,.calendar_events_search #ExploreEducationalInstituitions_jumbo_container p {
    margin-bottom: 30px;
}

#prepare_for_work_get_started_prepare_for_work_get #GetStartedTools_jumbo_container h3 {
    margin-top: 60px;
    margin-bottom: 25px;
}

#prepare_for_work_get_started_prepare_for_work_get #GetStartedTools_jumbo_container .icon {
    padding-bottom: 40px;
}

/* SPU-2018*/
#GetStartedTools_jumbo_container {
    height: 520px;
}

#prepare_for_work_get_started_prepare_for_work_get #GetStartedTools_jumbo_container .text1{
    margin-top: 15px;
    padding: 0px 15px;
}

/* SPU-2018*/

@media (max-width: 768px){
	#closed_tabs_container {
	    margin-top: 0px;
	}
}

.theme1.preuonecol #myresume .resume-wrap .resume > .resume-list{
    max-width: 460px;
    overflow-x: hidden;
}

#myresume .resume-wrap .resume-item > .file-details > h5{
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 380px;
}

@media (max-width: 1200px) {
    #myresume .resume-wrap .resume-item > .file-details > h5{
        width: 345px;
    }
}

@media(max-width: 991px){
    .myresume_container{
        overflow-x: scroll;
        overflow-y: hidden;
    }
    #myresume .resume-wrap{
        display: block;
    }
    #myresume .resume-wrap .resume-item > .file-details > h5{
        width: 330px;
    }
    #myresume .resume-wrap > .col-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media(max-width: 871px){
    #myresume .resume-wrap .resume-item > .file-details > h5{
        width: 280px;
    }
}

@media(max-width: 767px){
    #myresume .resume-wrap > .col-padding {
        width: 370px;
    }
    .myresume_container{
        overflow-x: scroll;
        overflow-y: hidden;
    }
    #myresume .resume-wrap{
        display: inline-flex;
    }
    #myresume .resume-wrap .resume-item > .file-details > h5{
        width: 300px;
    }
    #myresume .resume-wrap > .col-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.article-header{
    color: #333333;
    font-size: 24px;
    font-weight: 300;
    font-family: "Gotham Runded Bold";
    padding-bottom:5px;
}
/*SPU-2006*/
.rich_text_html_editor p{
    color: #333333;
    line-height: 20px;
    font-size:17px;
}
.feedback-helpdesk p {
    color: #333333;
    line-height: 20px;
    font-size:15px;
}
/*SPU-2006*/
.rich_text_html_editor p b,
.feedback-helpdesk p b {
    font-family: "Source Sans Pro Bold";
    font-weight:normal;
}

.rich_text_html_editor p a,
.feedback-helpdesk p a {
    font-family: "Source Sans Pro Bold";
    font-weight:normal;
}

@media(max-width: 991px){
    .no-padding-left-tablet{
        padding-left:0 !important;
    }
}

.feedback-helpdesk p:only-child,
.feedback-helpdesk p:last-child {
    margin-bottom:15px;
}

.new_goal_container #GettingStarted_container_Goal .left-col h2,.theme1 #GettingStarted_container_Goal .section_box h4{
    color: #333333;
}
.goal_target_circle_default img{
    box-shadow: 0 0 0 2pt #e68717;
}
#MyGoals_mainwrap .highlight a:hover{
    background-color: #FFFFFF;
}

/* SPU-2018 */
@media (max-width: 768px){
	.industrialLandscapeProfileComponentContainer #closed_tabs_container {
	    margin-top: 30px;
	}

    .container .precision_engineering_charts{
	    margin-top: 10px;
    }
}

@media (max-width: 400px){
	#IndustrialLandscapeProfile_container #PrecisionEngineering_jumbo_container{
    	min-height: 200px;		
	}
}

/* SPU-2018 */
.student_login_modal_SP_CP_middleText{	
    position: absolute;
    left: 440px;
}

@media (max-width: 991px){
	.student_login_modal_SP_CP_middleText{	
	    position: absolute;
	    left: 290px;
	}
}

@media (max-width: 767px){
	.student_login_modal_SP_CP_middleText{
    	position: relative;
    	left: auto;
	}
}

.dateSelect_nonAcademic {
    top: 12px;
    background:url(student-common/images/search_calendar_icon_orange.png) no-repeat right 10px center;
}

#MyGoals_top_container .heading1 span, .theme1 #MyGoals_top_container h3,.theme1 #jumbo_goal_common_container h3,.fancy span,#GettingStarted_container_Goal .section_box .progression .progression_step{
    font-weight: 300 !important;
}
.goal_nonacademic_panel_body .goal-general-add-delete-container,.goal-nonacademic-preamble{
    padding-left: 15px;
}

span.glyphicon.glyphicon-plus {
    padding-right: 5px;
}

.theme1 #jumbo_goal_common_container h3{
    font-size:28px;
}
input::-ms-clear,input::-ms-reveal{
    display: none;
}

.page-header .My_Reflections_position ul.action-widget {
        margin-bottom: -30px;
}

/*ILPPROD - 2895: Fix for zoom-levels greater than 100% : Start*/
#SearchResultsList_Container_main .panel-group .panel-heading.panel-group-header,
#SearchResultsList_Container_main .panel-group .panel{
    background:transparent !important;
}
/*ILPPROD - 2895 : End*/

/* ILPPROD-2896*/
.industrialLandscapeProfileComponentContainer  #closed_tabs_container .sildrow{
	margin-left: 15px;
    margin-right: 15px;
}
@media(min-width: 991px) and (max-width:1200px){
	#PrecisionEngineering_jumbo_container .jumboleft .job-role-margin{
	margin-left: 0px;}
}
#PrecisionEngineering_jumbo_container .jumboleft .job-role-margin.contentblock h1{
	padding-left: 0px;	
}
/* ILPPROD-2896*/

/*ILPPROD - 2780 : Start*/

/* Changes for breadcrumb alignment*/
.page-header.breadcrumb-header .container .breadcrumb_header_left_position .breadcrumb .active .fa-fw{
	text-align: left;
	padding-left: 1px;
}
/* Changes for Trigger Password Reset Page*/
.trigger_reset_pwd .container .trigger_password_reset{
	padding-left: 0px;
}
/* Job Role Details, Educational Institutions Detail*/
@media(max-width: 769px) and (min-width: 375px){
 #DataAnalyst_jumbo_container .jumboleft .contentblock{
	margin-left: -2px;}
 #DataAnalyst_jumbo_container .jumboleft .contentblock h1{
	margin-left: -2px;}	
} 
/* Add Category, Add Sub-Category */
.add_category #add_category_add_category #slider-table-content .slider-table-row .summary_header_info{
	padding-left: 0px;
	}
.add_category #add_category_add_category #slider-table-content .slider-table-row .summary_info{
	padding-left: 0px;
	}
.add_category #add_category_add_category #slider-table-content .file-upload.itemAttachmentClass .input-group.add-cat-attachment{
	margin-left: -2px;
	}
.add_category #add_category_add_category #slider-table-content .slider-table-row{
	padding-left: 0px;
	margin-left: -10px;
	}
.theme1.preu.container.preu_container{
	padding-left: 0px;
}
/* Explore Courses */
.course_detail_pm .course_detail_pm_container #CourseDetail.container.middle-content .middle-left {
    padding: 0px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}
/* Events Details */
.container.middle-content .calendar_events_detail_panel .middle-left.pesiContainerLeftPart {
    padding: 0px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    background: #fff;
}

@media (max-width: 361px) and (min-width: 351px) {
    .page-header .reflection ul.action-widget {
        margin-left: 4px;

    }
}
/*ILPPROD - 2780 : End*/

/*ILPPROD-2751*/
#resumeListingstuPrint #printResumeForm #myCoverLetterList .eqWrap,
#resumeListingstuPrint #printResumeForm #myReferencesList .eqWrap,
#listingShareContent #myCoverLetterList .eqWrap,
#listingShareContent #myReferencesList .eqWrap,
#listingShareContent #myOthersList .eqWrap{
	display: flex;
}

#resumeListingstuPrint #printResumeForm #myCoverLetterList .eq,
#resumeListingstuPrint #printResumeForm #myReferencesList .eq,
#listingShareContent #myCoverLetterList .eq,
#listingShareContent #myReferencesList .eq,
#listingShareContent #myOthersList .eq
 {
	padding: 10px;
}


#resumeListingstuPrint #printResumeForm #myCoverLetterList .equalHMVWrap,
#resumeListingstuPrint #printResumeForm #myReferencesList .equalHMVWrap,
#listingShareContent #myCoverLetterList .equalHMVWrap,
#listingShareContent #myReferencesList .equalHMVWrap,
#listingShareContent #myOthersList .equalHMVWrap {
	flex-wrap: wrap;
    margin-top: -3px;
}

#resumeListingstuPrint #printResumeForm #myCoverLetterList .equalHMV,
#resumeListingstuPrint #printResumeForm #myReferencesList .equalHMV,
#listingShareContent #myCoverLetterList .equalHMV,
#listingShareContent #myReferencesList .equalHMV,
#listingShareContent #myOthersList .equalHMV {
	width: 30%;
	margin: 1%;	
    margin-bottom: -2%;
}

#resumeListingstuPrint #printResumeForm #myCoverLetterList .equalHMV:nth-of-type(3n),
#resumeListingstuPrint #printResumeForm #myReferencesList .equalHMV:nth-of-type(3n),
#listingShareContent #myCoverLetterList .equalHMV:nth-of-type(3n),
#listingShareContent #myReferencesList .equalHMV:nth-of-type(3n),
#listingShareContent #myOthersList .equalHMV:nth-of-type(3n){
	margin-right: 0;	
}

#resumeListingstuPrint #printResumeForm #myCoverLetterList .equalHMV:nth-of-type(3n+1),
#resumeListingstuPrint #printResumeForm #myReferencesList .equalHMV:nth-of-type(3n+1),
#listingShareContent #myCoverLetterList .equalHMV:nth-of-type(3n+1),
#listingShareContent #myReferencesList .equalHMV:nth-of-type(3n+1),
#listingShareContent #myOthersList .equalHMV:nth-of-type(3n+1) {
	margin-left: 0;	
}

#resumeListingstuPrint #printResumeForm #myCoverLetterList .radio .stu-radio .equalHMV .eq, 
#resumeListingstuPrint #printResumeForm #myReferencesList .checkbox .equalHMV .eq
{
	margin-top: 3px; 
	margin-bottom: -2px;
	padding-left: 19px;
}

#resumeListingstuDownload #listingShareContent .radio label,
#resumeListingstuPrint #printResumeForm .radio label{
	 padding-left:2px;
}

#resumeListingstuDownload #listingShareContent .checkbox label,
#resumeListingstuPrint #printResumeForm .checkbox label{
     padding-left:6px;
}

#resumeListingstuPrint #printResumeForm #myReferencesList #myTestimonialList .checkbox-list
{
	 margin-left: 23px;
	 margin-top: 10px;
}

#resumeListingstuPrint #listingShareContent div.select-coverletter{
    background: white !important;
    margin-top: -8px;
    margin-bottom: 13px;
}

#resumeListingstuDownload #listingShareContent div.select-coverletter{
    background: white !important;
    margin-bottom: -5px;
}


#resumeListingstuPrint #printResumeForm #myReferencesList #myTestimonialList input[type="checkbox"]{
	  display:block;
	  margin-left: 3px;
}

/*  download popUp*/


#resumeListingstuPrint #printResumeForm .select-from-eportfolio .checkbox-list,
#resumeListingstuDownload #listingShareContent .select-from-eportfolio .checkbox-list{
	  margin-left: 28px;
}

#resumeListingstuDownload #listingShareContent #myReferencesList .checkbox-list,
#resumeListingstuPrint #printResumeForm #myReferencesList .checkbox-list{
	  margin-left: 22px !important;
	  margin-top: 10px !important;
}

#resumeListingstuDownload #listingShareContent #myCoverLetterList .radio .stu-radio .equalHMV .eq,
#resumeListingstuDownload #listingShareContent #myReferencesList .checkbox .equalHMV .eq,
#resumeListingstuPrint #printResumeForm #myCoverLetterList .radio .stu-radio .equalHMV .eq,
#resumeListingstuPrint #printResumeForm #myReferencesList .checkbox .equalHMV .eq{
	  margin-top: -2px; 
}

#resumeListingstuDownload #listingShareContent #myOthersList .checkbox .equalHMV .eq{
	 margin-top: -2px; 
	 padding-left: 10px !important;
}

#resumeListingstuDownload #listingShareContent #myReferencesList #myTestimonialList .checkbox-list,
#resumeListingstuPrint #printResumeForm #myReferencesList #myTestimonialList .checkbox-list{
	margin-left: 3px;
}




#resumeListingstuDownload #selectOthers{
    margin-top: -45px;
    
}


/* coverleterr on prepare for work*/
#coverLetterListingstuPrint #printCoverLetterForm .select-resume,
#coverLetterListingstuDownload #downloadCoverLetterForm .select-resume{
	background:	white !important;
}

#coverLetterListingstuPrint #printCoverLetterForm .select-from-eportfolio{
    margin-top: -5px;
    margin-bottom: 18px;
}

#coverLetterListingstuDownload #downloadCoverLetterForm .select-from-eportfolio{
    margin-top: 6px;
    margin-bottom: -26px;
}


/*spu-2115 end */ 
/* cover letter popUp changes start*/
#coverLetterListingstuPrint #printCoverLetterForm #myResumeList .eqWrap,
#coverLetterListingstuPrint #printCoverLetterForm #myReferencesList .eqWrap,
#coverLetterListingstuDownload #downloadCoverLetterForm  #myResumeList .eqWrap,
#coverLetterListingstuDownload #downloadCoverLetterForm #myReferencesList .eqWrap,
#coverLetterListingstuDownload #downloadCoverLetterForm #myOthersList .eqWrap{
	display: flex;
}

#coverLetterListingstuPrint #printCoverLetterForm #myResumeList .eq,
#coverLetterListingstuPrint #printCoverLetterForm #myReferencesList .eq,
#coverLetterListingstuDownload #downloadCoverLetterForm  #myResumeList .eq,
#coverLetterListingstuDownload #downloadCoverLetterForm #myReferencesList .eq,
#coverLetterListingstuDownload #downloadCoverLetterForm #myOthersList .eq
 {
	padding: 10px;
}


#coverLetterListingstuPrint #printCoverLetterForm #myResumeList .equalHMVWrap,
#coverLetterListingstuPrint #printCoverLetterForm #myReferencesList .equalHMVWrap,
#coverLetterListingstuDownload #downloadCoverLetterForm  #myResumeList .equalHMVWrap,
#coverLetterListingstuDownload #downloadCoverLetterForm #myReferencesList .equalHMVWrap,
#coverLetterListingstuDownload #downloadCoverLetterForm #myOthersList .equalHMVWrap {
	flex-wrap: wrap;
    margin-top: -3px;
}

#coverLetterListingstuPrint #printCoverLetterForm #myResumeList .equalHMV,
#coverLetterListingstuPrint #printCoverLetterForm #myReferencesList .equalHMV,
#coverLetterListingstuDownload #downloadCoverLetterForm  #myResumeList .equalHMV,
#coverLetterListingstuDownload #downloadCoverLetterForm #myReferencesList .equalHMV,
#coverLetterListingstuDownload #downloadCoverLetterForm #myOthersList .equalHMV {
	width: 30%;
	margin: 1%;	
    margin-bottom: -2%;
}

#coverLetterListingstuPrint #printCoverLetterForm #myResumeList.equalHMV:nth-of-type(3n),
#coverLetterListingstuPrint #printCoverLetterForm #myReferencesList .equalHMV:nth-of-type(3n),
#coverLetterListingstuDownload #downloadCoverLetterForm  #myResumeList .equalHMV:nth-of-type(3n),
#coverLetterListingstuDownload #downloadCoverLetterForm #myReferencesList .equalHMV:nth-of-type(3n),
#coverLetterListingstuDownload #downloadCoverLetterForm #myOthersList .equalHMV:nth-of-type(3n){
	margin-right: 0;	
}

#coverLetterListingstuPrint #printCoverLetterForm #myResumeList .equalHMV:nth-of-type(3n+1),
#coverLetterListingstuPrint #printCoverLetterForm #myReferencesList .equalHMV:nth-of-type(3n+1),
#coverLetterListingstuDownload #downloadCoverLetterForm  #myResumeList .equalHMV:nth-of-type(3n+1),
#coverLetterListingstuDownload #downloadCoverLetterForm #myReferencesList .equalHMV:nth-of-type(3n+1),
#coverLetterListingstuDownload #downloadCoverLetterForm #myOthersList .equalHMV:nth-of-type(3n+1) {
	margin-left: 0;	
}

#coverLetterListingstuPrint #printCoverLetterForm #myResumeList .radio .stu-radio .equalHMV .eq, 
#coverLetterListingstuPrint #printCoverLetterForm #myReferencesList .checkbox .equalHMV .eq
{
	margin-top: 3px; 
	margin-bottom: -2px;
	padding-left: 19px;
}

#coverLetterListingstuDownload #downloadCoverLetterForm .radio label,
#coverLetterListingstuPrint #printCoverLetterForm .radio label{
	 padding-left:2px;
}

#coverLetterListingstuDownload #downloadCoverLetterForm .checkbox label,
#coverLetterListingstuPrint #printCoverLetterForm .checkbox label{
     padding-left:6px;
}

#coverLetterListingstuPrint #printCoverLetterForm #myReferencesList #myTestimonialList .checkbox-list
{
	 margin-left: 23px;
	 margin-top: 10px;
}

#coverLetterListingstuPrint #listingShareContent div.select-coverletter{
    background: white !important;
    margin-top: -8px;
    margin-bottom: 13px;
}

#coverLetterListingstuDownload #listingShareContent div.select-coverletter{
    background: white !important;
    margin-bottom: -5px;
}


#coverLetterListingstuPrint #printCoverLetterForm #myReferencesList #myTestimonialList input[type="checkbox"]{
	  display:block;
	  margin-left: 3px;
}

/*  download popUp on coverletter */


#coverLetterListingstuPrint #printCoverLetterForm .select-from-eportfolio .checkbox-list,
#coverLetterListingstuDownload #listingShareContent .select-from-eportfolio .checkbox-list{
	  margin-left: 25px;
}


#coverLetterListingstuPrint #printCoverLetterForm #myResumeList,
#coverLetterListingstuDownload #downloadCoverLetterForm #myResumeList{
        padding-left: 2px !important;
}

#coverLetterListingstuDownload #listingShareContent #myReferencesList .checkbox-list,
#coverLetterListingstuPrint #printCoverLetterForm #myReferencesList .checkbox-list{
	  margin-left: 22px !important;
	  margin-top: 10px !important;
}

#coverLetterListingstuDownload #listingShareContent #myCoverLetterList .radio .stu-radio .equalHMV .eq,
#coverLetterListingstuDownload #listingShareContent #myReferencesList .checkbox .equalHMV .eq,
#coverLetterListingstuPrint #printCoverLetterForm #myCoverLetterList .radio .stu-radio .equalHMV .eq,
#coverLetterListingstuPrint #printCoverLetterForm #myReferencesList .checkbox .equalHMV .eq{
	  margin-top: -2px; 
}

#coverLetterListingstuDownload #listingShareContent #myOthersList .checkbox .equalHMV .eq{
	 margin-top: -2px; 
	 padding-left: 10px !important;
}

#coverLetterListingstuDownload #listingShareContent #myReferencesList #myTestimonialList .checkbox-list,
#coverLetterListingstuPrint #printCoverLetterForm #myReferencesList #myTestimonialList .checkbox-list{
	margin-left: 3px;
}
/* cover letter popUp changes end*/

/* 2115 checkbox tick alignment in center*/

#resumeListingstuPrint #listingShareContent #printResumeForm .select-from-eportfolio > label::after{
 margin-top: -19.3px;
 height: 19.3px;
}
#resumeListingstuPrint #listingShareContent #printResumeForm .select-from-eportfolio .checkbox > label::after{
 transform: translateY(-5%);
-ms-transform: translateY(-8%);
}
#resumeListingstuPrint #listingShareContent #printResumeForm .select-from-eportfolio #myTestimonialList > label::after{
  transform: translateY(-5%);
-ms-transform: translateY(-8%);
}


#resumeListingstuDownload #listingShareContent #downloadResumeForm .select-from-eportfolio > label::after{  
 margin-top: -19.3px;
 height: 19.3px;
}

#resumeListingstuDownload #listingShareContent #downloadResumeForm .select-from-eportfolio .checkbox > label::after{
 transform: translateY(-5%);
-ms-transform: translateY(-8%);
}
#resumeListingstuDownload #listingShareContent #downloadResumeForm .select-from-eportfolio #myTestimonialList > label::after{
  transform: translateY(-5%);
-ms-transform: translateY(-8%);
}


#coverLetterListingstuDownload #listingShareContent #downloadCoverLetterForm .select-from-eportfolio  > label::after{
 margin-top: -19.3px;
 height: 19.3px;
}
#coverLetterListingstuDownload #listingShareContent #downloadCoverLetterForm .select-from-eportfolio .checkbox > label::after{
 transform: translateY(-5%);
-ms-transform: translateY(-8%);
}
#coverLetterListingstuDownload #listingShareContent #downloadCoverLetterForm .select-from-eportfolio #myTestimonialList > label::after{
  transform: translateY(-5%);
-ms-transform: translateY(-8%);
}



#coverLetterListingstuPrint #listingShareContent #printCoverLetterForm .select-from-eportfolio > label::after{
 margin-top: -19.3px;
 height: 19.3px;
}

#coverLetterListingstuPrint #listingShareContent #printCoverLetterForm .select-from-eportfolio .checkbox > label::after{
 transform: translateY(-5%);
-ms-transform: translateY(-8%);
}
#coverLetterListingstuPrint #listingShareContent #printCoverLetterForm .select-from-eportfolio #myTestimonialList > label::after{
  transform: translateY(-5%);
-ms-transform: translateY(-8%);
}


/*ILPPROD - 7253 : Start*/
#stuvideo .nav-pills>li>a{
    color:#fff;
    background-color:#412B87;
}

#stuvideo .nav-pills>li>a:hover{
    color:#333;
    background-color:#ccc;
}

#stuvideo .nav-pills>li.active>a {
    color:#333;
    background-color:#fff;
}
#student-homePage-content .carousel-inner > .item .panel-group .panel-header{
    background-color: #5A7F29 !important;
}
#student-homePage-content .carousel-inner > .item .panel-group a.textlink{
    color: #5A7F29 !important;
}
/*ILPPROD - 7253 : end*/

@media(min-width:768px) {
   .break-word {
 		max-width: 163px !important;
 		word-wrap: break-word !important;
	}	
	#SearchResultsList_Container_main #directory_view #articlesResult .tile-item .item-Attained .Content-Attained-name {
        width: 90%;
        max-width: none !important;
    }
}

@media(max-width:767px) {
   .break-word {
 		max-width: 263px !important;
 		word-wrap: break-word !important;
	}
	 #SearchResultsList_Container_main #directory_view #articlesResult .tile-item .item-Attained .Content-Attained-name {
        width: 90%;
        max-width: none !important;
    }
}
#DataAnalyst_jumbo_container .contentblock h1 {
    padding-left:0;
    margin-left: -1px; /* ILPPROD-2780 */
}

.sector_articles #InitContainer > h4,
.sector_videos > h4 {
    padding-left:15px;
}

@media (min-width:1200px){
    .calendar_events_detail .row.calendar_events_detail_panel{
        padding-left:15px;
    }
}

@media (min-width:769px) and (max-width: 991px){
    .calendar_events_detail .middle-content #rightbar_panelgroup {
        padding-right:15px;
    }
}

@media (max-width:768px){
    .calendar_events_detail .middle-content #rightbar_panelgroup {
        padding-right:0;
        padding-left:0px;
    }
    .calendar_events_detail .middle-content .pesiContainerLeftPart {
        padding-right:0;
        padding-left:0px;
    }
}

@media(min-width:481px) and (max-width:767px){
	.container.paddingxs0.occupation_comparison_text{padding-left:0px;}
	
}
/*Changes for Learn about Job Roles > Details - Start */
@media (max-width: 991px){
	#DataAnalyst_jumbo_container .container {
	    padding-left: 0px !important;
	    margin-left:2px;}
}
/*Changes for Learn about Job Roles > Details - End */
/* Changes for alignment of SIL--> Videos - Start */
#InitContainer .row .dragscroll-item .info-card figcaption {
    padding-left: 15px;
   }
/* Changes for alignment of SIL--> Videos - End */

/* Changes for Change Password - Start*/
@media (max-width: 750px){
    .changeMessageBoxOnDesktop{
        margin-left: 0px;
        width: auto;
        margin-bottom: 20px; }
}
@media (min-width: 750px){
.changeMessageBoxOnDesktop {
    margin-top: 10px;}
}
@media (min-width: 1025px) and (max-width:1199px){
.changeMessageBoxOnDesktop { margin-left:0px}
}
/* Changes for Change Password - End*/

/* Changes for Notifications - Start*/
@media (max-width: 991px){
    .notification.parbase{
    margin-left: -14px;/* ILPPROD-2780  */
    }
}
span.no-notification {
    font-size: 15px;
    color: #333333;
}
/* Changes for Notifications - End*/
/* Changes for article-listing, video-listing pages - Start */
#InitContainer .row .info-card .article_list_title_container_div, 
#InitContainer .row .info-card .article_list_tags_container_div, 
#InitContainer .row .info-card .article_list_description_container_div.view-all-sector-articles-description,
#InitContainer .row .info-card .video_list_title_container_div,
#InitContainer .row .info-card .video_list_description_container_div.view-all-sector-videos-description
{
    font-size: 17px;
}
.sectorarticle .DetailsPageStyle .detail_sectioncontent .content p {
    font-size: 17px;
}
/* Changes for article-listing, video-listing pages - End */

/* Changes for Terms Of Use page - Start */
.termsOfUse p {
    font-size: 15px;
}
.termsOfUse p.article-sub-header {
    font-family: Source Sans Pro Bold;
}
.termsOfUse a {
    color: #412B87;
}
/* Changes for Terms Of Use page - End */

/* Changes for Learn about Job Roles page - Start */
@media (max-width: 350px){
	.container .reflection .col-xs-12.col-sm-12.col-md-4.My_Reflections_position{
		padding-left: 26px;	}/* ILPPROD-2780 */
}
@media (min-width: 350px) and (max-width: 991px){
	.container .reflection .col-xs-12.col-sm-12.col-md-4.My_Reflections_position{
		padding-left: 41px;	}/* ILPPROD-2780 */
}
.successstoriesslider .container.successstories_container#Successtories_id .fancy span:before, .container.successstories_container#Successtories_id .fancy span:after{
	width: 500px;	
}
.theme1 .successstoriesslider .container.successstories_container#Successtories_id h1{
	overflow-x: hidden;
}
/* Changes for Learn about Job Roles page - End */
/* Changes for Explore Courses Details page - Start */
.loadContentContainer.course_detail_pm_container #DataAnalyst_jumbo_container .container.DataAnalyst_jumbo_sub_container .jumboleft #fosList h1{
    margin-left: 0px;/* ILPPROD-2780  */
}
.course_detail_pm .course_detail_pm_container #DataAnalyst_jumbo_container .container.DataAnalyst_jumbo_sub_container .jumboleft #fosList .small_title_box{
	margin-left: 0px;
}
@media(max-width: 373px){
	.course_detail_pm .course_detail_pm_container #DataAnalyst_jumbo_container .container.DataAnalyst_jumbo_sub_container .jumboleft #fosList .small_title_box{
	margin-left: -2px;} /* ILPPROD-2780  */
	.loadContentContainer.course_detail_pm_container #DataAnalyst_jumbo_container .container.DataAnalyst_jumbo_sub_container .jumboleft #fosList h1{
    margin-left: -3px;}	
    .loadContentContainer.course_detail_pm_container #DataAnalyst_jumbo_container .container.DataAnalyst_jumbo_sub_container .jumboright{
    float: left;
    margin-left: -1px;}/* ILPPROD-2780  */
}
@media(min-width: 373px) and (max-width: 768px){
	.course_detail_pm .course_detail_pm_container #DataAnalyst_jumbo_container .container.DataAnalyst_jumbo_sub_container .jumboleft #fosList .small_title_box{
	margin-left: 1px;}
    .loadContentContainer.course_detail_pm_container #DataAnalyst_jumbo_container .container.DataAnalyst_jumbo_sub_container .jumboleft.col-md-8 {
    margin-left: -5px;}
    .loadContentContainer.course_detail_pm_container #DataAnalyst_jumbo_container .container.DataAnalyst_jumbo_sub_container .jumboright{
    float: left;
    margin-left: -5px;}
}
@media(min-width: 769px) and (max-width: 1025px){
	.loadContentContainer.course_detail_pm_container #DataAnalyst_jumbo_container .container.DataAnalyst_jumbo_sub_container .jumboleft #fosList h1{
    	margin-left: -1px;}
	}
.course_detail_pm .loadContentContainer.course_detail_pm_container #courseDetailFOSContainer .contentblock .courseFOS.border-top{
	margin-left: 0px;
	padding-left: 0px;
	/*ILPPROD-2780  */
	width: 100%;
	overflow-x: hidden;
}
/* Changes for Explore Courses Details page - End */
/* Changes for About page for Partners - Start */
.ecgPartnerLanding .msf-partners .container .msf-partners {
    margin-left: -14px;
}
.ecgPartnerLanding .msf-partners .container .msf-partners p {
    font-size: 17px;
}

.ecgPartnerLanding table tbody td b {
	color: #333333 !important;
}
/* Changes for About page for Partners - End */
/* Changes for Learn aboutJob Roles - Compare pop-up page - Start */
@media(max-width: 990px){
	.comparison_popup .CompareList_container.displayCompareList{
		padding-left: 21px;}
}
/* @media(min-width: 990px) and (max-width: 992px){
.comparison_popup .CompareList_container.displayCompareList{
	padding-left: 58px;}
} */
/* @media(min-width: 992px) and (max-width: 1040px){
	.comparison_popup .CompareList_container.displayCompareList{
	padding-left: 32px;}
} */
@media(min-width: 992px) and (max-width: 1023px){
	.comparison_popup .CompareList_container.displayCompareList{
		padding-left: 36px;}
} 
@media(min-width: 1024px) and (max-width: 1025px){
	.comparison_popup .CompareList_container.displayCompareList{
		padding-left: 48px;}
} 
@media(min-width: 1040px){
	.comparison_popup .CompareList_container.displayCompareList{
		padding-left: 57px;}
} 
/* Changes for Learn aboutJob Roles - Compare pop-up page - End */
/* SIL Page Start  */
.industrylandscape .container-fluid .container .Singapore_Industry_select_button{
    margin-left: 2px;
}
/* SIL Page End  */
/* ILPPROD-2175 */
.container.ReviewRequestBox .ECGSearch select::-ms-expand {
	display:none;
}
.ReviewRequestBox .btn.btn-secondary.dropdown-toggle {
    font-size: 17px;
    text-align: left;
    padding: 13px 25px;
    height: 53px;
    min-width: 190px;
    background:url(secondary/images/MyGoalsGeneral_arrowdown.png) center right 10px no-repeat #412B87 !important;
    -webkit-appearance: none;
}
.container.ReviewRequestBox .col-md-offset-1.col-md-1.filter-label {font-size:28px;font-family: Source Sans Pro;}
.container.ReviewRequestBox #ecgReviewBottomBox {margin-left: 0px; text-align: left; }
.container.ReviewRequestBox .row.ECGSearch .col-md-offset-1 {margin-left: 0px;padding-left: 0px;}	
.container.ReviewRequestBox .row.ECGtable .col-xs-offset-1 {margin-left: 0px;padding-left: 0px; width:100%}
.container.ReviewRequestBox #ecgReviewBottomBox  {margin-left: 0px; }
.container.ReviewRequestBox .row.ECGSearch .col-md-9 {width: 89%;}

@media (max-width:320px){
	.container.ReviewRequestBox .row.ECGtable{overflow: auto;} 
	.container.ReviewRequestBox .row.ECGSearch .col-md-offset-1 {margin-left: 0px;padding-left: 0px;padding-right: 0px;}	
	.container.ReviewRequestBox .row.ECGSearch .col-md-2{padding-left: 0px; padding-right: 0px;}
	.container.ReviewRequestBox .row.ECGSearch .col-md-9{padding-left: 0px; padding-right: 0px;}
	.container.ReviewRequestBox .row.ECGtable .col-xs-offset-1 {margin-left: 0px;}
    .container.ReviewRequestBox .col-md-3 {padding-left: 0px !important;}	
    }
@media (min-width:320px) and (max-width:991px){
	.container.ReviewRequestBox .row.ECGtable{overflow: auto;} 
	.container.ReviewRequestBox .row.ECGSearch .col-md-offset-1 {margin-left: 0px;padding-left: 0px;}
	.container.ReviewRequestBox .row.ECGSearch .col-md-2{padding-left: 0px;}
	.container.ReviewRequestBox .row.ECGSearch .col-md-9{padding-left: 0px; padding-right: 0px;}	
	.container.ReviewRequestBox .row.ECGtable .col-xs-offset-1 {margin-left: 0px;}
    .ReviewRequestBox .col-md-3 {padding-left: 0px !important;}	
  }
@media(min-width:991px) and (max-width:1023px){
	 .ReviewRequestBox .col-md-3 {padding-left: 0px !important;}
	}     
@media(min-width: 1024px) and (max-width:1200px){
 	
 	.container.ReviewRequestBox .row.ECGtable{overflow: auto;} 
    }
/* aligning the ecg table contents to left  */  
.container.ReviewRequestBox #ecg-table tr {
    text-align: left;
}
.container.ReviewRequestBox #ecg-table #ecg-partner-list {
    text-align: left;
}
.container.ReviewRequestBox #ecg-table tbody#ecg-experience-list {
    text-align: left;
	word-break: break-word;
	-ms-word-break: break-all;
}
/* ILPPROD-2175 */
/* Changes for Explore Educational Institutions - Start */
.explore_schools #ExploreEducationalInstituitionTypes_container .ExploreEducationalInstituitionTypes h3 {
    	overflow-x:hidden;
}  
@media(min-width:767px) and (max-width:990px){
		.theme1 .school_search_box #SingaporePostSecondaryEducation_fluidcontainer{
			    padding-left:0px;
			    padding-right:0px}	
 }
/* Changes for Explore Educational Institutions - End */
/* Changes for Job Role -Start */
.theme1 .jobroleprofile .jobroleprofile_container #JobRoleProfile{
    margin-right: auto;
    margin-left: auto;
    padding-left: 30px;
    padding-right: 15px;
}
@media(min-width: 1200px){
	.theme1 .jobroleprofile .jobroleprofile_container #JobRoleProfile{
	    width: 1170px;}
	.theme1 .jobroleprofile .jobroleprofile_container #JobRoleProfile .row #rightbar_panelgroup{
	    padding-left: 0px;
	    padding-right: 0px;}
}
@media(max-width: 1199px){
	.theme1 .jobroleprofile .jobroleprofile_container #JobRoleProfile .row .middle-left{
	    border: 1px solid #ebebeb;
	    width: 98%;}
}
@media(max-width: 1199px) and (min-width: 992px){
	.theme1 .jobroleprofile .jobroleprofile_container #JobRoleProfile .row #rightbar_panelgroup{
		margin-left: -14px;
		width: 101%;}
}
@media(max-width: 991px) and (min-width: 690px) {
	.theme1 .jobroleprofile .jobroleprofile_container #JobRoleProfile .row #rightbar_panelgroup{
		margin-left: -14px;
		width: 102%;}
}
@media(max-width: 689px) and (min-width: 398px){
	.theme1 .jobroleprofile .jobroleprofile_container #JobRoleProfile .row .middle-left{
	   width: 96%;}
	.theme1 .jobroleprofile .jobroleprofile_container #JobRoleProfile .row #rightbar_panelgroup{
	    margin-left: -14px;
	    width: 103%;}
}
@media(max-width: 397px){
	.theme1 .jobroleprofile .jobroleprofile_container #JobRoleProfile .row .middle-left{
	   width: 96%;}
	.theme1 .jobroleprofile .jobroleprofile_container #JobRoleProfile .row #rightbar_panelgroup{
	    margin-left: -14px;
	    width: 104%;}
}
/* Changes for Job Role Details -End */
/* Changes for Breadcrumb and Title -Start */
.page__title .title .page-header.headerGap .container .analytics-title{
	margin-left:-2px;
}
/* Changes for Breadcrumb and Title -End */