@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;
}
.relative-parent {position: relative;}
.box-sizing-border-box  { box-sizing: border-box;}
.clearboth {clear: both;}
.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.disabled , .create-job-btn a.disabled:hover{
    background-color: #ccc;
    cursor: not-allowed;
}

.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;
}
.template-icon{
	background-image: url('../images/icon-reuse-sml.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 .template-icon,.main-menu li.active .template-icon{
	background-image: url('../images/icon-reuse-sml.svg');
}
.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";
}

.page-title-with-arrow {line-height: 36px;}
.page-title-with-arrow .arrow-btn-blue{margin-right: 10px;}
.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;}
.header-select{ margin:10px 20px;}
.header-select .select2-container {width: 40% !important;}
.header-select .select2-container .select2-selection .select2-selection__rendered{
    background: url('../images/my-company-icon.svg') no-repeat left 20px center; padding-left: 50px;
}

.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; }
.styled_checkboxes span.focused label:before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }

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

.job-detail-subsection .row {
    margin-bottom: 20px;
}
.job-detail-subsection  .review-medium-title {margin: 0}
.job-detail-subsection  .skill-label {margin: 0}
.assescriteria_importace {font-size:  13px;font-weight: 300;}
.essential_note {font-size: 11px;color: #4E5258;font-weight: 300;}

.essential .review-medium-title {color: #67B413;}
.essential .assescriteria_importace {color: #67B413;}


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

.workflow-tabs .skill-label:last-child {margin-top:30px }
.form-page-area {
    padding: 65px 10.5%;
    background: #fff;
    float: left;
    width: 100%;
    max-width: 1300px;
}

.form-page-area.auto-width {
    max-width: none;
}
.form-page-area.nopadding {
    padding: 0;
  
}
.form-page-section {
  padding: 65px 10.5%;
  background: #fff;;
}
.form-page-section.darkbg {
   background-color: #F5F7F8;
}
.form-brack-line{
     border-top:  solid 1px #dbdbdf;	
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 34px;
}
.form-brack-line-sub{
    border-top: solid 1px #dbdbdf;	
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 30px;
}

.criteria_section  {
   
    
}
.criteria_section fieldset {
    border: 1px solid #DBDBDF;
    border-radius: 2px;
    background-color: #FFFFFF;
     padding: 10px 25px;
     position: relative;
     margin-bottom: 30px;
}
.criteria_section fieldset legend{
    width: auto;
  	color: #03A0E7;	font-size: 12px; line-height: 14px; font-weight: 500;	letter-spacing: 1.09px;
        border:0;
        text-transform: uppercase;
}
.criteria_section fieldset .switch {
    position: absolute; right: 25px ; top : -5px;
}
.optional-title {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-bottom: 28px;
    font-weight: 500;
    font-family: "Usual-Medium";
}
.info-box {
    border: solid 1px #dbdbdf;
    color: #4E5258;	font-size: 12px;	font-weight: 500;	line-height: 16px;
}

.info-box .info-title { background-color: #fff; padding: 5px 15px;}
.info-box .info-desc { background-color: #F5F7F8; padding: 5px 15px;}

.warning-box {font-weight: 700;padding: 30px 0 30px 50px ; color: #008eea ; background: url('../images/warning.png') no-repeat left center; font-size: 12px}
.btn.btn-primary.largeBtn{
    border-radius: 100px;
    background-color: #03a0e7;
    font-size: 15px;
    text-align: center;
    border-color: #03a0e7;
    width: 300px;
    height: 60px;
    margin-top: 10px;
    margin-right: 20px;
    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,.btn.btn-primary.largeBtn:focus{
    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, .add-more-btn:focus{
    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 a:focus{outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }
.job-match-radio label:focus::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.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;
    padding-top: 12px;
}
.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;
    margin-bottom: 5px;
}
.main-review-label {
    margin-bottom: 16px;
}
.beloning{
    color: #7d7f82;    
    font-size: 16px;
    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: 20px;
}

.critarea-desc {
    margin-bottom: 30px;
}
.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: block;
    font-size: 13px;
    position: relative;
    margin: 10px -25px;
    /*width: 100%;*/
}
.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{
    
    padding: 20px ;
      margin: 0;
}
p.job-txt , p.job-txt span{
    text-align: center;
    font-family: "Usual-Bold";
  
}
.space-55{
  display: inline-block; 
  width: 100%;
   text-align: center;
    padding: 0 ;
    font-size: 14px;
    margin: 10px 0;
    color: #4E5258;
}

.job-desc-box {
	padding: 60px 110px;
	background-color: #F5F7F8;
}

.sample-job-advertise {
	height: 29px;
	color: #1A2531;
	font-size: 24px;
	font-weight: 300;
	line-height: 29px;
}
.no-float {float: none}

.copy-to-clipboard {	
	color: #03A0E7;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.91px;	
	text-align: center;
	height: 26px;
	width: 159px;
	border: 1px solid #03A0E7;
	border-radius: 13px;
        display: block;
        float: right;
        cursor: pointer;
}

.job-desc-box .details-box {	
    margin-top: 30px;
	border: 1px solid #DBDBDF;
	border-radius: 3px;
	background-color: #FFFFFF;
        padding: 40px;
        color: #4E5258;
        font-size: 14px;
        font-weight: 300;
        line-height: 23px;
}
.job-desc-box .details-box p {
    margin-bottom: 30px;
}
/*Created Job Page End*/

/*Edit Job Page*/
.opacity-5{
  opacity: 0.5;
}
/*Edit Job Page End*/

/*Position Overview Page*/

.apply-job-logo-header {
    height: 120px; 
    box-shadow: inset 0 -1px 0 0 #E9ECEF, 0 3px 5px 0 rgba(0,0,0,0.02);
    padding: 30px 0;
    background: #fff;
}

.apply-job-logo-header.signinpage {
        height: 80px;
        padding: 17px 0;
}



.apply-job-logo-header > div{
     margin: 0 auto;
    width: 57.3%;
}

.apply-job-logo-header .logo-img {
    display: inline-block;
    width: 30%;
   border-right: 1px solid #D8D8D8;
   padding-right: 40px;
   float: left;
       height: 60px;
}

.apply-job-logo-header.signinpage .logo-img
{
    width: 50%;    
    height: 45px;
    text-align: right;
}
.apply-job-logo-header .logo-img img {
    height: 100%;
    width: auto; 
}

.apply-job-logo-header .header-title {
	 padding-left: 40px;	
	color: #4A4A4A;
	font-size: 26px;
	font-weight: bold;
	line-height: 60px;
        width: 70%;
         float: left;
}

.apply-job-logo-header.signinpage .header-title
{
    width: 50%;    
    line-height: 45px;
}

.apply-job-logo-header.signinpage > div {
        width: 80%;
}

.main-position-overview {
    margin: 0 auto;
    width: 57.3%;
    margin-top: 35px;
}
.overview-title{
    color: #4a4a4a;  
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 12px;
}
.overview-title span.calcField {
   font-weight: 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 tr:first-child td {
    border: none 
}
table.pos-table{      
    border: solid 1px rgba(136,136,136,0.3);
    border-radius: 3px;
    margin-top: 33px;
    margin-bottom: 38px;   
    border-collapse: inherit;
    overflow: hidden;
}
.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;
}
.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: 56%;
}
.social-login li {
    display: inline-block;    
    padding: 10.1% 10.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: 60px 0 27px;
}
.margin-top-18{
  margin-top: 18px;
}
.verify-i-setpone label{ 
    font-weight: normal;
    margin-bottom: 13px;
}

.seperate-line{
    margin-top: 40px;
    margin-bottom: 40px;
    border: 0;
    border-top: 1px solid #E5E5E5;
}

.relocate-warning-box {
    border: 1px solid #F9623D;
    border-radius: 3px;
    background-color: #F5F7F8;
    padding: 30px;
    text-align: left;
    margin: 40px 0;
    position: relative;
}
.relocate-warning-box .styled_checkboxes{margin-top: 30px;}
.relocate-warning-box .styled_checkboxes .checkbox, .relocate-warning-box .styled_checkboxes .checkbox label {margin: 0;}
.relocate-warning-box p{
    color: #4A4A4A;
    line-height: 22px;
    font-size: 14px;
    font-weight: 300;
}
.relocate-warning-box  .warning-icon{
            top: 24px;
    left: -16px;
	box-sizing: border-box;
	height: 32px;
	width: 32px;
	
        position: absolute;
        border-radius: 50%;
         background: url('../images/icon-requirements.png') #F9623D no-repeat center center ;
         background-size: 25%;

}

.attach-icon-btn { cursor: pointer;   border-left: solid 2px #d3d3d3;height: 50px; width: 50px; position: absolute; bottom: 0; right: 0; background: url('../images/icon-paper-clip.png') no-repeat center center ;}

/*Verify Identity Page End*/

/*Application Outline Page*/

.main-application-outline {
    margin: 22px auto 0;
    width: 75%;
}
.welcome-header {
    margin: 60px 0 53px ;
    height: 40px;
    box-sizing: border-box;
}

.welcome-title{
    color: #4990e2;    
    font-size: 18px;
}

.welcome-header-title {
    float: left;
    color: #4A4A4A;
    font-size: 22px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 35px;
     width: 80%;
}
.welcome-aust-logo {
    height: 40px;
    width: 20%;
    float: left;
    border-right: 1px solid #D8D8D8;
}
.appli-aust-title{
    color: #4a4a4a; 
    font-size: 26px;
    font-weight: bold;
    margin: 12px 0 42px;
}
.appli-aust-title span{
    font-weight: bold;
    /*font-family: "Usual-Bold";*/  
}
.appli-content{
    color: #4a4a4a;
    width: 100%;
    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: 33px;
}
.selection-aust-logo span {
    
    line-height: 45px;
    color: #80868c;
    font-size: 18px;
}

.job-title {
	height: 18px;
	width: 500px;
	color: #9B9B9B;
	font-size: 15px;
	line-height: 18px;
         margin-top: 59px;   
         margin-bottom: 12px;
}
.section-title{
    color: #4a4a4a;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.section-c-title{
    color: #4a4a4a;
    font-size: 26px;
    margin-bottom: 49px;     
   
    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: 28px 70px;
    display: inline-block;
    width: 100%;
    transition: 0.3s all ease-in-out;
    /*margin-bottom: 87px;*/
}
.main-sc-section-bottom{
    padding: 20px 0px 0px;
    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;*/    
    padding: 20px 0 40px;    
}
.main-wc-section {
    padding: 17px 70px 0px;
    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 0;
    background-color: #fbfbfb;
}
.job-match-questions{
    background-color: #fbfbfb;
}
.job-match-buttons{
    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; 
    box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.02);
    /*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: 30px 0 30px;
    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: 10px 24.12px 7px;
  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%;
    margin-bottom: 50px;
}
/*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;
}
.d-create-job-btn.disabled , .d-create-job-btn.disabled:hover{
    background-color: #7b8da0;
    cursor: not-allowed;
}
.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; 
    word-wrap: break-word;
}
.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;  
}
.reponsive-alert {
    display: block;
    width: 100%;
    height: 100%;
    padding: 2.5%;
    box-sizing: border-box;
}
.responsive-alert-top {
    height: 100%;
}
.reponsive-alert .responsive-alert-body {
    height: 100%;
    padding: 15% 0;
}
.grin-with-sweat{
    font-size: 100px;
}
.responsive-alert-body{
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.2);
  border: 1px solid #e8e8eb;
  margin: 0 auto;
  text-align: center;    
  padding: 0;
}
.responsive-alert-body h2{
  font-size: 22px;
  font-weight: 600;
  color: #4a4a4a;
  margin:  0 0 22px;
}
.responsive-alert-body 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;
    margin: 20px 10px;
        min-width: 180px;
}
.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;
}

.shorting-dropdown .form-control {
     height: 45px;
}
.appli-list-shorting .shorting-dropdown.showing{
    width: 400px;
}
.vue-treeselect__control{
    height: 45px !important;
}
.vue-treeselect__placeholder, .vue-treeselect__single-value {
    top: 5px !important;
}
.filter-icon-btn {
    display: block;
    position: absolute;
    background: url('../images/filter-icon.png') no-repeat center center;   
    width: 45px;
    height: 45px;
    cursor: pointer;
}
.search-input {
    background-color: rgba(255,255,255,0.5);
    padding-right: 40px;
     border :   solid 1px #e5e8eb;
        
/*         background-position: right 10px center;*/
         font-size: 12px;
}

.search-icon-btn {
    display: block; position: absolute ; right : 0; top:15px;
    background: url('../images/search-icon.png') no-repeat center center;
    width: 45px; height: 45px ; cursor: pointer;
}
.application_sorting_bar .search-icon-btn 
{
    right: 8px;
    top: 42px
}
.shorting-dropdown .search-input {
     border :   solid 1px #b9bbbd;
}


.select2type .dropdown-toggle {
    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;
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    position: relative;
    text-align: left;
}

.select2type .dropdown-toggle .top-selected-item {
        line-height: 50px;
        padding: 0 14px;
        color: #444;
         display: block;
    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2type .select2type_arrow {
        position: absolute;
    top: 26px;
    right: 10px;
    width: 20px;
        height: 50px;
            width: 13px;
    height: 8px;
    background-repeat: no-repeat;
    border: none;
    margin-left: -15px;
    margin-top: -4px;
    background-image: url('../images/select-down-arrow.png');

}

.select2type.open .select2type_arrow{
    background-image: url('../images/select-top-arrow.png');

}

.select2type .select2type_arrow b {
    position: absolute;
    top: 50%;
    left: 50%;
}

.select2type-results {
        max-height: 200px;
    overflow-y: auto;
    width: 100%;
    padding: 0;
    border:none;
    margin: 0;
   -webkit-box-shadow:none;
    box-shadow:  none;
    border-top : 1px solid #e5e8eb;
    border-left : 1px solid #e5e8eb;
    border-right : 1px solid #e5e8eb;
}

.select2type-results a {
        background-color: #f5f7f8;
    color: #4e5258;
    cursor: pointer;
    padding: 12px 15px 12px 52px;
    font-size: 12px;
    border-bottom: solid 1px #e5e8eb;
    display: block;
    position: relative;
}
.select2type-results.no-icon a {
     padding: 12px 15px;
}
.select2type-results.no-icon .dropdown-item:before{
    
}
.select2type-results .dropdown-item:before{
    position: absolute ;
    display: block;
    width: 20px; height: 20px;
    background: url('../images/draft.png') no-repeat top left;
    top: 11px;
    left: 15px; content : '';
}
.select2type-results .icontype_open:before{
    background: url('../images/open.png') no-repeat top left;
}

.select2type-results .icontype_draft:before{
    background: url('../images/draft.png') no-repeat top left;
}

.select2type-results .icontype_closed:before{
    background: url('../images/closed.png') no-repeat top left;
}

.select2type-results .icontype_cancelled:before{
    background: url('../images/cancelled.png') no-repeat top left;
}

.select2type-results .icontype_filled:before{
    background: url('../images/filled.png') no-repeat top left;
}
.select2type-results.no-icon .dropdown-item:before{
    content : none;
}
/*All Jobs Page End*/

/*View Applicants*/
.officer-box {
    display: inline-block;
    width: 100%;
    margin-bottom: 29.5px;
    margin-top: 8px;
}
.officer-name {
    float: left;
    max-width: 50%;
}
.chief-officer {
    color: #ffffff;
    text-align: left;
    font-size: 26px;
    font-weight: 300;
    margin-bottom: 15px;
}
.chief-officer span{
  
    font-family: "Usual-Light";
}
.chief-officer a{
    color: #ffffff;}

.chief-officer span.ref-no{
    color: #8E97A0;

}
.chief-officer .officer-logo {
    margin-right: 12px;
    position: relative;
    top: -3px;
}
.off-name{
    color: rgba(255, 255, 255, 0.7);    
    font-size: 12px;    
}

.arrow-btn-blue {margin-left: -42px;line-height: 35px;text-align: center;width: 40px; height: 40px; display: inline-block; border-radius: 50%;border: 2px solid #03A0E7; padding-right:2px;}
/*.arrow-btn-blue img {position: absolute}*/
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;    
    vertical-align: middle;
}

.job-status-appli .status-icon{
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 50%;
        margin: -5px 5px;
  
}

.status-icon.open {
border: 4px solid #03AC66;
}
.status-icon.closed {
border: 4px solid #f9623d;
}
.status-icon.filled {
border: 4px solid #f9623d;
}
.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;
    min-width: 100px;
     text-align: center;
}
.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.leftbtn.disabled{
    opacity: 0.5;
    background-color: #667281;
}

.edit-btn-dropdown a.active,.edit-btn-dropdown a:focus{
   	background-color: #03A0E7;
}

.edit-btn-dropdown a:hover{
    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;    
    padding: 0 11px 25px 11px;
}

.width50 {width: 50%; float: left;}
.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: 86%;
  display: inline-block;
  
}

.culture-detail-row {position: relative; margin-top: 0 ;margin-bottom: 0}
.culture-dot{position: absolute;top: 16px;}
.culture-text{
    padding-left: 20px;
    position: absolute;
    top: 0;
    width: 75%;
    display: table;
    height: 45px;
}
.culture-text .calcField{
    display: table-cell;
    vertical-align: middle;
}

.culture-fit .text-dot-dot{white-space: normal;overflow: visible;}
.r-y-label{
  font-size: 10px;
  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: 25px 0;
}
.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";
}
.score-bar {
    text-align: left;
    cursor: pointer;
}
.pro-bar {
    padding: 28px 38px 22px 62px; height: 80px;
}

.pro-bar.autohight {
    height: auto;
}

.withreq-text .req-text {
    display: block;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.left-temp {
    float: left;
        width: 25%;
}
.express-bar {
    padding: 10px 38px 35px 62px;
}
.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: left;
}
.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;
   
}
 .completion-progress-bar{  position: relative;    height: 13px;}
 .completion-progress-bar .show-precentage {position: absolute;color:#fff;right: 1px;    top: 2px; font-size: 9px;font-weight: 500;}
.appli-progress-bar .progress-bar{
    background: #667281;
}
.progress-bar .show-precentage {position: absolute;color:#fff;right: 1px; font-size: 9px;font-weight: 500;}
.green-bar {
    background-color: #67B413 !important;
}
.red-bar {
    background-color: #F9623D !important;
}
.orange-bar {
    background-color: #F5A623 !important;
}
.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-score-bar{
    border-bottom: solid 1px #e3e3e3;
    display: inline-block;
    width: 100%;
    font-size: 12px;
}
.main-score-bar.ESSENTIAL.red .score-bar {
    border-left: 10px solid #f96230;
        padding-left: 52px;
}
.main-score-bar.ESSENTIAL.green .score-bar {
    border-left: 10px solid #67B413;
        padding-left: 52px;
}
.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%;
}
.applicant-location-info {
    padding: 20px 20px 7px 20px;
    border-bottom: solid 1px #dddddd;
    float: left;
    width: 100%;
}
.applicant-location-info .orange-text {margin-top: 8px; color: #F9623D;}
.applicant-location-info .contact-value div {line-height: 20px}
.applicant-location-info .green-text {color: #41BDB4;}
.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;
}
button.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; 
}
button.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-circle {position: relative}
.progress-circle .missing-requirements-icon{
        top:-7px;
        left : 52px;
	box-sizing: border-box;
	height: 33px;
	width: 33px;
	border: 3px solid #FFFFFF;
        position: absolute;
        border-radius: 50%;
         background: url('../images/icon-requirements.png') #F9623D no-repeat center center ;
         background-size: 25%;
}
.progress-circle .green-requirements-icon{
        top:-7px;
        left : 52px;
	box-sizing: border-box;
	height: 33px;
	width: 33px;
	border: 3px solid #FFFFFF;
        position: absolute;
        border-radius: 50%;
        background: url('../images/correct.png') #67B413 no-repeat center center ;       
        background-size:55%;
}
.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{
    display: none;
}
.core-values{
    background-color: #f2f3f4;
    float: left;
    width: 100%;
}
.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 {
  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;
  margin: 0;
}
.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;
  top: 19px;
}
.appli-int-status{
  font-size: 11px;
  letter-spacing: 0.9px;
  text-align: left;
  color: #767577;
  text-transform: uppercase;
  margin-top: 10px;
}
.appli-int-status a {
    color : #4A90E2;
    text-transform: none;
    text-decoration: underline;
    display: inline-block;
  
}
.appli-int-status span {
    display: inline-block;
    margin-right: 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: -6px;
}
.int-timeline li{
    float: left;
    background-color: #768595;
    margin-right: -1px;
    border-radius: 3px 3px 0 0px;
    position: relative;
    border: 1px solid #1a2531;
    border-bottom: none;
    height: 85px;
}
.int-timeline li.inactive {
     /*margin-right: -2px;*/
}


  .int-timeline li.incomplete {border: 1px solid #324150; border-bottom: 0; background-color: transparent;color : #7B8DA0; margin-right: 25px;}
  .int-timeline li.incomplete a { background-color: transparent;}
  .int-timeline li.incomplete a:after {display:none}
.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";
    height: 83px;
    word-wrap: break-word;
}
.int-timeline li a div.app-b-title {
    font-family: "Usual-Medium";
    width: 100%; position: absolute;
    top: 51px;
        top: 54px;
    line-height: 12px;
    padding: 0 5px;
    text-align: center;
}
.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;
    border-radius: 3px 3px 0 0px;
}
.int-timeline li.active a{
    color: #8e97a0;
    font-size: 11px;
    font-weight: bold;
    position: relative;
    padding-top: 11px;
}
.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: -7px;
    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 {
    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;
  position: relative;
}
.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: 11px 0;
  width: 96px;
  font-family: "Usual-Medium";
  word-wrap: break-word;
      height: 83px;
}

.unsutable a div.app-b-title {
    font-family: "Usual-Medium";
    width: 100%;
    position: absolute;
    top: 51px;
    top: 54px;
    line-height: 12px;
    padding: 0 5px;
    text-align: center;
}
.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-box .red-bg {
    background-color: #F9623D;
    color : #fff;
}
.jcc-box .red-bg span , .jcc-box .green-bg span{
    color : #fff;
}
.jcc-box .green-bg {
   background-color: #67B413;
   color : #fff;
}
.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-list-shorting .shorting-dropdown {width: 180px;margin: 20px 10px 10px 0;}
.appli-dropdown{
    display: inline-block;    
}
.appli-filter{
        left: 220px;
    position: absolute;
    /*right: 0;*/
    text-align: center;
    top: 55px;
}
.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: 4px;

}
.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-list-name.wider-box {
     width: 37%;
}
.appli-list-name.wider-box.include-diversity {
     width: 34%;
}
.appli-l.eq-second-height.diversity {
    color: #4a4a4a;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 26px 10px 5px;
    text-transform: uppercase;
}
.diversity .checkbox-list>label{
    text-align: center;
}
.diversity .checkbox-list input[type="checkbox"]:disabled + label {
    opacity: 1;
}
.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-jcs3 {
    color: #4a4a4a;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 26px 18px 5px;
    text-transform: uppercase;
    width: 40%;
}
.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;
    position: relative;
}
.appli-view-bar .progress {
    margin-bottom: 0;
    border-radius: 0;
    height: 13px;
    background: #e9ecef;
    box-shadow: none;
}
.appli-view-bar .progress-bar{
    background: #667281;
    position: relative;    
    height: 13px !important;
}
.appli-view-bar .progress-bar.green{
    background: #67B413;
}

.appli-view-bar .progress-bar span{
    top:-2px;
}

.appli-view-bar .missing-requirements-icon{
        top:-7px;
        left : -5px;
	box-sizing: border-box;
	height: 27px;
	width: 27px;
	border: 3px solid #FFFFFF;
        position: absolute;
        border-radius: 50%;
         background: url('../images/icon-requirements.png') #F9623D no-repeat center center ;
         background-size: 25%;

}
.appli-view-bar .requirements-correct-icon{
        top:-7px;
        left : -5px;
	box-sizing: border-box;
	height: 27px;
	width: 27px;
	border: 3px solid #FFFFFF;
        position: absolute;
        border-radius: 50%;
         background: url('../images/correct.png') #67B413 no-repeat center center ;
         background-size: 55%;

}
.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-status.include-diversity {
    width: 10%;
}
.appli-list-drop{
    float: left;
    width: 100%;
    /*text-align: center;*/
}
.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;
    }
.checkbox-list.select-all input {margin-left: -16px;}
.checkbox-list.select-all label {color:#8E97A0;    padding-left: 18px;    margin-bottom: 15px;}
.checkbox-list.select-all label::before {position: absolute}
.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;
}
.detailed-grid-list a:before{
  background-image: url('../images/details-icon-black.jpg');
  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');
}
.detailed-grid-list.active a:before{
  background-image: url('../images/details-icon.jpg');
}
.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;
}
.user-list-row.invite-row {
     margin-bottom: -3px;
}
.user-list-row.disabled {
    background: #f3f4f6;
}
.m-user-left{
  float: left;
  width: 60%;
  padding: 18px 26px;
  position: relative;
}

.m-user-left .remove-icon {
    width: 30px; height: 30px; border-radius: 50%; background: #fff;border: 2px solid #8e97a0;
    position: absolute;top:25px; left:-15px;
    color: #8e97a0;
    text-align: center;
    font-size: 30px;
    line-height: 0;
    cursor: pointer;
    display: none;
}
.m-user-left:hover .remove-icon {
    display: inline-block;
}
.m-user-left .arrow_box.remove {
    
        top: -4px;
    left: -34px
}
.m-user-left:hover .arrow_box.remove {
    display: inline-block;
     
}
.m-user-right{
  float: right;
  width: 30%;
  padding: 17px 10px;  
  border-left : 1px solid #f9f9fa;
  text-align: right;
}
.m-user-right .select2-container {text-align: left;}
.m-user-right-padlock{
  float: right;
  width: 10%;
  padding: 17px 17px 13px 0;  
  position: relative;
  cursor: pointer;
  text-align: right;
}
.m-user-right-padlockicon{
    font-size: 12px;
    color: #4e5258;
    background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
    border: solid 1px #e5e8eb;
    box-shadow: none;
    height: 50px;
    line-height: 45px;
    width: 50px;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    
}

.user-list-row.disabled  .m-user-right-padlockicon {
    background: #f9623d;
}

.m-user-right-padlockicon .padlock{background: url('../images/m-user-right-padlockicon.png') center center no-repeat ; width: 100%; height: 100%; display: inline-block}
.m-user-right-padlockicon .pencil{background: url('../images/m-user-right-pencilicon.png') center center no-repeat ; width: 100%; height: 100%; display: inline-block}

.user-list-row.disabled  .m-user-right-padlockicon .padlock{background: url('../images/m-user-right-padlockicon_disabled.png') center center no-repeat ; width: 100%; height: 100%; display: inline-block}


.user-list-row .m-user-right-padlock:hover .arrow_box.disble {display: inline-block;}
.user-list-row.disabled .m-user-right-padlock:hover .arrow_box.enable {display: inline-block;}
.user-list-row.disabled .m-user-right-padlock:hover .arrow_box.disble { display: none;}
/*.arrow_box.enable {display: inline-block;}*/
.arrow_box {
	position: absolute;
	background: #03a0e7;
        display: none;
        color: #fff;
        font-size: 10px;
        padding: 5px;
        z-index: 100;
        top:-15px;
        left:18px;
        letter-spacing: 2px;
        text-align: center;
        
}
.arrow_box:after {
	top: 100%;
	left: 33%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(3, 160, 231, 0);
	border-top-color: #03a0e7;
	border-width: 6px;
	margin-left: 6px;
}
.seperator-dots {text-align: center}
.seperator-dots .dot{height: 10px;
  
  height: 4px;
    width: 4px;
    background-color: #bbb;
    display: inline-block;
    margin: 0 3px 15px;
}

.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%;
     margin-bottom: 15px;
}
.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;
}
.oneit-radio span.radio{margin: 0;}
.oneit-radio label:after {
 background-color: #03a0e7;
}
.oneit-radio label.checked::after   {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
/*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:20px;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);}*/
.error-message {
	/*height: 109px;*/
	border-radius: 2px;
	background-color: #F9623D;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02);
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	text-align: center;
}
.error-message .message-txt {
    font-size: 17px;
    display: block;
}
.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;}
.appli-status-short  select{width:100%;}
.complete-page-footer {margin-bottom: 109px;}
.userPic {margin-right: 16px;position: relative;top: -1px;width: 20px;}
.mobile-hide {display: inline-block;}
.show-mobile-title{display: none;}
.show-mobile{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;}  
  .m-user-left     {width: 50%;}
  .m-user-right     {width: 32%;}
}

@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;}
  .m-user-left     {width: 50%;}
  .m-user-right     {width: 32%;}
}

@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;}
  .express-bar {padding: 10px 10px 30px;}
  .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;}
  .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: 50%;}
  .m-user-right{width: 32%;}
  .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: 40px 0 20px;}
  .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: 8px 17.12px 5px;}
  .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;} 
  .applicant-sidebar {margin-bottom: 15px;width: 100%;} 
  .main-applicant-content {width: 100%;}
  .off-name {font-size: 11px;}
  .chief-officer{margin-bottom: 12px;}
  .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;}
  .app-complete-text{margin:0;}
  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, .apply-job-logo-header > div {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;}
  .apply-job-logo-header {height: 70px;padding: 12px 0;}
  .apply-job-logo-header .logo-img {height: auto; padding: 0;border-right:none; width: 50%;}
  .apply-job-logo-header.signinpage .logo-img {text-align: left;}
  .apply-job-logo-header .header-title {font-size: 15px;padding: 0 ; text-align: right; width: 50%; }
  .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;}
  .welcome-header {margin: 10px 0 30px ;height: 70px;padding: 10px 0;border-bottom: 1px solid #D8D8D8; }
  .welcome-header-title { width: 50%;font-size: 14px;text-align: right;}
  .welcome-aust-logo { width: 50%; border-right: none;}
  .app-complete-title{font-size: 20px;}
  .app-complete-text{font-size: 14px;width: 100%;padding: 47px 32px 42px;}
  .btn-gotojob{margin-bottom: 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;}
  
  .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: 0 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; 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%;}
  .show-mobile{display: inline-block;}
  .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{border: 2px #d3d3d3;border-style: solid none none;}
  .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.half-btn{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{padding : 0 0  64px 0;}
  .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: 6px;}
  .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.scaler > a, .pagination.ratting-number > li.scaler> span{float: left;margin-left: 0;width: 14.28%;border-left: 0 none;}
  .pagination.ratting-number > li.ipsative > a, .pagination.ratting-number > li.ipsative > span{float: left;margin-left: 0;width: 20%;border-left: 0 none;}
  .ratting-number a label{padding: 15px 0 12px;}
  .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 25px;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;}
  .job-title {margin-top: 25px; text-align: center;width:100%;}
  
}

@media screen and (max-width: 750px){
	.fl-right {width: 58.5%;}
	.search-bar input {height: 50px;}
	.search-bar img {left: 15px;top: 16px;}
	.notification-bar {height: 50px;}
	.notification-label{top: 4px;}
	.user-profile-dropdown {height: 50px;padding: 15px 0;}
	.create-job-btn {float: right;height: 50px;padding: 10.5px 15px 0 10px;}
	.search-bar input {padding: 15px 20px 16px 50px;}
	.create-job-btn a {font-size: 13px;padding: 5px 0;}
	.user-profile-dropdown{width: 44.64%;}
  .main-verify-identity {width: 70%;}  
  .plan-link {font-size: 12px;}
}

@media screen and (max-width: 700px){
	.fl-right {width: 60.5%;}
	.create-job-btn a {min-width: 100px;}
	.page-title {font-size: 24px;}
  .social-login{width: 100%;}  
  .section-c-title{margin-bottom: 40px;}
  .section-br-inside{margin: 30px 0;}  
  .applicant-right-status {text-align: center;}
  .officer-name {width: 100%;}
  .chief-officer,.officer-name {text-align: center;}
  .officer-box {margin-bottom: 25px;}
  .main-appli-name{width: 100%;}
  .main-export {text-align: center;}
  .appli-name,.appli-applied{text-align: center;}
  .appli-applied {margin-bottom: 15px;}  
  .main-verify-identity {width: 100%;padding: 0 30px; 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 30px;}
  .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;}
  .btn-gotojob{margin-bottom: 42px;}
  .app-complete-text{margin:0;}
  .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;}
  .score-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: 6px;}
  .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;
}

span.errorField .checkbox,
span.errorField .radio,
span.errorField input,
span.errorField select,
span.errorField textarea {
  
  border-color: #F9623D;
}
span.errorField .checkbox:focus,
span.errorField .radio:focus,
span.errorField input:focus,
span.errorField select:focus,
span.errorField textarea:focus {
  
  border-color: #F9623D;
}
span.errorField ~ label{
      color: #F9623D; 
}
.styled_checkboxes .errorField span.redask {display: none;}

.styled_checkboxes .errorField + span > label:before {border-color: #F9623D; }
.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;
}

.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 Templates MT001 */

.edit-template{
    padding-left: 50px;
}
.form-group.row.box-border{
    height: 120px;	
    border: 1px solid #CED2D6;	
    border-radius: 5px;
    padding: 35px 50px;
    margin: 30px 10px;
}
.template-row {
    display: flex;
}
.main-tab-template{
    height: 90px;	
    border-radius: 5px 5px 0 0;	
    background-color: #4E5258;
}
.main-tab-template span.job-details{
    color: #FFFFFF;	
    font-size: 20px;
}
.main-tab-template span.job-details.culture{
    padding-left: 50px;
}
.job-template-left .grey-span, .template-name-left .grey-span {
    color: #8E97A0;
    font-size: 11px;
    font-family: Usual-Medium;
}
.job-template-left.job-template-cl1 {
    width: 30%;
    border-right: 1px solid #efefef;
    display: flex;
    align-items: center;
}
.job-template-left.job-template-cl2 {
    width: 25%;
    border-right: 1px solid #efefef;
}
.job-template-left.job-template-cl3 {
    width: 20%;
    border-right: 1px solid #efefef;
}
.job-template-left.job-template-cl4 {
    width: 25%;
}
.job-template-left.job-template-cl1.culture, .job-template-left.job-template-cl1.no-client {
    width: 49%;
}
.job-template-left.job-template-cl1.culture.no-client{
    width: 75%;
}
.job-template-left.job-template-cl4 .m-user-right-padlock {
    float: right;
    padding: 17px 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 25px;
    width: auto;
}

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

.template-name-left{
    float: left;
    width: 30%;
    padding: 18px 26px;
    position: relative;
}

.template-name{
    text-align: left;
    font-size: 14px;
}

.template-name.heading{
    font-size: 20px;
}

.job-template-left{
    float: left;
    width: 22%;
    padding: 18px 26px;
    position: relative;
}

.job-template-left .grey-span, .template-name-left .grey-span{
    color: #8E97A0;
    font-size: 11px;
}
.text-center.save-template{
    padding-top: 30px;    
}
.save-template-text{
    color: #4E5258;
    font-size: 14px;	
    font-weight: 300;
    padding-top: 20px;
}
.form-group.row.box-border {
    height: 120px;
    border: 1px solid #CED2D6;
    border-radius: 5px;
    padding: 35px 50px;
    margin: 30px 10px;
    display: flex;
    align-items: center;
}
.main-tab-template {
    height: 90px;
    border-radius: 5px 5px 0 0;
    background-color: #4E5258;
    display: flex;
    align-items: center;
}
span.tab-number {
    width: 35px;
    height: 35px;
    padding: 10px 12.5px;
    background: #67B413;
    color: white;
    display: block;
    border-radius: 50%;
    margin: 0 25px 0 35px;
}
/* End of Templates MT001 */

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

.tabpage-title.manage-plan {width:50%; float: left;}
.apply-coupon {width:50%; float: left;position: relative}
.apply-coupon input {
	height: 34px;
	border: 1px solid #DBDBDF;
	border-radius: 3px;
	background-color: #FFFFFF;
	box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.08);
        display: inline-block;
        
        
}
.apply-coupon button{position: absolute;top:5px;right:5px}
.coupon-applied-alert {clear: both;  font-size:11px;margin: 20px 0;
        height: 30px;
        /*line-height: 30px;*/
	width: 100%;
	border-radius: 5px;
	background-color: #67B413;
        color: #FFFFFF;
        text-transform: uppercase;
        padding: 8px 12px ;
}
.coupon-applied-alert .coupon_code {margin-left: 30px;font-weight: bold;}
.coupon-applied-alert .expire {display: inline-block; float: right; width: 50%;text-align: right}

.btn-input-inside {
	height: 24px;
	width: 76px;
	border-radius: 100px;
	background-color: #03A0E7;
        color: #FFFFFF;
        font-size: 8px;
        padding: 7px 12px;
}

.rectangle-5 {
	min-height: 110px;
	width: 100%;
	border: 1px solid #DBDBDF;
	border-radius: 5px;
	background-color: #FFFFFF;
        
}

.oneit-radio.checked .rectangle-5 {
    border: 1px solid #03A0E7;
}
.manage-plan-row  {
  margin: 35px ;
}
.manage-plan-row .radio {
    width:7%;
    float: left;
}
.manage-plan-row .manage-plan-title  {
	width: 60%;
        float: left;
}
.manage-plan-row .manage-plan-payplan  {
	width: 33%;
        float: left;
        text-align: right;
}
.manage-plan-row .manage-plan-title h3 {
	margin: 0;
	color: #4E5258;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
}
.manage-plan-row .manage-plan-title span {
	
	color: #4E5258;
	font-size: 12px;
	
}
.manage-plan-row .per-job-amount  {
	margin: 0;
	color: #4E5258;
	font-size: 18px;
	font-weight: 500;
	line-height: 30px;
}
.coupon-applied .manage-plan-row .per-job-amount  {
	
	color: #67B413;
	
}
.manage-plan-row .per-job-amount-past  {	
	color: #8E97A0;
	font-size: 11px;	
}

.manage-plan-hidden-info {display: none; }
.oneit-radio.checked .manage-plan-hidden-info {display: block;}

.overlayx {
    display: none;
    width: 100%;
      height: 100%;
      min-height: 100%;
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    background-color: transparent;
}

.subscription-billed {
	height: 60px;
	width: 100%;
        border-top: 1px solid #DBDBDF;
        border-bottom:  1px solid #DBDBDF;
        margin: 22px 0 0;
        padding: 20px 35px ;
        color: #41BDB4;
        font-size: 14px;
        font-weight: 500;
}
.subscription-billed img {width: 22px; margin-right:15px;}
.choose-plan-row {	background-color: #F5F7F8;  margin: 0 ; padding: 40px 35px }
.choose-your-plan-title {
	height: 22px;
	color: #03A0E7;
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
        margin-bottom:26px; 
}
.choose-plan-headings div {display: inline-block ;  min-width: 125px;}
.choose-plan-headings .jobs-per-month {margin-right: 65px;  }
.choose-plan-headings .cost-per-job {margin-right: 50px;  }

.choose-plan-headings {color: #8E97A0;	font-size: 11px;margin-bottom: 10px;}

.choose-plan-item {
	height: 80px;	
	border: 1px solid #DBDBDF;
	border-radius: 5px;
	background-color: #FFFFFF;
        padding: 25px 30px;
        line-height: normal;
        margin-bottom: 5px;
}
.choose-plan-item.active {
    	border: 1px solid #03A0E7;
        background-color: #EDF9FF;
        box-shadow: 0 0 0 1px #03A0E7;
}

.select-button .btn {
	height: 30px;
	width: 89px;
	border-radius: 100px;
        color: #FFFFFF;
	background-color: #03A0E7;
        /*line-height: 13px;*/
        text-align: center;
        letter-spacing: 1px;
        font-weight: 500;
        font-size: 11px;
        text-transform: uppercase;
        
}
/*.choose-plan-item.active .select-btn{display: none}*/
.select-button .active-btn { color: #03A0E7;	border: 1px solid #03A0E7;background-color: #FFFFFF; }
/*.choose-plan-item.active .active-btn {    display: inline-block; }*/


.choose-plan-item div {
    display: block;
    color: #6A7481;
    font-size: 18px;
    float: left;
}
.choose-plan-item div.select-button {float: right;width: 80px;}
.choose-plan-item div span.month {
    font-size: 13px;
    color: #8E97A0;
}
.choose-plan-item div span.past-val {
    font-size: 11px;
    color: #8E97A0;
    display: block;
}
.choose-plan-item div.jobs {
    min-width: 170px;
}
.choose-plan-item.active div.jobs {
   color: #03A0E7;
}
.choose-plan-item div.fee {
    min-width: 140px;
}
.choose-plan-item div.cost {
    min-width: 170px;
}
.coupon-applied .choose-plan-item div.cost.discounted , .coupon-applied .choose-plan-item div.fee.discounted{
    color: #67B413;
}

.additional-jobs-over .blue-alert{display: block;font-weight: bold;color: #03A0E7;margin-bottom: 20px;}
.additional-jobs-over {
	height: 68px;
	color: #4E5258;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
      
        width: 485px;
        margin: 30px auto;
}
.set-a-cap-option, .setmax {text-align: center;}
.setmax {margin-top: 30px;}
.set-a-cap-option  div {text-align: center;display: inline-block}

.set-a-cap-option div span{display: inline-block; float: left ; margin: 0 20px;}
.set-a-cap-option div label{display: inline-block; float: left}

.setmax input {
	height: 50px;
	width: 105px;
	border: 1px solid #DBDBDF;
	border-radius: 2px;
	background-color: #FFFFFF;
	box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.08);
        color: #4E5258;
        font-size: 14px;
        display: inline-block;
         margin: 0
}

.setmax a {
	height: 50px;
	width: 100px;
	border-radius: 0 2px 2px 0;
	background-color: #4E5258;
        color: #FFFFFF;
        font-size: 11px;
        margin: 0;
        padding-top: 15px;
}

#change-plan .jBox-content {padding: 0;}

.change-plan-content {padding: 40px 40px 0;}
.change-plan-content h3  {
	
	color: #03A0E7;
	font-size: 22px;
	font-weight: 500;
	line-height: 29px;
	text-align: center;
}


.change-plan-content .upgrade-info {
	
	color: #4A4A4A;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
}
.change-plan-content .upgrade-info span{
	display: block;
	color: #4A4A4A;
	font-size: 16px;
	font-weight: 300;
	line-height: 25px;
	text-align: center;
        margin: 30px 0;
}

.change-plan-list{	
	border: 1px solid #DBDBDF;
	border-radius: 5px;
	background-color: #F5F7F8;
}
.change-plan-list .list-item{	
	border-bottom:  1px solid #DBDBDF;
	height: 50px;
        padding: 20px;
}
.change-plan-list .list-item:last-child{
        border-bottom: none;
}

.change-plan-list .list-item .item-title  {
	display: inline-block; width:48%;
	color: #4E5258;
	font-size: 14px;
	font-weight: 500;
	text-align: left;
}

.change-plan-list .list-item .item-value{
	display: inline-block; width: 50%;
	color: #03A0E7;
	font-size: 14px;
	font-weight: 500;
	
	text-align: right;
}
.change-plan-button {
    border-top : 1px solid #EDEDEF;
    padding: 27px 0;
    text-align: center;
}

.change-plan-button .popup-no-button{
        height: 60px;
	width: 160px;
	border: 1px solid #DBDBDF;
	border-radius: 100px;
        color: #F9623D;
        font-size: 15px;
        font-weight: 500;
        text-align: center;
        display: inline-block;
        line-height: 60px;
        margin-right: 20px;
        cursor: pointer;
}

.change-plan-button  .change-plan-yes-button{
	height: 60px;
	width: 160px;
	border-radius: 100px;
	background-color: #67B413;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: 500;
        text-align: center;
        display: inline-block;
        line-height: 60px;
}
.company-content-area label {
    font-weight: normal;
}

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

.company-content-area .fileLink{
    display: none;
}
.company-content-area .grey-area, .billing-content-area .grey-area{
    background-color: #EFF0F2;
    border-radius: 2px;
    padding: 5% 10%;
    margin-top: 10px;
}
.company-content-area .line-break, .billing-content-area .line-break{
    border: solid 1px #EFF0F2;
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}
.company-content-area .footer-note{
    /*margin-top: 150px;*/
}

.hidden-pop {display: none;}
.label-20{
    font-size: 20px;
}
.label-14{
    font-size: 14px;
}
.company-content-area .bold, .billing-content-area .bold{
    font-family: "Usual-Medium";
}
.large-btn, .line-break .large-btn{
    width: 50%;
    height: 60px;
    border-radius: 100px;
    font-size: 15px;
    font-family: "Usual-Medium";
    margin-top: 20px;
}
.edit-card-link
{
    text-decoration: underline;
    font-size: 13px;
}

.deselected-link{
    color: #03a0e7;
}
/*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: 12px;
    letter-spacing: 0.9px;
    text-align: left;
    color: #4e5258;
    padding: 16px 30px 16px 52px;;
    float: left;
    text-transform: uppercase;
    height: 45px;
}

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

.detail-tab-row-title .dot-icon{
        top:14px;
        left : 34px;
	box-sizing: border-box;
	height: 20px;
	width: 20px;
        position: absolute;
        border-radius: 50%;
       
}
.detail-tab-row-title.red-requirements .dot-icon{
      
        background: url('../images/icon-requirements.png') #F9623D no-repeat center center ;
        background-size: 25%;
}
.detail-tab-row-title.green-requirements .dot-icon{
        background: url('../images/correct.png') #67B413 no-repeat center center ;       
        background-size:55%;
}

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

.sign-in-btn
{
    float: right;
}

.textarea-box textarea::placeholder {
  color: #9b9b9b;
  font-family: "Usual-Light";
}

.ja-exp-fact-c {	
    color: #4E5258;	
    font-family: "Usual-Bold";	
    font-size: 12px;	
    font-weight: bold;	
    line-height: 14px;
}

.ja-exp-fact {	
    color: #4E5258;	
    font-family: "Usual-Light";	
    font-size: 12px;	
    line-height: 24px;
}

.ja-exp-f-c-b-b{
    border-bottom: 1px solid #868686;
    padding: 0 0 0 0;
}

.ja-exp-f-b-b{
    border-bottom: 1px solid #E4E4E4;;
    padding: 0 0 0 0;
}

.ja-exp-f-box{
    padding: 0 12px;
    line-height: 8px;
}

.ja-exp-b-p{
    padding-bottom: 0;
}

.ja-exp-fact-score {	
    color: #667281;	
    font-family: "Usual-Light";	
    font-size: 18px;	
    float: right;
}

.select-payment-optio {	
    color: #1A2531;	
    font-family: "Usual-Light";	
    font-size: 28px;	
    font-weight: 300;	
    line-height: 34px;
}

.payment-optio-bg {	
    text-align: center;
}

.annual-plan {	
    height: 22px;	
    color: #4A4A4A;	
    font-family: "Usual-Bold";	
    font-size: 18px;	
    font-weight: 500;	
    line-height: 22px;
}

.payment-optio-text {	
    height: 17px;	
    color: #8D8D8D;	
    font-size: 14px;	
    line-height: 17px;	
    text-align: center;
    padding: 12px 0;
}

.payment-optio-sep {
    border-top: 1px solid #E6E6E6;
    padding: 42px 0;
}    

.payment-amt {
    color: #418DE0;	
    font-family: "Usual-Light";	
    font-size: 40px;	
    font-weight: 300;	
    display: inline-block;
    text-align: center;
}

.payment-type-row{
    padding-top: 30px;
    padding-bottom: 70px;
}

.active-jobs-per-mont {	
    width: 66px;
    color: #8D8D8D;	
    font-family: "Usual-Light";	
    font-size: 12px;	
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-right: 6px;
}

.per-job {	
    width: 21px;	
    color: #969696;	
    font-family: "Usual-Light";	
    font-size: 12px;	
    font-style: italic;	
    text-align: center;
    display: inline-block;
}

.pay-only-job-btn {	
    height: 48px;	
    width: 243px;	
    border: 1px solid #E2E2E2;	
    border-radius: 24px;	
    background-color: #FFFFFF;
}

.pay-only-job-amt{
    width: 79px;	
    color: #6D6D6D;	
    font-family: "Usual-Light";	
    font-size: 18px;	
    line-height: 22px;
}

.pay-only-job-txt {	
    width: 118px;	
    color: #8D8D8D;	
    font-family: "Usual-Light";
    font-size: 14px;	
    line-height: 17px;
}

.payment-cancel{
    padding-top: 60px; 
}

.payment-job-det {	
    width: 100%;	
    color: #777777;	
    font-family: "Usual-Light";
    font-size: 12px;	
    font-style: italic;	
    padding-top: 20px;
}

.payment-paln-count{
    width: 75px;
    font-size: 24px;
    text-align: center;
    margin-top: 6px;
}

.payment-grey-area{
    height: 370px;
}

.pay-subsc-row{
    vertical-align: middle;
    margin-right: -10px;
    margin-left: -10px;
}

.pay-subsc-txt{
    margin-top: 7px;
}

.pay-subsc-amt {
    color: #03A0E7;
    font-family: "Usual-Light";
    font-size: 16px;
}

.pay-subsc-det {		
    color: #777777;	
    font-family: "Usual-Light";
    font-size: 12px;	
    font-style: italic;	
    margin-top: 6px;
}

.pay-subsc-det-row{
    padding-top: 50px;
    margin-bottom: 70px;
}

.pay-subsc-btn-row{
    padding-bottom: 40px;
}

.inv-hdr {
    color: #4E5258;	
    font-family: "Usual-Regular";	
    font-size: 14px;	
    font-weight: 500;	
    line-height: 17px;
}

.inv-pdf{
    width: 18px;
    height: 24px;
}

.inv-amt{
    color: #3F84CC;	
    font-family: "Usual-Regular";	
    font-size: 14px;	
    font-weight: 500;	
    line-height: 17px;
}

.inv-det {
    color: #4E5258;	
    font-family: "Usual-Regular";	
    font-size: 11px;	
    font-weight: 500;	
    line-height: 13px;
}

.inv-des{
    color: #4E5258;	
    font-family: "Usual-Regular";	
    font-size: 12px;	
    line-height: 16px;  
}

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

.card-payment .cancel-and-go-back{
    color: #8D8D8D;
    font-family: "Usual-Regular";
    font-size: 14px;	
    line-height: 17px;	
    text-align: center;
}

.card-payment .btn-footer{
    margin-top: 40px;
}

.card-payment .large-btn{
    width: 80%;
}

.card-payment .btn-right{
    text-align: right;
}

.info-panel p{
        line-height: 15px;
    color: #7d7f82;
    font-size: 10px;
    margin: 10px 0;
}

.info-toggle{
    padding-left: 10px; 
    display: inline-block; 
    font-weight: bold; 
    font-size: 15px;
}

.info-panel{
    padding: 0 31.5%; 
    display: none; 
    background-color: white;
    overflow: hidden; 
    color: #7d7f82; 
    font-size: 10px; 
}

.subscr-change.disabled button{
    background-color: #939393 !important;
    border-color: #939393 !important;
}

.footer-note a, .upgrade-info a, .billing-notice a{
    color: #03A0E7;
    text-decoration: underline;
}

.select-plan.disabled button{
    background-color: #939393 !important;
    border-color: #939393 !important;
}

.blue-label {color: #03a0e7;}

.privacy-link{
    text-decoration: underline;
    color: #03A0E7
}
.create-job-selector .select2-container {width : 100% !important;}
.create-job-selector  {    padding: 30px;}
.create-job-selector h3 {color: #03a0e7;font-size: 16px;	line-height: 19px;	font-weight: 500;}
.rectangle-4 {
	height: 210px;
	width: 355px;
	border: 1px solid #DCDCDC;
	border-radius: 4px;
	background-color: #FFFFFF;
}
.create-job-selector.checked {
    background-color: #03a0e7;
    color: #fff;
}
.create-job-selector.checked h3{
    color: #FFFFFF;
}

.create-job-icon { display: inline-block; width: 50px; height: 50px; }
.from-template {
    background: url('../images/create_from_template.png') no-repeat left top; ;
}
.new-job {
    background: url('../images/create_new_job.png') no-repeat left top; ;
}

 
.create-job-selector.checked .from-template {
    background: url('../images/create_from_template_active.png') no-repeat left top; ;
}
.create-job-selector.checked .new-job {
    background: url('../images/create_new_job_active.png') no-repeat left top; ;
}

.occupation_content {}

.occupation_content_row {height: 400px;position: relative;}
.occupation_content_column {    float: left; ; width: 25%; overflow-y:auto; max-height: 400px; position: relative;}
.occupation_content_column.dyn-div ul{padding-left: 20px;}
.occupation_content_column ul ul {display: none;}

.occupation_content_column  li {line-height: 18px;cursor: pointer;font-weight: 500;background: #fff; border-bottom: solid 1px #e5e8eb ; border-right: solid 1px #e5e8eb ; padding: 0;}
.occupation_content_column.main-list-div  li {font-weight: 700;background: #F4F7F8;}
.occupation_content_column  li span {display: block;padding:15px 20px ; }

.occupation_content_column  li.clicked {border-right: 0}
.occupation_content_column  li.clicked > span  {background: #fff;color: #03a0e7;font-weight: 700;}


#occupation-list .jBox-container {border-radius: 3px; padding: 0}
#occupation-list .jBox-content {padding: 0;font-size: 13px;}
#occupation-list .jBox-container .jBox-title{background-color: #4E5258; color: #fff;font-size: 17px;border-radius: 3px 3px 0 0; height: 70px;line-height: 40px}
.occupation_select_button {height: 100px; padding:20px; text-align: right; border-top: solid 1px #e5e8eb ;}
.occupation_select_button .btn.btn-primary.largeBtn{margin: 0}

.occupation_select_info {position: absolute;width: 75%; line-height: 18px;    padding: 30px;    right: 0;    text-align: center;    top: 150px;}

.workflow-row {position: relative}
.workflow-row span{position: absolute; display: inline-block;top:15px;left:15px;}
.workflow-row .form-control{padding-left:40px;}

.workflow-row .remove-icon {
    width: 30px; height: 30px; border-radius: 50%; background: #fff;border: 2px solid #8e97a0;
    position: absolute;top:10px; right:-15px;
    color: #8e97a0;
    text-align: center;
    font-size: 30px;
    line-height: 0;
    cursor: pointer;
    display: none;
}
.workflow-row:hover .remove-icon {
    display: inline-block;
}

#workflows {margin-bottom: 25px;}
#workflows .form-group {margin-bottom: 0;}
#middle-workflows .form-group:not(:last-child) {margin-bottom: 12px;}
#workflows .seperator-dots {margin: 10px 0}
#workflows .seperator-dots .dot {
        height: 3px;
    width: 3px;
    background-color: #bbb;
    display: inline-block;
    margin: 0 2px 0;
}

.job-edit-menu {display: none;}
.job-edit-pop  {border-radius: 2px; }
.job-edit-pop .jBox-content  {padding: 0}
.job-edit-pop .jBox-container{border-radius: 2px !important; width: 240px;box-shadow: 0 3px 9px 0 rgba(0,0,0,0.35);background-color: #FFFFFF;}
.job-edit-menu  .job-edit-menu-item {display: block; font-weight: 500; height:45px; padding: 24px;border-bottom: 1px solid #DBDBDF;font-size:11px;line-height:1px;letter-spacing: 1px;	color: #03A0E7;}
.essential-requirements-note {font-family: 'Usual-Bold' !important ;height: 34px;box-shadow: 0 -1px 0 0 #DDDDDD;width:100%;position: absolute;font-size: 11px;font-weight: 500;left:0;bottom: 0;line-height: 34px;}
.red-requirements {color: #F9623D;}
.green-requirements {color: #67B413;}

 label.select-all-jobs:after {padding-left: 3px;}
 
 .teammate-hiringteam {color: #8E97A0;	font-size: 22px; font-weight: 300;}
.show-all-jobs-toggle span {display: inline-block; float: left; margin-right: 5px; font-size: 13px; color: #4E5258;}
.show-all-jobs-toggle  {height: 40px; line-height: 22px; vertical-align: middle; padding-top: 30px;}

.btn.btn-primary.loginAsAdmin {
    border-radius: 100px;
    background-color: #03a0e7 !important;
    font-size: 15px;
    text-align: center;
    border-color: #03a0e7 !important;
    width: 170px;
    height: 50px;
    margin-top: 10px;
    margin-right: 20px;
    font-weight: 500;
    color: #ffffff !important;
}

.container-fluid.repeat{
    margin-top: 50px;
}

.billing-notice{
    margin-bottom: 40px;
    padding-left: 10px;
}

/*
    Start of Diversity Popup
*/
    .diversity-popup{
        border-radius: 4px;
        background-color: #ffffff;
        box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.2);
        /*border: 1px solid #e8e8eb;*/
        width: 55%;
        height:500px;
        margin: 0 auto;
        text-align: center;    
        padding: 0;
        margin-top: 150px;
    }
    .diversity-popup .nav-tabs{
        background: #4E5258;
    }
    .modal-dialog.diversity{
        width:100%;
    }
    .diversity-popup .header-bar{
        background: #4E5258;
        height:40px;
    }
    .diversity-popup .header-bar .heading{
        float:left;
        color:#ffffff;
        font-size: 20px;
        padding: 5px 20px;
    }
    .diversity-popup button.close{
        color: #F5F7F8; 
        padding: 10px 20px;
        opacity: 1;
    }
    .diversity-popup .questions{
        padding-top: 40px;
    }
    .diversity-popup .question>label{
        float:left;
        padding-left: 40px;
    }
    .diversity-popup .question-seperator{
        padding-bottom: 40px;
    }
    .diversity-popup .answer>span{
        float:left;
        padding-left: 80px;
        padding-top: 10px;
    }
    
/*
    End of Diversity Popup
*/

/*
    Start of CV Cover Letter Popup
*/

.cv-cover-letter{
        border: 1px solid #E5E8EB;	
        border-radius: 2px;	
        background-color: #FFFFFF;     
        padding: 14px 18px;
        color: #4E5258;	
        font-size: 12px;
    }
    .cv-cover-letter img{
        height: 18px;
        padding-right: 18px;
    }
    .cv-popup{
        border-radius: 4px;
        background-color: #ffffff;
        box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.2);
        /*border: 1px solid #e8e8eb;*/
        width: 65%;
        height:1000px;
        margin: 0 auto;
        text-align: center;    
        padding: 0;
        margin-top: 150px;
    }
    .cv-popup .nav-tabs{
        background: #4E5258;
    }
    .cv-popup .nav-tabs>li.active>a{
        color: #4A4A4A;
        opacity: 1;
    }
    .cv-popup .nav-tabs>li>a{
        color: #FFFFFF;
        opacity: 0.5;
        font-size: 20px;
        line-height: 30px;	
        text-align: center;
    }
    .cv-popup .nav-tabs>li>a:focus, .cv-popup .nav-tabs>li>a:hover{
        color: #4A4A4A;
    }
    .cv-popup .nav-tabs>li.active>a, .cv-popup .nav-tabs>li.active>a:focus, .cv-popup .nav-tabs>li.active>a:hover{
        background: #F5F7F8;
    }
    .cv-popup .tab-pane{
        background: #F5F7F8;
    }
    .cv-popup button.close{
        color: #F5F7F8; 
        padding: 10px 20px;
        opacity: 1;
    }
    .cv-popup .no-preview{
        padding-top: 100px;
    }
    .cv-popup .download-btn{
        border: 1px solid #E5E8EB;
        border-radius: 2px;
        background-color: #4E5258;
        padding: 14px 18px;
        color: #FFFFFF;
        font-size: 18px;
        margin-top: 20px;
    }
    .cv-popup .download-btn img{
        height: 30px;
        padding-right: 18px;
    }
    .modal-dialog.cv{
        width:100%;
    }
    
    .pwd-input-box {width: 100%;position: relative;}
    .pwd-box {margin: 20px;display: inline-block;width: 90%;position: relative;}
    .pwd-label{position: relative;top: 10px;margin-bottom: 20px;}
    
    .main-password-popup{
      border-radius: 2px;
      background-color: #ffffff;
      border: 1px solid #e8e8eb;
      width: 500px;
      margin: 0 auto;
      text-align: center;    
      padding: 0;
    }
    
    .pwd-verify-identity {
        text-align: center;
    }
/*
    End of CV Cover Letter Popup
*/

/*
    Start of Manage Customer
*/
.my-company-area.manage-company{
    width: 90%;
}
.company-content-area.manage-company {
    float: left;
    width: 100%;
}
.radio.radio-primary.workplace-radio.manage-company {
    margin-left: 30px;
}
/*
    End of Manage Customer
*/