@import url("//hello.myfonts.net/count/343a83");
  
@font-face {font-family: 'Usual-Bold';src: url('../fonts/343A83_0_0.eot');src: url('../fonts/343A83_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/343A83_0_0.woff2') format('woff2'),url('../fonts/343A83_0_0.woff') format('woff'),url('../fonts/343A83_0_0.ttf') format('truetype');}

@font-face {font-family: 'Usual-Light';src: url('../fonts/343A83_1_0.eot');src: url('../fonts/343A83_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/343A83_1_0.woff2') format('woff2'),url('../fonts/343A83_1_0.woff') format('woff'),url('../fonts/343A83_1_0.ttf') format('truetype');}

@font-face {font-family: 'Usual-Medium';src: url('../fonts/343A83_2_0.eot');src: url('../fonts/343A83_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/343A83_2_0.woff2') format('woff2'),url('../fonts/343A83_2_0.woff') format('woff'),url('../fonts/343A83_2_0.ttf') format('truetype');}

@font-face {font-family: 'Usual-Regular';src: url('../fonts/343A83_3_0.eot');src: url('../fonts/343A83_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/343A83_3_0.woff2') format('woff2'),url('../fonts/343A83_3_0.woff') format('woff'),url('../fonts/343A83_3_0.ttf') format('truetype');}

* {
    font-family: "Usual-Regular";
}
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{
    position: fixed;
    left : 0;
    top: 0;
    width: 100%;
    height: 65px;
    z-index: 1000;
}
.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;
    color: #7d7f82;
}
.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;
}

.search-bar, .fl-right{
    box-shadow: inset 1px 0 0 0 #eff0f2;
}

.fl-right{
	float: right;
	width: 27.673%;
        background-color: #ffffff;
}
.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;
}
.tack-center .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{
    /*height: 55px;*/
}
.profile-dropdown li a{
    padding: 16px 0 18px 22px;
    font-size: 14px;
    color: #4e5258;
    border-bottom: solid 1px #e5e8eb;
    vertical-align: middle;
}
.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%;
}
.sidebar-menu.fixed {
  float: none;
  width: 16.25%;
  position: fixed;
  top:75px;
}
.main-menu ul{
	padding: 50px 0 50px 27px;
}
.main-menu ul li{
	clear: both;
}
.main-menu ul li.disabled{
    pointer-events:none; 
    opacity:0.6;
}
.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 ul li.disabled a{
    color: #939393;
}
.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.svg');
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 22px;
	background-position: center;
}
.job-icon{
	background-image: url('../images/jobs-icon.svg');
	background-repeat: no-repeat;
	background-position: center;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 22px;
}
.canditates-icon{
	background-image: url('../images/canditates-icon.svg');
	background-repeat: no-repeat;
	background-position: center;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 22px;
}
.client-icon{
	background-image: url('../images/clients-icon.svg');
	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/users-icon.svg');
	background-repeat: no-repeat;
	background-position: center;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 22px;	
}
.company-icon{
	background-image: url('../images/my-company-icon.svg');
	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.svg');
}
.main-menu li:hover .job-icon,.main-menu li.active .job-icon{
	background-image: url('../images/jobs-icon-hover.svg');
}
.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: right;
	width: 83.75%;
	background-color: #e9ecef;
	padding: 3% 11.56% 3%;
        margin-top: 65px;
}
.page-title{
   color: #1a2531;   
   font-size: 28px;
   font-weight: 300;
   margin-top: 0;
   margin-bottom: 5.15%;
   font-family: "Usual-Light";
}
.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;
    font-family: "Usual-Bold";
}
.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;
}
.main-tab-form .nav-pills a{
    font-family: "Usual-Medium";
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    /*float: left;*/

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    /*display: block;*/
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    /*display: block;*/
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*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;
}

.wider-select .select2-container {width: 100% !important;}

.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.svg');
	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.svg');
	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 , .styled_checkboxes  span.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 , .styled_checkboxes span.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, .sub-radio-title span{
    color: #4e5258;
    font-weight: 300;
    margin-top: 5px;
    display: block;
    line-height: 22px;
    font-family: "Usual-Light";
}
.main-job-type{
	margin-top: 20px;
}
.job-detail-radio {
    margin-bottom: 15px;
}
.form-page-area {
    padding: 65px 13.5%;
    background: #fff;
    float: left;
    width: 100%;
    max-width: 1300px;
}
.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: 500;
    font-family: "Usual-Medium";
}
.btn.btn-primary.largeBtn{
    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.largeBtn.greyBtn, .btn.btn-primary.largeBtn.greyBtn:hover 
{
    background-color: rgba(255, 255, 255, 0.5);
    border: solid 1px #dfdfdf;
    color: #9b9b9b;
    width: 200px;
}
.btn.btn-primary.largeBtn.grey{
    background-color: #667281;
    border-color: #667281;
}
.btn.btn-primary.largeBtn:hover{
    background-color: #0e87be;
}
.btn.btn-primary.largeBtn.grey:hover{
    background-color: #434c58;
}
.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: 100%;
    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*/
.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;
}
span.skill-label span{
    font-family: "Usual-Light";
}
.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;
    font-family: "Usual-Light";
    font-size: 14px;
}
.qualification-title{
    margin-bottom: 22px;	
}
.qualification-title span{
    font-family: "Usual-Medium";
}
.qualification-radio {
    display: inline-block;
    margin-right: 25px;
}
.save-assess{
    display: inline-block;
    width: 100%;
}
.btn.btn-primary.top-margin-37{
    margin-top: 37px;
}
.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;
}
.label-16{
    font-size: 16px;
}
.job-match-radio {
    margin: 0 0 34px;
}
.job-match-radio.radio label{
    padding-left: 20px;
}
.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;
    font-family: "Usual-Medium";
}
.pack-price{
    color: #4990e2;
    font-weight: normal !important;
}
.ex-color{
    color: #224b7a;
}
.main-pack-type li a{
    text-align: center;  
    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;
}
.main-pack-type a input[type=radio] {
    position: absolute;
    visibility: hidden;
}
.main-pack-type label{
    margin-bottom: 0;
    font-weight: normal;
    padding: 12px 0 16px;
    float: left;
    width: 100%;
    cursor: pointer;
}
.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;
}

.culture-element{
    text-transform: uppercase;
}

/*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-belonging span{ 
    font-family: "Usual-Medium";
}
.work-radio-title{
    letter-spacing: 1.1px;
    color: #4e5258;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.work-radio-title span{
    font-family: "Usual-Medium";
}
.workplace-radio.radio label{
    padding-left: 9px;
}
.radio.workplace-radio {
    display: inline-block;
    width: 100%;
    margin: 10px 0;
}
.radio.workplace-radio label{
    font-size: 13px;
}
.culture-margin-bottom{
    margin-bottom: 15px;
}
input.btn.btn-primary.top-margin-25{
    margin-top: 33px;  
}
.radio.margin-bottom-none{
	/*margin-bottom: 0;*/
}
.work-rating,.work-l-rating,.friend-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;
}
.rate-toggle label{
    font-weight: normal;
    margin-bottom: 0;
    display: block;
    cursor: pointer;
}
.rate-toggle input[type="radio"]{
    position: absolute;
    visibility: hidden;
}
/*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;  
}
.btn.btn-primary.btn-gray{
     background-color: #667281;
    border-color: #667281;
}
.btn.btn-primary.btn-gray:hover{
    background-color: #434c58;
    border-color: #434c58;  
}
.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: 40%;    
    background: url(../images/link-icon.png) no-repeat ;
    height: 100px;
    text-align: left;
    background-position: left 20px center;
    padding: 30px 0 20px 60px;
    
}
.copy-link{
    font-size: 11px;
    color: #9b9b9b;
}
.share-btn {
    width: 12%;
    background-color: #efefef;
}
.linkdin-icon {
    width: 12%;
}
.facebook-icon {
    width: 12%;
}
.shape-icon{
    width: 12%; 
}
.more-icon {
    width: 12%;
}
.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, p.job-txt span{
    text-align: center;
    padding: 10% 0 7%;
    font-family: "Usual-Light";
}
.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;
}
.overview-title span.calcField {
    font-family: "Usual-Bold";
}

.ref-number, .ref-number span{
    color: #4a4a4a;    
    font-size: 12px;
    font-weight: 300;
    font-family: "Usual-Light";
}
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;
    font-family: "Usual-Bold";
}
.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;
    font-family: "Usual-Bold";
}  
.pos-content p{
    color: #4a4a4a;
    margin-bottom: 20px;
    font-family: "Usual-Light";
}
.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;*/
    position: fixed;
    left: 0px;
    bottom: 0px;
    padding-top: 15px;
    background-color: #e9ecef;
    z-index: 999;
}
.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;
    font-family: "Usual-Light";
}
.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;
    font-family: "Usual-Light";
}
.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: 75%;
}
.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-aust-title span{
    font-family: "Usual-Bold";  
}
.appli-content{
    color: #4a4a4a;
    width: 70%;
    font-family: "Usual-Light;"
}
.app-block {
    border: solid 2px #d3d3d3;
    padding: 45px 32px 18px;
    margin: 53px 0 40px;
}
.app-second-block{
    border-left: 0;
    border-right: 0;
}
.app-thired-block{
    border-left: 1px;
}
.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{
    height: 38px;
    color: #4a4a4a;
    font-size: 14px;
    font-family: "Usual-Bold";
}
.estimated-time{
    font-size: 12px;
    color: #4a4a4a;
    margin: 11px 0 10px;
}
.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%;
    padding-bottom: 40px;
}
/*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;
    margin-bottom: 49px;     
    margin-top: 59px;   
    font-family: "Usual-Bold";
}
.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%;
    /*margin-bottom: 87px;*/
}
.main-sc-section-bottom{
    padding: 35px 70px;
    display: inline-block;
    width: 100%;
    margin-bottom: 87px;
}
.selection-br-line{
    display: block;
    width: 100%;
    border: solid 1px #dadada;   
}
.main-sc-section p{
    margin-bottom: 0;
    font-family: "Usual-Light";
}
.selection-form-title{
    font-size: 18px;
    color: #4a4a4a;
    font-weight: bold;
    margin-bottom: 20px;
}
.second-label{
    margin-bottom: 13px;
    width: 100%;
}
.wc-question-y-n{
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 2px #d3d3d3;
    position: relative;
    top: -2px;
    padding: 30px 33px;    
}
.wc-question-y-n label.second-label{
    margin-bottom: 24px;
    font-weight: normal;
}
.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;
    background-color: #fbfbfb;
}
.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%;
    font-family: "Usual-Light";
}
.main-rate-section{
    padding: 53px 70px 68px;
    background-color: #fbfbfb;
}
.rateing-title {
    font-size: 18px;
    margin-bottom: 39px;
    font-family: "Usual-Bold";
}
.rateing-title span{
    float: right;
    color: #4990e2;
    font-size: 14px;
    font-family: "Usual-Bold";
    font-weight: bold;
}
.rating-box-title{
    border-radius: 3px;
    background-color: #4a4a4a;
    color: #ffffff;
    line-height: 52px;
    text-align: center;
    position: relative;
    z-index: 10;
}
.rating-box-title span{
    font-family: "Usual-Bold";      
}
.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: 0; 
    /*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 87px;
    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;
}
.main-tab-form ul li a{    
    border-right: 1px solid #979797;
}
.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;
}
.ratting-number a input[type=radio]{
  position: absolute;
  visibility: hidden;
}
.ratting-number a label{
  margin-bottom: 0;
  display: block;
  font-weight: normal;
  padding: 9px 24.12px;
  cursor: pointer;
}
.security-level input[type=radio]{
  position: absolute;
  visibility: hidden;
}
.security-level label{
  font-weight: normal;
  margin-bottom: 0;
}
.security-level li.active span{
  background-color: #4990e2;
  border: solid 1px #2a6ebf;
  color: #ffffff;
}
span.left-s-label{
    float: left;
    color: #4a4a4a;
    font-size: 12px;  
    margin-left: 26px;
    margin-right: 0;
    width: 150px;
    text-align: center;
    display: table;
}
span.right-s-label{
    float: right;
    color: #4a4a4a;
    font-size: 12px;
    margin-right: 26px;
    margin-left: 0;
    width: 150px;
    text-align: center;
    display: table; 
}
.left-s-label div,.right-s-label div {
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    font-family: "Usual-Bold";
}
.ips-box{
  margin-bottom: 26px;
}
/*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: right;
    margin-top: 65px;
    width: 83.75%;
    position: relative;
}
.dashboard-first-part{
    background-color: #1a2531;
    height: 290px;
    padding: 2.2% 5% 2.2%;
}
.first-part{
    background-color: #1a2531;
    padding: 2.2% 5% 0;
}
.second-part{
  
    padding: 2.2% 5% 2.2%;
}
.dashboard-welcome{
    float: left;
    padding-right: 0;
    text-align: left;
}
.welcome-text, .welcome-text span{
    font-family: "Usual-Light";
    color: #ffffff;
    font-size: 36px;  
    font-weight: 300;
    line-height: 1.42;
}
.d-three-box{
    background-color: #ffffff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
    max-width: 275px;
    padding: 20px 36px 31px;
    top: 20px;
    float: none;
    display: inline-block;
    text-align: left;
    z-index: 100;
    width: 275px;
}
.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, .dash-count span{
    font-family: "Usual-Light";
    font-size: 60px;
    font-weight: 300;
}
.c-green{
  color: #03ac66;
}
.c-gray{
  color: #627791;
}
.c-blue{
  color: #03a0e7;
}
.d-box-title {
    color: #4e5258;
    text-align: left;
    font-family: "Usual-Light";
    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;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    display: inline-block;
    padding: 0 44px;
    margin-top: 29px;
    background-color: #667281;
}
.d-create-job-btn:hover,.d-create-job-btn:focus{
    background-color: #434c58;
    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;
    font-family: "Usual-Medium";
}
.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: 500;  
    margin-right: 18px;
    text-transform: uppercase;
    font-family: "Usual-Medium";
}
.calendar {
    background-image: url('../images/calendar-icon.svg');
    background-repeat: no-repeat;
    padding: 6px 0 2px 22px;
    background-position: left center;
    font-size: 12px;
    font-weight: 500;
    color: #7d7f82;
}

.calendar .number span{
    font-family: "Usual-Medium";
}
.ja-count, .ja-count span{
    color: #03a0e7;    
    font-size: 30px;
    font-weight: 300;
    font-family: "Usual-Light";
}
.ja-count{
    display: table-cell;
    padding-left: 17px;
}
.ja-count .grey-span{
    letter-spacing: 1px;
    color: #8e97a0;
    font-size: 11px;
    font-weight: 500;
    width: 100%;
    float: left;    
    font-family: "Usual-Medium";
    text-transform: uppercase;
}
.ja-icon{
    display: table-cell;
    width: 39px;
    vertical-align: middle;
}
.ja-icon .conic-circle{
    width: 40px;
    height: 41px;
    position: relative;
}
.right-mark-img {
    position: absolute;
    top: 16px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}
.active-states{
    width: 16px;
    height: 16px;
    border: solid 4px #03ac66;
}
.main-dashboard-content {
    position: relative;
}
.main-welcome-popup{
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.2);
  border: 1px solid #e8e8eb;
  width: 500px;
  margin: 0 auto;
  text-align: center;    
  padding: 0;
}
.main-welcome-popup h2{
  font-size: 22px;
  font-weight: 600;
  color: #4a4a4a;
  margin: 38px 0 22px;
}
.main-welcome-popup p {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.56;
  text-align: center;
  color: #4a4a4a;
  padding: 0 60px;  
}
.create-y-f-job{  
  width: 100%;
  border-top: 1px solid #ededef;
  margin-top: 35px;
  padding: 27px 0; 
}
.create-y-f-job a{
  border-radius: 100px;
  background-color: #03a0e7;
  display: inline-block;
  width: 280px;
  height: 60px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;  
  line-height: 60px;
}
.overlayer-dark::before {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}
.welcome-pop-top{
  margin-top: 10%;
}
/*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: 500;    
    letter-spacing: 1px;
    color: #1a2531;
    font-family: "Usual-Medium";
}
.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: 29.5px;
    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 span{
    color: #ffffff;
    font-family: "Usual-Light";
}
.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;
    font-family: "Usual-Medium";
}
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;
    font-family: "Usual-Medium";
}
.active-status-icon{
    width: 20px;
    height: 20px;
    border: solid 4px #03ac66;
    display: inline-block;
    border-radius: 100px;
    margin: -5px 11px;
}
.complete-status-icon{
    width: 20px;
    height: 20px;
    border: solid 4px #f56440;
    display: inline-block;
    border-radius: 100px;
    margin: -5px 11px;
}
.filled-status-icon{
    width: 20px;
    height: 20px;
    border: solid 4px #f56440;
    display: inline-block;
    border-radius: 100px;
    margin: -5px 11px;
}
.draft-status-icon{
    width: 20px;
    height: 20px;
    border: solid 4px #b5bfca;
    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;
    font-family: "Usual-Medium";
    background-color: #667281;
    margin-left: 29px;
}

.edit-btn-dropdown a.rightbtn {
    border-radius:0 100px 100px 0;
    margin-left: 0px;
}
.edit-btn-dropdown a.leftbtn {
    border-radius: 100px 0 0 100px;
    margin-left: 29px;
}

.edit-btn-dropdown a:hover,.edit-btn-dropdown a:focus{
    background-color: #434c58;
}
.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: 100%;    
}
.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;
}

.test-tabs > li {
    width: 200px;
}

.appli-name{
    color: #1a2531;
    text-align: left;
    font-size: 26px;
    font-weight: 300;
    font-family: "Usual-Light";
}
.appli-name span{
    font-family: "Usual-Light";
}
.appli-applied{
    color: #7d7f82;
    text-align: left;
    font-size: 12px;    
    margin-top: 6px;
}
.applicant-header {
    display: inline-block;
    width: 100%;
    padding: 21px 24px;
    background-color: #fff;
    margin-bottom: 2.75%;
    position: relative;
}
.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: 73.814%;    
}
.role-fit {
    background: #fff none repeat scroll 0 0;
}
/*.role-fit .progress-label{
    font-size: 16px;
    letter-spacing: 1.5px;
    color: #4a4a4a;
    margin-top: 18px;
}*/
.thr-block.culture-fit, .thr-block.requirement-fit {
    margin-top: 0;
    background-color: #f7f7f8;
    box-shadow: inset 1px 0 0 0 #dddddd;    
}
.common-dot{
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}
.red-dot{
  background-color: #fabdc1;
  border:1px solid #fb5d67;
}
.yellow-dot{
  background-color: #fbe7a1;
  border: 1px solid #fbc712;  
}
.green-dot{
  background-color: #8CE2DB;
  border: 1px solid #47BBB3;  
}
.text-dot-dot{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 88%;
  display: inline-block;
}
.r-y-label{
  font-size: 11px;
  color: #67696d;
  padding-left: 6px;
  vertical-align: middle;
}
.pre-dot{
    padding-left: 0;
}
.a-label-row {
    margin-bottom: 6px;
}
.thr-block {
    display: inline-block;    
    padding: 0 17px 25px 25px;
    vertical-align: bottom;
}
.four-label{
  margin-top: 25px;
}
.applicant-tab {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #ddd;
    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;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: #4e5258;
  line-height: 28px;
  width: 25%;
 font-family: "Usual-Bold";
}
.pro-bar {
    padding: 28px 38px 22px 62px;
    text-align: left;
    cursor: pointer;
}
.pro-bar:hover{
  box-shadow: 3px 3px 15px #666;
  border-color:#C76C0C;
  cursor: pointer;
  /*Opacity*/
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
}
span.appli-percen {
    color: #67b413;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    margin-right: 8px;
    position: relative;
    top: -2px;
    font-family: "Usual-Bold";
    width: 80px;
    text-align: right;
}
.expand-box {
    display: inline-block;
    margin-left: 26px;
    float: right;
    position: relative;
}
span.appli-progress-bar {
    display: inline-block;
    width: 47.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;    
    margin-top: -4px;
}
.hasarrow img{
  margin-top: -1px;
}
.main-pro-bar{
    border-bottom: solid 1px #e3e3e3;
    display: inline-block;
    width: 100%;
}
.applicant-right {
    float: right;
    width: 23.73%;
    background-color: #ffffff;
}
.overall-suit{
    color: #4a4a4a;
    text-align: left;
    font-size: 12px;   
    text-transform: uppercase;
    float: left;
    line-height: 56px;
}
.big-percentage{
    color: #667281;
    font-size: 40px;    
    float: right;
}
.app-right-b {
    padding: 15px 22px 15px 22px;
    border-bottom: solid 1px #dddddd;
    float: left;
    width: 100%;
}
.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;
    float: left;
    width: 100%;
}
.contact-label{
    letter-spacing: 1px;
    color: #4e5258;
    font-size: 12px;
    font-weight: 500; 
    display: table-cell;
    width: 16px;
    text-align: center;   
    font-family: "Usual-Medium";
}
.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;
    float: left;
    width: 100%;
}
.applicant-note-title{
    color: #4e5258; 
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 17px;
    font-family: "Usual-Medium";
}
.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 56px;
    float: left;
    width: 100%;
}
.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: 30px 0 20px;
    display: block;
}
.fixed-width{
    width: 145px;
    height: 145px;
    margin: 0 auto;
}
.progress-label{
    color: #4a4a4a;    
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 15px;    
    font-family: Usual-Regular;
    letter-spacing: 1.1px;  
    font-weight: normal;
    margin-top: 24px;
}
.applicant-progress {
    display: flex;
    width: 100%;    
    float: left;
}
.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: 0px;
}
.expand-hide-tag{
    background-color: #f2f3f4;
    float: left;
    width: 100%;
    display: none;
}
.tab-row{
    float: left; 
    width: 100%;
    border-bottom: solid 1px #e3e3e3;
}
.tab-row:last-child{
    border-bottom: 0;
}
.tab-view-label {
    color: #4e5258; 
    float: left;
    font-size: 10px;
    letter-spacing: 0.9px;
    line-height: 82px;
    text-align: left;
    text-transform: uppercase;
    width: 30%;
    padding-left: 62px;
}
.tab-view-side {
    float: right;
    padding: 17px 38px 17px 10px;
    width: 67.4%;
}
.result-want {
    float: left;
    width: 100%;
    font-family: "Usual-Medium";
}
.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: #fb5d67 none repeat scroll 0 0 !important;
  float: left;
  position: relative;
  z-index: 10;  
  /*height: 10px;*/
}
.yellow-b{
  background-color: #fedd6f !important;
  float: left;
  position: relative;
  z-index: 10;  
  /*height: 10px;*/
}
.green-b{  
  background-color: #41bdb4 !important;
  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;
}
.prev-btn,.next-btn{
  width: 28px;
  height: 28px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  position: absolute;
  line-height: 26px;
  top: 50%;
  transform: translateY(-50%);
}
.prev-btn{
  left: -40px;
}
.next-btn{
  right: -40px;
}


/*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;
    font-family: "Usual-Bold";
}
.int-timeline li.active span{
    color: #1a2531; 
}
.int-timeline li a {
    color: #b5bfca;
    font-size: 11px;
    font-weight: 500;
    display: block;
    padding: 11px 0;
    width: 96px;    
    text-align: center;
    font-family: "Usual-Medium";
}
.int-timeline li.has-applicant.inactive a:hover {
    color: #ffffff;    
    font-size: 11px;  
    background-color: #4e5964;
}
.int-timeline li.active, .int-timeline li.active a:hover{
    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: #768595;
}
.unsutable a span{    
  color: #ffffff;
  font-size: 30px;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  margin-bottom: 4px;
  font-family: "Usual-Bold";
}
.no-applicant a span{ 
    color: #7b8da0;
}
.no-applicant a{ 
    color: #7b8da0;
}
.no-applicant a{ 
    background-color: #324150;
}
.no-applicant.active a{ 
    background-color: #e9ecef;
}
no-applicant.inactive a:hover,no-applicant.inactive a:hover span{
    color: #ffffff;    
    background-color: #4e5964;
}
.unsutable a {
  font-size: 11px;
  display: block;
  color: #b5bfca;
  padding: 9.5px 0;
  width: 96px;
  font-family: "Usual-Medium";
}
.unsutable.active a{
    color: #8e97a0;
    font-size: 11px;
    font-weight: bold;
    position: relative;
}
.unsutable.has-applicant.inactive a:hover,.unsutable.has-applicant.inactive a:hover span{
    color: #ffffff;    
    background-color: #4e5964;
}
.unsutable.active a:hover{
    background-color: #e9ecef;
    color: #7b8da0;
}
.unsutable.active a:hover span{
    background-color: #e9ecef;
    color: #1a2531;
}
.unsutable.active{
    background-color: #e9ecef;
}
.unsutable.active span {
    color: #1a2531;
}
.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.4% 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;
    text-align: center;
}
.over-all{
    font-size: 30px;
    float: right;
    margin-top: 10px;
    font-weight: 300;
}
.over-all span{
    font-family: "Usual-Light";
}
.over-all.f-60 span{
    font-family: "Usual-Regular";
    font-size: 40px;
}
.overall{
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.9px;    
    text-transform: uppercase;
    color: #7d7f82;
    font-family: "Usual-Medium";
    float: left;
    margin-top: 25px;
}
.overall.f-60{
    margin-top: 30px;
}
.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;
    font-family: "Usual-Medium";
}
.jcc span{
    float: right;
    font-size: 22px;
    font-weight: 300;
    text-align: left;
    color: #7d7f82;
    font-family: "Usual-Light";
}
.criteria{
  background-color: rgba(239, 240, 242, 0.5);
}
.jcc img{
  margin-right: 8px;
}
.view-app-area{
  padding-top: 43px;
  position: relative;
  min-height: 700px;
}
.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;
    background-color: #667281;
}
.expand-btn:hover,.expand-btn:focus{
    background-color: #434c58;
    color: #ffffff;
} 
.expand-btn > img {
    margin-left: 15px;
}
/*
.expand-btn a{
    color: #ffffff;
}*/
.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;
    padding-bottom: 3px;
}
.appli-filter li.active a {
    border-bottom: 2px solid #03a0e7;
    color: #03a0e7;
}
.appli-shorting-dropdown{
    float: right;
    width: 125px;
    margin-left: 50px;
    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;
    width: 200px;
}
.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: 3%;
    padding: 15px 5px;
}
.appli-list-name {
    color: #4a4a4a;
    font-size: 20px;    
    padding: 14px 0 17px 21px;
    width: 22%;
}
.appli-jcs {
    color: #4a4a4a;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 26px 18px 5px;
    text-transform: uppercase;
    width: 15%;
}
.appli-jcs2 {
    color: #4a4a4a;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 26px 18px 5px;
    text-transform: uppercase;
    width: 20%;
}
.appli-overall{
    color: #4a4a4a;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 15px 18px 15px;
    text-transform: uppercase;
    width: 15%;
}
.appli-overall .rank{
    padding-top:15px; 
    float: left;
}
.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: right;
}
.appli-percent-no span{
    font-family: "Usual-Light";
}
.appli-percent-no.first span{
    font-family: "Usual-Regular";
}
.appli-status {
    border: medium none;
    padding: 15px 23px 0;
    width: 15%;
}
.appli-list-drop{
    float: left;
    width: 100%;
}
.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;
    border: 1px solid #cccccc;
    border-radius: 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;
    padding-top: 2px;
    padding-left: 8px;
    font-size: 11px;
    color: #555555; 
}
.checkbox-list input[type="checkbox"] {
    opacity: 0; }
.checkbox-list input[type="checkbox"]:focus + label::before  , .checkbox-list span.checked label:before  {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
.checkbox-list input[type="checkbox"]:checked + label::after  , .checkbox-list span.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; }

/*iew Applicants Second page End*/

/*View Applicants HT005 - Shortlist*/
.short-list a:before{
  background-image: url('../images/list.png');
  width: 16px;
  height: 13px;
  content: '';
  float: left;
  margin-right: 8px;
  margin-top: 4px;
}
.grid-list a:before{
  background-image: url('../images/grid.png');
  width: 13px;
  height: 13px;
  content: '';
  float: left;
  margin-right: 8px;
  margin-top: 4px;
}
.short-list.active a:before{
  background-image: url('../images/list-active.png');
}
.grid-list.active a:before{
  background-image: url('../images/grid-active.png');
}
.appli-list-shorting.main-shortlist{
  margin-top: 0;
}
.main-shortlist-filter.main-applicants-filter{
  margin-bottom: 39px;
}
.grid-checkbox.checkbox-list label{
  padding-left: 0;
  font-weight: normal;
  margin-bottom: 0;
}
.grid-checkbox{
  margin-bottom: 0;
  display: inline-block;
}
.grid-checkbox.checkbox-list label::before{
  margin-top: 0;
  position: relative;
  margin-right: 9px;
  top: 2px;  
  background-color: rgba(239, 240, 242, 0.9);
  border: solid 1px #ffffff;
}
.grid-checkbox.checkbox-list label::after{
    padding-left: 0;
    padding-top: 4px;
    margin-left: 4px;
}
.detail-box{
  float: left;
  width: 100%;
  background-color: #f7f7f8;
  padding: 9.5px 12px;
}
.detail-row{
  float: left;
  width: 100%;
  margin: 9.5px 0;
}
.detail-label{
  float: left;
  color: #4e5258;  
  font-size: 12px;
  width: 76%;
}
.detail-no{
  font-size: 14px;
  float: right;
}
.grid-box-view .jcc{
  border-bottom: 1px solid #edeff0;
}
.grid-box-view .appl-c-box{
  margin: 0 10px 0 0;
}

.grid-box-view .appl-c-box:last-child{
  margin-right: 0;
}
.sl_width.slider-next.slick-arrow {
    position: absolute;
    right: -50px;
    top: 24%;    
    z-index: 10;
}
.sl_width.slider-next.slick-arrow span{
  background-color: #ffffff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #b9bbbd;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  border-radius: 100px;
  cursor: pointer;
}
.sl_width.slider-prev.slick-arrow span{
  background-color: #ffffff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #b9bbbd;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  border-radius: 100px;
  cursor: pointer;
}
.sl_width.slider-prev.slick-arrow {
    position: absolute;
    left: -50px;
    top: 24%;    
    z-index: 10;
}
.sl_width.slider-next.slick-arrow.slick-disabled,.sl_width.slider-prev.slick-arrow.slick-disabled{
    display: none !important;
}
.take-font-up{
    position: relative;
    top: -4px;
}
/*.grid-box-view {
    margin-bottom: 195px;
}*/

/*View Applicants HT005 - Shortlist End*/


/*Manage User Page Start*/
.eq-justify-content{
  display: flex;
  justify-content: space-between;
}
.manage-user-left {float: left;width: 71.695%;}
.manage-user-right {
    background-color: #4e5258;
    float: left;
    margin-left: 2.2%;
    margin-top: 83px;    
    padding: 30px;
    width: 26%;
}
.user-list-row:last-child{
  margin-bottom: 0;
}
.select2-container--disabled .select2-selection--single .select2-selection__arrow b{
  display: none;
} 
.main-manage-userlist{float: left;width: 100%;}
.user-list-row{
  background: #fff none repeat scroll 0 0;
  display: inline-block;
  width: 100%;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.02);
  margin-bottom: 15px;
}
.m-user-left{
  float: left;
  width: 78%;
  padding: 18px 26px;
}
.m-user-right{
  float: right;
  width: 22%;
  padding: 15px 17px;  
}
.m-user-icon,.m-user-info{
  float: left;
}
.m-user-icon{
  margin-right: 16px;
}
.m-user-name {
    font-size: 20px;
}
.m-user-email{
  color: #7d7f82;
  font-size: 12px;
  text-transform: uppercase;  
}
.m-save-user{
  padding: 15px 26px;
  float: left;
  width: 80%;
}
.m-save-user input {
    display: inline-block; 
    margin-right: 5px;
    width: 30%;
}
.save-button{
  float: right;
  padding: 17px 17px;  
}
.btn.btn-save {
    background-color: #67b413;
    border-radius: 100px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    height: 45px;
    letter-spacing: 1px;
    width: 100px;
}
.resend-link a{
    font-size: 12px;
    text-align: left;
    color: #4990e2;
    text-decoration: underline;
}
.resend-link {
    background-color: #fafafa;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.02);
    display: inline-block;
    padding: 15px 80px;
    width: 100%;
}
.manage-user-right label{
  color: #ffffff;
  font-weight: 400;
}
.manage-user-right .form-group {
    margin-bottom: 11px;
}
.sidebar-title {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}
.invite-btn {
  float: right;
  margin-top: 12px;
}
.btn.btn-invite{
    background-color: #03a0e7;
    border-radius: 100px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    height: 45px;
    letter-spacing: 1px;
    width: 100px;
}
.invite-combo{
  text-align: center;
}

/*Manage User Page End*/

/*popup message*/
.main-popup .modal-body{padding: 50px 45px 44px;text-align: center;}
.popup-message-txt {margin: 24px 0 36px;line-height: 23px;}
.popup-btn a{border-radius: 100px;min-width: 120px;line-height: 45px;height: 45px;font-size: 15px;color: #ffffff;display: inline-block;padding: 0 15px;}
.popup-close img{float: right;margin-right: 9.7px;margin-top: 9.7px;position: relative;z-index: 15;}
.main-popup .modal-content{background-color: #ffffff;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);border: 0 none;border-radius: 0;border-top: 5px solid;}
.popup-message-title{font-size: 24px;}
/*success popup css*/
.main-success-popup .modal-content{border-color: #67b413;}
.main-success-popup .popup-btn a{background-color: #67b413;}
.main-success-popup .popup-message-title{color: #67b413;}

/*error popup css*/
.main-error-popup .modal-content{border-color: #f9513d;}
.main-error-popup .popup-btn a{background-color: #f9513d;}
.main-error-popup .popup-message-title{color: #f9513d;}

/*status popup css*/
.main-status-popup .modal-content{border-color: #03a0e7;}
.main-status-popup .popup-btn a{background-color: #03a0e7;}
.main-status-popup .popup-message-title{color: #03a0e7;}

/*notification popup css*/
.main-notification-popup .modal-content{border-color: #fcb642;}
.main-notification-popup .popup-btn a{background-color: #fcb642;}
.main-notification-popup .popup-message-title{color: #fcb642;}


/*error message*/
.message-common{padding: 24px 38px 24px 33px;margin: 15px -1.5%;}
.bottom-zero{bottom:0;transition:0.3s;}
.success-message{background-color: #67b413;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);}
.error-message{background-color: #f9513d;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);}
.status-message{background-color: #03a0e7;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);}
.notification-message{background-color: #fdb641;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);}
.message-txt{color: #ffffff;font-size: 20px;margin-left: 19px;width: 90%;}
img.alert-icon {float: left;}
.close-alert {float: right;margin-top: 3px;cursor: pointer;}
.appli-status-short{width: 170px;}
.complete-page-footer {margin-bottom: 109px;}
.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: 12px; line-height: 24px; }
  .expand-box{margin-left: 15px;}
  .big-percentage{font-size: 58px;}
  .appli-percent-no{font-size: 28px; line-height: 1.8em;}
  .appli-jcs{font-size: 10px;padding: 26px 15px 5px; width: 13.5%;}
  .appli-jcs2{font-size: 10px;padding: 26px 15px 5px;}
  .appli-list-name{font-size: 18px;}
  .appli-status{padding: 15px 0 0 12px; }
  .appli-overall{width: 17%;}
  .company-pro-logo {margin: 9% 0 2.6%;}
  
  .tabing-sidebar .nav-tabs > li > a{padding-left: 30px;}
}

@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;}
  
  .company-pro-logo {margin: 9% 0 2.2%;}
}

@media screen and (max-width: 1440px){
	.fl-right {width: 30.5%;}
  .d-three-box{padding: 32px 15px;border-width: 7px;top: 10px; bottom: 0;}
  .arrow-btn{margin-top: 25px;}
  .empty-area{margin-top: 25px;}
  .week-states{margin-top: 20px;}
  .dash-count {font-size: 48px;}
  .welcome-text {font-size: 30px;}
  .appl-c-box{margin: 0.3% 0.3%;}
  
  .tabing-sidebar .nav-tabs > li > a {padding-left: 24px;}

  .thr-block{padding: 0 15px 15px;}
}

@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.2% 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;}
  .search-bar input{padding: 22px 72px 21px;}
  .search-bar img{top: 22px;}
  .grid-box-view .jcc img {margin-right: 5px;}
  .grid-box-view .jcc span{font-size: 18px;}
  .grid-checkbox.checkbox-list label{font-size: 14px;}
  .grid-box-view .detail-box{padding: 7.5px 12px;}
  .grid-box-view .detail-row{margin: 7.5px 0;}
  .view-app-area {padding-top: 32px;}
  .message-common {padding: 20px 28px 20px 25px;}
  .message-txt{margin-left: 18px;}
  .main-applicant-content {width: 100%;}
  
  .thr-block {padding: 0 10px 10px;}
  .admin-notes{padding: 16px 21px 28px;}  
}

@media screen and (max-width: 1350px){
	.create-job-btn a{min-width: 150px;}
	.work-rating{padding: 15px;}
	.rate-toggle {width: 100%;}
	.work-rating {font-size: 12px;}
  .make-payment-tab li a{width: 300px;}  
  .appli-jcs {font-size: 9px;padding: 26px 10px 0; width: 12%;}
  .appli-jcs2 {font-size: 9px;padding: 26px 10px 0; width: 18%;}
  .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;}  
  .main-applicant-content {width: 100%;}

  .text-dot-dot{width: 75%;}
  .admin-br-line{margin: 18px 0 17px;}
  .appli-overall{width: 19%;}
  .main-pack-type {padding-left: 0px};
}

@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;}
  .empty-area {height: 38px;line-height: 38px;padding-left: 15px;}
  .appli-name {font-size: 24px;}
  .main-applicant-content {width: 100%;}
  .applicant-sidebar{width: 20.65%;}
  
  .tabing-sidebar .nav-tabs > li > a {padding-left: 15px;}
}
@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;}
  .empty-area {height: 32px;line-height: 32px;padding-left: 12px;}
  .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-jcs2 {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: 10px 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; margin-top: 0px;}
  .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;}
  .sl_width.slider-next.slick-arrow span,.sl_width.slider-prev.slick-arrow span{width: 30px;height: 30px;line-height: 26px;}
  .slick-arrow img{width: 8px;}
  .sl_width.slider-next.slick-arrow{right: -4%;}
  .sl_width.slider-prev.slick-arrow{left: -4%;}
  
  .main-company-profile {margin: 50px auto 0;width: 60%;}
  .company-pro-logo {margin: 10% 0 3.2%;}
  .main-compony-section {padding: 40px 45px 15px;}

  .m-user-left {padding: 18px;width: 70%;}
  .m-user-right{width: 30%;}
  .m-save-user{width: 75%;}
  .resend-link{padding: 15px 70px;}
  .manage-user-right{margin-top: 75px;padding: 20px;}
  
  .main-sign-up {width: 44.5%;}

  .tabing-sidebar .nav-tabs > li > a {font-size: 12px;padding:12px 0 12px 10px;}
  .tabing-sidebar .nav-tabs > li.active > a:focus, .tabing-sidebar .nav-tabs > li.active > a:hover, .tabing-sidebar .nav-tabs > li.active > a{font-size: 12px;}
  .tabpage-title {font-size: 18px;}
  .tabing-sidebar {padding: 36px 0 0 18px;}
}

@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;}
  .auto-save{padding: 45px 0 70px;}
  .ips-box {margin-bottom: 15px;}
}

@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%;}
  .ratting-number a label{padding: 7px 17.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-jcs2{width: 30.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-shortlist-filter.main-applicants-filter {margin-bottom: 60px;}
  .main-content-area,.second-part {min-height: 904px;}
  .second-part.v-applicant-area {padding-top: 30px; margin-top: 0px;}
  .applicant-left{border-right: none;}
  .appli-list-name{padding: 8px 0 7px 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;}
  .int-timeline li{margin-right: -2.5px;}
  .message-txt{width: 80%;font-size: 17px;}
  .alert-icon {width: 26px;}
  .close-alert{margin-top: 2px;}
  .message-common{margin: 15px 0;}
  .left-s-label div, .right-s-label div{height: 36px;}
  span.left-s-label{margin-right: 0;}
  span.right-s-label{margin-left: 0;}
  
  .main-company-profile {width: 70%;}

  .eq-justify-content {display: inline-block;justify-content: unset;}
  .manage-user-left {width: 100%;}
  .manage-user-right {margin-left: 0;margin-top: 20px;padding: 20px;width: 100%;margin-bottom: 20px;}
  
  .main-sign-up {width: 66%;}

  .company-content-area {padding: 6.3% 5.3% 6.1%;}
  .tabing-sidebar {padding: 30px 0 0;}

  .prev-btn {left: -18px;}
  .next-btn {right: -18px;}

}

@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.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-thired-block {border-left: 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.largeBtn{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; height: 23px;}
  .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: 60px;}
  .app-out-btn a {display: inline-block;float: none;font-size: 13px;width: 255px;}
  .power-footer {display: inline-block;margin-top: 50px; position: fixed; left: 0px; bottom: 0px;}  
  .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;}
  .wc-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;}
  .ratting-number a label{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%;padding: 15px 10px 15px;}
  .appli-jcs {font-size: 10px;}
  .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; margin-top: 0px;}
  .main-application-outline {padding: 0 34px;width: 100%;}
  .sl_width.slider-next.slick-arrow{right: -15px;top: 26%;}
  .sl_width.slider-prev.slick-arrow{left: -15px;top: 26%;}
  .slick-list.draggable {z-index: 11;}
  .sl_width.slider-next.slick-arrow span,.sl_width.slider-prev.slick-arrow span{border:none;}
  .slider-prev img{position: relative;left: -4px;}
  .slider-next img {position: relative;right: -4px;}
  .message-common {padding: 15px;width: 93%;}
  .ratting-box span.left-s-label{width: 150px;line-height: normal;margin-right: 0;display: table;}
  .ratting-box span.right-s-label{width: 150px;line-height: normal;margin-left: 0;display: table;}
  .pagination.ratting-number.ipsative-rating > li > a, .pagination.ratting-number.ipsative-rating > li > span{width: 20%;}
  .ips-box {margin-bottom: 0;}
  .left-s-label div, .right-s-label div {height: auto;}
  
  .main-company-profile {margin: 40px auto 0;padding: 0 15px;width: 100%;}
  .hello-company-name {font-size: 18px;}
  .main-invite-friend {padding: 35px 30px 25px;}
}

@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; margin-bottom: 80px;}
  .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;margin-bottom: 8px;}
  
  .main-sign-up {width: 90%;}
}

@media screen and (max-width: 600px){
    .ratting-box{padding: 23px 0;}
    .ratting-box span {margin: 0 4px;}
    .section-c-title{font-size: 18px;}
  
    .m-save-user {width: 100%;padding: 15px 15px 0;}
    .m-save-user input {display: inline-block;margin: 0 0 10px;width: 100%;}
    .m-user-left {padding: 15px;width: 100%;}
    .m-user-right {width: 100%;padding: 0 15px 15px;}
    .manage-user-left .jobs-list-shorting{margin-bottom: 20px;}
    .m-user-name {font-size: 18px;}
    .m-user-email {font-size: 11px;}
    .m-user-icon {margin-right: 12px;}
    .resend-link {padding: 15px 0;text-align: center;}
}

@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%;}
  
  .hello-company-name {font-size: 16px;}
  .company-pro-logo {margin: 10% 0 6.2%;}
  .main-compony-section {padding: 35px 30px 10px;}
  .up-rep-btn {margin-top: 15px;position: relative;top: 0;}
  .u-img-tag{margin-right: 0;}
}

@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%;}
  .sl_width.slider-next.slick-arrow{right: -10px;}
  .sl_width.slider-prev.slick-arrow{left: -10px;}
}
@media screen and (max-width: 420px){
  .main-pack-type li {width: 74%;}
  .ratting-box span.left-s-label{width: 105px;}
  .ratting-box span.right-s-label{width: 105px;}
  
  .main-company-profile {margin: 30px auto 0;}
  .btn-b-225{height: 45px;line-height: 45px;}
  .box-bg-color{padding: 30px;}
  .col-2 {margin-left: 0;margin-right: 0;width: 100%;}
  .col-row {margin-left: 0;margin-right: 0;}
  .u-img-tag{width: 100%;height: auto;}
}
@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;}
  .alert-icon {width: 20px;}
  .message-txt {font-size: 14px;margin-left: 10px;}
  .close-alert {margin-top: 0;}
  .close-alert > img {width: 10px;}
}

@media screen and (max-width: 320px){
    .verify-i-title {font-size: 13px;}
    .tabing-sidebar .nav-tabs > li > a {font-size: 10px;padding: 10px 0 10px 5px;}
    .tabing-sidebar .nav-tabs > li.active > a:focus, .tabing-sidebar .nav-tabs > li.active > a:hover, .tabing-sidebar .nav-tabs > li.active > a {font-size: 10px;}
    .tabing-sidebar {padding: 13px 0 0;}
}

.footer{
    position: fixed;
    bottom: 0;
    left: 0;
    height: 59px;
}

div.errorField > label,
div.errorField .help-block,
div.errorField .help-inline {
  color: #b94a48;
}
div.errorField .checkbox,
div.errorField .radio,
div.errorField input,
div.errorField select,
div.errorField textarea {
  color: #b94a48;
  border-color: #b94a48;
}
div.errorField .checkbox:focus,
div.errorField .radio:focus,
div.errorField input:focus,
div.errorField select:focus,
div.errorField textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}
div.errorField .input-prepend .add-on,
div.errorField .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}
.dashboard-content-area .message-common {
    margin: 0px;
}
.job-post-name {
    cursor: pointer;
    font-weight: bold;
}
label, label .label-title span {
    font-family: "Usual-Medium";
    font-weight: 500;
}

.text-left label
{
    font-family: "Usual-Regular";
}
.assessment-criteria p{
    font-family: "Usual-Light";
}

.checkbox label{
   font-family: "Usual-Regular"; 
}

.review-medium-title, .review-label{
    font-family: "Usual-Medium";
    font-size: 14px;
}
.mobile-hide{
    font-family: "Usual-Medium";
}
.estimated-time-20{
    font-family: "Usual-Bold";
}

.app-outline-complete {
    background-color: #67b413;
    border-color: #67b413;
}

.app-outline-complete-icon {
    background-image: url('../images/right-mark.svg');
    background-size: 25px 20px;
    background-repeat: no-repeat;
    background-position: center;
    width: 47px;
    height: 47px;
}


.app-outline-selection-icon {
    background-image: url('../images/selection-assessment.svg');
    background-size: 24.9px 25px;
    background-repeat: no-repeat;
    background-position: center;
    width: 47px;
    height: 47px;
}

.app-outline-culture-icon {
    background-image: url('../images/workplace-culture.svg');
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
    width: 47px;
    height: 47px;
}

.app-outline-assesmet-icon {
    background-image: url('../images/job-match-icon.svg');
    background-size: 27.9px 27px;
    background-repeat: no-repeat;
    background-position: center;
    width: 47px;
    height: 47px;
    margin-left: 3px;
}

.inset-shadow {
    width: 15px;
    height: 65px;
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
    position: absolute;
    left: 0;
}

.review-data span {
    font-family: "Usual-Light";
}

.estimated-time span {
    font-family: "Usual-Bold";
}

.smile-face{
    position: absolute;
    width: 30.2px;
    margin-left: 8px;
    font-size: 26px;
}

.smaller-face{
    width: 20.2px;
}

.mob-smile-face{
    position: absolute;
    width: 16.2px;
    margin-left: 8px;
    font-size: 26px;
}

.btn-gotojob {
    border-radius: 100px !important;
}

.empty-area {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    width: 100%;
    position: relative;
    margin-top: 44px;
}

.job-main-tabs {
    max-width: 1300px;
}


/* Start of Clients HT010 */

.add-client-btn{
    margin-left:40px;
}

.client-list {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    width: 100%;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.02);
    margin-bottom: 10px;
    height:80px;
}

.application-count{
    width:10%;
    padding: 11px 15px 17px 50px;
    border-right: solid 1px rgba(229, 232, 235, 0.5);
    color: #7d7f82;    
    font-size: 30px;
    font-weight: 300;
    font-family: "Usual-Light";
}

.application-count .grey-span{
    letter-spacing: 1px;
    color: #8e97a0;
    font-size: 11px;
    font-weight: 500;
    width: 100%;
    float: left;    
    font-family: "Usual-Medium";
    text-transform: uppercase;
}
.client-name-cell{
    width:60%;
    padding-left: 39px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-right: solid 1px rgba(229, 232, 235, 0.5);
    color: #1a2531;
}

.client-name{
    text-align: left;
    font-size: 20px;
}

.opaque-jobcount{
    opacity: 0.5;
}
/* End of Clients HT010 */


/*Client edit*/

.client-form-area {
    background-color: #ffffff;
    display: inline-block;
    padding: 7.8% 7.8% 6.1%;
    width: 100%;
}

.client-form-area label{
    font-weight: normal;
    margin-bottom: 7px;
}

.client-update-btn{
    margin-bottom: 0;
    clear: both;
}

.client-update-btn input.btn.btn-primary {
    margin-top: 3.1%;
}

.main-upload-logo span{
    display: inline-block;
    vertical-align: middle;
}

.upload-img-w-h{}

.u-img-tag{
    border: 1px dashed #dbdbdf;
    border-radius: 2px;
    width: 315px;
    height: 94px;
    position: relative;
    margin-right: 17px;
}

.up-rep-btn {
    position: relative;
    top: -3px;
}

.up-rep-btn a {
    border: 1px solid #8e97a0;
    border-radius: 100px;
    color: #8e97a0;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.8px;
    padding: 7px 15px;
    text-transform: uppercase;
}

.remove-logo-btn {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #8e97a0;
    border-radius: 100px;
    height: 28px;
    line-height: 24px;
    position: absolute;
    right: -14px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    z-index: 1;
}

.client-form-area label
{
    font-family: "Usual-Regular";
}

.client-form-area .fileLink
{
    display: none;
}

/*Client edit end*/


/*My Company Pages*/

.tabs-left>li, .tabs-right>li {
  float: none;  
}

.tabing-sidebar .nav > li > a{
  font-size: 13px;  
  color: #ffffff;
}

.tabing-sidebar .nav-tabs > li{
  margin-bottom: 0;
}

.tabing-sidebar .nav-tabs{
  border: 0;
}

.tabing-sidebar .nav-tabs > li > a{
  margin-right: 0;
  border: 0;
  padding: 16px 0 16px 36px;
}

.tabing-sidebar .nav > li > a:focus,.tabing-sidebar .nav > li > a:hover{
  background: none;
  border: 0;
}

.tabing-sidebar .nav-tabs > li.active > a:focus,.tabing-sidebar .nav-tabs > li.active > a:hover,.tabing-sidebar .nav-tabs > li.active > a{
  border-radius: 3px 0 0 3px;
  background-color: rgba(245, 247, 248, 0.15);
  font-size: 13px;
  font-weight: bold;
  border: 0;
  color: #fff;
}

.my-company-area {
    background: #fff none repeat scroll 0 0;
    float: left;
    width: 100%;
}

.tabing-sidebar {
    float: left;
    width: 20.618%;
    background-color: #4e5258;
    padding: 48px 0 0 20px;
}

.company-content-area {
    float: right;
    padding: 6.3% 8.3% 6.1%;
    width: 79.382%;
}

.tabpage-title{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 6%;
}

.company-content-area label {
    font-weight: normal;
}

.company-content-area label
{
    font-family: "Usual-Regular";
}

.company-content-area .fileLink
{
    display: none;
}
/*My Company Pages End*/


/*My Details Pages*/

.notification-popup{
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.2);
  border: 1px solid #e8e8eb;
  border-top: 5px solid #f6a623;
  width: 300px;
  margin: 0 auto;
  text-align: center;    
  padding: 0;
  padding: 15px;
}
.notification-popup h2{
  font-size: 24px;
  color: #f6a623;
  margin: 38px 0 22px;
}
.notification-popup p {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.53;
  text-align: center;
  color: #4a4a4a;
  padding: 0 28px;
  font-family: "Usual-Light";
}
.save-my-details{  
  width: 100%;
  padding: 27px 0; 
}
.save-my-details-btn{
    border-radius: 100px;
    min-width: 120px;
    padding: 13px 0;
}
.btn.btn-primary.btn-orange{
    background-color: #f5a623;
    border-color: #f5a623;
}
.btn.btn-primary.btn-orange:hover{
    background-color: #f5a623;
    border-color: #f5a623;  
}
.close-popup-btn{
    float: right;
}

.email-verify{
    text-align:right;
    font-size: 12px;
    margin-bottom: 25px;
    width:100%;
    margin-top:5px;
}
.email-verify-link
{
    color: #03a0e7;
    text-decoration: underline;
}
/*My Details Pages End*/


.hire-the-right-candi {
  height: 75px;
  font-family: Usual-Medium;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  color: #4a4a4a;
}

.main-user-invite {
    display: inline-block;
    width: 100%;
    background: #eff0f2;
    margin-bottom: 17px;
    position: relative;
    font-family: "Usual-Light";
    font-size: 14px;
}

.delete-company-user{
    width: 28px;
    height: 28px;
    background-color: #ffffff;
    border: solid 2px #9b9b9b;
    position: absolute;
    right: -14px;
    top: 22%;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
}

.delete-company-user span{
    display: inline-block;
    width: 12px;
    border: solid 1px #8e97a0;
    position: relative;
    top: -2px;
}

.content-to-center {    
    text-align: center;
}

.hello-company-name{
  height: 75px;
  color: #4a4a4a;
  font-weight: 500;  
  font-size: 20px;
}

.main-company-profile {
    margin: 60px auto 0;
    width: 47.009%;
}
.main-compony-section{
    display: inline-block;
    width: 100%;
    padding: 45px 50px 20px;
}
.company-radio-btn .form-group{
  margin-bottom: 20px;
}
.company-profile-btn input.btn.btn-primary{
  width: 280px;
}
.company-profile-btn {
    border-top: 1px solid #ededef;
    padding: 45px 0 25px;
    margin-bottom: 55px;
}
.company-select-box label{
  margin: 0 0 10px;
}
.set-margin-space{
  margin-top: 27px;
}
.company-radio-btn .radio label{
  padding-left: 10px;
}
.hello-company-name{
  color: #4a4a4a;
  font-weight: 500;  
  font-size: 20px;
}
.main-company-pro-logo {
    text-align: center;
}
.company-pro-logo {
    margin: 11% 0 2.9%;
}
.main-invite-friend{
    display: inline-block;
    width: 100%;
    padding: 59px 50px 46px;
}
.main-invite-friend .form-group{
    margin-bottom: 20px;
    position: relative;
}
.add-input-box{
    text-align: center;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}
.remove-input-field {
    width: 28px;
    height: 28px;
    background-color: #ffffff;
    border: solid 2px #9b9b9b;
    position: absolute;
    right: -14px;
    top: 50%;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
    transform: translateY(-50%);
}
.remove-input-field span {
    display: inline-block;
    width: 12px;
    border: solid 1px #8e97a0;
    position: relative;
    top: -2px;
}
.add-more-input-field {
    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;
}
.add-more-input-field img {
    margin-right: 6px;
    position: relative;
    top: -1px;
}
.no-height{
  height: 0; 
}

input{
    font-family: "Usual-Light";
}

.text-justify{
    font-family: "Usual-Light";
    text-align: justify;
}

.detail-tab-row{
    float: left; 
    height: 45px;
    width: 100%;
    border-bottom: solid 1px #e3e3e3;
}

.detail-tab-row-title {
    width: 40%;
    height: 12px;
    font-family: "Usual-Regular";
    font-size: 10px;
    letter-spacing: 0.9px;
    text-align: left;
    color: #4e5258;
    padding: 16px 30px;
    float: left;
    text-transform: uppercase;
}

.detail-tab-row-text {
  width: 60%;
  height: 12px;
  font-family: "Usual-Regular";
  font-size: 10px;
  line-height: 1.17;
  text-align: left;
  color: #7d7f82;
  padding: 16px;
  float: left;
}

.skip-btn{
    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-repeat: no-repeat;
    background-position: center left 20px;
    padding: 0px 35px 0px 35px;
    margin-top: 10px
}

/*password popup*/

.strength_wrapper {
    position: relative;
    text-align: left;
}

.strength_meter {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: -1;
    overflow: hidden;
}


.button_strength {
    text-decoration: none;
    color: #4d4d4d;
    font-size: 13px;
    display: block;
}

.strength_meter div {
    width: 0%;
    height: 34px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.strength_meter div p {
    position: absolute;
    right: 10px;
    color: #4d4d4d;
    font-size: 13px;
    padding-right: 30px;
}

.veryweak {
    background-color: #FF7979;
    width: 25% !important;
}
.weak {
    background-color: #FDA068;
    width: 50% !important;
}
.medium {
    background-color: #FFE560;
    width: 75% !important;
}
.strong {
    background-color: #9BF47D;
    width: 100% !important;
}

.info_box {
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
}

.info_box:after, .info_box:before{
    right:100%;
    top:50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;    
}

.info_box:after{
    border-color: rgba(255,255,255,0);
    border-right-color: #fff;
    border-width: 15px;
    margin-top: -15px;
}
.info_box:before{
    border-color: rgba(204,204,204,0);
    border-right-color: #ccc;
    border-width: 16px;
    margin-top: -16px;
}

/* Styles for verification */
.pswd_info {
	position:absolute;
	width: 280px;
	padding:0;
/*	background:#fefefe; */
	font-size:20px;
/*	border-radius:15px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ddd;*/
	display:none;
    z-index: 1000;
    top: -25px;
    right: -295px;
/*    background-color: rgb(238,238,238);*/
    /*box-shadow: 5px 5px 5px #888888;*/
}
/*
.pswd_info:before,
.pswd_info:after {
    position: absolute;
    bottom: 100%;
    content: '';
}

.pswd_info:before {
    right: 52px;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #ddd;
    border-left: 17px solid transparent;
}

.pswd_info:after {
   right: 53px;
    border-right: 16px solid transparent;
    border-bottom: 16px solid rgb(238,238,238);
    border-left: 16px solid transparent;
}*/

.pswd_info h4 {
	margin:0 0 10px 0; 
	padding:0;
	font-weight:normal;
    font-size: 1em;
    font-size: 0.7em;
}

.pswd_info ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 17px;
}

.pswd_info ul li {
    visibility: visible !important;
    height: 20px !important;
    min-height: 20px !important;
	line-height:24px;
    font-size: 0.7em;
    padding-left: 24px !important;
}

.pswd_info .invalid {
	background:url(../images/invalid.png) no-repeat 0 50%;
	color:#ec3f41;
}
.pswd_info .valid {
	background:url(../images/valid.png) no-repeat 0 50%;   
	color:#3a7d34;
}

