/******************  jump_ui_icon ******************/
.jump_ui {display:inline-block; font-style:inherit;}
.jump_ui.ui-email2 {background:url(../image/svg/ui-email2.svg) no-repeat;}
.jump_ui.ui-email {background:url(../image/svg/ui-email.svg) no-repeat;}
.jump_ui.ui-password {background:url(../image/svg/ui-password.svg) no-repeat;}

.jump_ui.ui-health {background:url(../image/svg/ui-health.svg) no-repeat;}
.jump_ui.ui-edu {background:url(../image/svg/ui-edu.svg) no-repeat;}
.jump_ui.ui-social {background:url(../image/svg/ui-social.svg) no-repeat;}
.jump_ui.ui-admin {background:url(../image/svg/ui-admin.svg) no-repeat;}
.jump_ui.ui-it {background:url(../image/svg/ui-it.svg) no-repeat;}
.jump_ui.ui-other {background:url(../image/svg/ui-other.svg) no-repeat;}

.jump_ui.ui-calendar {background:url(../image/svg/ui-calendar.svg) no-repeat;}
.jump_ui.ui-clock {background:url(../image/svg/ui-clock.svg) no-repeat;}
.jump_ui.ui-phone {background:url(../image/svg/ui-phone.svg) no-repeat;}
.jump_ui.ui-warning {background:url(../image/svg/ui-warning.svg) no-repeat;}
.jump_ui.ui-ie8 {background:url(../image/svg/ui-ie8_icon.png) no-repeat;}

.jump_ui.ui-login {background:url(../image/svg/ui-login.svg) no-repeat; background-size: contain; width:12px; height:20px;}

.badge {margin-left: 0.5em; margin-right: 0.5em; background-color: #D90000; padding: 4px 7px;}
.badge.turnoff { background-color:#EEE; color:#333; border: 1px solid #DDD;}

/*.jump_ui.ui-angle_down {background:url(../image/svg/ui-down.svg) no-repeat; background-position:0 -34px; width:10px; height:6px;}*/
.jump_ui.ui-angle_down {background:url(../image/jump_ui.png) no-repeat; background-position:0 -34px; width:10px; height:6px;/* top: 20px; right: 10px;*/}
.jump_ui.ui-angle_up {background:url(../image/jump_ui.png) no-repeat; background-position:0 -41px; width:10px; height:6px;}
.jump_ui.ui-caret_right {background:url(../image/jump_ui.png) no-repeat; background-position:0 -48px; width:6px; height:12px;}

.jump_ui.ui-search {background:url(../image/svg/ui-search.svg) no-repeat;}
.jump_ui.ui-jobFunction {background:url(../image/svg/ui-jobFunction.svg) no-repeat;}
.jump_ui.ui-industry {background:url(../image/svg/ui-industry.svg) no-repeat;}
.jump_ui.ui-education {background:url(../image/svg/ui-education.svg) no-repeat;}
.jump_ui.ui-salary {background:url(../image/svg/ui-salary.svg) no-repeat;}
.jump_ui.ui-location {background:url(../image/svg/ui-location.svg) no-repeat;}
.jump_ui.ui-qualification {background:url(../image/svg/ui-qualification.svg) no-repeat;}
.jump_ui.ui-course_type {background:url(../image/svg/ui-course_type.svg) no-repeat;}

.jump_ui.ui-star.active {background:url(../image/svg/ui-star1.svg) no-repeat;}
.jump_ui.ui-star {background:url(../image/svg/ui-star2.svg) no-repeat;}

.jump_ui.ui-tab_list1_on {background:url(../image/svg/ui-tab1.svg) no-repeat; background-size: 100%; width: 21px; height: 15px;}
.jump_ui.ui-tab_list1_off {background:url(../image/svg/ui-tab1b.svg) no-repeat; background-size: 100%; width: 21px; height: 15px;}
.jump_ui.ui-tab_list2_on {background:url(../image/svg/ui-tab2.svg) no-repeat; background-size: 100%; width: 15px; height: 15px;}
.jump_ui.ui-tab_list2_off {background:url(../image/svg/ui-tab2b.svg) no-repeat; background-size: 100%; width: 15px; height: 15px;}
/* Microsoft Edge Browser 12-13 - @supports method */
@supports (-ms-accelerator:true) {
.jump_ui.ui-tab_list1_on {background-size:cover;}
.jump_ui.ui-tab_list1_off {background-size:cover;}
.jump_ui.ui-tab_list2_on { background-size:cover;}
.jump_ui.ui-tab_list2_off {background-size:cover;}
}
/* Microsoft Edge Browser 12-13 - @supports method */


.jump_ui.ui-save {background:url(../image/svg/ui-save.svg) no-repeat; background-size: 100%; width: 30px; height: 29px;}
.jump_ui.ui-save.active {background:url(../image/svg/ui-save_on.svg) no-repeat; background-size: 100%; width: 30px; height: 29px;}
.jump_ui.ui-print {background:url(../image/svg/ui-print.svg) no-repeat; background-size: 100%; width: 30px; height: 29px;}
.jump_ui.ui-share {background:url(../image/svg/ui-share.svg) no-repeat; background-size: 100%; width: 30px; height: 30px;}

.jump_ui.ui-myprofile {background:url(../image/svg/ui-myprofile.svg) no-repeat;}
.jump_ui.ui-edit {background:url(../image/svg/ui-edit.svg) no-repeat;}
.jump_ui.ui-resumes {background:url(../image/svg/ui-resumes.svg) no-repeat;}
.jump_ui.ui-coverletter {background:url(../image/svg/ui-coverletter.svg) no-repeat;}
.jump_ui.ui-alerts  {background:url(../image/svg/ui-alerts.svg) no-repeat;}
.jump_ui.ui-match {background:url(../image/svg/ui-match.svg) no-repeat;}
.jump_ui.ui-speculative {background:url(../image/svg/ui-speculative.svg) no-repeat;}

.jump_ui.ui-ios_app {background:url(../image/svg/ui-ios_app.svg) no-repeat;}
.jump_ui.ui-google_app {background:url(../image/svg/ui-google_app.svg) no-repeat;}

.jump_ui.ui-facebook  {background:url(../image/svg/ui-facebook.svg) no-repeat;}
.jump_ui.ui-in {background:url(../image/svg/ui-in.svg) no-repeat;}
.jump_ui.ui-googleplus {background:url(../image/svg/ui-googleplus.svg) no-repeat;}
.jump_ui.ui-registration {background:url(../image/svg/ui-registration.svg) no-repeat;}

/*lovely ui icons*/
.jump_ui.ui-savejob { background: url(../image/svg/ui-savedjob.svg) no-repeat;}
.jump_ui.ui-resume { background: url(../image/svg/ui-resumes.svg) no-repeat;}
.jump_ui.ui-jobview { background: url(../image/svg/ui-view.svg) no-repeat;}
.jump_ui.ui-apply { background: url(../image/svg/ui-apply.svg) no-repeat;}
.jump_ui.ui-jobalert { background:url(../image/svg/ui-alerts.svg) no-repeat;}
.jump_ui.ui-video{ background:url(../image/svg/ui-video.svg) no-repeat;}
.jump_ui.ui-testing{ background:url(../image/svg/ui-cam.svg) no-repeat);}

.jump_ui.ui-rubbish { background:url(../image/svg/ui-rubbish.svg) no-repeat;}
.jump_ui.ui-rolling { background:url(../image/svg/ui-rolling.svg) no-repeat;}
.jump_ui.ui-correct { background:url(../image/svg/ui-correct.svg) no-repeat;}


/*employer ui icons*/
.jump_ui.ui-em-home { background:url(../image/svg/ui-employer_home.svg) no-repeat;}
.jump_ui.ui-em-job { background:url(../image/svg/ui-job_ads.svg) no-repeat;}
.jump_ui.ui-em-search { background:url(../image/svg/ui-speculative_search.svg) no-repeat;}
.jump_ui.ui-em-candidates { background:url(../image/svg/ui-candidates_match.svg) no-repeat;}
.jump_ui.ui-em-account { background:url(../image/svg/ui-account.svg) no-repeat;}
.jump_ui.ui-em-job_add { background:url(../image/svg/ui-job_add.svg) no-repeat;}
.jump_ui.ui-em-jobApplicants { background:url(../image/svg/ui-jobApplicants.svg) no-repeat;}
.jump_ui.ui-em-jobViews { background:url(../image/svg/ui-jobViews.svg) no-repeat;}

/* save-mask ui*/
.save-mask {background:rgba(0,0,0,0.3); width:100%; position:absolute; top:0; left:0; z-index:10000;}
.save-mask .jump_ui {width:40px !important; height:40px !important; position: absolute; top: calc(50% - 20px); left: calc(50% - 28px);}




.jump_ui.ui-remove:after {content:"x"; font-size:12px;}

.jump_ui.ui-size10 {background-size: contain/*100%*/; background-position:100% 0; width:10px; height:12px; margin-right:7px;}
.jump_ui.ui-size15 {background-size: contain; background-position:100% 0; width:15px; height:15px;}
.jump_ui.ui-size20 {background-size: contain; background-position:100% 0; width:20px; height:20px; margin-right:5px;}
.jump_ui.ui-size24 {background-size: contain; background-position: 50% top; width:24px; height:24px; margin-right:5px;}
.jump_ui.ui-size25 {background-size: contain; background-position:100% 0; width:25px; height:13px; margin-right:5px;}
.jump_ui.ui-size26 {background-size: contain; background-position:100% 0; width:26px; height:26px;}
.jump_ui.ui-size30 {background-size: contain; background-position:100% 0; width:30px; height:30px; margin-right:0.5em;}
.jump_ui.ui-size60 {background-size: contain; width:48px; height:48px;}
.jump_ui.ui-size70 {background-size: contain; width:70px; height:70px;}
.jump_ui.ui-size100a {background-size: contain; width:90px; height:90px;}
.jump_ui.ui-size100 {background-size: contain; background-position:100% 0; width:100px; height:33px; margin-right:0.5em; margin-bottom:1em;}
.jump_ui.ui-size110 {background-size: contain; background-position:100% 0; width:110px; height:40px; margin-right:10px;}
.jump_ui.ui-size130 {background-size: contain; width:130px; height:130px;}

.jump_ui.ui-pad1 {vertical-align: text-bottom;}
.jump_ui.ui-pad2 {vertical-align: middle; margin: 0 0.5em;}
.jump_ui.ui-pad3 {vertical-align: middle; margin:1em;}

a.op1 .jump_ui:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */ filter: alpha(opacity=50);  /* IE 5-7 */ -moz-opacity: 0.5;          /* Netscape */ -khtml-opacity: 0.5;        /* Safari 1.x */ opacity: 0.5; }


.ui-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ui-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}



/* effects */
#thum360 .ui-star.active, #jobListing .ui-star.active {
	animation: dropDown 0.3s forwards;
    transform: scale(2);
}
@keyframes dropDown {
	to { 
		opacity: 1;
		transform: scale(1);
	}
}