Skip to content

P
PERFORMA_REPLICA
Commit 4cb83098 by chenith Committed by Harsh Shah
Options

Update website styles.

parent 8cd9d7f8
Showing with 965 additions and 126 deletions
cmsWebApp/webroot/css/style-admin.css
...@@ -530,10 +530,6 @@ input:checked + .slider:before {-webkit-transform: translateX(18px);-ms-transfor ...@@ -530,10 +530,6 @@ input:checked + .slider:before {-webkit-transform: translateX(18px);-ms-transfor
.slider.round {border-radius: 34px;} .slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;} .slider.round:before {border-radius: 50%;}
span.checkbox.checked + .slider {background-color: #67b413;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms-transform: translateX(18px);transform: translateX(18px);}
/*CheckBox*/ /*CheckBox*/
.checkbox { .checkbox {
padding-left: 20px; } padding-left: 20px; }
...@@ -669,9 +665,9 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms- ...@@ -669,9 +665,9 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms-
width: 400px; width: 400px;
height: 60px; height: 60px;
margin-top: 10px; margin-top: 10px;
font-weight: 500; font-weight: 500;
} }
.btn.btn-primary:hover{ input.btn.btn-primary:hover{
background-color: #0e87be; background-color: #0e87be;
} }
.btn.active, .btn:active{ .btn.active, .btn:active{
...@@ -832,18 +828,113 @@ input.btn.btn-primary.top-margin-25{ ...@@ -832,18 +828,113 @@ input.btn.btn-primary.top-margin-25{
margin-bottom: 6px; margin-bottom: 6px;
} }
.match-job{ .match-job{
margin-top: 20px; margin-top: 24px;
margin-bottom: 17px; margin-bottom: 29px;
} }
.label-16{ .label-16{
font-size: 16px; font-size: 16px;
} }
.job-match-radio { .job-match-radio {
margin: 0 0 52px; margin: 0 0 34px;
} }
.job-match-radio.radio label{ .job-match-radio.radio label{
padding-left: 20px; padding-left: 20px;
} }
.main-job-match-area{
padding: 40px 11.4% 44px;
}
.talen{
font-size: 12px;
color: #9b9b9b;
margin-bottom: 2px;
}
.main-pack-type {
float: left;
margin-bottom: 67px;
width: 100%;
padding-left: 34px;
}
.main-pack-type li{
float: left;
width: 22.38%;
margin: 0 7.5px;
}
.main-pack-type li:first-child{
/*padding-left: 0;*/
}
.main-pack-type li:first-last{
/*padding-right: 0;*/
}
.main-pack-type li.active a{
border-radius: 4px;
background-color: #03a0e7;
border: solid 1px #316eb5;
}
.main-pack-type li.active .pack-price,.main-pack-type li.active .pack-type{
color: #ffffff;
}
.main-pack-type li.active .talen{
color: #ffffff;
opacity: 0.5;
}
.pack-type{
font-size: 13px;
font-weight: 500;
color: #4e5258;
}
.pack-price{
color: #4990e2;
font-weight: normal !important;
}
.ex-color{
color: #224b7a;
}
.main-pack-type li a{
text-align: center;
padding: 12px 0 16px;
float: left;
width: 100%;
border-radius: 4px;
background-color: #ffffff;
border: solid 1px #dddddd;
cursor: pointer;
}
.main-pack-type li a span{
float: left;
width: 100%;
font-weight: 700;
}
.pack-img{
background-repeat: no-repeat;
background-position: center;
width: 40px;
height: 40px;
margin: 17px 0 24px;
}
.gn-pu{
background-image: url('../images/general.png');
}
.sales-pic{
background-image: url('../images/sale.png');
}
.manag-pic{
background-image: url('../images/management.png');
}
.exe-pic{
background-image: url('../images/executive.png');
}
.main-pack-type li.active .gn-pu{
background-image: url('../images/general-active.png');
}
.main-pack-type li.active .sales-pic{
background-image: url('../images/sale-active.png');
}
.main-pack-type li.active .manag-pic{
background-image: url('../images/management-active.png');
}
.main-pack-type li.active .exe-pic{
background-image: url('../images/executive-active.png');
}
/*Job Match Assessment Page End*/ /*Job Match Assessment Page End*/
/*Review and Submit Page*/ /*Review and Submit Page*/
...@@ -900,6 +991,9 @@ input.btn.btn-primary.top-margin-25{ ...@@ -900,6 +991,9 @@ input.btn.btn-primary.top-margin-25{
.review-job{ .review-job{
margin-top: 20px; margin-top: 20px;
} }
.available-day{
margin-left: 8px;
}
/*Review and Submit Page End*/ /*Review and Submit Page End*/
/*Workplace Culture*/ /*Workplace Culture*/
...@@ -1196,7 +1290,7 @@ p.job-txt { ...@@ -1196,7 +1290,7 @@ p.job-txt {
.main-position-overview { .main-position-overview {
margin: 0 auto; margin: 0 auto;
width: 57.3%; width: 57.3%;
margin-top: 10%; margin-top: 102px;
} }
.overview-title{ .overview-title{
color: #4a4a4a; color: #4a4a4a;
...@@ -1478,7 +1572,7 @@ table.pos-table{ ...@@ -1478,7 +1572,7 @@ table.pos-table{
.estimated-time{ .estimated-time{
font-size: 12px; font-size: 12px;
color: #4a4a4a; color: #4a4a4a;
margin: 10px 0; margin: 11px 0 10px;
} }
.estimated-time span{ .estimated-time span{
font-weight: bold; font-weight: bold;
...@@ -1486,6 +1580,7 @@ table.pos-table{ ...@@ -1486,6 +1580,7 @@ table.pos-table{
.app-block p{ .app-block p{
color: #4a4a4a; color: #4a4a4a;
font-size: 12px; font-size: 12px;
line-height: 22px;
} }
.app-out-btn a{ .app-out-btn a{
float: right; float: right;
...@@ -1607,9 +1702,20 @@ table.pos-table{ ...@@ -1607,9 +1702,20 @@ table.pos-table{
color: #9b9b9b; color: #9b9b9b;
text-align: center; text-align: center;
font-size: 15px; font-size: 15px;
padding: 0 50.717px; padding: 0 0;
border-radius: 100px; border-radius: 100px;
line-height: 45px; line-height: 45px;
width: 205px;
}
.section-btn .box-btn{
padding:0;
width: 266px;
text-align: center;
}
.app-out-btn .box-btn{
padding: 0;
width: 266px;
text-align: center;
} }
.section-btn .box-btn-gray { .section-btn .box-btn-gray {
margin-right: 26px; margin-right: 26px;
...@@ -1720,6 +1826,19 @@ ul.security-level { ...@@ -1720,6 +1826,19 @@ ul.security-level {
border: solid 1px #2a6ebf; border: solid 1px #2a6ebf;
color: #ffffff; color: #ffffff;
} }
.section-tab-view .main-tab-form ul li a{
border-right: 1px solid #979797;
}
.section-tab-view .main-tab-form ul li:last-child a{
border-right: none;
}
.section-tab-view .main-tab-form ul li a{
padding: 21.5px 0;
font-weight: 500;
}
.radio.second-radio-primary label:hover::before {
border-color: #03a0e7;
}
/*Selection Criteria Page All Step End*/ /*Selection Criteria Page All Step End*/
/*Complete Page*/ /*Complete Page*/
...@@ -2175,7 +2294,7 @@ span.ex-management { ...@@ -2175,7 +2294,7 @@ span.ex-management {
.applicant-sidebar span { .applicant-sidebar span {
float: right; float: right;
} }
.gray,.green,.blue{ .applicant-sidebar .gray,.applicant-sidebar .green,.applicant-sidebar .blue{
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
} }
...@@ -2224,6 +2343,7 @@ span.export-candidate,span.appli-status-short{ ...@@ -2224,6 +2343,7 @@ span.export-candidate,span.appli-status-short{
.applicant-left { .applicant-left {
float: left; float: left;
width: 75.7%; width: 75.7%;
border-right: solid 1px #dddddd;
} }
.applicant-tab{ .applicant-tab{
display: inline-block; display: inline-block;
...@@ -2310,8 +2430,7 @@ span.appli-progress-bar { ...@@ -2310,8 +2430,7 @@ span.appli-progress-bar {
} }
.applicant-right { .applicant-right {
float: left; float: left;
width: 24.3%; width: 24.3%;
border-left: solid 1px #dddddd;
} }
.overall-suit{ .overall-suit{
color: #4a4a4a; color: #4a4a4a;
...@@ -2454,6 +2573,108 @@ input.add-note-btn:hover{ ...@@ -2454,6 +2573,108 @@ input.add-note-btn:hover{
right: -6px; right: -6px;
top: 17px; top: 17px;
} }
.second-part.v-applicant-area{
padding-top: 63px;
}
.expand-hide-tag{
background-color: #f2f3f4;
float: left;
width: 100%;
display: none;
}
.tab-row{
float: left;
width: 100%;
border-bottom: solid 1px #e3e3e3;
}
.tab-view-label {
color: #4e5258;
float: left;
font-size: 10px;
letter-spacing: 0.9px;
line-height: 82px;
text-align: right;
text-transform: uppercase;
width: 30%;
}
.tab-view-side {
float: right;
padding: 17px 28px 17px 18px;
width: 67.4%;
}
.result-want {
float: left;
width: 100%;
}
.result,.wants{
font-size: 10px;
font-weight: 500;
line-height: 1.4;
text-align: left;
color: #4e5258;
margin-bottom: 5px;
}
.result{
float: left;
}
.wants{
float: right;
}
.result-bar {
float: left;
position: relative;
width: 100%;
}
.like-strive{
font-size: 12px;
line-height: 1.17;
color: #7d7f82;
float: left;
width: 100%;
margin-top: 8px;
}
.result-bar ul{
background: none;
padding: 0 !important;
}
.red-b {
background: #f9623d none repeat scroll 0 0;
float: left;
position: relative;
z-index: 10;
height: 10px;
}
.yellow-b{
background-color: #ffd14c;
float: left;
position: relative;
z-index: 10;
height: 10px;
}
.green-b{
background-color: #03ac66;
float: left;
position: relative;
z-index: 10;
height: 10px;
}
.triangle-arrow {
background: rgba(0, 0, 0, 0) url("../images/triangle.png") no-repeat scroll center center;
height: 10px;
left: 48%;
position: absolute;
right: 0;
width: 11px;
z-index: 10;
}
.appli-int-status{
font-size: 11px;
letter-spacing: 0.9px;
text-align: left;
color: #767577;
text-transform: uppercase;
margin-top: 10px;
}
/*View Applicants Ends*/ /*View Applicants Ends*/
/*View Applicant Second page*/ /*View Applicant Second page*/
...@@ -2461,6 +2682,7 @@ input.add-note-btn:hover{ ...@@ -2461,6 +2682,7 @@ input.add-note-btn:hover{
.int-timeline { .int-timeline {
display: inline-block; display: inline-block;
margin-bottom: -1px;
} }
.int-timeline li{ .int-timeline li{
display: inline-block; display: inline-block;
...@@ -2485,8 +2707,8 @@ input.add-note-btn:hover{ ...@@ -2485,8 +2707,8 @@ input.add-note-btn:hover{
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 700;
display: block; display: block;
padding: 13.5px 0; padding: 11px 0;
width: 100px; width: 96px;
text-align: center; text-align: center;
} }
.int-timeline li a:hover { .int-timeline li a:hover {
...@@ -2494,46 +2716,59 @@ input.add-note-btn:hover{ ...@@ -2494,46 +2716,59 @@ input.add-note-btn:hover{
font-size: 11px; font-size: 11px;
} }
.int-timeline li.active{ .int-timeline li.active{
background-color: #ffffff; background-color: #e9ecef;
} }
.int-timeline li.active a{ .int-timeline li.active a{
color: #1a2531; color: #8e97a0;
font-size: 11px; font-size: 11px;
font-weight: bold; font-weight: bold;
position: relative; position: relative;
padding-top: 13px;
} }
.int-timeline li.interview-tran-btn{ .int-timeline li.interview-tran-btn{
background-color: transparent; background-color: transparent;
margin-left: 6px; margin-left: 7px;
} }
.int-timeline li.interview-tran-btn a { .int-timeline li.interview-tran-btn a {
border: dashed 1.5px #768595; border: dashed 1.5px #768595;
padding: 12px 0 9px; padding: 12px 0 10px;
position: relative;
top: -5px;
width: 84px;
} }
.int-timeline li.active a:after { .int-timeline li a:after {
content: ''; content: '';
width: 0; width: 7px;
height: 0; height: 14px;
border-bottom: 6px solid transparent; background-image: url('../images/applicants-process-arrow.png');
border-top: 6px solid transparent;
border-left: 6px solid #FFF;
position: absolute; position: absolute;
right: -6px; right: -6px;
top: 43%; top: 43%;
z-index: 10; z-index: 10;
} }
.int-timeline li:nth-child(2) a:after { .int-timeline li.active a:after {
content: ''; content: '';
width: 0; width: 7px;
height: 0; height: 14px;
border-bottom: 6px solid transparent; background-image: url('../images/applicants-process-arrow-white.png');
border-top: 6px solid transparent;
border-left: 6px solid #768595;
position: absolute; position: absolute;
right: -6px; right: -6px;
top: 43%; top: 43%;
z-index: 10; z-index: 10;
} }
.int-timeline li:last-child a:after,.int-timeline li:nth-child(3) a:after {
background: none;
}
/*.int-timeline li:nth-child(2) a:after {
content: '';
width: 7px;
height: 14px;
background-image: url('../images/applicants-process-arrow.png');
position: absolute;
right: -6px;
top: 43%;
z-index: 10;
}*/
.last-unsutable{ .last-unsutable{
text-align: right; text-align: right;
} }
...@@ -2555,26 +2790,425 @@ input.add-note-btn:hover{ ...@@ -2555,26 +2790,425 @@ input.add-note-btn:hover{
font-size: 11px; font-size: 11px;
display: block; display: block;
color: #7b8da0; color: #7b8da0;
padding: 13.5px 0; padding: 12px 0;
width: 96px; width: 96px;
} }
.unsutable a:hover,.unsutable a:hover span{ .unsutable a:hover,.unsutable a:hover span{
color: #ffffff; color: #ffffff;
} }
.hover-display{ .interview-tran-btn span{
display: none; background-image: url('../images/add-icon.png');
background-repeat: no-repeat;
width: 31px;
height: 31px;
background-position: center;
}
.interview-tran-btn a:hover span{
background-image: url('../images/add-icon-hover.png');
}
.int-timeline li.interview-tran-btn span{
margin-bottom: 9px;
}
.five-boxs{
float: left;
width: 100%;
text-align: center;
position: relative;
}
.appl-c-box{
display: inline-block;
width: 19%;
text-align: left;
background: #ffffff none repeat scroll 0 0;
margin: 0 0.4%;
width: 19.05%;
}
.green-back{
background-color: #67b413;
}
.blue-back{
background-color: #4990e2;
}
.dark-back{
background-color: #4a4a4a;
}
.cb-title{
color: #ffffff;
font-size: 16px;
padding: 13.5px 16px;
float: left;
width: 100%;
}
.cb-one {
margin-left: 0;
}
.cb-five{
margin-right: 0;
}
.overall-suitablity{
float: left;
width: 100%;
padding: 0 12px 20px;
}
.over-all{
font-size: 50px;
font-weight: 300;
}
.over-all.f-60{
font-size: 60px;
}
.overall{
font-size: 10px;
font-weight: 500;
letter-spacing: 0.9px;
text-transform: uppercase;
color: #7d7f82;
}
.jcc-box{
float: left;
width: 100%;
}
.jcc{
float: left;
width: 100%;
border-top: solid 1px #edeff0;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.9px;
padding: 0 12px;
line-height: 37px;
}
.jcc span{
float: right;
font-size: 22px;
font-weight: 300;
text-align: left;
color: #7d7f82;
}
.criteria{
background-color: rgba(239, 240, 242, 0.5);
}
.jcc img{
margin-right: 8px;
}
.view-app-area{
padding-top: 43px;
position: relative;
}
.app-border-bottom {
border-bottom: 1px solid #d2d3d5;
bottom: 3px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
width: 100%;
}
.main-expand-btn {
float: left;
width: 100%;
text-align: center;
}
.expand-btn{
font-size: 11px;
font-weight: 500;
letter-spacing: 1px;
color: #ffffff;
border-radius: 100px;
background-color: #4e5258;
display: inline-block;
text-transform: uppercase;
width: 225px;
height: 45px;
line-height: 45px;
cursor: pointer;
margin-bottom: 42px;
margin-top: 32px;
}
.expand-btn > img {
margin-left: 15px;
}
.app-line-br{
float: left;
width: 100%;
}
.app-line-br span{
border-bottom: solid 1px #d2d3d5;
position: absolute;
left: 0;
right: 0;
width: 100%;
}
.main-applicants-filter{
float: left;
width: 100%;
margin-bottom: 50px;
}
.appli-list-shorting{
display: inline-block;
margin-top: 23px;
position: relative;
width: 100%;
}
.appli-dropdown{
display: inline-block;
}
.appli-filter{
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 42px;
}
.appli-filter li {
display: inline-block;
margin: 0 10px;
text-transform: uppercase;
}
.lable-appli-shorting{
color: #9aa0a7;
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
}
.appli-filter li a {
color: #1a2531;
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
}
.appli-filter li.active a {
border-bottom: 2px solid #03a0e7;
color: #03a0e7;
}
.appli-shorting-dropdown{
float: right;
width: 120px;
margin-left: 10px;
position: relative;
z-index: 10;
}
.appli-order-label{
color: #9aa0a7;
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
width: 100%;
display: inline-block;
margin-bottom: 10px;
}
.appli-list-shorting .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 45px;
}
.appli-list-shorting span.select2-selection.select2-selection--single {
background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
border: 1px solid #b9bbbd;
border-radius: 2px;
height: 45px;
}
.appli-list-shorting .select2-container--default .select2-selection--single .select2-selection__arrow{
height: 45px;
} }
.interview-tran-btn a:hover .hover-display{ .appli-left{
float: left;
margin-left: 0;
}
.view-appli-list{
float: left;
width: 100%;
}
.appli-row{
float: left;
width: 100%;
background-color: #ffffff;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.02);
margin-bottom: 16px;
}
.appli-l{
float: left;
border-right: solid 1px rgba(229, 232, 235, 0.5);
}
.appli-checkbox {
text-align: center;
width: 44px;
padding: 26px 0 5px;
}
.appli-list-name {
color: #4a4a4a;
font-size: 20px;
padding: 14px 0 17px 21px;
width: 20.5%;
}
.appli-jcs {
color: #4a4a4a;
font-size: 11px;
letter-spacing: 1px;
padding: 26px 18px 5px;
text-transform: uppercase;
width: 15.4%;
}
.appli-view-bar {
display: inline-block;
width: 100%;
margin-bottom: 8.5px;
}
.appli-view-bar .progress {
margin-bottom: 0;
border-radius: 0;
height: 13px;
background: #e9ecef;
box-shadow: none;
}
.appli-view-bar .progress-bar{
background: #667281;
}
.appli-percent-no{
font-size: 36px;
font-weight: 300;
float: left;
padding-right: 39px;
}
.appli-status {
border: medium none;
padding: 15px 23px 0;
width: 28.3%;
}
.appli-list-drop{
float: left;
width: 160px;
}
.person-status {
float: left;
width: 100%;
background-color: #fafafa;
box-shadow: inset 0 1px 0 0 #dddedf;
}
.person-status li{
font-size: 11px;
letter-spacing: 0.9px;
text-align: left;
color: #9b9b9b;
text-transform: uppercase;
line-height: 35px;
padding: 0 15px;
display: inline-block;
position: relative;
}
.person-status li:last-child{
color: #767577;
}
span.right-img {
background-color: #ffffff;
border: solid 1px rgba(0, 0, 0, 0.1);
background-image: url('../images/right-check.png');
background-repeat: no-repeat;
width: 17px;
height: 17px;
display: block;
background-position: center;
border-radius: 50px;
display: inline-block;
position: relative;
top: 5px;
left: 5px;
}
.person-status li:not(:last-child)::before {
border-bottom: 18px solid transparent;
border-left: 10px solid rgb(173, 173, 173);
border-top: 18px solid transparent;
content: " ";
display: block; display: block;
height: 0;
left: 100%;
margin-left: 1px;
margin-top: -17px;
position: absolute;
top: 50%;
width: 0;
z-index: 3;
} }
.interview-tran-btn a:hover .hover-hide{
.person-status li:not(:last-child)::before {
border-left: 10px solid #dddedf;
}
.person-status li:not(:last-child)::after {
border-bottom: 18px solid transparent;
border-left: 10px solid #fafafa;
border-top: 18px solid transparent;
content: " ";
display: block;
height: 0;
left: 100%;
margin-top: -17px;
position: absolute;
top: 50%;
width: 0;
z-index: 3;
} }
/*View Applicants Second page End*/ .person-status li:not(:last-child)::after {
border-left: 10px solid #fafafa;
}
/*list checkbox*/
.checkbox-list label {
display: inline-block;
position: relative;
padding-left: 5px; }
.checkbox-list label::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
left: 0;
margin-left: -22px;
border: 1px solid #cccccc;
border-radius: 5px;
margin-top: 5px;
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-list label::after {
display: inline-block;
position: absolute;
width: 16px;
height: 16px;
left: 0;
top: 0;
margin-left: -18px;
padding-left: 6px;
padding-top: 7px;
font-size: 11px;
color: #555555; }
.checkbox-list input[type="checkbox"] {
opacity: 0; }
.checkbox-list input[type="checkbox"]:focus + label::before {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.checkbox-list input[type="checkbox"]:checked + label::after {
font-family: 'FontAwesome';
content: "\f00c"; }
.checkbox-list input[type="checkbox"]:disabled + label {
opacity: 0.65; }
.checkbox-list input[type="checkbox"]:disabled + label::before {
background-color: #eeeeee;
cursor: not-allowed; }
.checkbox-list.checkbox-circle label::before {
border-radius: 50%; }
.checkbox-list.checkbox-inline {
margin-top: 0; }
/*View Applicants Second page End*/
.appli-status-short{width: 170px;}
.userPic {margin-right: 16px;position: relative;top: -1px;}
.mobile-hide {display: inline-block;} .mobile-hide {display: inline-block;}
.show-mobile-title{display: none;} .show-mobile-title{display: none;}
.mobile-successfull-show{display: none;} .mobile-successfull-show{display: none;}
...@@ -2590,17 +3224,21 @@ input.add-note-btn:hover{ ...@@ -2590,17 +3224,21 @@ input.add-note-btn:hover{
.fl-right {width: 29.3%;} .fl-right {width: 29.3%;}
.main-applicant-content {width: 80.3%;} .main-applicant-content {width: 80.3%;}
.applicant-sidebar li a{font-size: 13px;padding: 0 8px;} .applicant-sidebar li a{font-size: 13px;padding: 0 8px;}
.gray, .green, .blue {font-size: 14px;} .applicant-sidebar .gray,.applicant-sidebar .green,.applicant-sidebar .blue {font-size: 14px;}
.applicant-sidebar li {line-height: 46px;} .applicant-sidebar li {line-height: 46px;}
span.appli-percen{top: -4px;font-size: 20px;margin-right: 5px;} span.appli-percen{top: -4px;font-size: 20px;margin-right: 5px;}
.appli-label {font-size: 13px;line-height: 24px;} .appli-label {font-size: 13px;line-height: 24px;}
.expand-box{margin-left: 15px;} .expand-box{margin-left: 15px;}
.big-percentage{font-size: 58px;} .big-percentage{font-size: 58px;}
.appli-percent-no{padding-right: 25px;}
.appli-jcs{font-size: 10px;padding: 26px 15px 0;}
.appli-list-name{font-size: 18px;}
.appli-status{padding: 15px 0 0 12px;width: 28.8%;}
} }
@media screen and (max-width: 1480px){ @media screen and (max-width: 1480px){
.search-bar {width: 53.25%;} .search-bar {width: 53.25%;}
.site-logo { padding: 13.5px 15px 13.5px 23px;} .site-logo { padding: 16.5px 15px 13.5px 23px;}
.rate-toggle {width: 78%;} .rate-toggle {width: 78%;}
.d-three-box{padding: 20px 15px;} .d-three-box{padding: 20px 15px;}
.job-post{padding-left: 15px;} .job-post{padding-left: 15px;}
...@@ -2619,6 +3257,7 @@ input.add-note-btn:hover{ ...@@ -2619,6 +3257,7 @@ input.add-note-btn:hover{
.week-states{margin-top: 20px;} .week-states{margin-top: 20px;}
.dash-count {font-size: 48px;} .dash-count {font-size: 48px;}
.welcome-text {font-size: 30px;} .welcome-text {font-size: 30px;}
.appl-c-box{margin: 0 0.3%;}
} }
@media screen and (max-width: 1380px){ @media screen and (max-width: 1380px){
...@@ -2631,7 +3270,14 @@ input.add-note-btn:hover{ ...@@ -2631,7 +3270,14 @@ input.add-note-btn:hover{
.facebook-icon {width: 12.73%;} .facebook-icon {width: 12.73%;}
.shape-icon{width: 13.73%; } .shape-icon{width: 13.73%; }
.more-icon {width: 13.3%;} .more-icon {width: 13.3%;}
.appl-c-box{margin: 0 0.2%;}
.over-all.f-60 {font-size: 54px;}
.appli-list-drop{width: 145px;}
.appli-view-bar{margin-bottom: 5.5px;}
.over-all {font-size: 44px;}
.appli-list-name{padding: 14px 0 17px 15px;}
.appli-checkbox{width: 40px;}
.site-logo {padding: 17.5px 15px 13.5px 23px;}
} }
@media screen and (max-width: 1350px){ @media screen and (max-width: 1350px){
...@@ -2640,6 +3286,13 @@ input.add-note-btn:hover{ ...@@ -2640,6 +3286,13 @@ input.add-note-btn:hover{
.rate-toggle {width: 80%;} .rate-toggle {width: 80%;}
.work-rating {font-size: 12px;} .work-rating {font-size: 12px;}
.make-payment-tab li a{width: 300px;} .make-payment-tab li a{width: 300px;}
.appli-percent-no {padding-right: 18px;font-size: 28px;}
.appli-jcs {font-size: 9px;padding: 26px 10px 0;}
.jcc{padding: 0 8px;}
.jcc span{font-size: 18px;}
.jcc img {margin-right: 5px;}
.cb-title{font-size: 15px;padding: 12.5px 13px;}
.main-job-match-area {padding: 40px 10.4% 44px;}
} }
@media screen and (max-width: 1280px){ @media screen and (max-width: 1280px){
...@@ -2653,6 +3306,11 @@ input.add-note-btn:hover{ ...@@ -2653,6 +3306,11 @@ input.add-note-btn:hover{
.main-applicant-content {width: 78.3%;} .main-applicant-content {width: 78.3%;}
.applicant-sidebar{width: 20.65%;} .applicant-sidebar{width: 20.65%;}
} }
@media screen and (max-width: 1278px){
.main-pack-type li {float: left;margin: 0 7.5px 15px;width: 47%;}
.main-pack-type {margin-bottom: 52px;}
}
@media screen and (max-width: 1240px){ @media screen and (max-width: 1240px){
.create-job-btn a{min-width: 130px;} .create-job-btn a{min-width: 130px;}
...@@ -2671,6 +3329,11 @@ input.add-note-btn:hover{ ...@@ -2671,6 +3329,11 @@ input.add-note-btn:hover{
.share-link img {margin-right: 4px;max-width: 16px;} .share-link img {margin-right: 4px;max-width: 16px;}
} }
@media screen and (max-width: 1024px) and (min-height: 1366px){
.second-part {min-height: 1010px;}
.main-content-area{min-height: 1241px;}
}
@media screen and (max-width: 1199px){ @media screen and (max-width: 1199px){
.rate-toggle {width: 100%;} .rate-toggle {width: 100%;}
span.rate-label {line-height: 26px;} span.rate-label {line-height: 26px;}
...@@ -2698,7 +3361,7 @@ input.add-note-btn:hover{ ...@@ -2698,7 +3361,7 @@ input.add-note-btn:hover{
.admin-notes {padding: 10px 15px;} .admin-notes {padding: 10px 15px;}
.applicant-sidebar li a {font-size: 11px;padding: 0 5px;} .applicant-sidebar li a {font-size: 11px;padding: 0 5px;}
.applicant-sidebar li {line-height: 42px;} .applicant-sidebar li {line-height: 42px;}
.gray, .green, .blue {font-size: 12px;} .applicant-sidebar .gray,.applicant-sidebar .green,.applicant-sidebar .blue {font-size: 12px;}
.applicant-header{padding: 18px 15px;} .applicant-header{padding: 18px 15px;}
.appli-applied{margin-top: 5px;} .appli-applied{margin-top: 5px;}
.appli-name {font-size: 22px;} .appli-name {font-size: 22px;}
...@@ -2723,6 +3386,38 @@ input.add-note-btn:hover{ ...@@ -2723,6 +3386,38 @@ input.add-note-btn:hover{
.expand-box{top: -4px;margin-left: 10px;} .expand-box{top: -4px;margin-left: 10px;}
.fixed-width{width: 120px;height: 120px;} .fixed-width{width: 120px;height: 120px;}
.progress-label{font-size: 11px;} .progress-label{font-size: 11px;}
.appli-list-name{width: 18.5%;}
.appli-list-drop {width: 130px;}
.appli-jcs {font-size: 8px;}
.appli-list-name {padding: 26px 0 0 8px;}
.jcc{font-size: 8px;line-height: 34px;}
.jcc span {font-size: 16px;}
.over-all.f-60 {font-size: 44px;}
.over-all {font-size: 34px;}
.cb-title {font-size: 15px;padding: 8.5px 10px;}
.overall-suitablity{padding: 0 8px 12px;}
.expand-btn{width: 210px;height: 40px;line-height: 40px;margin-bottom: 34px;margin-top: 28px;}
.appli-filter > ul {padding-right: 18%;}
.appli-order-label{margin-bottom: 5px;}
.appli-filter{top: 37px;}
.int-timeline li a{width: 80px;padding: 11px 0;}
.int-timeline li span{font-size: 24px;margin-bottom: 2px;}
.int-timeline li.interview-tran-btn a{width: 80px;padding: 5px 0 10px;}
.unsutable a{ width: 80px;padding: 12px 0;}
.unsutable a span{margin-bottom: 2px;font-size: 24px;}
.int-timeline li.interview-tran-btn{ margin-left: 5px;}
.int-timeline li.interview-tran-btn span {margin-bottom: 5px;}
.interview-tran-btn span{background-size: 24px auto;}
.second-part.v-applicant-area {padding-top: 45px;}
.tab-view-side {padding: 17px 10px;width: 70.4%;}
.tab-view-label{width: 26%;}
.like-strive{margin-top: 6px;font-size: 11px;}
.appli-list-drop {width: 130px;}
.appli-percent-no {font-size: 28px;padding-right: 10px;}
.appli-int-status {color: #767577;font-size: 10px;letter-spacing: 0.9px;margin-top: 6px;}
.main-job-match-area {padding: 34px 8.4% 40px;}
.appli-status-short{width: 150px;}
span.export-candidate, span.appli-status-short{margin: 0;}
} }
@media screen and (max-width: 1080px){ @media screen and (max-width: 1080px){
...@@ -2740,7 +3435,7 @@ input.add-note-btn:hover{ ...@@ -2740,7 +3435,7 @@ input.add-note-btn:hover{
.main-position-overview {width: 75.3%;} .main-position-overview {width: 75.3%;}
.main-verify-identity {width: 65%;} .main-verify-identity {width: 65%;}
.main-application-outline {width: 92%;} .main-application-outline {width: 92%;}
.app-block {margin: 45px 0 35px;padding: 45px 15px 15px;} .app-block {margin: 45px 0 35px;padding: 43px 14px 15px;}
.app-out-btn{margin-bottom: 8%;} .app-out-btn{margin-bottom: 8%;}
.pagination.ratting-number > li > a, .pagination.ratting-number > li > span{padding: 7px 15.12px;} .pagination.ratting-number > li > a, .pagination.ratting-number > li > span{padding: 7px 15.12px;}
.ratting-box span{margin: 0 8px;} .ratting-box span{margin: 0 8px;}
...@@ -2770,6 +3465,28 @@ input.add-note-btn:hover{ ...@@ -2770,6 +3465,28 @@ input.add-note-btn:hover{
.applicant-right {border-left: medium none;width: 100%;} .applicant-right {border-left: medium none;width: 100%;}
.fixed-width{width: 145px;height: 145px;} .fixed-width{width: 145px;height: 145px;}
.progress-label{font-size: 12px;} .progress-label{font-size: 12px;}
.appl-c-box {margin: 15px 0 0;width: 100%;}
.over-all.f-60 {font-size: 54px;}
.over-all {font-size: 44px;}
.jcc {font-size: 10px;line-height: 37px;}
.jcc span {font-size: 22px;}
.cb-title {font-size: 16px;padding: 12.5px 10px;}
.appli-list-name {border-right: medium none;width: 93%;border-bottom: 1px solid rgba(229, 232, 235, 0.5); padding: 15px 0 0 8px;}
.appli-jcs{width: 20.33%;padding: 26px 10px 15px;}
.appli-status{width: 36%;}
.appli-checkbox{border-bottom: 1px solid rgba(229, 232, 235, 0.5);padding: 15px 0 0;width: 7%;}
.appli-filter > ul {padding-right: 0;}
.appli-filter {top: 90px;}
.main-applicants-filter{margin-bottom: 60px;}
.main-content-area,.second-part {min-height: 904px;}
.second-part.v-applicant-area {padding-top: 30px;}
.applicant-left{border-right: none;}
.appli-list-name{padding: 8px 0 6.2px 8px;font-size: 16px;}
.appli-int-status{margin-top: 5px;font-size: 10px;}
.appli-int-status img{font-size: 10px;}
.main-job-match-area {padding: 34px 8.0% 40px;}
.main-pack-type li {width: 44%;}
.plan-link {font-size: 14px;}
} }
@media screen and (max-width: 980px){ @media screen and (max-width: 980px){
...@@ -2783,9 +3500,9 @@ input.add-note-btn:hover{ ...@@ -2783,9 +3500,9 @@ input.add-note-btn:hover{
input.btn.btn-primary{height: 54px;width: 64.4%;} input.btn.btn-primary{height: 54px;width: 64.4%;}
.create-job-btn a{padding: 10px 0;} .create-job-btn a{padding: 10px 0;}
.main-menu ul {padding: 30px 0;} .main-menu ul {padding: 30px 0;}
.make-payment-tab li a {width: 260px;} .make-payment-tab li a {width: 260px;}
.payment-title{font-size: 18px;} .payment-title{font-size: 18px;}
.total-amount{font-size: 18px;} .total-amount{font-size: 18px;}
} }
@media screen and (max-width: 950px){ @media screen and (max-width: 950px){
...@@ -2797,7 +3514,7 @@ input.add-note-btn:hover{ ...@@ -2797,7 +3514,7 @@ input.add-note-btn:hover{
@media screen and (max-width: 850px){ @media screen and (max-width: 850px){
.page-title{font-size: 26px;margin-bottom: 4.65%;} .page-title{font-size: 26px;margin-bottom: 4.65%;}
.main-content-area {padding: 4% 2.56% 0;} .main-content-area {padding: 4% 2.57% 0;}
.search-bar input {padding: 18px 20px 16px 60px;font-size: 12px;} .search-bar input {padding: 18px 20px 16px 60px;font-size: 12px;}
.search-bar {width: 36.25%;} .search-bar {width: 36.25%;}
.fl-right {width: 47.5%;} .fl-right {width: 47.5%;}
...@@ -2828,7 +3545,7 @@ input.add-note-btn:hover{ ...@@ -2828,7 +3545,7 @@ input.add-note-btn:hover{
.add-more-btn{min-height: 36px;line-height: 36px;} .add-more-btn{min-height: 36px;line-height: 36px;}
.review-edit-btn {padding: 0 25.2px;} .review-edit-btn {padding: 0 25.2px;}
.plan-link {top: 0;margin-top: 5px;float: left !important;width: 100%;} .plan-link {top: 0;margin-top: 5px;float: left !important;width: 100%;}
.page-subtitle- {margin-bottom: 60px;} .page-subtitle- {margin-bottom: 50px;font-size: 12px;}
ul.profile-dropdown {width: 186px;} ul.profile-dropdown {width: 186px;}
.profile-dropdown li a {padding: 13.2px 0 10px 15px;} .profile-dropdown li a {padding: 13.2px 0 10px 15px;}
.rate-toggle .nav-justified > li {display: table-cell;width: 1%;} .rate-toggle .nav-justified > li {display: table-cell;width: 1%;}
...@@ -2847,12 +3564,13 @@ input.add-note-btn:hover{ ...@@ -2847,12 +3564,13 @@ input.add-note-btn:hover{
table.pos-table{margin-top: 40px;margin-bottom: 41px;} table.pos-table{margin-top: 40px;margin-bottom: 41px;}
.job-detail-title{font-size: 14px;margin-bottom: 22px;} .job-detail-title{font-size: 14px;margin-bottom: 22px;}
.pos-content{font-size: 12px;} .pos-content{font-size: 12px;}
.apply-job-btn a{width: 280px;} .apply-job-btn a{width: 224px;}
.apply-job-btn{margin-top: 20px;margin-bottom: 9px;} .apply-job-btn{margin-top: 20px;margin-bottom: 9px;}
.overview-title {font-size: 15px;text-align: center;margin-bottom: 9px;} .overview-title {font-size: 15px;text-align: center;margin-bottom: 9px;}
.app-second-block {border-left: 2px solid #d3d3d3;border-right: 2px solid #d3d3d3;} .app-second-block {border-left: 2px solid #d3d3d3;border-right: 2px solid #d3d3d3;}
.app-block {margin: 0;border-bottom: 0 none;padding-bottom: 36px;} .app-block {margin: 0;border-bottom: 0 none;padding-bottom: 34px;}
.appli-content {width: 100%;padding: 0 34px;text-align: center;margin-bottom: 13px;font-size: 12px;} .appli-content {width: 100%;text-align: center;margin-bottom: 13px;font-size: 12px;}
.app-block p{line-height: 20px;}
.app-complete-title{font-size: 20px;} .app-complete-title{font-size: 20px;}
.app-complete-text{font-size: 14px;width: 100%;padding: 47px 32px 42px;} .app-complete-text{font-size: 14px;width: 100%;padding: 47px 32px 42px;}
.job-post-complete {min-height: 199px;} .job-post-complete {min-height: 199px;}
...@@ -2886,7 +3604,7 @@ input.add-note-btn:hover{ ...@@ -2886,7 +3604,7 @@ input.add-note-btn:hover{
.section-tab-view .nav-justified>li a{margin-bottom: 0;} .section-tab-view .nav-justified>li a{margin-bottom: 0;}
.mobile-hide{display: none;} .mobile-hide{display: none;}
.section-tab-view .main-tab-form span{position: relative;display: inline-block;top: 0;height: 22px;line-height: 22px;width: 22px;font-size: 11px;} .section-tab-view .main-tab-form span{position: relative;display: inline-block;top: 0;height: 22px;line-height: 22px;width: 22px;font-size: 11px;}
.main-tab-form ul li a{padding: 6.5px 0;} .section-tab-view .main-tab-form ul li a{padding: 6.5px 0;}
.selection-aust-logo{text-align: center;} .selection-aust-logo{text-align: center;}
.selection-aust-logo span {width: 100%;font-size: 12px;line-height: normal;margin: 19px 0 18px;} .selection-aust-logo span {width: 100%;font-size: 12px;line-height: normal;margin: 19px 0 18px;}
.m-hide{display: none;} .m-hide{display: none;}
...@@ -2929,24 +3647,35 @@ input.add-note-btn:hover{ ...@@ -2929,24 +3647,35 @@ input.add-note-btn:hover{
.big-right-sy span{width: 45px;height: 45px;line-height: 45px;} .big-right-sy span{width: 45px;height: 45px;line-height: 45px;}
.big-right-sy img {width: 20px;} .big-right-sy img {width: 20px;}
.big-right-sy {top: -22.5px;} .big-right-sy {top: -22.5px;}
.appli-jcs,.appli-status{width: 100%;}
.appli-status {padding: 15px 0 15px 12px;}
.person-status li{width: 100%;}
.person-status li:not(:last-child)::after,.person-status li:not(:last-child)::before{display: none;}
.main-content-area,.second-part{min-height: 100%;}
.main-content-area .main-tab-form ul li:first-child a {border-radius: 0;}
.main-content-area .main-tab-form .nav-pills > li + li{margin-left: 0;}
.main-content-area .main-tab-form .nav-justified > li > a {margin-bottom: 0;}
.second-part.v-applicant-area {padding-top: 20px;}
.main-application-outline {padding: 0 34px;width: 100%;}
} }
@media screen and (max-width: 750px){ @media screen and (max-width: 750px){
.fl-right {width: 55.5%;} .fl-right {width: 58.5%;}
.search-bar input {height: 50px;} .search-bar input {height: 50px;}
.search-bar img {left: 15px;top: 16px;} .search-bar img {left: 15px;top: 16px;}
.notification-bar {height: 50px;} .notification-bar {height: 50px;}
.notification-label{top: 4px;} .notification-label{top: 4px;}
.user-profile-dropdown {height: 50px;padding: 15px 0;} .user-profile-dropdown {height: 50px;padding: 15px 0;}
.create-job-btn {height: 50px;padding: 10.5px 0 0 10px;} .create-job-btn {float: right;height: 50px;padding: 10.5px 15px 0 10px;}
.search-bar input {padding: 15px 20px 16px 50px;} .search-bar input {padding: 15px 20px 16px 50px;}
.create-job-btn a {font-size: 13px;padding: 5px 0;} .create-job-btn a {font-size: 13px;padding: 5px 0;}
.user-profile-dropdown{width: 44.64%;} .user-profile-dropdown{width: 44.64%;}
.main-verify-identity {width: 70%;} .main-verify-identity {width: 70%;}
.plan-link {font-size: 12px;}
} }
@media screen and (max-width: 700px){ @media screen and (max-width: 700px){
.fl-right {width: 58.5%;} .fl-right {width: 60.5%;}
.create-job-btn a {min-width: 100px;} .create-job-btn a {min-width: 100px;}
.page-title {font-size: 24px;} .page-title {font-size: 24px;}
.social-login{width: 100%;} .social-login{width: 100%;}
...@@ -2963,10 +3692,15 @@ input.add-note-btn:hover{ ...@@ -2963,10 +3692,15 @@ input.add-note-btn:hover{
.main-verify-identity {width: 100%;padding: 0 30px;} .main-verify-identity {width: 100%;padding: 0 30px;}
.pl-confirm {font-size: 12px;margin: 29px 0 25px;} .pl-confirm {font-size: 12px;margin: 29px 0 25px;}
.main-box-layout.main-verify-step-2 {padding: 28px 30px 29px;} .main-box-layout.main-verify-step-2 {padding: 28px 30px 29px;}
.main-box-layout.login-box{padding: 28px 30px 29px;}
.main-verify-step-2 .box-btn {margin-top: 16px;font-size: 13px;width: 100%;} .main-verify-step-2 .box-btn {margin-top: 16px;font-size: 13px;width: 100%;}
.main-box-layout{margin-bottom: 0;padding: 23px 30px 5px;} .main-box-layout{margin-bottom: 0;padding: 23px 30px 5px;}
.verify-i-title{font-size: 15px;margin-bottom: 28px;} .verify-i-title{font-size: 15px;margin-bottom: 28px;}
.social-login li{ padding: 7.1% 0;width: 32.2%;} .social-login li{ padding: 7.1% 0;width: 32.2%;}
.box-label {font-size: 12px;}
.box-btn{font-size: 13px;width: 100%;padding: 0;}
.pl-verify{font-size: 12px;}
.verify-i-setpone label{font-size: 12px;}
} }
@media screen and (max-width: 600px){ @media screen and (max-width: 600px){
...@@ -2980,7 +3714,7 @@ input.add-note-btn:hover{ ...@@ -2980,7 +3714,7 @@ input.add-note-btn:hover{
.notification-bar{width: 55px;} .notification-bar{width: 55px;}
.notification-label{right: 10px;} .notification-label{right: 10px;}
input.btn.btn-primary{width: 100%;height: 44px;} input.btn.btn-primary{width: 100%;height: 44px;}
.make-payment-tab li a {min-height: 45px;padding: 8px 0;width: 150px;font-size: 13px;} .make-payment-tab li a {min-height: 45px;padding: 6px 0;width: 150px;font-size: 13px;}
.v-middel {line-height: 16.5px;} .v-middel {line-height: 16.5px;}
.make-payment-tab.nav-pills > li.active > a, .make-payment-tab.nav-pills > li.active > a:focus, .make-payment-tab.nav-pills > li.active > a:hover {font-size: 13px;} .make-payment-tab.nav-pills > li.active > a, .make-payment-tab.nav-pills > li.active > a:focus, .make-payment-tab.nav-pills > li.active > a:hover {font-size: 13px;}
.small-tab-font {font-size: 10px;} .small-tab-font {font-size: 10px;}
...@@ -2992,19 +3726,22 @@ input.add-note-btn:hover{ ...@@ -2992,19 +3726,22 @@ input.add-note-btn:hover{
.section-btn input{padding: 0 25.717px;line-height: 38px;} .section-btn input{padding: 0 25.717px;line-height: 38px;}
.section-c-title{font-size: 24px;} .section-c-title{font-size: 24px;}
.section-c-title span{width: 100%;} .section-c-title span{width: 100%;}
.social-login img {width: 39px;}
.fl-right {width: 62.5%;}
} }
@media screen and (max-width: 520px){ @media screen and (max-width: 520px){
.fl-right {width: 100%;box-shadow: inset 0 1px 0 0 #e5e8eb;} .fl-right {width: 100%;box-shadow: inset 0 1px 0 0 #e5e8eb;}
.search-bar {width: 100%;} .search-bar {width: 100%;}
.social-login li {padding: 6.1% 6.8%;} .social-login li{width: 31.2%;}
.verify-i-title {font-size: 18px;}
.ratting-box span {display: inline-block;margin: 10px 0;width: 100%;} .ratting-box span {display: inline-block;margin: 10px 0;width: 100%;}
.job-application,.job-shortlisted {width: 50%;} .job-application,.job-shortlisted {width: 50%;}
.job-states{width: 100%;border-top: 1px solid rgba(229, 232, 235, 0.5);} .job-states{width: 100%;border-top: 1px solid rgba(229, 232, 235, 0.5);}
.job-list{border-left: 3px solid #03ac66;} .job-list{border-left: 3px solid #03ac66;}
.all-jobs-title {margin-top: 0;} .all-jobs-title {margin-top: 0;}
.job-filter{margin-top: 18px;} .job-filter{margin-top: 18px;}
.share-link {border-bottom: 1px solid #eeeef0;width: 100%;}
.share-btn,.linkdin-icon,.facebook-icon,.shape-icon,.more-icon{width: 20%;}
} }
@media screen and (max-width: 480px){ @media screen and (max-width: 480px){
...@@ -3028,18 +3765,27 @@ input.add-note-btn:hover{ ...@@ -3028,18 +3765,27 @@ input.add-note-btn:hover{
.pro-bar {padding: 10px 10px 8px;text-align: center;} .pro-bar {padding: 10px 10px 8px;text-align: center;}
.rateing-title{font-size: 13px;padding: 23px 30px;width: 75%;position: relative;} .rateing-title{font-size: 13px;padding: 23px 30px;width: 75%;position: relative;}
.rateing-title span {font-size: 12px;position: absolute;right: -23%;top: 23px;} .rateing-title span {font-size: 12px;position: absolute;right: -23%;top: 23px;}
.int-timeline li,.int-timeline li a,.int-timeline{width: 100%;border-radius: 0;margin: 0;}
.int-timeline li.active a::after,.int-timeline li:nth-child(2) a::after{display: none;}
.int-timeline li.interview-tran-btn a {margin: 0;padding: 5px 0 10px;top: 0;width: 100%;}
.int-timeline li.interview-tran-btn {margin-left: 0;}
.unsutable,.unsutable a{width: 100%;}
.appli-shorting-dropdown{width: 100%;margin-bottom: 8px;}
.appli-filter {bottom: -40px;position: absolute;top: auto;}
.appli-list-name{ width: 88%;}
.appli-checkbox{width: 12%;}
}
@media screen and (max-width: 420px){
.main-pack-type li {width: 74%;}
} }
@media screen and (max-width: 360px){ @media screen and (max-width: 360px){
.payment-title {font-size: 14px;} .payment-title {font-size: 14px;}
.make-payment-tab li a{width: 140px;} .make-payment-tab li a {width: 140px;padding-left: 5px;padding-right: 5px;}
.total-amount {font-size: 14px;} .total-amount {font-size: 14px;}
.payment-radio {margin-right: 5px;} .payment-radio {margin-right: 5px;}
.payment-radio.radio label {font-size: 12px;} .payment-radio.radio label {font-size: 12px;}
.verify-i-title {font-size: 16px;} .verify-i-title {font-size: 16px;}
.pl-verify {font-size: 13px;} .pl-verify {font-size: 13px;}
.social-login li {padding: 6.1% 5.8%;}
.box-label {font-size: 13px;}
.box-br-line {margin: 24px 0;} .box-br-line {margin: 24px 0;}
.verify-i-title {font-size: 15px;} .verify-i-title {font-size: 15px;}
.pl-verify {font-size: 12px;} .pl-verify {font-size: 12px;}
...@@ -3049,5 +3795,11 @@ input.add-note-btn:hover{ ...@@ -3049,5 +3795,11 @@ input.add-note-btn:hover{
.order-label {margin-right: 4px;font-size: 9px;} .order-label {margin-right: 4px;font-size: 9px;}
span.export-candidate, span.appli-status-short{width: 92%;margin-bottom: 5px;margin-right: 0;margin-left: 0;} span.export-candidate, span.appli-status-short{width: 92%;margin-bottom: 5px;margin-right: 0;margin-left: 0;}
.officer-name {margin-bottom: 15px;} .officer-name {margin-bottom: 15px;}
.user-profile-dropdown {width: 43%;}
.tab-view-label {width: 28%;font-size: 8px;}
.like-strive {font-size: 10px;margin-top: 6px;}
} }
@media screen and (max-width: 320px){
.verify-i-title {font-size: 13px;}
}
\ No newline at end of file
cmsWebApp/webroot/extensions/adminportal/inc/stdimports.jsp
<script> <script>
$(document).ready(function () { $(document).ready(function(){
$('select').select2({ $('select').select2({
minimumResultsForSearch: Infinity minimumResultsForSearch: Infinity
}); });
$('.navbar-toggle').click(function () { $('.status-img').select2({
$('.main-menu ul').slideToggle(); minimumResultsForSearch: Infinity,
}); templateResult: addUserPic,
templateSelection: addUserPic
});
$('.navbar-toggle').click(function(){
$('.main-menu ul').slideToggle();
});
$('.expand-box span').click(function() {
var $el = $(this);
$el.parent().parent().next().slideToggle();
});
if($(window).width() <= '767'){
$('.section-btn .box-btn').attr('value','Proceed');
$(".app-out-btn .box-btn").text('Verify and proceed')
}
});
function addUserPic (opt) {
if (!opt.id) {
return opt.text;
}
var optimage = $(opt.element).data('image');
if(!optimage){
return opt.text;
} else {
var $opt = $(
'<span class="userName"><img src="' + optimage + '" class="userPic" /> ' + $(opt.element).text() + '</span>'
);
return $opt;
}
};
equalheight = function(container){
var currentTallest = 0,
currentRowStart = 0,
rowDivs = new Array(),
$el,
topPosition = 0;
$(container).each(function() {
$el = $(this);
$($el).height('auto')
topPostion = $el.position().top;
if (currentRowStart != topPostion) {
for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
rowDivs[currentDiv].height(currentTallest);
}
rowDivs.length = 0; // empty the array
currentRowStart = topPostion;
currentTallest = $el.height();
rowDivs.push($el);
} else {
rowDivs.push($el);
currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest);
}
for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
rowDivs[currentDiv].height(currentTallest);
}
});
}
$(window).load(function() {
equalheight('.eq-height');
equalheight('.eq-second-height');
});
$(window).resize(function(){
equalheight('.eq-height');
equalheight('.eq-second-height');
}); });
</script> </script>
cmsWebApp/webroot/extensions/applicantportal/inc/stdimports.jsp
...@@ -2,66 +2,82 @@ ...@@ -2,66 +2,82 @@
<script> <script>
$(document).ready(function(){ $(document).ready(function(){
$('select').select2({ $('select').select2({
minimumResultsForSearch: Infinity minimumResultsForSearch: Infinity
}); });
$('.status-img').select2({
$('.navbar-toggle').click(function(){ minimumResultsForSearch: Infinity,
$('.main-menu ul').slideToggle(); templateResult: addUserPic,
}); templateSelection: addUserPic
});
$('.expand-box span').click(function() { $('.navbar-toggle').click(function(){
var $el = $(this); $('.main-menu ul').slideToggle();
$el.parent().parent().next().slideToggle(); });
}); $('.expand-box span').click(function() {
var $el = $(this);
if($(window).width() <= '767'){ $el.parent().parent().next().slideToggle();
$('.section-btn .box-btn').attr('value','Proceed'); });
} if($(window).width() <= '767'){
}); $('.section-btn .box-btn').attr('value','Proceed');
$(".app-out-btn .box-btn").text('Verify and proceed')
}
});
equalheight = function(container){ function addUserPic (opt) {
if (!opt.id) {
return opt.text;
}
var optimage = $(opt.element).data('image');
if(!optimage){
return opt.text;
} else {
var $opt = $(
'<span class="userName"><img src="' + optimage + '" class="userPic" /> ' + $(opt.element).text() + '</span>'
);
return $opt;
}
};
var currentTallest = 0, equalheight = function(container){
currentRowStart = 0,
rowDivs = new Array(),
$el,
topPosition = 0;
$(container).each(function() { var currentTallest = 0,
currentRowStart = 0,
rowDivs = new Array(),
$el,
topPosition = 0;
$(container).each(function() {
$el = $(this); $el = $(this);
$($el).height('auto') $($el).height('auto')
topPostion = $el.position().top; topPostion = $el.position().top;
if (currentRowStart != topPostion) { if (currentRowStart != topPostion) {
for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) { for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
rowDivs[currentDiv].height(currentTallest); rowDivs[currentDiv].height(currentTallest);
} }
rowDivs.length = 0; // empty the array
rowDivs.length = 0; // empty the array currentRowStart = topPostion;
currentRowStart = topPostion; currentTallest = $el.height();
currentTallest = $el.height(); rowDivs.push($el);
rowDivs.push($el); } else {
} else { rowDivs.push($el);
rowDivs.push($el); currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest);
currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest); }
} for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
rowDivs[currentDiv].height(currentTallest);
for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) { }
rowDivs[currentDiv].height(currentTallest);
}
});
}
$(window).load(function() {
equalheight('.eq-height');
equalheight('.eq-second-height');
}); });
}
$(window).load(function() {
equalheight('.eq-height');
equalheight('.eq-second-height');
});
$(window).resize(function(){
equalheight('.eq-height');
equalheight('.eq-second-height');
});
$(window).resize(function(){
equalheight('.eq-height');
equalheight('.eq-second-height');
});
</script> </script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment