Skip to content

P
PERFORMA_REPLICA
Commit 5f08e41a by Nilu Committed by Harsh Shah
Options

remove css file (not in use)

parent 5666e3b8
Showing with 0 additions and 3817 deletions
cmsWebApp/webroot/css/style-admin.css deleted 100644 → 0
body{
color: #4e5258;
-webkit-font-smoothing: antialiased;
}
:focus{
outline: none;
}
img{
max-width: 100%;
}
a{
color: #4e5258;
}
a:focus, a:hover {
color: #4e5258;
text-decoration: none;
outline: none;
}
ol, ul{
margin: 0;
padding: 0;
}
li,ol{
list-style: none;
}
p{
line-height: 1.57;
color: #4e5258;
font-size: 14px;
font-weight: 300;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
outline: none;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
padding-left: 10px;
padding-right: 10px;
}
.container-fluid,.container{
padding-left: 10px;
padding-right: 10px;
}
.row {
margin-right: -10px;
margin-left: -10px;
}
header{
background: #ffffff;
}
.site-logo {
float: left;
padding: 13.5px 0 13.5px 23px;
width: 16.25%;
}
.search-bar input{
background-color: #ffffff;
box-shadow: inset 1px 0 0 0 #eff0f2;
height: 65px;
border-radius: 0;
border:none;
background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
padding: 24px 72px 21px;
font-size: 15px;
}
.search-bar input.form-control:focus{
box-shadow: inset 1px 0 0 0 #eff0f2;
border:none;
background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
}
.search-bar input.form-control:focus::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #7d7f82;
opacity: 0.4;
}
.search-bar input.form-control:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #7d7f82;
opacity: 0.4;
}
.search-bar input.form-control:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #7d7f82;
opacity: 0.4;
}
.search-bar input.form-control:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #7d7f82;
opacity: 0.4;
}
.search-bar input.form-control:focus::-ms-input-placeholder { /* Microsoft Edge */
color: #7d7f82;
opacity: 0.4;
}
.search-bar {
width: 56.07%;
float: left;
position: relative;
}
.search-bar img{
position: absolute;
left: 32px;
top: 24px;
}
.fl-right{
float: right;
width: 27.673%;
}
.notification-bar {
float: left;
width: 70px;
height: 65px;
box-shadow: inset 1px 0 0 0 #e5e8eb;
}
.notification-bar{
display: table;
text-align: center;
}
.notification-bar a{
display: block;
}
.notification-label {
position: absolute;
right: 16px;
width: 17px;
height: 17px;
background-color: #f9623d;
font-size: 8px;
font-weight: bold;
color: #ffffff;
border-radius: 100%;
line-height: 17px;
top: 12px;
}
.tack-center{
display: table-cell;
vertical-align: middle;
position: relative;
}
.user-profile-dropdown {
box-shadow: 1px 0 0 0 #e5e8eb inset;
float: left;
height: 65px;
padding: 23px 0 24px;
position: relative;
text-align: center;
width: 38.64%;
}
.user-name{
color: #4e5258;
font-size: 15px;
}
.user-name img {
padding-left: 15px;
}
.user-profile-dropdown .dropdown-menu{
right: 0;
left: initial;
margin-top: 15px;
}
ul.profile-dropdown {
width: 243px;
margin: 0;
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
border: 0;
}
.profile-dropdown li a{
padding: 23.2px 0 18px 22px;
font-size: 14px;
color: #4e5258;
border-bottom: solid 1px #e5e8eb;
}
.profile-dropdown li:last-child a{
border-bottom: none;
}
.profile-dropdown>li>a:focus, .profile-dropdown>li>a:hover{
background-color: #ffffff;
color: #4e5258;
}
.arrow-up {
position: absolute;
right: 44px;
top: -6px;
}
.arrow-up:before {
content: '';
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 7px solid #ffffff;
position: absolute;
}
.create-job-btn{
color: #ffffff;
font-size: 15px;
padding: 10px 0 10px 15px;
float: left;
height: 65px;
box-shadow: inset 1px 0 0 0 #e5e8eb;
}
.create-job-btn a{
background-color: #03a0e7;
border-radius: 100px;
color: #ffffff;
display: block;
font-size: 15px;
min-width: 170px;
padding: 13px 0;
text-align: center;
width: 100%;
}
.create-job-btn a:hover{
background-color: #0e87be;
}
.sidebar-menu {
float: left;
width: 16.25%;
}
.main-menu ul{
padding: 50px 0 50px 27px;
}
.main-menu ul li{
clear: both;
}
.main-menu li a{
font-size: 15px;
color: #03a0e7;
padding: 16px 0 16px 20px;
display: block;
border-radius: 3px 0 0 3px;
margin-bottom: 5px;
margin-left: 3px;
}
.main-menu li a.second-menu{
color: #4e5258;
}
.main-menu li a:hover{
border-radius: 3px 0 0 3px;
color: #1a2531;
}
.main-menu li.active a{
border-radius: 3px 0 0 3px;
background-color: #f5f7f8;
color: #1a2531;
}
.home-icon{
background-image: url('../images/home-icon.png');
background-repeat: no-repeat;
width: 24px;
height: 24px;
float: left;
margin-right: 22px;
background-position: center;
}
.job-icon{
background-image: url('../images/jobs-icon.png');
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
float: left;
margin-right: 22px;
}
.canditates-icon{
background-image: url('../images/canditates-icon.png');
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
float: left;
margin-right: 22px;
}
.client-icon{
background-image: url('../images/clients-icon.png');
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
float: left;
margin-right: 22px;
}
.billing-icon{
background-image: url('../images/billing.png');
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
float: left;
margin-right: 22px;
}
.manage-icon{
background-image: url('../images/manage-user.png');
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
float: left;
margin-right: 22px;
}
.company-icon{
background-image: url('../images/my-company.png');
background-repeat: no-repeat;
background-position: center;
width: 24px;
height: 24px;
float: left;
margin-right: 22px;
}
.brack-line{
float: left;
border: 1px solid #edeff0;
width: 100%;
margin: 20px 0 20px;
}
.main-menu li:hover .home-icon,.main-menu li.active .home-icon{
background-image: url('../images/home-icon-hover.png');
}
.main-menu li:hover .job-icon,.main-menu li.active .job-icon{
background-image: url('../images/jobs-icon-hover.png');
}
.main-menu li:hover .canditates-icon,.main-menu li.active .canditates-icon{
background-image: url('../images/canditates-icon-hover.png');
}
.main-menu li:hover .client-icon,.main-menu li.active .client-icon{
background-image: url('../images/clients-icon-hover.png');
}
.main-menu li:hover .manage-icon,.main-menu li.active .manage-icon{
background-image: url('../images/manage-user-hover.png');
}
.main-menu li:hover .company-icon,.main-menu li.active .company-icon{
background-image: url('../images/my-company-hover.png');
}
.main-menu li:hover .billing-icon,.main-menu li.active .billing-icon{
background-image: url('../images/billing-hover.png');
}
span.active-time {
float: right;
font-size: 16px;
color: #4e5258;
line-height: 28px;
font-weight: 300;
}
.main-content-area{
float: left;
width: 83.75%;
background-color: #e9ecef;
padding: 3% 11.56% 0;
}
.page-title{
color: #1a2531;
font-size: 28px;
font-weight: 300;
margin-top: 0;
margin-bottom: 5.15%;
}
.main-tab-form ul{
background-color: #4e5258;
border-radius: 5px 5px 0 0;
}
.main-tab-form ul li a{
color: #ffffff;
text-align: center;
font-size: 12px;
padding: 25.5px 0;
border-radius:0;
}
.main-tab-form ul li:first-child a {
border-radius: 4px 0 0 0;
}
.main-tab-form ul li:last-child a {
border-radius: 0 4px 0 0;
}
.main-tab-form ul li a:hover,.main-tab-form ul li a:focus{
background-color: #75787e;
color: #ffffff;
}
.main-tab-form span {
position: absolute;
top: -14px;
left: 0;
right: 0;
width: 28px;
height: 28px;
margin: 0 auto;
background-color: #4e5258;
border-radius: 100%;
color: #9b9b9b;
font-size: 12px;
font-weight: bold;
line-height: 28px;
}
.main-tab-form ul li a:hover span,.main-tab-form ul li a:focus span{
background-color: #75787e;
color: #ffffff;
}
.main-tab-form .nav-pills>li.active>a, .main-tab-form .nav-pills>li.active>a:focus, .main-tab-form .nav-pills>li.active>a:hover{
color: #4e5258;
background-color: #ffffff;
}
.main-tab-form .nav-pills>li.active>a span{
background-color: #67b413;
color: #ffffff;
}
.main-tab-form .nav-pills>li.complate>a span{
background-color: #67b413;
color: #ffffff;
}
.main-tab-form .nav-pills>li.complate>a{
background-color: #4e5258;
color: #a6a6a6;
}
/*Form Layout Css*/
.form-group {
margin-bottom: 25px;
}
.form-control{
height: 50px;
border-radius: 2px;
box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.08);
border: solid 1px #dbdbdf;
}
.form-control:focus{
background-color: #ffffff;
box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.08);
border: solid 1px rgba(3, 160, 231, 0.5);
}
.error.form-control{
background-color: #ffffff;
box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.08);
border: solid 1px rgba(208, 2, 27, 0.5);
}
span.select2-selection.select2-selection--single{
font-size: 12px;
color: #4e5258;
background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
border: solid 1px #e5e8eb;
box-shadow: none;
height: 50px;
border-radius: 2px;
}
span.select2-selection.select2-selection--single:hover{
border-radius: 2px;
background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
border: solid 1px #e5e8eb;
}
span.select2-selection.select2-selection--single:focus{
border: solid 1px #e5e8eb;
box-shadow: none;
}
.select2-container option{
margin: 12px 15px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 50px;
padding: 0 14px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
height: 50px;
}
.select2-results__option{
padding: 12px 15px;
font-size: 12px;
border-bottom: solid 1px #e5e8eb;
}
.select2-results__options li:last-child {
border-bottom: none;
}
.select2-dropdown {
border: 1px solid #e5e8eb;
border-radius: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #f5f7f8;
color: #4e5258;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
background-image: url('../images/select-down-arrow.png');
width: 13px;
height: 8px;
background-repeat: no-repeat;
border: none;
margin-left: -15px;
margin-top: -4px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
background-image: url('../images/select-top-arrow.png');
width: 13px;
height: 8px;
background-repeat: no-repeat;
border: none;
margin-left: -15px;
margin-top: -4px;
}
textarea.form-control.textarea-box{
height: 150px;
resize: none;
line-height: 24px;
padding: 15px 13px;
}
/*Radio Button*/
.radio {padding-left: 20px; }
.radio label {display: inline-block;position: relative;padding-left: 5px; }
.radio label::before {content: "";display: inline-block;position: absolute;width: 20px;height: 20px;left: 0;margin-left: -20px;border: 1px solid #9b9b9b;border-radius: 50%;background-color: #fff;-webkit-transition: border 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out;transition: border 0.15s ease-in-out; }
.radio label::after {display: inline-block;position: absolute;content: " ";width: 14px;height: 14px;left: 3px;top: 3px;margin-left: -20px;border-radius: 50%;background-color: #555555;
-webkit-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {opacity: 0; }
.radio input[type="radio"]:focus + label::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed; }
.radio.radio-inline {margin-top: 0; }
.radio-primary input[type="radio"] + label::after {background-color: #03a0e7; }
.radio-primary input[type="radio"]:checked + label::before {border-color: #9b9b9b; }
.radio-primary input[type="radio"]:checked + label::after {background-color: #03a0e7; }
.radio label:hover::before{border-color: #03a0e7;}
/*Switch Toggle btn*/
.switch {position: relative;display: inline-block;width: 40px;height: 22px;}
.switch input {display:none;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #667281;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 18px;width: 18px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #67b413;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(18px);-ms-transform: translateX(18px);transform: translateX(18px);}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.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 {
padding-left: 20px; }
.checkbox label {
display: inline-block;
position: relative;
padding-left: 24px;
line-height: 30px;
}
.checkbox label::before {
content: "";
display: inline-block;
position: absolute;
width: 30px;
height: 30px;
left: 0;
margin-left: -20px;
border: 1px solid #dbdbdf;
border-radius: 2px;
background-color: #fff;
box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.08);
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label:hover::before {
border: solid 1px #03a0e7;
}
.checkbox label::after {
display: inline-block;
position: absolute;
width: 30px;
height: 30px;
left: 0;
top: 0;
margin-left: -20px;
padding-left: 2px;
padding-top: 1px;
font-size: 11px;
color: #dbdbdf; }
.checkbox input[type="checkbox"] {
opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {
outline: none;
outline-offset: 0; }
.checkbox input[type="checkbox"]:checked + label::after {
content: "";
background-image: url('../images/checkbox-mark.png');
background-repeat: no-repeat;
background-position: center;
}
.checkbox input[type="checkbox"]:disabled + label {
opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
background-color: #eeeeee;
cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
border-radius: 50%; }
.checkbox.checkbox-inline {margin-top: 0; }
.checkbox-primary input[type="checkbox"]:checked + label::before {background-color: #03a0e7;border-color: #03a0e7; }
.checkbox-primary input[type="checkbox"]:checked + label::after {color: #fff; }
/*InputBox with btn*/
.input-group-btn .btn.btn-primary{
letter-spacing: 1px;
color: #ffffff;
font-size: 11px;
font-weight: 500;
background-color: #667281;
border-radius: 0px 2px 2px 0;
height: 50px;
line-height: 50px;
padding: 0 38.16px;
border-color: #667281;
}
.input-group-btn .btn-primary.active.focus,.input-group-btn .btn-primary.active:focus,.input-group-btn .btn-primary.active:hover,.input-group-btn .btn-primary:active.focus,.input-group-btn .btn-primary:active:focus,.input-group-btn .btn-primary:active:hover,.input-group-btn .open>.dropdown-toggle.btn-primary.focus,.input-group-btn .open>.dropdown-toggle.btn-primary:focus,.input-group-btn .open>.dropdown-toggle.btn-primary:hover{
background-color: #03a0e7;
border-color: #03a0e7;
}
.input-group-btn .btn.btn-primary:hover{
background-color: #03a0e7;
border-color: #03a0e7;
}
.job-detail-radio label {
padding-left: 20px;
}
.sub-radio-title {
color: #4e5258;
font-weight: 300;
margin-top: 5px;
display: block;
line-height: 22px;
}
.main-job-type{
margin-top: 20px;
}
.job-detail-radio {
margin-bottom: 15px;
}
.form-page-area {
padding: 40px 13.5% 44px;
background: #fff;
float: left;
width: 100%;
}
.form-brack-line{
border: solid 1px #dbdbdf;
display: inline-block;
width: 100%;
margin-top: 15px;
margin-bottom: 34px;
}
.form-brack-line-sub{
border: solid 1px #dbdbdf;
display: inline-block;
width: 100%;
margin-top: 5px;
margin-bottom: 30px;
}
.optional-title {
float: left;
width: 100%;
font-size: 12px;
margin-bottom: 28px;
font-weight: 800;
}
.btn.btn-primary{
border-radius: 100px;
background-color: #03a0e7;
font-size: 15px;
text-align: center;
border-color: #03a0e7;
width: 400px;
height: 60px;
margin-top: 10px;
font-weight: 500;
}
btn.btn-primary:hover{
background-color: #0e87be;
}
.btn.active, .btn:active{
box-shadow: none;
-webkit-box-shadow:none;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
background-color: #0e87be;
border-color: #0e87be;
}
.mobile-toggle-menu{display: none;}
.navbar-toggle{
background-color: #03a0e7;
}
.help-support {
float: left;
width: 16.25%;
background: #f5f7f8;
font-size: 13px;
text-align: center;
line-height: 60px;
}
.help-support:hover{
background: #e3e5e6;
}
.help-support a:before {
content: '';
background-image: url('../images/help-icon.png');
background-repeat: no-repeat;
width: 22px;
height: 23px;
display: inline-block;
position: relative;
top: 8px;
right: 20px;
}
.help-support a{
display: block;
}
.help-support a:hover:before{
background-image: url('../images/help-icon-hover.png');
}
.help-support a:hover{
color: #313b46;
}
.help-support.active{
background-color: #03a0e7;
}
.help-support.active a{
color: #ffffff;
}
.help-support.active a:before{
background-image: url('../images/help-icon-active.png');
}
.set-background{
float: left;
width: 83.75%;
background-color: #e9ecef;
min-height: 60px;
}
/*Assessment Criteria Page*/
.assessment-criteria {
margin-top: 23px;
margin-bottom: 18px;
}
.info-icon{
margin-left: 10px;
}
.form-medium-title{
font-size: 16px;
font-weight: 500;
color: #4e5258;
display: inline-block;
width: 100%;
margin-bottom: 30px;
}
span.skill-label {
display: inline-block;
width: 100%;
font-size: 14px;
font-weight: 300;
margin-top: 5px;
line-height: 22px;
}
.main-add-more {
display: inline-block;
width: 100%;
}
.add-more-btn{
cursor: pointer;
letter-spacing: 1px;
color: #ffffff;
font-size: 11px;
font-weight: 500;
border-radius: 100px;
background-color: #667281;
display: inline-block;
min-height: 45px;
line-height: 45px;
padding: 0 23.37px;
text-transform: uppercase;
background-image: url(../images/plus-img.png);
background-repeat: no-repeat;
background-position: center left 20px;
padding-left: 35px;
}
.add-more-btn:hover{
background-color: #434c58;
color: white;
}
.add-more-btn img {
margin-right: 6px;
position: relative;
top: -1px;
}
.main-qualification{
display: inline-block;
width: 100%;
background: #eff0f2;
padding:21px 35px 7px 20px;
margin-bottom: 17px;
position: relative;
}
.qualification-title{
margin-bottom: 22px;
}
.qualification-radio {
display: inline-block;
margin-right: 25px;
}
.save-assess{
display: inline-block;
width: 100%;
}
btn.btn-primary.top-margin-25{
margin-top: 25px;
}
.delete-qualification {
width: 28px;
height: 28px;
background-color: #ffffff;
border: solid 2px #9b9b9b;
position: absolute;
right: -14px;
top: 36%;
border-radius: 100px;
text-align: center;
cursor: pointer;
}
.delete-qualification span{
display: inline-block;
width: 12px;
border: solid 1px #8e97a0;
position: relative;
top: -2px;
}
/*Assessment Criteria Page End*/
/*Job Match Assessment Page*/
.workplace-job{
margin-top: 21px;
margin-bottom: 6px;
}
.match-job{
margin-top: 24px;
margin-bottom: 29px;
}
.label-16{
font-size: 16px;
}
.job-match-radio {
margin: 0 0 34px;
}
.job-match-radio.radio label{
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*/
/*Review and Submit Page*/
.review-title{
margin-bottom: 12px;
}
.page-subtitle- {
margin-bottom: 45px;
}
.plan-link {
font-size: 16px;
top: -2px;
position: relative;
}
.plan-link a {
text-decoration: underline;
}
.review-edit-btn {
position: relative;
top: -5px;
padding: 0 41.2px;
}
.review-medium-title{
font-size: 16px;
font-weight: 500;
color: #4e5258;
display: inline-block;
width: 100%;
margin-bottom: 5px;
}
.main-review-label {
margin-bottom: 16px;
}
.beloning{
color: #7d7f82;
font-size: 14px;
font-weight: 500;
display: inline-block;
width: 100%;
padding: 15px 0 2px;
}
.job-match-ass{
color: #4e5258;
padding-bottom: 18px;
}
.job-active-time {
font-size: 14px;
font-weight: 300;
margin: 27px 0 22px;
text-align: center;
display: inline-block;
width: 100%;
}
.review-job{
margin-top: 20px;
}
.available-day{
margin-left: 8px;
}
/*Review and Submit Page End*/
/*Workplace Culture*/
.work-title{
margin-bottom: 20px;
}
.work-belonging{
color: #4e5258;
font-size: 16px;
font-weight: 500;
margin-bottom: 40px;
}
.work-radio-title{
letter-spacing: 1.1px;
color: #4e5258;
font-size: 12px;
font-weight: 500;
margin-bottom: 36px;
text-transform: uppercase;
}
.workplace-radio.radio label{
padding-left: 9px;
}
.radio.workplace-radio {
display: inline-block;
width: 100%;
margin: 10px 0;
}
.radio.margin-bottom-none{
margin-bottom: 0;
}
.work-rating {
background: #eff0f2;
padding: 15px 20px;
display: inline-block;
width: 100%;
font-size: 13px;
position: relative;
margin: 10px 0;
}
.rate-toggle {
float: right;
width: 74%;
}
.rate-toggle ul {
border: solid 1px #dbdbdf;
line-height: 36px;
border-radius: 50px;
}
.arrow-up-gray{
position: absolute;
left: 25px;
top: -6px;
}
.arrow-up-gray:before{
content: '';
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 7px solid #eff0f2;
position: absolute;
}
.rate-toggle li {
text-align: center;
}
span.rate-label {
float: left;
line-height: 34px;
}
.rate-toggle li a{
padding: 0;
border-radius: 0;
border-left: solid 1px #dbdbdf;
background: #ffffff;
}
.rate-toggle li:first-child a{
padding-left: 5px;
border-left: none;
border-radius: 50px 0 0 50px;
}
.rate-toggle li:last-child a{
padding-right: 5px;
border-radius: 0 50px 50px 0;
}
.rate-toggle .nav-pills>li.active>a,.rate-toggle .nav-pills>li.active>a:focus,.rate-toggle .nav-pills>li.active>a:hover {
color: #fff;
background-color: #667281;
}
.rate-toggle .nav>li>a:focus,.rate-toggle .nav>li>a:hover {
text-decoration: none;
background-color:#ffffff;
}
/*Workplace Culture End*/
/*Make Payment Page*/
.make-payment-tab{
}
.small-tab-font{
font-size: 11px;
}
.make-payment-tab li a {
min-height: 63px;
text-align: center;
font-size: 14px;
font-weight: 500;
background-color: #4e5258;
border-radius: 5px 5px 0 0;
color: #ffffff;
width: 320px;
line-height: normal;
font-weight: 700;
padding: 14px 0;
}
.v-middel {
line-height: 35px;
}
.make-payment-tab li a .font-opacity{
opacity: 0.7;
}
.make-payment-tab li.active a .font-opacity {
opacity: 1;
}
.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{
border-radius: 5px 5px 0 0;
background-color: #ffffff;
color: #4e5258;
font-size: 14px;
font-weight: 700;
}
.make-payment-tab.nav>li>a:focus, .make-payment-tab.nav>li>a:hover{
background-color:#4e5258;
}
.make-payment-tab.nav-pills>li+li {
margin-left: 7px;
}
btn.btn-primary.btn-green{
background-color: #67b413;
border-color: #67b413;
}
btn.btn-primary.btn-green:hover{
background-color: #319202;
border-color: #319202;
}
.payment-title {
color: #1a2531;
font-size: 20px;
font-weight: 300;
border-bottom: 1px dashed #dbdbdf;
padding-bottom: 6px;
}
.color-code{
color: #7d7f82;
}
.total-amount{
font-size: 20px;
font-weight: 700;
float: right;
}
.pay-credit-method {
display: inline-block;
width: 100%;
background: #eff0f2;
padding: 4.15% 7.1% 6.3%;
margin-top: 20px;
position: relative;
}
.arrow-up-gray-payment{
position: absolute;
left: 20px;
top: -10px;
}
.arrow-up-gray-payment:before{
border-bottom: 12px solid #eff0f2;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
content: "";
height: 0;
position: absolute;
width: 0;
}
.payment-radio{
display: inline-block;
margin-right: 25px;
}
.payment-radio.radio label{
padding-left: 15px;
}
/*Make Payment Page End*/
/*Created Job Page*/
.main-created-job {
display: inline-block;
width: 100%;
}
.created-job-title{
font-size: 24px;
font-weight: 300;
color: #1a2531;
margin-bottom: 3.2%;
margin-top: 1.5%;
}
.created-job-title a {
float: right;
color: #03a0e7;
font-size: 14px;
line-height: 26px;
text-decoration: underline;
}
.job-share-icon ul{
border: solid 1px #eeeef0;
border-radius: 2px;
text-align: center;
display: inline-block;
width: 100%;
}
.job-share-icon li {
float: left;
border-left: 1px solid #eeeef0;
}
.job-share-icon li a{
line-height: 100px;
display: block;
}
.job-share-icon li:first-child{
border-left: none;
}
.share-link img{
margin-right: 8px;
}
.share-link {
width: 30.578%;
}
.share-btn {
width: 13.002%;
background-color: #efefef;
}
.linkdin-icon {
width: 13.6%;
}
.facebook-icon {
width: 13.73%;
}
.shape-icon{
width: 14.73%;
}
.more-icon {
width: 14.3%;
}
.goto-job-btn{
display: inline-block;
width: 100%;
text-align: center;
margin: 8% 0 8.5%;
}
.goto-job-btn a{
border-radius: 100px;
border: solid 1px #dfdfdf;
display: inline-block;
width: 205px;
height: 45px;
line-height: 45px;
text-align: center;
color: #9b9b9b;
}
.option-title{
color: #1a2531;
font-size: 20px;
font-weight: 300;
display: inline-block;
width: 100%;
text-align: center;
margin-bottom: 22px;
}
p.job-txt {
text-align: center;
padding: 0 7%;
margin-bottom: 17px;
}
.space-55{
display: inline-block;
height: 55px;
width: 100%;
}
/*Created Job Page End*/
/*Edit Job Page*/
.opacity-5{
opacity: 0.5;
}
/*Edit Job Page End*/
/*Position Overview Page*/
.main-position-overview {
margin: 0 auto;
width: 57.3%;
margin-top: 102px;
}
.overview-title{
color: #4a4a4a;
font-size: 26px;
font-weight: bold;
margin-bottom: 12px;
}
.ref-number{
color: #4a4a4a;
font-size: 12px;
font-weight: 300;
}
td.pos-tabel-td {
width: 19.3%;
background: #4a4a4a;
color: #ffffff;
font-weight: bold;
border-top: solid 1px rgba(136,136,136,0.3) !important;
padding: 11px 0 11px 22px !important;
}
.pos-tabel-second{
padding: 11px 0 11px 29px !important;
font-weight: normal;
color: #4a4a4a;
}
table.pos-table{
border: solid 1px rgba(136,136,136,0.3);
border-radius: 3px;
margin-top: 33px;
margin-bottom: 38px;
}
.footer-link li{
display: inline-block;
}
.job-detail-title{
color: #4a4a4a;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.pos-content{
color: #4a4a4a;
margin-bottom: 20px;
}
.apply-job-btn {
display: inline-block;
margin: 5% 0 0;
text-align: center;
width: 100%;
}
.apply-job-btn a{
display: inline-block;
border-radius: 100px;
background-color: #03a0e7;
width: 170px;
height: 45px;
color: #ffffff;
font-size: 15px;
line-height: 45px;
}
.apply-job-btn a:hover{
background-color: #0e87be;
}
.power-by{
letter-spacing: 1.8px;
color: #4a4a4a;
font-size: 9px;
font-weight: bold;
text-align: center;
opacity: 0.43;
text-transform: uppercase;
}
.footer-site-logo {
text-align: center;
margin-top: 8px;
margin-bottom: 12px;
}
.footer-site-logo img {
width: 120px;
}
.footer-link li a{
line-height: 2.2;
color: #828282;
text-align: center;
font-size: 10px;
border-left: 1px solid #828282;
padding: 0 4px 0 8px;
}
.footer-link li:first-child a{
border-left: none;
}
.power-footer{
display: inline-block;
width: 100%;
margin-top: 13%;
margin-bottom: 34px;
}
.aust-logo {
display: inline-block;
width: 100%;
margin-bottom: 33px;
}
/*Position Overview Page End*/
/*Verify Identity Page*/
.bg-color{
background-color: #e9ecef;
}
.second-style {
border: solid 2px #d3d3d3;
box-shadow: none;
border-radius: 3px;
color: #4a4a4a;
letter-spacing: 0.8px;
}
.main-verify-identity .second-style{
font-size: 16px;
}
.second-style:focus {
background-color: #ffffff;
box-shadow: none;
border: solid 2px #d3d3d3;
}
.social-login {
border: 2px solid #d3d3d3;
border-radius: 3px;
display: inline-block;
margin: 0 auto;
width: 84.617%;
}
.social-login li {
display: inline-block;
padding: 7.1% 7.8%;
border-left: 2px solid #d3d3d3;
}
.social-login li a{
display: block;
}
.social-login li:first-child{
border-left: none;
}
.main-verify-identity {
margin: 8.3% auto 0;
text-align: center;
width: 42.736%;
}
.main-box-layout {
display: inline-block;
width: 100%;
background: #fff;
border-radius: 3px;
box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.02);
padding: 26px 55px;
position: relative;
margin-bottom: 19%;
}
.box-btn{
border-radius: 100px;
background-color: #03a0e7;
line-height: 45px;
color: #ffffff;
border:none;
font-size: 15px;
padding: 0 50.717px;
}
.box-btn:hover{
background-color: #0e87be;
}
.pl-verify {
margin: 29px 0 9px;
line-height: 1.57;
color: #4a4a4a;
font-size: 14px;
}
.verify-i-title{
font-size: 20px;
font-weight: bold;
color: #4a4a4a;
margin-bottom: 33px;
}
.box-label {
color: #4a4a4a;
font-size: 14px;
font-weight: 300;
margin-bottom: 21px;
}
.box-br-line {
display: inline-block;
margin: 33px 0;
width: 100%;
}
.box-br-line span{
border: solid 1px #e6e6e6;
position: absolute;
left: 0;
right: 0;
width: 100%;
}
.main-box-layout.main-verify-step-2{
padding-top: 43px;
padding-bottom: 42px;
}
.main-verify-step-2 label{
font-weight: normal;
margin-bottom: 13px;
}
.main-verify-step-2 .form-group {
margin-bottom: 13px;
}
.main-verify-step-2 .box-btn{
margin-top: 30px;
}
.pl-confirm{
color: #4a4a4a;
font-size: 16px;
margin: 14% 0 27px;
}
.margin-top-18{
margin-top: 18px;
}
.verify-i-setpone label{
font-weight: normal;
margin-bottom: 13px;
}
/*Verify Identity Page End*/
/*Application Outline Page*/
.main-application-outline {
margin: 60px auto 0;
width: 68.377%;
}
.welcome-title{
color: #4990e2;
font-size: 18px;
}
.welcome-aust-logo {
margin-bottom: 57px;
}
.appli-aust-title{
color: #4a4a4a;
font-size: 26px;
font-weight: bold;
margin: 12px 0 42px;
}
.appli-content{
color: #4a4a4a;
width: 70%;
}
.app-block {
border: solid 2px #d3d3d3;
padding: 45px 32px 18px;
margin: 53px 0 40px;
}
.app-second-block{
border-left: 0;
border-right: 0;
}
.block-icon {
position: absolute;
top: -26px;
left: 0;
right: 0;
margin: 0 auto;
width: 52px;
height: 52px;
text-align: center;
background-color: #ffffff;
border: solid 2px #d3d3d3;
line-height: 46px;
border-radius: 100px;
z-index: 10;
}
.app-block-title{
color: #4a4a4a;
font-size: 14px;
font-weight: bold;
}
.estimated-time{
font-size: 12px;
color: #4a4a4a;
margin: 11px 0 10px;
}
.estimated-time span{
font-weight: bold;
}
.app-block p{
color: #4a4a4a;
font-size: 12px;
line-height: 22px;
}
.app-out-btn a{
float: right;
}
.app-out-btn a:hover,.app-out-btn a:focus{
color: #ffffff;
}
.app-out-btn span {
line-height: 45px;
color: #4a4a4a;
font-size: 12px;
}
.three-block{
display: inline-block;
width: 100%;
}
.app-out-btn {
display: inline-block;
width: 100%;
margin-bottom: 11%;
}
/*Application Outline Page End*/
/*Selection Criteria Page All Step*/
.selection-aust-logo {
margin-bottom: 43px;
}
.selection-aust-logo span {
float: right;
line-height: 45px;
color: #80868c;
font-size: 18px;
}
.section-title{
color: #4a4a4a;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
.section-c-title{
color: #4a4a4a;
font-size: 26px;
font-weight: bold;
margin-bottom: 49px;
}
.section-c-title span{
float: right;
font-size: 12px;
font-weight: 400;
}
.section-page-area{
float: left;
width: 100%;
background-color: #ffffff;
}
.main-sc-section{
padding: 35px 70px;
display: inline-block;
width: 100%;
}
.selection-br-line{
display: block;
width: 100%;
border: solid 1px #dadada;
}
.main-sc-section p{
margin-bottom: 0;
}
.selection-form-title{
font-size: 18px;
color: #4a4a4a;
font-weight: bold;
margin-bottom: 20px;
}
.second-label{
margin-bottom: 13px;
width: 100%;
}
.question-y-n label.second-label{
margin-bottom: 24px;
font-weight: normal;
}
.second-radio-primary {
display: inline-block;
margin-top: 0;
margin-right: 22px;
margin-bottom: 0;
}
.second-radio-primary.radio label::before{
border: solid 2px #d3d3d3;
width: 26px;
height: 26px;
}
.second-radio-primary.radio label::after{
width: 18px;
height: 18px;
left: 4px;
top: 4px;
}
.second-radio-primary.radio label {
padding-left: 16px;
line-height: 26px;
font-weight: 400;
}
.textarea-box textarea{
height: 86px;
resize: none;
margin-top: 33px;
}
.section-br-inside{
display: block;
width: 100%;
border: solid 1px #dadada;
margin: 33px 0;
}
.box-btn-gray{
background-color: rgba(255, 255, 255, 0.5);
border: solid 1px #dfdfdf;
color: #9b9b9b;
text-align: center;
font-size: 15px;
padding: 0 0;
border-radius: 100px;
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 {
margin-right: 26px;
}
.section-btn{
margin: 20px 0 24px;
}
.main-wc-section {
padding: 63px 70px;
}
.full-width {
display: block;
width: 100%;
margin-bottom: 18px;
}
ul.security-level {
padding-left: 19px;
margin-top: 22px;
margin-bottom: 27px;
float: left;
width: 100%;
}
.security-level span {
border-radius: 4px;
background-color: #ffffff;
border: solid 1px #9b9b9b;
width: 28px;
height: 26px;
display: inline-block;
line-height: 26px;
text-align: center;
margin-right: 10px;
float: left;
}
.security-level li {
margin-bottom: 6px;
float: left;
width: 100%;
}
.main-rate-section{
padding: 53px 70px 68px;
background-color: #fbfbfb;
}
.rateing-title {
font-size: 18px;
font-weight: bold;
margin-bottom: 39px;
}
.rateing-title span{
float: right;
color: #4990e2;
font-size: 14px;
}
.rating-box-title{
border-radius: 3px;
background-color: #4a4a4a;
color: #ffffff;
font-weight: bold;
line-height: 52px;
text-align: center;
position: relative;
z-index: 10;
}
.ratting-box{
border-radius: 3px;
background-color: #ffffff;
border: solid 2px #d3d3d3;
position: relative;
top: -2px;
text-align: center;
padding: 30px 0 33px;
}
.ratting-box span{
color: #9b9b9b;
font-size: 10px;
margin: 0 15px;
}
.ratting-number {
margin: 0;
padding-left: 5px;
}
.pagination.ratting-number>li>a, .pagination.ratting-number>li>span{
display: inline-block;
float: none;
margin-left: -5px;
border-color: #d1d1d1;
color: #4a4a4a;
padding: 9px 24.12px;
}
.pagination.ratting-number>li:first-child>a, .pagination.ratting-number>li:first-child>span{
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
}
.pagination.ratting-number>li:last-child>a, .pagination.ratting-number>li:last-child>span{
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
.auto-save{
color: #4a4a4a;
font-size: 12px;
font-weight: 500;
padding: 53px 0 0;
text-align: center;
font-weight: bold;
}
.pagination.ratting-number>.active>a, .pagination.ratting-number>.active>a:focus, .pagination.ratting-number>.active>a:hover, .pagination.ratting-number>.active>span, .pagination.ratting-number>.active>span:focus, .pagination.ratting-number>.active>span:hover{
background-color: #4990e2;
border: solid 1px #2a6ebf;
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*/
/*Complete Page*/
.job-post-complete {
position: relative;
min-height: 436px;
}
.big-right-sy{
position: absolute;
left: 0;
right: 0;
top: -40px;
text-align: center;
}
.big-right-sy span {
width: 80px;
height: 80px;
background-color: #67b413;
line-height: 80px;
display: inline-block;
border-radius: 100px;
margin: 0 auto;
}
.complete-back{
border-radius: 3px;
box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.02);
margin-top: 14.1%;
}
.app-complete-title {
color: #4a4a4a;
display: inline-block;
font-size: 26px;
font-weight: bold;
margin: 14.8% 0 4.8%;
text-align: center;
width: 100%;
}
.app-complete-text {
color: #4a4a4a;
font-size: 18px;
font-weight: 300;
line-height: 1.67;
margin: 0 auto;
text-align: center;
width: 70%;
}
/*Complete Page End*/
/*Login Box*/
.login-logo{
margin-bottom: 38px;
}
a.forgot-pass {
float: left;
line-height: 45px;
}
.login-btn {
float: right;
}
.login-box {
padding: 49px 50px 37px;
}
/*Login Box End*/
/*Dashboard Page*/
.welcome-box{
text-align: right;
}
.dashboard-content-area {
background-color: #e9ecef;
float: left;
padding: 2.2% 5% 0;
width: 83.75%;
}
.first-part{
background-color: #1a2531;
}
.dashboard-welcome{
float: left;
padding-right: 0;
text-align: left;
}
.welcome-text{
color: #ffffff;
font-size: 36px;
}
.d-three-box{
background-color: #ffffff;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
max-width: 23.7%;
padding: 20px 36px 31px;
top: 20px;
float: none;
display: inline-block;
text-align: left;
}
.d-fl-left {
float: left;
width: 100%;
}
.green-light{
border-top: 10px solid #03ac66;
margin-right: 10px;
}
.gray-light{
border-top: 10px solid #627791;
margin-right: 10px;
}
.blue-light{
border-top: 10px solid #03a0e7;
}
.dash-count{
font-size: 60px;
}
.c-green{
color: #03ac66;
}
.c-gray{
color: #627791;
}
.c-blue{
color: #03a0e7;
}
.d-box-title {
color: #4e5258;
text-align: left;
font-size: 22px;
font-weight: 300;
}
.d-create-job-btn{
border-radius: 100px;
background-color: rgba(255, 255, 255, 0.15);
line-height: 45px;
height: 45px;
color: #ffffff;
text-transform: uppercase;
font-size: 11px;
display: inline-block;
padding: 0 44px;
margin-top: 29px;
}
.d-create-job-btn:hover,.d-create-job-btn:focus{
color: #ffffff;
}
.arrow-btn {
border: 1px solid #d4d8dc;
border-radius: 100px;
display: inline-block;
font-size: 11px;
font-weight: bold;
height: 45px;
letter-spacing: 1px;
line-height: 45px;
padding-left: 21px;
text-align: left;
text-transform: uppercase;
width: 100%;
position: relative;
margin-top: 44px;
}
.arrow-btn:before {
content: '';
background-image: url('../images/arrow-btn.png');
background-repeat: no-repeat;
display: block;
width: 8px;
height: 43px;
position: absolute;
right: 18px;
background-position: center;
}
.ending-time-states{
color: #c4c4c6;
font-size: 12px;
}
.week-states{
color: #03a0e7;
margin-top: 39px;
}
.week-states span{
color: #4e5258;
}
.d-job-title {
color: #1a2531;
font-size: 28px;
font-weight: 300;
margin: 8px 0 29px;
}
.job-list {
background: #fff none repeat scroll 0 0;
display: inline-block;
width: 100%;
border-left: 5px solid #03ac66;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.02);
margin-bottom: 10px;
}
.jl-c{
float: left;
}
.job-post {
width: 32.9%;
padding-left: 39px;
padding-top: 25px;
padding-bottom: 25px;
border-right: solid 1px rgba(229, 232, 235, 0.5);
}
.job-application {
width: 21.2%;
padding: 24px 15px 26px 50px;
border-right: solid 1px rgba(229, 232, 235, 0.5);
}
.job-shortlisted{
width: 21.2%;
padding: 24px 15px 26px 50px;
border-right: solid 1px rgba(229, 232, 235, 0.5);
}
.job-states{
width: 24%;
padding: 28px 28px;
}
.job-post-name{
color: #1a2531;
text-align: left;
font-size: 20px;
margin-bottom: 15px;
}
.superlaw{
letter-spacing: 1px;
color: #7d7f82;
font-size: 12px;
font-weight: 700;
margin-right: 18px;
text-transform: uppercase;
}
.calendar {
background-image: url('../images/calendar-icon.png');
background-repeat: no-repeat;
padding: 2px 0 2px 22px;
background-position: left center;
}
.ja-count{
color: #03a0e7;
font-size: 30px;
font-weight: 300;
display: table-cell;
padding-left: 17px;
}
.ja-count span{
letter-spacing: 1px;
color: #8e97a0;
font-size: 11px;
font-weight: 700;
width: 100%;
float: left;
text-transform: uppercase;
}
.ja-icon{
display: table-cell;
width: 39px;
}
.ja-icon span{
border-style: solid;
border-width: 6px;
border-image-source: conic-gradient(#e5e8eb, #e5e8eb 58%, #03a0e7, #e5e8eb);
border-image-slice: 1;
width: 40px;
height: 41px;
}
.active-states{
width: 16px;
height: 16px;
border: solid 4px #03ac66;
}
/*Dashboard Page End*/
/*All Jobs Page*/
.shorting-dropdown {
float: right;
}
.all-jobs-title{
display: inline-block;
margin-top: 0;
}
.order-label{
letter-spacing: 1px;
color: #9aa0a7;
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
margin-right: 25px;
}
.jobs-list-shorting{
display: inline-block;
width: 100%;
margin-top: 14px;
position: relative;
}
.lable-job-shorting{
letter-spacing: 1px;
color: #9aa0a7;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
font-weight: 700;
}
.job-filter {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 11px;
}
.job-filter li{
display: inline-block;
margin:0 10px;
text-transform: uppercase;
}
.job-filter li a{
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
color: #1a2531;
}
.job-filter li.active a{
color: #03a0e7;
border-bottom: 2px solid #03a0e7;
}
.shorting-dropdown span.select2-selection.select2-selection--single{
background: rgba(255, 255, 255, 0.5);
border: solid 1px #b9bbbd;
border-radius: 2px;
}
.shorting-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 46px;
}
.shorting-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 45px;
}
.shorting-dropdown span.select2-selection.select2-selection--single{
height: 45px;
}
/*All Jobs Page End*/
/*View Applicants*/
.officer-box {
display: inline-block;
width: 100%;
margin-bottom: 45px;
margin-top: 8px;
}
.officer-name {
float: left;
}
.chief-officer {
color: #ffffff;
text-align: left;
font-size: 26px;
font-weight: 300;
margin-bottom: 24px;
}
.chief-officer img {
margin-right: 12px;
position: relative;
top: -3px;
}
.off-name{
color: rgba(255, 255, 255, 0.7);
font-size: 12px;
}
span.austr-post {
text-transform: uppercase;
font-weight: 700;
}
span.ex-management {
padding-left: 6px;
}
.light-calendar {
background-image: url('../images/calendar-icon-light.png');
background-repeat: no-repeat;
padding: 3px 0 3px 24px;
background-position: left center;
color: rgba(255, 255, 255, 0.7);
font-size: 11px;
font-weight: 700;
}
.active-status-icon{
width: 20px;
height: 20px;
border: solid 4px #03ac66;
display: inline-block;
border-radius: 100px;
margin: -5px 11px;
}
.job-status-appli{
text-transform: uppercase;
letter-spacing: 1px;
color: #ffffff;
font-size: 11px;
font-weight: 700;
}
.applicant-right-status{
text-align: right;
}
.light-calendar,.job-status-appli,.edit-btn-dropdown{
display: inline-block;
}
.edit-btn-dropdown a{
border-radius: 100px;
background-color: rgba(255, 255, 255, 0.15);
text-transform: uppercase;
letter-spacing: 1px;
color: #ffffff;
font-size: 11px;
font-weight: 700;
padding: 0 27px;
line-height: 45px;
height: 45px;
display: inline-block;
margin-left: 29px;
}
.edit-btn-dropdown img {
margin-left: 12px;
}
.applicant-sidebar {
float: left;
width: 18.65%;
margin-right: 9px;
background-color: #ffffff;
}
.main-applicant-content {
float: left;
width: 80.56%;
background-color: #ffffff;
}
.applicant-sidebar li {
line-height: 49px;
}
.applicant-sidebar li a{
color: #4e5258;
text-align: left;
font-size: 14px;
display: block;
border-bottom: solid 1px #edeff0;
background-color: rgba(239, 240, 242, 0.4);
padding: 0 14px;
position: relative;
}
.applicant-sidebar li.active a{
font-weight: bold;
background-color: #ffffff;
}
.applicant-sidebar span {
float: right;
}
.applicant-sidebar .gray,.applicant-sidebar .green,.applicant-sidebar .blue{
font-size: 16px;
font-weight: 700;
}
.green{
color: #67b413 !important;
}
.blue{
color: #03a0e7 !important;
}
.gray{
color: #7d7f82 !important;
}
.main-appli-name{
float: left;
}
.appli-name{
color: #1a2531;
text-align: left;
font-size: 26px;
font-weight: 300;
}
.appli-applied{
color: #7d7f82;
text-align: left;
font-size: 12px;
margin-top: 11px;
}
.applicant-header {
display: inline-block;
width: 100%;
border-bottom: solid 1px #dddddd;
padding: 22px 24px;
}
.main-export {
text-align: right;
}
span.export-candidate,span.appli-status-short{
display: inline-block;
text-align: left;
margin: 0 6px;
}
.applicant-sub-part {
display: inline-block;
width: 100%;
}
.applicant-left {
float: left;
width: 75.7%;
border-right: solid 1px #dddddd;
}
.applicant-tab{
display: inline-block;
width: 100%;
}
.applicant-tab ul {
background-color: #4a4a4a;
padding: 8px 6px 0;
}
.applicant-tab ul li a {
border-radius: 3px 3px 0 0;
background-color: #e9ecef;
margin-left: 3px;
line-height: 46px;
padding: 0;
letter-spacing: 0.9px;
color: #667281;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}
.applicant-tab .nav-pills>li.active>a,.applicant-tab .nav-pills>li.active>a:focus,.applicant-tab .nav-pills>li.active>a:hover{
padding-top: 3px;
background-color: #ffffff;
color: #4e5258;
}
.applicant-tab ul li:first-child a{
margin-left: 0;
}
.appli-label{
float: left;
line-height: 28px;
}
.pro-bar {
padding: 30px 28px 27px;
text-align: right;
}
span.appli-percen {
color: #67b413;
display: inline-block;
font-size: 24px;
font-weight: bold;
margin-right: 8px;
position: relative;
top: -2px;
}
.expand-box {
display: inline-block;
margin-left: 26px;
position: relative;
top: -6px;
}
span.appli-progress-bar {
display: inline-block;
width: 44.47%;
}
.appli-progress-bar .progress {
margin-bottom: 0;
border-radius: 0;
height: 24px;
background: #e9ecef;
box-shadow: none;
}
.appli-progress-bar .progress-bar{
background: #667281;
}
.expand-box span{
border: solid 1px #edeff0;
width: 28px;
height: 28px;
display: inline-block;
border-radius: 50px;
text-align: center;
line-height: 26px;
cursor: pointer;
}
.expand-box img {
margin-left: 1px;
}
.main-pro-bar{
border-bottom: solid 1px #e3e3e3;
display: inline-block;
width: 100%;
}
.applicant-right {
float: left;
width: 24.3%;
}
.overall-suit{
color: #4a4a4a;
text-align: left;
font-size: 12px;
text-transform: uppercase;
}
.big-percentage{
color: #67b413;
font-size: 65px;
}
.app-right-b {
padding: 30px 0 15px 22px;
border-bottom: solid 1px #dddddd;
}
.contact-title{
color: #4e5258;
font-size: 13px;
font-weight: 700;
margin-bottom: 22px;
}
.applicant-contact-info {
padding: 22px 20px 7px 20px;
border-bottom: solid 1px #dddddd;
}
.contact-label{
letter-spacing: 1px;
color: #4e5258;
font-size: 12px;
font-weight: 500;
display: table-cell;
width: 16px;
text-align: center;
}
.contact-value{
color: #7d7f82;
font-size: 12px;
display: table-cell;
left: 15px;
position: relative;
word-break: break-all;
}
.contact-value a{
color: #4990e2;
font-size: 12px;
text-decoration: underline;
}
.contact-row {
margin-bottom: 18px;
position: relative;
left: -3px;
}
.applicant-note {
padding: 25px 21px;
}
.applicant-note-title{
color: #4e5258;
font-size: 13px;
font-weight: 700;
margin-bottom: 17px;
}
.note-txt-box textarea{
resize: none;
box-shadow: none;
border-color: #d4d5d7;
border-radius: 0;
height: 115px;
margin-bottom: 10px;
text-align: left;
}
input.add-note-btn {
display: inline-block;
height: 30px;
border-radius: 100px;
background-color: #667281;
line-height: 30px;
text-transform: uppercase;
letter-spacing: 0.7px;
color: #ffffff;
font-size: 8px;
font-weight: 700;
border: none;
padding: 0;
width: 100px;
}
input.add-note-btn:hover{
background-color: #434c58;
}
.note-txt-box {
text-align: right;
}
.admin-notes {
padding: 16px 21px;
}
.admin-name{
color: #4e5258;
font-size: 11px;
font-weight: 700;
}
.date-value{
color: #4e5258;
font-size: 8px;
margin-bottom: 9px;
text-transform: uppercase;
}
.admin-text{
line-height: 1.6;
color: #4e5258;
font-size: 10px;
}
.admin-br-line{
border: solid 1px #d4d5d7;
margin: 16px 0;
display: block;
}
.fixed-width{
width: 145px;
height: 145px;
margin: 0 auto;
}
.progress-label{
color: #4a4a4a;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 15px;
}
.applicant-progress {
display: inline-block;
width: 100%;
margin: 29px 0 64px;
}
.applicant-sidebar li.active a:after {
content: '';
width: 0;
height: 0;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-left: 6px solid #FFF;
position: absolute;
right: -6px;
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 Applicant Second page*/
.int-timeline {
display: inline-block;
margin-bottom: -1px;
}
.int-timeline li{
display: inline-block;
background-color: #768595;
margin-right: -3px;
border-radius: 3px 3px 0 0px;
position: relative;
}
.int-timeline li span{
display: block;
width: 100%;
color: #ffffff;
font-size: 30px;
font-weight: bold;
margin-bottom: 4px;
}
.int-timeline li.active span{
color: #1a2531;
}
.int-timeline li a {
color: #b5bfca;
font-size: 11px;
font-weight: 700;
display: block;
padding: 11px 0;
width: 96px;
text-align: center;
}
.int-timeline li a:hover {
color: #ffffff;
font-size: 11px;
}
.int-timeline li.active{
background-color: #e9ecef;
}
.int-timeline li.active a{
color: #8e97a0;
font-size: 11px;
font-weight: bold;
position: relative;
padding-top: 13px;
}
.int-timeline li.interview-tran-btn{
background-color: transparent;
margin-left: 7px;
}
.int-timeline li.interview-tran-btn a {
border: dashed 1.5px #768595;
padding: 12px 0 10px;
position: relative;
top: -5px;
width: 84px;
}
.int-timeline li a:after {
content: '';
width: 7px;
height: 14px;
background-image: url('../images/applicants-process-arrow.png');
position: absolute;
right: -6px;
top: 43%;
z-index: 10;
}
.int-timeline li.active a:after {
content: '';
width: 7px;
height: 14px;
background-image: url('../images/applicants-process-arrow-white.png');
position: absolute;
right: -6px;
top: 43%;
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{
text-align: right;
}
.unsutable {
float: right;
text-align: center;
border-radius: 3px 3px 0 0;
background-color: #324150;
}
.unsutable a span{
color: #7b8da0;
font-size: 30px;
font-weight: bold;
display: inline-block;
width: 100%;
margin-bottom: 4px;
}
.unsutable a {
font-size: 11px;
display: block;
color: #7b8da0;
padding: 12px 0;
width: 96px;
}
.unsutable a:hover,.unsutable a:hover span{
color: #ffffff;
}
.interview-tran-btn span{
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;
}
.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;
height: 0;
left: 100%;
margin-left: 1px;
margin-top: -17px;
position: absolute;
top: 50%;
width: 0;
z-index: 3;
}
.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;
}
.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;}
.show-mobile-title{display: none;}
.mobile-successfull-show{display: none;}
/* Responsive- 1550px */
@media screen and (max-width: 1598px){
.d-three-box{max-width: 22.7%;}
}
@media screen and (max-width: 1540px){
.search-bar {width: 54.25%;}
.fl-right {width: 29.3%;}
.main-applicant-content {width: 80.3%;}
.applicant-sidebar li a{font-size: 13px;padding: 0 8px;}
.applicant-sidebar .gray,.applicant-sidebar .green,.applicant-sidebar .blue {font-size: 14px;}
.applicant-sidebar li {line-height: 46px;}
span.appli-percen{top: -4px;font-size: 20px;margin-right: 5px;}
.appli-label {font-size: 13px;line-height: 24px;}
.expand-box{margin-left: 15px;}
.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){
.search-bar {width: 53.25%;}
.site-logo { padding: 16.5px 15px 13.5px 23px;}
.rate-toggle {width: 78%;}
.d-three-box{padding: 20px 15px;}
.job-post{padding-left: 15px;}
.job-application{padding-left: 20px;}
.job-shortlisted{padding-left: 20px}
.job-states{padding-left: 15px;padding-right: 15px;}
.job-post-name {font-size: 18px;margin-bottom: 10px;}
.calendar{font-size: 12px;}
.superlaw{margin-right: 8px;}
}
@media screen and (max-width: 1440px){
.fl-right {width: 30.5%;}
.d-three-box{padding: 20px 15px;border-width: 7px;top: 10px;}
.arrow-btn{margin-top: 25px;}
.week-states{margin-top: 20px;}
.dash-count {font-size: 48px;}
.welcome-text {font-size: 30px;}
.appl-c-box{margin: 0 0.3%;}
}
@media screen and (max-width: 1380px){
.create-job-btn a{min-width: 150px;}
.job-share-icon li a {line-height: 84px;}
.job-share-icon img {max-width: 38px;}
.share-link{width: 33.578%;}
.share-btn{width: 14.002%;}
.linkdin-icon {width: 12.6%;}
.facebook-icon {width: 12.73%;}
.shape-icon{width: 13.73%; }
.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){
.create-job-btn a{min-width: 150px;}
.work-rating{padding: 15px;}
.rate-toggle {width: 80%;}
.work-rating {font-size: 12px;}
.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){
.fl-right {width: 33.5%;}
.search-bar {width: 50.25%;}
.d-three-box {max-width: 22.5%;}
.d-create-job-btn {height: 38px;line-height: 38px;margin-top: 25px;padding: 0 30px;}
.arrow-btn{height: 38px;line-height: 38px;padding-left: 15px;}
.arrow-btn:before {right: 12px;height: 38px;}
.appli-name {font-size: 24px;}
.main-applicant-content {width: 78.3%;}
.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){
.create-job-btn a{min-width: 130px;}
.main-menu ul {padding: 30px 0 30px 5px;}
.main-menu li a{padding: 14px 0 14px 14px;}
.main-menu span{margin-right: 16px;}
.help-support a:before {right: 16px;}
.job-share-icon li a {line-height: 68px;font-size: 12px;}
.job-share-icon img {max-width: 30px;}
.share-link{width: 33.578%;}
.share-btn{width: 14.002%;}
.linkdin-icon {width: 12.6%;}
.facebook-icon {width: 12.73%;}
.shape-icon{width: 13.73%; }
.more-icon {width: 13.3%;}
.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){
.rate-toggle {width: 100%;}
span.rate-label {line-height: 26px;}
.rate-toggle ul{line-height: 30px;}
.main-verify-identity {width: 49.736%;}
.main-box-layout{margin-bottom: 10%;}
.main-application-outline{width: 84.377%;}
.d-three-box {max-width: 23.5%;}
.dashboard-content-area{padding: 2.2% 3.5% 0;}
.green-light,.gray-light{margin-right: 5px;}
.arrow-btn{font-size: 9px;}
.arrow-btn {height: 32px;line-height: 32px;padding-left: 12px;}
.arrow-btn:before {right: 9px;height: 32px;}
.week-states {font-size: 13px;margin-top: 15px;}
.job-application{padding-left: 15px;}
.job-shortlisted{padding-left: 15px}
.d-job-title {margin: 0 0 20px;}
.order-label{margin-right: 10px;}
.job-filter li{margin: 0 8px;}
.job-filter > ul {padding-right: 10%;}
.pro-bar {padding: 25px 15px 22px;}
.app-right-b {padding: 20px 0 5px 15px;}
.applicant-contact-info{padding: 20px 15px 5px;}
.applicant-note {padding: 20px 15px;}
.admin-notes {padding: 10px 15px;}
.applicant-sidebar li a {font-size: 11px;padding: 0 5px;}
.applicant-sidebar li {line-height: 42px;}
.applicant-sidebar .gray,.applicant-sidebar .green,.applicant-sidebar .blue {font-size: 12px;}
.applicant-header{padding: 18px 15px;}
.appli-applied{margin-top: 5px;}
.appli-name {font-size: 22px;}
.big-percentage {font-size: 48px;}
.overall-suit{font-size: 11px;}
.contact-value{left: 8px;}
.contact-title{margin-bottom: 14px;}
.contact-row{margin-bottom: 15px;}
input.add-note-btn{width: 84px;}
.contact-value a{font-size: 11px;}
.applicant-tab ul li a{font-size: 9px;line-height: 40px;}
.applicant-sidebar li {line-height: 38px;}
.pro-bar{padding: 20px 10px 15px;}
.chief-officer{font-size: 19px;}
.off-name{font-size: 12px;}
.appli-progress-bar .progress {height: 16px;}
.officer-box{margin-bottom: 30px;}
.edit-btn-dropdown a{height: 36px;line-height: 36px;margin-left: 15px;padding: 0 20px;}
.applicant-sidebar{margin-right: 6px;}
.appli-label {font-size: 11px;}
span.appli-percen {font-size: 16px;margin-right: 5px;top: -1px;}
.expand-box{top: -4px;margin-left: 10px;}
.fixed-width{width: 120px;height: 120px;}
.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){
.search-bar {width: 46.25%;}
.fl-right {width: 37.5%;}
.site-logo {padding: 20.5px 15px 13.5px 10px;}
.main-menu span {margin-right: 14px;}
.help-support a:before {right: 14px;}
.main-menu li a {padding: 12px 0 12px 12px;}
.form-page-area {padding: 4.89% 8.5%;}
.main-content-area{padding: 3% 8.56% 0;}
}
@media screen and (max-width: 991px){
.main-position-overview {width: 75.3%;}
.main-verify-identity {width: 65%;}
.main-application-outline {width: 92%;}
.app-block {margin: 45px 0 35px;padding: 43px 14px 15px;}
.app-out-btn{margin-bottom: 8%;}
.pagination.ratting-number > li > a, .pagination.ratting-number > li > span{padding: 7px 15.12px;}
.ratting-box span{margin: 0 8px;}
.app-complete-text{width: 75%;}
.job-post-complete {min-height: 410px;}
.big-right-sy span {height: 60px;line-height: 60px;width: 60px;}
.big-right-sy{top: -30px;}
.big-right-sy img {width: 28px;}
.dashboard-welcome {text-align: center;width: 100%;}
.d-three-box {max-width: 100%;width: 32.3%;}
.d-create-job-btn{margin: 15px 0;}
.job-post{width: 100%;border-bottom: 1px solid rgba(229, 232, 235, 0.5);}
.job-application{width: 33.2%}
.job-shortlisted{width: 33.2%}
.job-states{width: 33.2%;padding-top: 24px;padding-bottom: 24px;}
.job-filter > ul {padding-right: 0;}
.job-filter {display: inline-block;position: relative;top: 0;width: 100%;margin-bottom: 18px;margin-top: 8px;}
.shorting-dropdown {float: right;position: absolute;right: 0;top: 0;}
.applicant-sidebar {margin-bottom: 15px;width: 100%;}
.main-applicant-content {width: 100%;}
.off-name {font-size: 11px;}
.chief-officer{margin-bottom: 15px;}
.job-status-appli{font-size: 9px;}
.edit-btn-dropdown a {height: 34px;line-height: 34px;margin-left: 10px;padding: 0 15px;}
.edit-btn-dropdown img {margin-left: 5px;}
.applicant-left {width: 100%;}
.applicant-right {border-left: medium none;width: 100%;}
.fixed-width{width: 145px;height: 145px;}
.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){
.main-content-area {padding: 3% 6.56% 0;}
.search-bar input{height: 60px;}
.notification-bar{height: 60px;}
.user-profile-dropdown{height: 60px;padding: 20px 0;}
.create-job-btn{padding: 9.5px 0 7.5px 15px;height: 60px;}
.profile-dropdown li a{padding: 17.2px 0 15px 22px;}
.search-bar img{top: 22px;}
btn.btn-primary{height: 54px;width: 64.4%;}
.create-job-btn a{padding: 10px 0;}
.main-menu ul {padding: 30px 0;}
.make-payment-tab li a {width: 260px;}
.payment-title{font-size: 18px;}
.total-amount{font-size: 18px;}
}
@media screen and (max-width: 950px){
.search-bar input{padding: 18px 60px 16px;}
.search-bar img {left: 24px;}
.search-bar {width: 40.25%;}
.fl-right {width: 43.5%;}
}
@media screen and (max-width: 850px){
.page-title{font-size: 26px;margin-bottom: 4.65%;}
.main-content-area {padding: 4% 2.57% 0;}
.search-bar input {padding: 18px 20px 16px 60px;font-size: 12px;}
.search-bar {width: 36.25%;}
.fl-right {width: 47.5%;}
.main-menu li a{font-size: 13px;}
.site-logo {padding: 20.5px 10px 13.5px;}
.help-support{font-size: 12px;}
.help-support a:before {right: 8px;}
.add-more-btn{min-height: 38px;line-height: 38px;}
.review-edit-btn {padding: 0 25.2px;}
.plan-link {top: 0;margin-top: 5px;float: left !important;width: 100%;}
.page-subtitle- {margin-bottom: 60px;}
.edit-btn-dropdown a{margin-top: 10px;}
}
@media screen and (max-width: 767px){
.site-logo {width: 100%;text-align: center;box-shadow: inset 0 0 1px 0 #e5e8eb;}
.sidebar-menu {float: left;width: 100%;box-shadow: inset 0 1px 1px 0 #e5e8eb;}
.navbar-toggle {border-radius: 2px;}
.mobile-toggle-menu{display: block;float: left;width: 100%;}
.navbar-toggle .icon-bar {background: #fff none repeat scroll 0 0;margin-right: 0;width: 22px;}
.main-menu ul{display: none;float: left;width: 100%;padding: 0;center;box-shadow: inset 0 1px 0 0 #e5e8eb;}
.main-content-area {padding: 4% 15px;width: 100%;}
.form-page-area{padding: 4.89% 15px 6%;}
.main-menu li a {border-radius: 0;margin-left: 0;}
span.active-time {font-size: 12px;}
.help-support{width: 100%;}
.set-background{display: none;}
.add-more-btn{min-height: 36px;line-height: 36px;}
.review-edit-btn {padding: 0 25.2px;}
.plan-link {top: 0;margin-top: 5px;float: left !important;width: 100%;}
.page-subtitle- {margin-bottom: 50px;font-size: 12px;}
ul.profile-dropdown {width: 186px;}
.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 > a{margin-bottom: 0}
.pay-credit-method{padding: 3.15% 15px 5.3%;}
.brack-line{margin: 10px 0;}
.space-55{height: 0px}
.created-job-title{text-align: center;}
.created-job-title a{width: 100%;text-align: center;margin-bottom: 10px;margin-top: 10px;}
.goto-job-btn a{width: 130px;height: 40px;line-height: 40px;}
td.pos-tabel-td{padding: 11px 16px !important;font-size: 12px;width: 129px;}
.pos-tabel-second {padding: 11px 0 11px 20px !important;font-size: 12px;}
.aust-logo{text-align: center;margin-bottom: 25px;}
.main-position-overview {width: 100%;padding: 0 28px;}
.ref-number{text-align: center;}
table.pos-table{margin-top: 40px;margin-bottom: 41px;}
.job-detail-title{font-size: 14px;margin-bottom: 22px;}
.pos-content{font-size: 12px;}
.apply-job-btn a{width: 224px;}
.apply-job-btn{margin-top: 20px;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-block {margin: 0;border-bottom: 0 none;padding-bottom: 34px;}
.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-text{font-size: 14px;width: 100%;padding: 47px 32px 42px;}
.job-post-complete {min-height: 199px;}
.d-three-box {max-width: 100%;width: 100%;}
.green-light, .gray-light {margin-right: 0;}
.dashboard-content-area{width: 100%;}
.welcome-text {font-size: 26px;}
.ja-count{font-size: 24px;padding-left: 14px;}
.ja-count span{font-size: 10px;}
.d-three-box {top: 0;margin-bottom: 15px;}
.d-job-title {margin: 10px 0;font-size: 24px;}
.applicant-tab ul{padding: 6px 3px 0;}
.applicant-tab .nav-pills > li + li {margin-left: 0;}
.applicant-tab ul li a{margin-left: 0;}
.applicant-progress{margin: 29px 0 0;}
.fixed-width {margin-bottom: 30px;}
.btn.btn-primary{height: 46px;font-size: 13px;width: 50%;}
.welcome-title{font-size: 12px;text-align: center;}
.welcome-aust-logo {text-align: center;margin-bottom: 33px;}
.appli-aust-title{margin: 11px 0 21px;font-size: 15px;text-align: center;}
.app-block-title{font-size: 13px;}
.three-block{text-align: center;margin-top: 22px;}
.estimated-time {font-size: 12px;margin: 5px 0 6px;}
.last-border{border-bottom:2px solid #d3d3d3;padding-bottom: 22px}
.main-application-outline {margin: 31px auto 0}
.app-out-btn span {float: left;line-height: normal;margin: 16px 0 21px;text-align: center;width: 100%;}
.app-out-btn{text-align: center;margin-bottom: 0;}
.app-out-btn a {display: inline-block;float: none;font-size: 13px;width: 255px;}
.power-footer {display: inline-block;margin-bottom: 35px;margin-top: 50px;}
.section-tab-view .nav-justified>li {display: table-cell;width: 1%;}
.section-tab-view .nav-justified>li a{margin-bottom: 0;}
.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 ul li a{padding: 6.5px 0;}
.selection-aust-logo{text-align: center;}
.selection-aust-logo span {width: 100%;font-size: 12px;line-height: normal;margin: 19px 0 18px;}
.m-hide{display: none;}
.show-mobile-title{display: inline-block;text-align: center;width: 100%;}
.mobile-title-page{color: #4a4a4a;font-size: 14px;font-weight: bold;margin-bottom: 2px;}
.mobile-estimated{color: #4a4a4a;font-size: 12px;margin-bottom: 21px;}
.main-sc-section {padding: 26px 30px;}
.main-sc-section p {font-size: 12px;margin-bottom: 0;text-align: center;}
.selection-form-title{font-size: 13px;margin-bottom: 12px;}
.question-y-n label.second-label{font-size: 12px; margin-bottom: 17px;}
.textarea-box textarea{margin-bottom: 32px;font-size: 12px;}
.section-br-inside{margin: 25px 0 22px;}
.section-btn .box-btn-gray {margin-right: 0; border-radius: 100px 0 0 100px;font-size: 13px;margin-right: -2.5px;border-right: none;padding: 0 0;width: 128px;}
.section-btn .box-btn{font-size: 13px;border-radius: 0 100px 100px 0;margin-left: -2.5px;border:1px solid #03a0e7;padding: 0 0;width: 128px;}
.second-radio-primary.radio label{font-size: 12px;}
.section-btn {margin: 1px 0 7px;}
.main-wc-section .selection-form-title{margin-bottom: 21px;}
.main-wc-section .full-width{ margin-bottom: 24px;}
.main-wc-section .section-br-inside {margin: 24px 0 27px;}
.main-sc-section.btn-remove-padd{padding-right: 0;padding-left: 0;}
.section-job-match .main-sc-section p{text-align: left;}
ul.security-level{padding-left: 0;margin-bottom: 21px;margin-top: 18px;}
.security-level li{font-size: 11px;line-height: 22px;}
.security-level span{font-size: 9px;}
.sj-1 {padding-bottom: 27px;padding-top: 20px;}
.main-rate-section{padding: 0;}
.rateing-title{font-size: 13px;padding: 23px 30px;width: 100%;position: relative;margin-bottom:0; }
.rateing-title span {font-size: 12px;position: absolute;right: 30px;top: 23px;}
.rating-box-title {font-size: 12px;line-height: 20px;padding: 16px 0;border-radius: 0;}
.ratting-number {left: 0;margin: 0;padding-left: 0;position: absolute;right: 0;top: 0;width: 100%;}
.pagination.ratting-number > li > a, .pagination.ratting-number > li > span{float: left;margin-left: 0;width: 14.28%;border-left: 0 none;padding: 14px 0;}
.pagination.ratting-number > li:first-child > a, .pagination.ratting-number > li:first-child > span{border-bottom-left-radius: 0;border-top-left-radius: 0;border-left: 0;}
.pagination.ratting-number > li:last-child > a, .pagination.ratting-number > li:last-child > span{border-bottom-right-radius: 0;border-top-right-radius: 0;border-right: 0;}
.ratting-box {border: 0 none;border-radius: 0;padding: 30px 0 33px;top: -2px;float: left;width: 100%;}
.auto-save{padding: 24px 0;float: left;width: 100%;}
.ratting-box span:first-child {float: left;margin: 13px 9px;position: relative;top: 25px;width: 50px;text-align: left;}
.ratting-box span:last-child{float: right;position: relative;top: 25px;width: 50px;text-align: right;margin: 13px 9px;}
.mobile-successfull-show {display: inline-block;text-align: center;width: 100%;font-size: 14px;font-weight: bold;color: #4a4a4a;margin-bottom: 46px;}
.complete-back{margin-top: 0;margin-bottom: 131px;}
.big-right-sy span{width: 45px;height: 45px;line-height: 45px;}
.big-right-sy img {width: 20px;}
.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){
.fl-right {width: 58.5%;}
.search-bar input {height: 50px;}
.search-bar img {left: 15px;top: 16px;}
.notification-bar {height: 50px;}
.notification-label{top: 4px;}
.user-profile-dropdown {height: 50px;padding: 15px 0;}
.create-job-btn {float: right;height: 50px;padding: 10.5px 15px 0 10px;}
.search-bar input {padding: 15px 20px 16px 50px;}
.create-job-btn a {font-size: 13px;padding: 5px 0;}
.user-profile-dropdown{width: 44.64%;}
.main-verify-identity {width: 70%;}
.plan-link {font-size: 12px;}
}
@media screen and (max-width: 700px){
.fl-right {width: 60.5%;}
.create-job-btn a {min-width: 100px;}
.page-title {font-size: 24px;}
.social-login{width: 100%;}
.section-c-title{margin-bottom: 40px;}
.section-br-inside{margin: 30px 0;}
.applicant-right-status {text-align: center;}
.officer-name {width: 100%;}
.chief-officer,.officer-name {text-align: center;}
.officer-box {margin-bottom: 25px;}
.main-appli-name{width: 100%;}
.main-export {text-align: center;}
.appli-name,.appli-applied{text-align: center;}
.appli-applied {margin-bottom: 15px;}
.main-verify-identity {width: 100%;padding: 0 30px;}
.pl-confirm {font-size: 12px;margin: 29px 0 25px;}
.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-box-layout{margin-bottom: 0;padding: 23px 30px 5px;}
.verify-i-title{font-size: 15px;margin-bottom: 28px;}
.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){
.ratting-box{padding: 23px 0;}
.ratting-box span {margin: 0 4px;}
.section-c-title{font-size: 18px;}
}
@media screen and (max-width: 580px){
.notification-bar{width: 55px;}
.notification-label{right: 10px;}
.btn.btn-primary{width: 100%;height: 44px;}
.make-payment-tab li a {min-height: 45px;padding: 6px 0;width: 150px;font-size: 13px;}
.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;}
.small-tab-font {font-size: 10px;}
.make-payment-tab.nav-pills > li + li {margin-left: 5px;}
.payment-title{display: inline-block;width: 100%;}
.total-amount{margin-top: 5px;width: 100%;}
.app-out-btn span {display: inline-block;width: 100%;}
.app-out-btn{text-align: center;}
.section-btn input{padding: 0 25.717px;line-height: 38px;}
.section-c-title{font-size: 24px;}
.section-c-title span{width: 100%;}
.social-login img {width: 39px;}
.fl-right {width: 62.5%;}
}
@media screen and (max-width: 520px){
.fl-right {width: 100%;box-shadow: inset 0 1px 0 0 #e5e8eb;}
.search-bar {width: 100%;}
.social-login li{width: 31.2%;}
.ratting-box span {display: inline-block;margin: 10px 0;width: 100%;}
.job-application,.job-shortlisted {width: 50%;}
.job-states{width: 100%;border-top: 1px solid rgba(229, 232, 235, 0.5);}
.job-list{border-left: 3px solid #03ac66;}
.all-jobs-title {margin-top: 0;}
.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){
.rate-toggle .nav-justified > li {display: block;width: 100%;margin-left: 0;}
.rate-toggle li:first-child a {border-left: medium none;border-radius: 0;padding-left: 0;}
.rate-toggle ul {border-radius:0;}
.rate-toggle li a{border:none;}
.rate-toggle li:last-child a{border-radius: 0;padding-right: 0;}
.payment-radio {margin-right: 10px;}
.payment-radio.radio label {padding-left: 5px;}
.pay-credit-method{margin-top: 10px;}
.arrow-up-gray-payment {left: 10px;top: -7px;}
.section-br-inside {margin: 26px 0;}
.second-radio-primary{margin-right: 16px;}
.section-btn input {font-size: 13px;line-height: 34px;padding: 0 15px;}
.job-filter li {margin: 0 4px;}
.job-filter li a{font-size: 9px;}
.lable-job-shorting{font-size: 9px;}
.applicant-header {padding: 18px 0;}
.appli-label {font-size: 13px;text-align: center;width: 100%;margin-bottom: 5px;}
.pro-bar {padding: 10px 10px 8px;text-align: center;}
.rateing-title{font-size: 13px;padding: 23px 30px;width: 75%;position: relative;}
.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){
.payment-title {font-size: 14px;}
.make-payment-tab li a {width: 140px;padding-left: 5px;padding-right: 5px;}
.total-amount {font-size: 14px;}
.payment-radio {margin-right: 5px;}
.payment-radio.radio label {font-size: 12px;}
.verify-i-title {font-size: 16px;}
.pl-verify {font-size: 13px;}
.box-br-line {margin: 24px 0;}
.verify-i-title {font-size: 15px;}
.pl-verify {font-size: 12px;}
.job-shortlisted {padding-left: 5px;}
.job-application {padding-left: 5px;}
.all-jobs-title{font-size: 20px;margin-top: 5px;}
.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;}
.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;}
}
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