  
.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;
}

#job-list-page-content{
    width:75%;
}  
.job-listing .ready_btn {float: left; width: 139px; margin-left:20px; text-decoration: none; border: 1px solid #196fa0; height: 24px; font-size: 13px; 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:110px; position: absolute; height: 110px;}
.content-course .left-column img { width: 100%;}
.content-course .right-column{ float:right; width:550px; padding:8px 10px; min-height: 110px; box-sizing: border-box;}
.job-listing  .content-course .salary{font-size: 13px; 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;*/}
.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;}
.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: 14px;
             border-right: 0px;
             padding-left: 5px;
         }

.course-buttons {
     width: 100%;       
     padding-bottom: 10px;
        }
        
        /*.star-rating-container {
            display: inline-block;
            border-right: 1px solid #ccc;
            padding-right: 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;
        }
        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;
        }

        .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;
        }
        
        .keyword-search #keywordCourseSearch {
            padding: 5px 50px 5px 10px;
            width: 632px;
            height: 24px;
            margin-top: 10px;
        }
        .content-section.keyword {
            margin-top: 0px;
            text-align: center;
            width: 99%;
        }
        
        .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: 14px;
                 margin-left: 19px;
         }

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

         .course-curriculum-details {
            display: none;
         }
        .course-curriculum-part1 .lecture-name {
             font-size: 14px; 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;
         }
    .share-course{
      position: relative;
    }    
    .leftbar-close-btn{
      display: none;
      position: absolute;
      right: 0;
      top:0;
      padding: 5px;
    }
    .right-column>div:first-child{
      padding-left: 20px;
    }
    .course-buttons.bottom .course-button-join{
      margin-left:10px;
    }
@media only screen and (max-width:500px) {
  .course-description-page .content-section{
    overflow: visible;
  }
  /* course description */
  .online-text.mobile-view{
    width: 100%;
    margin-top: 10px;
    display: flex;
    justify-content: center;
  }
  .content-course.course-desc .share a{
    margin-bottom:0;
    margin: 0;
  }
  .job-listing .share{
    width: 100px;
  }
  .right-column>div:first-child{
    padding: 0 !important;
  }
  div.right-column div.top-tile-container div.course-buttons{
    width: 230px;
  }
  .content-course.course-desc .header-content-details .calender-share-detials{
    margin: 0;
  }
  .course-description-page div.header-content-details div.right-column div.calender-share-detials{
    padding: 15px 10px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .course-description-page .calender-share-detials .course-buttons{
    width: 90px;
  }
  .course-description-page .padding-desc{
    padding: 10px;
  }
  .course-description-page .course-desc-list{
    padding: 0 20px;
  }
  .content-course.course-desc .course-buttons.bottom{
    padding: 0;
    margin: 4px auto;
    display: block;
  }

  .course-buttons.bottom .course-button-join{
    margin: 0
  }
  .course-description-page .course-buttons.bottom button{
    /* width: 60%; */
    margin: 0;
    margin-left: 0;
  }
  .course-description-page .rightColumnInDesc{
    display: none;
  }
  /* course page */
  
  .page-leftbar .sub-heading{
    border-bottom: 1px solid red;
  }
  .leftbar-close-btn{
    display: block
  }
  .star-rating-container {
    width: 100%;
    display: flex;
    justify-content: center;
    border: 0;
    padding-bottom: 0;
  }
  .couseNtpodID,.top-tile-container{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
  }
    .content-section {
        width: 100%;
        padding:0;
    }
    .course-description-page  .job-listing .course-title,
    .course-description-page  .job-listing .course-title{
      padding:0;
      text-align: center;
    }
    #job-list-page-content {
        width: 100%;
        margin: 0;
    }
    #job-list-job-listing {
        width: 100%;
    }
    .company-logo {
        position: static;
        float: right;
        margin-right: 10px;
    }
    .top-tile-container {
        float: left;
    }
    .compentenciesHeading{
      margin-bottom: 10px;
    }
    .calender-share{
      margin: 0;
      display: flex;
      align-items: center;
    }
    .star-rating-container.no-rating {
        display: block;
        visibility: hidden;
    }
    .wish-icon {
        display: block;
        border: 0;
        padding-bottom: 10px;
    }
    i.icon-heart.wish-icon.no-rating {
        padding-left: 0px;
    }
    .share-course {
        display: block;
        border: 0;
        /* padding-bottom: 10px; */
    }
    .mappedCompetenciesContainer{
      margin: 0;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    }
    p.job_description{
      line-height: 16px;
    }
    .course-buttons {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
    }
    .courses-page div.content-course .course-buttons .course-button-container{
      width: 80px;
    }
    .content-course .right-column,.content-course.course-desc .header-content-details .right-column {
        width: 100%;
        padding: 0px;
        box-sizing: border-box;
        min-height: 110px;
    }
    .page-content .job-listing .content-course {
        width: 100%;
        margin: 0;
        background-color: #fff;
        padding-bottom: 10px;
    }
    .job-listing .content-course .right-column h3{
      line-height: 18px;
      padding:8px 45px 0 90px;
    }
    .company-logo img{
      width: 45px;
      height: auto;
    }
    .company-logo{
      position: absolute;
      right: 0;
      width: 45px;
      top: 5px;
      margin: 0;
    }
    .job-listing .content-course .salary{
      padding-bottom: 4px;
    }
    .star-rating-container{
      display: flex;
    width: 100%;
    justify-content: center;
    padding: 0;
    }
    .content-course div.left-column,.content-course.course-desc .header-content-details .left-column{
      position: absolute;
      width: 80px;
      height: 80px;
    }
    span.filter-btn{
        font-size: 12px;
          z-index: 1;
          float: right;
          margin-right: 10px;
          display: block;
    }
    .page-leftbar{
      display: none;
      position: fixed;
      top: 10px;
      z-index: 99999;
      width: 75%;
    }
    .page-leftbar .content .row{
      width: 100%;
    }
    .chosen-container { width:98%; margin: 5px 5px;}
    .chosen-container-multi .chosen-choices .search-field input[type="text"]
    { 
      min-width: 500px;  
      text-overflow: ellipsis;
    }
    .ui-autocomplete { width: 96%!important;}
    .header-content-details{
        background-color: #e9eff4;
    }
    .content-course.course-desc .header-content-details .left-column{
        margin: 5px;
        height: 100px;
        width: 100px;
        background-size: cover;
        position: initial;
    }
    .content-course.course-desc .header-content-details .right-column{
        padding: 0;
        display: block;
    }
    .course-list-content{
        position: relative;
    }
    .job-listing .content-course h3{
        padding: 5px 0;
        line-height: 1.2;
        max-width: 80%;
    }
    .course-list-content .company-logo{
        position: absolute;
        top: 35px;
        margin-right: 0;
    }
    .course-list-content .company-img{
        max-height: 67px;
        max-width: 100px;
        float: right;
    }
    .course-list-content .top-tile-container{
        width: 100%;
    }
    .course-list-content .icon-heart,
    .course-list-content .share-course{
        display: inline-block;
    } 
    .course-list-content .share-course{
        padding: 0;
    }

    .course-list-content .course-button-container{
        width: 95%;
    }

    .calender-share-detials .online-text{
        margin-top: 10px;
    }

    .calender-share-detials .course-button-online{
        float: none;
    }
    .course-title-cont,
    .course-title{
        padding-bottom: 0;
    }
    .rightColumnInDesc{
        width: 100%;
        margin: 10px 0;
        padding: 0;
    }
    .course-title-desc{
        padding: 0px 10px;
    }
    .course-title-cont{
        padding: 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;
}



.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: 13px;
    color: #424242;
}
.page-filters {
   float: left;
   width: 660px;
   margin-left: 22px;
   background:#fff;
   margin-bottom: 10px;
   padding: 10px 20px;
   border: 1px solid #d0d0d0;
   display:none;
}
#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: 12px;
   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: 12px;
}

#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;
}

/*        .jobCompList .rmv_cmptncy {
   font-size: 0.9em;
   font-weight: bold;
   line-height: 24px;
   display: inline-block;
   padding: 0 5px;
   margin-left: 5px;
   background: #E6E6E6;
   cursor: pointer;

}*/

/*------------------------------------------------*/
/* Switch SECTION START*/
/*------------------------------------------------*/
.Switch1 {
position: relative;
display: inline-block;
font-size: 12px;
font-weight: bold;
color: #fff;
line-height: 18px;
text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
height: 14px;
padding: 0px 0px 3px 8px;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 20px;
background: #919191;
box-shadow: 0px 0px 4px rgba(0,0,0,0.1), inset 0px 1px 3px 0px rgba(0,0,0,0.1);
cursor: pointer; 
float:right;
}

.Switch1.Off {	
background: #1a7dbe;       

}
body.IE7 .Switch { width: 78px; }
.Switch1 span {
display: inline-block;
width: 20px;
}
.Switch1 span.On { color: #fff; }
.Switch1 .Toggle {
position: absolute;
top: 0px;
width: 15px;
height: 15px;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,0.3);
border-radius: 20px;
background: #fff;
background: -moz-linear-gradient(top, #ececec 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #ececec 0%, #ffffff 100%);
background: -o-linear-gradient(top, #ececec 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #ececec 0%, #ffffff 100%);
background: linear-gradient(top, #ececec 0%, #ffffff 100%);
box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.5);
z-index: 999;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
}
.Switch1.On .Toggle { left: 6%; }
.Switch1.Off .Toggle { left: 58%; }
/* Round Switch */
.Switch.Round {
padding: 0px 20px;
border-radius: 40px;
}
body.IE7 .Switch1.Round { width: 1px; }
.Switch1.Round .Toggle {
border-radius: 40px;
width: 14px;
height: 14px;
}
.Switch1.Round.Off .Toggle {
left: 3%;
background: #890000;
}
.Switch1.Round.On .Toggle { left: 58%; }
.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;}

.job-listing .ajax-loading{top: 6%;}

/* ================= auto complete css====================== */
.chosen-container {
display: inline-block;
font-size: 14px;
position: relative;
vertical-align: middle;  
margin-right: 6px;
width:702px;
}
.chosen-container-multi .chosen-choices {
background-color: #ffffff;
border: 1px solid #a9a9a9;

-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
cursor: text;
height: auto !important;
height: 1%;
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;
height: 25px;
margin: 0;
padding: 5px 50px 5px 10px;
outline: 0;
/*min-width: 680px*/
}
/*.chosen-container-multi .chosen-choices .search-field input[type="text"]:focus{
min-width:80px; 
}*/
.chosen-container-multi .chosen-choices .search-field .default {
color: #999;
}
.chosen-container-multi .chosen-choices .search-choice {
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
background-color: #eeeeee;
border: 1px solid #cccccc;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
color: #333333;
cursor: default;
line-height: 13px;
margin: 6px 0 3px 5px;
padding: 3px 20px 3px 5px;
position: relative;
height:13px;
}
.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: 5px;
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;
}   
.searchp{position:absolute; top:8px; right:0; color:#9f9f9f; cursor: default;}
.ui-autocomplete {
width: 695px!important;
/*left:23.4%!important;*/
}
.filter-btn{
  display: none;
}

@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;}
}
