/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.mantabhr-page .clearfix:after,
.mantabhr-page .clear{clear: both;display: block;height: 0;width: 100%;float: none !important;}
.mantabhr-page .clearfix:after{content: '';}
.mantabhr-popup .cvr-bg-bf:before,
.mantabhr-popup .cvr-bg-af:after,
.mantabhr-page .cvr-bg-bf:before,
.mantabhr-page .cvr-bg-af:after,
.mantabhr-popup .cvr-bg,
.mantabhr-page .cvr-bg{
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.mantabhr-popup .cvr-bg-bf:before,
.mantabhr-popup .cvr-bg-af:after,
.mantabhr-page .cvr-bg-bf:before,
.mantabhr-page .cvr-bg-af:after{
	content: '';
	display: inline-block;
        vertical-align: middle;
}
.mantabhr-page,
.mantabhr-page *{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #34495e;
}
.mantabhr-page{
        max-width: 1140px;
        margin: 0 auto;
}
.mantabhr-popup .mtbhr-btn,
.mantabhr-alert .mtbhr-btn,
.mantabhr-page .mtbhr-btn{
        /* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	display: inline-block;
        border-radius: 4px;
	color: #fff;
	background: #34495e;
	font-family: inherit;
	font-weight: 400;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	text-align: center;
	cursor: pointer;
	border: none;
	outline: none !important;
	transition:all 0.2s ease-in;
}
.mantabhr-popup .mtbhr-btn:hover,
.mantabhr-alert .mtbhr-btn:hover,
.mantabhr-page .mtbhr-btn:hover{
        background: #212e3a;
        color: #fff;
}
.mantabhr-popup .mtbhr-btn:active,
.mantabhr-popup .mtbhr-btn:focus,
.mantabhr-alert .mtbhr-btn:active,
.mantabhr-alert .mtbhr-btn:focus,
.mantabhr-page .mtbhr-btn:active,
.mantabhr-page .mtbhr-btn:focus{
	border-radius: 4px;
}
.mantabhr-page .mtbhr-btn.btn-fullwidth{
	display: block;
	width: 100%;
}
.mantabhr-page .mtbhr-btn.btn-hollow{
	background: #fff;
	border: 1px solid #d0d5dd;
	color: #344054;
	font-weight: 600;
	font-size: 14px;
	height: 46px;
	line-height: 44px;
	border-radius: 7px;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
	transition:all 0.2s ease-in;
}
.mantabhr-page .mtbhr-btn.btn-hollow:hover{
	background: #f9fafb;
	border: 1px solid #d0d5dd;
	color: #1d2939;
}
.mantabhr-page .mtbhr-btn.btn-hollow:focus{
	box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px #f2f4f7;
	background: #fff;
}

.mantabhr-page .mtbhr-btn.btn-red{
	background: #e74c3c;
}
.mantabhr-page .mtbhr-btn.btn-red:hover{
	background: #c0392b;
}
.mantabhr-page .mtbhr-btn.btn-yellow{
	background: #e67e22;
}
.mantabhr-page .mtbhr-btn.btn-yellow:hover{
	background: #d35400;
}
.mantabhr-page .mtbhr-btn.btn-black{
	background: #34495e;
}
.mantabhr-page .mtbhr-btn.btn-black:hover{
	background: #1e2935;
}

.mantabhr-page .mtbhr-btn.btn-disabled,
.mantabhr-page .mtbhr-btn.btn-disabled:hover{
	background: #E9E7EC;
	color: #817F85;
	cursor: default;
}
.mantabhr-alert .mtbhr-btn.has-loading,
.mantabhr-page .mtbhr-btn.has-loading{
	position: relative;
	overflow: hidden;
}
.mantabhr-alert .mtbhr-btn.has-loading.fetching,
.mantabhr-page .mtbhr-btn.has-loading.fetching{
	color: rgba(0,0,0,0);
	cursor: default;
}
.mantabhr-alert .mtbhr-btn.has-loading:before,
.mantabhr-page .mtbhr-btn.has-loading:before{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.8);
	content: '';
	z-index: 1;
}
.mantabhr-alert .mtbhr-btn.has-loading:after,
.mantabhr-page .mtbhr-btn.has-loading:after{
	display: none;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: calc(50% - 15px);
	width: 30px;
	height: 30px;
	background: url(../img/btn-loading.svg) no-repeat;
	content: '';
	z-index: 2;
	opacity: .5;
}
.mantabhr-alert .mtbhr-btn.has-loading.fetching:after,
.mantabhr-alert .mtbhr-btn.has-loading.fetching:before,
.mantabhr-page .mtbhr-btn.has-loading.fetching:after,
.mantabhr-page .mtbhr-btn.has-loading.fetching:before{
	display: block;
}
.mantabhr-alert .mtbhr-btn.btn-hide,
.mantabhr-page .mtbhr-btn.btn-hide{
        display: none !important;
}
.mantabhr-page .mtbhr-flex,
.mantabhr-page .rowflex{
	display: flex;
	flex-wrap: wrap;
}
.mantabhr-page .mtbhr-flex,
.mantabhr-page .mantabhr-rowflex{
        justify-content: space-between;
}
.mantabhr-page .rowflex > *{
	flex: 1;
}
.mantabhr-page .form-basic .gapline{
	display: flex;
	align-items: center;
}
.mantabhr-page .form-basic .gapline > *{
	flex: 1;
}
.mantabhr-page .form-basic .gap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mantabhr-page .form-basic .gap > *{
	flex: calc(50% - 18px);
	max-width: calc(50% - 18px);
}
.mantabhr-page .form-basic .gap.trio > *{
        flex: calc(33.333333333333333333333333% - 10px);
	max-width: calc(33.333333333333333333333333% - 10px);
}
.mantabhr-page .tagfield,
.mantabhr-page .date-field input,
.mantabhr-page .date-field,
.mantabhr-page select,
.mantabhr-page .form-basic input[type="number"],
.mantabhr-page .form-basic input[type="text"],
.mantabhr-page .form-basic input[type="tel"],
.mantabhr-page .form-basic input[type="email"],
.mantabhr-page .form-basic input[type="password"],
.mantabhr-page .form-basic textarea{
	/* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	display: block;
	width: 100%;
	background: #fff;
	color: #34495e;
	border: 1px solid #34495e;
	font-size: 16px;
	font-family: inherit;
	font-weight: 400;
	height: 40px;
	padding: 0 15px;
        border-radius: 4px;
}
.mantabhr-page select{
	appearance: auto;
        padding: 0 8px;
}
.mantabhr-page .form-basic input[type="number"]:focus,
.mantabhr-page .form-basic input[type="text"]:focus,
.mantabhr-page .form-basic input[type="tel"]:focus,
.mantabhr-page .form-basic input[type="email"]:focus,
.mantabhr-page .form-basic input[type="password"]:focus,
.mantabhr-page .form-basic textarea:focus{
        box-shadow: 0px 0 5px 3px rgba(30, 30, 30, .1);
}
.mantabhr-page .form-basic textarea{
	min-height: 180px;
	padding: 15px;
	resize: vertical;
	line-height: 180%;
}
.mantabhr-page .form-basic .form-wrap > *,
.mantabhr-page .form-basic form > * {
	display: block;
	margin-top: 25px;
}
.mantabhr-page .form-basic .form-wrap > *:first-child,
.mantabhr-page .form-basic form > *:first-child{
	margin-top: 0;
}
.mantabhr-page .form-basic .pass-field{
	position: relative;
}
.mantabhr-page .form-basic .pass-field b{
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
	background-image: url(../img/melek.svg);
	cursor: pointer;
}
.mantabhr-page .form-basic .pass-field b.merem{
	background-image: url(../img/merem.svg);
}
.mantabhr-page .form-basic .fgroup > label{
	display: block;
	margin-bottom: 8px;
	color: #34495e;
	font-size: 16px;
        font-weight: 400;
        font-family: inherit;
}
.mantabhr-page .form-basic .fgroup label.drop-trigger{
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}
.mantabhr-page .form-basic .fgroup label.drop-trigger:not(.expanded) + *{
	display: none;
}
.mantabhr-page .form-basic .fgroup label.drop-trigger:before{
	display: inline-block;
	position: relative;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7.5px 0 7.5px;
	border-color: #3b3b3b transparent transparent transparent;
	content: '';
	margin: 0 10px 0 0;
	top:-2px;
}
.mantabhr-page .form-basic .fgroup label.drop-trigger.expanded:before{	
	border-width: 0 7.5px 8px 7.5px;
	border-color: transparent transparent #3b3b3b transparent;
}
.mantabhr-page .form-basic .fgroup > label sup{
	line-height: 100%;
	position: relative;
	top: -2px;
        right: -2px;
	color: #DE2C4F;
        font-weight: 700;
}
.mantabhr-page .finfo{
        display: block;
        font-size: 10px;
        font-style: italic;
        font-weight: 600;
        margin: 5px 0 0;
        padding: 0;
}
.mantabhr-page .tagfield{
	position: relative;
	height: auto;
	padding: 16px;
	min-height: 48px;
}
.mantabhr-page .form-basic .tagfield input[type='text']{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	z-index: 1;
}
.mantabhr-page .tagfield b{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	padding: 3px 12px 5px;
	background: #044CB9;
	color: #fff;
	border-radius: 3px;
	font-weight: 600;
	font-size: 12px;
	position: relative;
	z-index: 2;
}
.mantabhr-page .tagfield b i{
	color: #fff;
	display: inline-block;
	margin-left: 3px;
	font-size: 14px;
	cursor: pointer;
	font-weight: 400;
	font-style: normal;
}
.mantabhr-page .format-text{
	line-height: 160%;
}
.mantabhr-page .format-text > *{
	margin: 16px 0 0;
}
.mantabhr-page .format-text > *:first-child{
	margin: 0;
}
.mantabhr-page .format-text b,
.mantabhr-page .format-text strong{
        font-weight: 700;
}
.mantabhr-page .format-text em,
.mantabhr-page .format-text i{
	font-style: italic;
}
.format-text h1,
.format-text h2,
.format-text h3,
.format-text h4,
.format-text h5,
.format-text h6{
	color: #34495e;
	font-weight: 700;
	line-height: 120%;
	font-family: inherit;
        padding: 0;
}
.mantabhr-page .format-text h1{
	font-size: 64px;
}
.mantabhr-page .format-text h2{
	font-size: 48px;
}
.mantabhr-page .format-text h3{
	font-size: 40px;
}
.mantabhr-page .format-text h4{
	font-size: 32px;
}
.mantabhr-page .format-text h5{
	font-size: 24px;
}
.mantabhr-page .format-text h6{
	font-size: 18px;
}
.mantabhr-page .format-text h1 + *,
.mantabhr-page .format-text h2 + *,
.mantabhr-page .format-text h3 + *,
.mantabhr-page .format-text h4 + *,
.mantabhr-page .format-text h5 + *,
.mantabhr-page .format-text h6 + *{
	margin-top: 16px;
}
.mantabhr-page .format-text a:not(.button){
	color: #34495e;
        text-decoration: underline;
}
.mantabhr-page .format-text a:not(.button):hover{
	text-decoration: underline;
}
.format-text ul,
.mantabhr-page .format-text ul{
	list-style: disc;
	padding-left: 22px;
}
.mantabhr-page .format-text ul li,
.mantabhr-page .format-text ol li{
	padding-bottom: 10px;
}
.mantabhr-page .format-text ol{
	list-style: decimal;
}
.mantabhr-page .format-text ol{
	padding-left: 20px;
}
.mantabhr-page .format-text sup{
	color: #d90000;
	position: relative;
	top: 0;
	line-height: 100%;
}
.mantabhr-page .format-text blockquote{
	font-size: 18px;
	font-style: italic;
	line-height: 160%;
	color: #2c3e50;
}
.mantabhr-alert .jconfirm-box{
	max-width: 340px;
	margin: 0 auto;
}
.mantabhr-alert .jconfirm-box div.jconfirm-title-c .jconfirm-title{
	font-weight: 600;
	font-size: 16px;
	color: #000;
}
.mantabhr-alert .jconfirm-box div.jconfirm-content-pane .jconfirm-content{
	font-size: 14px;
	line-height: 160%;
	font-weight: 400;
}
.mantabhr-alert .jconfirm-box div.jconfirm-title-c{
	padding-bottom: 10px;
}
.mantabhr-alert .jconfirm-box div.jconfirm-content-pane{
	margin-bottom: 10px;
}
.mantabhr-alert button{
        font-weight: 400 !important;
        text-transform: none !important;
        min-width: 70px;
        text-align: center;
}
.mantabhr-popup table,
.mantabhr-page table{
        width: 100%;
        font-size: 14px;
        border-collapse:collapse;
        border-spacing:0
}
.mantabhr-popup table td,
.mantabhr-page table td{
        border: 1px solid #ddd;
	padding: 10px;
	font-weight: 400;
        background: #fff;
}
.mantabhr-page table tfoot td,
.mantabhr-popup thead td,
.mantabhr-page table thead td{
        font-weight: 600;
        background: #f8f8f8;
}
.mantabhr-popup table .mtbhr-btn,
.mantabhr-page table .mtbhr-btn{
        display: inline-block;
        vertical-align: middle;
        padding: 0 10px;
        margin: 0 3px;
        min-width: 58px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
}
.mantabhr-page > .rowflex{
        justify-content: space-between;
}
.mantabhr-page aside.sidebar{
        flex: 22%;
        max-width: 22%;
}
.mantabhr-page .profile{
        text-align: center;
}
.mantabhr-page .profile figure{
        padding: 0;
         margin: 0 0 15px;
}
.mantabhr-page .profile figure .premium-badge{
	display: inline-block;
	margin: 0 0 15px;
	padding: 5px 10px 3px 7px;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	background: #2ecc71;
	border-radius: 4px;
}
.mantabhr-page .profile figure .premium-badge:before{
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background-image: url(../img/star.svg);
	margin: 0 5px 0 0;
	position: relative;
	top: -2px;
}
.mantabhr-page .profile figure img{
        border-radius: 50%;
}
.mantabhr-page .profile h2{
        font-size: 20px;
        padding: 0;
        line-height: 100%;
        margin: 0 0 13px;
}
.mantabhr-page .profile strong{
        font-weight: 700;
        display: block;
        line-height: 100%;
        font-size: 16px;
}
.mantabhr-page .nav{
        margin: 15px 0 0;
}
.mantabhr-page .nav ul{
        list-style: none;
        margin: 0;
        padding: 0;
}
.mantabhr-page .nav li{
        margin: 5px 0 0;
}
.mantabhr-page .nav li:first-child{
        margin: 0;
}
.mantabhr-page .nav li a{
        display: block;
        position: relative;
        font-weight: 500;
        font-size: 14px;
        color: #34495e;
        transition: color 0.2s ease-in;
        padding: 12px 15px;
        background: rgba(0, 0, 0, 0);
        transition: color 0.2s ease-in;
}
.mantabhr-page .nav li.current a{
        background: #34495e;
        color: #fff;
        font-weight: 600;
}
.mantabhr-page .nav li a b{
	display: block;
	position: absolute;
	right: 10px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #fff;
	background: #e74c3c;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	height: 20px;
	line-height: 20px;
	width: 20px;
	font-size: 10px;
	font-weight: 400;
}
.mantabhr-page .nav li a.cvr-bg-bf:before{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin-right: 12px;
        top: -1px;
	width: 18px;
	height: 18px;
}
.mantabhr-page .nav li.current a.cvr-bg-bf:before{
        filter: brightness(0) invert(1);
}
.mantabhr-page .nav li a.ic-odr:before{
        background-image: url(../img/odr.svg);
}
.mantabhr-page .nav li a.ic-addr:before{
        background-image: url(../img/addr.svg);
}
.mantabhr-page .nav li a.ic-acc:before{
        background-image: url(../img/acc.svg);
}
.mantabhr-page .nav li a.ic-msg:before{
        background-image: url(../img/chat.png);
}
.mantabhr-page .nav li a.ic-wish:before{
        background-image: url(../img/wish.svg);
}
.mantabhr-page .nav li a.ic-stg:before{
        background-image: url(../img/stg.svg);
}
.mantabhr-page .nav li a.ic-job:before{
        background-image: url(../img/job.svg);
}
.mantabhr-page .nav li a.ic-tln:before{
        background-image: url(../img/tln.svg);
}
.mantabhr-page .nav li a.ic-cmp:before{
        background-image: url(../img/cmp.svg);
}
.mantabhr-page article.main{
        flex: 76%;
        max-width: 76%;
}
.mantabhr-page .util{
        margin: 0 0 20px;
}
.mantabhr-page .util .sch{
	float: left;
	width: 50%;
	position: relative;
}
.mantabhr-page .util .sch button{
	position: absolute;
	background: none;
	cursor: pointer;
	border: none;
	right: 8px;
	top:8px;
	margin: 0;
        padding: 0;
}

.mantabhr-page .util .sch button i{
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(../img/search.svg);
}
.mantabhr-page .util > .mtbhr-btn{
	float: right;
}
.mantabhr-page .util .filter{
        float: right;
}
.mantabhr-page .util .filter > *{
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
}
.mantabhr-page .util .filterby span {
        display: block;
        height: 40px;
        line-height: 40px;
        border: 1px solid #34495e;
        background: #fff;
        padding: 0 10px;
        cursor: pointer;
        position: relative;
        width: 120px;
        font-size: 16px;
        border-radius: 4px;
}
.mtbhr-back-btn:before,
.mantabhr-page .util .filterby span:after{
        display: inline-block;
        vertical-align: middle;
        width: 9px;
        height: 5px;
        background-image: url(../img/arrow-down.png);
        transition:transform 0.2s ease-in;
        transform: rotate(0deg);
        position: absolute;
        right: 10px;
        top: 17px;
}
.mantabhr-page .util .filterby span.active:after{
        transform: rotate(180deg);
}
.mantabhr-page .util .filterlist{
        margin: 20px 0 0;
        display: none;
}
.mantabhr-page .job-list td{
        width: 100px;
        text-align: center;
        vertical-align: middle;
}
.mantabhr-page .job-list td:last-child{
        width: 190px;
}
.mantabhr-page .job-list td:first-child{
        width: calc(100% - 200px);
        text-align: left;
}
.mantabhr-page .job-list td .meta {
        margin: 3px 0 0;
}
.mantabhr-page .job-list td .meta > *{
        display: inline-block;
        vertical-align: middle;
        line-height: 100%;
}
.mantabhr-page .job-list td .meta a,
.mantabhr-page .job-list td .meta small{
        font-size: 11px;
        font-weight: 600;
        line-height: 100%;
        color: #a8a8a8;
}
.mantabhr-page .job-list td .meta  i{
        width: 1px;
        height: 10px;
        background: #a8a8a8;
        margin: 0 3px;
}
.mantabhr-page .job-list td .meta a{
        color: #34495e;
        font-weight: 400;
}
.mantabhr-page .job-list td .meta a b{
        font-weight: 600;
}
.mantabhr-page .job-list tfoot td{
        padding: 20px 10px;
}
.mantabhr-page .dotdio input,
.mantabhr-page .checky input{
	display: none;
}
.mantabhr-page .dotdio.inlined label,
.mantabhr-page .checky.inlined label{
        display: inline-block;
        line-height: 100%;
}
.mantabhr-page .dotdio.blocky label,
.mantabhr-page .checky.blocky label{
	display: block;
	margin: 0 0 10px;
}
.mantabhr-page .dotdio b,
.mantabhr-page .checky b{
	display: block;
	position: relative;
	color: #344054;
	font-weight: 500;
	font-size: 15px;
	padding-left: 35px;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}
.mantabhr-page .dotdio.inlined b,
.mantabhr-page .checky.inlined b{
	display: inline-block;
	vertical-align: baseline;
	margin: 0 20px 10px 0;
}
.mantabhr-page .dotdio.inlined.nomargin b,
.mantabhr-page .checky.inlined.nomargin b{
	margin-bottom: 0;
}
.mantabhr-page .dotdio b:before,
.mantabhr-page .checky b:before{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #d0d5dd;
	border-radius: 5px;
	content: '';
	background: #fff;
	transition:all 0.2s ease-in;
}
.mantabhr-page .dotdio.inlined b:before,
.mantabhr-page .checky.inlined b:before{
        top: -2px;
}
.mantabhr-page .checky:hover b:before,
.mantabhr-page .checky input:checked + b:before{
	background: #f9f5ff;
	border: 1px solid #34495e;
}
.mantabhr-page .checky b:after{
	display: block;
	position: absolute;
	width: 14px;
	height: 14px;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../img/check.svg);
	content: '';
	left: 3px;
	top: 3px;
	display: none;
}
.mantabhr-page .checky.inlined b:after{
        top: 1px;
}
.mantabhr-page .dotdio b:before{
	border-radius: 50%;
	background: #34495e;
	box-shadow: inset 0px 0 0px 13px #fff;
}
.mantabhr-page .dotdio input:checked + b:before{
	box-shadow: inset 0px 0 0px 5px #fff;
	border: 1px solid #34495e;
}
.mantabhr-page .checky input:checked + b:after{
	display: block;
}
.mantabhr-page .toggle-check{
	cursor: pointer;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	display: inline-block;
        margin: 0;
}
.mantabhr-page .toggle-check input{
	display: none;
}
.mantabhr-page .toggle-check b{
	display: block;
	width: 50px;
	height: 26px;
	border-radius: 15px;
	border: 1px solid #8d91a3;
	position: relative;
}
.mantabhr-page .toggle-check b:after{
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	content: '';
	background: #ccc;
	left: 2px;
	top: 2px;
	transition:all 0.2s ease;
}
.mantabhr-page .toggle-check input:checked + b:after{
	left: 26px;
	background: #34495e;
}
.mantabhr-popup{
	width: calc(100% - 30px);
	max-width: 700px;
	padding: 30px;
}
.mantabhr-popup.wider{
        max-width: 900px;
}
.mantabhr-popup > h2{
	font-weight: 600;
	font-size: 24px;
	margin: 0 0 20px;
	line-height: 120%;
        color: #34495e;
}
.mantabhr-page .page-pagination{
        text-align: center;
}
.mantabhr-page .page-pagination > *{
        display: inline-block;
        vertical-align: middle;
        color: #34495e;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #fff;
	transition:all 0.2s ease-in;
        padding: 0;
}
.mantabhr-page .page-pagination > span{
	position: relative;
	background: #34495e;
	color: #fff;
}
.mantabhr-page .page-pagination a.prev,
.mantabhr-page .page-pagination a.next{
        float: none;
        background: none;
}
.mantabhr-page .page-pagination a:hover{
        color: #34495e;
}
.mantabhr-page .page-pagination i.cvr-bg{
	display: inline-block;
	width: 7px;
	height: 12px;
	position: relative;
	top: 1px;
	background-image: url(../img/arrow-pagi-right.svg);
}
.mantabhr-page .page-pagination i.cvr-bg.next{
	right: 0;
	transition:right 0.2s ease-in;
}
.mantabhr-page .page-pagination a:hover i.cvr-bg.next{
	right: -2px;
}
.mantabhr-page .page-pagination i.cvr-bg.prev{
	background-image: url(../img/arrow-pagi-left.svg);
	left: 0;
	transition:left 0.2s ease-in;
}
.mantabhr-page .page-pagination a:hover i.cvr-bg.prev{
	left: -2px;
}
.mantabhr-page h2.panel-title{
        font-weight: 600;
        font-size: 24px;
        line-height: 130%;
        margin:  0 0 20px;
        padding: 0;
}
.mantabhr-page .profile-setting .depe {
        margin: 0 0 45px;
}
.mantabhr-page .profile-setting .depe > *:not(h2){
        display: inline-block;
        vertical-align: middle;
}
.mantabhr-page .profile-setting .depe figure{
        width: 80px;
        margin: 0 25px 0 0;
}
.mantabhr-page .profile-setting .depe figure img{
        border-radius: 50%;
}
.mantabhr-page .profile-setting .depe .upfield{
        position: relative;
        margin-right: 15px;
}
.mantabhr-page .profile-setting .depe .upfield input{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background: red;
        opacity: 0;
}
.mantabhr-page .profile-setting .depe  small{
        font-size: 12px;
        color: #565F62;
}
.mantabhr-page .profile-setting .depe .mtbhr-btn{
        height: 40px;
        line-height: 40px;
        width: 120px;
        padding: 0 5px;
        font-size: 14px;
}
.mantabhr-popup .fancybox-close-small:hover,
.mantabhr-popup .fancybox-close-small{
	color: #000 !important;
	background-color: rgba(0,0,0,0) !important;
}
.mantabhr-page .upload-cv{
        position: relative;
}
.mantabhr-page .upload-cv input[type='file']{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
        background: red;
        opacity: 0;
}
.mantabhr-page .upload-cv input[type='text']{
        padding-right: 90px;
}
.mantabhr-page .upload-cv span{
        display: inline-block;
        font-size: 10px;
        font-weight: 600;
        text-transform: uppercase;
        position: absolute;
        right: 10px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 2;
}
.mtbhr-status{
	display: inline-block;
	height: 19px;
	line-height: 19px;
	font-size: 10px;
	border-radius: 2px;
	padding: 0 8px;
	font-weight: 600;
	background: #FFF5EB;
	color: #F38B2B;
}
.mtbhr-status.inactive,
.mtbhr-status.Unavailable{
        color: #F38B2B !important;
}
.mtbhr-status.active,
.mtbhr-status.Available{
	color: #0C51DC !important;
	background: #EAF6F9 !important;
}
/** CREDENTIAL **/
.mantabhr-page .credential{
        max-width: 400px;
        margin: 0 auto;
}
.mantabhr-page .panel{
        background: #fff;
        padding: 20px;
        border: 1px solid #ebebef;
}
.mantabhr-page .credential .panel{
        display: none;
}
.mantabhr-page .credential .panel.active{
        display: block;
}
/** JOB SEEKER LIST **/
.company-list-wrap,
.job-list-wrap,
.job-seeker-wrap {
        margin: 0 -10px;
        justify-content: flex-start !important;
}
.job-list-wrap .job-list-item,
.job-seeker-wrap .job-seeker-item{
        flex: calc(50% - 20px);
        max-width: calc(50% - 20px);
        margin: 0 10px 20px;
}
.job-list-wrap.trio .job-list-item{
        flex: calc(33.333333333333333333333% - 20px);
        max-width: calc(33.333333333333333333333% - 20px);
}
.company-list-wrap .company-item{
        flex: calc(25% - 20px);
        max-width: calc(25% - 20px);
        text-align: center;
        margin: 0 10px 20px;
}
.company-item,
.job-list-item,
.job-seeker-item{
        padding: 12px 15px;
	position: relative;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #ebebef;
	border-radius: 8px;
	box-shadow: 0 0 0 rgba(0,0,0,0);
	transition:all 0.2s ease;
}
.company-item:hover,
.job-list-item:hover,
.job-seeker-item:hover{
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px;
}
.company-item{
        padding: 25px 10px;
}
.company-item figure{
        width: 60px;
        margin: 0 auto 10px !important;
}
.job-list-item{
        padding-bottom: 60px;
}
.job-list-item .act{
        position: absolute;
        left: 15px;
        bottom: 10px;
        width: calc(100% - 30px);
}
.job-list-item .meta:not(.mbot),
.job-seeker-item .meta{
        position: absolute;
	right: 15px;
	top: 10px;
}
.job-list-item .act .meta.mbot{
        float: left;
        position: relative;
        top: 5px;
}
.job-list-detail .meta,
.job-seeker-detail .meta{
        margin: 0 0 15px;
}
.admin-employer-item span,
.admin-employer-item .meta > *,
.admin-job-item .meta > *,
.job-list-detail .meta > *,
.job-list-item .meta > *,
.job-seeker-detail .meta > *,
.job-seeker-item .meta > *{
        display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #939497;
	font-weight: 500;
	position: relative;
}
.admin-employer-item span{
        position: relative;
        top: -2px;
}
.admin-employer-item .meta > i,
.admin-job-item .meta > i,
.job-list-detail .meta > i,
.job-list-item .meta > i,
.job-seeker-detail .meta > i,
.job-seeker-item .meta > i{
        height: 10px;
	background: #939497;
	width: 1px;
	margin: 0 2px;
}
.admin-employer-item .meta > a:hover,
.admin-job-item .meta > a:hover,
.job-list-detail .meta > a:hover,
.job-list-item .meta > a:hover,
.job-seeker-detail .meta > a:hover,
.job-seeker-item .meta > a:hover{
        text-decoration: underline;
}
.admin-employer-item h3,
.admin-job-item h3,
.company-item h3,
.job-list-item h3,
.job-seeker-item h3{
        font-weight: 600;
        padding: 0;
        margin: 0;
        font-size: 16px;
        margin: 8px 0 0;
}
.job-list-item h3{
        padding-right: 60px;
}
.company-item h3{
        margin: 0 0 10px;
}
.admin-employer-item .act,
.admin-job-item .act,
.job-list-item .act,
.job-seeker-item .act{
        padding: 10px 0 0;
        margin: 10px 0 0;
        border-top: 1px solid #E9E8E6;
}
.admin-employer-item .act .mtbhr-btn,
.admin-job-item .act .mtbhr-btn,
.company-item .mtbhr-btn,
.job-list-item .act .mtbhr-btn,
.job-seeker-item .act .mtbhr-btn{
        float: right;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
        padding: 0 15px;
        font-weight: 400;
        border-radius: 2px;
}
.company-item .mtbhr-btn{
        float: none;
}
.company-item p{
        font-size: 14px;
}
.admin-employer-item .act p,
.admin-job-item .act p,
.job-seeker-item .act p{
        float: left;
        font-size: 12px;
        position: relative;
        top: 7px;
        margin: 0;
}
.job-seeker-item .act p a:hover{
        text-decoration: underline;
}
.job-seeker-detail{
        position: relative;
}
.job-seeker-detail > figure{
        position: absolute;
        right: 15px;
        top: 15px;
        margin: 0;
        padding: 0;
        width: 50px;
}
.job-seeker-detail .act{
        margin: 0 0 15px;
}
.job-seeker-detail .act > *{
        display: inline-block;
        vertical-align: middle;
}
.job-seeker-detail .act > figure{
        width: 50px;
        margin: 0 10px 0 0;
}
.job-seeker-detail .act > h2{
        margin: 0;
}
.job-seeker-detail .act > .mtbhr-btn{
        float: right;
}
.job-list-item figure{
        position: absolute;
        right: 10px;
        top: 10px;
        width: 40px;
        height: 40px;
        border-radius: 4px;
        border: 1px solid #afaca5;
        overflow: hidden;
        margin: 0;
        padding: 5px;
}
.job-list-item figure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.job-list-detail{
        position: relative;
}
.job-list-detail .act h2{
        float: left;
        margin: 0;
}
.job-list-detail .act .mtbhr-btn{
        float: left;
}
.job-list-detail figure{
        width: 50px;
        position: absolute;
        right: 15px;
        top: 15px;
        margin: 0;
}
.mtbhr-back-btn{
        display: inline-block;
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        margin: 30px 0 0;
}
.mtbhr-back-btn:before{
        position: relative;
        left: 0;
        top:-1px;
        right: auto;
        margin: 0 10px 0 0;
        transform: rotate(90deg);
        transition:left 0.2s ease-in;
}
.mtbhr-back-btn:hover:before{
        left: -3px;
}
.mantabhr-page .dash .stat{
        margin: 0 0 30px;
}
.mantabhr-page .dash .stat .rowflex{
        justify-content: space-between;
}
.mantabhr-page .dash .stat .item{
        flex: 32%;
        max-width: 32%;
        border: 1px solid #ebebef;
        padding: 20px;
}
.mantabhr-page .dash .stat .item b{
        float: left;
        font-size: 36px;
        font-weight: 700;
        display: block;
        line-height: 100%;
}
.mantabhr-page .dash .stat .item figure{
        float: right;
        margin: 0;
}
.mantabhr-page .dash .stat .item h3{
        margin: 5px 0 0;
        padding: 0;
        font-size: 18px;
        font-weight: 600;
}
.mtbhr-admin-item .hentry{
        margin: 0 0 30px;
}
.mtbhr-admin-item .hentry h2{
        float: left;
        margin: 0;
        position: relative;
        top: 5px;
}
.mtbhr-admin-item .hentry .mtbhr-btn{
        float: right;
}
.mtbhr-admin-item .rowflex{
        margin: 0 -10px;
}
.mtbhr-admin-item .admin-employer-item,
.mtbhr-admin-item .job-seeker-item,
.mtbhr-admin-item .admin-job-item{
        flex: calc(50% - 20px);
        max-width: calc(50% - 20px);
        margin: 0 10px 20px;
}
.admin-employer-item,
.admin-job-item{
        background: #fff;
        border: 1px solid #ebebef;
        border-radius: 4px;
        padding: 12px 15px;
        position: relative;
}
.admin-employer-item .meta,
.admin-job-item .meta{
        position: absolute;
        right: 15px;
        top: 10px;
}
.mantabhr-page .iframe-holder{
        position: relative;
	padding-bottom: 54%; /* 16:9 */
	padding-top: 25px;
	height: 0;
        z-index: 1;
}
.mantabhr-page .iframe-holder > *{
        position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mtbhr-btn-save{
        float: right;
        display: inline-block;
        width: 35px;
        height: 35px;
        background: red;
        border-radius: 2px;
        position: relative;
        background: #929ca3;
        margin-right: 5px;
}
.job-list-detail .mtbhr-btn-save{
        width: 40px;
        height: 40px;
        border-radius: 4px;
	float: left;
}
.mtbhr-btn-save.saved{
        background: #e74c3c;
}
.mtbhr-btn-save:before,
.mtbhr-btn-save:after{
        display: block;
        position: absolute;
        content: '';
        background: #fff;
}
.mtbhr-btn-save:before{
        width: 15px;
        height: 2px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 11px;
}
.job-list-detail .mtbhr-btn-save:before{
        width: 20px;
}
.mtbhr-btn-save:after{
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 17px;
        height: 15px;
        width: 2px;
}
.job-list-detail .mtbhr-btn-save:after{
        height: 20px;
        left: 20px;
}
.mtbhr-btn-save.saved:after{
        display: none;
}
.mantabhr-page .date-field{
	padding: 0;
	position: relative;
}
.mantabhr-page .date-field input{
	border: none;
	background: none;
	position: relative;
	z-index: 2;
}
.mantabhr-page .date-field b{
	display: block;
	position: absolute;
        width: 40px;
        height: 38px;
        background-color: #34495e;
        right: 0;
        top: 0;
        border-radius: 0 4px 4px 0;
}
.mantabhr-page .date-field b:after{
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        background-image: url(../img/calendar.svg);
        left: 13px;
        top: 10px;
}
.mantabhr-page .job-stat .filter{
        margin: 0 0 30px;
}
.mantabhr-page .job-stat .filter select{
        width: 40%;
        float: left;
}
.mantabhr-page .job-stat .filter .date-field{
        float: right;
        width: 40%;
}
.mantabhr-page .job-stat.fetching{
        position: relative;
}
.mantabhr-page .job-stat.fetching:after{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: rgba(255,255,255,.6);
        z-index: 99;
}
.mantabhr-page .subscription .stat span{
        display: inline-block;
        padding: 8px 15px;
        line-height: 100%;
        color: #fff;
        background: #e74c3c;
        border-radius: 4px;
}
.mantabhr-page .subscription .stat span + p{
        margin: 10px 0 0;
}
.mantabhr-page .subscription .stat span.premium{
        background: #f39c12;
}
.mantabhr-page .subscription .plan .rowflex{
        margin: 0 -10px;
}
.mantabhr-page .subscription .plan .item{
        flex: calc(33.3333333333333333% - 20px);
        max-width: calc(33.3333333333333333% - 20px);
        margin: 0 10px 20px;
        text-align: center;
}
.mantabhr-page .subscription .plan .item h3{
        font-size: 20px;
        margin: 0 0 15px;
        padding: 0;
}
.mantabhr-page .subscription .plan .item .pricing{
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 20px;
}
.mantabhr-page .subscription .plan .item .pricing *{
        background: none;
}
.mantabhr-page .subscription .plan .item .pricing  del{
        font-size: 16px;
        opacity: .5;
        display: block;
        margin: 0 0 5px;
        line-height: 100%;
}
.mantabhr-page .usr-quiz em{
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	position: relative;
	margin-right: 5px;
	top: -1px;
}
.mantabhr-page .lvl{
        margin: 0 0 20px;
}
.mantabhr-page .lvl p{
        font-weight: 600;
        margin: 0 0 5px;
        padding: 0;
        line-height: 100%;
}
.mantabhr-popup  .star-rate i,
.mantabhr-page .usr-lvl:after,
.mantabhr-page .lvl .star-rate i{
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        height: 25px;
        background-image: url(../img/star.svg);
}
.mantabhr-page .usr-lvl:after{
        width: 16px;
        height: 16px;
        position:relative;
        margin: 0 0 0 2px;
        top: -2px;
}
.mantabhr-page .user-lvl{
        margin: 15px 0 0;
}
.mantabhr-page .user-quiz h3,
.mantabhr-page .user-lvl h3{
        font-weight: 600;
        font-size: 20px;
        padding: 0;
        margin: 0 0 10px;
}
.mantabhr-page .user-lvl p{
        padding: 0;
        margin: 0 0 10px;
        line-height: 130%;
        font-size: 14px;
}
.mantabhr-page .user-lvl ul{
        list-style: disc;
        padding: 0 0 0 20px;
}
.mantabhr-page .user-lvl ul li{
        font-size: 14px;
        line-height: 180%;
}
.mantabhr-page .user-lvl ul li.completed{
        text-decoration: line-through;
        color:#27ae60;
}
.mantabhr-page .user-lvl ul li.completed a{
        color:#27ae60;
}
.mantabhr-page .user-lvl ul li a{
        text-decoration: underline;
}
#mantabhr-pop-job-seeker-notif{
        text-align: center;
        max-width: 530px;
        border-radius: 10px;
}
#mantabhr-pop-job-seeker-notif p{
        margin: 0;
}
#mantabhr-pop-job-seeker-notif h2{
        margin: 0 0 10px;
}
#mantabhr-pop-job-seeker-notif .star-rate{
        margin: 0 0 20px;
}
#mantabhr-pop-job-seeker-notif .star-rate i{
        width: 50px;
        height: 50px;
}
.mtbqz-panel{
	padding: 30px 30px 20px;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;
	margin: 30px 0 0;
}
.mtbqz-panel .result h2:after,
.mtbqz-panel .result h2:before{
	display: none;
}
.mtbqz-panel .result h2{
	font-size: 26px;
	padding: 0;
	margin: 0 0 20px;
}
.mtbqz-panel .result h2 b{
	color: #3498db;
}
.mtbqz-panel .result .ritem{
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #e1e1e1;
}
.mtbqz-panel .result .ritem:first-child{
	margin: 0;
	padding: 0;
	border: none
}
.mtbqz-panel p{
	margin: 0;
}
.mtbqz-panel .info{
	margin: 0 0 30px;
}
.mtbqz-panel .info .counter span{
	font-weight: 700;
}
.mtbqz-panel .info .bar{
	display: block;
	width: 100%;
	height: 5px;
	background: #e1e1e1;
	position: relative;
	margin: 15px 0 0;
}
.mtbqz-panel .info .bar span{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	background: #3498db;
	transition:width 0.3s ease;
}
.mtbqz-panel .quiz h3{
	margin: 0 0 20px;
	font-size: 20px;
	padding: 0;
	font-weight: 600;
}
.mtbqz-panel .qitem{
	display: none;
}
.mtbqz-panel .qitem.show{
	display: block;
}
.mtbqz-panel .qitem .answ{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.mtbqz-panel .answ label{
	cursor: pointer;
	-webkit-user-select: none; /* Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
	flex: 50%;
	max-width: 50%;
	padding: 0 20px 0 0;
	margin: 0 0 15px;
	font-size: 16px;
}
.mtbqz-panel .answ input{
	display: none;
}
.mtbqz-panel .answ span{
	display: block;
	position: relative;
	font-size: 16px;
	padding-left: 25px;
	line-height: 150%;
}
.mtbqz-panel .answ label:hover span{
	color: #3498db;
}
.mtbqz-panel .answ span:before{
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	border: 2px solid #696969;
	background: #3498db;
	content: '';
	box-shadow:inset 0px 0 0 10px #fff;
	border-radius: 50%;
	left: 0;
	top: 3px;
}
.mtbqz-panel .answ input:checked + span:before{
	box-shadow:inset 0px 0 0 4px #fff;
	border: 2px solid #3498db;
}
.mtbqz-panel form.fetching{
	position: relative;
}
.mtbqz-panel form.fetching:before{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(255,255,255,.7);
	left: 0;
	top: 0;
	z-index: 2;
}
.mtbqz-panel form.fetching:after{
	display: block;
	position: absolute;
	top: 40%;
	left: calc(50% - 15px);
	width: 50px;
	height: 50px;
	background: url(../img/btn-loading.svg) no-repeat;
	content: '';
	z-index: 3;
	transform: scale(3);	
	opacity: .7;
}
.mtbqz-panel .qitem  .nav{
	padding: 15px 0 0;
	border-top: 1px solid #e1e1e1;
}
.mtbqz-panel .qitem .nav a{
	float: right;
	font-size: 16px;
	text-decoration: none;
	transition:color 0.2s ease-in;
	color: #34495e;
	display: inline-block;
	vertical-align: middle;
}
.mtbqz-panel .qitem .nav span{
	font-size: 26px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	transition:color 0.2s ease-in;
	top: -5px;
	margin-left: 8px;
}
.mtbqz-panel .qitem .nav a.prv span{
	margin: 0 8px 0 0;
}
.mtbqz-panel .qitem .nav a:hover span,
.mtbqz-panel .qitem .nav a:hover{
	color: #3498db;
}
.mtbqz-panel .qitem a.prv{
	float: left;
}
.mtbqz-panel .qitem:not(.passed) a.nxt,
.mtbqz-panel .qitem:first-child a.prv{
	display: none;
}
.mantabhr-page .user-quiz{
	margin: 15px 0 0;
}
.mantabhr-page .user-quiz ul{
	padding: 0;
	margin: 0 0 20px;
}
.mantabhr-page .user-quiz li{
	display: block;
	margin: 10px 0 0;
	padding: 0;
}
.mantabhr-page .user-quiz li:first-child{
	margin: 0;
}
.mantabhr-page .user-quiz li figure{
	display: block;
	margin:  0 0 5px;
	padding: 0;
}
.mantabhr-page .user-quiz li figure > *{
	display: inline-block;
	vertical-align: middle;
}
.mantabhr-page .user-quiz li figure img{
	max-width: 20px;
	height: auto;
}
.mantabhr-page .user-quiz li figcaption{
	width: calc(100% - 30px);
	font-weight: 400;
	font-size: 15px;
	margin: 0;
}
.mantabhr-page .user-quiz li img + figcaption{
	padding-left: 5px;
}
.mantabhr-page .user-quiz li .bar{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.mantabhr-page .user-quiz li .bar b{
	font-size: 14px;
	font-weight: 700;
	flex: 26px;
	max-width: 26px;
}
.mantabhr-page .user-quiz li .bar span{
	flex: calc(100% - 35px);
	max-width: calc(100% - 35px);
	height: 5px;
	background: #e1e1e1;
	position: relative;
}
.mantabhr-page .user-quiz li .bar span i{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: #3498db;
}
.mantabhr-page span.usr-quiz ul.user-quiz:before{
	display: block;
	position: absolute;
	left: 0;
	top: -20px;
	height: 20px;
	width: 100%;
	content: '';
	background: red;
	opacity: 0;
}
.mantabhr-page span.usr-quiz ul.user-quiz{
	position: absolute;
	left: -20px;
	background: #fff;
	padding: 20px;
	display: block;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;
	width: 230px;
	transition:all 0.2s ease;
	opacity: 0;
	visibility: hidden;
	margin: 5px 0 0;
}
.mantabhr-page span.usr-quiz:hover ul.user-quiz{
	margin: 0;
	opacity: 1;
	visibility: visible;
}
.mantabhr-page .mtbhr-delete-account{
	float: right;
	color: #e74c3c;
	font-size: 12px;
	position: relative;
	top: 5px;
}
.mantabhr-page .mtbhr-delete-account:hover{
	text-decoration: underline;
}
.mantabhr-page .cv-message .tab-head{
	border-bottom: 1px solid rgb(215,216,219);
	margin: 0 0 20px;
	padding: 0 0 0 20px;
}
.mantabhr-page .cv-message .tab-head a{
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #fff;
	border-bottom: 1px solid rgb(215,216,219);
	padding: 8px 15px 10px;
	margin: 0 10px 0 0;
	position: relative;
	bottom: -1px;
	font-size: 14px;
}
.mantabhr-page .cv-message .tab-head a b{
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	background: #e74c3c;
	border-radius: 50%;
	color: #fff;
	font-size: 10px;
	font-weight: 400;
	margin-left: 10px;
	position: relative;
	top: -1px;
}
.mantabhr-page .cv-message .tab-head a.current{
	border:1px solid rgb(215,216,219);
	border-bottom: 1px solid #fff;
	font-weight: 700;
}
.mantabhr-page .cv-message table th{
	text-align: left;
	border: 1px solid #ddd;
}
.mantabhr-page .cv-message table th,
.mantabhr-page .cv-message table td{
	padding: 10px 15px;
}
.mantabhr-page .cv-message table th:last-child,
.mantabhr-page .cv-message table td:last-child{
	text-align: center;
}
.mantabhr-page .cv-message table a.cvr-bg{
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	border-radius: 2px;
}
.mantabhr-page .cv-message table a.cvr-bg.ac{
	background-color: #3498db;
	background-image: url(../img/accept.png);
}
.mantabhr-page .cv-message table a.cvr-bg.rj{
	background-color: #f39c12;
	background-image: url(../img/reject.png);
}
.mantabhr-page .cv-message table a.cvr-bg.cr{
	background-color: #e74c3c;
	background-image: url(../img/remove.png);
}
#popwheel{
	padding: 50px 0 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: rgba(255,255,255,.85);
}
#popwheel .cls{
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: : 20px;
	z-index: 99;
}
.mantabhr-page .mtbhr-flex .job-list-related{
	flex: 25%;
	max-width: 25%;
}
.mantabhr-page .mtbhr-flex .job-list-related > *:not(:first-child){
	margin: 20px 0 0;
}
.mantabhr-page .mtbhr-flex .job-list-detail{
	flex: calc(75% - 20px);
	max-width: calc(75% - 20px);
	border-radius: 8px;
}
.mantabhr-page .inner-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.mantabhr-page .inner-wrap .skill-wrap{
	flex: 30%;
	max-width: 30%;
}
.mantabhr-page .inner-wrap .caps{
	flex: calc(70% - 30px);
	max-width: calc(70% - 30px);
}
.mantabhr-page .skill-wrap .item{
	margin: 0 0 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
}
.mantabhr-page .skill-wrap .item *{
	margin: 0;
	padding: 0;
	list-style: none;
}
.mantabhr-page .skill-wrap .item h6{
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 10px;
}
.mantabhr-page .skill-wrap .item li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 5px 0;
	background: #ecf0f1;
	padding: 8px 10px;
	line-height: 100%;
	font-size: 12px;
	border-radius: 3px
}
/** WHEEL **/
.deal-wheel {
	/**--size: clamp(250px, 80vmin, 700px);**/
	--size: clamp(100px, 500px, 500px);
	--lg-hs: 0 3%;
	--lg-stop: 50%;
	--lg: linear-gradient(
	    hsl(var(--lg-hs) 0%) 0 var(--lg-stop),
	    hsl(var(--lg-hs) 20%) var(--lg-stop) 100%
	  );
	
	position: relative;
	display: grid;
	grid-gap: calc(var(--size) / 20);
	align-items: center;
	grid-template-areas:
	  "spinner"
	  "trigger";
	font-size: calc(var(--size) / 21);
	line-height: 1;
	text-transform: lowercase;
	max-width: 500px;
}

.deal-wheel > * {
  grid-area: spinner;
}

.deal-wheel .btn-spin {
  grid-area: trigger;
  justify-self: center;
}

.deal-wheel .spinner {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-areas: "spinner";
  width: var(--size);
  height: var(--size);
  transform: rotate(calc(var(--rotate, 25) * 1deg));
  border-radius: 50%;
  box-shadow: inset 0 0 0 calc(var(--size) / 40) hsl(0deg 0% 0% / 0.06);
}

.deal-wheel .spinner * {
  grid-area: spinner;
}

.deal-wheel .prize {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 calc(var(--size) / 6) 0 calc(var(--size) / 20);
  width: 50%;
  height: 50%;
  transform-origin: center right;
  transform: rotate(var(--rotate));
  user-select: none;
  left: -19px;
}

.deal-wheel .cap {
  --cap-size: calc(var(--size) / 4);
  position: relative;
  justify-self: center;
  width: var(--cap-size);
  height: var(--cap-size);
}

/* Hide select dropdown from SVG import file */
.deal-wheel .cap select {
  display: none;
}

.deal-wheel .cap svg {
  width: 100%;
}

.deal-wheel .ticker {
  position: relative;
  left: calc(var(--size) / -15);
  width: calc(var(--size) / 10);
  height: calc(var(--size) / 20);
  background: var(--lg);
  z-index: 1;
  clip-path: polygon(20% 0, 100% 50%, 20% 100%, 0% 50%);
  transform-origin: center left;
}

/* Spinning animation */
.deal-wheel.is-spinning .spinner {
  transition: transform 8s cubic-bezier(0.1, -0.01, 0, 1);
}

.deal-wheel.is-spinning .ticker {
  animation: tick 700ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes tick {
  40% {
    transform: rotate(-12deg);
  }
}

/* Selected prize animation */
.prize.selected .text {
  color: white;
  animation: selected 800ms ease;
}

@keyframes selected {
  25% {
    transform: scale(1.25);
    text-shadow: 1vmin 1vmin 0 hsla(0 0% 0% / 0.1);
  }
  40% {
    transform: scale(0.92);
    text-shadow: 0 0 0 hsla(0 0% 0% / 0.2);
  }
  60% {
    transform: scale(1.02);
    text-shadow: 0.5vmin 0.5vmin 0 hsla(0 0% 0% / 0.1);
  }
  75% {
    transform: scale(0.98);
  }
  85% {
    transform: scale(1);
  }
}
.deal-wheel .result{
	position: absolute;
	z-index: 99;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	padding: 30px;
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	text-align: center;
	line-height: 160%;
	font-style: italic;
	margin: 30px 0 0;
	opacity: 0;
	visibility: hidden;
}
.deal-wheel .result.show{
	transition:all 0.5s ease;
	margin: 0;
	opacity: 1;
	visibility: visible;
}
.fancybox-container{
	z-index: 999999999999;
}
.mantabhr-page .mtbhr-btn-save-seeker{
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	text-decoration: none !important;
}
.mantabhr-page .mtbhr-btn-save-seeker.saved{
	background: #e74c3c;
}
.tbl-wrap table{
	width: 100%;
}
.tbl-wrap table thead td{
	width: 12.5%;
	opacity: 0;
	visibility: hidden;
	padding: 0;
	height: 0;
	border: none;
	border-block-start: none !important;
	line-height: 0;
}
.tbl-wrap.tbl-center tr td{
	text-align: center;
}
.inlined-elem{
	display: flex;
	align-items: center;
}
.inlined-elem > *{
	flex: 1;
}
.inlined-elem > span{
	text-align: center;
}
.inlined-elem > b{
	max-width: 10px;
}
.sign-wrap{
	position: relative;
	background: #ddd;
	padding: 20px 0;
}
.sign-wrap a.mtbhr-btn{
	position: absolute;
	right: 10px;
	top: 10px;
	background: red;
	z-index: 999;
}
#signaturePadContainer {
	border: 1px solid #3498db;
	background-color: #fff;
	border-radius: 4px;
	width: 400px;
	margin: 0 auto;
}
#signatureCanvas {
	cursor: crosshair;
	display: block; /* Removes extra space below canvas */
}
.sign-wrap img + #signatureCanvas{
	display: none;
}
.sign-wrap img{
	display: block;
	width: 100%;
}
.sign-wrap textarea{
	display: none !important;
}
@media (max-width: 991px) {
        .company-list-wrap .company-item,
        .job-list-wrap.trio .job-list-item {
                flex: calc(50% - 20px);
                max-width: calc(50% - 20px);
        }
	.mantabhr-page .inner-wrap .skill-wrap,
	.mantabhr-page .inner-wrap .caps,
	.mantabhr-page .mtbhr-flex .job-list-related ,
	.mantabhr-page .mtbhr-flex .job-list-detail,
        .mantabhr-page article.main,
        .mantabhr-page aside.sidebar{
                flex: 100%;
                max-width: 100%;
        }
	.mantabhr-page .inner-wrap .caps,
        .mantabhr-page aside.sidebar{
                margin: 0 0 30px;
        }
	.mantabhr-page .mtbhr-flex .job-list-detail{
		margin: 0 0 20px;
		order: 1;
	}
	.mantabhr-page .mtbhr-flex .job-list-related {
		order: 2;
	}
}
@media (max-width: 768px) {
        .job-list-item .act{
                position: relative;
                left: auto;
                bottom: auto;
                width: 100%;
        }
        .admin-employer-item .act p, .admin-job-item .act p, .job-seeker-item .act p{
                top: auto;
                margin: 0 0 10px;
        }
        .job-seeker-detail .act > .mtbhr-btn,
        .mantabhr-page .util .filter > *{
                display: block;
        }
        .mantabhr-page .form-basic .gap > .void{
                display: none;
        }
        .mantabhr-page .job-stat .filter .date-field,
        .mantabhr-page .job-stat .filter select,
        .job-seeker-detail .act > .mtbhr-btn,
        .admin-employer-item .act p, .admin-job-item .act p, .job-seeker-item .act p,
        .mantabhr-page .util > .mtbhr-btn,
        .job-list-detail .act .mtbhr-btn,
        .job-list-detail .act h2,
        .admin-employer-item .act .mtbhr-btn,
        .admin-job-item .act .mtbhr-btn,
        .company-item .mtbhr-btn,
        .job-list-item .act .mtbhr-btn,
        .job-seeker-item .act .mtbhr-btn,
        .job-list-item .act .meta.mbot,
        .mantabhr-page .util .filter,
        .mantabhr-page .util .sch{
                float: none;
        }
        .mantabhr-page .job-stat .filter .date-field,
        .mantabhr-page .job-stat .filter select,
        .job-seeker-detail .act > .mtbhr-btn,
        .admin-employer-item .act p, .admin-job-item .act p, .job-seeker-item .act p,
        .mantabhr-page .util > .mtbhr-btn,
        .job-list-item .act .meta.mbot,
        .mantabhr-page .util .filterby span,
        .mantabhr-page .util .filter > *,
        .mantabhr-page .util .filter,
        .mantabhr-page .util .sch{
                width: 100%;
        }
        .mantabhr-page .dash .stat .item,
        .mtbhr-admin-item .admin-employer-item, .mtbhr-admin-item .job-seeker-item, .mtbhr-admin-item .admin-job-item,
        .mantabhr-page .form-basic .gap > *,
        .mantabhr-page .subscription .plan .item,
       .job-list-wrap .job-list-item,
       .job-seeker-wrap .job-seeker-item,
        .company-list-wrap .company-item,
        .job-list-wrap.trio .job-list-item {
		flex: 100%;
		max-width: 100%;
	}
        
        .mtbhr-admin-item .admin-employer-item, .mtbhr-admin-item .job-seeker-item, .mtbhr-admin-item .admin-job-item,
        .mantabhr-page .subscription .plan .item,
        .job-list-wrap .job-list-item,
        .job-seeker-wrap .job-seeker-item,
         .company-list-wrap .company-item,
        .job-list-wrap.trio .job-list-item {
                margin: 0 0 30px;
        }
        .job-list-item .act .meta.mbot{
                margin: 0 0 20px;
        }
        .mantabhr-page .dash .stat .item,
        .job-list-detail .act h2{
                margin: 0 0 10px;
        }
        .mantabhr-page .form-basic .gap > *:not(:first-child){
                margin: 25px 0 0;
        }
        .mantabhr-page .job-stat .filter .date-field,
        .job-seeker-detail .act > .mtbhr-btn,
        .mantabhr-page .util > .mtbhr-btn,
        .mantabhr-page .util .filter > *{
                margin: 10px 0 0;
        }
        .mtbhr-admin-item .rowflex,
        .mantabhr-page .subscription .plan .rowflex,
        .company-list-wrap,
        .job-list-wrap,
        .job-seeker-wrap{
                margin: 0;
        }
        .job-list-item{
                padding-bottom: 12px;
        }
	.mantabhr-page .elementor-shortcode{
		padding-left: 20px;
		padding-right: 20px;
	}
	.mantabhr-page .gap + h2.panel-title{
		margin: 30px 0 0;
	}
	.mtbqz-panel .answ label{
		flex: 100%;
		max-width: 100%;
	}
	.mtbqz-panel {
		padding: 20px;
	}
	
	
	.mantabhr-page .cv-message .tab-head{
		padding: 0;
	}
	.mantabhr-page .cv-message .tab-head a{
		margin: 0 5px 0 0;
		padding: 0 10px;
	}
	.mantabhr-page .cv-message .tab-head a:last-child{
		margin-right: 0;
	}
}