@charset "utf-8";
/* 
  	Theme Name: OutsourcingStaff.ph.
  	Author: OutsourcingStaff.ph
  	Author URI: OutsourcingStaff.ph
  	Description: Custom theme for OutsourcingStaff.ph.
*/

@font-face {
    font-family: 'autograf_personal_use_onlyRg';
    src: url('fonts/autograf_personaluseonly-webfont.woff2') format('woff2'),
         url('fonts/autograf_personaluseonly-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue-regular-webfont.woff2') format('woff2'),
         url('fonts/bebasneue-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: /*url('fonts/Poppins-Thin.otf') format('opentype'), 
        url('fonts/Poppins-Thin.eot') format('embedded-opentype'),
        url('fonts/Poppins-Thin.ttf') format('truetype'),*/
        url('fonts/poppins-thin-webfont.woff2') format('woff2'),
        url('fonts/poppins-thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: /*url('fonts/Poppins-ExtraLight.otf') format('opentype'), 
        url('fonts/Poppins-ExtraLight.eot') format('embedded-opentype'),
        url('fonts/Poppins-ExtraLight.ttf') format('truetype'),*/
        url('fonts/poppins-extralight-webfont.woff2') format('woff2'),
        url('fonts/poppins-extralight-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: /*url('fonts/Poppins-Light.otf') format('opentype'), 
        url('fonts/Poppins-Light.eot') format('embedded-opentype'),
        url('fonts/Poppins-Light.ttf') format('truetype'),*/
        url('fonts/poppins-light-webfont.woff2') format('woff2'),
        url('fonts/poppins-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: /* url('fonts/Poppins-Regular.otf') format('opentype'),
        url('fonts/Poppins-Regular.eot') format('embedded-opentype'),
        url('fonts/Poppins-Regular.ttf') format('truetype'),*/
        url('fonts/poppins-regular-webfont.woff2') format('woff2'),
        url('fonts/poppins-regular-webfont.woff') format('woff');        
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: /*url('fonts/Poppins-Medium.otf') format('opentype'), 
        url('fonts/Poppins-Medium.eot') format('embedded-opentype'),
        url('fonts/Poppins-Medium.ttf') format('truetype'),*/
        url('fonts/poppins-medium-webfont.woff2') format('woff2'),
        url('fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: /*url('fonts/Poppins-SemiBold.otf') format('opentype'),
        url('fonts/Poppins-SemiBold.eot') format('embedded-opentype'),
        url('fonts/Poppins-SemiBold.ttf') format('truetype'),*/
        url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
        url('fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: /*url('fonts/Poppins-Bold.otf') format('opentype'), 
        url('fonts/Poppins-Bold.eot') format('embedded-opentype'),
        url('fonts/Poppins-Bold.ttf') format('truetype'),*/
        url('fonts/poppins-bold-webfont.woff2') format('woff2'),
        url('fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: /*url('fonts/Poppins-ExtraBold.otf') format('opentype'), 
        url('fonts/Poppins-ExtraBold.eot') format('embedded-opentype'),
        url('fonts/Poppins-ExtraBold.ttf') format('truetype'),*/
        url('fonts/poppins-extrabold-webfont.woff2') format('woff2'),
        url('fonts/poppins-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: /*url('fonts/Poppins-Black.otf') format('opentype'), 
        url('fonts/Poppins-Black.eot') format('embedded-opentype'),
        url('fonts/Poppins-Black.ttf') format('truetype'),*/
        url('fonts/poppins-black-webfont.woff2') format('woff2'),
        url('fonts/poppins-black-webfont.woff') format('woff');        
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'babylonicaregular';
    src: url('fonts/babylonica-regular-webfont.woff2') format('woff2'),
        url('fonts/babylonica-regular-webfont.woff') format('woff');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: /*url('fonts/Roboto-Thin.otf') format('opentype'), 
        url('fonts/Roboto-Thin.eot') format('embedded-opentype'),
        url('fonts/Roboto-Thin.ttf') format('truetype'),*/
        url('fonts/roboto-thin-webfont.woff2') format('woff2'),
        url('fonts/roboto-thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: /*url('fonts/Roboto-Light.otf') format('opentype'), 
        url('fonts/Roboto-Light.eot') format('embedded-opentype'),
        url('fonts/Roboto-Light.ttf') format('truetype'),*/
        url('fonts/roboto-light-webfont.woff2') format('woff2'),
        url('fonts/roboto-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: /* url('fonts/Roboto-Regular.otf') format('opentype'),
        url('fonts/Roboto-Regular.eot') format('embedded-opentype'),
        url('fonts/Roboto-Regular.ttf') format('truetype') */
        url('fonts/roboto-regular-webfont.woff2') format('woff2'),
        url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: /*url('fonts/Roboto-Medium.otf') format('opentype'), 
        url('fonts/Roboto-Medium.eot') format('embedded-opentype'),
        url('fonts/Roboto-Medium.ttf') format('truetype'),*/
        url('fonts/roboto-medium-webfont.woff2') format('woff2'),
        url('fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: /*url('fonts/Roboto-Bold.otf') format('opentype'), 
        url('fonts/Roboto-Bold.eot') format('embedded-opentype'),
        url('fonts/Roboto-Bold.ttf') format('truetype'),*/
        url('fonts/roboto-bold-webfont.woff2') format('woff2'),
        url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: /*url('fonts/Roboto-Light.otf') format('opentype'), 
        url('fonts/Roboto-Light.eot') format('embedded-opentype'),
        url('fonts/Roboto-Black.ttf') format('truetype'),*/
        url('fonts/roboto-black-webfont.woff2') format('woff2'),
        url('fonts/roboto-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body, html {
    /*height: 100%;
    transition-duration: 1s;
        transition: transform 1.5s;
    transform-style: preserve-3d;*/
    margin: 0;
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}
* {
    box-sizing: border-box;
}
*,
::before,
::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*-webkit-transition: all 0.5s ease-in-out;*/
    box-sizing: border-box;
    /*transition: all 0.5s ease-in-out;*/
}
a {
    text-decoration: none !important;
    color: #0027c4;
}
b, strong {
    font-weight: 500;
}
p {
    margin-bottom: 20px;
}
h1 {
    font-family: 'bebas_neueregular', sans-serif;
}
h2, h3, h4, h5, h6, p {
    font-family: 'Poppins', sans-serif;
}
img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
img.grayscale {
    filter: grayscale(100%);
    opacity: 0.6;
}
.small, small {
    font-weight: 400;
}
.p-t {
    padding-top: 50px;
}
.p-t20 {
    padding-top: 20px;
}
.text_center {
    text-align: center;
}
.text_right {
    text-align: right;
}
.text_left {
    text-align: left;
}
.text-transform {
    text-transform: uppercase;
}
.container {
    max-width: 1500px;
}
.container_small {
    max-width: 900px;
    margin: auto;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.container_wide {
    position: relative;
    max-width: 1200px;
    margin: auto;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.section {
    padding: 50px 0;
}
.row_wrap {
    display: flex;
    display: -ms-flex;
    flex-direction: row;
    overflow: hidden;
    vertical-align: middle;
    align-items: center;
}
.gradient_bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.section_bg_1 {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/section-image1.jpg);
}
.section_bg_2 {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/section-image2.jpg);
}
.text_white {
    color: #ffffff;
}
.text_blue {
    color: #112373;
}
.text_yellow {
    color: #ffbc00;
}
.text_red {
    color: #e50a0a;
}
.bg_white {
    background-color: #ffffff;
}
.bg_red {
    background-color: #ff0000;
}
.bg_blue {
    background-color: #112473;
}
.bg_gold {
    background-color: #eab32a;
}
.bg_gray {
    background-color: #f7f7f7;
}
.gray-bg {
    background-color: #f2f2f4;
}
.bg_gray .table thead tr, .bg_gray .table thead th {
    background: #c3c5ca;
}
/*.bg_gray table.dataTable tbody tr:nth-child(even) {
    background-color: #ffffff !important;
}*/
table {
    width: 100%;
}
small.required-notice {
    position: absolute;
    right: 8px;
    top: 5px;
}
.section_title {
    line-height: 3rem;
    font-weight: 600;
}
.btn_wrap {
    display: inline-block;
    padding: 5px 30px;
    border-radius: 25px;
    font-weight: 600;
    text-decoration: none;
    margin: 5px;
    font-family: 'Poppins', sans-serif;
}
.btn_wrap:hover {
    text-decoration: none;
}
.btn_oj1 {
    background-color: #e50a0a;
    color: #ffffff;
}
.btn_oj1:hover, .ojph_btn:hover {
    background-color: #ff0000;
    color: #ffffff;
}
.btn_oj2 {
    background-color: #112373;
    color: #ffffff;
}
.btn_oj2:hover {
    background-color: #0027c4;
    color: #ffffff;
}
.btn_oj2_pause {
    background-color: #fa0000;
    color: #ffffff;
}
.btn_oj2_pause:hover {
    background-color: #fa0000;
    color: #ffffff;
}
.btn_oj2_play {
    background-color: #008d1c;
    color: #ffffff;
}
.btn_oj2_play:hover {
    background-color: #008d1c;
    color: #ffffff;
}
.btn_oj3 {
    background-color: transparent;
    color: #112373;
    border: 2px solid #112373;
}
.btn_oj3:hover {
    background-color: #112373;
    color: #ffffff;
    border: 2px solid #112373;
}
.ojph_btn {
    background-color: #e50a0a;
    font-size: 20px;
    border: 2px solid;
    color: #ffffff;
}
.btn_sm {
    padding: 0px 10px;
    border-radius: 20px;
    display: inline-block;
    text-transform: uppercase;
}
.no_border {
    border: unset !important;
}

/*  ---HEADER--- */
#header {
    margin-bottom: -109px;
}
#header .navbar-nav{
    color: #ffffff;
    background-color: #00000073;
    padding: 0 20px;
    border-radius: 30px;
    display: block;
}
#header .navbar-nav .nav-item {
    display: inline-block
}
#header .navbar-nav .nav-link {
    color: #ffffff;
    padding: 5px 10px 5px 5px;
}
#header .navbar-light .navbar-toggler-icon {
    background-image: url(../images/icon-menu.png);
    width: 30px;
    height: 30px;
}
.navbar {
    padding: 30px 10px;
    border-bottom: 2px solid #d6d6d6;
}
.navbar-light .navbar-nav .nav-link {
    color: #000000;
    font-weight: 600;
    text-transform: capitalize;
}
.navbar-brand img {
    width: 350px;
}
.navbar-toggler {
    padding: 0;
}
.navbar-light .navbar-toggler {
    color: rgb(0 0 0);
    border-color: transparent;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 16px;
}
.nav-link img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #888888;
    box-shadow: 0px 1px 5px #888888;
}
.navbar-toggler {
    padding: 0;
}
#header .navbar {
    border-bottom: unset;
}
.navbar-nav-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.navbar-nav-menu .nav-item {
    display: inline-block;
}
.navbar-nav-menu .nav-item .nav-link {
    color: #000000;
    font-weight: 600;
    padding: 5px 12px 5px 5px;
}
.navbar-nav-menu .nav-item .nav-link:hover,
.navbar-light .navbar-toggler:hover {
    opacity: .5;
}
.header-menu .mob_link .btn_wrap {
    color: #ffffff;
    margin: 5px 0;
}
.head-menu {
    display: block;
}
.head-item {
    display: inline-block;
    width: 288px;
    max-width: 100%;
    vertical-align: top;
    padding: 20px;
}
.head-item span {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 20px;
    color: #112373;
    display: block;
}
.head-item ul {
    margin: auto;
    padding: 0;
    list-style-type: none;
}
.head-item ul li a {
    font-size: 13px;
    color: #000000;
    font-weight: 300;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.head-item ul li:hover a, .head-item ul li.active a {
    color: #112373;
    font-weight: 600;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.head-item ul li .btn_wrap {
    margin: 5px 0;
    padding: 2px 15px;
}
.head-item ul li .btn_wrap:hover {
    color: #ffffff;
    border-color: #112373;
}
#header .menu-bar {
    display: inline-block !important;
}
#header .head-item {
    width: 280px;
}
#header .head-item .menunav-link {
    display: none;
}
#header .navbar-brand {
    width: 50%;
}
.dropdown-menu {
    left: unset;
    right: 0;
    padding: 0;
    background-color: unset;
    border: unset;
    min-width: 12rem;
    margin-top: 35px;
}
.open .dropdown-menu, .dropdown-menu.show, .collapse.in {
    display: block;
}
#header .dropdown-menu {
    margin-top: 5px !important;
}
.nav-link.dropdown-toggle {
    padding: 0;
    margin-left: 10px;
    transition: .5s;
}
.dropdown-toggle::after {
    content: '\2630';
    border: unset;
    margin: auto;
    vertical-align: middle;
    font-size: 25px;
}
.dropdown-item {
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    padding: 12px 16px;
    margin: 5px 0;
    font-size: 14px;
    font-weight: 500;
    transition: .5s;
}
.dropdown-item:hover {
    background-color: #32bea6;
    color: #ffffff;
    transition: .5s;
}
.navbar-nav .dropdown.show .nav-link,
.navbar-nav .dropdown .nav-link:hover {
    color: #32bea6 !important;
    transition: .5s;
}
.mob_link {
    display: none !important;
}
#header .de_link {
    display: none;
}
#header .mob_link a {
    color: #ffffff;
}
.text-muted {
    font-size: 12px !important;
}
.view-speed-test {
    font-size: 13px;
    font-weight: 500;
    color: #112373;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #f5f5f5;
    padding: 2px 5px;
}
.account-nav {
    position: relative;
    display: inline-block;
    background-color: #eeeeee;
    padding: 5px 15px 5px 5px;
    border-radius: 20px;
}
.account-nav span {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-left: 5px;
    text-transform: uppercase;
}
#btn-top {
    display: inline-block;
    background-color: #112373;
    color: #ffffff;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, 
        opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    line-height: 50px;
}
#btn-top:hover {
    cursor: pointer;
    background-color: #ffffff;
    color: #112373;
}
#btn-top:active {
    background-color: #555;
}
#btn-top.show {
    opacity: 1;
    visibility: visible;
}

/*  ---BODY--- */
.box-container {
    display: block;
    padding: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    margin: 15px 0;
    box-shadow: 0 0 5px #dfdfdf;
    background-color: #ffffff;
}
.acct-image {
    background-image: linear-gradient(#001050, #001050a1), url(../images/background/slider-profile2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    padding: 34px 20px;
}
.employer-dashboard .acct-image {
    margin-top: 0;
}
._dp {
    width: 150px;
    height: 150px;
    border: 2px solid #ffffff;
    object-fit: cover;
    border-radius: 50%;
    background-color: #eeeeee;
}
.acct-web {
    position: relative;
    display: inline-block;
    margin: 10px 0 5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #ffffff;
    background-color: #000f4a38;
    padding: 2px 15px;
    font-size: 12px;
    border-radius: 3px;
    color: #ffffff;
}
.upgrade-acct {
    width: 23px;
    border: 1px solid #17b8a2;
    margin: 0;
    padding: 2px 0px 0;
    border-radius: 3px;
    background-color: #f2f2f2;
    display: inline-block;
    line-height: 1;
    height: 23px;
}
.upgrade-acct:hover {
    border-color: #ffffff;
    background-color: #000f4b;
}
.upgrade-acct img {
    margin: auto;
    width: 10px;
}
.acct-web img {
    width: 200px;
    display: block;
    margin: 15px auto;
}
.acct-web a {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    margin-top: 15px;
    display: block;
}
/*.fa-star {
    color: #ffc107;
}*/
._dashnav {
    padding-left: 0;
    list-style: none;
    margin: 5px 0;
}
._dashnav li {
    padding: 6px 10px;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 600;
}
._dashnav li a {
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    font-size: 14px;
    padding: 5px 10px;
}
._dashnav li a:hover, ._dashnav li a i:hover {
    color: #112373;
}
._dashnav li a i {
    color: #000000;
}
._dashnav li .fa-chevron-left {
    font-size: 10px;
    line-height: 22px;
}
.acct-name {
    position: relative;
    display: block;
}
.acct-name h3 {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0;
}
.acct-name ._address {
    position: absolute;
    right: 0;
    top: 14px;
    font-size: 12px;
    font-weight: 400;
}
._address i {
    color: #17b8a2;
}
.emp-menu {
    font-size: 14px !important;
    padding: 10px 0 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.direct-nav {
    padding-left: 0;
    list-style: none;
    margin: 5px 0;
}
.direct-nav li a {
    display: block;
    padding: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #000000;
    transition: 0.8s;
}
.direct-nav li a:hover {
    background-color: #f2f2f2;
    font-weight: 500;
}
.direct-nav li a i {
    font-size: 14px;
    color: #000000;
    margin-right: 5px;
    width: 18px;
}
.direct-nav li a i.fa-circle {
    margin: 0;
}
.direct-nav li a .fa-chevron-left {
    font-size: 8px;
    line-height: 22px;
    margin: unset;
    width: unset;
}
.job-title {
    font-size: 14px;
    font-weight: 600;
    margin: 5px auto;
    padding-right: 20px;
}
.job-post-group {
    padding: 5px 5px 5px 20px;
}
.job-post-group {
    padding: 5px 5px 5px 20px;
}
.job-post-group .btn_sm {
    font-size: 10px;
    letter-spacing: 1px;
    padding: 2px 10px;
}
.job-post-group .btn_sm a {
    color: #ffffff;
}
.applicant-info {
    padding: 5px 80px 5px 15px;
    border-radius: 30px;
    border: 1px solid #e1e1e1;
    font-size: 13px;
    margin-right: 40px;
    position: relative;
}
.applicant-info .btn-info, .applicant-info .btn-warning {
    position: absolute;
    right: 5px;
    top: 4px;
}
.job-post-group .btn_wrap {
    padding: 2px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.job-post-group .detail_group {
    position: relative;
}
.action-btn {
    position: absolute;
    right: 0;
    top: 8px;
}
.action-btn .icon_sm {
    font-size: 13px;
}
.action-btn .icon_sm:hover .fa-pen {
    color: #0027c4;
}
.action-btn .icon_sm:hover .fa-trash-alt {
    color: #ff0000;
}
.emp-view-job-title {
    background-image: linear-gradient(#00125fc9, #00020d57), url(../images/background/slider-profile.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    /*text-align: center;*/
    padding: 20px 0 !important;
    overflow: hidden;
    color: #ffffff;
    min-height: unset !important;
}
.emp-view-job-title h2 {
    padding: 0 0 10px;
    margin: auto;
    text-transform: capitalize;
}
.emp-view-job-title .text-warning, .emp-view-job-title .text-warning:hover {
    color: #ffbc00 !important;
    border-color: #ffbc00;
    background-color: transparent;
}
.emp-view-job-title .text-warning i, .emp-view-job-title .text-warning:hover i {
    color: #ffbc00;
}
.emp-view-job-title .text-success, .emp-view-job-title .text-success:hover {
    color: #32bea6 !important;
    border-color: #32bea6;
    background-color: transparent;
}
.emp-view-job-title .text-success i, .emp-view-job-title .text-success:hover i {
    color: #32bea6;
}
.job-btn {
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 15px;
    margin: 0;
    font-weight: 600;
    color: #ffffff;
    border: 2px solid;
    margin-right: 5px;
    display: inline-block;
}
.job-btn:hover {
    color: #17b8a2;
}
.job-overview-btn .btn-info {
    display: inline-block;
    padding: 7px 20px 5px 50px;
    background-color: #ffbc00;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    border-radius: 20px;
    position: relative;
}
.job-overview-btn .btn-info:hover {
    background-color: #32bea6;
    color: #ffffff;
}
.job-overview-btn .btn-info i {
    position: absolute;
    left: -2px;
    padding: 8px 9px;
    top: -5px;
    background-color: #112373;
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 25px;
    border: 2px solid #ffffff;
    box-shadow: 2px 2px 10px #00000063;
    color: #ffbc00;
}
.job-overview-btn .job-btn.booked-job {
    display: inline-block;
    padding: 7px 20px 5px 50px;
    background-color: #112373;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    border-radius: 20px;
    position: relative;
}
.job-overview-btn .job-btn.booked-job i {
    position: absolute;
    left: 0;
    padding: 9px 12px;
    top: -5px;
    background-color: #e50a0a;
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 25px;
    border: 2px solid #ffffff;
    box-shadow: 2px 2px 10px #00000063;
}
.job-btn.applied-job {
    pointer-events: none;
    color: #17b8a2;
}
.hired-worker .img_sm {
    position: absolute;
    border: 2px solid #000000;
    top: 0;
    background-color: #cacaca;
    z-index: 9;
}
.hired-worker .applicant-info {
    margin-left: 50px;
}
.content-wrap {
    padding: 50px 0;
}
.emp-view-job-details {
    display: flex;
    margin: 80px 0 0;
}
.skill-summary span {
    display: inline-block;
    background-color: #f2f2f2;
    padding: 2px 5px;
    margin: 2px 1px;
    font-size: 12px;
}
.job-image {
    
}
.job-image img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
    background-color: #112373;
    margin-right: 10px;
    /* margin-bottom: 20px; */
    /* border: 2px solid #d9d9d9; */
    /* box-shadow: 0px 2px 8px #e1e1e1; */
}
.job-details {
    width: 80%;
    max-width: 100%;
    display: inline-block;
    padding: 20px 30px;
    background-color: #fafafa;
}
.job-details .job_title i, .btn_oj4:hover i {
    color: #272373;
}
.job-details .job_title a:hover i, .btn_oj4 i {
    color: #ffffff;
}
.total-number {
    display: block;
    text-align: right;
}
.total-number span {
    display: inline-block;
    background-color: gray;
    padding: 2px 15px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    color: #f2f2f2;
    border-radius: 3px;
}
.btn_oj4 {
    background-color: transparent;
    color: #f9f9f9;
    border: 2px solid;
}
.btn_oj4:hover {
    background-color: #f9f9f9;
    color: #272373;
}
.item_container .info_text {
    font-size: 14px;
}
.notes {
    text-align: center;
}
.notes .alert-info {
    background-color: #e4e4e4;
    color: #02091d;
    padding: 20px 30px;
    text-align: center;
    width: unset;
    display: inline-block;
    border: 2px solid #362f29;
    font-weight: 600;
    margin-bottom: 30px;
}
.notes .alert-info i {
    color: #17b8a2;
}
.alert-box {
    width: 100%;
    max-width: 100%;
    margin: 10px auto 30px;
    padding: 30px 20px 20px;
    background-color: #f7f7f7;
    border-radius: 3px;
}
.alert-box h3 {
    font-size: 19px;
    font-weight: 600;
    color: #112373;
}
.alert-box p {
    display: block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 500;
    margin: 10px auto;
}
.alert {
    font-size: 13px;
    padding: 5px 10px;
    text-align: center;
}
.alert-info {
    color: #000000;
    background-color: #fff4d5;
    padding: 15px 20px;
    border: 1px solid #cacaca;
    margin-bottom: 20px;
    border-radius: 0 5px 5px 0;
    box-shadow: 0px 2px 8px #e7e7e7;
    border-left: 5px solid #ffbc00;
    text-align: left;
    font-size: 14px;
}
.alert-danger {
    color: #ffffff;
    background-color: #ce2626;
    border-color: #ce2626;
}
.alert-danger a {
    color: #ffbc00;
    font-weight: 600;
}
.alert-danger a:hover {
    color: #ffffff;
}
.stepy-header li:hover[title] {
    opacity:0; /* both work, take what you prefer */
    display:none;
}
/*.jobs-table .btn-remark {
    text-align: center;
}*/
.filter-status {
    display: inline-block;
}
.jobs-table .btn-remark .btn_wrap {
    font-size: 12px !important;
}
.applicant-row {
    display: block;
    background-color: #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.applicant-row div {
    vertical-align: middle;
}
.check-info h3 {
    margin: 0;
    padding-bottom: 8px;
}
.check-info h3 a {
    color: #112373;
    font-size: 16px;
}
.applicant-img, .check-info {
    display: inline-block;
}
.applicant-img {
    margin-right: 10px;
}
.applicant-img img {
    width: 50px;
    height: 50px;
    border: 2px solid #ffffff;
    box-shadow: -2px 2px 5px #00000063;
}
.check-info h3 {
    font-size: 16px;
    font-weight: 600;
}
.check-info .view-pd {
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
    padding: 2px 15px;
}
.check-info a {
    font-size: 14px;
}
.mark-application .hired-btn {
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    padding: 8px 20px 8px 50px;
    background-color: #112373;
    max-width: 100%;
    color: #ffffff;
    font-weight: 600;
    border: 2px solid;
    border-radius: 20px;
    margin: 5px 0 0;
    display: inline-block;
    text-align: left;
}
.mark-application .hired-btn i {
    position: absolute;
    left: -5px;
    padding: 9px;
    top: -2px;
    background-color: #17b8a2;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 20px;
    border-radius: 25px;
    border: 2px solid #ffffff;
    box-shadow: 2px 2px 10px #00000063;
}
.mark-application .hired-btn i.fa.fa-handshake-o {
    background-color: #112373;
}
.hired-btn a {
    background: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    margin-left: 10px;
}
.hired-btn.btn_oj5, .btn_oj5:hover {
    background-color: #e50a0a;
}
.table-btn a, table .dropdown-item {
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #263238;
    background-color: #f1f1f1;
    padding: 2px 5px;
    font-size: 11px;
    border-radius: 3px;
    color: #000000;
}
.table-btn a:hover, table .dropdown-item:hover {
    color: #112373;
    background-color: #ffffff;
    border-color: #112373;
}
.rejected-btn .btn {
    text-transform: uppercase;
    font-size: 12px;
    position: relative;
    padding: 8px 20px 8px 50px;
    background-color: #ffbc00;
    max-width: 100%;
    color: #000000;
    font-weight: 600;
    border: 2px solid #ffffff;
    border-radius: 20px;
    margin: 5px 0 0;
    display: inline-block;
    text-align: left;
}
.rejected-btn .btn i {
    position: absolute;
    left: -5px;
    padding: 8px 11px;
    top: -2px;
    background-color: #e50a0a;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 20px;
    border-radius: 25px;
    border: 2px solid #ffffff;
    box-shadow: 2px 2px 10px #00000063;
    color: #ffffff;
}

/*  ---Employer Dashboard - Job post list---  */
.heading-title {
    font-size: 16px;
    font-weight: 600;
    color: #112373;
    margin-bottom: 15px;
}
.job-post {
    position: relative;
    display: block;
}
.job-post-info {
    position: relative;
    display: block;
    background-color: #f2f2f2;
    padding: 10px 180px 10px 50px;
    margin: 10px 0 5px;
    min-height: 70px;
}
.job-post-info .job-post-actions {
    position: absolute;
    top: 10px;
    right: 60px;
    width: 112px;
    max-width: 100%;
}
.job-post-info .job-post-actions a {
    font-size: 12px;
    padding: 0px 10px;
    width: 100%;
    text-align: center;
    margin: 1px 0;
}
.job-post-info .job-post-actions .app-id {
    font-size: 15px;
    position: absolute;
    right: -55px;
    padding: 10px 0;
    border-radius: 3px;
    top: 3px;
    width: 50px;
    font-weight: 600;
}
.app-pause {
    font-size: 15px;
    position: absolute;
    left: 10px;
    padding: 10px 0;
    border-radius: 3px;
    top: 12px;
    width: 30px;
    text-align: center;
}
.job-post-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 5px;
}
.job-post-title a {
    color: #112373;
}
.job-post-title a:hover {
    color: #0027c4;
}
.job-post-date {
    font-size: 12px;
    color: #2e2e2e;
}
.job-post-applicant {
    position: relative;
    display: block;
    padding: 10px 50px 10px 30px;
    background-color: #fbfbfb;
    margin: 2px 0;
}
.job-post-applicant .app-icon {
    position: absolute;
    left: 10px;
    top: 12px;
}
.worker-search-btn {
    display: block;
    text-align: center;
    margin: 15px 0;
}
.worker-search-btn .btn_wrap {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}
.dash-btn {
    font-size: 12px;
    padding: 0px 10px;
    line-height: 18px;
    font-weight: 500;
}
.applicant-name {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}
.applicant-name .btn_wrap {
    font-size: 10px;
    padding: 2px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 5px;
    pointer-events: none;
}
.applicant-job-title {
    font-size: 13px;
}
.applicant-salary {
    font-size: 14px;
}
.applicant-post-date {
    font-size: 10px;
    color: #000000;
}
.applicant-action {
    position: absolute;
    top: 6px;
    right: 6px;
}
.applicant-action .icon_sm {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #263238;
    background-color: #f1f1f1;
    padding: 2px 5px;
    border-radius: 3px;
    color: #000000;
}
.applicant-action .icon_sm:hover {
    color: #112373;
    background-color: #ffffff;
}
.view-btn {
    text-align: right;
    padding: 10px 0;
}
.view-btn a, .job-form-container .add-skill .btn_wrap {
    font-size: 12px;
    padding: 2px 15px;
    text-align: center;
    margin: 3px;
    background-color: #112373;
    color: #ffffff;
    border-radius: 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*width: 120px;*/
    max-width: 100%;
    display: inline-block;
}
.view-btn a:hover, .job-form-container .add-skill .btn_wrap:hover {
    background-color: #0027c4;
    color: #ffffff;
}
.job-post-applicant .img_sm {
    position: absolute;
    left: 10px;
    border: 2px solid #000000;
    background-color: #cacaca;
    z-index: 9;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
}
.job-post-applicant.hired-app {
    padding-left: 60px;
}
.chat-notif {
    padding: 0;
    overflow: hidden;
}
.chat-notif .heading-title {
    padding: 20px;
    margin: 0;
}
.chat-notif ._sideinfo {
    background-color: #f6f6f6;
}
.unlink-btn {
    position: absolute;
    border: 1px solid #ffffff;
    text-align: center;
    border-radius: 50%;
    width: 22px !important;
    height: 22px;
    right: 5px;
    top: 5px;
    color: #ffffff;
    
}
.unlink-btn:hover {
    color: #dc3545;
    border-color: #dc3545;
    background-color: #ffffff;
}
.bookmarked-item {
    position: relative;
    display: block;
    padding: 10px 30px 10px 60px;
    background-color: #fbfbfb;
    margin: 2px 0;
}
.bookmarked-item .img_sm {
    position: absolute;
    left: 10px;
    border: 2px solid #112373;
    background-color: #cacaca;
    z-index: 9;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
}
.bookmarked-item-info a > .applicant-name {
    color: #000000;
    font-weight: 500;
}
.bookmarked-item-info a > .applicant-name:hover {
    color: #112373;
}
.bookmarked-item-info a > .applicant-job-title {
    color: #353535;
}
.bookmarked-worker .img_sm {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    background-color: #ffffff;
    border: 1px solid #000000;
}
.btn-note {
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #263238;
    background-color: #f1f1f1;
    padding: 2px 5px !important;
    font-size: 12px !important;
    border-radius: 3px;
    color: #000000;
}
.btn-note:hover {
    color: #ffffff;
    background-color: #112373;
}
.social-link {
    position: relative;
    display: block;
    border-radius: 5px;
}
.social-link .unlink-btn {
    position: absolute;
    border: 1px solid #ffffff;
    text-align: center;
    border-radius: 50%;
    width: 22px !important;
    height: 22px;
    right: 5px;
    top: 5px;
    color: #ffffff;
    margin: 4px;
    padding: 0;
    z-index: 9;
    line-height: 22px;
}
.social-link .unlink-btn:hover {
    color: #dc3545;
    border-color: #dc3545;
    background-color: #ffffff;
}
.approx-salary {
    display: inline-block;
    text-transform: uppercase;
    background-color: #f2f2f2;
    padding: 0 5px;
    font-size: 12px;
    border: 1px solid;
    border-radius: 3px;
}
.approx-salary #salary_conversion {
    font-weight: 600;
    font-size: 14px;
}

/*  ---View Job Post---  */
.view-jobpost-info .page_heading {
    text-align: left;
    padding: 20px 0;
    color: #3048b3;
    display: flex;
    align-items: center;
}
.view-jobpost-info .page_heading h3 {
    font-weight: 600;
    display: inline-block;
    margin: 0 20px 0 0;
}
.view-jobpost-info .job-overview-btn {
    display: inline-block;
}
.view-jobpost-info .btn_wrap {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.view-jobpost-info .form-check {
    padding-left: 0;
}
.view-jobpost-info .heading-title {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1px;
}
.view-jobpost-info .heading-title i {
    margin-right: 5px;
}
.view-jobpost-item {
    position: relative;
    display: flex;
    border-bottom: 1px solid #b5b5b5;
    margin-bottom: 10px;
}
.view-jobpost-item .info_text.verified {
    margin: 0;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 300;
}
.view-jobpost-item .info_text.verified.frst {
    margin-top: 20px;
    display: block;
}
.view-jobpost-item:last-child {
    border-bottom: unset;
    margin: 0;
    padding: 0;
}
.country-logo {
    width: 30px;
    margin-left: 20px;
    border-radius: 3px;
    border: none;
    box-shadow: 0 0 3px #71768d; 
}
.sub-info .view-jobpost-item .info_text {
    background-color: unset;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sub-info .view-jobpost-item .info_text.skill-summary {
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
}
.col-view-item {
    width: 50%;
    padding-left: 10px;
}
.col-view-item:first-child {
    padding-left: 0;
}
.rp-container {
    display: block;
    position: relative;
    text-align: center;
}
.rp-container #report-profile {
    display: block;
    padding: 8px 10px;
    background-color: #ffffff;
    color: #e50a0a;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 10px;
    box-shadow: 0 0 5px #dfdfdf;
    border: 1px solid #e50a0a;
}
.rp-container #report-profile:hover {
    background-color: #e50a0a;
    color: #ffffff;
    border-color: #e50a0a;
}
.notes.required-notice {
    width: 100%;
    max-width: 100%;
    margin: 10px auto 30px;
    padding: 30px 20px 20px;
    background-color: #ffffff;
    border-radius: 3px;
    text-align: left;
    border: 2px solid #e50a0a;
    border-left: 10px solid #e50a0a;
    box-shadow: 0 0 5px #c1c1c1;
}
.notes.required-notice h4 {
    font-size: 13px;
    margin-bottom: 15px;
}
.notes.required-notice li {
    list-style-type: none;
    padding-left: 20px;
    font-size: 13px;
}
.notes.required-notice li::before {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #e50a0a;
    margin-top: -3px;
    margin-left: -10px;
}
.view-jobpost-info .content p, .view-jobpost-info .content p b, .view-jobpost-info .content li {
    font-size: 14px;
}
.view-jobpost-info .content p b {
    font-weight: 700;
}

/*  ---Employer Dashboard - Applicant Search---  */
.applicant-search-item {
    position: relative;
    display: block;
    padding: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    margin: 15px 5px;
    box-shadow: 0 0 5px #dfdfdf;
}
.applicant-details {
    position: relative;
    display: block;
    background-color: #fafafa;
    padding: 10px 10px 10px 60px;
    /*padding: 10px 110px 10px 60px;*/
    margin: 10px 0;
    min-height: 65px;
}
.app-post-image {
    position: absolute;
    top: 14px;
    left: 10px;
    z-index: 9;
    margin: 0;
    text-align: center;
}
.app-post-image img {
    border: 2px solid #000000;
    background-color: #cacaca;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0;
}
.app-post-title {
    font-size: 16px;
    font-weight: 600;
    color: #112373;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.app-post-name {
    font-size: 15px;
    text-transform: capitalize;
}
.app-post-name .btn_wrap {
    width: unset;
    margin: 0 !important;
    padding: 0px 10px;
    font-size: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    pointer-events: none;
}
.app-post-name .btn-info {
    background-color: #00a48d;
}
.app-post-name .btn-primary {
    background-color: #112373;
}
.app-post-actions {
    position: absolute;
    /*top: 6px;*/
    top: 20px;
    right: 7px;
    width: 130px;
    max-width: 100%;
}
.app-post-actions .btn_wrap {
    padding: 2px 10px 2px 30px;
    font-size: 10px;
    width: 100%;
    margin: 2px 0;
    text-align: center;
    display: inline-block;
    background-color: #112373;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    border-radius: 20px;
    position: relative;
}
.app-post-actions .btn_wrap:hover {
    background-color: #17b8a2;
    border-color: #17b8a2;
}
.app-post-actions .btn_wrap .fa-bookmark {
    position: absolute;
    left: -2px;
    padding: 7px 9px;
    top: -5px;
    background-color: #e50a0a;
    width: 28px;
    height: 28px;
    font-size: 10px;
    line-height: 10px;
    border-radius: 25px;
    border: 2px solid #ffffff;
    box-shadow: 2px 2px 10px #00000063;
}
.app-post-actions .btn_wrap .fa-star {
    position: absolute;
    left: -2px;
    padding: 7px 7px;
    top: -5px;
    background-color: #ffbc00;
    width: 28px;
    height: 28px;
    font-size: 10px;
    line-height: 10px;
    border-radius: 25px;
    border: 2px solid #ffffff;
    box-shadow: 2px 2px 10px #00000063;
}
.applicant-information-item {
    position: relative;
    display: block;
    padding: 10px 20px;
}
.applicant-information-item .heading-title {
    font-size: 14px;
    margin-bottom: 8px;
}
.applicant-item {
    position: relative;
    display: block;
    font-size: 14px;
    padding: 10px 0;
}
.applicant-item div {
    vertical-align: top;
}
.item-title {
    font-weight: 600;
    margin: 0 0 10px;
    font-size: 13px;
}
.item-meta {
    font-size: 13px;
    font-weight: 300;
    margin: -10px 0 10px;
    padding-right: 10px;
}
.item-meta span{
    display: inline-block;
    font-weight: 500;
    padding-right: 0;
}
.applicant-item-col {
    width: 32%;
    max-width: 100%;
    display: inline-block;
}
.applicant-item .skill-item {
    display: inline-block;
    padding: 2px 10px;
    background-color: #f7f7f7;
    margin: 2px 0;
    font-size: 12px
}
.applicant-item .app-icon {
    position: absolute;
    left: 5px;
    top: 13px;
}
.booked-img {
    position: absolute;
}
.booked-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    padding-left: 26px;
}
.applicant-view-profile {
    display: block;
    text-align: center;
    padding: 10px 0;
    margin-top: 10px;
    background-color: #fafafa;    
}
.applicant-view-profile .btn {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    width: 300px;
    max-width: 100%;
}
.app-post-button {
    display: inline-block;
    max-width: 100%;
}
.app-post-button .btn_wrap {
    padding: 2px 10px;
    font-size: 10px;
    width: 100%;
    margin: 0 5px 5px;
    text-align: center;
}

/*  ---Employer Dashboard - View Profile---  */
.work-experience {
    display: block;
    padding-left: 20px;
}
.work-experience .item-content {
    font-weight: 300;
    font-size: 13px;
}
.jobs-history {
    position: relative;
    display: block;
    padding: 5px 100px 5px 5px;
    background-color: #f9f8f8;
    margin: 2px 0;
}
.jobs-history .job-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.job-company {
    font-size: 12px;
    margin-top: -5px;
}
.applicant-overview {
    position: relative;
    display: block;
}
.applicant-overview h1, .applicant-overview h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 20px;
    font-family: 'Poppins', sans-serif;
}
.applicant-overview p {
    font-size: 14px;
    line-height: 20px !important;
    margin-bottom: 20px !important;
}
.applicant-overview ul li {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 10px;
}
.applicant-overview div {
    font-size: 14px;
    font-weight: 300;
}
.add-skill-btn-wrapper .skill-item {
    display: inline-block;
    padding: 2px 10px;
    background-color: #f7f7f7;
    margin: 2px 0;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
}
.job-search .applicant-details {
    padding-right: 140px;
}
.job-search .app-post-actions {
    width: 130px;
}
.job-history td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 2px 10px;
}
._formwrap .job-history select {
    padding: 2px 15px 2px 5px;
    border: 1px solid #000000;
    font-size: 13px;
    margin: 0;
}
.fancybox__caption a {
    color: #ffffff;
}

/*  ---WORKER JOB POST---  */
.jobpost_header {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/background-08.png);
    padding: 50px 0;
    min-height: 300px;
}
.heading_img_09::before {
    background-image: url(../images/background/view-job-post.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 440px;
    width: 100%;
    max-width: 100%;
    top: -100px;
    right: 0;
}
.view-job-logo {
    position: absolute;
    display: block;
    width: 130px;
    height: 130px;
    object-fit: cover;
    left: 15px;
    top: 35px;
    border-radius: 15px;
    border: 2px solid #23378e;
    background-color: #ffffff;
    box-shadow: 0 0 10px #1e1e1e7d;
    padding: 10px;
}
.employer-view-job .content-wrap {
    position: relative;
    padding: 50px 0 50px 150px;
    z-index: 9;
}
.icon-banner {
    position: absolute;
    display: inline-block;
    width: 530px;
    max-width: 100%;
    right: 0;
}
#dropdownMenu2 {
    padding: 5px;
    background-color: #c3c5ca;
    border-color: #cacaca;
    line-height: 14px;
}
#dropdownMenu2::after {
    font-size: 14px;
    line-height: 0;
}
.table-btn {
    position: relative;
}
.table-btn.open .dropdown-menu {
    right: 10px;
    min-width: 9rem;
    margin-top: -18px;
}
.table-btn.open .dropdown-menu i {
    padding: 0 3px;
}
.table-btn .dropdown-menu {
    min-width: 9rem;
    margin-top: 0;
    top: 56px;
}
.table-btn .dropdown.open .dropdown-menu {
    top: 30px;
}
td .dropdown-menu {
    left: unset;
    right: unset;
    margin-top: 6px;
    top: auto;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 50%) !important;
}
.heading_btn .btn_wrap {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}
.bookmark_btn {
    background-color: #32bea6;
}
.bookmark_btn:hover {
    background-color: #36dfc2;
}
.job_btn {
    background-color: #3048b3;
}
.job_btn:hover {
    background-color: #3f5de7;
}
.item_container {
    display: block;
    position: relative;
    border: 2px solid #cacaca;
    border-radius: 20px;
    box-shadow: 2px 2px 10px #00000063;
    padding: 20px 10px;
    margin-bottom: -50px;
}
.item_col {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
}
.item_col:nth-child(3), .item_col:nth-child(4) {
    width: 18%;
}
.cta_btn {
    width: 500px !important;
    max-width: 100%;
    padding: 15px 30px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 20px auto;
}

/*  ---WORKER DETAILS---  */
.profile_info {
    position: relative;
    margin-top: -180px;
}
.profile_info .page_title {
    padding: 70px 0 20px;
    color: #ffffff;
    font-weight: 600;
    font-size: 2rem;
    margin: auto;
}
.profile_info .profile_img {
    margin-bottom: 0;
}
.profile_wrap-r {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}
.portfolio_img {
    display: block;
}
.portfolio_img span img {
    width: 82px;
    height: 82px;
    display: inline-block;
    background-color: transparent;
    vertical-align: top;
    margin: 2px 0;
    object-fit: cover;
    padding: 5px;
    border: 1px solid #cacaca;
}
.upl-profile {
    text-transform: uppercase;
    font-size: 12px;
    padding: 5px 20px;
    margin: 0 5px;
    border-radius: 3px;
    display: inline-block;
}

.details_info h4 {
    padding: 10px 0 10px 20px;
    font-size: 13px;
    font-weight: 600;
    color: #112373;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.details_info h4::before {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #112373;
    margin-top: -3px;
    margin-left: -15px;
}
.profile_wrap {
    position: relative;
    display: block;
    padding: 0 20px 20px;
}
.details_info .btn_wrap {
    margin: 1px;
    font-size: 10px;
}
.detail_group {
    margin-bottom: 5px;
    padding: 5px 0 0;
}
.info_title {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;;
    margin: 5px auto;
    padding-right: 20px;
    color: #2a3f9e;
}
.item-group {
    display: inline-block;
    width: 32%;
    max-width: 100%;
    text-align: right;
    border-right: 1px solid #cacaca;
    padding-right: 5px;
}
.item-group:last-child {
    border: unset;
}
.item-group .info_title {
    padding: 0;
    font-size: 11px;
}
.item-group .info_title span {
    display: block;
    font-size: 10px;
    text-transform: capitalize;
    font-weight: 300;
    color: #99aebe;
}
.item-group .info_title img {
    width: 12px;
}
.item-group .form-control {
    background-color: unset !important;
    text-align: right;
    font-size: 16px !important;
    font-weight: 600;
    color: #112373;
    border: unset;
}
.profile_wrap p {
    font-size: 14px;
    margin-bottom: 15px;
}
.profile_wrap .info_details {
    padding: 5px 10px;
    border: 2px solid #cacaca;
    border-radius: 30px;
    font-size: 14px;
    max-width: 100%;
}
.profile_wrap .heading-title {
    background-color: #f6f8ff;
    padding: 5px 10px;
    border-bottom: 1px solid #cacaca;
}
.acc-info3 .info_details {
    width: 92%;
}
.acc-info4 .info_details {
    width: 80%;
}
.detail_group .img_sm {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 20px;
}
.icon_sm {
    color: #000000;
}
.icon_sm img {
    width: 26px;
    padding: 2px;
    border: 2px solid #000000;
    margin: 5px 0;
}
.w_link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page_content {
    padding: 50px 0;
    position: relative;
}
.page_heading {
    display: block;
    position: relative;
    width: 1000px;
    max-width: 100%;
    margin: auto;
    padding: 30px 20px;
    text-align: center;
}
.page_heading h2 {
    font-size: 3rem;
    font-weight: 700;
    color: #112373;
}
.dots, .lines {
    display: block;
    position: relative;
    margin: 5px auto;
}
.dots span {
    content: '';
    height: 12px;
    width: 12px;
    display: inline-block;
    background-color: #ffffff;
    margin: 5px;
    border-radius: 50%;
}
.dots span:nth-child(2) {
    background-color: #e50a0a;
}
.dots span:nth-child(3) {
    background-color: #ffbc00;
}
.page_content .dots span:nth-child(1) {
    background-color: #112373;
}
.breadcrumbs {
    border: 1px solid #ebebeb;
    border-radius: 0.3rem;
    display: inline-flex;
    overflow: hidden;
  }
  
  .breadcrumbs-item {
    background: #fff;
    color: #333;
    outline: none;
    padding: 5px 20px;
    position: relative;
    text-decoration: none;
    transition: background 0.2s linear;
    font-size: 12px;
    font-weight: 300;
}
  
.breadcrumbs-item:hover:after, .breadcrumbs-item:hover {
    background: #f7f7f7;
    color: #000000;
}
  
.breadcrumbs-item:focus:after,
.breadcrumbs-item:focus,
.breadcrumbs-item.is-active:focus {
background: #323f4a;
color: #fff;
}

.breadcrumbs-item:after,
.breadcrumbs-item:before {
background: white;
bottom: 0;
clip-path: polygon(50% 50%, -50% -50%, 0 100%);
content: "";
left: 100%;
position: absolute;
top: 0;
transition: background 0.2s linear;
width: 1em;
z-index: 1;
}

.breadcrumbs-item:before {
background: #ebebeb;
margin-left: 1px;
}

.breadcrumbs-item:last-child {
border-right: none;
}

.breadcrumbs-item.is-active {
background: #dadada;
    white-space: unset;
    overflow: unset;
    text-overflow: unset;
    width: unset;
}

.job-post-month {
    display: inline-block;
    background-color: #3d56ad;
    border-radius: 20px;
    padding: 5px 45px 5px 20px;
    margin: 10px 2px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}
.job-post-count {
    display: inline-block;
    background-color: #edba2c;
    border-radius: 20px;
    padding: 5px 45px 5px 20px;
    margin: 10px 2px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}
.job-post-month .count, .job-post-count .count {
    position: absolute;
    right: -2px;
    padding: 10px;
    top: -5px;
    background-color: #e50a0a;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 20px;
    border-radius: 25px;
    border: 2px solid #ffffff;
    box-shadow: 2px 2px 10px #00000063;
}

/*  ---DELETE ACCOUNT---  */
.tabs-container {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}
.tab-wrap {
    width: 100%;
    color: white;
    overflow: hidden;
}
.tab-label {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    background: #2c3e50;
    font-weight: bold;
    cursor: pointer;
    /* Icon */
}
.tab-label:hover {
    background: #1a252f;
}
.tab-label::after {
    content: "❯";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all 0.35s;
}
.tab-account {
    max-height: 0;
    padding: 0 1em;
    color: #2c3e50;
    background: #fbfbfb;
    transition: all 0.35s;
}
.tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
    background: #2c3e50;
    cursor: pointer;
}
.tab-close:hover {
    background: #0a1856;
}
input:checked + .tab-label {
    background: #0a1856;
}
[type="checkbox"]:not(:checked) + .tab-label, [type="checkbox"]:checked + .tab-label {
        padding: 10px 20px;
}
input:checked + .tab-label::after {
    transform: rotate(90deg);
    display: none;
}
input:checked ~ .tab-account {
        max-height: 100%;
        padding: 20px 30px;
}
.tab-account h3 {
    display: block;
    font-size: 16px;
    font-weight: 600;
    padding: 0 0 30px;
    margin: auto;
    color: #000000;
}
.tab-account b {
    font-size: 14px;
}
[type="checkbox"]:not(:checked) + .tab-label:before, [type="checkbox"]:checked + .tab-label:before {
    display: none;
}
.tab-note {
    position: relative;
    display: block;
    margin-bottom: 20px;
    vertical-align: top;
}
.tab-note i {
    position: absolute;
    top: 5px;
}
.tab-info {
    display: block;
    padding-left: 40px;
}
.tab-info b {
    display: block;
}
.tab-account .btn-applicant {
    margin-top: 40px;
}
.tab-account .btn-applicant .btn {
    margin: 5px 0 !important;
    width: 240px;
    max-width: 100%;
}
.tab-account .btn-applicant .btn_oj3:hover {
    background-color: #e50a0a;
    border-color: #e50a0a;
}

/*  ---CHECK PROFILE PAGE---  */
.nav-wrap {
    position: relative;
}
.tab-content>.active {
    opacity: 1;
}
.nav-content {
    display: inline-block;
    width: 600px;
    max-width: 100%;
}
.nav-content .profile_wrapper {
    width: 100%;
}
.nav-title {
    display: inline-block;
    position: relative;
    width: 250px;
    max-width: 100%;
    vertical-align: top;
    padding: 20px;
}
.nav-title .nav-tabs {
    align-items: center;
    border: unset;
}
.nav-title .nav-tabs img {
    width: 50px;
}
.nav-title .nav-tabs li {
    font-size: 40px;
    padding: 10px 25px;
}
.nav-title .nav-tabs li a {
    color: #cacaca;
}
.nav-title .nav-tabs li .active, .nav-title .nav-tabs li a:hover {
    color: #112373;
}
.nav-title .nav-label .p_item {
    text-align: center;
    background-color: #112373;
    margin: 20px 0;
    padding: 10px 20px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 2px solid #ffffff;
    border-radius: 5px;
}
.nav-title .nav-label .profile_picture {
    line-height: 80px;
    padding: 0;
    height: unset;
    margin: 20px auto 60px;
    width: 100%;
}
.generate_password {
    padding: 2px 10px;
    background-color: #ececec;
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 5px;
    color: #112373;
    float: right;
}
.generate_password:hover {
    color: #17b8a2;
    background-color: #eeeeee;
}

/*.nav-pills {
    padding: 5px 20px;
}*/
.nav-pills h3 {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 20px;
    margin: 20px 0;
}
.nav-tabs {
    display: block;
    border: unset;
}
.nav-pills .nav-link {
    display: block;
    padding: 10px 5px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}
.nav-pills .nav-link:hover {
    background-color: #f2f2f2;
    font-weight: 500;
}
.tab-pane .sub_title {
    margin: 15px 0;
    font-size: 25px;
}
.settings-info {
    padding: 20px 0;
}
.settings-menu {
    color: #444;
    cursor: pointer;
    padding: 18px 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    background-color: transparent;
    font-weight: 600;
    color: #000000;
}

.info-link label {
    margin: 5px 0 !important;
}
.info-link a {
    position: relative;
    display: block;
    border: 2px solid #000000;
    padding: 5px 10px;
    height: 40px;
    text-align: left;
    margin: 0 0 20px;
    border-radius: 6px;
}
.info-link a img {
    object-fit: contain;
    height: auto;
    width: 80px;
}
.info-link a .check-icon {
    width: 18px;
}
.tab-content label {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}
.fileup.form-control {
    padding: 10px 15px;
    border: 0;
    background-color: #e8eaef;
    height: auto;
    font-size: 14px;
}
.help-block {
    display: block;
    font-size: 11px;
    text-align: right;
}
._formnav .nav-pills {
    padding: 5px 20px;
}
._formnav .nav-pills h3 {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 20px;
    margin: 20px 0 5px;
}
._formnav .nav-pills .nav-link {
    display: block;
    padding: 8px 0;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
}
._formnav .nav-pills .nav-link.active, ._formnav .nav-pills .show>.nav-link {
    color: #112373;
    background-color: unset;
}
._formwrap .tab-pane .btn {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 40px;
    margin: 10px 0;
}
._formwrap .settings-info {
    padding: 20px 0;
}
._formwrap .settings-info .generate_password {
    margin-top: -15px;
}
._formwrap .settings-info span {
    font-size: 14px;
    font-weight: 300;
}
._formwrap label {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
/*.form-control[readonly]*/
._formwrap input[type=text], ._formwrap input[type=password], ._formwrap textarea, ._formwrap select, ._formwrap input[type=number], ._formwrap .input-price, .intl-tel-input input#telephone-emp, .intl-tel-input input#telephone{
    width: 100%;
    padding: 10px 15px;
    margin: 5px 0 15px;
    display: inline-block;
    /*border: 2px solid #495057;*/
    border: 2px solid #000000;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 6px !important;
    font-weight: 400;
}
._formwrap select {
    padding: 13px 15px;
}
.intl-tel-input {
    display: inline-block;
    width: 100%;
    height: 46px;
    margin-bottom: 10px;
}
.profile-settings .intl-tel-input input#telephone-emp {
    padding-top: 5px;
    padding-bottom: 5px;
}
.profile-settings .iti__selected-flag {
    height: 45px !important;
}
.nav-tabs {
    display: block;
    border: unset;
}
.nav-tabs li, .nav-tabs .active{
    border-color: unset;
}
.nav-tabs .active .nav-link  {
    color: #17b8a2 !important;
    border-color: transparent;
    background-color: #f9f9f9;
}
.nav-tabs li:hover, .nav-tabs li .nav-link:hover, .nav-tabs .active .nav-link:hover  {
    border-color: transparent;
}
.btn-info {
    background-color: #17b8a2;
    border-color: #17b8a2;
}
.ui-widget.ui-widget-content {
    font-family: 'Poppins', sans-serif;
}
.ui-widget-header {
    border: 1px solid #112373;
    background: #112373;
    font-size: 14px;
}
.ui-widget.ui-widget-content {
    border: 2px solid #112373;
    max-width: 800px !important;
    max-height: 600px !important;
    overflow-y: scroll !important;
    padding-left: 0px !important;
    list-style: none !important;
    z-index: 99;
}
.page-job-search .ui-widget.ui-widget-content {
    width: 100% !important;
    left: auto !IMPORTANT;
    max-width: 1200px;
    margin: auto;
    list-style-type: none;
    padding: 0;
    z-index: 99;
}
.ui-menu-item {
    font-size: 14px;
    padding: 10px 20px;
}
.ui-menu-item:hover {
    padding: 10px 20px;
    background-color: #cacaca;
    
}
.ui-menu-item-wrapper {
    color: #112373;
    border: unset !important;
}
.ui-widget-content {
    background: #f8f9fa;
}
.ui-datepicker th {
    font-size: 14px;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    font-weight: 300;
    color: #000000;
    font-size: 14px;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #e50a0a;
    color: #e50a0a;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #e50a0a;
    background: #e50a0a;
    color: #ffffff;
}
.select2-selection__choice__display {
    font-weight: 300;
}
table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 600;
}

.banner_info {
    /*background-image: linear-gradient(#001050, #00105024), url(../images/background/slider-profile.png);*/
    background-image: linear-gradient(#18339f78, #00105000), url(../images/background/slider-profile.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    padding: 80px 20px;
}
._display {
    width: 200px;
}
._info {
    display: block;
    text-align: left;
    padding: 20px;
    color: #ffffff;
}
._address {
    font-size: 13px;
    margin: 0 0 10px;
}
._other-info {
    display: block;
    margin-top: 20px;
}
._other-info a {
    color: #ffffff;
    padding: 10px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    font-size: 12px;
    margin: 5px;
}
._other-info .form-control {
    margin: auto;
    border: 0;
    border-radius: 30px;
    font-size: 12px;
}
._other-info .btn {
    background-color: #ffffff;
    padding: 0 10px;
    border-radius: 0 20px 20px 0;
}
.worker-v3, .employer-v2 {
    max-width: 1200px;
    margin: auto;
    width: 100%;
    padding: 50px 15px;
}
._myinfo, ._myreview, ._review {
    display: block;
}
._review p {
    font-size: 12px !important;
}
.slick-dots {
    margin: auto;
    padding: 0;
    list-style-type: none;
    text-align: center;
}
.slick-dots li {
    display: inline-block;
    border: 1px solid #112373;
    margin: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #112373;
}
.slick-dots li button {
    display: none;
    font-size: 2px;
}
._infobox {
    display: block;
    padding: 12px 20px;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    margin: 15px 5px;
    box-shadow: 0 0 5px #dfdfdf;
}
._infobox .detail_group {
    margin-bottom: 20px;
}
._infobox .detail_group h5 {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
._infobox .info_title {
    color: #112373;
    font-size: 15px;
    margin-bottom: 1.5px;
}
._infobox p {
    font-size: 14px;
    margin-bottom: 15px;
}
._infobox .details_info {
    padding: 0 0 10px;
}
._infobox .details_info .btn_wrap {
    margin: 2px;
    font-size: 12px;
}
._infobox .icon_sm {
    line-height: 45px;
}
.sub-acc-info1 h3 {
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0;
}
.sub-acc-info1 span {
    color: #32bea6;
    font-size: 20px;
    font-weight: 600;
}
.social_links .info_details {
    width: 100%;
    font-size: 14px;
    padding: 5px 35px 5px 10px;
    margin: -5px auto 10px;
    background-color: #fbfbfb;
    border: 2px solid #fbfbfb;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.social_links .info_details a {
    display: block;
}
.social_links .check-icon {
    width: 20px;
    margin-right: 7px;
    position: absolute;
    right: 0;
}
.check-icon.phone-verified-icon {
    margin: 5px 7px;
}
.social_links .sm_icon {
    width: 80px;
}
/*.social_links .verify-email {
    padding-left: 26px;
}*/
.social_links .emailverified {
    /* position: absolute; */
    left: 10px;
}
.sub-acc-info2 ul {
    padding-left: 20px;
    list-style: none;
    font-size: 14px;
    margin: 5px 0;
}
.sub-acc-info2 ul i {
    color: #3ecc7a;
    margin-right: 5px;
}
._info1, ._info5, ._formnav {
    display: inline-block;
    width: 29%;
    max-width: 100%;
}
._info2, ._info6 {
    display: inline-block;
    width: 70%;
    max-width: 100%;
    vertical-align: top;
}
._info6 ._infobox .detail_group {
    margin-bottom: 0;
}
._review h5 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 12px;
}
._review .star_rating {
    width: 85px;
}
._review p {
    font-size: 13px;
}
._dots {
    display: block;
    text-align: center;
}
._dots span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #cacaca;
    content: "";
    display: inline-block;
}
._dots .active {
    background-color: #112373;
}
.profile_id {
    background-color: #112373;
    color: #ffffff;
}
.profile_id p, .box-container p {
    font-size: 13px;
    margin-bottom: 15px;
    font-weight: 400;
}
/*._myhistory .table {
    border-spacing: 0 !important;
}
._myhistory .table td {
    border: unset !important;
}
._myhistory .table td:nth-child(3) {
    width: unset;
}*/
._myhistory .table thead tr, ._myhistory .table thead th {
    color: #112373;
}
._myhistory .table .btn_wrap {
    display: block;
    width: 100px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    padding: 2px;
}
._myhistory .dataTables_length, ._myhistory .dataTables_filter, ._myhistory .dataTables_info, ._myhistory .dataTables_paginate {
    display: none;
}
._myhistory .info_details.w_link {
    border-radius: 20px;
    font-size: 14px;
    padding: 5px 20px;
    border: 2px solid #cacaca;
}
/*._myhistory .table td:last-child {
    border-right: 2px solid #d1d1d1;
}*/
/*table.dataTable tbody tr:nth-child(even) {
    background-color: #f9f9f9 !important;
}*/


.candidate-banner h2 {
    margin: auto;
    display: inline-block;
    font-size: 35px;
    line-height: 35px;
    margin-right: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}
.view-profile-btn {
    display: inline-block;
    /*margin-bottom: 50px;*/
}
.account-dashboard .view-profile-btn {
    display: block;
}
.account-dashboard .view-profile-btn .deactivated-acct {
    margin: 20px auto 10px;
    padding: 30px 20px;
    border-radius: 10px;
}
.view-profile-btn .btn {
    clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
    margin-left: -12px;
    padding: 5px 20px;
    border-radius: 0;
    width: 105px;
    max-width: 100%;
    font-size: 11px;
}
.view-profile-btn .btn:hover {
    background-color: #ffffff;
    color: #17b8a2;
}
.btn_hover:hover{cursor: pointer}
.btn_hover {
outline: none;
position: relative;
border: 2px solid #FFFFFF;
padding: 5px 20px;
overflow: hidden;
color: #FFFFFF;
font-size: 14px;
}
.worker-profile {
    text-align: left;
}
.worker-settings {
    text-align: right;
}
.worker-profile div {
    vertical-align: middle;
}
.worker-settings div {
    vertical-align: top;
}
.worker-image, .worker-name {
    display: inline-block;
}
.worker-name {
    margin-left: 20px;
}
.worker-name h2 {
    margin: 0 auto 10px;
    display: inline-block;
    font-size: 35px;
    line-height: 35px;
    font-weight: 500;
    color: #ffffff;
    text-transform: capitalize;
}
.worker-name ._address {
    color: #f2f2f2;
}
.worker-name .search-job a, .candidate-banner .search-job a {
    display: inline-block;
    padding: 5px 20px 3px;
    margin-top: 5px;
    border-radius: 50px;    
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    background-color: #e50a0a;
    border: 2px solid #e50a0a;
    color: #ffffff;
}
.worker-name .search-job a.text-muted, .candidate-banner .search-job a.text-muted {
    background-color: #cacaca;
}
.worker-name .search-job a:hover, .candidate-banner .search-job a:hover {
    background-color: transparent;
    border: 2px solid #ffffff;
}
.worker-cog {
    display: inline-block;
}
.worker-cog a {
    color: #ffffff;
    font-size: 22px;
    padding: 4px 4px 3px;
    display: inline-block;
    line-height: 22px;
}
.worker-cog a:hover {
    color: #ffbc00;
}
.worker-settings .deactivated-acct {
    margin: 10px auto 0;
    padding: 15px 20px;
    box-shadow: 0 0 5px #0e1e54;
    text-align: center;
  }
.worker-settings .deactivated-acct span {
    font-size: 16px !important;
}
.worker-settings .deactivated-acct a {
    font-size: 10px;
}



/*button:before (attr data-hover)*/
.btn_hover:hover:before{opacity: 1; transform: translate(0,0);}
.btn_hover:before{
content: attr(data-hover);
position: absolute;
top: 5px;
left: 0;
width: 100%;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 600;
font-size: .8em;
opacity: 0;
transform: translate(-100%,0);
transition: all .3s ease-in-out;
}
/*button div (button text before hover)*/
.btn_hover:hover div{opacity: 0; transform: translate(100%,0);}
.btn_hover div{
    text-transform: uppercase;
    font-weight: 500;
    font-size: .8em;
    transition: all .3s ease-in-out;
}
.left_btn {
    background-color: #17b8a2;
    clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
    color: #ffffff;
    border-color: #17b8a2;
}
.right_btn {
    clip-path: polygon(7% 0%, 100% 0%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(7% 0%, 100% 0%, 100% 100%, 0% 100%);
    -o-clip-path: polygon(7% 0%, 100% 0%, 100% 100%, 0% 100%);
    -ms-clip-path: polygon(7% 0%, 100% 0%, 100% 100%, 0% 100%);
    margin-left: -12px;
    background: #153369;
}
.right_btn::after {
    content: " ";
    position: absolute;
    background: #fff;
    display: block;
    width: 5px;
    height: 32px;
    top: 0px;
    left: 0px;
    transform: skew( 160deg , 0deg );
    opacity: 1;
}
.other-buttons {
    padding: 10px;
    background-color: #15336982;
    margin-top: 5px;
}
.other-buttons a {
    display: block;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.other-buttons a:hover {
    color: #32bea6;
}
.other-buttons a i {
    padding-right: 10px;
}
.add-skill-btn-wrapper {
    position: relative;
}
.add-skill-btn-wrapper .btn {
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 5px 15px !important;
    margin: 2px 0 !important;
}
.add-skill-btn-wrapper .btn-hide-add-skill-form {
    color: #212529 !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}
.add-skill-btn-wrapper .btn-hide-add-skill-form:hover {
    background-color: #e0a800 !important;
    border-color: #e0a800 !important;
}
.add-skill-form {
    display: none;
}
.label-title {
    font-weight: 500;
}
.btn-skill {
    background-color: #ebebeb;
    border: 1px solid #bebebe;
    text-transform: capitalize !important;
}
.text-note {
    font-size: 14px;
    display: block;
    margin: 15px 0 0;
}
.skill-container {
    margin: 10px 0 20px;
}
.skill-container .skills-desc {
    min-height: 150px;
}
.btn-add {
    position: absolute;
    right: 0;
    margin-top: -44px !important;
    /* top: 0; */
}
.skill-container h4 {
    padding: 10px 20px 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #112373;
    text-transform: uppercase;
}
.skill-container h4::before {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #112373;
    margin-top: -3px;
}
.add-skill-btn .u-skills-list {
    padding: 10px 20px;
    position: relative;
    display: block;
}

.rate-skills {
    position: relative;
    display: block;
    padding: 10px;
}
.rate-skills h5 {
    font-size: 14px;
    font-weight: 500;
}
.rated-skills {
    position: relative;
}
.rated-skills .skill-cont {
    display: block;
    padding: 2px 10px;
    margin: 2px 0;
    font-size: 14px;
    width: 100%;
    max-width: 100%;
    text-align: right;
    clear: both;
}
.rated-skills .skill-cont.odd {
    background: #fafafa;
    
}
.rated-skills .skill-cont span {
    float: left;
    text-align: left;
    font-weight: 400;
    font-size: 13px;
}
.rated-skills .skill-star-rating, .rated-skills .skill-star-rating-uneditable {
    color: #ffc107;
}
/*.rating {
    width: 90.6406px !important;
    line-height: 24px;
}
.rating span, .rate-select-layer span, .rate-hover-layer span {
    font-size: 22px;
}
.rate-select-layer, .rate-hover-layer {
    color: #ffc107;
}*/
.skills-desc {
    color: #000000;
    border-radius: 5px !important;
    border: 2px solid #000000 !important;
}
.skills-description {
    padding: 10px 15px;
    display: block;
    border-radius: 3px;
    background-color: #f7f7f7;
    border: 1px solid #d2d2d2;
    border-left: 6px solid #a1a1a1;
    color: #000000;
    font-size: 14px;
    font-weight: 300;
}
.skill-container .top-skills {
    padding: 10px 0;
}
.gray-text {
    color: #d2d2d2 !important;
}
.public-info {
    padding: 30px 0 50px;
}
.active-status {
    font-size: 12px;
    display: inline-block;
    vertical-align: 6px;
    color: #17b8a2;
}
.view-public {
    position: absolute;
    display: inline-block;
    right: 0;
    top: -15px;
    color: #ffffff;
}
.view-public a {
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 20px;
    border: 1px solid;
    border-radius: 30px;
    margin-right: 5px;
    text-transform: capitalize;
}
.view-public a:hover {
    background-color: #17b8a2;
    border-color: #17b8a2;
}
.item-box {
    position: relative;
    display: block;
    /*margin: 30px 0;*/
}
.view-container {
    display: block;
   /* border: 1px solid #e1e1e1;
    border-radius: 16px;
    margin: 15px 5px;
    box-shadow: 0 0 5px #dfdfdf;*/
    overflow: hidden;
    margin: 15px 0 0;
}
.view-container ._sidewrap {
    margin: 0;
}
.view-profile {
    display: block;
    background-color: #112373;
    padding: 20px;
    color: #ffffff;
}
.view-profile h4 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.edit-profile-view {
    display: block;
    padding: 20px 5px;
}
.edit-profile-view .list-item {
    display: block;
    position: relative;
    padding: 5px 70px 5px 10px;
    margin: 5px 0;
    font-size: 13px;
    font-weight: 300;
    color: #141414;
    line-height: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.edit-profile-view .list-item:hover {
    background-color: #fafafa
}
.edit-profile-view .list-item:hover a {
    color: #112373;
}
.edit-profile-view .list-item.active {
    background-color: #ebebeb;
    color: #112373 !important;
    font-weight: 600;
}
.list-item-btn {
    position: absolute;
    right: 5px;
    top: 5px;
}
.list-item-btn a {
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #263238;
    background-color: #f1f1f1;
    padding: 2px 5px !important;
    font-size: 12px !important;
    border-radius: 3px;
    color: #000000;
}
.active .list-item-btn a {
    color: #112373;
    padding-left: 5px;
}
.active .list-item-btn a:hover, .list-item-btn a:hover {
    color: #17b8a2;
}
.sub-info .info_text, .info-section .info_text {
    display: block;
    background-color: #fbfbfb;
    padding: 6px 5px;
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 20px;
    min-height: 26px;
    font-weight: 400;
}
.welcome-video {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 30px;
}
.welcome-video a {
    text-transform: uppercase;
    font-size: 14px;
    background-color: #17b8a2;
    border-color: #17b8a2;
    color: #ffffff;
    padding: 5px 30px;
    margin: 5px 0;
}
#hide-vid {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 20px;
    background-color: #cacaca;
    border-radius: 5px;
    margin-bottom: 20px;
    cursor: pointer;
}
#hide-vid:hover {
    background-color: #32bea6;
    color: #ffffff;
}
#my-video {
    display: block;
    padding: 20px 0;
}

#review_rating {
  display: block;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -10px 0 0;
  border: transparent;
  color: transparent;
  background: transparent;
}
.profile-info {
    display: block;
    padding: 35px 30px 30px;
    background-color: #f6f6f6;
    border-radius: 10px;
    margin: 10px;
    border: 2px solid #112373;
    border-left: 20px solid #112373;
}
.profile-info h4 {
    font-size: 14px;
    font-weight: 600;
    color: #e50a0a;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.profile-info p {
    font-size: 13px;
}
.profile-info .missing-info {
    display: none;
}
.profile-info .missing-info h4 {
    font-size: 13px;
    font-weight: 400;
    color: #000000 !important;
    margin: 10px 0;
    padding-left: 10px;
    text-transform: inherit;
    letter-spacing: 0;
}
.profile-info .missing-info h4::before {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #e50a0a;
    margin-top: -3px;
    margin-left: -10px;
}
.profile-info .missing-info h4.text-warning::before {
    border-left: 6px solid #17b8a2;
}
#OTP-container {
    display: block;
    padding: 35px 30px 30px;
    background-color: #f6f6f6;
    border-radius: 10px;
    border: 2px solid #e50a0a;
    border-left: 20px solid #e50a0a;
}
#OTP-container .heading-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}
#OTP-container .note {
    display: block;
    background-color: #ffffff;
    padding: 10px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    box-shadow: 0 0 5px #e1e1e1;
    margin: 20px 0;
    border-radius: 5px;
}
#OTP-container .btn {
    background-color: #e50a0a;
}
#OTP-container .btn:hover {
    background-color: #b50303;
}
#OTP-container .verify-phone h4 {
    margin: 0;
    padding-bottom: 0;
}
.submit-application {
    padding: 35px 30px 30px;
    background-color: #f6f6f6;
    border-radius: 10px;
    margin: 10px;
    border: 2px solid #112373;
    border-left: 20px solid #112373;
}
.jobpost-info {
    border: 2px solid #dbdbdb;
}
.jobpost-info .heading-title {
    text-transform: uppercase;
    background-color: #f6f6f6;
    padding: 2px 20px 2px 10px;
    display: inline-block;
    margin-bottom: 10px;
    border-bottom: 2px solid;
    font-size: 14px;
}
.jobpost-info .heading-title::before {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #112373;
    margin-top: -3px;
    margin-left: -15px;
}
.job-msg {
    padding: 35px 30px 30px;
    background-color: #f6f6f6;
    border-radius: 10px;
    margin: 10px;
    border: 2px solid #ffbc00;
    border-left: 20px solid #ffbc00;
}
.job-msg .form-group label {
    text-transform: uppercase;
    background-color: #e5e5e5;
    padding: 2px 20px 2px 10px;
    display: inline-block;
    margin-bottom: 10px;
    border-bottom: 2px solid;
    font-size: 14px;
}
.job-msg .form-group label::before {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #ffbc00;
    margin-top: -3px;
    margin-left: -15px;
}
.job-msg .form-control {
    border: unset !important;
    background-color: #ffffff;
}
.mark-application {
    display: flex;
    padding: 35px 30px 30px;
    background-color: #f6f6f6;
    border-radius: 10px;
    margin: 10px;
    border: 2px solid #e50a0a;
    border-left: 20px solid #e50a0a;
}
.mark-application .check-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}
.mark-application .check-info h3 a {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 18px;
}
.application-user {
    padding: 35px 30px 30px;
    background-color: #ffffff;
    border-radius: 10px;
    margin: 10px;
    border: 2px solid #e50a0a;
    border-left: 20px solid #e50a0a;
}
.application-user .check-info h3 {
    text-transform: uppercase;
    color: #112373;
}
.application-user .hired-btn {
    display: block;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 32px 20px;
    background-color: #ededed;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    border-left: 2px solid #e50a0a;
    color: #e50a0a;
}
.application-user .hired-btn a {
    display: block;
    width: 100%;
    margin: 0;
    background-color: #e50a0a;
    color: #ffffff;
}
.application-user .hired-btn a:hover {
    background-color: #112373;
}

.bookmarked-btn {
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #17b8a2;
    background-color: #17b8a2;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 15px;
    color: #ffffff;
    margin: 0;
    font-weight: 600;
    pointer-events: none;
}
.bookmark-btn {
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #ffffff;
    background-color: transparent;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 15px;
    color: #ffffff;
    margin: 0;
    font-weight: 600;
}
.bookmark-btn i {
    color: #ffc107;
}
.bookmark-btn:hover{
    background-color: #138496;
    color: #ffffff;
    border-color: #138496;
}
.bookmark-btn:hover i {
    color: #ffffff;
}
.candidate-applied-table .remove-port-btn {
    right: -6px;
    top: 0;
}
.hired-profile-btn {
    position: absolute;
    right: 0;
    top: -80px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #ffbc00;
    background-color: #ffbc00;
    padding: 5px 20px 0;
    font-size: 12px;
    font-weight: 600;
    border-radius: 0 0 3px 3px;
    color: #141414;
    pointer-events: none;
}
.hired-profile-btn::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 14px 48px 0;
    border-color: #ffbc00 transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -15px;
    left: 0;
}
.message-btn {
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #ffffff;
    background-color: transparent;
    color: #ffffff;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 15px;
    margin: 0;
    font-weight: 600;
    display: inline-block;
}
.message-btn:hover {
    border: 1px solid #263238;
    background-color: #f1f1f1;
    color: #000000;
}
.review-container {
    display: block;
}
.review-container li {
    list-style-type: none;
    background-color: #e9e9e9;
    padding: 10px;
    border: 1px solid;
    border-radius: 5px;
    font-size: 12px;
    margin-top: -18px;
}
.review-item {
    display: block;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    margin: 15px 0;
}
.review-heading {
    display: block;
    position: relative;
    padding: 10px 20px;
    background-color: #112373;
}
.review-heading .client-logo {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #ffffff;
    position: absolute;
    top: 10px;
}
.review-heading .client-name {
    display: inline-block;
    width: 80%;
    max-width: 100%;
    padding: 0 10px 0 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.review-heading .client-name span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
}
.review-heading .client-name small {
    display: block;
    color: #ffffff;
    font-size: 10px;
}
.review-heading .client-rating {
    position: absolute;
    right: 20px;
    top: 22px;
    width: 90px;
}
.review-content {
    display: block;
    padding: 20px;
}
.review-content span {
    font-size: 13px;
    display: block;
}

button {cursor: pointer}
.SearchBox-input::placeholder {/* No es un seudoelemento estandar */
    color: #000;
    opacity: .6;
}
/* Chrome, Opera ySafari */
.SearchBox-input::-webkit-input-placeholder {
    color: #000;
}
/* Firefox 19+ */
.SearchBox-input::-moz-placeholder {
    color: #000;
}
/* IE 10+ y Edge */
.SearchBox-input:-ms-input-placeholder {
    color: #000;
}
/* Firefox 18- */
#formGroupExampleInput:-moz-placeholder {
    color: #000;
}



.SearchBox {
    display: flex;
    border-radius: 35px;
    background-color: transparent;
    margin: 5px 0;
}
.SearchBox-input {
    padding-left: 20px;
    padding-right: 50px;
    max-width: 100%;
    width: 350px;
    font-size: 12px;
    color: #000;
    margin-right: -40px;
    border-radius: 50px;
    border: unset;
}
.SearchBox-button {
    display: flex;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #17b8a2;
    margin: 0;
    border: unset;
}
.SearchBox-button:hover {
    background-color: #138496;
}
.SearchBox-icon {
    margin: auto;
    color: #fff;
}

#message-contact-list ._inbox {
    font-size: 12px;
}
.notes .btn-info {
    text-transform: uppercase;
    font-size: 14px;
    background-color: #17b8a2;
    border-color: #17b8a2;
    color: #ffffff;
    padding: 5px 30px;
    margin: 5px 0;
    border: 1px solid;
    border-radius: 5px;
}
#verify-phone-btn {
    background-color: #e50a0a;
    padding: 2px 5px;
    position: absolute;
    right: 7px;
    bottom: 8px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    border-radius: 3px;
}

#verify-phone-btn i {
    font-size: 12px;
}
#verify-phone-btn:hover {
    background-color: #be0404
}
#verify-phone-btn.disabled, #verify-phone-btn.disabled:hover {
    background-color: #cacaca;
}
#verify-phone-btn-resend {
    color: #1972d2;
    font-weight: 600;
}
#verify-phone-btn-resend:hover {
    color: #0027c4;
}
#verification-code {
    border: 2px solid #000000;
    font-size: 14px;
    border-radius: 6px !important;
}
.verify-phone .intl-tel-input {
    margin: unset;
    padding: unset;
    height: auto;
    position: relative;
}
.details_info.verify-phone .info_details {
    border: unset;
    overflow: unset;
}
.details_info.verify-phone .intl-tel-input-two .iti {
    height: unset;
}
.details_info.verify-phone .intl-tel-input input#telephone-emp {
    border: unset;
    height: unset;
    padding: 0 15px;
    background-color: #fbfbfb;
}

#verify-email-btn {
    background-color: #e50a0a;
    padding: 2px 5px;
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #ffffff;
    border-radius: 3px;
}

#verify-email-btn i {
    font-size: 12px;
}
#verify-email-btn:hover {
    background-color: #be0404
}
#verify-email-btn.disabled, #verify-email-btn.disabled:hover {
    background-color: #cacaca;
}
#verify-email-btn-resend {
    color: #1972d2;
    font-weight: 600;
}
#verify-email-btn-resend:hover {
    color: #0027c4;
}
#verification-code {
    border: 2px solid #000000;
    font-size: 14px;
    border-radius: 6px !important;
}

.info_text.verified {
    font-weight: 500;
    color: #32bea6;
    text-transform: uppercase;
}
.candidate-employment-history-table .btn-remark span {
    font-weight: 500;
    color: #32bea6;
    text-transform: uppercase;
}

/*  ---WORKERS PORTAL---  */
.worker_details .sub_title, .worker_details p {
    display: inline-block;
}
.worker_details p {
    padding: 20px;
    margin: auto;
}
.worker_details .info_details {
    width: 90%;
}
.worker_details .info_details img {
    width: 22px;
}
.fb_link {
    background-color: #4167b1 !important;
    border-color: #4167b1 !important;
}
.in_link {
    background-color: #0479ba !important;
    border-color: #0479ba !important;
}
.worker_details .info_details .sm_icon {
    width: 85px;
}
.upload_img {
    display: block;
    position: relative;
    padding: 10px 0;
}
.upload_img span {
    width: 90px;
    height: 90px;
    display: inline-block;
    background-color: #f6f6f6;
    vertical-align: top;
    margin: 2px;
    padding: 5px;
    border: 1px solid #cacaca;
}
.upload_img span img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.upload_img .btn, .info-section-btn .btn, .candidate-bookmark-table .btn, .candidate-applied-table .btn, .save-profile-btn, .cancel-form .btn {
    text-transform: uppercase;
    font-size: 14px;
    background-color: #17b8a2;
    border-color: #17b8a2;
    color: #ffffff;
    padding: 5px 30px;
    margin: 5px 0;
    border: 1px solid;
    border-radius: 5px;
}
.company-image-upload.btn,
.avatar-upload.btn { 
    position: absolute;
    right: 0;
    bottom: 18px;
}
/*.profile-photo .text-muted {
    margin-bottom: 33px;
}*/
.profile-photo .avatar-upload.btn {
    position: relative;
    bottom: 0;
}
.upload_img .btn:hover, .info-section-btn .btn:hover, .candidate-bookmark-table .btn:hover, .candidate-applied-table .btn:hover {
    background-color: #138496;
    border-color: #138496;
}
.thumbnail .thumb img {
    object-fit: cover;
}
.upload-modal h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: #112373;
}
.upload-modal-inner, .work-history-modal-inner, .tox .tox-dialog {
    box-shadow: 0 0 10px #000000b3 !important;
    position: relative;
}
.upload-modal-inner .close-upload-modal, .close-work-history-modal, .close-modal, .tox-icon {
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #17b8a2;
    padding: 5px 7.5px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 10px;
    color: #ffffff;
}
.upload-modal-inner .close-upload-modal:hover, .close-work-history-modal:hover {
    background-color: #138496;
    color: #ffffff;
}
.upload-modal-inner .dropzone {
    border: 2px dashed #c5c3c3;
    margin: 15px 0 0;
}
.upload-modal-inner .dropzone .dz-message .dz-button {
    color: #606060;
    font-size: 14px;
}
#ReplyChatFile, #applyFile {
    padding: 2px;
}
/*.work-history-modal .info_title {
    margin-bottom: 1.5px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}*/
.add-skill .element{
    position: relative;
}
.add-skill .element input {
    position: relative;
    display: inline-block;
    padding: 10px 30px 10px 20px;
    border: 2px solid #000000;
    max-width: 100%;
    margin: 5px 10px 5px 0;
    vertical-align: middle;
    border-radius: 0;
    width: 100%;
    height: unset;
    /* height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;*/
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    color: #000000;
    /*color: #495057;*/
    background-color: #fff;
    background-clip: padding-box;
    /* border: 1px solid #ced4da; */
    /* border-radius: 0.25rem; */
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.tox-tinymce {
    border: 2px solid #000 !important;
    margin-bottom: 15px;
}
.add-skill .remove {
    position: absolute;
    right: 6px;
    top: 15px;
    font-size: 11px;
    font-weight: 800;
}

.info-section {
    padding: 20px;
}
.info-section .detail_group {
    margin-bottom: 10px !important;
}
.info-section .form-control {
    padding: 5px 0;
    border: unset;
    margin: 0;
    background-color: #fbfbfb;
    font-size: 14px;
    color: #000000;
}
.info-section .detail_group .input-phone-2 {
    padding: 5px 0;
    background-color: #fbfbfb;
    color: #000000;
}
.info-section .detail_group .iti__selected-flag {
    padding: 5px 0;
}
.info-section-btn {
    text-align: right;
}
.avatar-item.selected {
    border-color: #17b8a2 !important;
}
.modal-container {
    display: block;
    padding: 30px;
    border: 1px solid #141414;
    border-radius: 16px;
    margin: 15px 5px;
    box-shadow: 0 0 10px #3d3d3d;
    background-color: #ffffff;
}
.modal, .upload-modal, .work-history-modal, .tox .tox-dialog-wrap__backdrop, #ReportModal {
    background-color: #00000087 !important;
}
.modal .btn-group {
    display: block !important;
}
.modal .btn-group .btn {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 30px;
    margin: 0;
}
.modal .close-modal {
    position: absolute;
    top: 6px;
    right: 12px;
    background-color: #ffffff;
    padding: 5px 8px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    border-radius: 50px;
    line-height: 16px;
    background-color: #17b8a2;
}
.modal .close-modal:hover {
    background-color: #138496;
}
.select2-container {
    width: 100% !important;
    max-width: 100%;
    display: block;
}
.unselectable {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #414141;
}
.unselectable::selection {
    background: transparent;
}
.verify-phone .badge {
    display: block;
    margin-top: -10px;
    background-color: #112373;
    border-radius: 0 0 3px 3px;
    color: #ffffff;
    padding: 10px;
    font-size: 16px;
}
.verify-phone .badge:hover {
    background-color: #0522a5;
    color: #ffffff;
}
.top-skills {
    padding: 10px 20px;
}
.top-skills .select2-container--default .select2-selection--multiple {
    padding: 0 10px 5px !important;
    border: 2px solid #000000;
    border-radius: 5px;
}
.top-skills .select2-search__field {
    margin: auto !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
}
.top-skills .select2-results__option, .select2-results__option, .select2-results__option--selectable {
    font-size: 14px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    /*border-radius: 15px;*/
    font-size: 13px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-right: 6px;
    margin-top: 3px;
}
/*  ---EMPLOYER SEARCH---  */
.has-search {
    position: relative;
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    top: 0;
    left: 0;
    font-size: 14px;
}
.has-search .form-control {
    border-radius: 30px;
    padding: 8px 100px 8px 40px;
    height: auto;
    border: 1px solid #aaaaaa;
}
.has-search .btn {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 12px;
    padding: 6px 30px;
    margin: 3px 0;
    border-radius: 20px;
    background-color: #112373;
    border-color: #112373;
}
.has-search .btn:hover {
    background-color: #0027c4;
    color: #ffffff;
}
._eSearch {
    text-align: center;
    padding: 30px 0;
}
._eSearch .form-group.has-search {
    width: 75%;
    display: inline-block;
    max-width: 100%;
}
._eSearch .has-search .form-control {
    border-radius: 5px;
    padding: 7px 120px 7px 30px;
    border: 1px solid #ffffff;
}
._eSearch .has-search .btn {
    top: 0px;
    right: 1px;
    font-size: 14px;
    padding: 6px 30px;
    margin: 1px 0;
    border-radius: 5px;
}
._eSearch ._adbtn {
    color: #ffffff;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 12px;
    border: 1px solid #ffffff;
    width: 150px;
    display: inline-block;
    margin: 5px;
    text-align: center;
    max-width: 100%;
}
._eSearch ._adbtn:hover {
    background-color: #112373;
    color: #ffbc00;
    border-color: #ffbc00;
}
._searchwrap {
    background-color: #f2f2f2;
    padding: 50px 0;
}
._searchform {
    text-align: center;
}
._searchform .form-group {
    text-align: left;
    display: inline-flex;
}
._searchbox {
    width: 30%;
    max-width: 100%;
    display: inline-block;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #cacaca;
    margin: 5px;
}
._searchbox .search_fields {
    width: 100%;
}
._searchbox .search_fields .checkbox {
    display: inline-block;
    margin: 5px !important;
    text-transform: capitalize;
}
._searchbox .search_fields h3 {
    padding: 10px 20px 10px 0;
    font-size: 14px;
    font-weight: 600;
    color: #112373;
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: left;
}
._searchbox .search_fields select {
    font-size: 12px;
    border-color: #000000;
    margin: 4px auto 0;
    border-radius: 5px;
}
._searchform .form-group.type-itme {
    display: inline-block;
}
._searchbox .search_fields .checkmark {
    border-color: #000000;
}
._searchform .btn-group {
    display: inline-flex !important;
}
select.form-control.block {
    display: inline-flex;
    width: 50%;
    margin: 4px 20px 0 0;
}
select.form-control.block:last-child {
    display: inline-flex;
    width: 50%;
    margin: 4px 0 0 2px;
}
.employer-search-v2 {
    padding: 50px 0;
}
._sidewrap {
    position: relative;
    display: block;
    border: 1px solid #cacaca;
    margin: 0 0 15px;
    padding: 0;
    overflow: hidden;
}
._sidewrap h3 {
    padding: 15px 20px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #112373;
    color: #ffffff;
    margin: auto;
}
._sidewrap .heading-title {
    padding: 15px 20px;
    background-color: #112373;
    color: #ffffff;
    margin-bottom: 0;
}
._sideinfo {
    padding: 20px;
}
._sideinfo .detail_group span {
    display: inline-block;
    font-size: 12px;
}
._sideinfo .detail_group .img_sm {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border: 1px solid;
}
._sideinfo .detail_group ._navicons {
    line-height: 20px;
    color: #112373;
}
._sideinfo .detail_group ._navicons .dropdown-menu {
    margin-top: 0;
    min-width: unset;
}
._sideinfo .detail_group ._navicons .dropdown-item {
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #263238;
    background-color: #f1f1f1;
    padding: 2px 10px;
    font-size: 11px;
    border-radius: 3px;
    color: #000000;
}
._sideinfo .detail_group small {
    display: block;
    color: #000000;
}
._sideinfo .detail_group ._inbox {
    color: #112373;
    font-weight: 600;
}
._sideinfo ._viewbtn {
    display: block;
    text-align: center;
    margin-top: 20px;
    color: #999999;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}
._sideinfo .form-group label {
    font-size: 13px;
    font-weight: 500;
}
._sideinfo .form-control {
    font-size: 13px;
}
.bookmarked-info {
    position: relative;
}
.bookmarked-title img {
    position: absolute;
    top: 4px;
    left: 0;
}
.bookmarked-title {
    padding-right: 48px;
    padding-left: 30px;
}
.bookmarked-title span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    padding: 0;
}
.bookmarked-info ._navicons {
    position: absolute;
    right: 0;
    top: 0;
}
.messages-info {
    position: relative;
    padding: 0;
}
.messages-title {
    padding-right: 36px;
}
.messages-title span {
    font-size: 12px;
    color: #112373;
    font-weight: 600;
}
.messages-title small {
    font-size: 11px;
}
.messages-info ._navicons {
    position: absolute;
    right: 0;
    top: 5px;
}
.messages_header {
    background-image: url(../images/background/messages-header.png);
}
.heading_img_28::before {
    background-image: url(../images/background/messages.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 500px;
    max-width: 100%;
    top: -100px;
    right: 0;
}
.support_header {
    background-image: url(../images/background/support-header.png);
}
.heading_img_29::before {
    background-image: url(../images/background/contact-support.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 370px;
    width: 500px;
    max-width: 100%;
    top: -85px;
    right: 0;
}
.employer-search-v2 .search_result_wrap {
    padding-left: 30px;
}
/*.fa-star {
    color: #ffc107;
}*/
._workersearch .job_title h2 {
    display: block;
}
.employer-search-v2 .view_details .btn_wrap, .pin_btn {
    padding: 2px 15px;
    font-size: 10px;
}
.employer-search-v2 .rank span {
    font-size: 14px;
}

.search-note {
    position: relative;
    display: block;
    padding: 100px 0;
    text-align: center;
}
.search-note h1 {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
}
.update-exp, .remove-exp, .btn-remove-bookmark, .btn-update, .delete-notif-item {
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #263238;
    background-color: #f1f1f1;
    padding: 2px 5px !important;
    font-size: 10px !important;
    border-radius: 3px;
    color: #000000 !important;
    margin: 2px;
}
.update-exp:hover, .remove-exp:hover, .btn-remove-bookmark:hover, .btn-update:hover, .delete-notif-item:hover {
    border: 1px solid #263238;
    background-color: #cacaca;
}
.btn-container {
    display: block;
    text-align: right;
    margin: 20px 0 0;
}
.btn-view-all {
    background-color: transparent;
    color: #112373;
    border: 2px solid;
    padding: 2px 10px;
    font-size: 10px;
    margin: 2px 0;
    text-align: center;
    border-radius: 25px;
    font-weight: 600;
    text-transform: uppercase;
}
.btn-view-all:hover {
    background-color: #112373;
    color: #ffffff;
    border: 2px solid #112373;
}
.iti {
    width: 100%;
    /*margin: 5px 0 15px;*/
    margin: auto;
    height: 32px;
    line-height: 32px;
}

.intl-tel-input-two {
	padding-bottom: 12px;
}

.intl-tel-input-two .iti {
	height: 46px;
}

.intl-tel-input-two #telephone {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.iti__selected-dial-code {
    font-size: 14px;
}
.input-phone-2 {
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
    border: 2px solid #000000;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 6px !important;
}
.detail_group .input-phone-2, .telephone-v {
    padding: 5px;
    border: unset;
    margin: 0;
    background-color: #fbfbfb;
    font-size: 14px;
}
.verify-email .info_details {
    padding: 0;
}
.verify-email .iti {
    margin: 0;
    width: 90%;
}
.verify-email small {
    font-size: 11px;
}
.skill-container .dataTables_wrapper {
    margin-bottom: 20px;
}

/*  ---MONEYBACK PAGE---  */
.moneyback_header {
    background-image: url(../images/background/subpage-header-background.png);
}
.heading_img_18::before {
    background-image: url(../images/background/oj-layer-25.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 500px;
    max-width: 100%;
    right: 0;
    top: -80px;
}
.moneyback-form label h4::before {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #112373;
    margin-top: -3px;
    margin-left: -15px;
}
.moneyback-form .btn-group {
    display: block !important;
}
.moneyback-form._formwrap li {
    list-style-type: none;
}
.moneyback-form._formwrap img {
    display: inline-block;
    width: 50px;
    max-width: 100%;
    margin-right: 10px;
}
.btn-group .btn {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 30px;
    margin: 0;
}
.custom-profile label {
    margin: 5px 0;
    width: 30%;
    max-width: 100%;
}
.custom-profile select {
    width: 70%;
    max-width: 100%;
    padding: 5px 10px;
    border-radius: 5px;
    border: 2px solid;
}


/*  ---APPLICANT FORM PAGE---  */
.custom-profile {
    display: flex;
    width: 100%;
    padding: 15px 20px;
    background-color: #112373;
    color: ffffff;
    vertical-align: middle;
    border-radius: 5px;
    margin: 15px 0;
}
.btn-applicant {
    position: relative;
}
.btn-applicant .btn {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 30px;
    margin: 0;
}
.rejected-btn {
    bottom: 0;
}
.form-check-label i {
    font-size: 10px;
}

/*  ---SALARY RANGE PAGE---  */
.salaryrange_header {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/salary-range-background.jpg);
    background-image: linear-gradient(#00125fc9, #00125fc9), -webkit-image-set(url(../images/background/salary-range-background.webp) 1x);
}
.heading_img_30::before {
    background-image: url(../images/background/salary-range.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 370px;
    width: 500px;
    max-width: 100%;
    top: -85px;
    right: 0;
}
.salary-progress-bar {
    padding: 10px 0;
}
.salary-progress{
    background: linear-gradient(to right, #112373 0%, #e50a0a 45%, #ffbc00 100%);
    border-radius: 8px;
    position: relative;
    margin: 15px auto;
    height: 18px;
    width: 100%;
    max-width: 800px;
}

.salary-progress-done {
    background: #cce981;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 0;
    opacity: 1;
    transition: 1s ease 0.3s;
    position: relative;
}
.salary-progress-thumb {
    position: absolute;
    width: 16px;
    height: 16px;
    right: -17px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 3px solid #8f8f8f;
}
.salary-text h2 {
    font-size: 30px;
    font-weight: 800;
    color: #112373;
    font-family: 'Roboto', sans-serif;
    margin: 30px 0;
}
.salary-text h3 {
    font-size: 22px;
    font-weight: 600;
    color: #112373;
}

/* UPLOAD HEADERS */
.upload-header {
    margin: 10px 0 20px;
}
.upload-header ul li {
    padding: 5px 20px;
    background-color: #dadada;
    margin: 2px 2px 0 0 ;
    border-radius: 5px 5px 0 0;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.upload-header ul li a {
    color: #000000;
}
.upload-header ul li.active {
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
    border-bottom: 0;
}
.upload-header .tab-content {
    background-color: #f2f2f2;
    padding: 10px;
    border-radius: 0 5px 5px 5px;
}
.upload-header .tab-content .upload_img {
    padding: 0;
}
.upload-header .tab-content .upload_img .btn {
    margin: 0 0 -20px;
}
.preset-choice {
    width: 200px;
    max-width: 100%;
    display: inline-flex;
    margin: 5px 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.preset-choice label {
    display: inline-block;
    background-color: #f6f6f6;
    vertical-align: top;
    margin: 2px;
    padding: 5px !important;
    border: 1px solid #cacaca;
}
.preset-choice [type="radio"]:not(:checked) + label:before, .preset-choice [type="radio"]:checked + label:before {
    border-radius: 50%;
    margin: 2px;
}
.preset-choice [type="radio"]:not(:checked) + label:after, .preset-choice [type="radio"]:checked + label:after {
    margin: 2px;
}

.resp-table {
    width: 100%;
    border: 1px solid;
}
.resp-table thead tr {
    font-weight: bold;
    font-size: 18px;
    position: relative;
}
.table-header-cell {
    padding: 10px;
    text-align: center;
    border-right: 1px solid #000000;
    color: #ffffff;
    width: 33.33%;
    max-width: 100%;
}
.thc-blue {
    background-color: #112373;
}
.thc-red {
    background-color: #e50a0a;
}
.thc-yellow {
    background-color: #ffbc00;
}
.price {
    background: #000000;
    color: #ffffff;
    border-radius: 50px;
    padding: 5px 20px;
    display: block;
}
/*.resp-table-body {
    display: table-row-group;
}*/
.table-body-cell {
    border-top: 1px solid;
    border-right: 1px solid;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 300;
}
.table-body-cell.salary-conversion, th.table-header-cell.thc-yellow {
    border-right: 0;
}
.table-body-cell.counter {
    text-align: left;
    font-weight: 500;
}
.table-body-cell:last-child, .table-header-cell:last-child {
    border-right: 0;
}
.resp-table-row {
    text-align: center;
}
.salary-wrapper-item h2 span {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/*  ---INNER PAGE---  */
.inner_header {
    background-image: linear-gradient(#00125fbf, #00125fbf), url(../images/background/slider-profile.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 50px 0 30px;
}
.sidebar_wrap {
    display: block;
    padding: 50px 0;
    text-align: center;
}
.sidebar_wrap .sub_title {
    background-color: #112373;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    width: 100%;
    padding: 10px 30px 10px 10px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 13px;
    margin-bottom: 10px;
    text-align: left;
}
.sidebar_wrap .form-control {
    border: 2px solid #cacaca;
    font-size: 13px;
}
.search_fields {
    width: 270px;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
}
.checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px !important;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 26px;
    text-transform: uppercase;
    text-align: left;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border: 2px solid #cacaca;
}
.checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.checkbox input:checked ~ .checkmark {
    background-color: #ffffff;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox input:checked ~ .checkmark:after {
  display: block;
}
.checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #17b8a2;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.tab-content .sub_title, .form_title, .profile-settings .sub_title {
    margin: 20px 0 30px;
    font-size: 14px;
    font-weight: 600;
    color: #112373;
    background-color: #f9f9f9;
    padding: 10px 10px 10px 25px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.tab-content .sub_title::before, .form_title::before, .profile-settings .sub_title::before {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #112373;
    margin-top: -3px;
    margin-left: -15px;
}
.tab-content .btn-preview {
    background-color: #112373;
    border: 2px solid #e1e1e1;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 5px;
}
.tab-content .btn-preview:hover {
    background-color: #e1e1e1;
    border: 2px solid #112373;
    color: #112373;
}
.generate_password {
    padding: 2px 10px;
    background-color: #ececec;
    font-size: 12px;
    margin-bottom: 10px;
    display: inline-block;
    border-radius: 5px;
    color: #112373;
    float: right;
}
.generate_password:hover {
    color: #17b8a2;
    background-color: #eeeeee;
}
.search_fields a {
    font-size: 12px;
}
.search_result_wrap {
    display: block;
    position: relative;
    padding: 50px 0;
}
.search_item {
    display: block;
    padding: 20px;
    background-color: #f9f9f9;
    margin: 10px 0 30px;
}
.search_item .profile_image {
    width: 20%;
    max-width: 100%;
    margin: 0;
    padding: 10px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.profile_image img {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border-radius: 50%;
    /*background-color: #112373;*/
    margin-bottom: 20px;
}
.profile_image h3 {
    font-size: 13px;
}
.search_details {
    width: 79%;
    max-width: 100%;
    display: inline-block;
    padding-left: 20px;
}
.job_title {
    display: block;
    padding: 10px 0 0;
}
.job_title h2 {
    font-size: 18px;
    font-weight: 600;
    color: #112373;
    margin: 2px auto;
    display: inline-block;
}
.job_title .created_by {
    display: block;
    font-style: italic;
    color: #999999;
    font-size: 12px;
}
.view_details {
    float: right;
}
.view_details .btn_wrap, .pin_btn {
    padding: 2px 20px;
    margin: auto;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}
.job_info {
    display: block;
    padding: 20px 0;
}
.job_info .detail_group {
    width: 100%;
    max-width: 100%;
    display: block;
}
.job_info .info_text {
    font-size: 14px;
}
.job_info .info_title, .job_skills .info_title {
    font-size: 15px;
    letter-spacing: 1px;
}
.job_info .excerpt {
    font-size: 14px;
}
.job_info .excerpt a {
    color: #112373;
    font-weight: 500;
}
.job_info p {
    font-size: 14px;
}
.job_info h1, .item-content h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}
.job_info h2, .item-content h2 {
    font-size: 18px;
}
.job_info h3, .item-content h3 {
    font-size: 16px;
}
.job_info h1, .job_info h2, .job_info h3, .item-content h1, .item-content h2, .item-content h3 {
    font-weight: 600;
    margin: 10px 0 20px;
}
.job-msg .message-thumb {
    padding: unset;
    border: unset;
    background: unset;
    margin: unset;
}
.skill_item {
    font-size: 12px;
    padding: 4px 20px;
    display: inline-block;
    background-color: #17b8a2;
    margin: 5px;
    border-radius: 20px;
    color: #ffffff;
}
.skill_item.second {
    background-color: #ffc107;
}
.skill_item.third {
    background-color: #555555;
}
.skill_item.third {
    background-color: #999999;
}
.rank .btn_wrap {
    width: 105px;
    margin: 2px 5px;
    text-transform: uppercase;
    padding: 2px 5px;
    text-align: center;
    font-size: 11px;
}
.btn_status1 {
    background-color: #304bb6;
    color: #ffffff;
    border: 2px solid #304bb6;
}
.btn_status2 {
    background-color: #fd1d65;
    color: #ffffff;
    border: 2px solid #fd1d65;
}
.valid-id-instructions {
    background-color: #00000087;
}
.valid-id-instructions-modal-inner {
    position: relative;
    box-shadow: 0 0 10px #505050 !important;
}
.instructions-box {
    padding-top: 30px;
}
.instructions-box h3 {
    font-size: 19px;
    font-weight: 600;
    color: #112373;
}
.instructions-box p {
    display: block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 500;
    margin: 10px auto;
}
.instructions-box .dots span:nth-child(1),
.waitlist-heading .dots span:nth-child(1){
    background-color: #112373;
}
.instructions-box ul {
    margin: 30px auto;
    padding: 30px;
    list-style-type: none;
    column-count: 1;
    column-gap: 20px;
    background-color: #f7f7f7;
    font-size: 14px;
    border-radius: 3px;
}
.instructions-box ul li {
    padding: 5px 0 5px 30px;
    vertical-align: bottom;
    position: relative;
}
.instructions-box ul li i {
    color: #2da959;
    font-size: 18px;
    padding-right: 10px;
    position: absolute;
    left: 0;
}
.rating {
    width: 82.6406px !important;
}
.rating span {
    font-size: 20px;
}
.rate-select-layer span, .rate-hover-layer span {
    color: #ffc107;
}

/*  ---MESSAGE PAGE---  */
.message_container {
    display: block;
    position: relative;
    text-align: center;
}
.inbox_col {
    max-width: 100%;
    margin: auto;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #d6d6d6;
    border-radius: 15px;
    min-height: 504px;
    margin: 10px;
    overflow: hidden;
} 
.side_nav_wrap {
    width: 30%;
}
.side_nav_msg {
    padding: 10px 20px;
    text-align: center;
    background-color: #112373;
}
.side_nav_msg a {
    color: #ffffff;
    font-size: 25px;
    margin: 0 10px;
    display: inline-block;
}
.side_nav_msg .fa-star {
    color: #ffffff;
}
.side_nav_msg a:hover, .side_nav_msg .fa-star:hover, .side_nav_msg a.active {
    color: #ffbc00;
}
.side_nav_list, .side_nav_details {
    padding: 20px;
    text-align: left;
}
.side_nav_list input {
    border: 2px solid #d6d6d6;
    padding: 8px 20px;
    border-radius: 20px;
    width: 100%;
    font-size: 15px;
}
.side_nav_list .has-search .form-control {
    padding: 8px 40px;
    border: 1px solid #d6d6d6;
}

.main_msg_wrap {
    width: 60%;
    /* line-height: 500px; */
}
.main_msg_wrap p {
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}

/*  ---POST JOB---  */
.header_section {
    background-image: linear-gradient(#00125fc9, #00020d57), url(../images/background/slider-profile.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    padding: 20px;
    /*min-height: 290px;*/
}
.header_section h2 {
    font-size: 5rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 50px 0;
    font-family: 'Roboto', sans-serif;
}
.job_form {
    position: relative;
    display: block;
    width: 1000px;
    max-width: 100%;
    margin: auto;
    padding: 30px 30px 100px;
}
.job_form form {
    padding: 50px 50px 30px;
    border-radius: 20px;
    box-shadow: 0 0 10px #1e1e1e7d;
    margin-top: -100px;
    background-color: #ffffff;
}
.job_form label {
    background-color: #112373;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    width: 300px;
    max-width: 100%;
    padding: 10px 20px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
}
.job_form .form-control {
    border: 2px solid;
    border-radius: 0;
    margin: 10px auto 20px;
}

/*  ---POST JOB v2---  */
._post-job-v2 form {
    padding: 30px 50px 50px;
}
._post-job-v2 label {
    background-color: unset;
    clip-path: unset;
    -webkit-clip-path: unset;
    -o-clip-path: unset;
    -ms-clip-path: unset;
    width: unset;
    padding: unset;
    color: #112373;
}
._post-job-v2 .form-control {
    font-size: 14px;
}
._step-header {
    display: block;
    text-align: center;
    padding: 10px 0;
    margin-bottom: 30px;
}
._step {
    display: inline-block;
    padding: 5px 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #323232;
    position: relative;
}
._step span {
    padding: 20px 10px;
    margin: 5px;
    background-color: #ebebeb;
    height: 30px;
    width: 40px;
    display: inline-block;
    border-radius: 50%;
    line-height: 1px;
    color: #ffffff;
}
._step.active {
    color: #000000;
}
._step.active span {
    background-color: #17b8a2;
}
._edit-btn i {
    line-height: 24px;
    color: #9b9b9b;
    margin: 0 2px;
}
.job-form-container {
    margin: 50px 0 0;
    padding: 30px 50px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2);
}
.stepy-header {
    list-style-type: none;
    padding: 0;
    margin: 10px 0 60px;
    text-align: center;
}
.stepy-header li {
    display: inline-block;
    padding: 5px 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #5a5a5a;
    position: relative;
    font-size: 12px;
    letter-spacing: 2px;
}
.stepy-header li span {
    padding: 15px 10px;
    margin: 5px;
    background-color: #ebebeb;
    height: 20px;
    width: 30px;
    display: inline-block;
    border-radius: 50%;
    line-height: 1px;
    color: #ffffff;
    font-size: 15px;
}
.stepy-header .stepy-active span {
    background-color: #4768b5;
    padding: 20px 10px;
    height: 30px;
    width: 40px;
    font-size: 20px;
}
.stepy-header .stepy-active {
    color: #000000;
    font-size: 14px;
}
#step-step-2 button.btn.btn_wrap.btn-info.stepy-finish {
    margin-left: -45px;
    display: inline-block;
}
.form-content-wrap {
    padding: 20px 30px;
    background-color: #fafafa;
    margin-bottom: 50px;
}
.add.btn_wrap {
    margin: 0;
    padding: 2px 20px;
    text-transform: uppercase;
    font-size: 12px;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    /* left: 0; */
    opacity: 0.01;
    margin-left: 3px;
    z-index: 99;
    cursor: pointer;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 2.3em;
    font-size: 13px;
    line-height: 1.7;
    cursor: pointer;
    font-weight: 500;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #aaa;
    background: #FFF;
    border-radius: .2em;
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(34, 237, 61, 0.2);
    -webkit-transition: all .275s;
            transition: all .275s;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '\2713';
    position: absolute;
    top: .525em;
    left: .18em;
    font-size: 1.375em;
    color: #17b8a2;
    line-height: 0;
    -webkit-transition: all .2s;
            transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
            transform: scale(0) rotate(45deg);
}
[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
}
/* Disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #e9e9e9;
}
[type="checkbox"]:disabled:checked + label:after {
    color: #777;
}
[type="checkbox"]:disabled + label {
    color: #aaa;
}
/* Accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(203, 34, 237, .2);
}
select {
    font-size: 14px;
}
/*select {
    height: auto;
}
option {
    height: 7em;
    overflow: scroll;
}*/
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="checkbox"]:focus,
.uneditable-input:focus,
.form-control:focus {   
  border-color: #141414;
  box-shadow: none;
  /*box-shadow: 0 1px 1px #dadada inset, 0 0 8px #dadada;*/
  outline: 0 none;
}
.form-group label {
    font-weight: 600;
    margin: auto;
    /*color: #112373;*/
}
.form_subtitle {
    font-weight: 600;
    margin: auto;
    color: #112373;
    font-size: 16px;
}
.info_details, .form-control {
    position: relative;
    display: inline-block;
    padding: 10px;
    border: 2px solid #9b9b9b;
    max-width: 100%;
    margin: auto;
    vertical-align: middle;
    border-radius: 0;
    font-size: 14px;
    height: unset;
    line-height: 22px;
    font-weight: 400;
}
.form-group select {
    padding: 0.375rem 0.75rem;
}
.add-skill .element{
    position: relative;
}
/* Base for label styling */
[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    position: relative;
    padding-left: 2.3em;
    /*font-size: 1.05em;*/
    font-size: 13px;
    line-height: 1.7;
    cursor: pointer;
    font-weight: 500;
}
/* radio aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #aaa;
    background: #FFF;
    border-radius: .2em;
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(34, 237, 61, 0.2);
    -webkit-transition: all .275s;
            transition: all .275s;
}
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
    content: '\2713';
    position: absolute;
    top: .525em;
    left: .18em;
    font-size: 1.375em;
    color: #17b8a2;
    line-height: 0;
    -webkit-transition: all .2s;
            transition: all .2s;
}
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
            transform: scale(0) rotate(45deg);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
            transform: scale(1) rotate(0);
}
/* Disabled radio */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #e9e9e9;
}
[type="radio"]:disabled:checked + label:after {
    color: #777;
}
[type="radio"]:disabled + label {
    color: #aaa;
}
/* Accessibility */
[type="radio"]:checked:focus + label:before,
[type="radio"]:not(:checked):focus + label:before {
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(0,0,0, .1);
}
.modal-form-container [type="radio"]:not(:checked) + label, .modal-form-container [type="radio"]:checked + label {
    padding-left: 2em;
    font-size: 14px;
}
#bm-candidate-list .select2-search__field {
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
#bm-candidate-list .select2-selection.select2-selection--multiple {
    padding: 5px 10px 10px !important;
    border: 2px solid #000000;
    
}
#skill-item-wrapper div {
  position: relative;
}
.add-skill .remove {
  position: absolute;
  font-size: 11px;
  font-weight: 800;
  background: #fff;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 20px;
  border-radius: 50%;
  color: #f00;
  top: 16px;
  right: -30px;
  border: 1px solid;
}
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .75rem + 2px);
}
.select2-container--default .select2-selection--single {
    border: 2px solid #000000;
    border-radius: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5em + .75rem + 2px);
}
.user-skills-list .btn-info {
    background-color: #112373;
    padding: 5px 20px
}
/*.sub-acc-info3 .text-danger {
    font-size: 12px;
    margin-bottom: 5px;
    /*margin: -10px auto 10px;
    display: inline-block;
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 5px 10px;
}
.details_info p.text-danger {
    margin-bottom: -10px !important;
}*/
.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
    display: inline-block;
    width: 50%;
}
.col-sm-12 .dataTables_length, 
.col-sm-12 .dataTables_filter,
.col-sm-12 .dataTables_info,
.col-sm-12 .dataTables_paginate {
    width: 100%;
}
div.dataTables_wrapper div.dataTables_length select {
    padding: 2px 5px;
    margin: unset !important;
    border: 1px solid #cacaca;
    font-size: unset;
}
div.dataTables_wrapper div.dataTables_filter input {
    padding: 2px 5px;
    border: 1px solid #cacaca;
    font-size: unset;
}
.tab-pane .table thead th {
    color: #112373;
}
.tab-pane .table td {
    font-size: 13px;
}
table.dataTable tbody tr:hover {
    background-color: #f1f1f1;
}
.page-item.active .page-link {
    background-color: #112373;
    border-color: #112373;
}
.pagination .paginate_button {
    padding: 0 !important;
}
/*.tab-pane .table td:last-child {
    border-right: 2px solid #d1d1d1;
}
.paginate_button {
    font-size: 12px;
    padding: 5px !important;
    color: #112373;
    font-weight: 500;
}
.paginate_button:hover {
    border: unset !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    border: unset !important;
    background: unset !important;
}*/
.profile-settings {
    padding-bottom: 50px;
}

.roadmap_header {
    background-image: url(../images/background/roadmap-header.png);
}
.heading_img_27::before {
    background-image: url(../images/background/os-roadmap.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 435px;
    width: 550px;
    max-width: 100%;
    top: -126px;
    right: 0;
}
.map-content {
    padding: 50px 0 0;
}

/*  ---PINNED JOBS---  */
.faqs1_header {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/page-header-background.png);
}
.jobpost-header {
    background-image: url(../images/background/job-post-header.png);
}
.invoice-header {
    background-image: url(../images/background/invoice-header.png);
}
.report-header {
    background-image: url(../images/background/reports-header.png);
}
.jobapplicant-header {
    background-image: url(../images/background/job-applicant-header.png);
}
.cancelplan-wrap {
    padding: 35px 30px 30px;
    background-color: #f6f6f6;
    border-radius: 10px;
    margin: 10px;
    border: 2px solid #e50a0a;
    border-left: 20px solid #e50a0a;
}
.cancel-form .form-group label {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}
.cancel-form .form-control {
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
    border: 2px solid #000000;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 6px !important;
    font-weight: 400;
}
.cancel-form .btn:hover {
    background-color: #e50a0a;
}
.page_header {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    min-height: 400px;
    padding: 120px 0;
}
.page_header .topheader_text {
    font-size: 14px;
}
.page_header .header_text {
    width: 100%;
    font-size: 6rem;
    line-height: 5.1rem;
    text-transform: uppercase;
    margin: 10px 0;
}
.page_content {
    padding: 50px 0;
    position: relative;
}
.fullslide_banner .heading_container p {
    width: 60%;
    color: #ffffff;
}
.heading_img_17::before {
    background-image: url(../images/background/oj-layer-23.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 100%;
    max-width: 100%;
    top: -70px;
    right: 0;
}
.heading_img_08::before {
    background-image: url(../images/background/oj-layer-11.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 550px;
    max-width: 100%;
    top: -70px;
    right: 0;
}
.topheader_text {
    display: block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    margin: 10px auto;
}
.header_text {
    width: 100%;
    max-width: 100%;
    font-size: 6rem;
    /* font-weight: 600; */
    line-height: 4.5rem;
    color: #ffffff;
    text-transform: capitalize;
    margin-bottom: 20px;
    font-family: 'bebas_neueregular', sans-serif;
    letter-spacing: 1px;
}
.header_text span {
    color: #ffbc00;
}
.subheader_text {
    color: #ffffff;
    font-size: 22px;
    line-height: 35px;
    margin: 0;
}
table a {
    color: #000000;
}
table a:hover {
    color: #0027c4;
}
.table {
  border-spacing: 0 0.85rem !important;
  border-collapse: separate;
}
.table.experience-table {
    display: table;
}
.table .dropdown {
  display: inline-block;
}
.table td,
.table th {
  /*vertical-align: middle;*/
  margin-bottom: 10px;
  border: none;
    padding: 0.75rem 1.4rem;
}
.table thead tr,
.table thead th {
  border: none;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: #ebebeb;
  font-weight: 600;
  /*background: #eceffc;
  text-align: center;*/
}
.table thead th {
    vertical-align: middle;
}
.table td {
  /*background: #fff;
  border-top: 2px solid #d1d1d1;
  border-bottom: 2px solid #d1d1d1;*/
    font-size: 13px;
}
/*.table td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left: 2px solid #d1d1d1;
}*/
table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer {
    border-bottom: unset !important;
}
.pinned-jobs .table td:nth-child(4) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 2px solid #d1d1d1;
    /*width: 40%;*/
}
/*.emp-job-list .table td:nth-child(3) {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 2px solid #d1d1d1;
    width: 40%;
}*/
.account-post-job-form .table td:nth-child(3) {
    /*border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 2px solid #d1d1d1;*/
    width: 50%;
}
/*.table td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}*/
table.dataTable.dtr-inline.collapsed
  > tbody
  > tr[role="row"]
  > td:first-child:before,
table.dataTable.dtr-inline.collapsed
  > tbody
  > tr[role="row"]
  > th:first-child:before {
  top: 28px;
  left: 14px;
  border: none;
  box-shadow: none;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
  padding-left: 48px;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  width: 100%;
}
table.dataTable > tbody > tr.child span.dtr-title {
  min-width: 50%;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  padding: 0.75rem 1rem 0.125rem;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: #112373 !important;
}
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label {
  font-size: 12px;
}
div.dataTables_wrapper div.dataTables_info, .pagination {
    font-size: 12px;
}
/*.page-item.active .page-link {
    background-color: #112373;
    border-color: #112373;
}*/
.form-control-sm {
    border: 1px solid #dee2e6;
    margin: unset;
    vertical-align: middle;
    border-radius: 0.2rem;
    padding: 0.25rem 0.5rem;
}
div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}
div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    max-width: 70%;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    padding: 1px;
}

.emp-job-list tr th:last-child, .account-post-job-form tr th:last-child {
    text-align: center;
}
.pin-btn {
    margin: 20px 0;
    text-align: right;
}
.pin-btn .btn_wrap {
    color: #112373;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 12px;
    border: 1px solid #112373;
    width: 180px;
    display: inline-block;
    margin: 5px;
    text-align: center;
    max-width: 100%;
    text-transform: uppercase;
}
.pin-btn .btn_wrap.btn_oj2 {
    color: #ffffff;
}
.pin-btn .btn_wrap:hover {
    color: #ffffff;
}
.upload-modal, .profile-save-loader {
    display: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #ffffff;
    background: #112373;
}
.progress-bar-wrap {
    padding: 10px;
}
#completeness-content .progress-bar-wrap {
    padding: 10px 0;
    margin: 0 -15px;
}
#completeness-content .profile-info {
    margin: 10px -15px;
}
#completeness-content .profile-info span {
    font-size: 13px;
}
.progress-note {
    font-weight: 500;
    padding: 5px 10px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}
.progress-note span {
    color: #32bea6;
}
.progress-bar {
    width: 100%;
    background-color: #e5e5e5;
    border-radius: 3px;
}
.progress-bar-fill {
    display: block;
    height: 12px;
    background-color: #32bea6;
    border-radius: 3px;
    transition: width 500ms ease-in-out;
}
.jobtemplate-header {
    background-image: url(../images/background/job-template-background.png);
}
.heading_img_25::before {
    background-image: url(../images/background/job-templates.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 410px;
    width: 506px;
    max-width: 100%;
    top: -120px;
    right: 0;
}
.add-job-template {
    display: block;
    padding: 40px 20px;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    margin: 30px 0 0;
    box-shadow: 0 0 5px #dfdfdf;
}

/*  ---TEMPLATES---  */
.template-header {
    background-image: url(../images/background/templates-header.png);
}
.heading_img_31::before {
    background-image: url(../images/background/templates.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 360px;
    width: 483px;
    max-width: 100%;
    top: -68px;
    right: 0;
}
.templates-btn {
    text-align: center;
    padding: 30px 0;
}
.templates-btn a {
    color: #ffffff;
    border-radius: 5px;
    padding: 10px 30px;
}
.templates-btn a img {
    width: 25px;
    margin-right: 8px;
}
.job-template {
    background-color: #2ecc8f;
}
.reject-template {
    background-color: #e50a0a;
}
.job-template-header {
    background-image: url(../images/background/job-templates-header.png);
}
.heading_img_32::before {
    background-image: url(../images/background/job-template.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 440px;
    width: 100%;
    max-width: 100%;
    top: -115px;
    right: 0;
}
.reject-template-header {
    background-image: url(../images/background/reject-templates-header.png);
}
.heading_img_33::before {
    background-image: url(../images/background/reject-templates.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 100%;
    max-width: 100%;
    top: -100px;
    right: 0;
}
/*  ---CLIENT SEARCH---  */
.list_container {
    display: block;
    position: relative;
    /* display: flex;
    flex-wrap: wrap; */
}
.wrap_item {
    width: 32%;
    display: inline-flex;
    padding: 5px;
    margin: auto;
    position: relative;
    text-align: center;
    vertical-align: top;
}
.list_container .wrap_item_box {
    padding: 10px;
    margin-bottom: 5px;
    display: block;
    border: 2px solid #dfdfdf;
    border-radius: 15px;
    box-shadow: 0px 2px 8px #e7e7e7;
    background-color: #ffffff;
    width: 100%;
}
.list_container .wrap_item_box img {
    border-radius: unset;
    margin-bottom: 20px;
}
.list_container .wrap_item_box .job_title {
    min-height: 85px;
}
.list_container .icon_image {
    display: block;
    width: 120px;
    height: 120px;
    object-fit: contain;
    margin: auto !important;
    padding: 0;
    text-align: center;
}
.icon_wrap {
    width: 120px;
    height: 120px;
    margin: 20px auto 0;
}
.job_title h4 {
    text-transform: uppercase;
    font-weight: 800;
    color: #112373;
    font-size: 20px;
    min-height: 45px;
    margin-bottom: 0;
}
.job_title h4 span {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #1e1e1e;
}
.more-btn {
    font-size: 12px;
    display: block;
    /* background-color: #e2e2e2; */
    padding: 2px;
    color: #000000;
    width: 130px;
    border-radius: 2px;
    margin: auto;
    text-transform: uppercase;
}
/* .more-btn:hover {
    background-color: #112373;
    color: #ffffff;
    text-transform: uppercase;
} */
.list_container .btn {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    border: 2px solid;
    border-radius: 30px;
    margin: 10px auto;
    padding: 5px 25px;
}
.list_container .btn:hover {
    background-color: #e50a0a;
    color: #ffffff;
    border-color: #000000;
}
.efs ._sidewrap .form-group {
    margin-bottom: 0;
}
.efs ._sidewrap select.form-control.block {
    width: 48%;
    margin: 0 2px;
}
.efs .info_details, .form-control {
    border: 2px solid #000000;
    border-radius: 3px;
}
.efs .checkmark {
    border: 2px solid #000000;
    border-radius: 3px;
}
.efs .checkbox {
    color: #000000 !important;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 400 !important;
}
.text-gray {
    color: #5b5b5b;
}
.jobs-client.jobs-client .btn_wrap {
    font-size: 16px;
    padding: 2px 15px;
}
.filter-btn {
    padding: 0 0 10px;
}
.filter-btn button {
    font-size: 12px;
    padding: 2px 20px;
    text-align: center;
    margin: 0;
    color: #ffffff;
    border-radius: 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    max-width: 100%;
    display: inline-block;
    border: unset;
}
.filter-btn .btn-warning {
    background-color: #e50a0a;
}
.filter-btn .btn-warning:hover {
    background-color: #ffbc00;
}
.filter-btn .btn-info {
    background-color: #112373;
}
.filter-btn .btn-info:hover {
    background-color: #0027c4;
}
.sub-category-list .icon_image {
    width: 120px;
    margin: 20px auto !important;
}
.sub-category-list .wrap_item_box .job_title {
    min-height: unset;
}
.sub-category-list .job_title h4 {
    font-size: 20px;
    font-weight: 800;
    min-height: 50px;
    padding: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sub-category-list .job_title h4:hover {
    color: #e50a0a;
}
.empty-list {
    filter: grayscale(100%);
}
.breadcrumbs-search {
    padding: 16px 20px 12px;
}
.deactivated-acct {
    position: relative;
    display: block;
    margin: 10px auto 30px;
    padding: 30px;
    background-color: #ffffff;
    border-radius: 3px;
    text-align: left;
    width: 100%;
    max-width: 100%;
    border: 2px solid #e50a0a;
    border-left: 10px solid #e50a0a;
    box-shadow: 0 0 5px #b1b1b1;
}
.deactivated-acct h3, .deactivated-acct span {
    font-size: 20px !important;
    font-weight: 600;
    color: #e50a0a;
}
.deactivated-acct a {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 500;
    margin: auto;
    background-color: #112373;
    color: #ffffff;
    padding: 5px 30px;
    border-radius: 20px;
}
.deactivated-acct a:hover {
    background-color: #e50a0a;
}
.job-page .messages-chat {
    background: rgb(20 46 75);
    /* background: radial-gradient(circle, #d8e5ef 0%, rgb(104 90 90) 100%); */
    border: 2px solid #000000;
    border-radius: 10px;
    margin: 10px 0 20px;
    box-shadow: 0 0 5px #dfdfdf;
}
.job-page .message-text {
    background-color: #fffeed;
}
.job-page .message-img img {
    background: #ffffff;
    border: 2px solid #ffffff;
    /* box-shadow: 0 0 5px #dfdfdf; */
}
.chat-container::-webkit-scrollbar-track {
  background: #ebebeb; 
  border-radius: 0 50px 50px 0;
}
 
.chat-container::-webkit-scrollbar-thumb {
  background: #112373; 
}

.chat-container::-webkit-scrollbar-thumb:hover {
  background: #8491a1;
}
.candidate-banner .deactivated-acct {
    display: block;
    margin: 10px 0;
    padding: 10px 36px;
    background-color: #000e47;
    text-align: center;
    border: 2px solid #ffbc00;
    border-radius: 0;
}
.candidate-banner .deactivated-acct::after {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #ffbc00;
    border-top: 0;
    margin-left: -20px;
    margin-top: -10px;
}
.candidate-banner .deactivated-acct span {
    color: #e50a0a;
    font-weight: 600;
    font-size: 14px;
    display: block;
    line-height: 20px;
}
.candidate-banner .deactivated-acct a {
    margin: 0;
    line-height: 12px;
    color: #cacaca;
}
.candidate-banner .deactivated-acct a:hover {
    color: #17b8a2;
}
.candidate-banner .deactivated-acct a > .deactivated-acct:hover {
    border-color: #17b8a2
}
.candidate-banner .view-profile-btn {
    margin: 10px 0;
}
.tool-menu .dropdown-toggle {
    display: block;
    border: unset;
    background: unset;
    display: block;
    width: 100%;
    text-align: left;
}
.tool-menu .dropdown-menu {
    position: relative;
    right: unset;
    padding: 0;
    background-color: unset;
    border: unset;
    margin-top: 10px;
    text-indent: 20px;
}
.tool-menu .dropdown-toggle::after {
    display: none;
}
.calc-months {
    background-color: #e9ecef;
    margin: 5px 0 10px;
    padding: 20px 10px;
    border-radius: 5px;
    box-shadow: 0 0 5px #dfdfdf;
    border: 1px solid #cacaca;
}
.calc-months .form-control {
    margin: 0;
}
.calc-months .form_subtitle {
    margin: 10px 0;
    display: block;
    padding: 5px 10px;
    background-color: #f9f9f9;
    color: #112373;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    border-radius: 0 10px 10px 0;
    position: relative;
    border-left: 5px solid #ffbc00;
    box-shadow: 0 0 5px #c1c1c1;
}
#applicant-view-chat {
    display: block;
    background: #ffffff;
}
#applicant-view-chat .receiver, #applicant-view-chat .sender {
    display: block;
}
#applicant-view-chat .message-img img {
    display: inline-block;
    border: 2px solid #ebebeb;
}
#applicant-view-chat .message-text {
    padding: 10px 0;
    margin-top: 30px;
    display: block;
    width: 100%;
    margin: 0;
    /*border-radius: 3px;
    background-color: #cacaca;*/
}
#applicant-view-chat .message-thumb {
    padding: 5px 0;
    border: unset;
    background: unset;
    margin: 2px 0;
    position: relative;
}
#applicant-view-chat .message-thumb img {
    background-color: #f3f3f3;
}
#applicant-view-chat .message-thumb .remove-id-btn {
    margin-left: -16px;
    margin-top: -10px;
    right: -8px;
    top: 6px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: #ffffff;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    line-height: 19px;
    color: #cacaca;
    border: 1px solid;
}
#applicant-view-chat .message-thumb .remove-id-btn:hover {
    color: #dc3545;
  }
#applicant-view-chat .message-body-sender {
    background-color: #2b2a2a;
    border-radius: 10px;
    margin-left: 50px;
    padding: 0 15px;
}
#applicant-view-chat .sender .message-text {
    margin-left: 0;
}
#applicant-view-chat .message-main-sender .message-text {
    text-align: right;
}
#applicant-view-chat .sender .message-img {
    float: none;
    display: block;
}
#applicant-view-chat .sender .message-img img {
    display: none !important;
}
.user-notif {
    position: absolute;
    top: 7px;
    color: #fafafa;
    text-shadow: unset;
    font-weight: 300;
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px;
    left: 65px;
    border-radius: 3px;
    background-color: #272727;
}
.alternate-employer .user-notif {
    color: #081759;
    padding: 5px 0;
    font-size: 13px;
    border-radius: 3px;
    background-color: transparent;
    font-weight: 600;
}
.alternate-candidate .user-notif {
    color: #000000;
    padding: 5px 0;
    font-size: 13px;
    border-radius: 3px;
    background-color: transparent;
    font-weight: 600;
}
#applicant-view-chat .message-time {
    color: #7a7a7a;
}
/*#applicant-view-chat .alternate-employer {
    background-color: #112373 !important;
}*/
#applicant-view-chat .message-main-receiver {
    /*background-color: #141414;*/
    padding: 10px;
    border-radius: 3px;
}
#applicant-view-chat .alternate-candidate .message-text {
    background-color: transparent;
}
#applicant-view-chat .alternate-employer .message-text {
    background-color: transparent;
}
.message-wrapper {
    display: block;
    width: 100%;
    margin-left: 20px;
    padding: 10px 20px;
    border-radius: 10px;
}
.message-wrapper .user-notif {
    position: relative;
    left: 0;
    top: 0;
}
#applicant-view-chat .alternate-candidate .message-wrapper {
    background-color: #ebebeb;
}
#applicant-view-chat .alternate-employer .message-wrapper {
    background-color: #e9ecef;
}
#applicant-view-chat .message-img .message-wrapper img {
    height: auto;
}
.header-chat .profile-img-handle-no-link img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 2px solid #3f59a3;
    margin-left: 20px;
}
.message-text .jobSectionHeader {
    font-size: 18px;
}
/*#applicant-view-chat .message-main-receiver.alternate-employer {
    background-color: #112373 !important;
}*/
.video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 53.25%;
}
#ivideoURL {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.status-section label {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}
.status-section select {
    padding: 2px 5px;
    margin: unset !important;
    border: 1px solid #cacaca;
    font-size: 12px;
    border-radius: 3px;
}
.btn-viewreject {
    font-size: 12px;
    padding: 0px 10px;
    margin: 2px;
}
.btn-reject {
    font-size: 12px;
    padding: 0px 10px;
    text-align: center;
    border: 2px solid #e50a0a;
    background-color: #e50a0a;
    margin: 2px;
}
.view-public-profile {
    position: relative;
    text-align: center;
    height: auto;
}
.public-profile-banner {
    min-height: 333px;
    background-image: linear-gradient(#18339f78, #00105000), url(../images/background/slider-profile.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.public-profile-banner img {
    min-height: 350px;
    height: 100%;
    object-fit: cover;
    max-height: 350px;
}
.public-profile-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 50px 20px;
}
.button-container {
    display: flex;
}
.button-container .info-section-btn {
    margin-left: 5px;
}
.button-container .info-section-btn .btn {
    margin: auto;
    padding: 12px 30px;
}

/* --INVOICE-- */
.invoiceContainer {
    padding: 10px 0 30px;
}
.container-invoice {
    display: block;
    padding: 30px;
    background-color: #ffffff;
    box-shadow: 0 0 5px #dfdfdf;
}
.web-logo {
    display: block;
    text-align: center;
}
.web-logo img {
    width: 250px;
}
.text-secondary-d1 {
    color: #728299;
}
.page-header {
    margin: 0 0 1rem;
    padding-bottom: 1rem;
    padding-top: .5rem;
    border-bottom: 1px dotted #e2e2e2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}
.page-title {
    padding: 0;
    margin: 0;
    font-size: 1.75rem;
    font-weight: 300;
}
.brc-default-l1 {
    border-color: #dce9f0;
}
.mx-n1 {
    margin-left: -.25rem;
    margin-right: -.25rem;
}

.mb-4 {
    margin-bottom: 1.5rem;
}
.bill-info {
    text-align: right;
}


/*  ---PINNED JOBS---  */
.faqs1_header {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/page-header-background.png);
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
.text-grey-m2 {
    color: #141414;
    font-size: 14px;
}
.text-600 {
    font-weight: 600;
}
.text-110 {
    font-size: 110%;
}
.text-100 {
    font-size: 14px !important;
}
.text-blue {
    color: #23378e;
}
.bgc-default-tp1 {
    background-color: #728299 !important;
}
.table .bgc-default-tp1 tr, .table .bgc-default-tp1 th {
    background: unset;
}
.page-header .page-tools {
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.btn-light {
    color: #757984;
    background-color: #f5f6f9;
    border-color: #dddfe4;
}
.w-2 {
    width: 1rem;
}

.text-120 {
    font-size: 120%;
}
.text-primary-m1 {
    color: #4087d4;
}

.text-danger-m1 {
    color: #dd4949;
}
.text-blue-m2 {
    color: #728299;
}
.text-150 {
    font-size: 150%;
}
.d-none {
    display: table-cell !important;
}
.display-none {
    display: none !important;
}
.text-secondary-m1 {
    font-size: 13px;
    font-weight: 300;
    color: #8c91a5;
}
.text-grey-d2 {
    color: #707070;
    font-size: 14px;
}
.invoiceTable {
    background-color: #f7f7f7;
}
.action-buttons .btn {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
}
.billing-info .border-btn .btn {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 40px;
}
.billing-info .border-btn .btn-info:disabled {
    background-color: #728299;
    border-color: #728299;
}
#payment-price {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #9b9b9b;
    max-width: 100%;
    margin: auto;
    vertical-align: middle;
    border-radius: 0;
    font-size: 14px;
    width: 100%;
    max-width: 100%;
}
.subscription-info {
    position: relative;
    display: block;
    margin: 10px auto 30px;
    padding: 20px;
    background-color: #ffd257;
    border-radius: 3px;
    border: 2px solid #ffffff;
    text-align: center;
    box-shadow: 0 0 5px #dfdfdf;
}
.subscription-info p {
    font-size: 18px;
    font-weight: 600;
    margin: auto;
}

.wwvw-bubble-container {
    visibility: hidden!important;
    display: none;
}

/*  ---REPORTS--- */
.report-wrapper {
    display: block;
    text-align: center;
    padding: 10px;
}
.report-box {
    width: 300px;
    max-width: 100%;
    display: inline-block;
    margin: 5px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    box-shadow: 0 0 5px #dfdfdf;
    overflow: hidden;
}
.report-box h3 {
    background-color: #112373;
    padding: 15px 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    border-left: 5px solid #e50a0a;
}
.report-box span {
    display: block;
    padding: 20px;
    font-size: 50px;
    font-weight: 600;
}
.report-box a {
    color: #141414;
}
.report-box a:hover {
    color: #112373;
}
.btn-save-changes {
    text-transform: uppercase;
    font-size: 14px;
    border: 1px solid #17b8a2;
    padding: 5px 30px;
    margin: 5px 0;
    display: inline-block;
    font-weight: 300;
    color: #17b8a2;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*  ---THANKYOU Page--- */
.thank-you-wrap {
    text-align: center;
    padding: 30px 0;
}
.thank-you-wrap h1 {
    color: #112373;
    font-size: 3.5rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    margin: auto;
}
.thank-you-wrap .dots span:nth-child(1) {
    background-color: #112373;
}
.thank-you-note {
    padding: 50px 0 0;
}
.thank-you-note {
    padding: 50px 10px;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    box-shadow: 0 0 5px #dfdfdf;
    width: 500px;
    max-width: 100%;
    margin: 50px auto 10px;
}
.thank-you-note i {
    font-size: 80px;
    color: #17b8a2;
    display: block;
    margin: 30px 0;
}
.thank-you-note .btn {
    font-size: 14px;
}
.thank-you-note p {
    margin: auto;
}
.thank-you-note span {
    display: block;
    font-size: 14px;
    margin: 30px 20px;
}
.emp-view-jobs .content h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
}
.emp-view-jobs .content h2 {
    font-size: 22px;
}
.emp-view-jobs .content h3 {
    font-size: 20px;
}
.emp-view-jobs .content h1, .emp-view-jobs .content h2, .emp-view-jobs .content h3 {
    font-weight: 600;
    margin: 10px 0 20px;
}

.heading_img_20::before {
    background-image: url(../images/background/job-post.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 450px;
    max-width: 100%;
    top: -70px;
    right: 0;
}
.heading_img_21::before {
    background-image: url(../images/background/client-reports.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 440px;
    max-width: 100%;
    top: -70px;
    right: 0;
}
.heading_img_22::before {
    background-image: url(../images/background/bookmarked-workers.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 450px;
    max-width: 100%;
    top: -70px;
    right: 0;
}
.heading_img_23::before {
    background-image: url(../images/background/job-applicants.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 450px;
    max-width: 100%;
    top: -70px;
    right: 0;
}
.heading_img_24::before {
    background-image: url(../images/background/client-invoice.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 500px;
    width: 510px;
    max-width: 100%;
    top: -126px;
    right: 0;
}
.waitlist-header {
    background-image: url(../images/background/waitlist-header.png);
    padding: 80px 0;
}
.heading_img_26::before {
    background-image: url(../images/background/waitlist.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: " ";
    position: absolute;
    display: block;
    height: 400px;
    width: 400px;
    max-width: 100%;
    top: -50px;
    right: 0;
}
.waitlist-heading2 {
    display: block;
    padding: 20px;
    background-color: #ffbc00;
    border-radius: 3px;
    border: 2px solid #000000;
}
.waitlist-heading2 label {
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}
.waitlist-heading2 p {
    margin: 0;
    font-size: 14px;
}
.waitlist-heading2 p a {
    color: #000000;
    background-color: #ffbc00;
    border-radius: 3px;
    padding: 2px 5px;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    border: 1px solid #000000;
}
.form-row.waitlist-skills {
    width: 100%;
    text-align: center;
    display: block;
    margin: auto;
}
.form-row.waitlist-skills .add-skill {
    margin: auto;
}
.acct-suspended {
    display: block;
    padding: 35px 30px 30px;
    background-color: #f6f6f6;
    border-radius: 10px;
    margin: 50px auto 0;
    border: 2px solid #e50a0a;
    border-left: 20px solid #e50a0a;
    width: 800px;
    max-width: 100%;
}
.acct-suspended .page_heading h2 {
    font-size: 30px;
    font-weight: 800;
    color: #e50a0a;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
}
.acct-suspended .page_heading p {
    letter-spacing: 1px;
    margin: auto;
}
.acct-suspended .notes {
    margin-top: 50px;
}
.fancybox__container {
    width: 1400px;
    max-width: 100%;
    margin: auto !important;
    height: 900px;
    max-height: fit-content;
    border-radius: 10px;
}
.grv-bell-wrap.right {
    right: 13px;
}
button#chatbase-bubble-button {
    bottom: 75px !important;
}

/*  ---FOOTER--- */
footer {
    padding-top: 50px;
}
.top-bar-footer {
    display: block;
    position: relative;
    padding: 50px 0;
    background-color: #ebebeb;
}
.footer-menu {
    display: block;
}
.footer-item {
    display: inline-block;
    width: 288px;
    max-width: 100%;
    vertical-align: top;
    padding: 20px;
}
.footer-item span {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 20px;
    color: #112373;
    display: block;
}
.footer-item ul {
    margin: auto;
    padding: 0;
    list-style-type: none;
}
.footer-item ul li a {
    font-size: 13px;
    color: #000000;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
.bottom-bar-footer {
    display: block;
    position: relative;
    text-align: center;
    background-color: #112373;
    padding: 50px 0;
}
.widget_wrap img {
    width: 400px;
    margin-bottom: 30px;
}
.widget_wrap p {
    font-size: 13px;
    margin-bottom: 10px;
}
.widget_wrap a {
    color: #ffffff;
}
.widget_wrap a:hover {
    color: #e50a0a;
}
.hover-fx {
    font-size: 15px;
    display: inline-block !important;
    cursor: pointer;
    margin: 5px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 5px;
    text-align: center;
    position: relative;
    color: #fff;
    background-color: rgb(229 10 10);
    transition: 300ms;
}
.hover-fx:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  content: '';
  box-sizing: content-box;
  box-shadow: 0 0 0 1px #fff;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 300ms;
}
.hover-fx:hover {
  background-color: #fff;
  color: #e50a0a;
}
.hover-fx:hover:after {
  opacity: 1;
  transform: scale(1.15);
}
.fab {
    line-height: 25px !important;
}

/* NEW FOOTER*/
.footer-bar {
    background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/background/footer-background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding: 100px 0;
}
.footer-bar .widget_wrap {
    text-align: right;
}
.message-body.new-msg {
    background: #e9ecef;
    border-radius: 5px;
    box-shadow: 0 0 8px #5d6899;
    /*box-shadow: 0 0 5px #ffe592;*/
}

/*INFO MODAL*/
.modalDialog {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 100ms ease-in;
    -moz-transition: opacity 100ms ease-in;
    transition: opacity 100ms ease-in;
    pointer-events: none;
}
.modalDialog .dots span:first-child {
    background-color: #112373;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
    max-width: 1280px;
    width: 90%;
    position: relative;
    margin: 3% auto;
    padding: 20px;
    border-radius: 3px;
    background: #fff;
}
.modalDialog h3 {
    font-size: 19px;
    font-weight: 600;
    color: #112373;
    margin: 20px auto 5px;
    text-transform: uppercase;
}
.modalDialog p {
    display: block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 500;
    margin: 10px auto;
}
.modalDialog .close {
    font-family: Arial, Helvetica, sans-serif;
    background: #17b8a2;
    color: #fff;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 34px;
    height: 34px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    padding-top: 5px;
    opacity: 1;
}
.modalDialog .close:hover {
    background: #17b8a2;
}
.modal-info {
    width: 20px;
    display: inline-block;
    text-align: center;
    height: 20px;
    background-color: red;
    border-radius: 50%;
    color: #ffffff;
    line-height: 20px;
    position: absolute;
    right: 30px;
    top: 60px;
}
.modal-info:hover {
    cursor: help;
    color: #ffffff;
}
.modal-info i {
    font-size: 12px;
    line-height: 20px;
}
.info-header {
    width: 500px;
    max-width: 100%;
    margin: auto;
    text-align: center;
}
.info-content {
    padding: 16px;
    list-style-type: none;
    column-count: 1;
    column-gap: 20px;
    background-color: #f7f7f7;
    font-size: 14px;
    border-radius: 3px;
}




.post-job-info {
    width: 20px;
    display: inline-block;
    text-align: center;
    height: 20px;
    background-color: red;
    border-radius: 50%;
    color: #ffffff;
    line-height: 20px;
    position: absolute;
    right: 30px;
    top: 60px;
}
.post-job-info i {
    font-size: 12px;
    line-height: 20px;
}
.post-job-info:hover {
    background-color: #cb0000;
    color: #ffffff;
}
.close-video {
    background: #17b8a2;
    color: #fff;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 34px;
    height: 34px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    padding-top: 5px;
    opacity: 1;
}
.close-video:hover {
    background: #08917e;
    color: #fff;
}
.post-job-step {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: none;
}
.post-job-step > div {
    max-width: 1280px;
    width: 90%;
    position: relative;
    margin: 3% auto;
    padding: 20px;
    border-radius: 3px;
    background: #fff;
}

.page_video {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #e1e1e1;
}
/* .vimeo-vid, .loom-vid {
    
} */
td.submitted {
    color: #e50a0a;
}
td.seen {
    color: #2947ce;
}

.paginate-applicants {
    width: 50%;
    float: right;
}

.compensate-for-scrollbar {
    padding-right: 0px !important;
}

.client-companies img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border: 2px solid #c3c5ca;
}
.page-link {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px !important;
    color: #000000;
}
.page-link.text-muted {
    background-color: #dadada;
    color: #000000 !important;
}
.footer-bar .widget_wrap.seen-in-logo {
    text-align: left;
    padding-top: 30px;
}
.as-seen-1, .as-seen-2 {
    display: block;
}
.as-seen-1 img, .as-seen-2 img {
    filter: brightness(0) invert(1);
}
.as-seen-1 img:hover, .as-seen-2 img:hover {
    filter: unset;
}
.footer-bar .widget_wrap .as-seen-1 img {
    width: 90px;
    margin: 0;
    padding: 5px 10px 5px 0;
}
.footer-bar .widget_wrap .as-seen-1 .msn-logo {
    width: 70px;
}
.footer-bar .widget_wrap .as-seen-1 .yahoo-logo {
    width: 70px;
}
.footer-bar .widget_wrap .as-seen-2 img {
    width: 220px;
    margin: 0;
    padding: 5px 10px 5px 0;
}
.footer-bar .widget_wrap .as-seen-2 .marketwatch-logo {
    width: 150px;
}
.candidate-applied-table tr, .experience-table tr, .candidate-bookmark-table tr, .candidate-employment-history-table tr, .settings-info .dataTable tbody tr, #templates-table tr {
    background-color: #f7f7f7;
}

.verify-acct-header {
    background-image: url(../images/background/slider-profile.png);
}
.verify-acct-wrap {
    margin-top: -300px;
}
.verify-container {
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .06), 0 2px 5px 0 rgba(0, 0, 0, .2);
    overflow: hidden;
}
.verify-container .stepy-header {
    background-color: #041563;
    margin: 0;
    padding: 10px;
}
.verify-container .stepy-header::before {
    content: " ";
    position: absolute;
    background: #fff;
    display: block;
    width: 570px;
    height: 2px;
    top: 35px;
    right: 0px;
    margin: auto;
    text-align: center;
    left: 0;
}
.verify-container .stepy-header li {
    padding: 5px 40px;
}
.verify-container .stepy-header li span {
    background-color: #7e7e7e;
    border: 1px solid #ffffff;
}
.verify-container .stepy-header .stepy-active span {
    background-color: #17b8a2;
    padding: 15px 10px;
    height: 20px;
    width: 30px;
    font-size: 15px;
}
.verify-container .btn-group {
    padding: 20px;
}
.verify-container .btn-group .btn {
    border-radius: 5px !important;
}
.verify-step {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 20px;
}
.verify-step .lstep {
    margin-top: 50px;
}
.verify-step .lstep, .verify-step .rstep {
    width: 50%;
    padding: 20px;
}
.verify-step .rstep {
    margin-left: 50px;
    position: relative;
}
.rstep .country-flag {
    position: absolute;
    top: 15px;
    right: 15px;
}
.country-flag img {
    width: 30px !important;
    height: 30px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #e8e8e8;
}
.verify-step .step-guide span {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #32bea6;
    color: #ffffff;
    padding: 3px 10px;
    line-height: 15px;
    border-radius: 5px;
}
.verify-step .step-guide img {
    display: inline-block;
    width: 20px;
}
.verify-step .step-info {
    display: block;
    text-align: center;
    margin: 50px 0 0;
}
.verify-step .step-info h3 {
    font-size: 50px;
    text-transform: capitalize;
    font-family: 'bebas_neueregular', sans-serif;
    color: #112373;
}
.verify-step .step-info .btn {
    width: 100%;
    border-radius: 3px;
    padding: 10px 20px;
    text-transform: uppercase;
}
.verify-step .acct-class {
    display: block;
    background-color: #3a4b95;
    color: #ffffff;
    padding: 15px;
    border-radius: 5px;
    font-size: 14px;
}
.step-info .form-control {
    padding-left: 2.375rem;
    border-radius: 5px;
    text-align: left;
}
.step-info .form-control-icon {
    position: absolute;
    z-index: 2;
    display: block;
    width: 40px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    pointer-events: none;
    color: #aaa;
    top: 0;
}
.nationality-tab {
    text-align: left;
    margin: 20px 0;
}
.step-info h4 {
    font-size: 16px;
    font-weight: 600;
    color: #112373;
    text-align: left;
}
.radio-c {
    position: relative;
}
.upgrade-wrap {
    display: block;
    position: relative;
    width: 800px;
    max-width: 100%;
    margin: 50px auto 0;
}
.upgrade-box {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.upgrade-item {
    display: block;
    width: 232px;
    padding: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    margin: 10px;
    box-shadow: 0 0 5px #dfdfdf;
    background-color: #ffffff;
    text-align: center;
}
.upgrade-item.free-acct {
    background: linear-gradient(180deg, #625f5f 60%, #ffffff 40%);
}
.upgrade-item.paid-acct {
    background: linear-gradient(180deg, #ffbc00 60%, #ffffff 40%);
}
.upgrade-item.standard-acct {
    background: linear-gradient(180deg, #23378e 60%, #ffffff 40%);
}
.upgrade-item h3 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}
.upgrade-item .price {
    display: block;
    padding: 20px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    margin: 10px;
    background-color: #ffffff;
    text-align: center;
    box-shadow: 0 0 5px #919191;
}
.upgrade-item .price span {
    color: #000000;
    font-size: 60px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    margin: 0 auto;
}
.upgrade-item .price p {
    color: #000000;
    text-transform: uppercase;
    margin: auto;
}
.upgrade-item-button {
    border: 1px solid;
    padding: 6px 20px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    margin: 10px 0;
    display: inline-block;
    color: #ffffff;
    background: #23378e;
    cursor: not-allowed;
}
.upgrade-item-disabled-button {
    border: 1px solid;
    padding: 6px 20px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    margin: 10px 0;
    display: inline-block;
    color: #ffffff;
    background: #919191;
    cursor: not-allowed;
}
.upgrade-item a {
    border: 1px solid;
    padding: 6px 20px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    margin: 10px 0;
    display: inline-block;
    color: #ffffff;
    background-color: #e50a0a;
}
.upgrade-item a:hover {
    background-color: #17b8a2;
}
/*.upgrade-item.free-acct a{
    background: #625f5f;
}
.upgrade-item.paid-acct a{
    background: #ffbc00;
}
.upgrade-item.standard-acct a{
    background: #23378e;
}*/
.upgrade-item.free-acct .price {
    margin-bottom: 58px;
}
.upgrade-plan label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
.upgrade-plan .form-row span {
    width: 100%;
    padding: 10px 15px;
    margin: 5px 0 15px;
    display: inline-block;
    border: 2px solid #000000;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 6px;
    font-weight: 400;
}
.upgrade-summary {
    display: flex;
    padding: 10px;
    background-color: #ebebeb;
    border-radius: 5px;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 30px;
}
.subtotal-info {
    font-size: 16px;
    font-weight: 600;
    color: #7f8997;
}
.upgrade-summary .amount {
    display: inline-block;
    width: 100px;
    max-width: 100%;
    text-align: right;
}
.total-info {
    font-size: 16px;
    font-weight: 600;
}
.total-info .amount {
    font-size: 22px;
}

@media screen and (max-width:768px) {
	.profile_wrap {
		padding: 0;
	}
	.acct-name ._address {
		position: relative;
		top: unset;
	}
}



@media screen and (max-width:1500px) {
    .header_text {
        font-size: 3.5rem;
        line-height: 4rem;
    }
    .subheader_text {
        font-size: 18px;
    }
    .heading_img_01::before {
        height: 350px;
        top: -50px;
    }
    /*.heading_img_04::before {
        top: 20px;
    }*/
    .heading_img_32::before {
        top: 0;
    }
    .heading_img_33::before {
        top: 0;
    }
}

@media screen and (max-width:1300px) {
    .header_text {
        width: 100%;
    }
    .heading_img_03::before, .heading_img_04::before {
        top: 0;
    }
    .right_btn {
        margin-left: -10px;
    }
    .heading_img_07::before {
        top: 0;
    }
    ._radio-btn {
      padding: 10px 40px 10px 20px;
    }
    ._checkmark {
        right: 20px;
    }
    ._im {
        display: none;
    }
}

@media screen and (max-width:1200px) {
    .banner_1 {
        background-image: linear-gradient(#00125f6b, #00125fc9), url(../images/background/slider-home.png);
    }
    .list_item {
        width: 170px;
        padding: 10px;
    }
    .list_item img, .list_wrapv2 .list_item img, .list_wrapv3 .list_item img{
        width: 100px;
        height: 100px;
    }
    .list_item h4 {
        font-size: 14px;
    }
    .portfolio_img span img {
        width: 50px;
        height: 50px;
    }
    .star_rating {
        width: 75px;
    }
    .wrap_title {
        font-size: 1.5rem;
    }
    .wrap_number h4 {
        font-size: 4rem;
    }
    .wrap_number span {
        font-size: 1.1rem;
    }
    .wrap_details ul li {
        font-size: 14px;
    }
    .heading_img_02::before {
        top: -36px;
    }
    .image_container img {
        width: 400px;
    }
    .content_wrap_sm img {
        width: 220px;
        height: 220px;
    }
    .img_03 {
        left: 36px;
    }
    .img_02 {
        left: 175px;
    }
    /*.heading_img_04::before {
        top: 60px;
    }*/
    .left_btn, .right_btn {
        clip-path: unset;
        -webkit-clip-path: unset;
        -o-clip-path: unset;
        -ms-clip-path: unset;
        margin: 5px auto;
        width: 200px;
        max-width: 100%;
    }
    .right_btn::after {
        display: none;
    }
    .section_bg04 .step_txt {
        background-color: #32bea6;
    }
    .section_bg04 .page_heading h3 {
        color: #ffffff;
    }
    .signupfooter_section::before {
        left: 0;
    }
    .hero_view.alreadyScrolled .front_header {
        max-height: 500px;
        padding-top: 70px;
    }
    #page_header, #page_header2, #page_header4 {
        padding-top: 200px !important;
    }
    .verify_signup .container_wrap .title {
        font-size: 2rem;
    }
}
@media screen and (max-width:1024px) { 
    .review_client {
        position: relative;
        right: unset;
        top: unset;
        padding: 10px 20px;
    }
    .wrap_title {
        font-size: 1.2rem;
    }
    .wrap_number h4 {
        font-size: 3rem;
    }
    .wrap_number span {
        font-size: 1rem;
    }
    .heading_img_02::before {
        top: 0;
    }
    .ojfooter_sectionv3::before {
        height: 412px;
        width: 500px;
        left: 0;
    }
    .fullslide_banner .heading_container p {
        width: 70%;
        font-size: 14px;
    }
    .box_content .cat_container ul li {
        padding: 8px 30px;
    }
    .employer-v2 ._dp {
        width: 120px;
        height: 120px;
    }
    .employer-v2 ._infobox .info_details {
        width: 100%;
    }
    .employer-v2 ._infobox .icon_sm img {
        width: 20px;
    }
    ._dashnav li {
        font-size: 14px;
    }
    ._dashnav li a {
        font-weight: 500;
    }
    ._signupv4 .btn-group {
        display: block;
    }
    ._signupv4 .btn-group .btn {
        border-radius: 5px !important;
    }
    ._package-title h3 {
        font-size: 30px;
    }
    .loginv1 .banner_text h2, .main-home-v1 .banner_text h1 {
        font-size: 65px;
        line-height: 65px;
    }
    .ojph_btn {
        font-size: 16px;
    }
    .profile-banner {
        padding-top: 70px;
    }
    /*.view-profile-btn {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
    }*/
    .efs ._sidewrap select.form-control.block {
        width: 100%;
        margin: 5px 0;
    }
    .list_container .icon_image {
        width: 50px;
    }
    .job_title h4, .sub-category-list .job_title h4 {
        font-size: 16px;
    }
    .list_container .btn {
        margin: 0 auto 10px;
        padding: 2px 15px;
    }
    .wrap_item {
        width: 204px;
    }
    .view-jobpost-info .page_heading, .view-jobpost-info .page_heading h3, .view-jobpost-info .job-overview-btn {
        display: block;
    }
    .view-jobpost-info .page_heading h3 {
        margin-bottom: 20px;
    }
    .icon_wrap {
        width: 50px;
        height: 90px;
    }
}
@media screen and (max-width:991px) {
    /*.navbar-nav-menu .nav-item {
        display: none;
    }*/
    header .navbar-nav {
        padding-top: 40px;
    }
    header .navbar-nav .btn_wrap,
    header .navbar-nav .nav-link {
        padding: 5px 15px;
        border-radius: unset;
        font-weight: 500;
        margin: 5px auto;
        /*background-color: unset !important;
        color: #000000 !important;*/
        display: block;
    }
    .profile_img .display_img {
        width: 150px;
        height: 150px;
    }
    .profile_img h2, .profile_details .sub_title{
        font-size: 1rem;
    }
    .profile_img .btn_wrap, .info_details .btn_wrap {
        font-size: .6rem;
    }
    .info_title, .detail_group p {
        font-size: .9rem;
    }
    .info_details {
        padding: 8px 15px;
        font-size: .9rem;
    }
    .loginv1 .banner_text h2, .main-home-v1 .banner_text h1 {
        font-size: 50px;
        line-height: 50px;
    }
    .login_section .banner_text p {
        font-size: 18px;
    }
    .login_section .ojph_btn {
        font-size: 16px;
        margin: auto;
    }
    .login_section form {
        padding: 0 30px;
    }
    .page_header {
        min-height: 300px;
        padding: 50px 0 0;
    }
    .page_header .topheader_text {
        font-size: 15px;
        margin-bottom: 0;
    }
    .page_header .header_text {
        font-size: 3.5rem;
        line-height: 3.5rem;
    }
    .heading_img_01::before {
        height: 170px;
        top: 85px;
        position: relative;
        bottom: 0;
        width: 350px;
        right: 0;
        left: 0;
        margin-right: 0;
    }
    .list_container .wrap_item_box {
        margin-bottom: 0;
    }
    .list_container .btn {
        font-size: 12px;
        width: 150px;
    }
    .heading_img_02::before, .heading_img_03::before {
        height: 240px;
        top: 22px;
        position: relative;
        bottom: 0;
        width: 350px;
        right: 0;
        left: 0;
        margin-right: 0;
    }
    .section_heading .text_top {
        font-size: 18px;
    }
    .section_heading .text_bottom {
        font-size: 2rem;
    }
    .section_content p {
        font-size: 15px;
    }
    .front_header {
        padding: 50px 0;
    }
    .product_container .wrap_details {
        background-color: #ffffffe8;
    }
    .content_row_wrap p {
        font-size: 16px;
        line-height: unset;
    }
    .bg_img01 .content_wrap ul {
        margin: 0 0 30px;
    }
    .bg_img01 .content_wrap ul li {
        padding: 8px 0;
        font-size: 16px;
    }
    .signup_section .form_container .container_wrap {
        padding: 20px;
    }
    .signup_section .container_wrap .title {
        font-size: 2.5rem;
    }
    .signupfooter_section::before {
        height: 300px;
        width: 350px;
        bottom: 0;
    }
    .hero_view header .navbar-nav {
        background-color: #ffffff;
        margin: 0 -10px !important;
        padding: 0 10px 10px;
    }
    .hero_view .navbar-light .navbar-nav .nav-link {
        color: #000000;
        background-color: transparent;
        padding: 5px 0;
        border-radius: unset;
        margin: 5px auto;
    }
    .side_nav_msg a {
        font-size: 20px;
    }
    .jobpost_header {
        padding: 50px 0;
    }
    .heading_img_09::before {
        height: 300px;
        top: unset;
        right: 0;
    }
    .item_col {
        width: 49% !important;
    }
    .contact_info img {
        width: 40px;
    }
    .sidebar_wrap .sub_title, .view_details .btn_wrap {
        font-size: 10px;
    }
    .search_fields a {
        padding: 5px 15px;
    }
    .job_info .info_title {
        font-size: 14px;
    }
    .search_item .profile_image, .search_details {
        width: 100%;
        text-align: left;
        padding: 0
    }
    /*#header .navbar-nav {
        background-color: #000000c9;
        padding: 0;
        border-radius: unset;
    }
    #header .navbar-nav a {
        padding: 5px 15px;
        display: block;
    }*/
    #header .navbar-nav .nav-item {
        display: inline-block;
        width: unset;
    }
    #header .navbar-nav .menunav-link {
        display: inline-block;
        width: unset;
    }
    #header .front-menu .nav-link {
        padding: 0 5px !important;
    }
    #header .menu-bar {
        display: block !important;
    }
    .header-menu .navbar-brand {
        margin: 0;
        padding: 0;
    }
    .navbar-nav-menu .navbar-menu {
        display: none;
    }
    .navbar-nav-menu .nav-item .nav-link {
        padding: 0;
        margin-right: -10px;
    }
    .mob_link a:hover, .btn_link a:hover {
        background-color: #32bea6;
        color: #ffffff;
    }
    .mob_link {
        display: block !important;
    }
    .nav-item.dropdown,  .de_link {
        display: none;
    }
    .btn_link {
        margin: 5px auto;
        display: block;
        width: 100%;
    }
    .latest_job_item .search_item .profile_image {
        width: 20%;
        text-align: center;
        padding: 10px;
    }
    .latest_job_item .profile_image img {
        width: 90px;
        height: 90px;
        margin-bottom: 10px;
    }
    .latest_job_item .search_details {
        width: 80%;
    }
    .latest_job_item .rank .btn_wrap {
        margin: 3px 0;
    }
    .cat_container ul li {
        font-size: 1rem;
    }
    .nav-content {
        width: 80%;
    }
    .nav-title {
        display: block;
        position: absolute;
        width: 150px;
        max-width: 100%;
        top: 0;
        right: 0;
    }
    .nav-title .nav-tabs li {
        font-size: 28px;
        padding: 10px;
    }
    .nav-title .nav-tabs img {
        width: 35px;
    }
    .nav-label .p_item {
        white-space: unset;
        text-overflow: unset;
        font-size: 10px;
    }
    .nav-title .nav-label .p_item {
        margin: 18px 0;
    }
    .nav-title .nav-label .profile_picture {
        line-height: unset;
        width: 100%;
        display: block;
        padding: 10px;
        margin: 32px 0 40px;
    }    
    .nav-content .p_item {
        padding: 17px 20px;
        font-size: 15px;
    }
    .nav-content .profile_picture {
        width: 120px;
        height: 120px;
        margin: 0 auto;
    }
    .nav-content .profile_picture img {
        width: 120px;
        height: 120px;
    }
    .page_img {
        margin-top: -70px;
    }
    .page_img img {
        width: 150px;
        height: 150px;
    }
    .aff_num {
        position: absolute;
        z-index: 1;
        top: 15px;
        border: 2px solid #ffffff;
        width: 40px;
        height: 40px;
        line-height: 40px;
        left: 20px;
    }
    .aff_txt h4 {
        padding-left: 40px;
    }
    ._worker2-v2 {
        padding: 50px 0 150px;
        margin: -50px 0 -150px;
    }
    ._worker2-v2::before {
        width: 750px;
        height: 750px;
    }
    ._featured-img {
        margin-top: -150px;
        padding: 0 20px;
    }
    ._featured-img img {
        height: 400px;
    }
    ._blog-post {
        padding: 0 50px;
    }
    ._blog-title {
        font-size: 30px;
    }
    ._blog-content h2 {
        font-size: 20px;
    }
    .login-v3 .col-md-7, .login-v3 .col-md-5,
    .signup-v4 .col-md-7, .signup-v4 .col-md-5,
    .verify_signup .col-md-7, .verify_signup .col-md-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .login-v3 .form_wrapperv3, .signup-v4 .form_container, .verify_signup .form_container {
        width: 500px;
        max-width: 100%;
        margin: 50px auto;
    }
    .login-v3 .btn-label {
        position: relative;
        display: inline-block;
        text-align: center;
    }
    .login-v3 .social_login .btn_wrap {
        padding: 0px 40px;
    }
    .pricing_container .wrap_item {
        width: 100%;
    }
    .pricing_container .wrap_item_box {
        background: unset;
        padding: 0 0 20px;
        margin: 30px 0;
        border-radius: 0 0 15px 15px;
    }
    .pricing_container .wrap_item_box h3 {
        text-align: left;
        padding: 20px;
        margin: 0 0 10px;
    }
    .pricing_container .free_wrap h3 {
        background-color: #112373;
    }
    .pricing_container .premium_wrap h3 {
        background-color: #e50a0a;
    }
    .pricing_container .golden_wrap h3 {
        background-color: #ffbc00;
    }
    .pricing_container .wrap_title {
        font-size: 2rem;
    }
    .pricing_container .wrap_details {
        min-height: unset;
    }
    .pricing_container .wrap_number {
        position: absolute;
        right: 20px;
        top: -25px;
        padding: 10px;
    }
    .worker_list .wrap_item {
        width: 49%;
    }
    .worker_list .wrap_item:nth-child(3) {
        display: none;
    }
    ._infobox.sub-acc-info2 .col-md-6, ._infobox.sub-acc-info3.social_links .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .social_links .info_details, .employer-search-v2 ._info1, .employer-search-v2 ._info2{
        width: 100%;
    }
    .employer-search-v2 .search_result_wrap {
        padding-left: 0;
    }
    ._settings-wrap ._formnav .nav-pills {
        padding: 0;
    }
    ._step-settings ._formnav ._infobox .nav-link {
        padding: 10px 0;
        font-size: 13px;
    }
    ._step-settings ._formnav ._infobox i {
        font-size: 15px;
    }
    #page_header {
        background-image: linear-gradient(#00125f75, #00125f75), url(../images/background/outsourcingstaff-home-background.png);
    }
    .rated-skills span {
        width: 49%;
    }
    .public-info .col-md-4, .public-info .col-md-8 {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }
    .item-group {
        width: 100%;
        border-right: unset;
        padding-right: 5px;
        margin-bottom: 10px;
    }
    ._searchbox .search_fields h3 {
        min-height: 50px;
    }
    #verify-phone-btn span {
        display: none;
    }
    /*.emp-view-job-title h2 {
        font-size: 30px;
    }*/
    .settings-info .upload_img p {
        padding-right: 155px;
    }
    .verify-acct-wrap {
        margin-top: -250px;
    }
    
}
@media screen and (max-width:810px) {
    
    .ojfooter_section {
        margin-top: -118px;
    }

}
@media screen and (max-width:768px) {
    .main-home-v1 .row_wrap {
        position: relative;
    }
    .txt_wrap.text_left {
        right: 0;
        top: 25%;
    }
    .txt_wrap.text_right {
        position: absolute;
        left: 0;
        right: 0;
        top: 25%;
    }
    .heading_wrap {
        width: 100%;
        text-align: center;
    }
    .banner_text h1 {
        font-size: 4rem;
        line-height: 4rem;
        margin-bottom: 40px;
    }
    .ojph_btn {
        margin: 30px auto 10px;
        font-size: 18px;
        border-radius: 50px;
    }
    .txt_wrap {
        position: absolute;
        z-index: 2;
    }
    .img_wrap, .txt_wrap, .img_wrapper, .box_overlay, .profile_wrap-l, .worker_details .info_details {
        width: 100%;
    }
    .img_wrap {
        margin: 5px auto;
    }
    .img_1 {
        background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/image1.jpg);
    }
    .img_2 {
        background-image: linear-gradient(#00125fc9, #00125fc9), url(../images/image2.jpg);
    }
    .box_overlay, .text_content, .btn_text, .btn_text2, .banner_text p {
        font-size: 1.2rem;
    }
    .img_content, .image_text_content2 img {
        width: 70px;
        text-align: center;
        display: block;
        margin: 0 auto 20px;
    }
    .image_text_content, .txt_wrapper, .txt_wrap {
        text-align: center !important;
    }
    .section_title {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .widget_wrap, .banner_text {
        text-align: center;
        margin: 20px auto;
    }
    .btn_text, ._settings-wrap {
        display: block;
    }
    .text_right .box_overlay, .text_left .box_overlay {
        float: none;
    }
    .list_wrap {
        text-align: left;
    }
    .list_item {
        width: 100%;
        padding: 20px 10px;
        display: flex;
        display: -ms-flex;
        flex-direction: row;
        overflow: hidden;
        vertical-align: middle;
        align-items: center;
    }
    .list_item img, .list_wrapv2 .list_item img, .list_wrapv3 .list_item img {
        margin-right: 30px;
        margin-bottom: 0;
    }
    .list_item h4 br, .section_bg_2 img {
        display: none;
    }
    .header_section h2 {
        font-size: 4rem;
    }
    .job_form form {
        padding: 50px 30px 30px;
    }
    
    .info_details {
        margin: 8px 0 0 0;
    }
    .header_section {
        min-height: 200px;
    }
    .profile_wrap {
        padding: 0;
    }
    .worker_details p {
        padding: 0 0 20px;
        font-size: 13px;
    }
    .review_text {
        margin: 0 auto 20px;
    }
    .form_section {
        padding: 20px 0 60px;
    }
    .other_form {
        padding-top: 20px;
    }
    .login_section .form_note {
        padding: 20px 30px;
        font-size: 16px;
    }
    .text_line {
        height: 5px;
        margin: 10px auto 40px;
    }
    .oj_section {
        padding-top: 50px;
    }
    .oj_section .col-md-7, .oj_section .col-md-5 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .form_container {
        width: 500px;
        max-width: 100%;
        margin: 50px auto;
    }
    .dots, .heading_container {
        text-align: center;
    }
    .ojfooter_section::before {
        height: 400px;
        width: 500px;
    }
    .widget_container img {
        width: 200px;
    }
    .page_heading h2 {
        font-size: 2.5rem;
    }
    .content_wrap h3 {
        font-size: 1.3rem;
    }
    .wrap_item {
        width: 100%;
        display: block;
    }
    .list_container .wrap_item {
        display: flex;
        width: 33.3%;
    }
    .efs .breadcrumbs-search {
        display: none;
    }
    .efs .col-md-8 .col-md-12 {
        padding: 0;
    }
    .efs .col-md-4 {
        margin-bottom: 50px;
    }
    .job_title h4, .sub-category-list .job_title h4 {
        font-size: 1.2rem;
        font-weight: 600;
    }
    .job_title h4 span {
        font-size: 14px;
    }
    .list_container .btn {
        font-size: 12px;
        width: 150px;
        padding: 2px 5px;
    }
    .page_heading_l .topheader_text {
        text-align: center;
        font-size: 18px;
    }
    .product_container .wrap_item_box {
        margin: auto;
    }
    .product_container .wrap_details {
        margin: 20px auto;
    }
    .page_heading h3 {
        font-size: 1.5rem;
    }
    .step_txt {
        font-size: 1rem;
    }
    .section_bg01, .section_bg02, .section_bg03, .section_bg04  {
        background-size: cover;
        background-position: center;
    }
    .content_img_sm {
        margin: 15px 0;
    }
    .content_wrap_sm h4 {
        font-size: 1.1rem;
    }
    .signup_section .col-md-7, .signup_section .col-md-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .side_nav_wrap {
        width: 100%;
        /*margin: 10px auto;*/
        text-align: left;
        position: relative;
        min-height: 200px;
    }
    .side_nav_msg {
        width: 50px;
        height: 100%;
        max-width: 100%;
        display: inline-block;
        margin: 0;
        padding: 18px 0;
        position: absolute;
        overflow: auto;
    }
    .side_nav_msg a {
        font-size: 16px;
        margin: 8px 10px;
    }
    .side_nav_list {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding-left: 70px;
    }
    .side_nav_list .has-search .form-control {
        padding: 8px 30px;
    }
    .main_msg_wrap {
        width: 100%;
        margin: auto;
        min-height: 300px;
        line-height: 300px;
    }
    .blog_section .col-md-9, .blog_section .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .fullslide_banner .heading_container p {
        width: 100%;
    }
    .fullslide_banner::before {
        clip-path: polygon(0 0, 60% 0, 60% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 60% 0, 60% 100%, 0% 100%);
        -o-clip-path: polygon(0 0, 60% 0, 60% 100%, 0% 100%);
        -ms-clip-path: polygon(0 0, 60% 0, 60% 100%, 0% 100%);
    }
    .homepage_blog .blog_post_item {
        width: 32%;
    }
    .wrap_details {
        min-height: unset;
    }
    .hosw_item {
        width: 100%;
    }
    .hosw_txt {
        width: 80%;
    }
    .form_wrapperv3 {
        width: 500px;
        max-width: 100%;
        margin: 50px auto 0;
    }
    .worker_section .profile_wrap {
        padding: 0 20px;
    }
    .contact_info {
        margin: 8px;
    }
    .contact_info div {
        margin-left: 15px;
    }
    .contact_info img {
        width: 34px;
    }
    .verify_signup {
        padding-bottom: 0;
    }
    ._info1, ._info5, ._info2, ._info6, ._formnav, ._formwrap {
        width: 100%;
    }
    ._display {
        margin: auto;
    }
    ._dp {
        width: 150px;
        height: 150px;
    }
    ._info {
        text-align: center;
    }
    ._info h2 {
        font-size: 22px;
    }
    ._formnav .nav-pills h3 {
        font-size: 18px;
    }
    ._formwrap .tab-pane .btn {
        padding: 5px 20px;
    }
    .desk_view {
        display: none;
    }
    .mob_view {
        display: block;
    }
    ._job-post .info_details {
        width: 100%;
        border-radius: 5px;
    }
    ._signupv4 .btn-group {
        display: inline-flex;
    }
    ._step {
        font-size: 14px;
        padding: 5px 10px;
    }
    ._featured-img {
        margin-top: -200px;
    }
    ._blog-title {
        font-size: 25px;
        margin-bottom: 30px;
    }
    ._blog-content h2 {
        font-size: 18px;
    }
    ._blog-content p {
        font-size: 14px;
    }
    .align-right {
        float: none;
        display: block;
        max-width: 100%;
        margin: 20px auto;
    }
    ._review-overview {
        display: block;
    }
    ._review-box {
        width: 98%;
    }
    ._infobox .icon_sm {
        line-height: unset;
    }
    .employer-search-v2 .search_result_wrap {
        padding-left: 0;
    }
    ._workersearch .job_title h2 {
        margin-top: 20px;
    }
    #header .navbar-nav .btn_link {
        display: none;
    }
    #header .head-item .menunav-link {
        display: block;
        color: #000000;
    }
    /*#header .navbar-nav {
        padding: 0 10px;
        margin-right: -10px;
    }
    #header .navbar-light .navbar-toggler-icon {
        width: 25px;
        height: 20px;
    }*/
    .navbar-brand {
        /*width: 50%;*/
        margin-left: -10px;
    }
    .front-menu .nav-link, .navbar-light .navbar-toggler {
        font-size: 14px;
    }
    .box-container {
        margin: 15px auto;
    }
    .candidate-banner {
        width: 80%;
        padding-right: 0;
    }
    /*.view-public-profile {
        padding: 50px 20px;
    }*/
    .public-profile-banner, .public-profile-banner img {
        min-height: 420px;
    }
    .hired-profile-btn {
        top: -240px;
    }
    .view-public {
        top: -50px;
    }
    #header .navbar-brand, .navbar-brand img {
        width: 200px;
    }
    .account-nav span {
        display: none;
    }
    .account-nav {
        padding: 0 5px 0 0;
        background-color: unset;
        border-radius: unset;
    }
    .skill-container h4 {
        font-size: 14px;
    }
    .settings-menu:after {
        content: '\002B';
        color: #777;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }
    
    .active-menu:after {
        content: "\2212";
    }
    
    .panel-nav {
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }
    .d-none {
        display: none !important;
    }
    .action-buttons {
        text-align: right;
    }
    .thank-you-wrap h1 {
        font-size: 35px;
    }
    .thank-you-note i {
        font-size: 50px;
    }
    .content-wrap {
        padding: 20px 0;
        text-align: center;
    }
    .content-wrap .btn_wrap {
        font-size: 14px;
    }
    .item-group {
        width: 32%;
        border-right: 1px solid #cacaca;
    }
    .applicant-row {
        padding-top: 40px;
    }
    /*.applicant-img img {
        width: 80px;
        height: 80px;
    }*/
    .check-info h3 {
        font-size: 18px;
    }
    .applicant-details, .job-search .applicant-details {
        padding: 10px 10px 50px 60px;
    }
    .app-post-actions, .job-search .app-post-actions {
        top: unset;
        right: 10px;
        bottom: 10px;
        left: 0;
        text-align: right;
        width: unset;
    }
    .app-post-actions .btn_wrap {
        width: unset;
    }
    .applicant-item-col {
        width: 100%;
        display: block;
        margin-bottom: 18px;
    }
    .app-post-title {
        font-size: 16px;
    }
    .breadcrumbs-item.is-active {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        max-width: 100%;
    }  
    .tabs-container {
        margin: 20px 0;
    }  
    input:checked ~ .tab-account {
        padding: 20px;
    }
    .footer-bar {
        background-position: left;
        padding: 50px 0;
    }
    .footer-bar .widget_wrap {
        text-align: center;
    }
    .footer-bar .widget_wrap img {
        margin-bottom: 20px;
    }
    .emp-view-job-title.employer-view-job h2 {
        text-align: left;
    }
    .employer-view-job .dots {
        text-align: left;
    }
    .view-job-logo {
        width: 100px;
        height: 100px;
        top: 50px;
    }
    .employer-view-job .content-wrap {
        padding-left: 110px;
    }
    .rejected-btn {
        position: relative;
        margin: 10px 0;
    }
    .rejected-btn .btn {
        padding: 5px 43px;
    }
    .salary-text h2 {
        font-size: 22px;
    }
    .salary-text h3 {
        font-size: 18px;
    }
    .salary-text p {
        font-size: 15px;
    }
    .paginate-applicants {
        display: none;
    }
    .footer-bar .widget_wrap.seen-in-logo {
        text-align: center;
        margin-bottom: 50px;
    }
    .stepy-header {
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .stepy-header li {
        font-size: 10px;
        text-align: center;
    }
    .stepy-header .stepy-active {
        font-size: 12px;
    }
    .stepy-header li span {
        margin: 5px auto 15px;
        display: block;
    }
    .stepy-header .stepy-active span {
        padding: 15px 10px;
        height: 20px;
        width: 30px;
        font-size: 16px;
        margin-bottom: 12px;
    }
    .view-jobpost-info .page_heading h3 {
        margin-top: 50px;
        text-align: center;
    }
    .view-jobpost-info .job-overview-btn {
        text-align: center;
    }
    .table-body-cell {
        padding: 10px;
        font-size: 12px;
    }
    .submit-application, .application-user, .job-msg, .jobpost-info {
        margin: 10px 0;
        padding: 20px;
    }
    .application-user .hired-btn {
        position: relative;
        padding: 20px 10px;
        border-left: unset;
        margin: 20px 0 0;
    }
    .mark-application, .mark-application .check-info {
        flex-direction: column;
    }
    .applicant-img {
        margin: 0 0 10px;
    }
    .applicant-row div, .mark-application .hired-btn, .rejected-btn .btn {
        width: 100%;
    }
    .mark-application {
        margin: 10px 0;
    }
}
@media screen and (max-width:767px) {
    .custom-profile {
        display:block;
        
    }
    .custom-profile label {
        display:block;
        width:100%;	
    }

    .custom-profile select {
        display:block;
        width:100%;	
    }
    .experience-table {
        width: 100% !important;
        overflow: auto;
        display: block;
    }
    .profile_info .page_title {
        background-color: #112373;
        clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
        -webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
        -o-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
        -ms-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
        max-width: 100%;
        padding: 10px 20px;
        color: #ffffff;
        font-weight: 600;
        text-transform: capitalize;
        font-size: 1.3rem;
        margin-bottom: 20px;
        margin-left: 0;
        margin-top: 50px;
    }
    .page_header {
        min-height: 200px;
        padding: 50px 0;
    }
    .heading_img_01::before, .heading_img_02::before, .heading_img_03::before, 
    .heading_img_04::before, .heading_img_05::before, .heading_img_06::before, .heading_img_07::before,
    .heading_img_08::before, .hero_view.alreadyScrolled .heading_img_04::before, .heading_img_09::before,
    .heading_img_10::before, .heading_img_11::before, .heading_img_12::before, .heading_img_13::before, 
    .heading_img_14::before, .heading_img_15::before, .heading_img_16::before, .heading_img_17::before,
    .heading_img_18::before, .heading_img_19::before, .heading_img_20::before, .heading_img_21::before,
    .heading_img_22::before, .heading_img_23::before, .heading_img_24::before, .heading_img_25::before,
    .heading_img_26::before, .heading_img_27::before, .heading_img_28::before, .heading_img_29::before, 
    .heading_img_30::before, .heading_img_31::before, .heading_img_32::before, .heading_img_33::before {
        display: none;
    }
    /*.row_wrap {
        display: flex;
        display: -ms-flex;
        flex-direction: column;
        padding-bottom: 100px;
    }
    .row_wrap .txt_container {
        order: 1;
    }
    .row_wrap .image_container {
        order: 2;
    }*/
    .row_wrap {
        display: block;
    }
    .rimg_container {
        text-align: right;
    }
    .limg_container {
        text-align: left;
    }
    .content_row_wrap {
        padding: 0;
    }
    .content_row_wrap p {
        margin: 15px auto;
    }
    .hero_view .heading_container {
        background-color: #16317975;
    }
    .hero_view.alreadyScrolled .front_header {
        max-height: 400px;
    }
    .contact_info {
        width: 100%;
        margin: 10px auto;
    }
    .contact_info img {
        width: 100px;
    }
    .search_fields {
        width: 220px;
        padding: 10px;
    }
    .fullslide_banner::before {
        background-color: #112373cc;
        clip-path: unset;
        -webkit-clip-path: unset;
        -o-clip-path: unset;
        -ms-clip-path: unset;
    }
    .homepage_blog .blog_post_item {
        width: 49%;
    }
    .homepage_blog .blog_thumbnail {
        min-height: 160px;
    }
    .homepage_blog .blog_thumbnail img {
        height: 160px;
    }
    .page_heading_l h3 {
        text-align: center;
    }
    .loginv1 .heading_wrap {
        padding: 20px 20px 80px;
    }
    .skills_rating .detail_group {
        width: 300px;
        max-width: 100%;
    }
    .worker_section .review_wrap .profile_wrap {
        width: 100%;
    }
    #page_header4 {
        background-image: linear-gradient(#00125f75, #00125f75), url(../images/background/homebanner-ph.png);
    }
    .footer-item, .head-item {
        padding: 20px 5px;
    }
    .footer-item span, .head-item span {
        font-size: 14px;
    }
    .footer-item ul li a, .head-item ul li a {
        font-size: 12px;
    }
    .page_img {
        margin-top: 50px;
    }
    .page_img h3 {
        font-size: 22px;
    }
    .page_img span {
        font-size: 1rem;
    }
    .highlight_text {
        font-size: 18px;
    }
    ._featured-img {
        margin-top: -100px;
    }
    ._featured-img img {
        height: 300px;
    }
    .loginv1 .form_wrap {
        width: 500px;
        max-width: 100%;
        margin: auto;
    }
    .candidate-banner {
        width: 100%;
        padding: 20px 0 0;
    }
    .candidate-banner h2 {
        margin-right: 0;
    }
    .view-profile-btn {
        right: 0;
        margin: auto;
        left: 0;
    }
    .emp-view-job-title h2 {
        /*font-size: 30px;*/
        padding-bottom: 10px;
    }
    ._searchbox {
        width: 300px;
    }
    ._searchbox .search_fields h3 {
        min-height: unset;
    }
    .SearchBox {
        display: none;
    }
    .hired-profile-btn {
        top: -80px;
    }
    .candidate-banner .deactivated-acct::after {
        left: 50%;
        margin-left: 0;
    }
    .worker-profile {
        text-align: center;
    }
    .worker-name {
        text-align: left;
    }
    .worker-settings {
        text-align: center;
        margin-top: 40px;
    }
    .worker-name h2 {
        font-size: 25px;
        line-height: 25px;
    }
    .worker-name .search-job a {
        padding: 7px 35px;
        font-size: 12px;
    }
    .settings-info .upload_img p {
        padding-right: 115px;
    }
    .cl-info {
        display: block;
    }
    .verify-acct-wrap {
        margin-top: -150px;
    }
    .verify-step {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .verify-step .lstep, .verify-step .rstep {
        margin: 0;
        width: 100%;
    }
    .verify-step .rstep {
        padding: 0;
    }
    .step-guide {
        text-align: center;
    }
    .verify-step .step-info h3 {
        font-size: 40px;
    }
    .verify-container .stepy-header li {
        padding: 0;
        width: 15%;
    }
    .verify-container .stepy-header li span, .verify-container .stepy-header .stepy-active span {
        font-size: 12px;
        padding: 14px 10px;
    }
    .verify-container .stepy-header::before {
        display: none;
    }



    /*.resp-table {
        border: unset;
    }
    .resp-table, .resp-table-caption, .resp-table-header, .resp-table-body, .resp-table-row, .table-header-cell, .table-body-cell {
        display: block;
    }
    .resp-table .resp-table-header .table-header-cell {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .resp-table-row {
        border: 1px solid;
        margin: 20px auto;
    }
    .resp-table .table-body-cell {
        border: none;
        border-bottom: 1px solid #1c1c1c;
        position: relative;
        white-space: normal;
        text-align: left;
        padding: 10px 10px 10px calc(50% + 10px);
        display: block;
    }
    .resp-table .table-body-cell:before {
        content: attr(data-title);
        position: absolute;
        top: 1px;
        left: 1px;
        width: calc(50% - 20px);
        padding: 10px 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    .resp-table .table-body-cell:last-child {
        border-bottom: unset
    }
    .table-body-cell.counter {
        background-color: #ebebeb;
    }*/
}
@media screen and (max-width:700px) {
    .list_container .wrap_item {
        width: 49%;
    }
    div.dataTables_wrapper div.dataTables_filter {
        text-align: center;
    }
    div.dataTables_wrapper div.dataTables_length label {
        white-space: unset;
        text-align: center;
    }
    #viewApplicantsForm .status-section {
        text-align: center;
    }
    .filter-status {
        display: block;
        margin-bottom: 10px;
    }
    .signup_section {
        padding: 50px 20px 100px;
    }
    .form_container._signupv4 {
        padding-top: 20px;
    }
    .signup_section .container_wrap .title {
        font-size: 36px;
        letter-spacing: 2px;
    }
    .signup_section .btmcontainer_wrap {
        font-size: 12px;
    }
}
@media screen and (max-width:600px) {
    .other_form .btn {
        margin: 5px auto;
    }
    .list_container .wrap_item, .worker_list .wrap_item {
        width: 100%;
    }
    .hero_view.alreadyScrolled .front_header {
        padding-top: 40px;
    }
    .item_col {
        width: 100% !important;
    }
    .contact_info img {
        width: 50px;
        position: absolute;
        top: 0;
        background-color: #ffbc00;
        padding: 10px;
    }
    .contact_info div {
        width: 100%;
        margin-left: unset;
    }
    .contact_info span {
        margin-left: 60px;
    }
    .search_item .profile_image, .job_title {
        text-align: center;
    }
    .view_details {
        float: none;
    }
    .skill_item {
        font-size: 11px;
        margin: 2px 0;
    }
    .blog_post_item {
        width: 100%;
    }
    .hosw_img {
        width: 60px;
        height: 60px;
    }
    .hosw_txt {
        padding: 15px;
    }
    .hosw_txt p {
        font-size: 14px;
    }
    .ojfooter_sectionv3::before {
        height: 247px;
        width: 300px;
    }
    ._step {
        display: block;
    }
    ._step span {
        padding: 15px 10px;
        margin: 5px auto;
        height: 30px;
        width: 30px;
        display: block;
        position: relative;
        z-index: 2;
    }
    ._step::after {
        content: "";
        width: 100%;
        height: 2px;
        background-color: #ebebeb;
        position: absolute;
        left: 0;
        top: 25px;
    }
    .dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate {
        width: 100%;
    }
    .job-form-container {
        padding: 30px;
    }
    .stepy-header li {
        width: 25%;
        text-align: center;
        display: block;
    }
    .stepy-header li span {
        padding: 15px 0px;
        height: 20px;
        width: 30px;
    }
    #applicant-view-chat .message-img img {
        display: none;
    }
    #applicant-view-chat .message-body-sender {
        margin-left: 0;
    }
    .bill-info {
        text-align: left;
    }
}
@media screen and (max-width:500px) {
    
    .table td, .table td:first-child, .table td:nth-child(3) {
      border: unset
    }
    .table_container .cta_btn {
        padding: 10px 20px !important;
        letter-spacing: 0;
        font-size: 14px;
    }
    .box_content .cat_container ul li {
        padding: 8px 10px;
        border-radius: 5px;
        background-color: #112373;
    }
    .cat_container ul li {
        font-size: 1rem;
        display: block;
        padding: 8px 20px;
    }
    .employer-v2 ._address {
        float: none !important;
    }
    .employer-v2 ._infobox .info_details {
        border-radius: 5px;
    }
    ._signupv4 .btn-group {
        display: block;
    }
    ._review-box {
        display: block;
        padding: 30px;
        text-align: center;
    }
    ._review-info ._name {
        padding: 0;
    }
    ._review-rating ._score {
        width: 100%;
    }
    ._review-rating ._score h3 {
        font-size: 60px;
        line-height: 60px;
    }
    ._review-rating ._reviews span {
        font-size: 18px;
    }
    .pricing_container .wrap_item_box h3 {
        text-align: center;
        margin: 0;
    }
    .pricing_container .wrap_number {
        position: relative;
        right: 0;
        top: 0;
        padding: 10px;
        border-radius: 0;
        border: 0;
        margin: 0;
        background-color: #f2f2f2;
    }
    .verify_signup .container_wrap .title {
        font-size: 2rem;
        padding: 20px 0;
    }
    .generate_password {
        float: none;
    }
    .g-recaptcha, .eapps-form-recaptcha {
        transform:scale(0.77);
        /*transform-origin:0 0;*/
    }
    .dataTables_paginate, .dataTables_length, .col-sm-12 .dataTables_paginate, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, .pagination
     {
        text-align: center;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        white-space: unset;
        justify-content: unset;
        display: inline-flex;
    }
    .emp-job-list .pin-btn {
        margin: 20px 0 100px;
        text-align: center;
    }
    div.dataTables_wrapper div.dataTables_length label {
        text-align: center;
        white-space: unset;
    }
    ._myhistory .table td:last-child, .tab-pane .table td:last-child {
        border-right: unset;
    }
    .tab-pane .sub_title, .form_title {
        font-size: 16px;
    }
    ._formwrap label, .info_title, .detail_group p {
        font-size: 13px;
    }
    ._formwrap input[type=text], ._formwrap input[type=password], ._formwrap textarea, ._formwrap select {
        padding: 5px 10px;
        margin: 5px 0 12px;
    }
    ._formwrap .tab-pane .btn, .upload_img .btn, .info-section-btn .btn {
        font-size: 12px;
    }
    .details_info h4 {
        font-size: 14px;
        margin-bottom: 0;
        letter-spacing: 0;
    }
    .social_links .details_info h4 {
        font-size: 13px;
        margin-bottom: 5px;
        letter-spacing: 1px;
    }
    .info_details {
        margin: 0 0 10px;
    }
    .progress-note {
        font-size: 16px;
        text-align: center;
    }
    .header_section h2 {
        padding: 50px 0;
    }
    .stepy-header {
        margin: 10px 0 20px;
    }
    .stepy-header li {
        display: block;
        text-align: left;
        padding: 5px 0;    
    }
    .stepy-header li, .stepy-header .stepy-active {
        color: transparent;
        font-size: 0;
    }
    .stepy-header .stepy-active span, .stepy-header li span {
        margin: 5px auto;
    }
    .stepy-header li span {
        text-align: center;
    }
    .form-content-wrap {
        padding: 0;
        background-color: unset;
        margin-bottom: 20px;
    }
    .job-form-container .btn-group {
        display: flex;
        justify-content: space-between;
    }
    .job-form-container .btn-group .btn {
        margin: 5px;
    }
    .tab-content .sub_title, .form_title, .profile-settings .sub_title {
        font-size: 16px;
    }
    [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
        font-size: 13px;
        display: block;
    }
    .info_details, .form-control {
        margin: 5px 0;
    }
    .form-group label, .form_subtitle {
        font-size: 14px;
    }
    .add-skill .element input {
        font-size: 14px;
    }
    .form-check {
        padding-left: 0;
    }
    .btn-group .btn {
        font-size: 12px;
        display: block;
        width: 100%;
        border-radius: 3px !important;
        margin: 5px 0;
    }
    .profile-banner {
        padding: 50px 20px;
    }
    .worker-name {
        text-align: center;
        margin: 20px 0;
    }
    .view-profile-btn {
        top: unset;
        bottom: 0;
    }
    .view-profile-btn .btn {
        clip-path: unset;
        margin: 0;
        width: 100%;
        border-bottom: 2px solid;
    }
    .rated-skills span {
        width: 100%;
        padding: 0;
    }
    #header .head-item {
        width: 100%;
    }
    .welcome-video {
        text-align: center;
    }
    .welcome-video a {
        display: inline-block;
        float: none !important;
        margin-bottom: 10px;
    }
    #my-video {
        min-height: 400px;
    }
    #my-video iframe {
        height: 400px;
    }
    .job-title {
        display: block;
        padding: 0;
    }
    .applicant-info {
        border-radius: 5px;
        padding: 5px 10px;
    }
    .applicant-info .btn-info, .applicant-info .btn-warning {
        position: relative;
        right: unset;
        display: block;
        width: 70px;
        text-align: center;
        margin: 0 0 5px;
    }
    .job-post-group {
        padding: 5px;
    }
    .detail_group .img_sm {
        margin-right: 0;
    }
    .hired-worker .applicant-info {
        margin-left: 10px;
        padding-left: 40px;
    }
    /*.emp-view-job-title h2 {
        font-size: 25px;
    }*/
    .action-buttons .btn {
        width: 130px;
        max-width: 100%;
        margin: 2px 0;
    }
    .report-box h3 {
        font-size: 16px;
    }
    .report-box span {
        font-size: 30px;
    }
    .thank-you-note {
        padding: 30px 10px;
    }
    .applicant-img img {
        margin-bottom: 10px;
    }
    .check-info h3 {
        font-size: 16px;
    }
    .applicant-img, .check-info {
        display: block;
        text-align: center;
    }
    .has-search .form-control {
        margin: 0;
    }
    .applicant-row {
        padding-top: 60px;
    }
    .job-btn {
        margin: 5px;
    }
    .review-heading .client-name {
        width: 100%;
    }
    .review-heading .client-rating {
        position: relative;
        right: unset;
        top: unset;
        margin-left: 50px;
    }
    .job-post-info {
        padding: 15px 15px 25px 50px;
    }
    .job-post-info .job-post-actions {
        position: relative;
        right: unset;
    }
    .job-post-info .job-post-actions .app-id {
        position: relative;
        right: unset;
        padding: 0 10px;
        border-radius: 25px;
        top: 0;
        width: 100%;
        display: inline-block;
        font-size: 12px;
    }
    .add-skill .remove {
        top: 10px;
        right: -25px;
    }
    .table-btn.open .dropdown-menu {
        right: unset;
        left: 0;
    }
    .view-jobpost-info .page_heading {
        text-align: center;
    }
    .btn-applicant .btn {
        margin: 5px 0;
        width: 80%;
    }
    .salary-wrapper-item tbody tr td {
        font-size: 12px;
    }
    .button-container .form-control {
        margin: auto;
    }
    .button-container .info-section-btn .btn {
        padding: 12px 20px;
        font-size: 14px;
    }
    .verify-container .btn-group .btn {
        margin: 5px 0;
    }
}
@media screen and (max-width:414px) {
    .box_overlay, .text_content, .btn_text, .btn_text2, .banner_text p {
        font-size: 14px;
    }
    .navbar {
        padding: 20px 0;
    }
    .navbar-brand img {
        width: 180px;
    }
    .list_item img,.list_wrapv2 .list_item img, .list_wrapv3 .list_item img {
        width: 70px;
        height: 70px;
    }
    .header_section h2 {
        font-size: 3rem;
    }
    .upload_img span {
        width: 70px;
        height: 70px;
    }
    .ojph_btn {
        padding: 5px 50px;
        font-size: 16px;
    }
    .login_section .form_note a {
        display: block;
    }
    .login_section .ojph_btn, .main-home-v1 .btn_wrap {
        padding: 5px 20px;
        border-radius: 5px;
        font-size: 14px;
    }
    .login_section .banner_text h2, .banner_text h1, .container_wrap .title, .form_contentv3 .title, .main-home-v1 .banner_text h1 {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .text_line {
        height: 5px;
        margin-bottom: 20px;
    }
    .login_section .banner_text p {
        font-size: 14px;
    }
    .topheader_text {
        font-size: 15px;
    }
    .header_text {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    .subheader_text {
        font-size: 16px;
        line-height: 22px;
    }
    .container_wrap {
        padding: 30px 20px;
    }
    .form_container {
        border-radius: 20px;
    }
    .info_details, .form-control, .form-group label {
        font-size: 14px;
        border-radius: 6px;
    }
    .form-group {
        margin-bottom: .5rem;
    }
    .ojfooter_section::before {
        height: 100%;
        width: 100%;
        right: 0;
        left: unset;
    }
    .widget_container {
        display: block;
        position: relative;
        text-align: center;
    }
    .widget_container img {
        -webkit-filter: drop-shadow(2px 2px 0px #141414);
        filter: drop-shadow(2px 2px 0px #141414);
    }
    .widget_container p {
        text-shadow: 1px 1px 7px #000000;
    }
    .page_heading h2 {
        font-size: 25px;
    }
    .content_wrap h3, .rev_title{
        font-size: 1.1rem;
    }
    .page_header .topheader_text {
        font-size: 13px;
    }
    .page_header .header_text {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    .page_heading_l .topheader_text {
        font-size: 16px;
    }
    .image_container, .image_container_list {
        display: none;
    }
    .rtxt_container, .ltxt_container, .section_content {
        text-align: center;
    }
    .category_section {
        padding: 50px 0;
    }
    
    .testimonial_wrap {
        padding: 20px 0;
        text-align: center;
    }
    .content_wrap_sm img {
        width: 150px;
        height: 150px;
        margin: auto;
        text-align: center;
        display: block;
        margin-bottom: 50px;
    }
    .product_container {
        padding: 20px;
    }
    .product_container .wrap_item_box {
        padding: 20px 10px;
    }
    .has-search .form-control-feedback {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }
    .has-search .btn {
        padding: 5px 10px;
    }
    .has-search .form-control {
        padding-right: 80px;
    }
    .column_wrap {
        padding: 20px 10px;
        margin: auto;
    }
    .card-header {
        padding: 10px 0;
    }
    .card-body {
        padding: 20px;
    }
    .box_content .page_heading h3 {
        padding: 0;
        font-size: 1.2rem;
    }
    /*.box_content .page_heading h3::before {
        display: none;
    }*/
    .content_row_wrap p {
        text-align: center;
    }
    .signupfooter_section {
        padding-top: 250px;
    }
    .signupfooter_section::before {
        height: 200px;
        width: 70%;
        margin: auto;
        left: 0;
        right: 0;
    }
    .signup_wrap .product_container {
        padding: 10px;
    }
    .signup_wrap .product_container .wrap_title {
        text-align: center;
        padding-right: 0;
        font-size: 2rem;
    }
    .signup_wrap .product_container .wrap_number {
        position: relative;
        right: unset;
        top: unset;
    }
    .signup_wrap .product_container .wrap_details ul {
        margin: 20px 0 0;
        text-align: center;
    }
    .heading_btn {
        display: block;
    }
    .heading_btn .btn_wrap {
        width: 170px;
    }
    .search_fields {
        width: 100%;
    }
    .main_blog_post {
        height: 300px;
    }
    .homepage_blog .blog_post_item {
        width: 100%;
    }
    .ojfooter_sectionv3 {
        padding-top: 250px;
    }
    .form_contentv3 {
        padding: 30px 10px;
    }
    .latest_job_item .search_item {
        display: block;
    }
    .latest_job_item .search_item .profile_image {
        width: 100%;
        padding: 20px;
    }
    .latest_job_item .search_details {
        width: 100%;
    }
    .worker_section .profile_details {
        margin-bottom: 0;
    }
    #page_header2, #page_header3 {
        padding: 120px 0px !important;
    }
    .nav-content .profile_check_info {
        padding: 0 30px 30px 0;
        text-align: left;
    }
    .footer-item, .head-item {
        text-align: center;
        margin-bottom: 30px;
        width: 100%;
    }
    .footer-item:last-child, .head-item:last-child{
        margin-bottom: 0;
    }
    .ojfooter_sectionv3::before {
        bottom: 0;
    }
    .verify_signup {
        padding-bottom: 100px;
    }
    ._signupv4 .signup_wrap .product_container .wrap_title, ._content-review-box {
        padding: 20px;
    }
    ._featured-img {
        margin-top: -150px;
        padding: 0;
    }
    ._featured-img img {
        height: 200px;
        margin-bottom: 30px;
    }
    ._blog-post {
        padding: 0 20px;
    }
    ._blog-content p {
        text-align: justify;
    }
    ._header-review-box ._review-details img {
        width: 40px;
        height: 40px;
        margin: 0 5px 0 0;
    }
    ._header-review-box ._review-details div {
        margin-top: 0;
    }
    ._header-review-box ._review-details div span, ._content-review-box p {
        font-size: 14px;
    }
    ._header-review-box ._review-details div small {
        font-size: 70%;
    }
    ._header-review-box ._review-star {
        float: none;
        line-height: unset;
        text-align: right;
    }
    .item-group .info_title img {
        width: 16px;
        margin-right: 5px;
        margin-bottom: 10px;
    }
    .stamp-signature {
        padding: 20px 0;
    }
    .breadcrumbs {
        display: flex;
    }
    .breadcrumbs-item {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .cta_btn {
        padding: 10px 20px !important;
        font-size: 14px;
    }
    .content p {
        font-size: 14px;
    }
    .view-jobpost-item {
        display: block;
    }
    .col-view-item {
        width: 100%;
        padding-left: 0;
    }
    .templates-btn a {
        width: 100%;
        max-width: 100%;
    }
    .total-info, .subtotal-info {
        font-size: 14px;
    }
    .upgrade-summary .amount {
        width: 80px;
    }
}
@media screen and (max-height:390px) {
    #page_header, #page_header2, #page_header3, #page_header4 {
        padding: 120px 0px !important;
    }
    .banner_headingtext {
        display: none;
    }
}
@media screen and (max-width: 375px) {
    .g-recaptcha {
        transform-origin: 0 0;
    }
    .job-btn {
        width: 90%;
    }
    .view-group-btn a {
        width: 100%;
        display: inline-block;
        margin: 2px 0;
    }
    .item-group {
        width: 100%;
        border-right: unset;
        text-align: left;
    }
    .item-group .form-control {
        text-align: left;
    }
    .hired-profile-btn {
        top: -50px;
        margin: 2px auto!important;
        left: 0;
        right: 0;
        border-radius: 15px;
    }
    .hired-profile-btn::after {
        display: none;
    }
    /*.worker-settings {
        padding: 0;
    }*/
    #videourl1 {
        width: 800px;
        height: 450px;
        position: relative;
    }
    
    #videourl1 iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
    
    #videourl1 .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        background: #fff;
        opacity: 0.7;
    }

    #videourl2 {
        width: 800px;
        height: 450px;
        position: relative;
    }
    
    #videourl2 iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
    
    #videourl2 .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        background: #fff;
        opacity: 0.7;
    }

    #videourl3 {
        width: 800px;
        height: 450px;
        position: relative;
    }
    
    #videourl3 iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
    
    #videourl3 .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        background: #fff;
        opacity: 0.7;
    }
}