.cross, #salary-cross{
    background: url(https://d13dtqinv406lk.cloudfront.net/new_images/sprite.png) no-repeat -473px -188px;
    width: 16px;
    height: 14px;

    position: absolute;
    top: 10px;
    right: 1%;
    cursor: pointer;
}

.searchBoxesContainer{
    text-align: left;
    margin-left: 20%;
    width: 45%;
    padding: 0;
}

.findJobsContainer{
    margin-left: 1%;
    padding: 21px 0;
}

#job-list-page-content{
    width:75%;
}  

.job-listing{
    width:100%;
}

.job-listing .ready_btn {float: left; width: 139px; margin-left:20px; text-decoration: none; border: 1px solid #196fa0; height: 24px; font-size: 12px; line-height: 24px; color: #fff;cursor:pointer;
                         background: #2ba7dd;
                         background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2ba7dd), to(#196fa0));
                         background: -webkit-linear-gradient(#2ba7dd, #196fa0);
                         background: -moz-linear-gradient(#2ba7dd, #196fa0);
                         background: -ms-linear-gradient(#2ba7dd, #196fa0);
                         background: -o-linear-gradient(#2ba7dd, #196fa0);
                         background: linear-gradient(#2ba7dd, #196fa0);
                         -pie-background: linear-gradient(#2ba7dd, #196fa0);
}
.job-listing .ready_btn .icon{float: left; width: 7px; margin: 0 10px; height: 24px; background: url(https://d13dtqinv406lk.cloudfront.net/new_images/sprite.png) no-repeat -476px -385px;}
.job-listing .ready_btn:hover {
    background: #196fa0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#196fa0), to(#2ba7dd));
    background: -webkit-linear-gradient(#196fa0, #2ba7dd);
    background: -moz-linear-gradient(#196fa0, #2ba7dd);
    background: -ms-linear-gradient(#196fa0, #2ba7dd);
    background: -o-linear-gradient(#196fa0, #2ba7dd);
    background: linear-gradient(#196fa0, #2ba7dd);
    -pie-background: linear-gradient(#196fa0, #2ba7dd);
}
.course-list{clear:both; margin-top:10px; display:none;}
.course-list .course-icon{padding-right:12px;}
.page-content .job-listing .content-course {
    float: left;
    width: 700px;
    padding:0;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
    position:relative;
    margin-bottom: 10px;
}

.page-content .job-listing .content-course.course-desc {
    width: 100%;
}

.page-content .job-listing:first-child .content-course {
    border-bottom: 0;
}

.content-course .left-column{ float:left; width: 16%; padding: 8px;position: absolute; height: 110px;}
.content-course .left-column img { width: 100%;}
.content-course .right-column{ float:right;width: 83%;padding:8px 10px; min-height: 110px; box-sizing: border-box;}
.courses-filters .row-hook label{ vertical-align: middle;}
.job-listing  .content-course .salary{font-size: 12px; line-height: 22px; color: #838383; padding-bottom: 15px; display:block;}
.content-course .course-title{font-weight:bold; padding-bottom:10px; }

/*------------star rating -------------------*/
.rating {
    float:left;
}
/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:150%;
    line-height:1.2;
    color:#ddd;
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.job-list-overlay {
    z-index: 1;
}

.rating > input:checked ~ label {
    color: #f70;
    /*text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);*/
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    /*text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);*/
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    /*text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);*/
}
.star-rating{padding-bottom:5px;}
.rating > label:active {
    position:relative;
    /*top:2px;
    left:2px;*/
}
.rated-no{ display:inline-block; color:#ccc; border-right:1px solid #ccc; padding:0px 8px; float:left;}
.content-like{background:url("https://d13dtqinv406lk.cloudfront.net/web-images/likes.png") no-repeat top center;
              width:17px; height:17px; 
              display:inline-block; 
              border-right:1px solid #ccc;
              padding:0 8px;
}
.content-share{background:url("https://d13dtqinv406lk.cloudfront.net/web-images/share.png") no-repeat top center;
               width:17px; height:17px;
               display:inline-block; 			
               padding:0px 5px;
}
.calender-share{clear:both; padding:0px; margin-bottom:10px;}
.calender-share .cal-text{ display:inline-block; border-right:1px solid #ccc; padding:0px 8px 0px 0px;}
.calender-share .calender{background:url("https://d13dtqinv406lk.cloudfront.net/web-images//calender.png") no-repeat top center;
                          width:17px; height:17px; 
                          display:inline-block; 						
                          padding:0 8px;											
}  
.calender-share  .online-text{padding:0 8px;}
.company-logo{position:absolute; top:20px; right:20px; width: 100px;}
.company-logo img {max-height: 80px; max-width: 100px;}
.header-content{overflow:hidden; /*border-bottom:1px solid #f2f2f2;*/ padding: 0 10px 0 0px;}
.body-content{ padding:10px 20px; overflow:hidden;}

.content-course .header-content-details  .left-column{ float:left; width:200px;}
.content-course .header-content-details  .right-column{ float:right; width:475px; padding:20px 10px; background-color:#eaf7fd;}
.content-course .header-content-details {overflow:hidden; border-bottom:1px solid #ccc;}
.content-course .header-content-details  .body-content{ padding:10px 20px; overflow:hidden;}
.content-course .header-content-details  .calender-share-detials{clear:both; padding:20px 5px 10px 15px; border-top:1px solid #ccc; margin:16px 0 10px 0;}
.content-course .header-content-details .calender-share-detials .cal-text{ display:inline-block; border-right:1px solid #ccc; padding:0px 8px;}
.content-course .header-content-details  .calender-share-detials .calender{background:url("https://d13dtqinv406lk.cloudfront.net/web-images/calender.png") no-repeat top center;
                                                                           width:17px; height:17px; 
                                                                           display:inline-block; 						
                                                                           padding:0 8px;
                                                                           float:left;					
} 
.content-course .header-content-details  .calender-share-detials  .online-text{padding:0 8px;}
.content-course .header-content-details  .calender-share-detials  .online-text.right-border{border-right: 1px solid #ccc;}

.content-course.course-desc .header-content-details .left-column{ position: absolute; height: 200px; width: 200px; background-color:#e9eff4!important;}
.content-course.course-desc .header-content-details .right-column{ width:100%; padding:20px 0 0 200px; padding-left: 200px; background-color:#e9eff4; box-sizing: border-box;}
.content-course.course-desc .header-content-details .calender-share-detials{clear:both; padding: 15px 0px 20px 20px; border-top:1px solid #ccc; background-color: white; margin: 45px 0 0px 0;}
.content-course.course-desc .share a {float: none; display: inline-block; margin-bottom: -6px;}
.content-course.course-desc .course-buttons { width: 150px; padding: 0 10px; display: inline-block;}
.content-course .discount-banner.disable{display:none}
.content-course .discount-banner{float:right; margin-top: -10px;}
.content-course.course-desc .course-buttons .course-button-container { width: 90%; }
.course-button-online{float:right;}
/*------------star rating -------------------*/
.page-rightbar .content .rating {
    float:left;
}
/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.page-rightbar .content .rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.page-rightbar .content .rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:90%;
    line-height:1.2;
    color:#ddd;
}

.page-rightbar .content .rating:not(:checked) > label:before {
    content: '★ ';
}

.page-rightbar .content .rating > input:checked ~ label {
    color: #f70;
    /*text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);*/
}

.page-rightbar .content .rating:not(:checked) > label:hover,
.page-rightbar .content .rating:not(:checked) > label:hover ~ label {
    color: gold;
    /*text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);*/
}

.page-rightbar .content .rating > input:checked + label:hover,
.page-rightbar .content .rating > input:checked + label:hover ~ label,
.page-rightbar .content .rating > input:checked ~ label:hover,
.page-rightbar .content .rating > input:checked ~ label:hover ~ label,
.page-rightbar .content .rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    /*text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);*/
}
.page-rightbar .content .star-rating{padding-bottom:5px;}
.page-rightbar .content .rating > label:active {
    position:relative;
    /*top:2px;
    left:2px;*/
}
.page-rightbar .content .star-rating span{font-size:10px; color:#747474; float:left; display:inline-block;}

.load_more_content .no_more_jobs {
    text-align:center;
}

.job-listing .content-course h3 {
    padding-right: 100px;
}
i.fa.fa-inr.discount {
    text-decoration: line-through;
}
.content-course .header-content-details .calender-share-detials .online-text.right-border.discount {
    text-decoration: line-through;
    border-right: 0px;
    padding-right: 2px;
}
.content-course .header-content-details .calender-share-detials .online-text.right-border.reducedamount {
    font-weight: bold;
    font-size: 13px;
    border-right: 0px;
    padding-left: 5px;
}

.course-buttons {
    width: 100%;       
    padding-bottom: 10px;
}

.star-rating-container {            
    padding-right:10px;            
}
.star-rating-container.no-rating {
    display: none;      
}


.icon-heart:before {
    content: "\f004";
}
.right-column .wish-icon {
    font-size: 18px;
    color: rgba(0,0,0,.4);
    -webkit-text-stroke: 1px #fff;
    font-family: FontAwesome;
    font-style: normal;
    padding: 0 10px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    cursor: pointer;
    position: relative;
    top: 0;
    right: 0;
    display: inline-block;
}
i.icon-heart.wish-icon.no-rating {
    padding-left: 0px;
    border-left: none;
}
.wish-icon.added-wishlist {
    color: #D23837;
    opacity: 1;
}
.wish-icon:hover {
    color: #D23837;
    opacity: 1;
}
.share-course:before {
    content: "\f1e0";
}
.share-course {
    font-size: 18px;
    color: rgba(0,0,0,.4);
    -webkit-text-stroke: 1px #fff;
    font-family: FontAwesome;
    font-style: normal;
    padding: 0 10px;
    cursor: pointer;
}

.share > span{
    margin-right: 10px;
}

.calender-course:before {
    content: "\f073";
}
.calender-course {
    font-size: 18px;
    color: rgb(0,0,0);
    font-family: FontAwesome;
    font-style: normal;
    padding: 0 10px;
}
.share-course:hover {
    opacity: 1;
    color: #000000;
}
.s-rating:before {
    font-size: 16px;
    content: "\2605 \2605 \2605 \2605 \2605";
    content: "\f005 \f005 \f005 \f005 \f005";
    line-height: 1;
    letter-spacing: 4px;
    color: #aaa;
    font-family: FontAwesome;
}

.small-container .s-rating:before {
    font-size: 11px;
}

.small-container .s-rating span:before {
    font-size: 11px;
}

.star-rating-container.small-container .course-votes {
    font-size: 10px;
    color: #747474;
}

.s-rating {
    position: relative;
    white-space: nowrap;
    display: inline-block;
}
.s-rating span {
    position: absolute;
    left: 0;
    overflow: hidden;
}
.s-rating span:before {
    color: #fba617;
    font-size: 16px;
    content: "\2605 \2605 \2605 \2605 \2605";
    content: "\f005 \f005 \f005 \f005 \f005";
    line-height: 1;
    letter-spacing: 4px;
    font-family: FontAwesome;
}

.page-rightbar .content ul.popular-course {overflow: hidden;}

.search-course:before {
    content: "\f002";
}
.search-course {
    font-size: 17px;
    color: rgba(0,0,0,1);
    font-family: FontAwesome;
    font-style: normal;
    padding: 0;
    cursor: pointer;
}

.keyword-search {
    display: inline-block;
}

.keyword-search form {
    width: auto;
    position: relative;
}

#keywordCourseSearch {
    width:100%;
    min-width:200px;
    height: 38px; 
}
.content-section.keyword {
    margin-top: 0px;
    text-align: left;
    width: 100%;
}

.keyword-search #submitSearch {
    outline: 0;
    border: 0;
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 59%;
    margin-top: -10px;
}

.play-course:before {
    content: "\f01d";
}
.play-course {
    font-size: 18px;
    color: #9AA0A4;
    font-family: FontAwesome;
    font-style: normal;
    padding: 0 10px;
    cursor: pointer;
}

.padding-desc {
    padding: 10px 20px;
}

.course-desc-start {
    font-style: italic; font-weight: bold; padding-bottom: 20px;
}

.course-desc-list {
    list-style-type: disc;padding-left: 30px;padding-bottom: 20px;
}

.course-desc-list li {
    line-height: 20px;
}

.course-curriculum-lecture {
    padding: 10px 20px;
}

.course-curriculum-part1 {
    float: left; width: 20%;
    margin-left: 19px;
}

.course-curriculum-part2 {
    width: 60%; float: left; font-size: 13px;
    margin-left: 19px;
}

.course-curriculum-part3 {
    width: 20%; float: left; font-size: 13px; text-align: right;
    margin-left: 19px;
}

.course-curriculum-details {
    display: none;
}
.course-curriculum-part1 .lecture-name {
    font-size: 13px; vertical-align: 0.1em;
}
.content-course .course-section-heading {
    font-weight:bold;
    color: black;
    background-color: #e9eff4;
    border-top: 1px solid #C5C0C0;
    border-bottom: 1px solid #C5C0C0;

}
p.messageReview {
    padding: 30px;
    display:none;
}
.pricetag{
    white-space: nowrap;
    position: relative;
    margin: 0 5px 0 10px;
    display: inline-block;
    height: 20px;
    border-radius: 0 5px 5px 0;
    padding: 0 15px 0 15px;
    background: #d80108;
    border: 0 solid #c0151a;
    border-top-width: 1px;
    border-bottom-width: 1px;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    font-weight: bold;
}
.pricetag.disable{
    display: none;
}

.pricetag:before{
    position:absolute;
    content:"\25CF";
    color:white;
    text-shadow: 0 0 1px #333;
    font-size:11px;
    line-height:0px;
    text-indent:12px;
    left:-15px;
    width: 1px;
    height:0px;
    border-right:14px solid #d80108;
    border-top:  10px solid transparent;
    border-bottom:  10px solid transparent;
}
span.pricetag.courses {
    margin: 10px 5px 0 10px;
}


@media only screen and (max-width:737px) {
    .keyword-search #keywordCourseSearch {
        padding: 5px 50px 5px 10px;
        max-width: 255px;
        height: 24px;
        margin-top: 10px;
    }
}

.ui-menu .ui-menu-item img{float:right}

.ui-menu .ui-menu-item .type{
    float: right;
    margin: 0px 15px;
    color: gray;
}

.ui-autocomplete li{
    clear: both;
}

.ui-menu-item a span img{
    margin:0 10px;
}

.mappedCompetencies{

}

.mappedCompetenciesContainer{
    clear: both;
    float: left;
    margin-top: 15px;
}

.compentenciesHeading{
    font-weight: bold;
}

.floatLeft{
    float:left
}

.floatRight{
    float:right;
}

.descriptionText{
    display:inline-block;    
}

.staticDropDownContent img{
    margin-left:10px;
    margin-bottom: -2px;
}

.staticDropDownContent div{
    display:inline-block;
}

.no_more_jobs{
    text-align:center;
}
p.job_description{
    padding-bottom: 10px;
    line-height: 20px;
    font-size: 12px;
    color: #424242;
}

h3{
    margin-top: 0px;
}

.ui-menu-item{
    font-size: 13px;
}

#searchProvider{
    outline: 0;
}

.content-course {
    float: left;        
    padding:0;
    border-bottom: 1px solid #d0d0d0;    
    position:relative;
    margin-bottom: 0;
    font-size: 12px;
}

.filter-group .filter-object{
    display: inline-block;
    border: 1px solid #c8c8cb;
    background: #f0f0f7;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: transparent;
    box-shadow: none;
    padding: 7px 23px 7px 7px;
    border-radius: 6px;
    position: relative;
}


/*::-webkit-scrollbar { 
    display: none !important; 
}*/

.content-course .header-content-details .calender-share-detials .cal-text{
    font-size: 12px;
}

.jobCardsContainer{
    float: left;        
    background: #fff;
    padding: 0;
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: #bdbcbc 0px 0px 5px;
    -moz-box-shadow: #ccc 0px 0px 5px;
    box-shadow: #ccc 0px 0px 5px;
    width:55%;
}

label {
    font-weight: 400;
    font-size: 12px;
}

.course-title{
    font-size: 13px;
}

.text-field {        
    width: 100%;    
    background: #fff; 
    display:block;
    font-size: 12px;
    padding: 10px;
}

.search-degree .row{
    margin:10px 0;
}

.jobs-filters .panel-title {
    font-size: 13px;
    font-weight: 500;
}

.panel-heading{
    background: #fff !important;
}

.page-filters {
    float: left;
    width: 660px;
    margin-left: 22px;
    background:#fff;
    margin-bottom: 10px;
    padding: 10px 20px;
    border: 1px solid #d0d0d0;
    display:none;
}

.panel-title{
    font-size: 13px;
    font-weight: bold;
}

.cross, #salary-cross{
    top:9px;
}

#keyskill{font-weight: bold; padding-bottom: 15px;}

.rolenamecmp{font-weight: bold; display: inline-block; width: 22%; vertical-align: top; margin-bottom: 20px;}
.rolenamecmp1{ display: inline-block; vertical-align: top; padding-right: 10px;}
.rolecompetencylist0, .rolecompetencylist1, .rolecompetencylist2, .rolecompetencylist3, .rolecompetencylist4, .rolecompetencylist5, .rolecompetencylist6{display: inline-block; width: 74%}

.page-filters p {
    margin-bottom: 20px;
}
.page-leftbar .content .row label {
    padding-left: 10px;
    font-size: 11px;
    line-height: 14px;
    color: #424242;
    float :left;
    width:80%;
}
.page-content .job-listing .content {
    float: left;
    width: 671px;
    padding: 15px 17px 21px;
    border-bottom: 1px solid #d0d0d0;
}

h3.jobCount {
    font-weight: 600;
    margin: 0% 0 1% 0%;
    font-size: 11px;
}

#totalcount{
    margin:0;
}
.jobCompList {
    display: inline-block;
    margin: 0 0 0 0;           

}
.jobCompList .jobCompItem {
    display: inline-block;
    padding: 0 0 0 5px;
    border: 1px solid #aaa;
    margin: 0 5px 5px 0;
    line-height: 24px;
    background: #fff;
}

.course-buttons button{
    text-transform: none !important;
    font-size: 12px;
}

.calender-share .calender{
    margin: 0 10px;
}

.competencylist{display: inline-block; padding:0 20px 10px 0;}
.itemname{display: inline-block; width: 160px;vertical-align: top; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.showToggle{color:#2393c3; font-size: 12px; text-align: center; font-weight: bold;}
.showToggle span{font-size: 12px; }
.hide-role{background: url(.https://d13dtqinv406lk.cloudfront.net/web-images/hide-roles.png) top center no-repeat; height: 30px; width: 75px; text-indent: -9999px; display: inline-block;}
.show-more{background: url(.https://d13dtqinv406lk.cloudfront.net/web-images/show-more.png) top center no-repeat; height: 28px; width: 86px; text-indent: -9999px; display: inline-block;}

.ajax-loading {
    text-align: center;       
    position: relative;
    top: 6%;
}

.job-search-failed {
    height: 400px;
    text-align: center;
}

.job-search-failed p {
    font-size: 20px;
    font-weight: bolder;
    padding: 25%;
}

#page_content{
    padding-bottom: 25px;
}
/* ================= auto complete css====================== */
.chosen-container {
    display: inline-block;
    font-size: 13px;
    position: relative;
    width: 100%;
}
.chosen-container-multi .chosen-choices {
    background-color: #ffffff;
    border: 1px solid #a9a9a9;        
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    cursor: text;
    height: auto !important;        
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}
.chosen-container-multi .chosen-choices .search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.chosen-container-multi .chosen-choices .search-field input[type="text"] {
    background: transparent !important;
    border: 0 !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #555555;        
    margin: 0;
    padding: 5px;
    outline: 0;    
    font-size: 12px;
    float: left;
}    
.chosen-container-multi .chosen-choices .search-field .default {
    color: #999;
}
.chosen-container-multi .chosen-choices .search-choice {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;        
    color: #333333;
    cursor: default;
    margin: 6px 0 3px 5px;
    padding: 3px 18px 3px 9px;
    position: relative;
}

.chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    background: url("https://d13dtqinv406lk.cloudfront.net/web-images/chosen-sprite.png") right top no-repeat;
    display: block;
    font-size: 1px;
    height: 10px;
    position: absolute;
    right: 4px;
    top: 8px;
    width: 12px;
    cursor: pointer;
}
.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
    background-position: right -11px;
}
.chosen-container-multi .chosen-choices .search-choice-focus {
    background: #d4d4d4;
}
.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
    background-position: right -11px;
}
.chosen-container-multi .chosen-results {
    margin: 0 0 0 0;
    padding: 0;
}   
.filter-object{
    float :none !important;
}
.searchp{
    color: #9f9f9f;
    cursor: default;
    margin-top: 6px;
    display: inline-block;
    float: right;
    margin-right: 10px;
}
.ui-autocomplete {
    width: 562px!important;        
}

.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1001;
}

.content-section{
    padding: 21px 0;
}

.job-listing  .content-course .salary{
    padding-bottom: 0;
}

.job-listing h3 a{
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    color: #196e9e;
}

#slider-range{
    float: left; 
    width: 100%; 
    display: inline; 
    height: 4px; 
    margin-top: 6px; 
    background: #e0e0e0; 
    border: 0;}
#slider-range .ui-slider-range{height: 4px; background: #41a4f5; border: 0;}
#slider-range .ui-slider-handle{
    cursor:pointer;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    top: -8px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
    background-color: #ffffff;
}
#amount{float: left; width: 100%; text-align: center; margin-top: 15px; font-size: 12px; color: #424242;}

.courseProvider-scroll-pane{        
    overflow-y: auto;
    margin-top: 10px;        
    width: 100%;
}

.load_more_content{padding: 15px 0; width: 573px; float: left; position: relative; left: 50%; margin-left: -287px;}
.load_more_content_courses{position: relative;float: right;}	
.load_more_content_courses a{font-size: 14px; line-height: 30px; color: #6a6d6e; text-decoration: none;}
.load_more_content a{float: left; width: 571px; border: 1px solid #c7c7c7; text-align: center; font-size: 14px; line-height: 30px; 
                     color: #6a6d6e !important; text-decoration: none !important;
                     background: #d5dadd;
                     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d5dadd), to(#cdd2d4));
                     background: -webkit-linear-gradient(#d5dadd, #cdd2d4);
                     background: -moz-linear-gradient(#d5dadd, #cdd2d4);		
                     background: -ms-linear-gradient(#d5dadd, #cdd2d4);		
                     background: -o-linear-gradient(#d5dadd, #cdd2d4);		
                     background: linear-gradient(#d5dadd, #cdd2d4);		
                     -pie-background: linear-gradient(#d5dadd, #cdd2d4);		
}

.load_more_content a:hover{
    background: #cdd2d4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#cdd2d4), to(#d5dadd));
    background: -webkit-linear-gradient(#cdd2d4, #d5dadd);
    background: -moz-linear-gradient(#cdd2d4, #d5dadd);
    background: -ms-linear-gradient(#cdd2d4, #d5dadd);
    background: -o-linear-gradient(#cdd2d4, #d5dadd);
    background: linear-gradient(#cdd2d4, #d5dadd);
    -pie-background: linear-gradient(#cdd2d4, #d5dadd);
}
.job-listing .share a {
    float: left;
    width: 21px;
    height: 21px;
    background: url(https://d13dtqinv406lk.cloudfront.net/new_images/sprite.png) no-repeat 0 0;
    margin-right: 5px;
}

.job-listing .share a.mail {
    background-position: -614px -101px;
}

.job-listing .share a.twt {
    background-position: -563px -101px;
}

.job-listing .share a.in {
    background-position: -588px -101px;
}

.job-listing .share a.fb {
    background-position: -538px -101px;
}

.relevant-jobCard .job-card{
    height: 305px;
}

hr{
    margin: 5px 0;
}
.online-text{
    display: none;
}

@media only screen and (max-width:500px){
    .filter-icon-holder{
        padding: 0;
        width: 16%;
        display: inline-block;
        position: absolute;
        top: 141px;
        z-index: 9;
    }
    .searchBoxesContainer, .findJobsContainer{
        margin-left: 0;
        padding: 0;
    }
    .findJobsContainer{
        text-align: center;
    }

    .load_more_content, .load_more_content a{
        margin: 0 !important;
        left: 0 !important;
        width: 100% !important;
    }


    .content-section, .jobCardsContainer, .searchBoxesContainer {
        width: 100% !important;
    }
    #job-list-page-content {
        width: 100%;
        margin: 0;
    }
    #job-list-job-listing {
        width: 100%;
    }
    .company-logo {
        position: absolute;
        top: 107px;
        float: right;
        margin-right: 10px;
    }
    .top-tile-container {
        float: left;
    }
    .star-rating-container {
        display: inline-block;
        border: 0;
        padding-bottom: 10px;
        clear: both;
    }
    .star-rating-container.no-rating {
        display: none;
    }
    .wish-icon {
        display: block;
        border: 0;
        padding-bottom: 10px;
    }
    i.icon-heart.wish-icon.no-rating {
        padding-left: 0px;
    }
    .share-course {
        border: 0;
        padding-bottom: 10px;
    }

    .calendarShareContainer{
        clear:both;
    }

    .course-buttons {
        display: block;
        border: 0;
        padding-bottom: 10px;
    }
    .content-course .right-column {
        width: 100%;
        box-sizing: border-box;
        min-height: 110px;
        padding: 0 15px;
    }
    .page-content .job-listing .content-course {
        width: 100%;
    }
    .chosen-container { width:98%; margin: 5px 5px;}
    .chosen-container-multi .chosen-choices .search-field input[type="text"]
    { min-width: 500px;  }
    .ui-autocomplete { width: 96%!important;}
    .content-section.keyword{
        padding: 0;
    }
    .content-course .left-column{
        width: 32%;
        position: inherit;
        padding: 8px 15px 0;
        height: auto;
    }
    .body-content{
        padding: 10px 15px;
    }
    .content-course .course-title{
        padding-bottom: 0;
        margin-bottom: 5px;
    }
    .filter-on-mobile-screen{
        margin: -16px 4px;
    }
}

@media only screen and (max-width: 1199px){
    .chosen-container { width:98%; margin: 5px 5px;}
    .chosen-container-multi .chosen-choices .search-field input[type="text"]
    { min-width: 500px; }
    .ui-autocomplete {width: 96%!important;}
}